primeng 17.15.0 → 17.16.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 (215) hide show
  1. package/api/megamenuitem.d.ts +4 -0
  2. package/api/primengconfig.d.ts +1 -1
  3. package/api/treenode.d.ts +4 -0
  4. package/autocomplete/autocomplete.d.ts +11 -2
  5. package/breadcrumb/breadcrumb.interface.d.ts +11 -0
  6. package/calendar/calendar.d.ts +13 -2
  7. package/cascadeselect/cascadeselect.d.ts +19 -1
  8. package/cascadeselect/cascadeselect.interface.d.ts +4 -0
  9. package/checkbox/checkbox.d.ts +9 -3
  10. package/chips/chips.d.ts +9 -2
  11. package/dropdown/dropdown.d.ts +31 -3
  12. package/esm2022/api/megamenuitem.mjs +1 -1
  13. package/esm2022/api/primengconfig.mjs +3 -3
  14. package/esm2022/api/treenode.mjs +1 -1
  15. package/esm2022/autocomplete/autocomplete.mjs +20 -9
  16. package/esm2022/breadcrumb/breadcrumb.interface.mjs +1 -1
  17. package/esm2022/breadcrumb/breadcrumb.mjs +1 -1
  18. package/esm2022/calendar/calendar.mjs +65 -9
  19. package/esm2022/cascadeselect/cascadeselect.interface.mjs +1 -1
  20. package/esm2022/cascadeselect/cascadeselect.mjs +61 -12
  21. package/esm2022/checkbox/checkbox.mjs +32 -10
  22. package/esm2022/chips/chips.mjs +20 -10
  23. package/esm2022/dropdown/dropdown.mjs +105 -26
  24. package/esm2022/dynamicdialog/dynamicdialog.mjs +3 -3
  25. package/esm2022/fileupload/fileupload.mjs +123 -105
  26. package/esm2022/icons/blank/blank.mjs +25 -0
  27. package/esm2022/icons/blank/primeng-icons-blank.mjs +5 -0
  28. package/esm2022/icons/blank/public_api.mjs +2 -0
  29. package/esm2022/inputmask/inputmask.mjs +31 -13
  30. package/esm2022/inputnumber/inputnumber.mjs +13 -4
  31. package/esm2022/inputotp/inputotp.mjs +3 -3
  32. package/esm2022/inputtext/inputtext.mjs +22 -7
  33. package/esm2022/inputtextarea/inputtextarea.mjs +17 -6
  34. package/esm2022/megamenu/megamenu.interface.mjs +1 -1
  35. package/esm2022/megamenu/megamenu.mjs +2 -2
  36. package/esm2022/menu/menu.mjs +18 -5
  37. package/esm2022/menubar/menubar.interface.mjs +1 -1
  38. package/esm2022/menubar/menubar.mjs +3 -3
  39. package/esm2022/multiselect/multiselect.mjs +83 -30
  40. package/esm2022/organizationchart/organizationchart.mjs +43 -27
  41. package/esm2022/paginator/paginator.mjs +3 -3
  42. package/esm2022/panelmenu/panelmenu.interface.mjs +1 -1
  43. package/esm2022/panelmenu/panelmenu.mjs +51 -41
  44. package/esm2022/password/password.mjs +22 -5
  45. package/esm2022/radiobutton/radiobutton.mjs +32 -10
  46. package/esm2022/scroller/scroller.mjs +4 -4
  47. package/esm2022/splitbutton/splitbutton.mjs +13 -13
  48. package/esm2022/table/table.mjs +3 -3
  49. package/esm2022/tieredmenu/tieredmenu.mjs +19 -12
  50. package/esm2022/timeline/timeline.mjs +2 -2
  51. package/esm2022/tree/tree.mjs +53 -13
  52. package/esm2022/treeselect/treeselect.mjs +12 -4
  53. package/esm2022/treetable/treetable.mjs +8 -6
  54. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +20 -10
  55. package/fesm2022/primeng-api.mjs +2 -2
  56. package/fesm2022/primeng-api.mjs.map +1 -1
  57. package/fesm2022/primeng-autocomplete.mjs +19 -8
  58. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  59. package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
  60. package/fesm2022/primeng-calendar.mjs +64 -8
  61. package/fesm2022/primeng-calendar.mjs.map +1 -1
  62. package/fesm2022/primeng-cascadeselect.mjs +60 -11
  63. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  64. package/fesm2022/primeng-checkbox.mjs +31 -9
  65. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  66. package/fesm2022/primeng-chips.mjs +19 -9
  67. package/fesm2022/primeng-chips.mjs.map +1 -1
  68. package/fesm2022/primeng-dropdown.mjs +104 -25
  69. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  70. package/fesm2022/primeng-dynamicdialog.mjs +2 -2
  71. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  72. package/fesm2022/primeng-fileupload.mjs +122 -104
  73. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  74. package/fesm2022/primeng-icons-blank.mjs +32 -0
  75. package/fesm2022/primeng-icons-blank.mjs.map +1 -0
  76. package/fesm2022/primeng-inputmask.mjs +30 -12
  77. package/fesm2022/primeng-inputmask.mjs.map +1 -1
  78. package/fesm2022/primeng-inputnumber.mjs +12 -3
  79. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  80. package/fesm2022/primeng-inputotp.mjs +2 -2
  81. package/fesm2022/primeng-inputotp.mjs.map +1 -1
  82. package/fesm2022/primeng-inputtext.mjs +21 -6
  83. package/fesm2022/primeng-inputtext.mjs.map +1 -1
  84. package/fesm2022/primeng-inputtextarea.mjs +16 -5
  85. package/fesm2022/primeng-inputtextarea.mjs.map +1 -1
  86. package/fesm2022/primeng-megamenu.mjs +1 -1
  87. package/fesm2022/primeng-megamenu.mjs.map +1 -1
  88. package/fesm2022/primeng-menu.mjs +17 -4
  89. package/fesm2022/primeng-menu.mjs.map +1 -1
  90. package/fesm2022/primeng-menubar.mjs +2 -2
  91. package/fesm2022/primeng-menubar.mjs.map +1 -1
  92. package/fesm2022/primeng-multiselect.mjs +82 -29
  93. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  94. package/fesm2022/primeng-organizationchart.mjs +42 -26
  95. package/fesm2022/primeng-organizationchart.mjs.map +1 -1
  96. package/fesm2022/primeng-paginator.mjs +2 -2
  97. package/fesm2022/primeng-paginator.mjs.map +1 -1
  98. package/fesm2022/primeng-panelmenu.mjs +50 -40
  99. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  100. package/fesm2022/primeng-password.mjs +21 -4
  101. package/fesm2022/primeng-password.mjs.map +1 -1
  102. package/fesm2022/primeng-radiobutton.mjs +31 -9
  103. package/fesm2022/primeng-radiobutton.mjs.map +1 -1
  104. package/fesm2022/primeng-scroller.mjs +3 -3
  105. package/fesm2022/primeng-scroller.mjs.map +1 -1
  106. package/fesm2022/primeng-splitbutton.mjs +12 -12
  107. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  108. package/fesm2022/primeng-table.mjs +2 -2
  109. package/fesm2022/primeng-table.mjs.map +1 -1
  110. package/fesm2022/primeng-tieredmenu.mjs +18 -11
  111. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  112. package/fesm2022/primeng-timeline.mjs +2 -2
  113. package/fesm2022/primeng-timeline.mjs.map +1 -1
  114. package/fesm2022/primeng-tree.mjs +52 -12
  115. package/fesm2022/primeng-tree.mjs.map +1 -1
  116. package/fesm2022/primeng-treeselect.mjs +11 -3
  117. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  118. package/fesm2022/primeng-treetable.mjs +7 -5
  119. package/fesm2022/primeng-treetable.mjs.map +1 -1
  120. package/fesm2022/primeng-tristatecheckbox.mjs +19 -9
  121. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  122. package/fileupload/fileupload.d.ts +2 -0
  123. package/icons/blank/blank.d.ts +6 -0
  124. package/icons/blank/index.d.ts +5 -0
  125. package/icons/blank/public_api.d.ts +1 -0
  126. package/inputmask/inputmask.d.ts +13 -3
  127. package/inputnumber/inputnumber.d.ts +6 -1
  128. package/inputotp/inputotp.d.ts +1 -1
  129. package/inputtext/inputtext.d.ts +14 -3
  130. package/inputtextarea/inputtextarea.d.ts +10 -3
  131. package/megamenu/megamenu.interface.d.ts +12 -0
  132. package/menu/menu.d.ts +1 -0
  133. package/menubar/menubar.interface.d.ts +17 -0
  134. package/multiselect/multiselect.d.ts +21 -1
  135. package/organizationchart/organizationchart.d.ts +10 -2
  136. package/package.json +202 -196
  137. package/paginator/paginator.d.ts +4 -4
  138. package/panelmenu/panelmenu.d.ts +1 -0
  139. package/panelmenu/panelmenu.interface.d.ts +12 -0
  140. package/password/password.d.ts +12 -2
  141. package/radiobutton/radiobutton.d.ts +9 -2
  142. package/resources/components/timeline/timeline.css +2 -0
  143. package/resources/themes/arya-blue/theme.css +117 -1
  144. package/resources/themes/arya-green/theme.css +117 -1
  145. package/resources/themes/arya-orange/theme.css +117 -1
  146. package/resources/themes/arya-purple/theme.css +117 -1
  147. package/resources/themes/aura-dark-amber/theme.css +118 -2
  148. package/resources/themes/aura-dark-blue/theme.css +118 -2
  149. package/resources/themes/aura-dark-cyan/theme.css +118 -2
  150. package/resources/themes/aura-dark-green/theme.css +118 -2
  151. package/resources/themes/aura-dark-indigo/theme.css +118 -2
  152. package/resources/themes/aura-dark-lime/theme.css +118 -2
  153. package/resources/themes/aura-dark-noir/theme.css +118 -2
  154. package/resources/themes/aura-dark-pink/theme.css +118 -2
  155. package/resources/themes/aura-dark-purple/theme.css +118 -2
  156. package/resources/themes/aura-dark-teal/theme.css +118 -2
  157. package/resources/themes/aura-light-amber/theme.css +118 -2
  158. package/resources/themes/aura-light-blue/theme.css +118 -2
  159. package/resources/themes/aura-light-cyan/theme.css +118 -2
  160. package/resources/themes/aura-light-green/theme.css +118 -2
  161. package/resources/themes/aura-light-indigo/theme.css +118 -2
  162. package/resources/themes/aura-light-lime/theme.css +118 -2
  163. package/resources/themes/aura-light-noir/theme.css +118 -2
  164. package/resources/themes/aura-light-pink/theme.css +118 -2
  165. package/resources/themes/aura-light-purple/theme.css +118 -2
  166. package/resources/themes/aura-light-teal/theme.css +118 -2
  167. package/resources/themes/bootstrap4-dark-blue/theme.css +117 -1
  168. package/resources/themes/bootstrap4-dark-purple/theme.css +117 -1
  169. package/resources/themes/bootstrap4-light-blue/theme.css +117 -1
  170. package/resources/themes/bootstrap4-light-purple/theme.css +117 -1
  171. package/resources/themes/fluent-light/theme.css +117 -1
  172. package/resources/themes/lara-dark-blue/theme.css +117 -1
  173. package/resources/themes/lara-dark-indigo/theme.css +117 -1
  174. package/resources/themes/lara-dark-purple/theme.css +117 -1
  175. package/resources/themes/lara-dark-teal/theme.css +117 -1
  176. package/resources/themes/lara-light-blue/theme.css +117 -1
  177. package/resources/themes/lara-light-indigo/theme.css +117 -1
  178. package/resources/themes/lara-light-purple/theme.css +117 -1
  179. package/resources/themes/lara-light-teal/theme.css +117 -1
  180. package/resources/themes/luna-amber/theme.css +117 -1
  181. package/resources/themes/luna-blue/theme.css +117 -1
  182. package/resources/themes/luna-green/theme.css +117 -1
  183. package/resources/themes/luna-pink/theme.css +117 -1
  184. package/resources/themes/md-dark-deeppurple/theme.css +131 -4
  185. package/resources/themes/md-dark-indigo/theme.css +131 -4
  186. package/resources/themes/md-light-deeppurple/theme.css +131 -4
  187. package/resources/themes/md-light-indigo/theme.css +131 -4
  188. package/resources/themes/mdc-dark-deeppurple/theme.css +131 -4
  189. package/resources/themes/mdc-dark-indigo/theme.css +131 -4
  190. package/resources/themes/mdc-light-deeppurple/theme.css +131 -4
  191. package/resources/themes/mdc-light-indigo/theme.css +131 -4
  192. package/resources/themes/mira/theme.css +117 -1
  193. package/resources/themes/nano/theme.css +117 -1
  194. package/resources/themes/nova/theme.css +117 -1
  195. package/resources/themes/nova-accent/theme.css +117 -1
  196. package/resources/themes/nova-alt/theme.css +117 -1
  197. package/resources/themes/rhea/theme.css +117 -1
  198. package/resources/themes/saga-blue/theme.css +117 -1
  199. package/resources/themes/saga-green/theme.css +117 -1
  200. package/resources/themes/saga-orange/theme.css +117 -1
  201. package/resources/themes/saga-purple/theme.css +117 -1
  202. package/resources/themes/soho-dark/theme.css +117 -1
  203. package/resources/themes/soho-light/theme.css +117 -1
  204. package/resources/themes/tailwind-light/theme.css +117 -1
  205. package/resources/themes/vela-blue/theme.css +117 -1
  206. package/resources/themes/vela-green/theme.css +117 -1
  207. package/resources/themes/vela-orange/theme.css +117 -1
  208. package/resources/themes/vela-purple/theme.css +117 -1
  209. package/resources/themes/viva-dark/theme.css +117 -1
  210. package/resources/themes/viva-light/theme.css +117 -1
  211. package/tieredmenu/tieredmenu.d.ts +4 -3
  212. package/tree/tree.d.ts +9 -2
  213. package/treeselect/treeselect.d.ts +7 -1
  214. package/treetable/treetable.d.ts +2 -1
  215. package/tristatecheckbox/tristatecheckbox.d.ts +9 -3
@@ -754,6 +754,15 @@
754
754
  .p-cascadeselect.p-invalid.p-component {
755
755
  border-color: #f87171;
756
756
  }
757
+ .p-cascadeselect.p-variant-filled {
758
+ background-color: #f8fafc;
759
+ }
760
+ .p-cascadeselect.p-variant-filled:enabled:hover {
761
+ background-color: #f8fafc;
762
+ }
763
+ .p-cascadeselect.p-variant-filled:enabled:focus {
764
+ background-color: #ffffff;
765
+ }
757
766
 
758
767
  .p-cascadeselect-panel {
759
768
  background: #ffffff;
@@ -870,6 +879,18 @@
870
879
  background: #0f172a;
871
880
  color: #ffffff;
872
881
  }
882
+ .p-checkbox.p-variant-filled .p-checkbox-box {
883
+ background-color: #f8fafc;
884
+ }
885
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
886
+ background: #020617;
887
+ }
888
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
889
+ background-color: #f8fafc;
890
+ }
891
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
892
+ background: #0f172a;
893
+ }
873
894
 
874
895
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
875
896
  border-color: #f87171;
@@ -1013,6 +1034,15 @@
1013
1034
  .p-dropdown.p-invalid.p-component {
1014
1035
  border-color: #f87171;
1015
1036
  }
1037
+ .p-dropdown.p-variant-filled {
1038
+ background-color: #f8fafc;
1039
+ }
1040
+ .p-dropdown.p-variant-filled:enabled:hover {
1041
+ background-color: #f8fafc;
1042
+ }
1043
+ .p-dropdown.p-variant-filled:enabled:focus {
1044
+ background-color: #ffffff;
1045
+ }
1016
1046
 
1017
1047
  .p-dropdown-panel {
1018
1048
  background: #ffffff;
@@ -1196,6 +1226,16 @@
1196
1226
  right: 0.75rem;
1197
1227
  }
1198
1228
 
1229
+ .p-inputmask.p-variant-filled {
1230
+ background-color: #f8fafc;
1231
+ }
1232
+ .p-inputmask.p-variant-filled:enabled:hover {
1233
+ background-color: #f8fafc;
1234
+ }
1235
+ .p-inputmask.p-variant-filled:enabled:focus {
1236
+ background-color: #ffffff;
1237
+ }
1238
+
1199
1239
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1200
1240
  border-color: #f87171;
1201
1241
  }
@@ -1215,6 +1255,16 @@
1215
1255
  right: 3.25rem;
1216
1256
  }
1217
1257
 
1258
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1259
+ background-color: #f8fafc;
1260
+ }
1261
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1262
+ background-color: #f8fafc;
1263
+ }
1264
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1265
+ background-color: #ffffff;
1266
+ }
1267
+
1218
1268
  .p-inputotp {
1219
1269
  display: flex;
1220
1270
  align-items: center;
@@ -1293,6 +1343,15 @@
1293
1343
  .p-inputtext.ng-dirty.ng-invalid {
1294
1344
  border-color: #f87171;
1295
1345
  }
1346
+ .p-inputtext.p-variant-filled {
1347
+ background-color: #f8fafc;
1348
+ }
1349
+ .p-inputtext.p-variant-filled:enabled:hover {
1350
+ background-color: #f8fafc;
1351
+ }
1352
+ .p-inputtext.p-variant-filled:enabled:focus {
1353
+ background-color: #ffffff;
1354
+ }
1296
1355
  .p-inputtext.p-inputtext-sm {
1297
1356
  font-size: 0.875rem;
1298
1357
  padding: 0.4375rem 0.65625rem;
@@ -1509,8 +1568,17 @@
1509
1568
  border-top-right-radius: 6px;
1510
1569
  border-bottom-right-radius: 6px;
1511
1570
  }
1571
+ .p-multiselect.p-variant-filled {
1572
+ background: #f8fafc;
1573
+ }
1574
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1575
+ background-color: #f8fafc;
1576
+ }
1577
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1578
+ background-color: #ffffff;
1579
+ }
1512
1580
 
1513
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1581
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1514
1582
  padding: 0.25rem 0.75rem;
1515
1583
  }
1516
1584
 
@@ -1708,6 +1776,18 @@
1708
1776
  background: #ffffff;
1709
1777
  color: #0f172a;
1710
1778
  }
1779
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1780
+ background-color: #f8fafc;
1781
+ }
1782
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1783
+ background-color: #f8fafc;
1784
+ }
1785
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1786
+ background: #ffffff;
1787
+ }
1788
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1789
+ background: #ffffff;
1790
+ }
1711
1791
 
1712
1792
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1713
1793
  border-color: #f87171;
@@ -1826,9 +1906,12 @@
1826
1906
  margin-left: -10px;
1827
1907
  }
1828
1908
  .p-slider.p-slider-vertical {
1909
+ height: 100%;
1829
1910
  width: 3px;
1830
1911
  }
1831
1912
  .p-slider.p-slider-vertical .p-slider-handle {
1913
+ height: 20px;
1914
+ width: 20px;
1832
1915
  margin-left: -10px;
1833
1916
  margin-bottom: -10px;
1834
1917
  }
@@ -1943,6 +2026,15 @@
1943
2026
  border-top-right-radius: 6px;
1944
2027
  border-bottom-right-radius: 6px;
1945
2028
  }
2029
+ .p-treeselect.p-variant-filled {
2030
+ background-color: #f8fafc;
2031
+ }
2032
+ .p-treeselect.p-variant-filled:enabled:hover {
2033
+ background-color: #f8fafc;
2034
+ }
2035
+ .p-treeselect.p-variant-filled:enabled:focus {
2036
+ background-color: #ffffff;
2037
+ }
1946
2038
 
1947
2039
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1948
2040
  border-color: #f87171;
@@ -3495,6 +3587,18 @@
3495
3587
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3496
3588
  color: #334155;
3497
3589
  }
3590
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3591
+ background-color: #f8fafc;
3592
+ }
3593
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3594
+ background: #020617;
3595
+ }
3596
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3597
+ background-color: #f8fafc;
3598
+ }
3599
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3600
+ background: #0f172a;
3601
+ }
3498
3602
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3499
3603
  background: #020617;
3500
3604
  color: #ffffff;
@@ -3692,6 +3796,18 @@
3692
3796
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3693
3797
  color: #334155;
3694
3798
  }
3799
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3800
+ background-color: #f8fafc;
3801
+ }
3802
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3803
+ background: #020617;
3804
+ }
3805
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3806
+ background-color: #f8fafc;
3807
+ }
3808
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3809
+ background: #0f172a;
3810
+ }
3695
3811
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3696
3812
  outline: 0.15rem solid var(--p-focus-ring-color);
3697
3813
  outline-offset: -0.15rem;
@@ -6364,7 +6480,7 @@
6364
6480
  font-size: 1rem;
6365
6481
  }
6366
6482
  }
6367
- @layer primevue {
6483
+ @layer primeng {
6368
6484
  .p-accordion .p-accordion-header .p-accordion-header-link {
6369
6485
  border-radius: 6px !important;
6370
6486
  flex-direction: row-reverse;
@@ -754,6 +754,15 @@
754
754
  .p-cascadeselect.p-invalid.p-component {
755
755
  border-color: #f87171;
756
756
  }
757
+ .p-cascadeselect.p-variant-filled {
758
+ background-color: #f8fafc;
759
+ }
760
+ .p-cascadeselect.p-variant-filled:enabled:hover {
761
+ background-color: #f8fafc;
762
+ }
763
+ .p-cascadeselect.p-variant-filled:enabled:focus {
764
+ background-color: #ffffff;
765
+ }
757
766
 
758
767
  .p-cascadeselect-panel {
759
768
  background: #ffffff;
@@ -870,6 +879,18 @@
870
879
  background: #db2777;
871
880
  color: #ffffff;
872
881
  }
882
+ .p-checkbox.p-variant-filled .p-checkbox-box {
883
+ background-color: #f8fafc;
884
+ }
885
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
886
+ background: #ec4899;
887
+ }
888
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
889
+ background-color: #f8fafc;
890
+ }
891
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
892
+ background: #db2777;
893
+ }
873
894
 
874
895
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
875
896
  border-color: #f87171;
@@ -1009,6 +1030,15 @@
1009
1030
  .p-dropdown.p-invalid.p-component {
1010
1031
  border-color: #f87171;
1011
1032
  }
1033
+ .p-dropdown.p-variant-filled {
1034
+ background-color: #f8fafc;
1035
+ }
1036
+ .p-dropdown.p-variant-filled:enabled:hover {
1037
+ background-color: #f8fafc;
1038
+ }
1039
+ .p-dropdown.p-variant-filled:enabled:focus {
1040
+ background-color: #ffffff;
1041
+ }
1012
1042
 
1013
1043
  .p-dropdown-panel {
1014
1044
  background: #ffffff;
@@ -1192,6 +1222,16 @@
1192
1222
  right: 0.75rem;
1193
1223
  }
1194
1224
 
1225
+ .p-inputmask.p-variant-filled {
1226
+ background-color: #f8fafc;
1227
+ }
1228
+ .p-inputmask.p-variant-filled:enabled:hover {
1229
+ background-color: #f8fafc;
1230
+ }
1231
+ .p-inputmask.p-variant-filled:enabled:focus {
1232
+ background-color: #ffffff;
1233
+ }
1234
+
1195
1235
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1196
1236
  border-color: #f87171;
1197
1237
  }
@@ -1211,6 +1251,16 @@
1211
1251
  right: 3.25rem;
1212
1252
  }
1213
1253
 
1254
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1255
+ background-color: #f8fafc;
1256
+ }
1257
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1258
+ background-color: #f8fafc;
1259
+ }
1260
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1261
+ background-color: #ffffff;
1262
+ }
1263
+
1214
1264
  .p-inputotp {
1215
1265
  display: flex;
1216
1266
  align-items: center;
@@ -1289,6 +1339,15 @@
1289
1339
  .p-inputtext.ng-dirty.ng-invalid {
1290
1340
  border-color: #f87171;
1291
1341
  }
1342
+ .p-inputtext.p-variant-filled {
1343
+ background-color: #f8fafc;
1344
+ }
1345
+ .p-inputtext.p-variant-filled:enabled:hover {
1346
+ background-color: #f8fafc;
1347
+ }
1348
+ .p-inputtext.p-variant-filled:enabled:focus {
1349
+ background-color: #ffffff;
1350
+ }
1292
1351
  .p-inputtext.p-inputtext-sm {
1293
1352
  font-size: 0.875rem;
1294
1353
  padding: 0.4375rem 0.65625rem;
@@ -1505,8 +1564,17 @@
1505
1564
  border-top-right-radius: 6px;
1506
1565
  border-bottom-right-radius: 6px;
1507
1566
  }
1567
+ .p-multiselect.p-variant-filled {
1568
+ background: #f8fafc;
1569
+ }
1570
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1571
+ background-color: #f8fafc;
1572
+ }
1573
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1574
+ background-color: #ffffff;
1575
+ }
1508
1576
 
1509
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1577
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1510
1578
  padding: 0.25rem 0.75rem;
1511
1579
  }
1512
1580
 
@@ -1704,6 +1772,18 @@
1704
1772
  background: #ffffff;
1705
1773
  color: #db2777;
1706
1774
  }
1775
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1776
+ background-color: #f8fafc;
1777
+ }
1778
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1779
+ background-color: #f8fafc;
1780
+ }
1781
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1782
+ background: #ffffff;
1783
+ }
1784
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1785
+ background: #ffffff;
1786
+ }
1707
1787
 
1708
1788
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1709
1789
  border-color: #f87171;
@@ -1818,9 +1898,12 @@
1818
1898
  margin-left: -10px;
1819
1899
  }
1820
1900
  .p-slider.p-slider-vertical {
1901
+ height: 100%;
1821
1902
  width: 3px;
1822
1903
  }
1823
1904
  .p-slider.p-slider-vertical .p-slider-handle {
1905
+ height: 20px;
1906
+ width: 20px;
1824
1907
  margin-left: -10px;
1825
1908
  margin-bottom: -10px;
1826
1909
  }
@@ -1935,6 +2018,15 @@
1935
2018
  border-top-right-radius: 6px;
1936
2019
  border-bottom-right-radius: 6px;
1937
2020
  }
2021
+ .p-treeselect.p-variant-filled {
2022
+ background-color: #f8fafc;
2023
+ }
2024
+ .p-treeselect.p-variant-filled:enabled:hover {
2025
+ background-color: #f8fafc;
2026
+ }
2027
+ .p-treeselect.p-variant-filled:enabled:focus {
2028
+ background-color: #ffffff;
2029
+ }
1938
2030
 
1939
2031
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1940
2032
  border-color: #f87171;
@@ -3487,6 +3579,18 @@
3487
3579
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3488
3580
  color: #334155;
3489
3581
  }
3582
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3583
+ background-color: #f8fafc;
3584
+ }
3585
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3586
+ background: #ec4899;
3587
+ }
3588
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3589
+ background-color: #f8fafc;
3590
+ }
3591
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3592
+ background: #db2777;
3593
+ }
3490
3594
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3491
3595
  background: #fdf2f8;
3492
3596
  color: #be185d;
@@ -3684,6 +3788,18 @@
3684
3788
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3685
3789
  color: #334155;
3686
3790
  }
3791
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3792
+ background-color: #f8fafc;
3793
+ }
3794
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3795
+ background: #ec4899;
3796
+ }
3797
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3798
+ background-color: #f8fafc;
3799
+ }
3800
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3801
+ background: #db2777;
3802
+ }
3687
3803
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3688
3804
  outline: 0.15rem solid var(--p-focus-ring-color);
3689
3805
  outline-offset: -0.15rem;
@@ -6356,7 +6472,7 @@
6356
6472
  font-size: 1rem;
6357
6473
  }
6358
6474
  }
6359
- @layer primevue {
6475
+ @layer primeng {
6360
6476
  .p-accordion .p-accordion-header .p-accordion-header-link {
6361
6477
  border-radius: 6px !important;
6362
6478
  flex-direction: row-reverse;
@@ -754,6 +754,15 @@
754
754
  .p-cascadeselect.p-invalid.p-component {
755
755
  border-color: #f87171;
756
756
  }
757
+ .p-cascadeselect.p-variant-filled {
758
+ background-color: #f8fafc;
759
+ }
760
+ .p-cascadeselect.p-variant-filled:enabled:hover {
761
+ background-color: #f8fafc;
762
+ }
763
+ .p-cascadeselect.p-variant-filled:enabled:focus {
764
+ background-color: #ffffff;
765
+ }
757
766
 
758
767
  .p-cascadeselect-panel {
759
768
  background: #ffffff;
@@ -870,6 +879,18 @@
870
879
  background: #7C3AED;
871
880
  color: #ffffff;
872
881
  }
882
+ .p-checkbox.p-variant-filled .p-checkbox-box {
883
+ background-color: #f8fafc;
884
+ }
885
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
886
+ background: #8B5CF6;
887
+ }
888
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
889
+ background-color: #f8fafc;
890
+ }
891
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
892
+ background: #7C3AED;
893
+ }
873
894
 
874
895
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
875
896
  border-color: #f87171;
@@ -1009,6 +1030,15 @@
1009
1030
  .p-dropdown.p-invalid.p-component {
1010
1031
  border-color: #f87171;
1011
1032
  }
1033
+ .p-dropdown.p-variant-filled {
1034
+ background-color: #f8fafc;
1035
+ }
1036
+ .p-dropdown.p-variant-filled:enabled:hover {
1037
+ background-color: #f8fafc;
1038
+ }
1039
+ .p-dropdown.p-variant-filled:enabled:focus {
1040
+ background-color: #ffffff;
1041
+ }
1012
1042
 
1013
1043
  .p-dropdown-panel {
1014
1044
  background: #ffffff;
@@ -1192,6 +1222,16 @@
1192
1222
  right: 0.75rem;
1193
1223
  }
1194
1224
 
1225
+ .p-inputmask.p-variant-filled {
1226
+ background-color: #f8fafc;
1227
+ }
1228
+ .p-inputmask.p-variant-filled:enabled:hover {
1229
+ background-color: #f8fafc;
1230
+ }
1231
+ .p-inputmask.p-variant-filled:enabled:focus {
1232
+ background-color: #ffffff;
1233
+ }
1234
+
1195
1235
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1196
1236
  border-color: #f87171;
1197
1237
  }
@@ -1211,6 +1251,16 @@
1211
1251
  right: 3.25rem;
1212
1252
  }
1213
1253
 
1254
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1255
+ background-color: #f8fafc;
1256
+ }
1257
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1258
+ background-color: #f8fafc;
1259
+ }
1260
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1261
+ background-color: #ffffff;
1262
+ }
1263
+
1214
1264
  .p-inputotp {
1215
1265
  display: flex;
1216
1266
  align-items: center;
@@ -1289,6 +1339,15 @@
1289
1339
  .p-inputtext.ng-dirty.ng-invalid {
1290
1340
  border-color: #f87171;
1291
1341
  }
1342
+ .p-inputtext.p-variant-filled {
1343
+ background-color: #f8fafc;
1344
+ }
1345
+ .p-inputtext.p-variant-filled:enabled:hover {
1346
+ background-color: #f8fafc;
1347
+ }
1348
+ .p-inputtext.p-variant-filled:enabled:focus {
1349
+ background-color: #ffffff;
1350
+ }
1292
1351
  .p-inputtext.p-inputtext-sm {
1293
1352
  font-size: 0.875rem;
1294
1353
  padding: 0.4375rem 0.65625rem;
@@ -1505,8 +1564,17 @@
1505
1564
  border-top-right-radius: 6px;
1506
1565
  border-bottom-right-radius: 6px;
1507
1566
  }
1567
+ .p-multiselect.p-variant-filled {
1568
+ background: #f8fafc;
1569
+ }
1570
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1571
+ background-color: #f8fafc;
1572
+ }
1573
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1574
+ background-color: #ffffff;
1575
+ }
1508
1576
 
1509
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1577
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1510
1578
  padding: 0.25rem 0.75rem;
1511
1579
  }
1512
1580
 
@@ -1704,6 +1772,18 @@
1704
1772
  background: #ffffff;
1705
1773
  color: #7C3AED;
1706
1774
  }
1775
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1776
+ background-color: #f8fafc;
1777
+ }
1778
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1779
+ background-color: #f8fafc;
1780
+ }
1781
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1782
+ background: #ffffff;
1783
+ }
1784
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1785
+ background: #ffffff;
1786
+ }
1707
1787
 
1708
1788
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1709
1789
  border-color: #f87171;
@@ -1818,9 +1898,12 @@
1818
1898
  margin-left: -10px;
1819
1899
  }
1820
1900
  .p-slider.p-slider-vertical {
1901
+ height: 100%;
1821
1902
  width: 3px;
1822
1903
  }
1823
1904
  .p-slider.p-slider-vertical .p-slider-handle {
1905
+ height: 20px;
1906
+ width: 20px;
1824
1907
  margin-left: -10px;
1825
1908
  margin-bottom: -10px;
1826
1909
  }
@@ -1935,6 +2018,15 @@
1935
2018
  border-top-right-radius: 6px;
1936
2019
  border-bottom-right-radius: 6px;
1937
2020
  }
2021
+ .p-treeselect.p-variant-filled {
2022
+ background-color: #f8fafc;
2023
+ }
2024
+ .p-treeselect.p-variant-filled:enabled:hover {
2025
+ background-color: #f8fafc;
2026
+ }
2027
+ .p-treeselect.p-variant-filled:enabled:focus {
2028
+ background-color: #ffffff;
2029
+ }
1938
2030
 
1939
2031
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1940
2032
  border-color: #f87171;
@@ -3487,6 +3579,18 @@
3487
3579
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3488
3580
  color: #334155;
3489
3581
  }
3582
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3583
+ background-color: #f8fafc;
3584
+ }
3585
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3586
+ background: #8B5CF6;
3587
+ }
3588
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3589
+ background-color: #f8fafc;
3590
+ }
3591
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3592
+ background: #7C3AED;
3593
+ }
3490
3594
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3491
3595
  background: #F5F3FF;
3492
3596
  color: #6D28D9;
@@ -3684,6 +3788,18 @@
3684
3788
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3685
3789
  color: #334155;
3686
3790
  }
3791
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3792
+ background-color: #f8fafc;
3793
+ }
3794
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3795
+ background: #8B5CF6;
3796
+ }
3797
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3798
+ background-color: #f8fafc;
3799
+ }
3800
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3801
+ background: #7C3AED;
3802
+ }
3687
3803
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3688
3804
  outline: 0.15rem solid var(--p-focus-ring-color);
3689
3805
  outline-offset: -0.15rem;
@@ -6356,7 +6472,7 @@
6356
6472
  font-size: 1rem;
6357
6473
  }
6358
6474
  }
6359
- @layer primevue {
6475
+ @layer primeng {
6360
6476
  .p-accordion .p-accordion-header .p-accordion-header-link {
6361
6477
  border-radius: 6px !important;
6362
6478
  flex-direction: row-reverse;