primeng 11.1.0 → 11.2.3

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 (234) hide show
  1. package/README.md +1 -0
  2. package/api/confirmaeventtype.d.ts +5 -0
  3. package/api/filtermatchmode.d.ts +4 -0
  4. package/api/filterservice.d.ts +4 -0
  5. package/api/primeng-api.metadata.json +1 -1
  6. package/api/public_api.d.ts +1 -0
  7. package/api/translation.d.ts +4 -0
  8. package/autocomplete/autocomplete.d.ts +8 -1
  9. package/autocomplete/primeng-autocomplete.metadata.json +1 -1
  10. package/avatar/primeng-avatar.metadata.json +1 -1
  11. package/bundles/primeng-api.umd.js +56 -6
  12. package/bundles/primeng-api.umd.js.map +1 -1
  13. package/bundles/primeng-api.umd.min.js +1 -1
  14. package/bundles/primeng-api.umd.min.js.map +1 -1
  15. package/bundles/primeng-autocomplete.umd.js +86 -17
  16. package/bundles/primeng-autocomplete.umd.js.map +1 -1
  17. package/bundles/primeng-autocomplete.umd.min.js +1 -1
  18. package/bundles/primeng-autocomplete.umd.min.js.map +1 -1
  19. package/bundles/primeng-avatar.umd.js +1 -1
  20. package/bundles/primeng-avatar.umd.min.js +1 -1
  21. package/bundles/primeng-avatar.umd.min.js.map +1 -1
  22. package/bundles/primeng-calendar.umd.js +6 -0
  23. package/bundles/primeng-calendar.umd.js.map +1 -1
  24. package/bundles/primeng-calendar.umd.min.js +1 -1
  25. package/bundles/primeng-calendar.umd.min.js.map +1 -1
  26. package/bundles/primeng-cascadeselect.umd.js +8 -5
  27. package/bundles/primeng-cascadeselect.umd.js.map +1 -1
  28. package/bundles/primeng-cascadeselect.umd.min.js +2 -2
  29. package/bundles/primeng-cascadeselect.umd.min.js.map +1 -1
  30. package/bundles/primeng-colorpicker.umd.js.map +1 -1
  31. package/bundles/primeng-colorpicker.umd.min.js.map +1 -1
  32. package/bundles/primeng-confirmdialog.umd.js +11 -8
  33. package/bundles/primeng-confirmdialog.umd.js.map +1 -1
  34. package/bundles/primeng-confirmdialog.umd.min.js +1 -1
  35. package/bundles/primeng-confirmdialog.umd.min.js.map +1 -1
  36. package/bundles/primeng-contextmenu.umd.js +2 -2
  37. package/bundles/primeng-contextmenu.umd.js.map +1 -1
  38. package/bundles/primeng-contextmenu.umd.min.js +1 -1
  39. package/bundles/primeng-contextmenu.umd.min.js.map +1 -1
  40. package/bundles/primeng-dialog.umd.js +1 -1
  41. package/bundles/primeng-dialog.umd.min.js +1 -1
  42. package/bundles/primeng-dialog.umd.min.js.map +1 -1
  43. package/bundles/primeng-dom.umd.js +3 -0
  44. package/bundles/primeng-dom.umd.js.map +1 -1
  45. package/bundles/primeng-dom.umd.min.js +1 -1
  46. package/bundles/primeng-dom.umd.min.js.map +1 -1
  47. package/bundles/primeng-dropdown.umd.js +1 -1
  48. package/bundles/primeng-dropdown.umd.js.map +1 -1
  49. package/bundles/primeng-dropdown.umd.min.js +1 -1
  50. package/bundles/primeng-dropdown.umd.min.js.map +1 -1
  51. package/bundles/primeng-dynamicdialog.umd.js +1 -1
  52. package/bundles/primeng-dynamicdialog.umd.min.js +1 -1
  53. package/bundles/primeng-dynamicdialog.umd.min.js.map +1 -1
  54. package/bundles/primeng-inputmask.umd.js +5 -2
  55. package/bundles/primeng-inputmask.umd.js.map +1 -1
  56. package/bundles/primeng-inputmask.umd.min.js +1 -1
  57. package/bundles/primeng-inputmask.umd.min.js.map +1 -1
  58. package/bundles/primeng-inputnumber.umd.js +16 -2
  59. package/bundles/primeng-inputnumber.umd.js.map +1 -1
  60. package/bundles/primeng-inputnumber.umd.min.js +1 -1
  61. package/bundles/primeng-inputnumber.umd.min.js.map +1 -1
  62. package/bundles/primeng-knob.umd.js +1 -1
  63. package/bundles/primeng-knob.umd.js.map +1 -1
  64. package/bundles/primeng-knob.umd.min.js +1 -1
  65. package/bundles/primeng-knob.umd.min.js.map +1 -1
  66. package/bundles/primeng-lightbox.umd.js +1 -1
  67. package/bundles/primeng-lightbox.umd.min.js +1 -1
  68. package/bundles/primeng-lightbox.umd.min.js.map +1 -1
  69. package/bundles/primeng-listbox.umd.js +133 -34
  70. package/bundles/primeng-listbox.umd.js.map +1 -1
  71. package/bundles/primeng-listbox.umd.min.js +1 -1
  72. package/bundles/primeng-listbox.umd.min.js.map +1 -1
  73. package/bundles/primeng-multiselect.umd.js +146 -32
  74. package/bundles/primeng-multiselect.umd.js.map +1 -1
  75. package/bundles/primeng-multiselect.umd.min.js +2 -2
  76. package/bundles/primeng-multiselect.umd.min.js.map +1 -1
  77. package/bundles/primeng-sidebar.umd.js.map +1 -1
  78. package/bundles/primeng-sidebar.umd.min.js.map +1 -1
  79. package/bundles/primeng-slider.umd.js +1 -0
  80. package/bundles/primeng-slider.umd.js.map +1 -1
  81. package/bundles/primeng-slider.umd.min.js +1 -1
  82. package/bundles/primeng-slider.umd.min.js.map +1 -1
  83. package/bundles/primeng-table.umd.js +117 -16
  84. package/bundles/primeng-table.umd.js.map +1 -1
  85. package/bundles/primeng-table.umd.min.js +1 -1
  86. package/bundles/primeng-table.umd.min.js.map +1 -1
  87. package/bundles/primeng-tabview.umd.js +25 -3
  88. package/bundles/primeng-tabview.umd.js.map +1 -1
  89. package/bundles/primeng-tabview.umd.min.js +1 -1
  90. package/bundles/primeng-tabview.umd.min.js.map +1 -1
  91. package/bundles/primeng-treetable.umd.js +1 -1
  92. package/bundles/primeng-treetable.umd.js.map +1 -1
  93. package/bundles/primeng-treetable.umd.min.js +1 -1
  94. package/bundles/primeng-treetable.umd.min.js.map +1 -1
  95. package/bundles/primeng-virtualscroller.umd.js +3 -2
  96. package/bundles/primeng-virtualscroller.umd.js.map +1 -1
  97. package/bundles/primeng-virtualscroller.umd.min.js +1 -1
  98. package/bundles/primeng-virtualscroller.umd.min.js.map +1 -1
  99. package/calendar/primeng-calendar.metadata.json +1 -1
  100. package/cascadeselect/cascadeselect.d.ts +3 -3
  101. package/cascadeselect/primeng-cascadeselect.metadata.json +1 -1
  102. package/colorpicker/colorpicker.d.ts +1 -1
  103. package/confirmdialog/confirmdialog.d.ts +3 -2
  104. package/confirmdialog/primeng-confirmdialog.metadata.json +1 -1
  105. package/dialog/primeng-dialog.metadata.json +1 -1
  106. package/dom/primeng-dom.metadata.json +1 -1
  107. package/dropdown/primeng-dropdown.metadata.json +1 -1
  108. package/dynamicdialog/primeng-dynamicdialog.metadata.json +1 -1
  109. package/esm2015/api/confirmaeventtype.js +7 -0
  110. package/esm2015/api/filtermatchmode.js +5 -1
  111. package/esm2015/api/filterservice.js +39 -3
  112. package/esm2015/api/primengconfig.js +9 -5
  113. package/esm2015/api/public_api.js +2 -1
  114. package/esm2015/api/translation.js +1 -1
  115. package/esm2015/autocomplete/autocomplete.js +105 -22
  116. package/esm2015/avatar/avatar.js +1 -1
  117. package/esm2015/calendar/calendar.js +7 -1
  118. package/esm2015/cascadeselect/cascadeselect.js +9 -6
  119. package/esm2015/colorpicker/colorpicker.js +1 -1
  120. package/esm2015/confirmdialog/confirmdialog.js +14 -11
  121. package/esm2015/contextmenu/contextmenu.js +3 -3
  122. package/esm2015/dialog/dialog.js +1 -1
  123. package/esm2015/dom/domhandler.js +4 -1
  124. package/esm2015/dropdown/dropdown.js +2 -2
  125. package/esm2015/dynamicdialog/dynamicdialog.js +1 -1
  126. package/esm2015/inputmask/inputmask.js +6 -3
  127. package/esm2015/inputnumber/inputnumber.js +13 -3
  128. package/esm2015/knob/knob.js +2 -2
  129. package/esm2015/lightbox/lightbox.js +1 -1
  130. package/esm2015/listbox/listbox.js +134 -42
  131. package/esm2015/multiselect/multiselect.js +149 -42
  132. package/esm2015/sidebar/sidebar.js +1 -1
  133. package/esm2015/slider/slider.js +2 -1
  134. package/esm2015/table/table.js +127 -17
  135. package/esm2015/tabview/tabview.js +18 -4
  136. package/esm2015/treetable/treetable.js +2 -2
  137. package/esm2015/virtualscroller/virtualscroller.js +4 -3
  138. package/fesm2015/primeng-api.js +58 -7
  139. package/fesm2015/primeng-api.js.map +1 -1
  140. package/fesm2015/primeng-autocomplete.js +104 -21
  141. package/fesm2015/primeng-autocomplete.js.map +1 -1
  142. package/fesm2015/primeng-avatar.js +1 -1
  143. package/fesm2015/primeng-calendar.js +6 -0
  144. package/fesm2015/primeng-calendar.js.map +1 -1
  145. package/fesm2015/primeng-cascadeselect.js +8 -5
  146. package/fesm2015/primeng-cascadeselect.js.map +1 -1
  147. package/fesm2015/primeng-colorpicker.js.map +1 -1
  148. package/fesm2015/primeng-confirmdialog.js +13 -10
  149. package/fesm2015/primeng-confirmdialog.js.map +1 -1
  150. package/fesm2015/primeng-contextmenu.js +2 -2
  151. package/fesm2015/primeng-contextmenu.js.map +1 -1
  152. package/fesm2015/primeng-dialog.js +1 -1
  153. package/fesm2015/primeng-dom.js +3 -0
  154. package/fesm2015/primeng-dom.js.map +1 -1
  155. package/fesm2015/primeng-dropdown.js +1 -1
  156. package/fesm2015/primeng-dropdown.js.map +1 -1
  157. package/fesm2015/primeng-dynamicdialog.js +1 -1
  158. package/fesm2015/primeng-inputmask.js +5 -2
  159. package/fesm2015/primeng-inputmask.js.map +1 -1
  160. package/fesm2015/primeng-inputnumber.js +12 -2
  161. package/fesm2015/primeng-inputnumber.js.map +1 -1
  162. package/fesm2015/primeng-knob.js +1 -1
  163. package/fesm2015/primeng-knob.js.map +1 -1
  164. package/fesm2015/primeng-lightbox.js +1 -1
  165. package/fesm2015/primeng-listbox.js +133 -41
  166. package/fesm2015/primeng-listbox.js.map +1 -1
  167. package/fesm2015/primeng-multiselect.js +148 -41
  168. package/fesm2015/primeng-multiselect.js.map +1 -1
  169. package/fesm2015/primeng-sidebar.js.map +1 -1
  170. package/fesm2015/primeng-slider.js +1 -0
  171. package/fesm2015/primeng-slider.js.map +1 -1
  172. package/fesm2015/primeng-table.js +126 -16
  173. package/fesm2015/primeng-table.js.map +1 -1
  174. package/fesm2015/primeng-tabview.js +17 -3
  175. package/fesm2015/primeng-tabview.js.map +1 -1
  176. package/fesm2015/primeng-treetable.js +1 -1
  177. package/fesm2015/primeng-treetable.js.map +1 -1
  178. package/fesm2015/primeng-virtualscroller.js +3 -2
  179. package/fesm2015/primeng-virtualscroller.js.map +1 -1
  180. package/inputmask/inputmask.d.ts +2 -1
  181. package/inputmask/primeng-inputmask.metadata.json +1 -1
  182. package/inputnumber/inputnumber.d.ts +3 -1
  183. package/inputnumber/primeng-inputnumber.metadata.json +1 -1
  184. package/knob/primeng-knob.metadata.json +1 -1
  185. package/lightbox/primeng-lightbox.metadata.json +1 -1
  186. package/listbox/listbox.d.ts +7 -1
  187. package/listbox/primeng-listbox.metadata.json +1 -1
  188. package/multiselect/multiselect.d.ts +8 -1
  189. package/multiselect/primeng-multiselect.metadata.json +1 -1
  190. package/package.json +1 -1
  191. package/resources/components/avatar/avatar.css +3 -2
  192. package/resources/components/dialog/dialog.css +2 -0
  193. package/resources/components/virtualscroller/virtualscroller.css +2 -16
  194. package/resources/themes/arya-blue/theme.css +26 -38
  195. package/resources/themes/arya-green/theme.css +26 -38
  196. package/resources/themes/arya-orange/theme.css +26 -38
  197. package/resources/themes/arya-purple/theme.css +26 -38
  198. package/resources/themes/bootstrap4-dark-blue/theme.css +26 -38
  199. package/resources/themes/bootstrap4-dark-purple/theme.css +26 -38
  200. package/resources/themes/bootstrap4-light-blue/theme.css +26 -38
  201. package/resources/themes/bootstrap4-light-purple/theme.css +26 -38
  202. package/resources/themes/fluent-light/theme.css +26 -38
  203. package/resources/themes/luna-amber/theme.css +26 -38
  204. package/resources/themes/luna-blue/theme.css +26 -38
  205. package/resources/themes/luna-green/theme.css +26 -38
  206. package/resources/themes/luna-pink/theme.css +26 -38
  207. package/resources/themes/md-dark-deeppurple/theme.css +89 -69
  208. package/resources/themes/md-dark-indigo/theme.css +89 -69
  209. package/resources/themes/md-light-deeppurple/theme.css +293 -273
  210. package/resources/themes/md-light-indigo/theme.css +293 -273
  211. package/resources/themes/mdc-dark-deeppurple/theme.css +89 -69
  212. package/resources/themes/mdc-dark-indigo/theme.css +89 -69
  213. package/resources/themes/mdc-light-deeppurple/theme.css +293 -273
  214. package/resources/themes/mdc-light-indigo/theme.css +293 -273
  215. package/resources/themes/nova/theme.css +26 -38
  216. package/resources/themes/nova-accent/theme.css +26 -38
  217. package/resources/themes/nova-alt/theme.css +26 -38
  218. package/resources/themes/rhea/theme.css +26 -38
  219. package/resources/themes/saga-blue/theme.css +26 -38
  220. package/resources/themes/saga-green/theme.css +26 -38
  221. package/resources/themes/saga-orange/theme.css +26 -38
  222. package/resources/themes/saga-purple/theme.css +26 -38
  223. package/resources/themes/vela-blue/theme.css +26 -38
  224. package/resources/themes/vela-green/theme.css +26 -38
  225. package/resources/themes/vela-orange/theme.css +26 -38
  226. package/resources/themes/vela-purple/theme.css +26 -38
  227. package/sidebar/sidebar.d.ts +1 -1
  228. package/slider/primeng-slider.metadata.json +1 -1
  229. package/table/primeng-table.metadata.json +1 -1
  230. package/table/table.d.ts +12 -0
  231. package/tabview/primeng-tabview.metadata.json +1 -1
  232. package/tabview/tabview.d.ts +6 -2
  233. package/treetable/primeng-treetable.metadata.json +1 -1
  234. package/virtualscroller/primeng-virtualscroller.metadata.json +1 -1
package/resources/themes/luna-amber/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.5;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #e57373;
37
37
  }
38
38
 
@@ -93,9 +93,6 @@
93
93
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
94
94
  margin-left: 0.5rem;
95
95
  }
96
- .p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
97
- border-color: #e57373;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #e57373;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: #212529;
129
126
  background: #FFE082;
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #e57373;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.857rem;
131
+ color: #dedede;
132
+ background: #191919;
133
+ font-weight: 700;
134
134
  }
135
135
 
136
136
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
362
362
  border-top-right-radius: 3px;
363
363
  border-bottom-right-radius: 3px;
364
364
  }
365
- .p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
366
- border-color: #e57373;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #323232;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
404
401
  font-size: 0.875rem;
405
402
  }
406
403
 
404
+ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
405
+ border-color: #e57373;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #4b4b4b;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #FFCA28;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #e57373;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #e57373;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
511
509
  padding: 0;
512
510
  margin: 0;
513
511
  }
514
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
515
- border-color: #e57373;
516
- }
517
512
 
518
513
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
519
514
  border-color: #e57373;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
634
629
  background: #191919;
635
630
  font-weight: 700;
636
631
  }
637
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
638
- border-color: #e57373;
639
- }
640
632
 
641
633
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
642
634
  border-color: #e57373;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
859
851
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
860
852
  background: #FFD54F;
861
853
  }
862
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
863
- border-color: #e57373;
864
- }
865
854
 
866
855
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
867
856
  border-color: #e57373;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
887
876
  box-shadow: 0 0 0 0.1rem white;
888
877
  border-color: #FFE082;
889
878
  }
890
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
879
+ .p-inputtext.ng-dirty.ng-invalid {
891
880
  border-color: #e57373;
892
881
  }
893
882
  .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1015
1004
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1016
1005
  margin-right: 0.5rem;
1017
1006
  }
1007
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1008
+ margin: 0;
1009
+ padding: 0.857rem;
1010
+ color: #dedede;
1011
+ background: #191919;
1012
+ font-weight: 700;
1013
+ }
1018
1014
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1019
1015
  color: #dedede;
1020
1016
  background: #4c4c4c;
1021
1017
  }
1022
- .p-listbox.p-error, .p-listbox.p-invalid {
1023
- border-color: #e57373;
1024
- }
1025
1018
 
1026
1019
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1027
1020
  border-color: #e57373;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1066
1059
  border-top-right-radius: 3px;
1067
1060
  border-bottom-right-radius: 3px;
1068
1061
  }
1069
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1070
- border-color: #e57373;
1071
- }
1072
1062
 
1073
1063
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1074
1064
  padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1148
1138
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1149
1139
  margin-right: 0.5rem;
1150
1140
  }
1141
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1142
+ margin: 0;
1143
+ padding: 0.857rem;
1144
+ color: #dedede;
1145
+ background: #191919;
1146
+ font-weight: 700;
1147
+ }
1151
1148
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1152
1149
  padding: 0.429rem 0.857rem;
1153
1150
  color: #dedede;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1217
1214
  background: #FFCA28;
1218
1215
  color: #212529;
1219
1216
  }
1220
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1221
- border-color: #e57373;
1222
- }
1223
1217
 
1224
1218
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1225
1219
  border-color: #e57373;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1314
1308
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1315
1309
  color: #212529;
1316
1310
  }
1317
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1318
- border-color: #e57373;
1319
- }
1320
1311
 
1321
1312
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1322
1313
  border-color: #e57373;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1411
1402
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1412
1403
  color: #212529;
1413
1404
  }
1414
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1415
- border-color: #e57373;
1416
- }
1417
1405
 
1418
1406
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1419
1407
  border-color: #e57373;
package/resources/themes/luna-blue/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.5;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #e57373;
37
37
  }
38
38
 
@@ -93,9 +93,6 @@
93
93
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
94
94
  margin-left: 0.5rem;
95
95
  }
96
- .p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
97
- border-color: #e57373;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #e57373;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: #212529;
129
126
  background: #81D4FA;
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #e57373;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.857rem;
131
+ color: #dedede;
132
+ background: #191919;
133
+ font-weight: 700;
134
134
  }
135
135
 
136
136
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
362
362
  border-top-right-radius: 3px;
363
363
  border-bottom-right-radius: 3px;
364
364
  }
365
- .p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
366
- border-color: #e57373;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #323232;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
404
401
  font-size: 0.875rem;
405
402
  }
406
403
 
404
+ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
405
+ border-color: #e57373;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #4b4b4b;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #29B6F6;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #e57373;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #e57373;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
511
509
  padding: 0;
512
510
  margin: 0;
513
511
  }
514
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
515
- border-color: #e57373;
516
- }
517
512
 
518
513
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
519
514
  border-color: #e57373;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
634
629
  background: #191919;
635
630
  font-weight: 700;
636
631
  }
637
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
638
- border-color: #e57373;
639
- }
640
632
 
641
633
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
642
634
  border-color: #e57373;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
859
851
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
860
852
  background: #4FC3F7;
861
853
  }
862
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
863
- border-color: #e57373;
864
- }
865
854
 
866
855
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
867
856
  border-color: #e57373;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
887
876
  box-shadow: 0 0 0 0.1rem white;
888
877
  border-color: #81D4FA;
889
878
  }
890
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
879
+ .p-inputtext.ng-dirty.ng-invalid {
891
880
  border-color: #e57373;
892
881
  }
893
882
  .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1015
1004
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1016
1005
  margin-right: 0.5rem;
1017
1006
  }
1007
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1008
+ margin: 0;
1009
+ padding: 0.857rem;
1010
+ color: #dedede;
1011
+ background: #191919;
1012
+ font-weight: 700;
1013
+ }
1018
1014
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1019
1015
  color: #dedede;
1020
1016
  background: #4c4c4c;
1021
1017
  }
1022
- .p-listbox.p-error, .p-listbox.p-invalid {
1023
- border-color: #e57373;
1024
- }
1025
1018
 
1026
1019
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1027
1020
  border-color: #e57373;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1066
1059
  border-top-right-radius: 3px;
1067
1060
  border-bottom-right-radius: 3px;
1068
1061
  }
1069
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1070
- border-color: #e57373;
1071
- }
1072
1062
 
1073
1063
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1074
1064
  padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1148
1138
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1149
1139
  margin-right: 0.5rem;
1150
1140
  }
1141
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1142
+ margin: 0;
1143
+ padding: 0.857rem;
1144
+ color: #dedede;
1145
+ background: #191919;
1146
+ font-weight: 700;
1147
+ }
1151
1148
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1152
1149
  padding: 0.429rem 0.857rem;
1153
1150
  color: #dedede;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1217
1214
  background: #29B6F6;
1218
1215
  color: #212529;
1219
1216
  }
1220
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1221
- border-color: #e57373;
1222
- }
1223
1217
 
1224
1218
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1225
1219
  border-color: #e57373;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1314
1308
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1315
1309
  color: #212529;
1316
1310
  }
1317
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1318
- border-color: #e57373;
1319
- }
1320
1311
 
1321
1312
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1322
1313
  border-color: #e57373;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1411
1402
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1412
1403
  color: #212529;
1413
1404
  }
1414
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1415
- border-color: #e57373;
1416
- }
1417
1405
 
1418
1406
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1419
1407
  border-color: #e57373;
package/resources/themes/luna-green/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.5;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #e57373;
37
37
  }
38
38
 
@@ -93,9 +93,6 @@
93
93
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
94
94
  margin-left: 0.5rem;
95
95
  }
96
- .p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
97
- border-color: #e57373;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #e57373;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: #212529;
129
126
  background: #C5E1A5;
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #e57373;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.857rem;
131
+ color: #dedede;
132
+ background: #191919;
133
+ font-weight: 700;
134
134
  }
135
135
 
136
136
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
362
362
  border-top-right-radius: 3px;
363
363
  border-bottom-right-radius: 3px;
364
364
  }
365
- .p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
366
- border-color: #e57373;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #323232;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
404
401
  font-size: 0.875rem;
405
402
  }
406
403
 
404
+ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
405
+ border-color: #e57373;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #4b4b4b;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #9CCC65;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #e57373;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #e57373;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
511
509
  padding: 0;
512
510
  margin: 0;
513
511
  }
514
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
515
- border-color: #e57373;
516
- }
517
512
 
518
513
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
519
514
  border-color: #e57373;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
634
629
  background: #191919;
635
630
  font-weight: 700;
636
631
  }
637
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
638
- border-color: #e57373;
639
- }
640
632
 
641
633
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
642
634
  border-color: #e57373;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
859
851
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
860
852
  background: #AED581;
861
853
  }
862
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
863
- border-color: #e57373;
864
- }
865
854
 
866
855
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
867
856
  border-color: #e57373;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
887
876
  box-shadow: 0 0 0 0.1rem white;
888
877
  border-color: #C5E1A5;
889
878
  }
890
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
879
+ .p-inputtext.ng-dirty.ng-invalid {
891
880
  border-color: #e57373;
892
881
  }
893
882
  .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1015
1004
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1016
1005
  margin-right: 0.5rem;
1017
1006
  }
1007
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1008
+ margin: 0;
1009
+ padding: 0.857rem;
1010
+ color: #dedede;
1011
+ background: #191919;
1012
+ font-weight: 700;
1013
+ }
1018
1014
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1019
1015
  color: #dedede;
1020
1016
  background: #4c4c4c;
1021
1017
  }
1022
- .p-listbox.p-error, .p-listbox.p-invalid {
1023
- border-color: #e57373;
1024
- }
1025
1018
 
1026
1019
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1027
1020
  border-color: #e57373;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1066
1059
  border-top-right-radius: 3px;
1067
1060
  border-bottom-right-radius: 3px;
1068
1061
  }
1069
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1070
- border-color: #e57373;
1071
- }
1072
1062
 
1073
1063
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1074
1064
  padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1148
1138
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1149
1139
  margin-right: 0.5rem;
1150
1140
  }
1141
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1142
+ margin: 0;
1143
+ padding: 0.857rem;
1144
+ color: #dedede;
1145
+ background: #191919;
1146
+ font-weight: 700;
1147
+ }
1151
1148
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1152
1149
  padding: 0.429rem 0.857rem;
1153
1150
  color: #dedede;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1217
1214
  background: #9CCC65;
1218
1215
  color: #212529;
1219
1216
  }
1220
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1221
- border-color: #e57373;
1222
- }
1223
1217
 
1224
1218
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1225
1219
  border-color: #e57373;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1314
1308
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1315
1309
  color: #212529;
1316
1310
  }
1317
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1318
- border-color: #e57373;
1319
- }
1320
1311
 
1321
1312
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1322
1313
  border-color: #e57373;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1411
1402
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1412
1403
  color: #212529;
1413
1404
  }
1414
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1415
- border-color: #e57373;
1416
- }
1417
1405
 
1418
1406
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1419
1407
  border-color: #e57373;
package/resources/themes/luna-pink/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.5;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #e57373;
37
37
  }
38
38
 
@@ -93,9 +93,6 @@
93
93
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
94
94
  margin-left: 0.5rem;
95
95
  }
96
- .p-autocomplete.p-error > .p-inputtext, .p-autocomplete.p-invalid > .p-inputtext {
97
- border-color: #e57373;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #e57373;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: #212529;
129
126
  background: #F48FB1;
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #e57373;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.857rem;
131
+ color: #dedede;
132
+ background: #191919;
133
+ font-weight: 700;
134
134
  }
135
135
 
136
136
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
@@ -362,9 +362,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
362
362
  border-top-right-radius: 3px;
363
363
  border-bottom-right-radius: 3px;
364
364
  }
365
- .p-cascadeselect.p-error, .p-cascadeselect.p-invalid {
366
- border-color: #e57373;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #323232;
@@ -404,6 +401,10 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
404
401
  font-size: 0.875rem;
405
402
  }
406
403
 
404
+ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
405
+ border-color: #e57373;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #4b4b4b;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #EC407A;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #e57373;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #e57373;
@@ -511,9 +509,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
511
509
  padding: 0;
512
510
  margin: 0;
513
511
  }
514
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
515
- border-color: #e57373;
516
- }
517
512
 
518
513
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
519
514
  border-color: #e57373;
@@ -634,9 +629,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
634
629
  background: #191919;
635
630
  font-weight: 700;
636
631
  }
637
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
638
- border-color: #e57373;
639
- }
640
632
 
641
633
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
642
634
  border-color: #e57373;
@@ -859,9 +851,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
859
851
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
860
852
  background: #F06292;
861
853
  }
862
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
863
- border-color: #e57373;
864
- }
865
854
 
866
855
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
867
856
  border-color: #e57373;
@@ -887,7 +876,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
887
876
  box-shadow: 0 0 0 0.1rem white;
888
877
  border-color: #F48FB1;
889
878
  }
890
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
879
+ .p-inputtext.ng-dirty.ng-invalid {
891
880
  border-color: #e57373;
892
881
  }
893
882
  .p-inputtext.p-inputtext-sm {
@@ -1015,13 +1004,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1015
1004
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1016
1005
  margin-right: 0.5rem;
1017
1006
  }
1007
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1008
+ margin: 0;
1009
+ padding: 0.857rem;
1010
+ color: #dedede;
1011
+ background: #191919;
1012
+ font-weight: 700;
1013
+ }
1018
1014
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1019
1015
  color: #dedede;
1020
1016
  background: #4c4c4c;
1021
1017
  }
1022
- .p-listbox.p-error, .p-listbox.p-invalid {
1023
- border-color: #e57373;
1024
- }
1025
1018
 
1026
1019
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1027
1020
  border-color: #e57373;
@@ -1066,9 +1059,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1066
1059
  border-top-right-radius: 3px;
1067
1060
  border-bottom-right-radius: 3px;
1068
1061
  }
1069
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1070
- border-color: #e57373;
1071
- }
1072
1062
 
1073
1063
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1074
1064
  padding: 0.2145rem 0.429rem;
@@ -1148,6 +1138,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1148
1138
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1149
1139
  margin-right: 0.5rem;
1150
1140
  }
1141
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1142
+ margin: 0;
1143
+ padding: 0.857rem;
1144
+ color: #dedede;
1145
+ background: #191919;
1146
+ font-weight: 700;
1147
+ }
1151
1148
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1152
1149
  padding: 0.429rem 0.857rem;
1153
1150
  color: #dedede;
@@ -1217,9 +1214,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1217
1214
  background: #EC407A;
1218
1215
  color: #212529;
1219
1216
  }
1220
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1221
- border-color: #e57373;
1222
- }
1223
1217
 
1224
1218
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1225
1219
  border-color: #e57373;
@@ -1314,9 +1308,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1314
1308
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1315
1309
  color: #212529;
1316
1310
  }
1317
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1318
- border-color: #e57373;
1319
- }
1320
1311
 
1321
1312
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1322
1313
  border-color: #e57373;
@@ -1411,9 +1402,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1411
1402
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1412
1403
  color: #212529;
1413
1404
  }
1414
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1415
- border-color: #e57373;
1416
- }
1417
1405
 
1418
1406
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1419
1407
  border-color: #e57373;