primeng 17.0.0 → 17.2.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 (196) hide show
  1. package/autocomplete/autocomplete.d.ts +3 -2
  2. package/calendar/calendar.d.ts +4 -2
  3. package/calendar/calendar.interface.d.ts +12 -0
  4. package/cascadeselect/cascadeselect.d.ts +1 -1
  5. package/confirmdialog/confirmdialog.d.ts +1 -0
  6. package/confirmdialog/confirmdialog.interface.d.ts +9 -1
  7. package/confirmpopup/confirmpopup.d.ts +2 -0
  8. package/confirmpopup/confirmpopup.interface.d.ts +12 -0
  9. package/contextmenu/contextmenu.d.ts +11 -1
  10. package/dialog/dialog.d.ts +7 -1
  11. package/dynamicdialog/dialogservice.d.ts +6 -0
  12. package/dynamicdialog/dynamicdialog-config.d.ts +41 -0
  13. package/dynamicdialog/dynamicdialog.d.ts +13 -0
  14. package/esm2022/accordion/accordion.mjs +7 -3
  15. package/esm2022/autocomplete/autocomplete.mjs +20 -13
  16. package/esm2022/avatar/avatar.mjs +3 -3
  17. package/esm2022/blockui/blockui.mjs +6 -3
  18. package/esm2022/calendar/calendar.interface.mjs +1 -1
  19. package/esm2022/calendar/calendar.mjs +47 -8
  20. package/esm2022/cascadeselect/cascadeselect.mjs +2 -2
  21. package/esm2022/confirmdialog/confirmdialog.interface.mjs +1 -1
  22. package/esm2022/confirmdialog/confirmdialog.mjs +139 -125
  23. package/esm2022/confirmpopup/confirmpopup.interface.mjs +1 -1
  24. package/esm2022/confirmpopup/confirmpopup.mjs +93 -65
  25. package/esm2022/contextmenu/contextmenu.mjs +46 -10
  26. package/esm2022/dialog/dialog.mjs +123 -98
  27. package/esm2022/dropdown/dropdown.mjs +5 -4
  28. package/esm2022/dynamicdialog/dialogservice.mjs +9 -1
  29. package/esm2022/dynamicdialog/dynamicdialog-config.mjs +11 -1
  30. package/esm2022/dynamicdialog/dynamicdialog.mjs +109 -30
  31. package/esm2022/fileupload/fileupload.mjs +4 -4
  32. package/esm2022/galleria/galleria.mjs +10 -6
  33. package/esm2022/icons/sortamountdown/sortamountdown.mjs +3 -43
  34. package/esm2022/icons/sortamountupalt/sortamountupalt.mjs +3 -43
  35. package/esm2022/inputgroup/inputgroup.mjs +22 -7
  36. package/esm2022/inputgroupaddon/inputgroupaddon.mjs +22 -7
  37. package/esm2022/inputnumber/inputnumber.mjs +4 -1
  38. package/esm2022/inputswitch/inputswitch.mjs +2 -2
  39. package/esm2022/listbox/listbox.mjs +5 -5
  40. package/esm2022/menu/menu.mjs +11 -14
  41. package/esm2022/multiselect/multiselect.mjs +21 -22
  42. package/esm2022/overlaypanel/overlaypanel.mjs +28 -8
  43. package/esm2022/panelmenu/panelmenu.mjs +22 -16
  44. package/esm2022/picklist/picklist.mjs +11 -7
  45. package/esm2022/progressbar/progressbar.mjs +29 -6
  46. package/esm2022/scroller/scroller.mjs +3 -3
  47. package/esm2022/sidebar/sidebar.interface.mjs +1 -1
  48. package/esm2022/sidebar/sidebar.mjs +69 -55
  49. package/esm2022/table/columnfilter.interface.mjs +2 -0
  50. package/esm2022/table/public_api.mjs +2 -1
  51. package/esm2022/table/table.mjs +124 -13
  52. package/esm2022/tieredmenu/tieredmenu.interface.mjs +1 -1
  53. package/esm2022/tieredmenu/tieredmenu.mjs +3 -3
  54. package/esm2022/toast/toast.interface.mjs +1 -1
  55. package/esm2022/toast/toast.mjs +84 -65
  56. package/esm2022/togglebutton/togglebutton.interface.mjs +1 -1
  57. package/esm2022/togglebutton/togglebutton.mjs +34 -8
  58. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +3 -3
  59. package/fesm2022/primeng-accordion.mjs +6 -2
  60. package/fesm2022/primeng-accordion.mjs.map +1 -1
  61. package/fesm2022/primeng-autocomplete.mjs +19 -12
  62. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  63. package/fesm2022/primeng-avatar.mjs +2 -2
  64. package/fesm2022/primeng-avatar.mjs.map +1 -1
  65. package/fesm2022/primeng-blockui.mjs +5 -2
  66. package/fesm2022/primeng-blockui.mjs.map +1 -1
  67. package/fesm2022/primeng-calendar.mjs +46 -7
  68. package/fesm2022/primeng-calendar.mjs.map +1 -1
  69. package/fesm2022/primeng-cascadeselect.mjs +1 -1
  70. package/fesm2022/primeng-cascadeselect.mjs.map +1 -1
  71. package/fesm2022/primeng-confirmdialog.mjs +138 -124
  72. package/fesm2022/primeng-confirmdialog.mjs.map +1 -1
  73. package/fesm2022/primeng-confirmpopup.mjs +92 -64
  74. package/fesm2022/primeng-confirmpopup.mjs.map +1 -1
  75. package/fesm2022/primeng-contextmenu.mjs +45 -9
  76. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  77. package/fesm2022/primeng-dialog.mjs +122 -97
  78. package/fesm2022/primeng-dialog.mjs.map +1 -1
  79. package/fesm2022/primeng-dropdown.mjs +4 -3
  80. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  81. package/fesm2022/primeng-dynamicdialog.mjs +126 -29
  82. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  83. package/fesm2022/primeng-fileupload.mjs +3 -3
  84. package/fesm2022/primeng-fileupload.mjs.map +1 -1
  85. package/fesm2022/primeng-galleria.mjs +9 -5
  86. package/fesm2022/primeng-galleria.mjs.map +1 -1
  87. package/fesm2022/primeng-icons-sortamountdown.mjs +2 -42
  88. package/fesm2022/primeng-icons-sortamountdown.mjs.map +1 -1
  89. package/fesm2022/primeng-icons-sortamountupalt.mjs +2 -42
  90. package/fesm2022/primeng-icons-sortamountupalt.mjs.map +1 -1
  91. package/fesm2022/primeng-inputgroup.mjs +21 -6
  92. package/fesm2022/primeng-inputgroup.mjs.map +1 -1
  93. package/fesm2022/primeng-inputgroupaddon.mjs +21 -6
  94. package/fesm2022/primeng-inputgroupaddon.mjs.map +1 -1
  95. package/fesm2022/primeng-inputnumber.mjs +3 -0
  96. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  97. package/fesm2022/primeng-inputswitch.mjs +2 -2
  98. package/fesm2022/primeng-inputswitch.mjs.map +1 -1
  99. package/fesm2022/primeng-listbox.mjs +4 -4
  100. package/fesm2022/primeng-listbox.mjs.map +1 -1
  101. package/fesm2022/primeng-menu.mjs +10 -13
  102. package/fesm2022/primeng-menu.mjs.map +1 -1
  103. package/fesm2022/primeng-multiselect.mjs +20 -21
  104. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  105. package/fesm2022/primeng-overlaypanel.mjs +27 -7
  106. package/fesm2022/primeng-overlaypanel.mjs.map +1 -1
  107. package/fesm2022/primeng-panelmenu.mjs +21 -15
  108. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  109. package/fesm2022/primeng-picklist.mjs +10 -6
  110. package/fesm2022/primeng-picklist.mjs.map +1 -1
  111. package/fesm2022/primeng-progressbar.mjs +28 -5
  112. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  113. package/fesm2022/primeng-scroller.mjs +2 -2
  114. package/fesm2022/primeng-scroller.mjs.map +1 -1
  115. package/fesm2022/primeng-sidebar.mjs +68 -54
  116. package/fesm2022/primeng-sidebar.mjs.map +1 -1
  117. package/fesm2022/primeng-table.mjs +123 -12
  118. package/fesm2022/primeng-table.mjs.map +1 -1
  119. package/fesm2022/primeng-tieredmenu.mjs +2 -2
  120. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  121. package/fesm2022/primeng-toast.mjs +83 -64
  122. package/fesm2022/primeng-toast.mjs.map +1 -1
  123. package/fesm2022/primeng-togglebutton.mjs +33 -7
  124. package/fesm2022/primeng-togglebutton.mjs.map +1 -1
  125. package/fesm2022/primeng-tristatecheckbox.mjs +2 -2
  126. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  127. package/fileupload/fileupload.d.ts +3 -3
  128. package/galleria/galleria.d.ts +1 -0
  129. package/inputgroup/inputgroup.d.ts +13 -1
  130. package/inputgroupaddon/inputgroupaddon.d.ts +13 -1
  131. package/menu/menu.d.ts +2 -3
  132. package/multiselect/multiselect.d.ts +1 -4
  133. package/overlaypanel/overlaypanel.d.ts +12 -2
  134. package/package.json +204 -204
  135. package/panelmenu/panelmenu.d.ts +2 -0
  136. package/progressbar/progressbar.d.ts +7 -1
  137. package/resources/components/inputswitch/inputswitch.css +1 -0
  138. package/resources/themes/arya-blue/theme.css +21 -17
  139. package/resources/themes/arya-green/theme.css +21 -17
  140. package/resources/themes/arya-orange/theme.css +21 -17
  141. package/resources/themes/arya-purple/theme.css +21 -17
  142. package/resources/themes/bootstrap4-dark-blue/theme.css +21 -17
  143. package/resources/themes/bootstrap4-dark-purple/theme.css +21 -17
  144. package/resources/themes/bootstrap4-light-blue/theme.css +21 -17
  145. package/resources/themes/bootstrap4-light-purple/theme.css +21 -17
  146. package/resources/themes/fluent-light/theme.css +21 -17
  147. package/resources/themes/lara-dark-blue/theme.css +21 -17
  148. package/resources/themes/lara-dark-indigo/theme.css +21 -17
  149. package/resources/themes/lara-dark-purple/theme.css +21 -17
  150. package/resources/themes/lara-dark-teal/theme.css +21 -17
  151. package/resources/themes/lara-light-blue/theme.css +21 -17
  152. package/resources/themes/lara-light-indigo/theme.css +21 -17
  153. package/resources/themes/lara-light-purple/theme.css +21 -17
  154. package/resources/themes/lara-light-teal/theme.css +64 -60
  155. package/resources/themes/luna-amber/theme.css +21 -17
  156. package/resources/themes/luna-blue/theme.css +21 -17
  157. package/resources/themes/luna-green/theme.css +21 -17
  158. package/resources/themes/luna-pink/theme.css +21 -17
  159. package/resources/themes/md-dark-deeppurple/theme.css +21 -17
  160. package/resources/themes/md-dark-indigo/theme.css +21 -17
  161. package/resources/themes/md-light-deeppurple/theme.css +21 -17
  162. package/resources/themes/md-light-indigo/theme.css +21 -17
  163. package/resources/themes/mdc-dark-deeppurple/theme.css +21 -17
  164. package/resources/themes/mdc-dark-indigo/theme.css +21 -17
  165. package/resources/themes/mdc-light-deeppurple/theme.css +21 -17
  166. package/resources/themes/mdc-light-indigo/theme.css +21 -17
  167. package/resources/themes/mira/theme.css +21 -17
  168. package/resources/themes/nano/theme.css +21 -17
  169. package/resources/themes/nova/theme.css +21 -17
  170. package/resources/themes/nova-accent/theme.css +21 -17
  171. package/resources/themes/nova-alt/theme.css +21 -17
  172. package/resources/themes/rhea/theme.css +21 -17
  173. package/resources/themes/saga-blue/theme.css +21 -17
  174. package/resources/themes/saga-green/theme.css +21 -17
  175. package/resources/themes/saga-orange/theme.css +21 -17
  176. package/resources/themes/saga-purple/theme.css +21 -17
  177. package/resources/themes/soho-dark/theme.css +21 -17
  178. package/resources/themes/soho-light/theme.css +21 -17
  179. package/resources/themes/tailwind-light/theme.css +21 -17
  180. package/resources/themes/vela-blue/theme.css +21 -17
  181. package/resources/themes/vela-green/theme.css +21 -17
  182. package/resources/themes/vela-orange/theme.css +21 -17
  183. package/resources/themes/vela-purple/theme.css +21 -17
  184. package/resources/themes/viva-dark/theme.css +21 -17
  185. package/resources/themes/viva-light/theme.css +21 -17
  186. package/sidebar/sidebar.d.ts +1 -0
  187. package/sidebar/sidebar.interface.d.ts +4 -0
  188. package/table/columnfilter.interface.d.ts +35 -0
  189. package/table/public_api.d.ts +1 -0
  190. package/table/table.d.ts +106 -0
  191. package/tieredmenu/tieredmenu.interface.d.ts +16 -0
  192. package/toast/toast.d.ts +3 -1
  193. package/toast/toast.interface.d.ts +11 -0
  194. package/togglebutton/togglebutton.d.ts +9 -3
  195. package/togglebutton/togglebutton.interface.d.ts +19 -0
  196. package/resources/components/tristatecheckbox/tristatecheckbox.css +0 -5
package/resources/themes/bootstrap4-light-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #212529;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -865,6 +865,10 @@
865
865
  border-color: #ffffff;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #dc3545;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #ced4da;
870
874
  }
@@ -896,9 +900,9 @@
896
900
  padding: 0.25rem 0;
897
901
  }
898
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
902
906
  color: #212529;
903
907
  padding: 0;
904
908
  margin: 0;
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #dc3545;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #e9ecef;
1061
1069
  color: #495057;
@@ -1070,27 +1078,23 @@
1070
1078
  }
1071
1079
 
1072
1080
  .p-inputgroup > .p-component,
1073
- .p-inputgroup > .p-element,
1074
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1075
1082
  .p-inputgroup > .p-float-label > .p-component {
1076
1083
  border-radius: 0;
1077
1084
  margin: 0;
1078
1085
  }
1079
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1080
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1081
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1082
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1083
1089
  border-left: 0 none;
1084
1090
  }
1085
1091
  .p-inputgroup > .p-component:focus,
1086
- .p-inputgroup > .p-element:focus,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1088
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1089
1094
  z-index: 1;
1090
1095
  }
1091
1096
  .p-inputgroup > .p-component:focus ~ label,
1092
- .p-inputgroup > .p-element:focus ~ label,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1094
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1095
1099
  z-index: 1;
1096
1100
  }
@@ -1200,7 +1204,7 @@
1200
1204
  background: #007bff;
1201
1205
  }
1202
1206
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1208
  border-color: #dc3545;
1205
1209
  }
1206
1210
 
@@ -5759,7 +5763,7 @@
5759
5763
  transition: box-shadow 0.15s;
5760
5764
  }
5761
5765
  .p-message .p-message-close:hover {
5762
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5763
5767
  }
5764
5768
  .p-message .p-message-close:focus-visible {
5765
5769
  outline: 0 none;
@@ -5869,7 +5873,7 @@
5869
5873
  transition: box-shadow 0.15s;
5870
5874
  }
5871
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5872
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5873
5877
  }
5874
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5875
5879
  outline: 0 none;
package/resources/themes/bootstrap4-light-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #212529;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -865,6 +865,10 @@
865
865
  border-color: #ffffff;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #dc3545;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #ced4da;
870
874
  }
@@ -896,9 +900,9 @@
896
900
  padding: 0.25rem 0;
897
901
  }
898
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
902
906
  color: #212529;
903
907
  padding: 0;
904
908
  margin: 0;
@@ -1056,6 +1060,10 @@
1056
1060
  background-color: transparent;
1057
1061
  }
1058
1062
 
1063
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1064
+ border-color: #dc3545;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #e9ecef;
1061
1069
  color: #495057;
@@ -1070,27 +1078,23 @@
1070
1078
  }
1071
1079
 
1072
1080
  .p-inputgroup > .p-component,
1073
- .p-inputgroup > .p-element,
1074
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1075
1082
  .p-inputgroup > .p-float-label > .p-component {
1076
1083
  border-radius: 0;
1077
1084
  margin: 0;
1078
1085
  }
1079
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1080
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1081
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1082
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1083
1089
  border-left: 0 none;
1084
1090
  }
1085
1091
  .p-inputgroup > .p-component:focus,
1086
- .p-inputgroup > .p-element:focus,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1088
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1089
1094
  z-index: 1;
1090
1095
  }
1091
1096
  .p-inputgroup > .p-component:focus ~ label,
1092
- .p-inputgroup > .p-element:focus ~ label,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1094
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1095
1099
  z-index: 1;
1096
1100
  }
@@ -1200,7 +1204,7 @@
1200
1204
  background: #883cae;
1201
1205
  }
1202
1206
 
1203
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1207
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1204
1208
  border-color: #dc3545;
1205
1209
  }
1206
1210
 
@@ -5759,7 +5763,7 @@
5759
5763
  transition: box-shadow 0.15s;
5760
5764
  }
5761
5765
  .p-message .p-message-close:hover {
5762
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5763
5767
  }
5764
5768
  .p-message .p-message-close:focus-visible {
5765
5769
  outline: 0 none;
@@ -5869,7 +5873,7 @@
5869
5873
  transition: box-shadow 0.15s;
5870
5874
  }
5871
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5872
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5873
5877
  }
5874
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5875
5879
  outline: 0 none;
package/resources/themes/fluent-light/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #323130;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #a4252c;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #323130;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: #323130;
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #a4252c;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #f3f2f1;
1057
1065
  color: #605e5c;
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #005a9e;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #a4252c;
1201
1205
  }
1202
1206
 
@@ -5699,7 +5703,7 @@
5699
5703
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5700
5704
  }
5701
5705
  .p-message .p-message-close:hover {
5702
- background: rgba(255, 255, 255, 0.3);
5706
+ background: rgba(255, 255, 255, 0.5);
5703
5707
  }
5704
5708
  .p-message .p-message-close:focus-visible {
5705
5709
  outline: 0 none;
@@ -5809,7 +5813,7 @@
5809
5813
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5810
5814
  }
5811
5815
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5812
- background: rgba(255, 255, 255, 0.3);
5816
+ background: rgba(255, 255, 255, 0.5);
5813
5817
  }
5814
5818
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5815
5819
  outline: 0 none;
package/resources/themes/lara-dark-blue/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #fca5a5;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #60a5fa;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: rgba(255, 255, 255, 0.87);
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #fca5a5;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #1f2937;
1074
1082
  color: rgba(255, 255, 255, 0.6);
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #93c5fd;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #fca5a5;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;
package/resources/themes/lara-dark-indigo/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #fca5a5;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #818cf8;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: rgba(255, 255, 255, 0.87);
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #fca5a5;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #1f2937;
1074
1082
  color: rgba(255, 255, 255, 0.6);
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #a5b4fc;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #fca5a5;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;
package/resources/themes/lara-dark-purple/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #fca5a5;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #a78bfa;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: rgba(255, 255, 255, 0.87);
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #fca5a5;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #1f2937;
1074
1082
  color: rgba(255, 255, 255, 0.6);
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #c4b5fd;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #fca5a5;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;