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
package/resources/themes/md-dark-deeppurple/theme.css CHANGED
@@ -758,6 +758,15 @@
758
758
  .p-cascadeselect.p-invalid.p-component {
759
759
  border-color: #f44435;
760
760
  }
761
+ .p-cascadeselect.p-variant-filled {
762
+ background-color: rgba(255, 255, 255, 0.06);
763
+ }
764
+ .p-cascadeselect.p-variant-filled:enabled:hover {
765
+ background-color: rgba(255, 255, 255, 0.08);
766
+ }
767
+ .p-cascadeselect.p-variant-filled:enabled:focus {
768
+ background-color: rgba(255, 255, 255, 0.1);
769
+ }
761
770
 
762
771
  .p-cascadeselect-panel {
763
772
  background: #2b2b2b;
@@ -874,6 +883,18 @@
874
883
  background: #CE93D8;
875
884
  color: #121212;
876
885
  }
886
+ .p-checkbox.p-variant-filled .p-checkbox-box {
887
+ background-color: rgba(255, 255, 255, 0.06);
888
+ }
889
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
890
+ background: #CE93D8;
891
+ }
892
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
893
+ background-color: rgba(255, 255, 255, 0.08);
894
+ }
895
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
896
+ background: #CE93D8;
897
+ }
877
898
 
878
899
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
879
900
  border-color: #f44435;
@@ -1013,6 +1034,15 @@
1013
1034
  .p-dropdown.p-invalid.p-component {
1014
1035
  border-color: #f44435;
1015
1036
  }
1037
+ .p-dropdown.p-variant-filled {
1038
+ background-color: rgba(255, 255, 255, 0.06);
1039
+ }
1040
+ .p-dropdown.p-variant-filled:enabled:hover {
1041
+ background-color: rgba(255, 255, 255, 0.08);
1042
+ }
1043
+ .p-dropdown.p-variant-filled:enabled:focus {
1044
+ background-color: rgba(255, 255, 255, 0.1);
1045
+ }
1016
1046
 
1017
1047
  .p-dropdown-panel {
1018
1048
  background: #2b2b2b;
@@ -1196,6 +1226,16 @@
1196
1226
  right: 1rem;
1197
1227
  }
1198
1228
 
1229
+ .p-inputmask.p-variant-filled {
1230
+ background-color: rgba(255, 255, 255, 0.06);
1231
+ }
1232
+ .p-inputmask.p-variant-filled:enabled:hover {
1233
+ background-color: rgba(255, 255, 255, 0.08);
1234
+ }
1235
+ .p-inputmask.p-variant-filled:enabled:focus {
1236
+ background-color: rgba(255, 255, 255, 0.1);
1237
+ }
1238
+
1199
1239
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1200
1240
  border-color: #f44435;
1201
1241
  }
@@ -1215,6 +1255,16 @@
1215
1255
  right: 4rem;
1216
1256
  }
1217
1257
 
1258
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1259
+ background-color: rgba(255, 255, 255, 0.06);
1260
+ }
1261
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1262
+ background-color: rgba(255, 255, 255, 0.08);
1263
+ }
1264
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1265
+ background-color: rgba(255, 255, 255, 0.1);
1266
+ }
1267
+
1218
1268
  .p-inputotp {
1219
1269
  display: flex;
1220
1270
  align-items: center;
@@ -1293,6 +1343,15 @@
1293
1343
  .p-inputtext.ng-dirty.ng-invalid {
1294
1344
  border-color: #f44435;
1295
1345
  }
1346
+ .p-inputtext.p-variant-filled {
1347
+ background-color: rgba(255, 255, 255, 0.06);
1348
+ }
1349
+ .p-inputtext.p-variant-filled:enabled:hover {
1350
+ background-color: rgba(255, 255, 255, 0.08);
1351
+ }
1352
+ .p-inputtext.p-variant-filled:enabled:focus {
1353
+ background-color: rgba(255, 255, 255, 0.1);
1354
+ }
1296
1355
  .p-inputtext.p-inputtext-sm {
1297
1356
  font-size: 0.875rem;
1298
1357
  padding: 0.875rem 0.875rem;
@@ -1509,8 +1568,17 @@
1509
1568
  border-top-right-radius: 4px;
1510
1569
  border-bottom-right-radius: 4px;
1511
1570
  }
1571
+ .p-multiselect.p-variant-filled {
1572
+ background: rgba(255, 255, 255, 0.06);
1573
+ }
1574
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1575
+ background-color: rgba(255, 255, 255, 0.08);
1576
+ }
1577
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1578
+ background-color: rgba(255, 255, 255, 0.1);
1579
+ }
1512
1580
 
1513
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1581
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1514
1582
  padding: 0.5rem 1rem;
1515
1583
  }
1516
1584
 
@@ -1708,6 +1776,18 @@
1708
1776
  background: #121212;
1709
1777
  color: #CE93D8;
1710
1778
  }
1779
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1780
+ background-color: rgba(255, 255, 255, 0.06);
1781
+ }
1782
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1783
+ background-color: rgba(255, 255, 255, 0.08);
1784
+ }
1785
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1786
+ background: #121212;
1787
+ }
1788
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1789
+ background: #121212;
1790
+ }
1711
1791
 
1712
1792
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1713
1793
  border-color: #f44435;
@@ -1822,9 +1902,12 @@
1822
1902
  margin-left: -10px;
1823
1903
  }
1824
1904
  .p-slider.p-slider-vertical {
1905
+ height: 100%;
1825
1906
  width: 2px;
1826
1907
  }
1827
1908
  .p-slider.p-slider-vertical .p-slider-handle {
1909
+ height: 20px;
1910
+ width: 20px;
1828
1911
  margin-left: -10px;
1829
1912
  margin-bottom: -10px;
1830
1913
  }
@@ -1939,6 +2022,15 @@
1939
2022
  border-top-right-radius: 4px;
1940
2023
  border-bottom-right-radius: 4px;
1941
2024
  }
2025
+ .p-treeselect.p-variant-filled {
2026
+ background-color: rgba(255, 255, 255, 0.06);
2027
+ }
2028
+ .p-treeselect.p-variant-filled:enabled:hover {
2029
+ background-color: rgba(255, 255, 255, 0.08);
2030
+ }
2031
+ .p-treeselect.p-variant-filled:enabled:focus {
2032
+ background-color: rgba(255, 255, 255, 0.1);
2033
+ }
1942
2034
 
1943
2035
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1944
2036
  border-color: #f44435;
@@ -3491,6 +3583,18 @@
3491
3583
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3492
3584
  color: rgba(255, 255, 255, 0.87);
3493
3585
  }
3586
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3587
+ background-color: rgba(255, 255, 255, 0.06);
3588
+ }
3589
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3590
+ background: #CE93D8;
3591
+ }
3592
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3593
+ background-color: rgba(255, 255, 255, 0.08);
3594
+ }
3595
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3596
+ background: #CE93D8;
3597
+ }
3494
3598
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3495
3599
  background: rgba(206, 147, 216, 0.16);
3496
3600
  color: #CE93D8;
@@ -3688,6 +3792,18 @@
3688
3792
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3689
3793
  color: rgba(255, 255, 255, 0.87);
3690
3794
  }
3795
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3796
+ background-color: rgba(255, 255, 255, 0.06);
3797
+ }
3798
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3799
+ background: #CE93D8;
3800
+ }
3801
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3802
+ background-color: rgba(255, 255, 255, 0.08);
3803
+ }
3804
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3805
+ background: #CE93D8;
3806
+ }
3691
3807
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3692
3808
  outline: 0.15rem solid transparent;
3693
3809
  outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
6937
7053
  .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
6938
7054
  box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
6939
7055
  }
6940
-
6941
- .p-input-filled .p-checkbox .p-checkbox-box {
7056
+ .p-checkbox.p-variant-filled .p-checkbox-box {
6942
7057
  background-color: #1e1e1e;
6943
7058
  }
6944
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
7059
+ .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
6945
7060
  background-color: #1e1e1e;
6946
7061
  }
6947
7062
 
@@ -7058,6 +7173,18 @@
7058
7173
  .p-dropdown:not(.p-disabled).p-focus {
7059
7174
  box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
7060
7175
  }
7176
+ .p-dropdown.p-variant-filled {
7177
+ background: rgba(255, 255, 255, 0.06);
7178
+ }
7179
+ .p-dropdown.p-variant-filled:not(.p-disabled):hover {
7180
+ background-color: rgba(255, 255, 255, 0.08);
7181
+ }
7182
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
7183
+ background-color: rgba(255, 255, 255, 0.1);
7184
+ }
7185
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
7186
+ background-color: transparent;
7187
+ }
7061
7188
 
7062
7189
  .p-dropdown-item .p-ink {
7063
7190
  background-color: rgba(206, 147, 216, 0.16);
package/resources/themes/md-dark-indigo/theme.css CHANGED
@@ -758,6 +758,15 @@
758
758
  .p-cascadeselect.p-invalid.p-component {
759
759
  border-color: #f44435;
760
760
  }
761
+ .p-cascadeselect.p-variant-filled {
762
+ background-color: rgba(255, 255, 255, 0.06);
763
+ }
764
+ .p-cascadeselect.p-variant-filled:enabled:hover {
765
+ background-color: rgba(255, 255, 255, 0.08);
766
+ }
767
+ .p-cascadeselect.p-variant-filled:enabled:focus {
768
+ background-color: rgba(255, 255, 255, 0.1);
769
+ }
761
770
 
762
771
  .p-cascadeselect-panel {
763
772
  background: #2b2b2b;
@@ -874,6 +883,18 @@
874
883
  background: #9FA8DA;
875
884
  color: #121212;
876
885
  }
886
+ .p-checkbox.p-variant-filled .p-checkbox-box {
887
+ background-color: rgba(255, 255, 255, 0.06);
888
+ }
889
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
890
+ background: #9FA8DA;
891
+ }
892
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
893
+ background-color: rgba(255, 255, 255, 0.08);
894
+ }
895
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
896
+ background: #9FA8DA;
897
+ }
877
898
 
878
899
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
879
900
  border-color: #f44435;
@@ -1013,6 +1034,15 @@
1013
1034
  .p-dropdown.p-invalid.p-component {
1014
1035
  border-color: #f44435;
1015
1036
  }
1037
+ .p-dropdown.p-variant-filled {
1038
+ background-color: rgba(255, 255, 255, 0.06);
1039
+ }
1040
+ .p-dropdown.p-variant-filled:enabled:hover {
1041
+ background-color: rgba(255, 255, 255, 0.08);
1042
+ }
1043
+ .p-dropdown.p-variant-filled:enabled:focus {
1044
+ background-color: rgba(255, 255, 255, 0.1);
1045
+ }
1016
1046
 
1017
1047
  .p-dropdown-panel {
1018
1048
  background: #2b2b2b;
@@ -1196,6 +1226,16 @@
1196
1226
  right: 1rem;
1197
1227
  }
1198
1228
 
1229
+ .p-inputmask.p-variant-filled {
1230
+ background-color: rgba(255, 255, 255, 0.06);
1231
+ }
1232
+ .p-inputmask.p-variant-filled:enabled:hover {
1233
+ background-color: rgba(255, 255, 255, 0.08);
1234
+ }
1235
+ .p-inputmask.p-variant-filled:enabled:focus {
1236
+ background-color: rgba(255, 255, 255, 0.1);
1237
+ }
1238
+
1199
1239
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1200
1240
  border-color: #f44435;
1201
1241
  }
@@ -1215,6 +1255,16 @@
1215
1255
  right: 4rem;
1216
1256
  }
1217
1257
 
1258
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1259
+ background-color: rgba(255, 255, 255, 0.06);
1260
+ }
1261
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1262
+ background-color: rgba(255, 255, 255, 0.08);
1263
+ }
1264
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1265
+ background-color: rgba(255, 255, 255, 0.1);
1266
+ }
1267
+
1218
1268
  .p-inputotp {
1219
1269
  display: flex;
1220
1270
  align-items: center;
@@ -1293,6 +1343,15 @@
1293
1343
  .p-inputtext.ng-dirty.ng-invalid {
1294
1344
  border-color: #f44435;
1295
1345
  }
1346
+ .p-inputtext.p-variant-filled {
1347
+ background-color: rgba(255, 255, 255, 0.06);
1348
+ }
1349
+ .p-inputtext.p-variant-filled:enabled:hover {
1350
+ background-color: rgba(255, 255, 255, 0.08);
1351
+ }
1352
+ .p-inputtext.p-variant-filled:enabled:focus {
1353
+ background-color: rgba(255, 255, 255, 0.1);
1354
+ }
1296
1355
  .p-inputtext.p-inputtext-sm {
1297
1356
  font-size: 0.875rem;
1298
1357
  padding: 0.875rem 0.875rem;
@@ -1509,8 +1568,17 @@
1509
1568
  border-top-right-radius: 4px;
1510
1569
  border-bottom-right-radius: 4px;
1511
1570
  }
1571
+ .p-multiselect.p-variant-filled {
1572
+ background: rgba(255, 255, 255, 0.06);
1573
+ }
1574
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1575
+ background-color: rgba(255, 255, 255, 0.08);
1576
+ }
1577
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1578
+ background-color: rgba(255, 255, 255, 0.1);
1579
+ }
1512
1580
 
1513
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1581
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1514
1582
  padding: 0.5rem 1rem;
1515
1583
  }
1516
1584
 
@@ -1708,6 +1776,18 @@
1708
1776
  background: #121212;
1709
1777
  color: #9FA8DA;
1710
1778
  }
1779
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1780
+ background-color: rgba(255, 255, 255, 0.06);
1781
+ }
1782
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1783
+ background-color: rgba(255, 255, 255, 0.08);
1784
+ }
1785
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1786
+ background: #121212;
1787
+ }
1788
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1789
+ background: #121212;
1790
+ }
1711
1791
 
1712
1792
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1713
1793
  border-color: #f44435;
@@ -1822,9 +1902,12 @@
1822
1902
  margin-left: -10px;
1823
1903
  }
1824
1904
  .p-slider.p-slider-vertical {
1905
+ height: 100%;
1825
1906
  width: 2px;
1826
1907
  }
1827
1908
  .p-slider.p-slider-vertical .p-slider-handle {
1909
+ height: 20px;
1910
+ width: 20px;
1828
1911
  margin-left: -10px;
1829
1912
  margin-bottom: -10px;
1830
1913
  }
@@ -1939,6 +2022,15 @@
1939
2022
  border-top-right-radius: 4px;
1940
2023
  border-bottom-right-radius: 4px;
1941
2024
  }
2025
+ .p-treeselect.p-variant-filled {
2026
+ background-color: rgba(255, 255, 255, 0.06);
2027
+ }
2028
+ .p-treeselect.p-variant-filled:enabled:hover {
2029
+ background-color: rgba(255, 255, 255, 0.08);
2030
+ }
2031
+ .p-treeselect.p-variant-filled:enabled:focus {
2032
+ background-color: rgba(255, 255, 255, 0.1);
2033
+ }
1942
2034
 
1943
2035
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1944
2036
  border-color: #f44435;
@@ -3491,6 +3583,18 @@
3491
3583
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3492
3584
  color: rgba(255, 255, 255, 0.87);
3493
3585
  }
3586
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3587
+ background-color: rgba(255, 255, 255, 0.06);
3588
+ }
3589
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3590
+ background: #9FA8DA;
3591
+ }
3592
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3593
+ background-color: rgba(255, 255, 255, 0.08);
3594
+ }
3595
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3596
+ background: #9FA8DA;
3597
+ }
3494
3598
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3495
3599
  background: rgba(159, 168, 218, 0.16);
3496
3600
  color: #9FA8DA;
@@ -3688,6 +3792,18 @@
3688
3792
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3689
3793
  color: rgba(255, 255, 255, 0.87);
3690
3794
  }
3795
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3796
+ background-color: rgba(255, 255, 255, 0.06);
3797
+ }
3798
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3799
+ background: #9FA8DA;
3800
+ }
3801
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3802
+ background-color: rgba(255, 255, 255, 0.08);
3803
+ }
3804
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3805
+ background: #9FA8DA;
3806
+ }
3691
3807
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3692
3808
  outline: 0.15rem solid transparent;
3693
3809
  outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
6937
7053
  .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
6938
7054
  box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
6939
7055
  }
6940
-
6941
- .p-input-filled .p-checkbox .p-checkbox-box {
7056
+ .p-checkbox.p-variant-filled .p-checkbox-box {
6942
7057
  background-color: #1e1e1e;
6943
7058
  }
6944
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
7059
+ .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
6945
7060
  background-color: #1e1e1e;
6946
7061
  }
6947
7062
 
@@ -7058,6 +7173,18 @@
7058
7173
  .p-dropdown:not(.p-disabled).p-focus {
7059
7174
  box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
7060
7175
  }
7176
+ .p-dropdown.p-variant-filled {
7177
+ background: rgba(255, 255, 255, 0.06);
7178
+ }
7179
+ .p-dropdown.p-variant-filled:not(.p-disabled):hover {
7180
+ background-color: rgba(255, 255, 255, 0.08);
7181
+ }
7182
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
7183
+ background-color: rgba(255, 255, 255, 0.1);
7184
+ }
7185
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
7186
+ background-color: transparent;
7187
+ }
7061
7188
 
7062
7189
  .p-dropdown-item .p-ink {
7063
7190
  background-color: rgba(159, 168, 218, 0.16);
package/resources/themes/md-light-deeppurple/theme.css CHANGED
@@ -758,6 +758,15 @@
758
758
  .p-cascadeselect.p-invalid.p-component {
759
759
  border-color: #b00020;
760
760
  }
761
+ .p-cascadeselect.p-variant-filled {
762
+ background-color: #f5f5f5;
763
+ }
764
+ .p-cascadeselect.p-variant-filled:enabled:hover {
765
+ background-color: #ececec;
766
+ }
767
+ .p-cascadeselect.p-variant-filled:enabled:focus {
768
+ background-color: #dcdcdc;
769
+ }
761
770
 
762
771
  .p-cascadeselect-panel {
763
772
  background: #ffffff;
@@ -874,6 +883,18 @@
874
883
  background: #673AB7;
875
884
  color: #ffffff;
876
885
  }
886
+ .p-checkbox.p-variant-filled .p-checkbox-box {
887
+ background-color: #f5f5f5;
888
+ }
889
+ .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
890
+ background: #673AB7;
891
+ }
892
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
893
+ background-color: #ececec;
894
+ }
895
+ .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
896
+ background: #673AB7;
897
+ }
877
898
 
878
899
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
879
900
  border-color: #b00020;
@@ -1013,6 +1034,15 @@
1013
1034
  .p-dropdown.p-invalid.p-component {
1014
1035
  border-color: #b00020;
1015
1036
  }
1037
+ .p-dropdown.p-variant-filled {
1038
+ background-color: #f5f5f5;
1039
+ }
1040
+ .p-dropdown.p-variant-filled:enabled:hover {
1041
+ background-color: #ececec;
1042
+ }
1043
+ .p-dropdown.p-variant-filled:enabled:focus {
1044
+ background-color: #dcdcdc;
1045
+ }
1016
1046
 
1017
1047
  .p-dropdown-panel {
1018
1048
  background: #ffffff;
@@ -1196,6 +1226,16 @@
1196
1226
  right: 1rem;
1197
1227
  }
1198
1228
 
1229
+ .p-inputmask.p-variant-filled {
1230
+ background-color: #f5f5f5;
1231
+ }
1232
+ .p-inputmask.p-variant-filled:enabled:hover {
1233
+ background-color: #ececec;
1234
+ }
1235
+ .p-inputmask.p-variant-filled:enabled:focus {
1236
+ background-color: #dcdcdc;
1237
+ }
1238
+
1199
1239
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1200
1240
  border-color: #b00020;
1201
1241
  }
@@ -1215,6 +1255,16 @@
1215
1255
  right: 4rem;
1216
1256
  }
1217
1257
 
1258
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
1259
+ background-color: #f5f5f5;
1260
+ }
1261
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
1262
+ background-color: #ececec;
1263
+ }
1264
+ p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
1265
+ background-color: #dcdcdc;
1266
+ }
1267
+
1218
1268
  .p-inputotp {
1219
1269
  display: flex;
1220
1270
  align-items: center;
@@ -1293,6 +1343,15 @@
1293
1343
  .p-inputtext.ng-dirty.ng-invalid {
1294
1344
  border-color: #b00020;
1295
1345
  }
1346
+ .p-inputtext.p-variant-filled {
1347
+ background-color: #f5f5f5;
1348
+ }
1349
+ .p-inputtext.p-variant-filled:enabled:hover {
1350
+ background-color: #ececec;
1351
+ }
1352
+ .p-inputtext.p-variant-filled:enabled:focus {
1353
+ background-color: #dcdcdc;
1354
+ }
1296
1355
  .p-inputtext.p-inputtext-sm {
1297
1356
  font-size: 0.875rem;
1298
1357
  padding: 0.875rem 0.875rem;
@@ -1509,8 +1568,17 @@
1509
1568
  border-top-right-radius: 4px;
1510
1569
  border-bottom-right-radius: 4px;
1511
1570
  }
1571
+ .p-multiselect.p-variant-filled {
1572
+ background: #f5f5f5;
1573
+ }
1574
+ .p-multiselect.p-variant-filled:not(.p-disabled):hover {
1575
+ background-color: #ececec;
1576
+ }
1577
+ .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
1578
+ background-color: #dcdcdc;
1579
+ }
1512
1580
 
1513
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1581
+ .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1514
1582
  padding: 0.5rem 1rem;
1515
1583
  }
1516
1584
 
@@ -1708,6 +1776,18 @@
1708
1776
  background: #ffffff;
1709
1777
  color: #673AB7;
1710
1778
  }
1779
+ .p-radiobutton.p-variant-filled .p-radiobutton-box {
1780
+ background-color: #f5f5f5;
1781
+ }
1782
+ .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
1783
+ background-color: #ececec;
1784
+ }
1785
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
1786
+ background: #ffffff;
1787
+ }
1788
+ .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1789
+ background: #ffffff;
1790
+ }
1711
1791
 
1712
1792
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1713
1793
  border-color: #b00020;
@@ -1822,9 +1902,12 @@
1822
1902
  margin-left: -10px;
1823
1903
  }
1824
1904
  .p-slider.p-slider-vertical {
1905
+ height: 100%;
1825
1906
  width: 2px;
1826
1907
  }
1827
1908
  .p-slider.p-slider-vertical .p-slider-handle {
1909
+ height: 20px;
1910
+ width: 20px;
1828
1911
  margin-left: -10px;
1829
1912
  margin-bottom: -10px;
1830
1913
  }
@@ -1939,6 +2022,15 @@
1939
2022
  border-top-right-radius: 4px;
1940
2023
  border-bottom-right-radius: 4px;
1941
2024
  }
2025
+ .p-treeselect.p-variant-filled {
2026
+ background-color: #f5f5f5;
2027
+ }
2028
+ .p-treeselect.p-variant-filled:enabled:hover {
2029
+ background-color: #ececec;
2030
+ }
2031
+ .p-treeselect.p-variant-filled:enabled:focus {
2032
+ background-color: #dcdcdc;
2033
+ }
1942
2034
 
1943
2035
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1944
2036
  border-color: #b00020;
@@ -3491,6 +3583,18 @@
3491
3583
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3492
3584
  color: rgba(0, 0, 0, 0.87);
3493
3585
  }
3586
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
3587
+ background-color: #f5f5f5;
3588
+ }
3589
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3590
+ background: #673AB7;
3591
+ }
3592
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3593
+ background-color: #ececec;
3594
+ }
3595
+ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3596
+ background: #673AB7;
3597
+ }
3494
3598
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3495
3599
  background: rgba(103, 58, 183, 0.12);
3496
3600
  color: #673AB7;
@@ -3688,6 +3792,18 @@
3688
3792
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3689
3793
  color: rgba(0, 0, 0, 0.87);
3690
3794
  }
3795
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
3796
+ background-color: #f5f5f5;
3797
+ }
3798
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
3799
+ background: #673AB7;
3800
+ }
3801
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
3802
+ background-color: #ececec;
3803
+ }
3804
+ .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
3805
+ background: #673AB7;
3806
+ }
3691
3807
  .p-treetable .p-treetable-tbody > tr:focus-visible {
3692
3808
  outline: 0.15rem solid transparent;
3693
3809
  outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
6937
7053
  .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
6938
7054
  box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12);
6939
7055
  }
6940
-
6941
- .p-input-filled .p-checkbox .p-checkbox-box {
7056
+ .p-checkbox.p-variant-filled .p-checkbox-box {
6942
7057
  background-color: #ffffff;
6943
7058
  }
6944
- .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
7059
+ .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
6945
7060
  background-color: #ffffff;
6946
7061
  }
6947
7062
 
@@ -7058,6 +7173,18 @@
7058
7173
  .p-dropdown:not(.p-disabled).p-focus {
7059
7174
  box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7;
7060
7175
  }
7176
+ .p-dropdown.p-variant-filled {
7177
+ background: #f5f5f5;
7178
+ }
7179
+ .p-dropdown.p-variant-filled:not(.p-disabled):hover {
7180
+ background-color: #ececec;
7181
+ }
7182
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
7183
+ background-color: #dcdcdc;
7184
+ }
7185
+ .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
7186
+ background-color: transparent;
7187
+ }
7061
7188
 
7062
7189
  .p-dropdown-item .p-ink {
7063
7190
  background-color: rgba(103, 58, 183, 0.16);