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
@@ -735,6 +735,15 @@
735
735
  .p-cascadeselect.p-invalid.p-component {
736
736
  border-color: #ef9a9a;
737
737
  }
738
+ .p-cascadeselect.p-variant-filled {
739
+ background-color: #383838;
740
+ }
741
+ .p-cascadeselect.p-variant-filled:enabled:hover {
742
+ background-color: #383838;
743
+ }
744
+ .p-cascadeselect.p-variant-filled:enabled:focus {
745
+ background-color: #383838;
746
+ }
738
747
 
739
748
  .p-cascadeselect-panel {
740
749
  background: #1e1e1e;
@@ -851,6 +860,18 @@
851
860
  background: #ffc50c;
852
861
  color: #212529;
853
862
  }
863
+ .p-checkbox.p-variant-filled .p-checkbox-box {
864
+ background-color: #383838;
865
+ }
866
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
867
+ background: #FFD54F;
868
+ }
869
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
870
+ background-color: #383838;
871
+ }
872
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
873
+ background: #ffc50c;
874
+ }
854
875
 
855
876
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
856
877
  border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
990
1011
  .p-dropdown.p-invalid.p-component {
991
1012
  border-color: #ef9a9a;
992
1013
  }
1014
+ .p-dropdown.p-variant-filled {
1015
+ background-color: #383838;
1016
+ }
1017
+ .p-dropdown.p-variant-filled:enabled:hover {
1018
+ background-color: #383838;
1019
+ }
1020
+ .p-dropdown.p-variant-filled:enabled:focus {
1021
+ background-color: #383838;
1022
+ }
993
1023
 
994
1024
  .p-dropdown-panel {
995
1025
  background: #1e1e1e;
@@ -1173,6 +1203,16 @@
1173
1203
  right: 0.5rem;
1174
1204
  }
1175
1205
 
1206
+ .p-inputmask.p-variant-filled {
1207
+ background-color: #383838;
1208
+ }
1209
+ .p-inputmask.p-variant-filled:enabled:hover {
1210
+ background-color: #383838;
1211
+ }
1212
+ .p-inputmask.p-variant-filled:enabled:focus {
1213
+ background-color: #383838;
1214
+ }
1215
+
1176
1216
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1177
1217
  border-color: #ef9a9a;
1178
1218
  }
@@ -1192,6 +1232,16 @@
1192
1232
  right: 2.857rem;
1193
1233
  }
1194
1234
 
1235
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1236
+ background-color: #383838;
1237
+ }
1238
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1239
+ background-color: #383838;
1240
+ }
1241
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1242
+ background-color: #383838;
1243
+ }
1244
+
1195
1245
  .p-inputotp {
1196
1246
  display: flex;
1197
1247
  align-items: center;
@@ -1270,6 +1320,15 @@
1270
1320
  .p-inputtext.ng-dirty.ng-invalid {
1271
1321
  border-color: #ef9a9a;
1272
1322
  }
1323
+ .p-inputtext.p-variant-filled {
1324
+ background-color: #383838;
1325
+ }
1326
+ .p-inputtext.p-variant-filled:enabled:hover {
1327
+ background-color: #383838;
1328
+ }
1329
+ .p-inputtext.p-variant-filled:enabled:focus {
1330
+ background-color: #383838;
1331
+ }
1273
1332
  .p-inputtext.p-inputtext-sm {
1274
1333
  font-size: 0.875rem;
1275
1334
  padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
1486
1545
  border-top-right-radius: 3px;
1487
1546
  border-bottom-right-radius: 3px;
1488
1547
  }
1548
+ .p-multiselect.p-variant-filled {
1549
+ background: #383838;
1550
+ }
1551
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1552
+ background-color: #383838;
1553
+ }
1554
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1555
+ background-color: #383838;
1556
+ }
1489
1557
 
1490
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1558
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1491
1559
  padding: 0.25rem 0.5rem;
1492
1560
  }
1493
1561
 
@@ -1685,6 +1753,18 @@
1685
1753
  background: #ffc50c;
1686
1754
  color: #212529;
1687
1755
  }
1756
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1757
+ background-color: #383838;
1758
+ }
1759
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1760
+ background-color: #383838;
1761
+ }
1762
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1763
+ background: #FFD54F;
1764
+ }
1765
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1766
+ background: #ffc50c;
1767
+ }
1688
1768
 
1689
1769
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1690
1770
  border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
1799
1879
  margin-left: -0.5715rem;
1800
1880
  }
1801
1881
  .p-slider.p-slider-vertical {
1882
+ height: 100%;
1802
1883
  width: 0.286rem;
1803
1884
  }
1804
1885
  .p-slider.p-slider-vertical .p-slider-handle {
1886
+ height: 1.143rem;
1887
+ width: 1.143rem;
1805
1888
  margin-left: -0.5715rem;
1806
1889
  margin-bottom: -0.5715rem;
1807
1890
  }
@@ -1916,6 +1999,15 @@
1916
1999
  border-top-right-radius: 3px;
1917
2000
  border-bottom-right-radius: 3px;
1918
2001
  }
2002
+ .p-treeselect.p-variant-filled {
2003
+ background-color: #383838;
2004
+ }
2005
+ .p-treeselect.p-variant-filled:enabled:hover {
2006
+ background-color: #383838;
2007
+ }
2008
+ .p-treeselect.p-variant-filled:enabled:focus {
2009
+ background-color: #383838;
2010
+ }
1919
2011
 
1920
2012
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1921
2013
  border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
3419
3511
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3420
3512
  color: rgba(255, 255, 255, 0.87);
3421
3513
  }
3514
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3515
+ background-color: #383838;
3516
+ }
3517
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3518
+ background: #FFD54F;
3519
+ }
3520
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3521
+ background-color: #383838;
3522
+ }
3523
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3524
+ background: #ffc50c;
3525
+ }
3422
3526
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3423
3527
  background: rgba(255, 213, 79, 0.16);
3424
3528
  color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
3616
3720
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3617
3721
  color: rgba(255, 255, 255, 0.87);
3618
3722
  }
3723
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3724
+ background-color: #383838;
3725
+ }
3726
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3727
+ background: #FFD54F;
3728
+ }
3729
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3730
+ background-color: #383838;
3731
+ }
3732
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3733
+ background: #ffc50c;
3734
+ }
3619
3735
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3620
3736
  outline: 0.15rem solid #ffe284;
3621
3737
  outline-offset: -0.15rem;
@@ -735,6 +735,15 @@
735
735
  .p-cascadeselect.p-invalid.p-component {
736
736
  border-color: #ef9a9a;
737
737
  }
738
+ .p-cascadeselect.p-variant-filled {
739
+ background-color: #383838;
740
+ }
741
+ .p-cascadeselect.p-variant-filled:enabled:hover {
742
+ background-color: #383838;
743
+ }
744
+ .p-cascadeselect.p-variant-filled:enabled:focus {
745
+ background-color: #383838;
746
+ }
738
747
 
739
748
  .p-cascadeselect-panel {
740
749
  background: #1e1e1e;
@@ -851,6 +860,18 @@
851
860
  background: #a241b2;
852
861
  color: #ffffff;
853
862
  }
863
+ .p-checkbox.p-variant-filled .p-checkbox-box {
864
+ background-color: #383838;
865
+ }
866
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
867
+ background: #BA68C8;
868
+ }
869
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
870
+ background-color: #383838;
871
+ }
872
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
873
+ background: #a241b2;
874
+ }
854
875
 
855
876
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
856
877
  border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
990
1011
  .p-dropdown.p-invalid.p-component {
991
1012
  border-color: #ef9a9a;
992
1013
  }
1014
+ .p-dropdown.p-variant-filled {
1015
+ background-color: #383838;
1016
+ }
1017
+ .p-dropdown.p-variant-filled:enabled:hover {
1018
+ background-color: #383838;
1019
+ }
1020
+ .p-dropdown.p-variant-filled:enabled:focus {
1021
+ background-color: #383838;
1022
+ }
993
1023
 
994
1024
  .p-dropdown-panel {
995
1025
  background: #1e1e1e;
@@ -1173,6 +1203,16 @@
1173
1203
  right: 0.5rem;
1174
1204
  }
1175
1205
 
1206
+ .p-inputmask.p-variant-filled {
1207
+ background-color: #383838;
1208
+ }
1209
+ .p-inputmask.p-variant-filled:enabled:hover {
1210
+ background-color: #383838;
1211
+ }
1212
+ .p-inputmask.p-variant-filled:enabled:focus {
1213
+ background-color: #383838;
1214
+ }
1215
+
1176
1216
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1177
1217
  border-color: #ef9a9a;
1178
1218
  }
@@ -1192,6 +1232,16 @@
1192
1232
  right: 2.857rem;
1193
1233
  }
1194
1234
 
1235
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1236
+ background-color: #383838;
1237
+ }
1238
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1239
+ background-color: #383838;
1240
+ }
1241
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1242
+ background-color: #383838;
1243
+ }
1244
+
1195
1245
  .p-inputotp {
1196
1246
  display: flex;
1197
1247
  align-items: center;
@@ -1270,6 +1320,15 @@
1270
1320
  .p-inputtext.ng-dirty.ng-invalid {
1271
1321
  border-color: #ef9a9a;
1272
1322
  }
1323
+ .p-inputtext.p-variant-filled {
1324
+ background-color: #383838;
1325
+ }
1326
+ .p-inputtext.p-variant-filled:enabled:hover {
1327
+ background-color: #383838;
1328
+ }
1329
+ .p-inputtext.p-variant-filled:enabled:focus {
1330
+ background-color: #383838;
1331
+ }
1273
1332
  .p-inputtext.p-inputtext-sm {
1274
1333
  font-size: 0.875rem;
1275
1334
  padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
1486
1545
  border-top-right-radius: 3px;
1487
1546
  border-bottom-right-radius: 3px;
1488
1547
  }
1548
+ .p-multiselect.p-variant-filled {
1549
+ background: #383838;
1550
+ }
1551
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1552
+ background-color: #383838;
1553
+ }
1554
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1555
+ background-color: #383838;
1556
+ }
1489
1557
 
1490
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1558
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1491
1559
  padding: 0.25rem 0.5rem;
1492
1560
  }
1493
1561
 
@@ -1685,6 +1753,18 @@
1685
1753
  background: #a241b2;
1686
1754
  color: #ffffff;
1687
1755
  }
1756
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1757
+ background-color: #383838;
1758
+ }
1759
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1760
+ background-color: #383838;
1761
+ }
1762
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1763
+ background: #BA68C8;
1764
+ }
1765
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1766
+ background: #a241b2;
1767
+ }
1688
1768
 
1689
1769
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1690
1770
  border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
1799
1879
  margin-left: -0.5715rem;
1800
1880
  }
1801
1881
  .p-slider.p-slider-vertical {
1882
+ height: 100%;
1802
1883
  width: 0.286rem;
1803
1884
  }
1804
1885
  .p-slider.p-slider-vertical .p-slider-handle {
1886
+ height: 1.143rem;
1887
+ width: 1.143rem;
1805
1888
  margin-left: -0.5715rem;
1806
1889
  margin-bottom: -0.5715rem;
1807
1890
  }
@@ -1916,6 +1999,15 @@
1916
1999
  border-top-right-radius: 3px;
1917
2000
  border-bottom-right-radius: 3px;
1918
2001
  }
2002
+ .p-treeselect.p-variant-filled {
2003
+ background-color: #383838;
2004
+ }
2005
+ .p-treeselect.p-variant-filled:enabled:hover {
2006
+ background-color: #383838;
2007
+ }
2008
+ .p-treeselect.p-variant-filled:enabled:focus {
2009
+ background-color: #383838;
2010
+ }
1919
2011
 
1920
2012
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1921
2013
  border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
3419
3511
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3420
3512
  color: rgba(255, 255, 255, 0.87);
3421
3513
  }
3514
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3515
+ background-color: #383838;
3516
+ }
3517
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3518
+ background: #BA68C8;
3519
+ }
3520
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3521
+ background-color: #383838;
3522
+ }
3523
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3524
+ background: #a241b2;
3525
+ }
3422
3526
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3423
3527
  background: rgba(186, 104, 200, 0.16);
3424
3528
  color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
3616
3720
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3617
3721
  color: rgba(255, 255, 255, 0.87);
3618
3722
  }
3723
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3724
+ background-color: #383838;
3725
+ }
3726
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3727
+ background: #BA68C8;
3728
+ }
3729
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3730
+ background-color: #383838;
3731
+ }
3732
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3733
+ background: #a241b2;
3734
+ }
3619
3735
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3620
3736
  outline: 0.15rem solid #cf95d9;
3621
3737
  outline-offset: -0.15rem;
@@ -752,6 +752,15 @@
752
752
  .p-cascadeselect.p-invalid.p-component {
753
753
  border-color: #fca5a5;
754
754
  }
755
+ .p-cascadeselect.p-variant-filled {
756
+ background-color: #27272a;
757
+ }
758
+ .p-cascadeselect.p-variant-filled:enabled:hover {
759
+ background-color: #27272a;
760
+ }
761
+ .p-cascadeselect.p-variant-filled:enabled:focus {
762
+ background-color: #27272a;
763
+ }
755
764
 
756
765
  .p-cascadeselect-panel {
757
766
  background: #18181b;
@@ -868,6 +877,18 @@
868
877
  background: #fcd34d;
869
878
  color: #020617;
870
879
  }
880
+ .p-checkbox.p-variant-filled .p-checkbox-box {
881
+ background-color: #27272a;
882
+ }
883
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
884
+ background: #fbbf24;
885
+ }
886
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
887
+ background-color: #27272a;
888
+ }
889
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
890
+ background: #fcd34d;
891
+ }
871
892
 
872
893
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
873
894
  border-color: #fca5a5;
@@ -1007,6 +1028,15 @@
1007
1028
  .p-dropdown.p-invalid.p-component {
1008
1029
  border-color: #fca5a5;
1009
1030
  }
1031
+ .p-dropdown.p-variant-filled {
1032
+ background-color: #27272a;
1033
+ }
1034
+ .p-dropdown.p-variant-filled:enabled:hover {
1035
+ background-color: #27272a;
1036
+ }
1037
+ .p-dropdown.p-variant-filled:enabled:focus {
1038
+ background-color: #27272a;
1039
+ }
1010
1040
 
1011
1041
  .p-dropdown-panel {
1012
1042
  background: #18181b;
@@ -1190,6 +1220,16 @@
1190
1220
  right: 0.75rem;
1191
1221
  }
1192
1222
 
1223
+ .p-inputmask.p-variant-filled {
1224
+ background-color: #27272a;
1225
+ }
1226
+ .p-inputmask.p-variant-filled:enabled:hover {
1227
+ background-color: #27272a;
1228
+ }
1229
+ .p-inputmask.p-variant-filled:enabled:focus {
1230
+ background-color: #27272a;
1231
+ }
1232
+
1193
1233
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1194
1234
  border-color: #fca5a5;
1195
1235
  }
@@ -1209,6 +1249,16 @@
1209
1249
  right: 3.25rem;
1210
1250
  }
1211
1251
 
1252
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1253
+ background-color: #27272a;
1254
+ }
1255
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1256
+ background-color: #27272a;
1257
+ }
1258
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1259
+ background-color: #27272a;
1260
+ }
1261
+
1212
1262
  .p-inputotp {
1213
1263
  display: flex;
1214
1264
  align-items: center;
@@ -1287,6 +1337,15 @@
1287
1337
  .p-inputtext.ng-dirty.ng-invalid {
1288
1338
  border-color: #fca5a5;
1289
1339
  }
1340
+ .p-inputtext.p-variant-filled {
1341
+ background-color: #27272a;
1342
+ }
1343
+ .p-inputtext.p-variant-filled:enabled:hover {
1344
+ background-color: #27272a;
1345
+ }
1346
+ .p-inputtext.p-variant-filled:enabled:focus {
1347
+ background-color: #27272a;
1348
+ }
1290
1349
  .p-inputtext.p-inputtext-sm {
1291
1350
  font-size: 0.875rem;
1292
1351
  padding: 0.4375rem 0.65625rem;
@@ -1503,8 +1562,17 @@
1503
1562
  border-top-right-radius: 6px;
1504
1563
  border-bottom-right-radius: 6px;
1505
1564
  }
1565
+ .p-multiselect.p-variant-filled {
1566
+ background: #27272a;
1567
+ }
1568
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1569
+ background-color: #27272a;
1570
+ }
1571
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1572
+ background-color: #27272a;
1573
+ }
1506
1574
 
1507
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1575
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1508
1576
  padding: 0.25rem 0.75rem;
1509
1577
  }
1510
1578
 
@@ -1702,6 +1770,18 @@
1702
1770
  background: #020617;
1703
1771
  color: #fcd34d;
1704
1772
  }
1773
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1774
+ background-color: #27272a;
1775
+ }
1776
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1777
+ background-color: #27272a;
1778
+ }
1779
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1780
+ background: #020617;
1781
+ }
1782
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1783
+ background: #020617;
1784
+ }
1705
1785
 
1706
1786
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1707
1787
  border-color: #fca5a5;
@@ -1816,9 +1896,12 @@
1816
1896
  margin-left: -10px;
1817
1897
  }
1818
1898
  .p-slider.p-slider-vertical {
1899
+ height: 100%;
1819
1900
  width: 3px;
1820
1901
  }
1821
1902
  .p-slider.p-slider-vertical .p-slider-handle {
1903
+ height: 20px;
1904
+ width: 20px;
1822
1905
  margin-left: -10px;
1823
1906
  margin-bottom: -10px;
1824
1907
  }
@@ -1933,6 +2016,15 @@
1933
2016
  border-top-right-radius: 6px;
1934
2017
  border-bottom-right-radius: 6px;
1935
2018
  }
2019
+ .p-treeselect.p-variant-filled {
2020
+ background-color: #27272a;
2021
+ }
2022
+ .p-treeselect.p-variant-filled:enabled:hover {
2023
+ background-color: #27272a;
2024
+ }
2025
+ .p-treeselect.p-variant-filled:enabled:focus {
2026
+ background-color: #27272a;
2027
+ }
1936
2028
 
1937
2029
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1938
2030
  border-color: #fca5a5;
@@ -3485,6 +3577,18 @@
3485
3577
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3486
3578
  color: #ffffff;
3487
3579
  }
3580
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3581
+ background-color: #27272a;
3582
+ }
3583
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3584
+ background: #fbbf24;
3585
+ }
3586
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3587
+ background-color: #27272a;
3588
+ }
3589
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3590
+ background: #fcd34d;
3591
+ }
3488
3592
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3489
3593
  background: rgba(251, 191, 36, 0.16);
3490
3594
  color: rgba(255, 255, 255, 0.87);
@@ -3682,6 +3786,18 @@
3682
3786
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3683
3787
  color: #ffffff;
3684
3788
  }
3789
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3790
+ background-color: #27272a;
3791
+ }
3792
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3793
+ background: #fbbf24;
3794
+ }
3795
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3796
+ background-color: #27272a;
3797
+ }
3798
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3799
+ background: #fcd34d;
3800
+ }
3685
3801
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3686
3802
  outline: 0.15rem solid var(--p-focus-ring-color);
3687
3803
  outline-offset: -0.15rem;
@@ -6354,7 +6470,7 @@
6354
6470
  font-size: 1rem;
6355
6471
  }
6356
6472
  }
6357
- @layer primevue {
6473
+ @layer primeng {
6358
6474
  .p-accordion .p-accordion-header .p-accordion-header-link {
6359
6475
  border-radius: 6px !important;
6360
6476
  flex-direction: row-reverse;