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/vela-blue/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.4;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #ef9a9a;
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: #ef9a9a;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #ef9a9a;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: rgba(255, 255, 255, 0.87);
129
126
  background: rgba(100, 181, 246, 0.16);
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #ef9a9a;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.75rem 1rem;
131
+ color: rgba(255, 255, 255, 0.87);
132
+ background: #1f2d40;
133
+ font-weight: 600;
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: #ef9a9a;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #1f2d40;
@@ -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: #ef9a9a;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #304562;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #2396f2;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #ef9a9a;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #ef9a9a;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
507
505
  padding: 0;
508
506
  margin: 0;
509
507
  }
510
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
511
- border-color: #ef9a9a;
512
- }
513
508
 
514
509
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
515
510
  border-color: #ef9a9a;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
630
625
  background: #1f2d40;
631
626
  font-weight: 600;
632
627
  }
633
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
634
- border-color: #ef9a9a;
635
- }
636
628
 
637
629
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
638
630
  border-color: #ef9a9a;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
855
847
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
856
848
  background: #43a5f4;
857
849
  }
858
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
859
- border-color: #ef9a9a;
860
- }
861
850
 
862
851
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
863
852
  border-color: #ef9a9a;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
883
872
  box-shadow: 0 0 0 1px #93cbf9;
884
873
  border-color: #64B5F6;
885
874
  }
886
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
875
+ .p-inputtext.ng-dirty.ng-invalid {
887
876
  border-color: #ef9a9a;
888
877
  }
889
878
  .p-inputtext.p-inputtext-sm {
@@ -1011,13 +1000,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1011
1000
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1012
1001
  margin-right: 0.5rem;
1013
1002
  }
1003
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1004
+ margin: 0;
1005
+ padding: 0.75rem 1rem;
1006
+ color: rgba(255, 255, 255, 0.87);
1007
+ background: #1f2d40;
1008
+ font-weight: 600;
1009
+ }
1014
1010
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1015
1011
  color: rgba(255, 255, 255, 0.87);
1016
1012
  background: rgba(255, 255, 255, 0.03);
1017
1013
  }
1018
- .p-listbox.p-error, .p-listbox.p-invalid {
1019
- border-color: #ef9a9a;
1020
- }
1021
1014
 
1022
1015
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1023
1016
  border-color: #ef9a9a;
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1062
1055
  border-top-right-radius: 3px;
1063
1056
  border-bottom-right-radius: 3px;
1064
1057
  }
1065
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1066
- border-color: #ef9a9a;
1067
- }
1068
1058
 
1069
1059
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1070
1060
  padding: 0.25rem 0.5rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1144
1134
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1145
1135
  margin-right: 0.5rem;
1146
1136
  }
1137
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1138
+ margin: 0;
1139
+ padding: 0.75rem 1rem;
1140
+ color: rgba(255, 255, 255, 0.87);
1141
+ background: #1f2d40;
1142
+ font-weight: 600;
1143
+ }
1147
1144
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1148
1145
  padding: 0.5rem 1rem;
1149
1146
  color: rgba(255, 255, 255, 0.87);
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1213
1210
  background: #2396f2;
1214
1211
  color: #212529;
1215
1212
  }
1216
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1217
- border-color: #ef9a9a;
1218
- }
1219
1213
 
1220
1214
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1221
1215
  border-color: #ef9a9a;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1302
1296
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1303
1297
  color: #212529;
1304
1298
  }
1305
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1306
- border-color: #ef9a9a;
1307
- }
1308
1299
 
1309
1300
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1310
1301
  border-color: #ef9a9a;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1399
1390
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1400
1391
  color: #212529;
1401
1392
  }
1402
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1403
- border-color: #ef9a9a;
1404
- }
1405
1393
 
1406
1394
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1407
1395
  border-color: #ef9a9a;
package/resources/themes/vela-green/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.4;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #ef9a9a;
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: #ef9a9a;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #ef9a9a;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: rgba(255, 255, 255, 0.87);
129
126
  background: rgba(129, 199, 132, 0.16);
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #ef9a9a;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.75rem 1rem;
131
+ color: rgba(255, 255, 255, 0.87);
132
+ background: #1f2d40;
133
+ font-weight: 600;
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: #ef9a9a;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #1f2d40;
@@ -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: #ef9a9a;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #304562;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #54b358;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #ef9a9a;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #ef9a9a;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
507
505
  padding: 0;
508
506
  margin: 0;
509
507
  }
510
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
511
- border-color: #ef9a9a;
512
- }
513
508
 
514
509
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
515
510
  border-color: #ef9a9a;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
630
625
  background: #1f2d40;
631
626
  font-weight: 600;
632
627
  }
633
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
634
- border-color: #ef9a9a;
635
- }
636
628
 
637
629
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
638
630
  border-color: #ef9a9a;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
855
847
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
856
848
  background: #6abd6e;
857
849
  }
858
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
859
- border-color: #ef9a9a;
860
- }
861
850
 
862
851
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
863
852
  border-color: #ef9a9a;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
883
872
  box-shadow: 0 0 0 1px #a7d8a9;
884
873
  border-color: #81C784;
885
874
  }
886
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
875
+ .p-inputtext.ng-dirty.ng-invalid {
887
876
  border-color: #ef9a9a;
888
877
  }
889
878
  .p-inputtext.p-inputtext-sm {
@@ -1011,13 +1000,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1011
1000
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1012
1001
  margin-right: 0.5rem;
1013
1002
  }
1003
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1004
+ margin: 0;
1005
+ padding: 0.75rem 1rem;
1006
+ color: rgba(255, 255, 255, 0.87);
1007
+ background: #1f2d40;
1008
+ font-weight: 600;
1009
+ }
1014
1010
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1015
1011
  color: rgba(255, 255, 255, 0.87);
1016
1012
  background: rgba(255, 255, 255, 0.03);
1017
1013
  }
1018
- .p-listbox.p-error, .p-listbox.p-invalid {
1019
- border-color: #ef9a9a;
1020
- }
1021
1014
 
1022
1015
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1023
1016
  border-color: #ef9a9a;
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1062
1055
  border-top-right-radius: 3px;
1063
1056
  border-bottom-right-radius: 3px;
1064
1057
  }
1065
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1066
- border-color: #ef9a9a;
1067
- }
1068
1058
 
1069
1059
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1070
1060
  padding: 0.25rem 0.5rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1144
1134
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1145
1135
  margin-right: 0.5rem;
1146
1136
  }
1137
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1138
+ margin: 0;
1139
+ padding: 0.75rem 1rem;
1140
+ color: rgba(255, 255, 255, 0.87);
1141
+ background: #1f2d40;
1142
+ font-weight: 600;
1143
+ }
1147
1144
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1148
1145
  padding: 0.5rem 1rem;
1149
1146
  color: rgba(255, 255, 255, 0.87);
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1213
1210
  background: #54b358;
1214
1211
  color: #212529;
1215
1212
  }
1216
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1217
- border-color: #ef9a9a;
1218
- }
1219
1213
 
1220
1214
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1221
1215
  border-color: #ef9a9a;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1302
1296
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1303
1297
  color: #212529;
1304
1298
  }
1305
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1306
- border-color: #ef9a9a;
1307
- }
1308
1299
 
1309
1300
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1310
1301
  border-color: #ef9a9a;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1399
1390
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1400
1391
  color: #212529;
1401
1392
  }
1402
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1403
- border-color: #ef9a9a;
1404
- }
1405
1393
 
1406
1394
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1407
1395
  border-color: #ef9a9a;
package/resources/themes/vela-orange/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.4;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #ef9a9a;
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: #ef9a9a;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #ef9a9a;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: rgba(255, 255, 255, 0.87);
129
126
  background: rgba(255, 213, 79, 0.16);
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #ef9a9a;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.75rem 1rem;
131
+ color: rgba(255, 255, 255, 0.87);
132
+ background: #1f2d40;
133
+ font-weight: 600;
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: #ef9a9a;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #1f2d40;
@@ -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: #ef9a9a;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #304562;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #ffc50c;
451
452
  color: #212529;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #ef9a9a;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #ef9a9a;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
507
505
  padding: 0;
508
506
  margin: 0;
509
507
  }
510
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
511
- border-color: #ef9a9a;
512
- }
513
508
 
514
509
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
515
510
  border-color: #ef9a9a;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
630
625
  background: #1f2d40;
631
626
  font-weight: 600;
632
627
  }
633
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
634
- border-color: #ef9a9a;
635
- }
636
628
 
637
629
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
638
630
  border-color: #ef9a9a;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
855
847
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
856
848
  background: #ffcd2e;
857
849
  }
858
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
859
- border-color: #ef9a9a;
860
- }
861
850
 
862
851
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
863
852
  border-color: #ef9a9a;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
883
872
  box-shadow: 0 0 0 1px #ffe284;
884
873
  border-color: #FFD54F;
885
874
  }
886
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
875
+ .p-inputtext.ng-dirty.ng-invalid {
887
876
  border-color: #ef9a9a;
888
877
  }
889
878
  .p-inputtext.p-inputtext-sm {
@@ -1011,13 +1000,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1011
1000
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1012
1001
  margin-right: 0.5rem;
1013
1002
  }
1003
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1004
+ margin: 0;
1005
+ padding: 0.75rem 1rem;
1006
+ color: rgba(255, 255, 255, 0.87);
1007
+ background: #1f2d40;
1008
+ font-weight: 600;
1009
+ }
1014
1010
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1015
1011
  color: rgba(255, 255, 255, 0.87);
1016
1012
  background: rgba(255, 255, 255, 0.03);
1017
1013
  }
1018
- .p-listbox.p-error, .p-listbox.p-invalid {
1019
- border-color: #ef9a9a;
1020
- }
1021
1014
 
1022
1015
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1023
1016
  border-color: #ef9a9a;
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1062
1055
  border-top-right-radius: 3px;
1063
1056
  border-bottom-right-radius: 3px;
1064
1057
  }
1065
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1066
- border-color: #ef9a9a;
1067
- }
1068
1058
 
1069
1059
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1070
1060
  padding: 0.25rem 0.5rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1144
1134
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1145
1135
  margin-right: 0.5rem;
1146
1136
  }
1137
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1138
+ margin: 0;
1139
+ padding: 0.75rem 1rem;
1140
+ color: rgba(255, 255, 255, 0.87);
1141
+ background: #1f2d40;
1142
+ font-weight: 600;
1143
+ }
1147
1144
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1148
1145
  padding: 0.5rem 1rem;
1149
1146
  color: rgba(255, 255, 255, 0.87);
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1213
1210
  background: #ffc50c;
1214
1211
  color: #212529;
1215
1212
  }
1216
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1217
- border-color: #ef9a9a;
1218
- }
1219
1213
 
1220
1214
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1221
1215
  border-color: #ef9a9a;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1302
1296
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1303
1297
  color: #212529;
1304
1298
  }
1305
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1306
- border-color: #ef9a9a;
1307
- }
1308
1299
 
1309
1300
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1310
1301
  border-color: #ef9a9a;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1399
1390
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1400
1391
  color: #212529;
1401
1392
  }
1402
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1403
- border-color: #ef9a9a;
1404
- }
1405
1393
 
1406
1394
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1407
1395
  border-color: #ef9a9a;
package/resources/themes/vela-purple/theme.css CHANGED
@@ -32,7 +32,7 @@
32
32
  opacity: 0.4;
33
33
  }
34
34
 
35
- .p-error, .p-invalid {
35
+ .p-error {
36
36
  color: #ef9a9a;
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: #ef9a9a;
98
- }
99
96
 
100
97
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
101
98
  border-color: #ef9a9a;
@@ -128,9 +125,12 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
128
125
  color: rgba(255, 255, 255, 0.87);
129
126
  background: rgba(186, 104, 200, 0.16);
130
127
  }
131
-
132
- .p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
133
- border-color: #ef9a9a;
128
+ .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
129
+ margin: 0;
130
+ padding: 0.75rem 1rem;
131
+ color: rgba(255, 255, 255, 0.87);
132
+ background: #1f2d40;
133
+ font-weight: 600;
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: #ef9a9a;
367
- }
368
365
 
369
366
  .p-cascadeselect-panel {
370
367
  background: #1f2d40;
@@ -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: #ef9a9a;
406
+ }
407
+
407
408
  .p-input-filled .p-cascadeselect {
408
409
  background: #304562;
409
410
  }
@@ -450,9 +451,6 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
450
451
  background: #a241b2;
451
452
  color: #ffffff;
452
453
  }
453
- .p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
454
- border-color: #ef9a9a;
455
- }
456
454
 
457
455
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
458
456
  border-color: #ef9a9a;
@@ -507,9 +505,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
507
505
  padding: 0;
508
506
  margin: 0;
509
507
  }
510
- .p-chips.p-error > .p-inputtext, .p-chips.p-invalid > .p-inputtext {
511
- border-color: #ef9a9a;
512
- }
513
508
 
514
509
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
515
510
  border-color: #ef9a9a;
@@ -630,9 +625,6 @@ p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
630
625
  background: #1f2d40;
631
626
  font-weight: 600;
632
627
  }
633
- .p-dropdown-panel.p-error, .p-dropdown-panel.p-invalid {
634
- border-color: #ef9a9a;
635
- }
636
628
 
637
629
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
638
630
  border-color: #ef9a9a;
@@ -855,9 +847,6 @@ p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
855
847
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
856
848
  background: #b052c0;
857
849
  }
858
- .p-inputswitch.p-error, .p-inputswitch.p-invalid {
859
- border-color: #ef9a9a;
860
- }
861
850
 
862
851
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
863
852
  border-color: #ef9a9a;
@@ -883,7 +872,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
883
872
  box-shadow: 0 0 0 1px #cf95d9;
884
873
  border-color: #BA68C8;
885
874
  }
886
- .p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
875
+ .p-inputtext.ng-dirty.ng-invalid {
887
876
  border-color: #ef9a9a;
888
877
  }
889
878
  .p-inputtext.p-inputtext-sm {
@@ -1011,13 +1000,17 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1011
1000
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1012
1001
  margin-right: 0.5rem;
1013
1002
  }
1003
+ .p-listbox .p-listbox-list .p-listbox-item-group {
1004
+ margin: 0;
1005
+ padding: 0.75rem 1rem;
1006
+ color: rgba(255, 255, 255, 0.87);
1007
+ background: #1f2d40;
1008
+ font-weight: 600;
1009
+ }
1014
1010
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1015
1011
  color: rgba(255, 255, 255, 0.87);
1016
1012
  background: rgba(255, 255, 255, 0.03);
1017
1013
  }
1018
- .p-listbox.p-error, .p-listbox.p-invalid {
1019
- border-color: #ef9a9a;
1020
- }
1021
1014
 
1022
1015
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
1023
1016
  border-color: #ef9a9a;
@@ -1062,9 +1055,6 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1062
1055
  border-top-right-radius: 3px;
1063
1056
  border-bottom-right-radius: 3px;
1064
1057
  }
1065
- .p-multiselect.p-error, .p-multiselect.p-invalid {
1066
- border-color: #ef9a9a;
1067
- }
1068
1058
 
1069
1059
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1070
1060
  padding: 0.25rem 0.5rem;
@@ -1144,6 +1134,13 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1144
1134
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1145
1135
  margin-right: 0.5rem;
1146
1136
  }
1137
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1138
+ margin: 0;
1139
+ padding: 0.75rem 1rem;
1140
+ color: rgba(255, 255, 255, 0.87);
1141
+ background: #1f2d40;
1142
+ font-weight: 600;
1143
+ }
1147
1144
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1148
1145
  padding: 0.5rem 1rem;
1149
1146
  color: rgba(255, 255, 255, 0.87);
@@ -1213,9 +1210,6 @@ p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1213
1210
  background: #a241b2;
1214
1211
  color: #ffffff;
1215
1212
  }
1216
- .p-radiobutton.p-error > .p-radiobutton-box, .p-radiobutton.p-invalid > .p-radiobutton-box {
1217
- border-color: #ef9a9a;
1218
- }
1219
1213
 
1220
1214
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1221
1215
  border-color: #ef9a9a;
@@ -1302,9 +1296,6 @@ p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1302
1296
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1303
1297
  color: #ffffff;
1304
1298
  }
1305
- .p-selectbutton.p-error > .p-button, .p-selectbutton.p-invalid > .p-button {
1306
- border-color: #ef9a9a;
1307
- }
1308
1299
 
1309
1300
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1310
1301
  border-color: #ef9a9a;
@@ -1399,9 +1390,6 @@ p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1399
1390
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1400
1391
  color: #ffffff;
1401
1392
  }
1402
- .p-togglebutton.p-button.p-error, .p-togglebutton.p-button.p-invalid {
1403
- border-color: #ef9a9a;
1404
- }
1405
1393
 
1406
1394
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1407
1395
  border-color: #ef9a9a;
package/sidebar/sidebar.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare class Sidebar implements AfterViewInit, AfterContentInit, AfterVi
5
5
  cd: ChangeDetectorRef;
6
6
  position: string;
7
7
  fullScreen: boolean;
8
- appendTo: string;
8
+ appendTo: any;
9
9
  blockScroll: boolean;
10
10
  style: any;
11
11
  styleClass: string;