primeng 17.14.1 → 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 (266) 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 +17 -2
  5. package/badge/badge.d.ts +2 -2
  6. package/breadcrumb/breadcrumb.interface.d.ts +11 -0
  7. package/calendar/calendar.d.ts +13 -2
  8. package/card/card.d.ts +5 -2
  9. package/cascadeselect/cascadeselect.d.ts +19 -1
  10. package/cascadeselect/cascadeselect.interface.d.ts +4 -0
  11. package/checkbox/checkbox.d.ts +11 -4
  12. package/chips/chips.d.ts +9 -2
  13. package/dom/domhandler.d.ts +2 -2
  14. package/dropdown/dropdown.d.ts +31 -3
  15. package/dropdown/dropdown.interface.d.ts +1 -1
  16. package/esm2022/api/filterservice.mjs +6 -1
  17. package/esm2022/api/megamenuitem.mjs +1 -1
  18. package/esm2022/api/primengconfig.mjs +3 -3
  19. package/esm2022/api/treenode.mjs +1 -1
  20. package/esm2022/autocomplete/autocomplete.mjs +34 -12
  21. package/esm2022/badge/badge.mjs +3 -3
  22. package/esm2022/breadcrumb/breadcrumb.interface.mjs +1 -1
  23. package/esm2022/breadcrumb/breadcrumb.mjs +1 -1
  24. package/esm2022/calendar/calendar.mjs +65 -9
  25. package/esm2022/card/card.mjs +11 -5
  26. package/esm2022/cascadeselect/cascadeselect.interface.mjs +1 -1
  27. package/esm2022/cascadeselect/cascadeselect.mjs +61 -12
  28. package/esm2022/checkbox/checkbox.mjs +44 -13
  29. package/esm2022/chips/chips.mjs +20 -10
  30. package/esm2022/colorpicker/colorpicker.mjs +2 -1
  31. package/esm2022/confirmpopup/confirmpopup.mjs +2 -2
  32. package/esm2022/dialog/dialog.mjs +2 -2
  33. package/esm2022/divider/divider.mjs +2 -2
  34. package/esm2022/dom/domhandler.mjs +5 -3
  35. package/esm2022/dropdown/dropdown.interface.mjs +1 -1
  36. package/esm2022/dropdown/dropdown.mjs +106 -26
  37. package/esm2022/dynamicdialog/dynamicdialog.mjs +3 -3
  38. package/esm2022/editor/editor.mjs +2 -4
  39. package/esm2022/fileupload/fileupload.mjs +128 -110
  40. package/esm2022/icons/blank/blank.mjs +25 -0
  41. package/esm2022/icons/blank/primeng-icons-blank.mjs +5 -0
  42. package/esm2022/icons/blank/public_api.mjs +2 -0
  43. package/esm2022/inputmask/inputmask.mjs +31 -13
  44. package/esm2022/inputnumber/inputnumber.mjs +13 -4
  45. package/esm2022/inputotp/inputotp.mjs +3 -3
  46. package/esm2022/inputtext/inputtext.mjs +22 -7
  47. package/esm2022/inputtextarea/inputtextarea.mjs +17 -6
  48. package/esm2022/keyfilter/keyfilter.mjs +14 -13
  49. package/esm2022/megamenu/megamenu.interface.mjs +1 -1
  50. package/esm2022/megamenu/megamenu.mjs +2 -2
  51. package/esm2022/menu/menu.mjs +18 -5
  52. package/esm2022/menubar/menubar.interface.mjs +1 -1
  53. package/esm2022/menubar/menubar.mjs +3 -6
  54. package/esm2022/multiselect/multiselect.interface.mjs +1 -1
  55. package/esm2022/multiselect/multiselect.mjs +155 -44
  56. package/esm2022/organizationchart/organizationchart.mjs +43 -27
  57. package/esm2022/overlaypanel/overlaypanel.mjs +2 -2
  58. package/esm2022/paginator/paginator.mjs +3 -3
  59. package/esm2022/panelmenu/panelmenu.interface.mjs +1 -1
  60. package/esm2022/panelmenu/panelmenu.mjs +51 -41
  61. package/esm2022/password/password.mjs +22 -5
  62. package/esm2022/radiobutton/radiobutton.mjs +32 -10
  63. package/esm2022/scroller/scroller.mjs +4 -4
  64. package/esm2022/speeddial/speeddial.mjs +6 -8
  65. package/esm2022/splitbutton/splitbutton.mjs +13 -13
  66. package/esm2022/stepper/stepper.mjs +1 -9
  67. package/esm2022/table/columnfilter.interface.mjs +1 -1
  68. package/esm2022/table/table.mjs +59 -18
  69. package/esm2022/tieredmenu/tieredmenu.mjs +19 -12
  70. package/esm2022/timeline/timeline.mjs +2 -2
  71. package/esm2022/tree/tree.mjs +157 -115
  72. package/esm2022/treeselect/treeselect.mjs +16 -8
  73. package/esm2022/treetable/treetable.mjs +8 -6
  74. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +20 -10
  75. package/fesm2022/primeng-api.mjs +7 -2
  76. package/fesm2022/primeng-api.mjs.map +1 -1
  77. package/fesm2022/primeng-autocomplete.mjs +33 -11
  78. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  79. package/fesm2022/primeng-badge.mjs +2 -2
  80. package/fesm2022/primeng-badge.mjs.map +1 -1
  81. package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
  82. package/fesm2022/primeng-calendar.mjs +64 -8
  83. package/fesm2022/primeng-calendar.mjs.map +1 -1
  84. package/fesm2022/primeng-card.mjs +10 -4
  85. package/fesm2022/primeng-card.mjs.map +1 -1
  86. package/fesm2022/primeng-cascadeselect.mjs +60 -11
  87. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  88. package/fesm2022/primeng-checkbox.mjs +43 -12
  89. package/fesm2022/primeng-checkbox.mjs.map +1 -1
  90. package/fesm2022/primeng-chips.mjs +19 -9
  91. package/fesm2022/primeng-chips.mjs.map +1 -1
  92. package/fesm2022/primeng-colorpicker.mjs +1 -0
  93. package/fesm2022/primeng-colorpicker.mjs.map +1 -1
  94. package/fesm2022/primeng-confirmpopup.mjs +1 -1
  95. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  96. package/fesm2022/primeng-dialog.mjs +1 -1
  97. package/fesm2022/primeng-dialog.mjs.map +1 -1
  98. package/fesm2022/primeng-divider.mjs +2 -2
  99. package/fesm2022/primeng-divider.mjs.map +1 -1
  100. package/fesm2022/primeng-dom.mjs +4 -2
  101. package/fesm2022/primeng-dom.mjs.map +1 -1
  102. package/fesm2022/primeng-dropdown.mjs +105 -25
  103. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  104. package/fesm2022/primeng-dynamicdialog.mjs +2 -2
  105. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  106. package/fesm2022/primeng-editor.mjs +1 -3
  107. package/fesm2022/primeng-editor.mjs.map +1 -1
  108. package/fesm2022/primeng-fileupload.mjs +127 -109
  109. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  110. package/fesm2022/primeng-icons-blank.mjs +32 -0
  111. package/fesm2022/primeng-icons-blank.mjs.map +1 -0
  112. package/fesm2022/primeng-inputmask.mjs +30 -12
  113. package/fesm2022/primeng-inputmask.mjs.map +1 -1
  114. package/fesm2022/primeng-inputnumber.mjs +12 -3
  115. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  116. package/fesm2022/primeng-inputotp.mjs +2 -2
  117. package/fesm2022/primeng-inputotp.mjs.map +1 -1
  118. package/fesm2022/primeng-inputtext.mjs +21 -6
  119. package/fesm2022/primeng-inputtext.mjs.map +1 -1
  120. package/fesm2022/primeng-inputtextarea.mjs +16 -5
  121. package/fesm2022/primeng-inputtextarea.mjs.map +1 -1
  122. package/fesm2022/primeng-keyfilter.mjs +13 -12
  123. package/fesm2022/primeng-keyfilter.mjs.map +1 -1
  124. package/fesm2022/primeng-megamenu.mjs +1 -1
  125. package/fesm2022/primeng-megamenu.mjs.map +1 -1
  126. package/fesm2022/primeng-menu.mjs +17 -4
  127. package/fesm2022/primeng-menu.mjs.map +1 -1
  128. package/fesm2022/primeng-menubar.mjs +2 -5
  129. package/fesm2022/primeng-menubar.mjs.map +1 -1
  130. package/fesm2022/primeng-multiselect.mjs +154 -43
  131. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  132. package/fesm2022/primeng-organizationchart.mjs +42 -26
  133. package/fesm2022/primeng-organizationchart.mjs.map +1 -1
  134. package/fesm2022/primeng-overlaypanel.mjs +1 -1
  135. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  136. package/fesm2022/primeng-paginator.mjs +2 -2
  137. package/fesm2022/primeng-paginator.mjs.map +1 -1
  138. package/fesm2022/primeng-panelmenu.mjs +50 -40
  139. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  140. package/fesm2022/primeng-password.mjs +21 -4
  141. package/fesm2022/primeng-password.mjs.map +1 -1
  142. package/fesm2022/primeng-radiobutton.mjs +31 -9
  143. package/fesm2022/primeng-radiobutton.mjs.map +1 -1
  144. package/fesm2022/primeng-scroller.mjs +3 -3
  145. package/fesm2022/primeng-scroller.mjs.map +1 -1
  146. package/fesm2022/primeng-speeddial.mjs +5 -7
  147. package/fesm2022/primeng-speeddial.mjs.map +1 -1
  148. package/fesm2022/primeng-splitbutton.mjs +12 -12
  149. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  150. package/fesm2022/primeng-stepper.mjs +0 -8
  151. package/fesm2022/primeng-stepper.mjs.map +1 -1
  152. package/fesm2022/primeng-table.mjs +58 -17
  153. package/fesm2022/primeng-table.mjs.map +1 -1
  154. package/fesm2022/primeng-tieredmenu.mjs +18 -11
  155. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  156. package/fesm2022/primeng-timeline.mjs +2 -2
  157. package/fesm2022/primeng-timeline.mjs.map +1 -1
  158. package/fesm2022/primeng-tree.mjs +156 -114
  159. package/fesm2022/primeng-tree.mjs.map +1 -1
  160. package/fesm2022/primeng-treeselect.mjs +15 -7
  161. package/fesm2022/primeng-treeselect.mjs.map +1 -1
  162. package/fesm2022/primeng-treetable.mjs +7 -5
  163. package/fesm2022/primeng-treetable.mjs.map +1 -1
  164. package/fesm2022/primeng-tristatecheckbox.mjs +19 -9
  165. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  166. package/fileupload/fileupload.d.ts +11 -10
  167. package/icons/blank/blank.d.ts +6 -0
  168. package/icons/blank/index.d.ts +5 -0
  169. package/icons/blank/public_api.d.ts +1 -0
  170. package/inputmask/inputmask.d.ts +13 -3
  171. package/inputnumber/inputnumber.d.ts +6 -1
  172. package/inputotp/inputotp.d.ts +1 -1
  173. package/inputtext/inputtext.d.ts +14 -3
  174. package/inputtextarea/inputtextarea.d.ts +10 -3
  175. package/keyfilter/keyfilter.d.ts +1 -1
  176. package/megamenu/megamenu.interface.d.ts +12 -0
  177. package/menu/menu.d.ts +1 -0
  178. package/menubar/menubar.interface.d.ts +17 -0
  179. package/multiselect/multiselect.d.ts +30 -3
  180. package/multiselect/multiselect.interface.d.ts +28 -0
  181. package/organizationchart/organizationchart.d.ts +10 -2
  182. package/package.json +198 -192
  183. package/paginator/paginator.d.ts +4 -4
  184. package/panelmenu/panelmenu.d.ts +1 -0
  185. package/panelmenu/panelmenu.interface.d.ts +12 -0
  186. package/password/password.d.ts +12 -2
  187. package/radiobutton/radiobutton.d.ts +9 -2
  188. package/resources/components/divider/divider.css +1 -1
  189. package/resources/components/speeddial/speeddial.css +8 -0
  190. package/resources/components/timeline/timeline.css +2 -0
  191. package/resources/themes/arya-blue/theme.css +117 -1
  192. package/resources/themes/arya-green/theme.css +117 -1
  193. package/resources/themes/arya-orange/theme.css +117 -1
  194. package/resources/themes/arya-purple/theme.css +117 -1
  195. package/resources/themes/aura-dark-amber/theme.css +118 -2
  196. package/resources/themes/aura-dark-blue/theme.css +118 -2
  197. package/resources/themes/aura-dark-cyan/theme.css +118 -2
  198. package/resources/themes/aura-dark-green/theme.css +118 -2
  199. package/resources/themes/aura-dark-indigo/theme.css +118 -2
  200. package/resources/themes/aura-dark-lime/theme.css +118 -2
  201. package/resources/themes/aura-dark-noir/theme.css +118 -2
  202. package/resources/themes/aura-dark-pink/theme.css +118 -2
  203. package/resources/themes/aura-dark-purple/theme.css +118 -2
  204. package/resources/themes/aura-dark-teal/theme.css +118 -2
  205. package/resources/themes/aura-light-amber/theme.css +118 -2
  206. package/resources/themes/aura-light-blue/theme.css +118 -2
  207. package/resources/themes/aura-light-cyan/theme.css +118 -2
  208. package/resources/themes/aura-light-green/theme.css +118 -2
  209. package/resources/themes/aura-light-indigo/theme.css +118 -2
  210. package/resources/themes/aura-light-lime/theme.css +118 -2
  211. package/resources/themes/aura-light-noir/theme.css +118 -2
  212. package/resources/themes/aura-light-pink/theme.css +118 -2
  213. package/resources/themes/aura-light-purple/theme.css +118 -2
  214. package/resources/themes/aura-light-teal/theme.css +118 -2
  215. package/resources/themes/bootstrap4-dark-blue/theme.css +117 -1
  216. package/resources/themes/bootstrap4-dark-purple/theme.css +117 -1
  217. package/resources/themes/bootstrap4-light-blue/theme.css +117 -1
  218. package/resources/themes/bootstrap4-light-purple/theme.css +117 -1
  219. package/resources/themes/fluent-light/theme.css +117 -1
  220. package/resources/themes/lara-dark-blue/theme.css +117 -1
  221. package/resources/themes/lara-dark-indigo/theme.css +117 -1
  222. package/resources/themes/lara-dark-purple/theme.css +117 -1
  223. package/resources/themes/lara-dark-teal/theme.css +117 -1
  224. package/resources/themes/lara-light-blue/theme.css +117 -1
  225. package/resources/themes/lara-light-indigo/theme.css +117 -1
  226. package/resources/themes/lara-light-purple/theme.css +117 -1
  227. package/resources/themes/lara-light-teal/theme.css +117 -1
  228. package/resources/themes/luna-amber/theme.css +117 -1
  229. package/resources/themes/luna-blue/theme.css +117 -1
  230. package/resources/themes/luna-green/theme.css +117 -1
  231. package/resources/themes/luna-pink/theme.css +117 -1
  232. package/resources/themes/md-dark-deeppurple/theme.css +131 -4
  233. package/resources/themes/md-dark-indigo/theme.css +131 -4
  234. package/resources/themes/md-light-deeppurple/theme.css +131 -4
  235. package/resources/themes/md-light-indigo/theme.css +131 -4
  236. package/resources/themes/mdc-dark-deeppurple/theme.css +131 -4
  237. package/resources/themes/mdc-dark-indigo/theme.css +131 -4
  238. package/resources/themes/mdc-light-deeppurple/theme.css +131 -4
  239. package/resources/themes/mdc-light-indigo/theme.css +131 -4
  240. package/resources/themes/mira/theme.css +117 -1
  241. package/resources/themes/nano/theme.css +117 -1
  242. package/resources/themes/nova/theme.css +117 -1
  243. package/resources/themes/nova-accent/theme.css +117 -1
  244. package/resources/themes/nova-alt/theme.css +117 -1
  245. package/resources/themes/rhea/theme.css +117 -1
  246. package/resources/themes/saga-blue/theme.css +117 -1
  247. package/resources/themes/saga-green/theme.css +117 -1
  248. package/resources/themes/saga-orange/theme.css +117 -1
  249. package/resources/themes/saga-purple/theme.css +117 -1
  250. package/resources/themes/soho-dark/theme.css +117 -1
  251. package/resources/themes/soho-light/theme.css +117 -1
  252. package/resources/themes/tailwind-light/theme.css +117 -1
  253. package/resources/themes/vela-blue/theme.css +117 -1
  254. package/resources/themes/vela-green/theme.css +117 -1
  255. package/resources/themes/vela-orange/theme.css +117 -1
  256. package/resources/themes/vela-purple/theme.css +117 -1
  257. package/resources/themes/viva-dark/theme.css +117 -1
  258. package/resources/themes/viva-light/theme.css +117 -1
  259. package/stepper/stepper.d.ts +0 -8
  260. package/table/columnfilter.interface.d.ts +213 -1
  261. package/table/table.d.ts +9 -5
  262. package/tieredmenu/tieredmenu.d.ts +4 -3
  263. package/tree/tree.d.ts +9 -2
  264. package/treeselect/treeselect.d.ts +9 -3
  265. package/treetable/treetable.d.ts +2 -1
  266. package/tristatecheckbox/tristatecheckbox.d.ts +9 -3
@@ -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: #93c5fd;
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: #60a5fa;
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: #93c5fd;
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: #93c5fd;
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: #60a5fa;
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: #93c5fd;
3591
+ }
3488
3592
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3489
3593
  background: rgba(96, 165, 250, 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: #60a5fa;
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: #93c5fd;
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;
@@ -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: #67e8f9;
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: #22d3ee;
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: #67e8f9;
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: #67e8f9;
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: #22d3ee;
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: #67e8f9;
3591
+ }
3488
3592
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3489
3593
  background: rgba(34, 211, 238, 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: #22d3ee;
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: #67e8f9;
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;
@@ -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: #6ee7b7;
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: #34d399;
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: #6ee7b7;
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: #6ee7b7;
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: #34d399;
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: #6ee7b7;
3591
+ }
3488
3592
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3489
3593
  background: rgba(52, 211, 153, 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: #34d399;
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: #6ee7b7;
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;