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: #059669;
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: #10b981;
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: #059669;
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: #059669;
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: #10b981;
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: #059669;
3593
+ }
3490
3594
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3491
3595
  background: #ecfdf5;
3492
3596
  color: #047857;
@@ -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: #10b981;
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: #059669;
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: #4F46E5;
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: #6366F1;
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: #4F46E5;
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: #4F46E5;
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: #6366F1;
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: #4F46E5;
3593
+ }
3490
3594
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3491
3595
  background: #EEF2FF;
3492
3596
  color: #4338CA;
@@ -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: #6366F1;
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: #4F46E5;
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: #65a30d;
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: #84cc16;
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: #65a30d;
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: #65a30d;
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: #84cc16;
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: #65a30d;
3593
+ }
3490
3594
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3491
3595
  background: #f7fee7;
3492
3596
  color: #4d7c0f;
@@ -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: #84cc16;
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: #65a30d;
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;