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/nova/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
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: #a80000;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #212121;
870
874
  }
@@ -896,9 +900,9 @@
896
900
  padding: 0.2145rem 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: #333333;
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: #a80000;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #eaeaea;
1061
1069
  color: #848484;
@@ -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: #116fbf;
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: #a80000;
1205
1209
  }
1206
1210
 
@@ -5711,7 +5715,7 @@
5711
5715
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5712
5716
  }
5713
5717
  .p-message .p-message-close:hover {
5714
- background: rgba(255, 255, 255, 0.3);
5718
+ background: rgba(255, 255, 255, 0.5);
5715
5719
  }
5716
5720
  .p-message .p-message-close:focus-visible {
5717
5721
  outline: 0 none;
@@ -5821,7 +5825,7 @@
5821
5825
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5822
5826
  }
5823
5827
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5824
- background: rgba(255, 255, 255, 0.3);
5828
+ background: rgba(255, 255, 255, 0.5);
5825
5829
  }
5826
5830
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5827
5831
  outline: 0 none;
package/resources/themes/nova-accent/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
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: #a80000;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #212121;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.2145rem 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: #333333;
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: #a80000;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #eaeaea;
1057
1065
  color: #848484;
@@ -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: #116fbf;
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: #a80000;
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/nova-alt/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
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: #a80000;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #212121;
870
874
  }
@@ -896,9 +900,9 @@
896
900
  padding: 0.2145rem 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: #333333;
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: #a80000;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #eaeaea;
1061
1069
  color: #848484;
@@ -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: #116fbf;
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: #a80000;
1205
1209
  }
1206
1210
 
@@ -5711,7 +5715,7 @@
5711
5715
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5712
5716
  }
5713
5717
  .p-message .p-message-close:hover {
5714
- background: rgba(255, 255, 255, 0.3);
5718
+ background: rgba(255, 255, 255, 0.5);
5715
5719
  }
5716
5720
  .p-message .p-message-close:focus-visible {
5717
5721
  outline: 0 none;
@@ -5821,7 +5825,7 @@
5821
5825
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5822
5826
  }
5823
5827
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5824
- background: rgba(255, 255, 255, 0.3);
5828
+ background: rgba(255, 255, 255, 0.5);
5825
5829
  }
5826
5830
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5827
5831
  outline: 0 none;
package/resources/themes/rhea/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #666666;
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: #e7a3a3;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #a6a6a6;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.2145rem 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: #666666;
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: #e7a3a3;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #dbdbdb;
1057
1065
  color: #666666;
@@ -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: #afd3c8;
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: #e7a3a3;
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/saga-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: #495057;
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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #2196F3;
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: #495057;
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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -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: #0d89ec;
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: #f44336;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/saga-green/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: #495057;
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: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #4CAF50;
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: #495057;
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: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -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: #449e48;
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: #f44336;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;