primereact 8.7.0 → 8.7.1

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 (47) hide show
  1. package/accordion/accordion.d.ts +1 -1
  2. package/calendar/calendar.cjs.js +11 -2
  3. package/calendar/calendar.cjs.min.js +1 -1
  4. package/calendar/calendar.esm.js +11 -2
  5. package/calendar/calendar.esm.min.js +1 -1
  6. package/calendar/calendar.js +11 -2
  7. package/calendar/calendar.min.js +1 -1
  8. package/core/core.js +19 -7
  9. package/core/core.min.js +1 -1
  10. package/datatable/datatable.cjs.js +2 -0
  11. package/datatable/datatable.cjs.min.js +1 -1
  12. package/datatable/datatable.esm.js +2 -0
  13. package/datatable/datatable.esm.min.js +1 -1
  14. package/datatable/datatable.js +2 -0
  15. package/datatable/datatable.min.js +1 -1
  16. package/image/image.cjs.js +4 -2
  17. package/image/image.cjs.min.js +1 -1
  18. package/image/image.d.ts +2 -2
  19. package/image/image.esm.js +4 -2
  20. package/image/image.esm.min.js +1 -1
  21. package/image/image.js +4 -2
  22. package/image/image.min.js +1 -1
  23. package/package.json +1 -2
  24. package/primereact.all.cjs.js +38 -13
  25. package/primereact.all.cjs.min.js +1 -1
  26. package/primereact.all.esm.js +38 -13
  27. package/primereact.all.esm.min.js +1 -1
  28. package/primereact.all.js +38 -13
  29. package/primereact.all.min.js +1 -1
  30. package/resources/primereact.css +91 -86
  31. package/resources/primereact.min.css +1 -1
  32. package/ripple/ripple.cjs.js +19 -7
  33. package/ripple/ripple.cjs.min.js +1 -1
  34. package/ripple/ripple.esm.js +19 -7
  35. package/ripple/ripple.esm.min.js +1 -1
  36. package/ripple/ripple.js +19 -7
  37. package/ripple/ripple.min.js +1 -1
  38. package/splitter/splitter.cjs.js +2 -6
  39. package/splitter/splitter.cjs.min.js +1 -1
  40. package/splitter/splitter.esm.js +2 -6
  41. package/splitter/splitter.esm.min.js +1 -1
  42. package/splitter/splitter.js +2 -6
  43. package/splitter/splitter.min.js +1 -1
  44. package/timeline/timeline.d.ts +1 -1
  45. package/toast/toast.min.css +1 -1
  46. package/web-types.json +1 -1
  47. package/index.d.ts +0 -105
@@ -411,6 +411,75 @@
411
411
  display: none;
412
412
  }
413
413
 
414
+ .p-button {
415
+ margin: 0;
416
+ display: inline-flex;
417
+ cursor: pointer;
418
+ user-select: none;
419
+ align-items: center;
420
+ vertical-align: bottom;
421
+ text-align: center;
422
+ overflow: hidden;
423
+ position: relative;
424
+ }
425
+
426
+ .p-button-label {
427
+ flex: 1 1 auto;
428
+ }
429
+
430
+ .p-button-icon-right {
431
+ order: 1;
432
+ }
433
+
434
+ .p-button:disabled {
435
+ cursor: default;
436
+ }
437
+
438
+ .p-button-icon-only {
439
+ justify-content: center;
440
+ }
441
+
442
+ .p-button-icon-only .p-button-label {
443
+ visibility: hidden;
444
+ width: 0;
445
+ flex: 0 0 auto;
446
+ }
447
+
448
+ .p-button-vertical {
449
+ flex-direction: column;
450
+ }
451
+
452
+ .p-button-icon-bottom {
453
+ order: 2;
454
+ }
455
+
456
+ .p-buttonset .p-button {
457
+ margin: 0;
458
+ }
459
+
460
+ .p-buttonset .p-button:not(:last-child) {
461
+ border-right: 0 none;
462
+ }
463
+
464
+ .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
465
+ border-radius: 0;
466
+ }
467
+
468
+ .p-buttonset .p-button:first-of-type {
469
+ border-top-right-radius: 0;
470
+ border-bottom-right-radius: 0;
471
+ }
472
+
473
+ .p-buttonset .p-button:last-of-type {
474
+ border-top-left-radius: 0;
475
+ border-bottom-left-radius: 0;
476
+ }
477
+
478
+ .p-buttonset .p-button:focus {
479
+ position: relative;
480
+ z-index: 1;
481
+ }
482
+
414
483
  .p-calendar {
415
484
  position: relative;
416
485
  display: inline-flex;
@@ -581,75 +650,6 @@
581
650
  position: relative;
582
651
  }
583
652
 
584
- .p-button {
585
- margin: 0;
586
- display: inline-flex;
587
- cursor: pointer;
588
- user-select: none;
589
- align-items: center;
590
- vertical-align: bottom;
591
- text-align: center;
592
- overflow: hidden;
593
- position: relative;
594
- }
595
-
596
- .p-button-label {
597
- flex: 1 1 auto;
598
- }
599
-
600
- .p-button-icon-right {
601
- order: 1;
602
- }
603
-
604
- .p-button:disabled {
605
- cursor: default;
606
- }
607
-
608
- .p-button-icon-only {
609
- justify-content: center;
610
- }
611
-
612
- .p-button-icon-only .p-button-label {
613
- visibility: hidden;
614
- width: 0;
615
- flex: 0 0 auto;
616
- }
617
-
618
- .p-button-vertical {
619
- flex-direction: column;
620
- }
621
-
622
- .p-button-icon-bottom {
623
- order: 2;
624
- }
625
-
626
- .p-buttonset .p-button {
627
- margin: 0;
628
- }
629
-
630
- .p-buttonset .p-button:not(:last-child) {
631
- border-right: 0 none;
632
- }
633
-
634
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
635
- border-radius: 0;
636
- }
637
-
638
- .p-buttonset .p-button:first-of-type {
639
- border-top-right-radius: 0;
640
- border-bottom-right-radius: 0;
641
- }
642
-
643
- .p-buttonset .p-button:last-of-type {
644
- border-top-left-radius: 0;
645
- border-bottom-left-radius: 0;
646
- }
647
-
648
- .p-buttonset .p-button:focus {
649
- position: relative;
650
- z-index: 1;
651
- }
652
-
653
653
  .p-card-header img {
654
654
  width: 100%;
655
655
  }
@@ -5728,7 +5728,8 @@ input.p-dropdown-label {
5728
5728
 
5729
5729
  .p-toast {
5730
5730
  position: fixed;
5731
- width: 25rem;
5731
+ width: calc(100% - var(--toast-indent, 0px));
5732
+ max-width: 25rem;
5732
5733
  }
5733
5734
 
5734
5735
  .p-toast-message-content {
@@ -5745,40 +5746,44 @@ input.p-dropdown-label {
5745
5746
  }
5746
5747
 
5747
5748
  .p-toast-top-right {
5748
- top: 20px;
5749
- right: 20px;
5749
+ --toast-indent: 20px;
5750
+ top: 20px;
5751
+ right: 20px;
5750
5752
  }
5751
5753
 
5752
5754
  .p-toast-top-left {
5753
- top: 20px;
5754
- left: 20px;
5755
+ --toast-indent: 20px;
5756
+ top: 20px;
5757
+ left: 20px;
5755
5758
  }
5756
5759
 
5757
5760
  .p-toast-bottom-left {
5758
- bottom: 20px;
5759
- left: 20px;
5761
+ --toast-indent: 20px;
5762
+ bottom: 20px;
5763
+ left: 20px;
5760
5764
  }
5761
5765
 
5762
5766
  .p-toast-bottom-right {
5763
- bottom: 20px;
5764
- right: 20px;
5767
+ --toast-indent: 20px;
5768
+ bottom: 20px;
5769
+ right: 20px;
5765
5770
  }
5766
5771
 
5767
5772
  .p-toast-top-center {
5768
- top: 20px;
5773
+ top: 20px;
5769
5774
  left: 50%;
5770
5775
  transform: translateX(-50%);
5771
5776
  }
5772
5777
 
5773
5778
  .p-toast-bottom-center {
5774
- bottom: 20px;
5775
- left: 50%;
5779
+ bottom: 20px;
5780
+ left: 50%;
5776
5781
  transform: translateX(-50%);
5777
5782
  }
5778
5783
 
5779
5784
  .p-toast-center {
5780
- left: 50%;
5781
- top: 50%;
5785
+ left: 50%;
5786
+ top: 50%;
5782
5787
  min-width: 20vw;
5783
5788
  transform: translate(-50%, -50%);
5784
5789
  }
@@ -5792,7 +5797,7 @@ input.p-dropdown-label {
5792
5797
  }
5793
5798
 
5794
5799
  .p-toast-icon-close.p-link {
5795
- cursor: pointer;
5800
+ cursor: pointer;
5796
5801
  }
5797
5802
 
5798
5803
  /* Animations */
@@ -5804,7 +5809,7 @@ input.p-dropdown-label {
5804
5809
  .p-toast-message-enter-active {
5805
5810
  opacity: 1;
5806
5811
  transform: translateY(0);
5807
- transition: transform .3s, opacity .3s;
5812
+ transition: transform 0.3s, opacity 0.3s;
5808
5813
  }
5809
5814
 
5810
5815
  .p-toast-message-enter-done {
@@ -5821,7 +5826,7 @@ input.p-dropdown-label {
5821
5826
  max-height: 0;
5822
5827
  margin-bottom: 0;
5823
5828
  overflow: hidden;
5824
- transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
5829
+ transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
5825
5830
  }
5826
5831
 
5827
5832
  .p-toolbar {