primereact 9.1.1 → 9.2.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 (210) hide show
  1. package/api/api.cjs.js +16 -0
  2. package/api/api.cjs.min.js +1 -1
  3. package/api/api.d.ts +2 -2
  4. package/api/api.esm.js +16 -0
  5. package/api/api.esm.min.js +1 -1
  6. package/api/api.js +16 -0
  7. package/api/api.min.js +1 -1
  8. package/autocomplete/autocomplete.cjs.js +1 -0
  9. package/autocomplete/autocomplete.cjs.min.js +1 -1
  10. package/autocomplete/autocomplete.esm.js +1 -0
  11. package/autocomplete/autocomplete.esm.min.js +1 -1
  12. package/autocomplete/autocomplete.js +1 -0
  13. package/autocomplete/autocomplete.min.js +1 -1
  14. package/avatar/avatar.cjs.js +2 -2
  15. package/avatar/avatar.cjs.min.js +1 -1
  16. package/avatar/avatar.esm.js +2 -2
  17. package/avatar/avatar.esm.min.js +1 -1
  18. package/avatar/avatar.js +2 -2
  19. package/avatar/avatar.min.js +1 -1
  20. package/button/button.cjs.js +6 -1
  21. package/button/button.cjs.min.js +1 -1
  22. package/button/button.d.ts +2 -2
  23. package/button/button.esm.js +6 -1
  24. package/button/button.esm.min.js +1 -1
  25. package/button/button.js +6 -1
  26. package/button/button.min.js +1 -1
  27. package/calendar/calendar.cjs.js +2 -2
  28. package/calendar/calendar.cjs.min.js +1 -1
  29. package/calendar/calendar.esm.js +2 -2
  30. package/calendar/calendar.esm.min.js +1 -1
  31. package/calendar/calendar.js +2 -2
  32. package/calendar/calendar.min.js +1 -1
  33. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  34. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  35. package/confirmdialog/confirmdialog.min.js +1 -1
  36. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  37. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  38. package/confirmpopup/confirmpopup.min.js +1 -1
  39. package/contextmenu/contextmenu.cjs.js +61 -18
  40. package/contextmenu/contextmenu.cjs.min.js +1 -1
  41. package/contextmenu/contextmenu.d.ts +9 -0
  42. package/contextmenu/contextmenu.esm.js +63 -20
  43. package/contextmenu/contextmenu.esm.min.js +1 -1
  44. package/contextmenu/contextmenu.js +61 -18
  45. package/contextmenu/contextmenu.min.js +1 -1
  46. package/core/core.js +254 -129
  47. package/core/core.min.js +9 -9
  48. package/datatable/datatable.cjs.js +90 -82
  49. package/datatable/datatable.cjs.min.js +1 -1
  50. package/datatable/datatable.d.ts +2 -11
  51. package/datatable/datatable.esm.js +91 -83
  52. package/datatable/datatable.esm.min.js +1 -1
  53. package/datatable/datatable.js +90 -82
  54. package/datatable/datatable.min.css +1 -1
  55. package/datatable/datatable.min.js +1 -1
  56. package/dataview/dataview.d.ts +1 -1
  57. package/dropdown/dropdown.cjs.js +1 -0
  58. package/dropdown/dropdown.cjs.min.js +1 -1
  59. package/dropdown/dropdown.esm.js +1 -0
  60. package/dropdown/dropdown.esm.min.js +1 -1
  61. package/dropdown/dropdown.js +1 -0
  62. package/dropdown/dropdown.min.js +1 -1
  63. package/hooks/hooks.cjs.js +34 -2
  64. package/hooks/hooks.cjs.min.js +1 -1
  65. package/hooks/hooks.d.ts +17 -3
  66. package/hooks/hooks.esm.js +34 -3
  67. package/hooks/hooks.esm.min.js +1 -1
  68. package/hooks/hooks.js +34 -2
  69. package/hooks/hooks.min.js +1 -1
  70. package/inputnumber/inputnumber.cjs.min.js +1 -1
  71. package/inputnumber/inputnumber.esm.min.js +1 -1
  72. package/inputnumber/inputnumber.min.js +1 -1
  73. package/inputtext/inputtext.min.css +1 -1
  74. package/listbox/listbox.cjs.js +5 -4
  75. package/listbox/listbox.cjs.min.js +1 -1
  76. package/listbox/listbox.esm.js +5 -4
  77. package/listbox/listbox.esm.min.js +1 -1
  78. package/listbox/listbox.js +5 -4
  79. package/listbox/listbox.min.js +1 -1
  80. package/megamenu/megamenu.cjs.js +94 -6
  81. package/megamenu/megamenu.cjs.min.js +1 -1
  82. package/megamenu/megamenu.d.ts +9 -0
  83. package/megamenu/megamenu.esm.js +96 -8
  84. package/megamenu/megamenu.esm.min.js +1 -1
  85. package/megamenu/megamenu.js +94 -6
  86. package/megamenu/megamenu.min.css +1 -1
  87. package/megamenu/megamenu.min.js +1 -1
  88. package/multiselect/multiselect.cjs.js +3 -1
  89. package/multiselect/multiselect.cjs.min.js +1 -1
  90. package/multiselect/multiselect.d.ts +27 -1
  91. package/multiselect/multiselect.esm.js +3 -1
  92. package/multiselect/multiselect.esm.min.js +1 -1
  93. package/multiselect/multiselect.js +3 -1
  94. package/multiselect/multiselect.min.js +1 -1
  95. package/package.json +1 -1
  96. package/paginator/paginator.cjs.js +0 -8
  97. package/paginator/paginator.cjs.min.js +1 -1
  98. package/paginator/paginator.esm.js +0 -8
  99. package/paginator/paginator.esm.min.js +1 -1
  100. package/paginator/paginator.js +0 -8
  101. package/paginator/paginator.min.js +1 -1
  102. package/picklist/picklist.cjs.min.js +1 -1
  103. package/picklist/picklist.esm.min.js +1 -1
  104. package/picklist/picklist.min.js +1 -1
  105. package/primereact.all.cjs.js +609 -265
  106. package/primereact.all.cjs.min.js +1 -1
  107. package/primereact.all.esm.js +609 -266
  108. package/primereact.all.esm.min.js +1 -1
  109. package/primereact.all.js +609 -265
  110. package/primereact.all.min.js +1 -1
  111. package/resources/primereact.css +638 -688
  112. package/resources/primereact.min.css +1 -1
  113. package/resources/themes/arya-blue/theme.css +134 -6
  114. package/resources/themes/arya-green/theme.css +134 -6
  115. package/resources/themes/arya-orange/theme.css +134 -6
  116. package/resources/themes/arya-purple/theme.css +134 -6
  117. package/resources/themes/bootstrap4-dark-blue/theme.css +137 -8
  118. package/resources/themes/bootstrap4-dark-purple/theme.css +137 -8
  119. package/resources/themes/bootstrap4-light-blue/theme.css +137 -8
  120. package/resources/themes/bootstrap4-light-purple/theme.css +137 -8
  121. package/resources/themes/fluent-light/theme.css +133 -4
  122. package/resources/themes/lara-dark-blue/theme.css +135 -6
  123. package/resources/themes/lara-dark-indigo/theme.css +135 -6
  124. package/resources/themes/lara-dark-purple/theme.css +135 -6
  125. package/resources/themes/lara-dark-teal/theme.css +135 -6
  126. package/resources/themes/lara-light-blue/theme.css +137 -8
  127. package/resources/themes/lara-light-indigo/theme.css +137 -8
  128. package/resources/themes/lara-light-purple/theme.css +137 -8
  129. package/resources/themes/lara-light-teal/theme.css +137 -8
  130. package/resources/themes/luna-amber/theme.css +137 -8
  131. package/resources/themes/luna-blue/theme.css +137 -8
  132. package/resources/themes/luna-green/theme.css +137 -8
  133. package/resources/themes/luna-pink/theme.css +137 -8
  134. package/resources/themes/md-dark-deeppurple/theme.css +137 -8
  135. package/resources/themes/md-dark-indigo/theme.css +137 -8
  136. package/resources/themes/md-light-deeppurple/theme.css +137 -8
  137. package/resources/themes/md-light-indigo/theme.css +137 -8
  138. package/resources/themes/mdc-dark-deeppurple/theme.css +137 -8
  139. package/resources/themes/mdc-dark-indigo/theme.css +137 -8
  140. package/resources/themes/mdc-light-deeppurple/theme.css +137 -8
  141. package/resources/themes/mdc-light-indigo/theme.css +137 -8
  142. package/resources/themes/mira/theme.css +137 -8
  143. package/resources/themes/nano/theme.css +137 -8
  144. package/resources/themes/nova/theme.css +137 -8
  145. package/resources/themes/nova-accent/theme.css +137 -8
  146. package/resources/themes/nova-alt/theme.css +137 -8
  147. package/resources/themes/rhea/theme.css +137 -8
  148. package/resources/themes/saga-blue/theme.css +135 -6
  149. package/resources/themes/saga-green/theme.css +135 -6
  150. package/resources/themes/saga-orange/theme.css +135 -6
  151. package/resources/themes/saga-purple/theme.css +135 -6
  152. package/resources/themes/soho-dark/theme.css +137 -8
  153. package/resources/themes/soho-light/theme.css +137 -8
  154. package/resources/themes/tailwind-light/theme.css +137 -8
  155. package/resources/themes/vela-blue/theme.css +135 -6
  156. package/resources/themes/vela-green/theme.css +135 -6
  157. package/resources/themes/vela-orange/theme.css +135 -6
  158. package/resources/themes/vela-purple/theme.css +135 -6
  159. package/resources/themes/viva-dark/theme.css +137 -8
  160. package/resources/themes/viva-light/theme.css +137 -8
  161. package/splitbutton/splitbutton.cjs.js +57 -3
  162. package/splitbutton/splitbutton.cjs.min.js +1 -1
  163. package/splitbutton/splitbutton.d.ts +28 -0
  164. package/splitbutton/splitbutton.esm.js +57 -3
  165. package/splitbutton/splitbutton.esm.min.js +1 -1
  166. package/splitbutton/splitbutton.js +57 -3
  167. package/splitbutton/splitbutton.min.js +1 -1
  168. package/tieredmenu/tieredmenu.cjs.js +69 -9
  169. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  170. package/tieredmenu/tieredmenu.d.ts +9 -0
  171. package/tieredmenu/tieredmenu.esm.js +71 -11
  172. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  173. package/tieredmenu/tieredmenu.js +69 -9
  174. package/tieredmenu/tieredmenu.min.js +1 -1
  175. package/toast/toast.cjs.js +16 -0
  176. package/toast/toast.cjs.min.js +1 -1
  177. package/toast/toast.esm.js +16 -0
  178. package/toast/toast.esm.min.js +1 -1
  179. package/toast/toast.js +16 -0
  180. package/toast/toast.min.css +1 -1
  181. package/toast/toast.min.js +1 -1
  182. package/tooltip/tooltip.cjs.js +5 -4
  183. package/tooltip/tooltip.cjs.min.js +1 -1
  184. package/tooltip/tooltip.esm.js +5 -4
  185. package/tooltip/tooltip.esm.min.js +1 -1
  186. package/tooltip/tooltip.js +5 -4
  187. package/tooltip/tooltip.min.js +1 -1
  188. package/treetable/treetable.cjs.js +12 -9
  189. package/treetable/treetable.cjs.min.js +1 -1
  190. package/treetable/treetable.d.ts +0 -5
  191. package/treetable/treetable.esm.js +12 -9
  192. package/treetable/treetable.esm.min.js +1 -1
  193. package/treetable/treetable.js +12 -9
  194. package/treetable/treetable.min.css +1 -1
  195. package/treetable/treetable.min.js +1 -1
  196. package/utils/utils.cjs.js +15 -10
  197. package/utils/utils.cjs.min.js +1 -1
  198. package/utils/utils.esm.js +15 -10
  199. package/utils/utils.esm.min.js +1 -1
  200. package/utils/utils.js +15 -10
  201. package/utils/utils.min.js +1 -1
  202. package/virtualscroller/virtualscroller.cjs.js +177 -104
  203. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  204. package/virtualscroller/virtualscroller.d.ts +20 -0
  205. package/virtualscroller/virtualscroller.esm.js +177 -104
  206. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  207. package/virtualscroller/virtualscroller.js +177 -104
  208. package/virtualscroller/virtualscroller.min.css +1 -1
  209. package/virtualscroller/virtualscroller.min.js +1 -1
  210. package/web-types.json +2 -2
package/resources/themes/soho-dark/theme.css CHANGED
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(177, 157, 247, 0.16);
718
- color: #b19df7;
719
- border-radius: 6px;
717
+ background: #3e4053;
718
+ color: rgba(255, 255, 255, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(177, 157, 247, 0.16);
1315
- color: #b19df7;
1316
- border-radius: 6px;
1314
+ background: #3e4053;
1315
+ color: rgba(255, 255, 255, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -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: #2b2c38;
@@ -4416,6 +4449,7 @@
4416
4449
  border-bottom: 0 none;
4417
4450
  border-top-right-radius: 6px;
4418
4451
  border-top-left-radius: 6px;
4452
+ gap: 0.5rem;
4419
4453
  }
4420
4454
  .p-fileupload .p-fileupload-buttonbar .p-button {
4421
4455
  margin-right: 0.5rem;
@@ -4535,6 +4569,7 @@
4535
4569
  }
4536
4570
  .p-contextmenu .p-submenu-icon {
4537
4571
  font-size: 0.875rem;
4572
+ transition: transform 0.2s;
4538
4573
  }
4539
4574
 
4540
4575
  .p-dock .p-dock-list {
@@ -4741,6 +4776,99 @@
4741
4776
  width: 12.5rem;
4742
4777
  padding: 0.25rem 0;
4743
4778
  }
4779
+ .p-megamenu .p-megamenu-button {
4780
+ width: 2rem;
4781
+ height: 2rem;
4782
+ color: rgba(255, 255, 255, 0.6);
4783
+ border-radius: 50%;
4784
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4785
+ }
4786
+ .p-megamenu .p-megamenu-button:hover {
4787
+ color: rgba(255, 255, 255, 0.87);
4788
+ background: rgba(255, 255, 255, 0.03);
4789
+ }
4790
+ .p-megamenu .p-megamenu-button:focus {
4791
+ outline: 0 none;
4792
+ outline-offset: 0;
4793
+ box-shadow: 0 0 0 1px #e0d8fc;
4794
+ }
4795
+ .p-megamenu .p-submenu-icon {
4796
+ transition: transform 0.2s;
4797
+ }
4798
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4799
+ padding: 0.25rem 0;
4800
+ background: #333544;
4801
+ border: 1px solid #3e4053;
4802
+ 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);
4803
+ }
4804
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4805
+ border-top: 1px solid #3e4053;
4806
+ margin: 0.25rem 0;
4807
+ }
4808
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4809
+ font-size: 0.875rem;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4812
+ width: 100%;
4813
+ position: static;
4814
+ }
4815
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4816
+ padding: 0.75rem 1.25rem;
4817
+ color: rgba(255, 255, 255, 0.87);
4818
+ border-radius: 0;
4819
+ transition: box-shadow 0.2s;
4820
+ user-select: none;
4821
+ }
4822
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4823
+ color: rgba(255, 255, 255, 0.87);
4824
+ }
4825
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4826
+ color: rgba(255, 255, 255, 0.6);
4827
+ margin-right: 0.5rem;
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4830
+ color: rgba(255, 255, 255, 0.6);
4831
+ }
4832
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4833
+ background: rgba(255, 255, 255, 0.03);
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4836
+ color: rgba(255, 255, 255, 0.87);
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4839
+ color: rgba(255, 255, 255, 0.87);
4840
+ }
4841
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4842
+ color: rgba(255, 255, 255, 0.87);
4843
+ }
4844
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4845
+ outline: 0 none;
4846
+ outline-offset: 0;
4847
+ box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4848
+ }
4849
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4850
+ margin-left: auto;
4851
+ }
4852
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4853
+ transform: rotate(-180deg);
4854
+ }
4855
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4856
+ width: 100%;
4857
+ position: static;
4858
+ box-shadow: none;
4859
+ border: 0 none;
4860
+ }
4861
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4862
+ transition: transform 0.2s;
4863
+ transform: rotate(90deg);
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-90deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4869
+ width: 100%;
4870
+ position: static;
4871
+ }
4744
4872
 
4745
4873
  .p-menu {
4746
4874
  padding: 0.25rem 0;
@@ -5364,6 +5492,7 @@
5364
5492
  }
5365
5493
  .p-tieredmenu .p-submenu-icon {
5366
5494
  font-size: 0.875rem;
5495
+ transition: transform 0.2s;
5367
5496
  }
5368
5497
 
5369
5498
  .p-inline-message {
package/resources/themes/soho-light/theme.css CHANGED
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: #e2dcfc;
718
- color: #7254f3;
719
- border-radius: 6px;
717
+ background: #dfe7ef;
718
+ color: #043d75;
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: #e2dcfc;
1315
- color: #7254f3;
1316
- border-radius: 6px;
1314
+ background: #dfe7ef;
1315
+ color: #043d75;
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -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: #fcfcfc;
@@ -4416,6 +4449,7 @@
4416
4449
  border-bottom: 0 none;
4417
4450
  border-top-right-radius: 6px;
4418
4451
  border-top-left-radius: 6px;
4452
+ gap: 0.5rem;
4419
4453
  }
4420
4454
  .p-fileupload .p-fileupload-buttonbar .p-button {
4421
4455
  margin-right: 0.5rem;
@@ -4535,6 +4569,7 @@
4535
4569
  }
4536
4570
  .p-contextmenu .p-submenu-icon {
4537
4571
  font-size: 0.875rem;
4572
+ transition: transform 0.2s;
4538
4573
  }
4539
4574
 
4540
4575
  .p-dock .p-dock-list {
@@ -4741,6 +4776,99 @@
4741
4776
  width: 12.5rem;
4742
4777
  padding: 0.25rem 0;
4743
4778
  }
4779
+ .p-megamenu .p-megamenu-button {
4780
+ width: 2rem;
4781
+ height: 2rem;
4782
+ color: #708da9;
4783
+ border-radius: 50%;
4784
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4785
+ }
4786
+ .p-megamenu .p-megamenu-button:hover {
4787
+ color: #708da9;
4788
+ background: #f6f9fc;
4789
+ }
4790
+ .p-megamenu .p-megamenu-button:focus {
4791
+ outline: 0 none;
4792
+ outline-offset: 0;
4793
+ box-shadow: 0 0 0 1px #c7bbfa;
4794
+ }
4795
+ .p-megamenu .p-submenu-icon {
4796
+ transition: transform 0.2s;
4797
+ }
4798
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4799
+ padding: 0.25rem 0;
4800
+ background: #eff3f8;
4801
+ border: 0 none;
4802
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
4803
+ }
4804
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4805
+ border-top: 1px solid #dfe7ef;
4806
+ margin: 0.25rem 0;
4807
+ }
4808
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4809
+ font-size: 0.875rem;
4810
+ }
4811
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4812
+ width: 100%;
4813
+ position: static;
4814
+ }
4815
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4816
+ padding: 0.75rem 1.25rem;
4817
+ color: #043d75;
4818
+ border-radius: 0;
4819
+ transition: box-shadow 0.2s;
4820
+ user-select: none;
4821
+ }
4822
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4823
+ color: #043d75;
4824
+ }
4825
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4826
+ color: #708da9;
4827
+ margin-right: 0.5rem;
4828
+ }
4829
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4830
+ color: #708da9;
4831
+ }
4832
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4833
+ background: #f6f9fc;
4834
+ }
4835
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4836
+ color: #043d75;
4837
+ }
4838
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4839
+ color: #708da9;
4840
+ }
4841
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4842
+ color: #708da9;
4843
+ }
4844
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4845
+ outline: 0 none;
4846
+ outline-offset: 0;
4847
+ box-shadow: inset 0 0 0 0.15rem #c7bbfa;
4848
+ }
4849
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4850
+ margin-left: auto;
4851
+ }
4852
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4853
+ transform: rotate(-180deg);
4854
+ }
4855
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4856
+ width: 100%;
4857
+ position: static;
4858
+ box-shadow: none;
4859
+ border: 0 none;
4860
+ }
4861
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4862
+ transition: transform 0.2s;
4863
+ transform: rotate(90deg);
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4866
+ transform: rotate(-90deg);
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4869
+ width: 100%;
4870
+ position: static;
4871
+ }
4744
4872
 
4745
4873
  .p-menu {
4746
4874
  padding: 0.25rem 0;
@@ -5364,6 +5492,7 @@
5364
5492
  }
5365
5493
  .p-tieredmenu .p-submenu-icon {
5366
5494
  font-size: 0.875rem;
5495
+ transition: transform 0.2s;
5367
5496
  }
5368
5497
 
5369
5498
  .p-inline-message {
package/resources/themes/tailwind-light/theme.css CHANGED
@@ -725,9 +725,9 @@
725
725
  .p-chips .p-chips-multiple-container .p-chips-token {
726
726
  padding: 0.375rem 0.75rem;
727
727
  margin-right: 0.5rem;
728
- background: #EEF2FF;
729
- color: #312E81;
730
- border-radius: 0.375rem;
728
+ background: #e5e7eb;
729
+ color: #3f3f46;
730
+ border-radius: 16px;
731
731
  }
732
732
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
733
733
  margin-left: 0.5rem;
@@ -1322,9 +1322,9 @@
1322
1322
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1323
1323
  padding: 0.375rem 0.75rem;
1324
1324
  margin-right: 0.5rem;
1325
- background: #EEF2FF;
1326
- color: #312E81;
1327
- border-radius: 0.375rem;
1325
+ background: #e5e7eb;
1326
+ color: #3f3f46;
1327
+ border-radius: 16px;
1328
1328
  }
1329
1329
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1330
1330
  margin-left: 0.5rem;
@@ -2823,13 +2823,46 @@
2823
2823
  border-width: 0 1px 1px 1px;
2824
2824
  }
2825
2825
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2826
- border-width: 1px 1px 1px 1px;
2826
+ border-width: 1px 0 1px 1px;
2827
+ }
2828
+ .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
2829
+ border-width: 1px;
2827
2830
  }
2828
2831
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2832
+ border-width: 1px 0 0 1px;
2833
+ }
2834
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
2835
+ border-width: 1px 1px 0 1px;
2836
+ }
2837
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
2838
+ border-width: 1px 0 1px 1px;
2839
+ }
2840
+ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
2829
2841
  border-width: 1px;
2830
2842
  }
2831
2843
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2832
- border-width: 1px;
2844
+ border-width: 1px 0 1px 1px;
2845
+ }
2846
+ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
2847
+ border-width: 1px 1px 1px 1px;
2848
+ }
2849
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
2850
+ border-width: 0 0 1px 1px;
2851
+ }
2852
+ .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
2853
+ border-width: 0 1px 1px 1px;
2854
+ }
2855
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
2856
+ border-width: 0 0 1px 1px;
2857
+ }
2858
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
2859
+ border-width: 0 1px 1px 1px;
2860
+ }
2861
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
2862
+ border-width: 0 0 0 1px;
2863
+ }
2864
+ .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
2865
+ border-width: 0 1px 0 1px;
2833
2866
  }
2834
2867
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
2835
2868
  background: #fcfcfc;
@@ -4452,6 +4485,7 @@
4452
4485
  border-bottom: 0 none;
4453
4486
  border-top-right-radius: 0.375rem;
4454
4487
  border-top-left-radius: 0.375rem;
4488
+ gap: 0.5rem;
4455
4489
  }
4456
4490
  .p-fileupload .p-fileupload-buttonbar .p-button {
4457
4491
  margin-right: 0.5rem;
@@ -4571,6 +4605,7 @@
4571
4605
  }
4572
4606
  .p-contextmenu .p-submenu-icon {
4573
4607
  font-size: 0.875rem;
4608
+ transition: transform 0.2s;
4574
4609
  }
4575
4610
 
4576
4611
  .p-dock .p-dock-list {
@@ -4777,6 +4812,99 @@
4777
4812
  width: 12.5rem;
4778
4813
  padding: 0.25rem 0;
4779
4814
  }
4815
+ .p-megamenu .p-megamenu-button {
4816
+ width: 2rem;
4817
+ height: 2rem;
4818
+ color: #71717A;
4819
+ border-radius: 50%;
4820
+ transition: none;
4821
+ }
4822
+ .p-megamenu .p-megamenu-button:hover {
4823
+ color: #71717A;
4824
+ background: #f4f4f5;
4825
+ }
4826
+ .p-megamenu .p-megamenu-button:focus {
4827
+ outline: 0 none;
4828
+ outline-offset: 0;
4829
+ box-shadow: 0 0 0 1px #6366F1;
4830
+ }
4831
+ .p-megamenu .p-submenu-icon {
4832
+ transition: transform 0.2s;
4833
+ }
4834
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
4835
+ padding: 0.25rem 0;
4836
+ background: #ffffff;
4837
+ border: 0 none;
4838
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4839
+ }
4840
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
4841
+ border-top: 1px solid #f3f4f6;
4842
+ margin: 0.25rem 0;
4843
+ }
4844
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
4845
+ font-size: 0.875rem;
4846
+ }
4847
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
4848
+ width: 100%;
4849
+ position: static;
4850
+ }
4851
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4852
+ padding: 0.75rem 1rem;
4853
+ color: #3f3f46;
4854
+ border-radius: 0;
4855
+ transition: none;
4856
+ user-select: none;
4857
+ }
4858
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4859
+ color: #3f3f46;
4860
+ }
4861
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4862
+ color: #71717A;
4863
+ margin-right: 0.5rem;
4864
+ }
4865
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4866
+ color: #71717A;
4867
+ }
4868
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4869
+ background: #f4f4f5;
4870
+ }
4871
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4872
+ color: #18181B;
4873
+ }
4874
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4875
+ color: #71717A;
4876
+ }
4877
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4878
+ color: #71717A;
4879
+ }
4880
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4881
+ outline: 0 none;
4882
+ outline-offset: 0;
4883
+ box-shadow: inset 0 0 0 0.15rem #6366F1;
4884
+ }
4885
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4886
+ margin-left: auto;
4887
+ }
4888
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4889
+ transform: rotate(-180deg);
4890
+ }
4891
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
4892
+ width: 100%;
4893
+ position: static;
4894
+ box-shadow: none;
4895
+ border: 0 none;
4896
+ }
4897
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
4898
+ transition: transform 0.2s;
4899
+ transform: rotate(90deg);
4900
+ }
4901
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4902
+ transform: rotate(-90deg);
4903
+ }
4904
+ .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
4905
+ width: 100%;
4906
+ position: static;
4907
+ }
4780
4908
 
4781
4909
  .p-menu {
4782
4910
  padding: 0.25rem 0;
@@ -5424,6 +5552,7 @@
5424
5552
  }
5425
5553
  .p-tieredmenu .p-submenu-icon {
5426
5554
  font-size: 0.875rem;
5555
+ transition: transform 0.2s;
5427
5556
  }
5428
5557
 
5429
5558
  .p-inline-message {