primereact 9.1.1 → 9.2.0

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 (158) hide show
  1. package/api/api.d.ts +2 -2
  2. package/autocomplete/autocomplete.cjs.js +1 -0
  3. package/autocomplete/autocomplete.cjs.min.js +1 -1
  4. package/autocomplete/autocomplete.esm.js +1 -0
  5. package/autocomplete/autocomplete.esm.min.js +1 -1
  6. package/autocomplete/autocomplete.js +1 -0
  7. package/autocomplete/autocomplete.min.js +1 -1
  8. package/avatar/avatar.cjs.js +2 -2
  9. package/avatar/avatar.cjs.min.js +1 -1
  10. package/avatar/avatar.esm.js +2 -2
  11. package/avatar/avatar.esm.min.js +1 -1
  12. package/avatar/avatar.js +2 -2
  13. package/avatar/avatar.min.js +1 -1
  14. package/calendar/calendar.cjs.js +2 -2
  15. package/calendar/calendar.cjs.min.js +1 -1
  16. package/calendar/calendar.esm.js +2 -2
  17. package/calendar/calendar.esm.min.js +1 -1
  18. package/calendar/calendar.js +2 -2
  19. package/calendar/calendar.min.js +1 -1
  20. package/contextmenu/contextmenu.cjs.js +61 -18
  21. package/contextmenu/contextmenu.cjs.min.js +1 -1
  22. package/contextmenu/contextmenu.d.ts +9 -0
  23. package/contextmenu/contextmenu.esm.js +63 -20
  24. package/contextmenu/contextmenu.esm.min.js +1 -1
  25. package/contextmenu/contextmenu.js +61 -18
  26. package/contextmenu/contextmenu.min.js +1 -1
  27. package/core/core.js +226 -115
  28. package/core/core.min.js +4 -4
  29. package/datatable/datatable.cjs.js +84 -79
  30. package/datatable/datatable.cjs.min.js +1 -1
  31. package/datatable/datatable.d.ts +2 -11
  32. package/datatable/datatable.esm.js +85 -80
  33. package/datatable/datatable.esm.min.js +1 -1
  34. package/datatable/datatable.js +84 -79
  35. package/datatable/datatable.min.css +1 -1
  36. package/datatable/datatable.min.js +1 -1
  37. package/dropdown/dropdown.cjs.js +1 -0
  38. package/dropdown/dropdown.cjs.min.js +1 -1
  39. package/dropdown/dropdown.esm.js +1 -0
  40. package/dropdown/dropdown.esm.min.js +1 -1
  41. package/dropdown/dropdown.js +1 -0
  42. package/dropdown/dropdown.min.js +1 -1
  43. package/hooks/hooks.cjs.js +34 -2
  44. package/hooks/hooks.cjs.min.js +1 -1
  45. package/hooks/hooks.d.ts +13 -0
  46. package/hooks/hooks.esm.js +34 -3
  47. package/hooks/hooks.esm.min.js +1 -1
  48. package/hooks/hooks.js +34 -2
  49. package/hooks/hooks.min.js +1 -1
  50. package/inputtext/inputtext.min.css +1 -1
  51. package/listbox/listbox.cjs.js +5 -4
  52. package/listbox/listbox.cjs.min.js +1 -1
  53. package/listbox/listbox.esm.js +5 -4
  54. package/listbox/listbox.esm.min.js +1 -1
  55. package/listbox/listbox.js +5 -4
  56. package/listbox/listbox.min.js +1 -1
  57. package/megamenu/megamenu.cjs.js +91 -6
  58. package/megamenu/megamenu.cjs.min.js +1 -1
  59. package/megamenu/megamenu.d.ts +9 -0
  60. package/megamenu/megamenu.esm.js +93 -8
  61. package/megamenu/megamenu.esm.min.js +1 -1
  62. package/megamenu/megamenu.js +91 -6
  63. package/megamenu/megamenu.min.css +1 -1
  64. package/megamenu/megamenu.min.js +1 -1
  65. package/multiselect/multiselect.cjs.js +1 -0
  66. package/multiselect/multiselect.cjs.min.js +1 -1
  67. package/multiselect/multiselect.esm.js +1 -0
  68. package/multiselect/multiselect.esm.min.js +1 -1
  69. package/multiselect/multiselect.js +1 -0
  70. package/multiselect/multiselect.min.js +1 -1
  71. package/package.json +1 -1
  72. package/primereact.all.cjs.js +554 -244
  73. package/primereact.all.cjs.min.js +1 -1
  74. package/primereact.all.esm.js +554 -245
  75. package/primereact.all.esm.min.js +1 -1
  76. package/primereact.all.js +554 -244
  77. package/primereact.all.min.js +1 -1
  78. package/resources/primereact.css +616 -667
  79. package/resources/primereact.min.css +1 -1
  80. package/resources/themes/arya-blue/theme.css +130 -2
  81. package/resources/themes/arya-green/theme.css +130 -2
  82. package/resources/themes/arya-orange/theme.css +130 -2
  83. package/resources/themes/arya-purple/theme.css +130 -2
  84. package/resources/themes/bootstrap4-dark-blue/theme.css +131 -2
  85. package/resources/themes/bootstrap4-dark-purple/theme.css +131 -2
  86. package/resources/themes/bootstrap4-light-blue/theme.css +131 -2
  87. package/resources/themes/bootstrap4-light-purple/theme.css +131 -2
  88. package/resources/themes/fluent-light/theme.css +131 -2
  89. package/resources/themes/lara-dark-blue/theme.css +131 -2
  90. package/resources/themes/lara-dark-indigo/theme.css +131 -2
  91. package/resources/themes/lara-dark-purple/theme.css +131 -2
  92. package/resources/themes/lara-dark-teal/theme.css +131 -2
  93. package/resources/themes/lara-light-blue/theme.css +131 -2
  94. package/resources/themes/lara-light-indigo/theme.css +131 -2
  95. package/resources/themes/lara-light-purple/theme.css +131 -2
  96. package/resources/themes/lara-light-teal/theme.css +131 -2
  97. package/resources/themes/luna-amber/theme.css +131 -2
  98. package/resources/themes/luna-blue/theme.css +131 -2
  99. package/resources/themes/luna-green/theme.css +131 -2
  100. package/resources/themes/luna-pink/theme.css +131 -2
  101. package/resources/themes/md-dark-deeppurple/theme.css +131 -2
  102. package/resources/themes/md-dark-indigo/theme.css +131 -2
  103. package/resources/themes/md-light-deeppurple/theme.css +131 -2
  104. package/resources/themes/md-light-indigo/theme.css +131 -2
  105. package/resources/themes/mdc-dark-deeppurple/theme.css +131 -2
  106. package/resources/themes/mdc-dark-indigo/theme.css +131 -2
  107. package/resources/themes/mdc-light-deeppurple/theme.css +131 -2
  108. package/resources/themes/mdc-light-indigo/theme.css +131 -2
  109. package/resources/themes/mira/theme.css +131 -2
  110. package/resources/themes/nano/theme.css +131 -2
  111. package/resources/themes/nova/theme.css +131 -2
  112. package/resources/themes/nova-accent/theme.css +131 -2
  113. package/resources/themes/nova-alt/theme.css +131 -2
  114. package/resources/themes/rhea/theme.css +131 -2
  115. package/resources/themes/saga-blue/theme.css +131 -2
  116. package/resources/themes/saga-green/theme.css +131 -2
  117. package/resources/themes/saga-orange/theme.css +131 -2
  118. package/resources/themes/saga-purple/theme.css +131 -2
  119. package/resources/themes/soho-dark/theme.css +131 -2
  120. package/resources/themes/soho-light/theme.css +131 -2
  121. package/resources/themes/tailwind-light/theme.css +131 -2
  122. package/resources/themes/vela-blue/theme.css +131 -2
  123. package/resources/themes/vela-green/theme.css +131 -2
  124. package/resources/themes/vela-orange/theme.css +131 -2
  125. package/resources/themes/vela-purple/theme.css +131 -2
  126. package/resources/themes/viva-dark/theme.css +131 -2
  127. package/resources/themes/viva-light/theme.css +131 -2
  128. package/tieredmenu/tieredmenu.cjs.js +69 -9
  129. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  130. package/tieredmenu/tieredmenu.d.ts +9 -0
  131. package/tieredmenu/tieredmenu.esm.js +71 -11
  132. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  133. package/tieredmenu/tieredmenu.js +69 -9
  134. package/tieredmenu/tieredmenu.min.js +1 -1
  135. package/toast/toast.min.css +1 -1
  136. package/treetable/treetable.cjs.js +12 -9
  137. package/treetable/treetable.cjs.min.js +1 -1
  138. package/treetable/treetable.d.ts +0 -5
  139. package/treetable/treetable.esm.js +12 -9
  140. package/treetable/treetable.esm.min.js +1 -1
  141. package/treetable/treetable.js +12 -9
  142. package/treetable/treetable.min.css +1 -1
  143. package/treetable/treetable.min.js +1 -1
  144. package/utils/utils.cjs.js +14 -9
  145. package/utils/utils.cjs.min.js +1 -1
  146. package/utils/utils.esm.js +14 -9
  147. package/utils/utils.esm.min.js +1 -1
  148. package/utils/utils.js +14 -9
  149. package/utils/utils.min.js +1 -1
  150. package/virtualscroller/virtualscroller.cjs.js +177 -104
  151. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  152. package/virtualscroller/virtualscroller.d.ts +20 -0
  153. package/virtualscroller/virtualscroller.esm.js +177 -104
  154. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  155. package/virtualscroller/virtualscroller.js +177 -104
  156. package/virtualscroller/virtualscroller.min.css +1 -1
  157. package/virtualscroller/virtualscroller.min.js +1 -1
  158. package/web-types.json +1 -1
package/resources/themes/md-light-indigo/theme.css CHANGED
@@ -2812,13 +2812,46 @@
2812
2812
  border-width: 0 1px 1px 1px;
2813
2813
  }
2814
2814
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2815
- border-width: 1px 1px 1px 1px;
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2818
+ border-width: 1px;
2816
2819
  }
2817
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2821
+ border-width: 1px 0 0 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2824
+ border-width: 1px 1px 0 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2827
+ border-width: 1px 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2818
2830
  border-width: 1px;
2819
2831
  }
2820
2832
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2821
- border-width: 1px;
2833
+ border-width: 1px 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2836
+ border-width: 1px 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2839
+ border-width: 0 0 1px 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2842
+ border-width: 0 1px 1px 1px;
2843
+ }
2844
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2845
+ border-width: 0 0 1px 1px;
2846
+ }
2847
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2848
+ border-width: 0 1px 1px 1px;
2849
+ }
2850
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2851
+ border-width: 0 0 0 1px;
2852
+ }
2853
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2854
+ border-width: 0 1px 0 1px;
2822
2855
  }
2823
2856
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2824
2857
  background: rgba(0, 0, 0, 0.02);
@@ -4441,6 +4474,7 @@
4441
4474
  border-bottom: 0 none;
4442
4475
  border-top-right-radius: 4px;
4443
4476
  border-top-left-radius: 4px;
4477
+ gap: 0.5rem;
4444
4478
  }
4445
4479
  .p-fileupload .p-fileupload-buttonbar .p-button {
4446
4480
  margin-right: 0.5rem;
@@ -4560,6 +4594,7 @@
4560
4594
  }
4561
4595
  .p-contextmenu .p-submenu-icon {
4562
4596
  font-size: 0.875rem;
4597
+ transition: transform 0.2s;
4563
4598
  }
4564
4599
 
4565
4600
  .p-dock .p-dock-list {
@@ -4766,6 +4801,99 @@
4766
4801
  width: 12.5rem;
4767
4802
  padding: 0.5rem 0;
4768
4803
  }
4804
+ .p-megamenu .p-megamenu-button {
4805
+ width: 2.5rem;
4806
+ height: 2.5rem;
4807
+ color: rgba(0, 0, 0, 0.6);
4808
+ border-radius: 50%;
4809
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4810
+ }
4811
+ .p-megamenu .p-megamenu-button:hover {
4812
+ color: rgba(0, 0, 0, 0.6);
4813
+ background: rgba(0, 0, 0, 0.04);
4814
+ }
4815
+ .p-megamenu .p-megamenu-button:focus {
4816
+ outline: 0 none;
4817
+ outline-offset: 0;
4818
+ box-shadow: none;
4819
+ }
4820
+ .p-megamenu .p-submenu-icon {
4821
+ transition: transform 0.2s;
4822
+ }
4823
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4824
+ padding: 0.5rem 0;
4825
+ background: #ffffff;
4826
+ border: 0 none;
4827
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4830
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
4831
+ margin: 0.5rem 0;
4832
+ }
4833
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4834
+ font-size: 0.875rem;
4835
+ }
4836
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4837
+ width: 100%;
4838
+ position: static;
4839
+ }
4840
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4841
+ padding: 1rem 1rem;
4842
+ color: rgba(0, 0, 0, 0.87);
4843
+ border-radius: 0;
4844
+ transition: none;
4845
+ user-select: none;
4846
+ }
4847
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4848
+ color: rgba(0, 0, 0, 0.87);
4849
+ }
4850
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4851
+ color: rgba(0, 0, 0, 0.6);
4852
+ margin-right: 0.5rem;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4855
+ color: rgba(0, 0, 0, 0.6);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4858
+ background: rgba(0, 0, 0, 0.04);
4859
+ }
4860
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4861
+ color: rgba(0, 0, 0, 0.87);
4862
+ }
4863
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4864
+ color: rgba(0, 0, 0, 0.6);
4865
+ }
4866
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4867
+ color: rgba(0, 0, 0, 0.6);
4868
+ }
4869
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4870
+ outline: 0 none;
4871
+ outline-offset: 0;
4872
+ box-shadow: none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4875
+ margin-left: auto;
4876
+ }
4877
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4878
+ transform: rotate(-180deg);
4879
+ }
4880
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4881
+ width: 100%;
4882
+ position: static;
4883
+ box-shadow: none;
4884
+ border: 0 none;
4885
+ }
4886
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4887
+ transition: transform 0.2s;
4888
+ transform: rotate(90deg);
4889
+ }
4890
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4891
+ transform: rotate(-90deg);
4892
+ }
4893
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4894
+ width: 100%;
4895
+ position: static;
4896
+ }
4769
4897
 
4770
4898
  .p-menu {
4771
4899
  padding: 0.5rem 0;
@@ -5413,6 +5541,7 @@
5413
5541
  }
5414
5542
  .p-tieredmenu .p-submenu-icon {
5415
5543
  font-size: 0.875rem;
5544
+ transition: transform 0.2s;
5416
5545
  }
5417
5546
 
5418
5547
  .p-inline-message {
package/resources/themes/mdc-dark-deeppurple/theme.css CHANGED
@@ -2812,13 +2812,46 @@
2812
2812
  border-width: 0 1px 1px 1px;
2813
2813
  }
2814
2814
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2815
- border-width: 1px 1px 1px 1px;
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2818
+ border-width: 1px;
2816
2819
  }
2817
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2821
+ border-width: 1px 0 0 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2824
+ border-width: 1px 1px 0 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2827
+ border-width: 1px 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2818
2830
  border-width: 1px;
2819
2831
  }
2820
2832
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2821
- border-width: 1px;
2833
+ border-width: 1px 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2836
+ border-width: 1px 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2839
+ border-width: 0 0 1px 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2842
+ border-width: 0 1px 1px 1px;
2843
+ }
2844
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2845
+ border-width: 0 0 1px 1px;
2846
+ }
2847
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2848
+ border-width: 0 1px 1px 1px;
2849
+ }
2850
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2851
+ border-width: 0 0 0 1px;
2852
+ }
2853
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2854
+ border-width: 0 1px 0 1px;
2822
2855
  }
2823
2856
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2824
2857
  background: #222222;
@@ -4441,6 +4474,7 @@
4441
4474
  border-bottom: 0 none;
4442
4475
  border-top-right-radius: 4px;
4443
4476
  border-top-left-radius: 4px;
4477
+ gap: 0.5rem;
4444
4478
  }
4445
4479
  .p-fileupload .p-fileupload-buttonbar .p-button {
4446
4480
  margin-right: 0.5rem;
@@ -4560,6 +4594,7 @@
4560
4594
  }
4561
4595
  .p-contextmenu .p-submenu-icon {
4562
4596
  font-size: 0.875rem;
4597
+ transition: transform 0.2s;
4563
4598
  }
4564
4599
 
4565
4600
  .p-dock .p-dock-list {
@@ -4766,6 +4801,99 @@
4766
4801
  width: 12.5rem;
4767
4802
  padding: 0.5rem 0;
4768
4803
  }
4804
+ .p-megamenu .p-megamenu-button {
4805
+ width: 2rem;
4806
+ height: 2rem;
4807
+ color: rgba(255, 255, 255, 0.6);
4808
+ border-radius: 50%;
4809
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4810
+ }
4811
+ .p-megamenu .p-megamenu-button:hover {
4812
+ color: rgba(255, 255, 255, 0.6);
4813
+ background: rgba(255, 255, 255, 0.04);
4814
+ }
4815
+ .p-megamenu .p-megamenu-button:focus {
4816
+ outline: 0 none;
4817
+ outline-offset: 0;
4818
+ box-shadow: none;
4819
+ }
4820
+ .p-megamenu .p-submenu-icon {
4821
+ transition: transform 0.2s;
4822
+ }
4823
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4824
+ padding: 0.5rem 0;
4825
+ background: #2b2b2b;
4826
+ border: 0 none;
4827
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4830
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
4831
+ margin: 0.5rem 0;
4832
+ }
4833
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4834
+ font-size: 0.875rem;
4835
+ }
4836
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4837
+ width: 100%;
4838
+ position: static;
4839
+ }
4840
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4841
+ padding: 0.75rem 0.75rem;
4842
+ color: rgba(255, 255, 255, 0.87);
4843
+ border-radius: 0;
4844
+ transition: none;
4845
+ user-select: none;
4846
+ }
4847
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4848
+ color: rgba(255, 255, 255, 0.87);
4849
+ }
4850
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4851
+ color: rgba(255, 255, 255, 0.6);
4852
+ margin-right: 0.5rem;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4855
+ color: rgba(255, 255, 255, 0.6);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4858
+ background: rgba(255, 255, 255, 0.04);
4859
+ }
4860
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4861
+ color: rgba(255, 255, 255, 0.87);
4862
+ }
4863
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4864
+ color: rgba(255, 255, 255, 0.6);
4865
+ }
4866
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4867
+ color: rgba(255, 255, 255, 0.6);
4868
+ }
4869
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4870
+ outline: 0 none;
4871
+ outline-offset: 0;
4872
+ box-shadow: none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4875
+ margin-left: auto;
4876
+ }
4877
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4878
+ transform: rotate(-180deg);
4879
+ }
4880
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4881
+ width: 100%;
4882
+ position: static;
4883
+ box-shadow: none;
4884
+ border: 0 none;
4885
+ }
4886
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4887
+ transition: transform 0.2s;
4888
+ transform: rotate(90deg);
4889
+ }
4890
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4891
+ transform: rotate(-90deg);
4892
+ }
4893
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4894
+ width: 100%;
4895
+ position: static;
4896
+ }
4769
4897
 
4770
4898
  .p-menu {
4771
4899
  padding: 0.5rem 0;
@@ -5413,6 +5541,7 @@
5413
5541
  }
5414
5542
  .p-tieredmenu .p-submenu-icon {
5415
5543
  font-size: 0.875rem;
5544
+ transition: transform 0.2s;
5416
5545
  }
5417
5546
 
5418
5547
  .p-inline-message {
package/resources/themes/mdc-dark-indigo/theme.css CHANGED
@@ -2812,13 +2812,46 @@
2812
2812
  border-width: 0 1px 1px 1px;
2813
2813
  }
2814
2814
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2815
- border-width: 1px 1px 1px 1px;
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2818
+ border-width: 1px;
2816
2819
  }
2817
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2821
+ border-width: 1px 0 0 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2824
+ border-width: 1px 1px 0 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2827
+ border-width: 1px 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2818
2830
  border-width: 1px;
2819
2831
  }
2820
2832
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2821
- border-width: 1px;
2833
+ border-width: 1px 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2836
+ border-width: 1px 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2839
+ border-width: 0 0 1px 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2842
+ border-width: 0 1px 1px 1px;
2843
+ }
2844
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2845
+ border-width: 0 0 1px 1px;
2846
+ }
2847
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2848
+ border-width: 0 1px 1px 1px;
2849
+ }
2850
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2851
+ border-width: 0 0 0 1px;
2852
+ }
2853
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2854
+ border-width: 0 1px 0 1px;
2822
2855
  }
2823
2856
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2824
2857
  background: #222222;
@@ -4441,6 +4474,7 @@
4441
4474
  border-bottom: 0 none;
4442
4475
  border-top-right-radius: 4px;
4443
4476
  border-top-left-radius: 4px;
4477
+ gap: 0.5rem;
4444
4478
  }
4445
4479
  .p-fileupload .p-fileupload-buttonbar .p-button {
4446
4480
  margin-right: 0.5rem;
@@ -4560,6 +4594,7 @@
4560
4594
  }
4561
4595
  .p-contextmenu .p-submenu-icon {
4562
4596
  font-size: 0.875rem;
4597
+ transition: transform 0.2s;
4563
4598
  }
4564
4599
 
4565
4600
  .p-dock .p-dock-list {
@@ -4766,6 +4801,99 @@
4766
4801
  width: 12.5rem;
4767
4802
  padding: 0.5rem 0;
4768
4803
  }
4804
+ .p-megamenu .p-megamenu-button {
4805
+ width: 2rem;
4806
+ height: 2rem;
4807
+ color: rgba(255, 255, 255, 0.6);
4808
+ border-radius: 50%;
4809
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4810
+ }
4811
+ .p-megamenu .p-megamenu-button:hover {
4812
+ color: rgba(255, 255, 255, 0.6);
4813
+ background: rgba(255, 255, 255, 0.04);
4814
+ }
4815
+ .p-megamenu .p-megamenu-button:focus {
4816
+ outline: 0 none;
4817
+ outline-offset: 0;
4818
+ box-shadow: none;
4819
+ }
4820
+ .p-megamenu .p-submenu-icon {
4821
+ transition: transform 0.2s;
4822
+ }
4823
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4824
+ padding: 0.5rem 0;
4825
+ background: #2b2b2b;
4826
+ border: 0 none;
4827
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4830
+ border-top: 1px solid rgba(255, 255, 255, 0.12);
4831
+ margin: 0.5rem 0;
4832
+ }
4833
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4834
+ font-size: 0.875rem;
4835
+ }
4836
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4837
+ width: 100%;
4838
+ position: static;
4839
+ }
4840
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4841
+ padding: 0.75rem 0.75rem;
4842
+ color: rgba(255, 255, 255, 0.87);
4843
+ border-radius: 0;
4844
+ transition: none;
4845
+ user-select: none;
4846
+ }
4847
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4848
+ color: rgba(255, 255, 255, 0.87);
4849
+ }
4850
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4851
+ color: rgba(255, 255, 255, 0.6);
4852
+ margin-right: 0.5rem;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4855
+ color: rgba(255, 255, 255, 0.6);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4858
+ background: rgba(255, 255, 255, 0.04);
4859
+ }
4860
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4861
+ color: rgba(255, 255, 255, 0.87);
4862
+ }
4863
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4864
+ color: rgba(255, 255, 255, 0.6);
4865
+ }
4866
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4867
+ color: rgba(255, 255, 255, 0.6);
4868
+ }
4869
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4870
+ outline: 0 none;
4871
+ outline-offset: 0;
4872
+ box-shadow: none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4875
+ margin-left: auto;
4876
+ }
4877
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4878
+ transform: rotate(-180deg);
4879
+ }
4880
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4881
+ width: 100%;
4882
+ position: static;
4883
+ box-shadow: none;
4884
+ border: 0 none;
4885
+ }
4886
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4887
+ transition: transform 0.2s;
4888
+ transform: rotate(90deg);
4889
+ }
4890
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4891
+ transform: rotate(-90deg);
4892
+ }
4893
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4894
+ width: 100%;
4895
+ position: static;
4896
+ }
4769
4897
 
4770
4898
  .p-menu {
4771
4899
  padding: 0.5rem 0;
@@ -5413,6 +5541,7 @@
5413
5541
  }
5414
5542
  .p-tieredmenu .p-submenu-icon {
5415
5543
  font-size: 0.875rem;
5544
+ transition: transform 0.2s;
5416
5545
  }
5417
5546
 
5418
5547
  .p-inline-message {
package/resources/themes/mdc-light-deeppurple/theme.css CHANGED
@@ -2812,13 +2812,46 @@
2812
2812
  border-width: 0 1px 1px 1px;
2813
2813
  }
2814
2814
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2815
- border-width: 1px 1px 1px 1px;
2815
+ border-width: 1px 0 1px 1px;
2816
+ }
2817
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2818
+ border-width: 1px;
2816
2819
  }
2817
2820
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2821
+ border-width: 1px 0 0 1px;
2822
+ }
2823
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2824
+ border-width: 1px 1px 0 1px;
2825
+ }
2826
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2827
+ border-width: 1px 0 1px 1px;
2828
+ }
2829
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2818
2830
  border-width: 1px;
2819
2831
  }
2820
2832
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2821
- border-width: 1px;
2833
+ border-width: 1px 0 1px 1px;
2834
+ }
2835
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2836
+ border-width: 1px 1px 1px 1px;
2837
+ }
2838
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2839
+ border-width: 0 0 1px 1px;
2840
+ }
2841
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2842
+ border-width: 0 1px 1px 1px;
2843
+ }
2844
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2845
+ border-width: 0 0 1px 1px;
2846
+ }
2847
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2848
+ border-width: 0 1px 1px 1px;
2849
+ }
2850
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2851
+ border-width: 0 0 0 1px;
2852
+ }
2853
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2854
+ border-width: 0 1px 0 1px;
2822
2855
  }
2823
2856
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2824
2857
  background: rgba(0, 0, 0, 0.02);
@@ -4441,6 +4474,7 @@
4441
4474
  border-bottom: 0 none;
4442
4475
  border-top-right-radius: 4px;
4443
4476
  border-top-left-radius: 4px;
4477
+ gap: 0.5rem;
4444
4478
  }
4445
4479
  .p-fileupload .p-fileupload-buttonbar .p-button {
4446
4480
  margin-right: 0.5rem;
@@ -4560,6 +4594,7 @@
4560
4594
  }
4561
4595
  .p-contextmenu .p-submenu-icon {
4562
4596
  font-size: 0.875rem;
4597
+ transition: transform 0.2s;
4563
4598
  }
4564
4599
 
4565
4600
  .p-dock .p-dock-list {
@@ -4766,6 +4801,99 @@
4766
4801
  width: 12.5rem;
4767
4802
  padding: 0.5rem 0;
4768
4803
  }
4804
+ .p-megamenu .p-megamenu-button {
4805
+ width: 2rem;
4806
+ height: 2rem;
4807
+ color: rgba(0, 0, 0, 0.6);
4808
+ border-radius: 50%;
4809
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4810
+ }
4811
+ .p-megamenu .p-megamenu-button:hover {
4812
+ color: rgba(0, 0, 0, 0.6);
4813
+ background: rgba(0, 0, 0, 0.04);
4814
+ }
4815
+ .p-megamenu .p-megamenu-button:focus {
4816
+ outline: 0 none;
4817
+ outline-offset: 0;
4818
+ box-shadow: none;
4819
+ }
4820
+ .p-megamenu .p-submenu-icon {
4821
+ transition: transform 0.2s;
4822
+ }
4823
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4824
+ padding: 0.5rem 0;
4825
+ background: #ffffff;
4826
+ border: 0 none;
4827
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4830
+ border-top: 1px solid rgba(0, 0, 0, 0.12);
4831
+ margin: 0.5rem 0;
4832
+ }
4833
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4834
+ font-size: 0.875rem;
4835
+ }
4836
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4837
+ width: 100%;
4838
+ position: static;
4839
+ }
4840
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4841
+ padding: 0.75rem 0.75rem;
4842
+ color: rgba(0, 0, 0, 0.87);
4843
+ border-radius: 0;
4844
+ transition: none;
4845
+ user-select: none;
4846
+ }
4847
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4848
+ color: rgba(0, 0, 0, 0.87);
4849
+ }
4850
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4851
+ color: rgba(0, 0, 0, 0.6);
4852
+ margin-right: 0.5rem;
4853
+ }
4854
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4855
+ color: rgba(0, 0, 0, 0.6);
4856
+ }
4857
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4858
+ background: rgba(0, 0, 0, 0.04);
4859
+ }
4860
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4861
+ color: rgba(0, 0, 0, 0.87);
4862
+ }
4863
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4864
+ color: rgba(0, 0, 0, 0.6);
4865
+ }
4866
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4867
+ color: rgba(0, 0, 0, 0.6);
4868
+ }
4869
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4870
+ outline: 0 none;
4871
+ outline-offset: 0;
4872
+ box-shadow: none;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4875
+ margin-left: auto;
4876
+ }
4877
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4878
+ transform: rotate(-180deg);
4879
+ }
4880
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4881
+ width: 100%;
4882
+ position: static;
4883
+ box-shadow: none;
4884
+ border: 0 none;
4885
+ }
4886
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4887
+ transition: transform 0.2s;
4888
+ transform: rotate(90deg);
4889
+ }
4890
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4891
+ transform: rotate(-90deg);
4892
+ }
4893
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4894
+ width: 100%;
4895
+ position: static;
4896
+ }
4769
4897
 
4770
4898
  .p-menu {
4771
4899
  padding: 0.5rem 0;
@@ -5413,6 +5541,7 @@
5413
5541
  }
5414
5542
  .p-tieredmenu .p-submenu-icon {
5415
5543
  font-size: 0.875rem;
5544
+ transition: transform 0.2s;
5416
5545
  }
5417
5546
 
5418
5547
  .p-inline-message {