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/mdc-dark-deeppurple/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.375rem 0;
394
394
  }
395
395
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
396
- font-family: inherit;
397
- font-feature-settings: inherit;
398
- font-size: inherit;
396
+ font-family: var(--font-family);
397
+ font-feature-settings: var(--font-feature-settings, normal);
398
+ font-size: 1rem;
399
399
  color: rgba(255, 255, 255, 0.87);
400
400
  padding: 0;
401
401
  margin: 0;
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -915,9 +919,9 @@
915
919
  padding: 0.375rem 0;
916
920
  }
917
921
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
918
- font-family: inherit;
919
- font-feature-settings: inherit;
920
- font-size: inherit;
922
+ font-family: var(--font-family);
923
+ font-feature-settings: var(--font-feature-settings, normal);
924
+ font-size: 1rem;
921
925
  color: rgba(255, 255, 255, 0.87);
922
926
  padding: 0;
923
927
  margin: 0;
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1089,27 +1097,23 @@
1089
1097
  }
1090
1098
 
1091
1099
  .p-inputgroup > .p-component,
1092
- .p-inputgroup > .p-element,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1094
1101
  .p-inputgroup > .p-float-label > .p-component {
1095
1102
  border-radius: 0;
1096
1103
  margin: 0;
1097
1104
  }
1098
1105
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1106
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1101
1107
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1102
1108
  border-left: 0 none;
1103
1109
  }
1104
1110
  .p-inputgroup > .p-component:focus,
1105
- .p-inputgroup > .p-element:focus,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1111
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1107
1112
  .p-inputgroup > .p-float-label > .p-component:focus {
1108
1113
  z-index: 1;
1109
1114
  }
1110
1115
  .p-inputgroup > .p-component:focus ~ label,
1111
- .p-inputgroup > .p-element:focus ~ label,
1112
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1116
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1113
1117
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1114
1118
  z-index: 1;
1115
1119
  }
@@ -1219,7 +1223,7 @@
1219
1223
  background: rgba(206, 147, 216, 0.5);
1220
1224
  }
1221
1225
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1226
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1227
  border-color: #f44435;
1224
1228
  }
1225
1229
 
@@ -5770,7 +5774,7 @@
5770
5774
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5771
5775
  }
5772
5776
  .p-message .p-message-close:hover {
5773
- background: rgba(255, 255, 255, 0.3);
5777
+ background: rgba(255, 255, 255, 0.5);
5774
5778
  }
5775
5779
  .p-message .p-message-close:focus-visible {
5776
5780
  outline: 0 none;
@@ -5880,7 +5884,7 @@
5880
5884
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5881
5885
  }
5882
5886
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5883
- background: rgba(255, 255, 255, 0.3);
5887
+ background: rgba(255, 255, 255, 0.5);
5884
5888
  }
5885
5889
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5886
5890
  outline: 0 none;
package/resources/themes/mdc-dark-indigo/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.375rem 0;
394
394
  }
395
395
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
396
- font-family: inherit;
397
- font-feature-settings: inherit;
398
- font-size: inherit;
396
+ font-family: var(--font-family);
397
+ font-feature-settings: var(--font-feature-settings, normal);
398
+ font-size: 1rem;
399
399
  color: rgba(255, 255, 255, 0.87);
400
400
  padding: 0;
401
401
  margin: 0;
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #f44435;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(255, 255, 255, 0.6);
889
893
  }
@@ -915,9 +919,9 @@
915
919
  padding: 0.375rem 0;
916
920
  }
917
921
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
918
- font-family: inherit;
919
- font-feature-settings: inherit;
920
- font-size: inherit;
922
+ font-family: var(--font-family);
923
+ font-feature-settings: var(--font-feature-settings, normal);
924
+ font-size: 1rem;
921
925
  color: rgba(255, 255, 255, 0.87);
922
926
  padding: 0;
923
927
  margin: 0;
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #f44435;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #1e1e1e;
1080
1088
  color: rgba(255, 255, 255, 0.6);
@@ -1089,27 +1097,23 @@
1089
1097
  }
1090
1098
 
1091
1099
  .p-inputgroup > .p-component,
1092
- .p-inputgroup > .p-element,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1094
1101
  .p-inputgroup > .p-float-label > .p-component {
1095
1102
  border-radius: 0;
1096
1103
  margin: 0;
1097
1104
  }
1098
1105
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1106
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1101
1107
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1102
1108
  border-left: 0 none;
1103
1109
  }
1104
1110
  .p-inputgroup > .p-component:focus,
1105
- .p-inputgroup > .p-element:focus,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1111
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1107
1112
  .p-inputgroup > .p-float-label > .p-component:focus {
1108
1113
  z-index: 1;
1109
1114
  }
1110
1115
  .p-inputgroup > .p-component:focus ~ label,
1111
- .p-inputgroup > .p-element:focus ~ label,
1112
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1116
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1113
1117
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1114
1118
  z-index: 1;
1115
1119
  }
@@ -1219,7 +1223,7 @@
1219
1223
  background: rgba(159, 168, 218, 0.5);
1220
1224
  }
1221
1225
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1226
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1227
  border-color: #f44435;
1224
1228
  }
1225
1229
 
@@ -5770,7 +5774,7 @@
5770
5774
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5771
5775
  }
5772
5776
  .p-message .p-message-close:hover {
5773
- background: rgba(255, 255, 255, 0.3);
5777
+ background: rgba(255, 255, 255, 0.5);
5774
5778
  }
5775
5779
  .p-message .p-message-close:focus-visible {
5776
5780
  outline: 0 none;
@@ -5880,7 +5884,7 @@
5880
5884
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5881
5885
  }
5882
5886
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5883
- background: rgba(255, 255, 255, 0.3);
5887
+ background: rgba(255, 255, 255, 0.5);
5884
5888
  }
5885
5889
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5886
5890
  outline: 0 none;
package/resources/themes/mdc-light-deeppurple/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.375rem 0;
394
394
  }
395
395
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
396
- font-family: inherit;
397
- font-feature-settings: inherit;
398
- font-size: inherit;
396
+ font-family: var(--font-family);
397
+ font-feature-settings: var(--font-feature-settings, normal);
398
+ font-size: 1rem;
399
399
  color: rgba(0, 0, 0, 0.87);
400
400
  padding: 0;
401
401
  margin: 0;
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -915,9 +919,9 @@
915
919
  padding: 0.375rem 0;
916
920
  }
917
921
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
918
- font-family: inherit;
919
- font-feature-settings: inherit;
920
- font-size: inherit;
922
+ font-family: var(--font-family);
923
+ font-feature-settings: var(--font-feature-settings, normal);
924
+ font-size: 1rem;
921
925
  color: rgba(0, 0, 0, 0.87);
922
926
  padding: 0;
923
927
  margin: 0;
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1089,27 +1097,23 @@
1089
1097
  }
1090
1098
 
1091
1099
  .p-inputgroup > .p-component,
1092
- .p-inputgroup > .p-element,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1094
1101
  .p-inputgroup > .p-float-label > .p-component {
1095
1102
  border-radius: 0;
1096
1103
  margin: 0;
1097
1104
  }
1098
1105
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1106
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1101
1107
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1102
1108
  border-left: 0 none;
1103
1109
  }
1104
1110
  .p-inputgroup > .p-component:focus,
1105
- .p-inputgroup > .p-element:focus,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1111
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1107
1112
  .p-inputgroup > .p-float-label > .p-component:focus {
1108
1113
  z-index: 1;
1109
1114
  }
1110
1115
  .p-inputgroup > .p-component:focus ~ label,
1111
- .p-inputgroup > .p-element:focus ~ label,
1112
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1116
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1113
1117
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1114
1118
  z-index: 1;
1115
1119
  }
@@ -1219,7 +1223,7 @@
1219
1223
  background: rgba(103, 58, 183, 0.5);
1220
1224
  }
1221
1225
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1226
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1227
  border-color: #b00020;
1224
1228
  }
1225
1229
 
@@ -5770,7 +5774,7 @@
5770
5774
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5771
5775
  }
5772
5776
  .p-message .p-message-close:hover {
5773
- background: rgba(255, 255, 255, 0.3);
5777
+ background: rgba(255, 255, 255, 0.5);
5774
5778
  }
5775
5779
  .p-message .p-message-close:focus-visible {
5776
5780
  outline: 0 none;
@@ -5880,7 +5884,7 @@
5880
5884
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5881
5885
  }
5882
5886
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5883
- background: rgba(255, 255, 255, 0.3);
5887
+ background: rgba(255, 255, 255, 0.5);
5884
5888
  }
5885
5889
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5886
5890
  outline: 0 none;
package/resources/themes/mdc-light-indigo/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.375rem 0;
394
394
  }
395
395
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
396
- font-family: inherit;
397
- font-feature-settings: inherit;
398
- font-size: inherit;
396
+ font-family: var(--font-family);
397
+ font-feature-settings: var(--font-feature-settings, normal);
398
+ font-size: 1rem;
399
399
  color: rgba(0, 0, 0, 0.87);
400
400
  padding: 0;
401
401
  margin: 0;
@@ -884,6 +884,10 @@
884
884
  margin-left: 0.5rem;
885
885
  }
886
886
 
887
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
888
+ border-color: #b00020;
889
+ }
890
+
887
891
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
888
892
  border-color: rgba(0, 0, 0, 0.87);
889
893
  }
@@ -915,9 +919,9 @@
915
919
  padding: 0.375rem 0;
916
920
  }
917
921
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
918
- font-family: inherit;
919
- font-feature-settings: inherit;
920
- font-size: inherit;
922
+ font-family: var(--font-family);
923
+ font-feature-settings: var(--font-feature-settings, normal);
924
+ font-size: 1rem;
921
925
  color: rgba(0, 0, 0, 0.87);
922
926
  padding: 0;
923
927
  margin: 0;
@@ -1075,6 +1079,10 @@
1075
1079
  background-color: transparent;
1076
1080
  }
1077
1081
 
1082
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1083
+ border-color: #b00020;
1084
+ }
1085
+
1078
1086
  .p-inputgroup-addon {
1079
1087
  background: #ffffff;
1080
1088
  color: rgba(0, 0, 0, 0.6);
@@ -1089,27 +1097,23 @@
1089
1097
  }
1090
1098
 
1091
1099
  .p-inputgroup > .p-component,
1092
- .p-inputgroup > .p-element,
1093
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1094
1101
  .p-inputgroup > .p-float-label > .p-component {
1095
1102
  border-radius: 0;
1096
1103
  margin: 0;
1097
1104
  }
1098
1105
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1106
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1101
1107
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1102
1108
  border-left: 0 none;
1103
1109
  }
1104
1110
  .p-inputgroup > .p-component:focus,
1105
- .p-inputgroup > .p-element:focus,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1111
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1107
1112
  .p-inputgroup > .p-float-label > .p-component:focus {
1108
1113
  z-index: 1;
1109
1114
  }
1110
1115
  .p-inputgroup > .p-component:focus ~ label,
1111
- .p-inputgroup > .p-element:focus ~ label,
1112
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1116
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1113
1117
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1114
1118
  z-index: 1;
1115
1119
  }
@@ -1219,7 +1223,7 @@
1219
1223
  background: rgba(63, 81, 181, 0.5);
1220
1224
  }
1221
1225
 
1222
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1226
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1223
1227
  border-color: #b00020;
1224
1228
  }
1225
1229
 
@@ -5770,7 +5774,7 @@
5770
5774
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5771
5775
  }
5772
5776
  .p-message .p-message-close:hover {
5773
- background: rgba(255, 255, 255, 0.3);
5777
+ background: rgba(255, 255, 255, 0.5);
5774
5778
  }
5775
5779
  .p-message .p-message-close:focus-visible {
5776
5780
  outline: 0 none;
@@ -5880,7 +5884,7 @@
5880
5884
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5881
5885
  }
5882
5886
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5883
- background: rgba(255, 255, 255, 0.3);
5887
+ background: rgba(255, 255, 255, 0.5);
5884
5888
  }
5885
5889
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5886
5890
  outline: 0 none;
package/resources/themes/mira/theme.css CHANGED
@@ -396,9 +396,9 @@
396
396
  padding: 0.25rem 0;
397
397
  }
398
398
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
399
- font-family: inherit;
400
- font-feature-settings: inherit;
401
- font-size: inherit;
399
+ font-family: var(--font-family);
400
+ font-feature-settings: var(--font-feature-settings, normal);
401
+ font-size: 1rem;
402
402
  color: #4c566a;
403
403
  padding: 0;
404
404
  margin: 0;
@@ -887,6 +887,10 @@
887
887
  margin-left: 0.5rem;
888
888
  }
889
889
 
890
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
891
+ border-color: #bf616a;
892
+ }
893
+
890
894
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
891
895
  border-color: #81a1c1;
892
896
  }
@@ -918,9 +922,9 @@
918
922
  padding: 0.25rem 0;
919
923
  }
920
924
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
921
- font-family: inherit;
922
- font-feature-settings: inherit;
923
- font-size: inherit;
925
+ font-family: var(--font-family);
926
+ font-feature-settings: var(--font-feature-settings, normal);
927
+ font-size: 1rem;
924
928
  color: #4c566a;
925
929
  padding: 0;
926
930
  margin: 0;
@@ -1078,6 +1082,10 @@
1078
1082
  background-color: transparent;
1079
1083
  }
1080
1084
 
1085
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1086
+ border-color: #bf616a;
1087
+ }
1088
+
1081
1089
  .p-inputgroup-addon {
1082
1090
  background: #ffffff;
1083
1091
  color: #81a1c1;
@@ -1092,27 +1100,23 @@
1092
1100
  }
1093
1101
 
1094
1102
  .p-inputgroup > .p-component,
1095
- .p-inputgroup > .p-element,
1096
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1103
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1097
1104
  .p-inputgroup > .p-float-label > .p-component {
1098
1105
  border-radius: 0;
1099
1106
  margin: 0;
1100
1107
  }
1101
1108
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1103
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1109
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1104
1110
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1105
1111
  border-left: 0 none;
1106
1112
  }
1107
1113
  .p-inputgroup > .p-component:focus,
1108
- .p-inputgroup > .p-element:focus,
1109
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1114
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1110
1115
  .p-inputgroup > .p-float-label > .p-component:focus {
1111
1116
  z-index: 1;
1112
1117
  }
1113
1118
  .p-inputgroup > .p-component:focus ~ label,
1114
- .p-inputgroup > .p-element:focus ~ label,
1115
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1119
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1116
1120
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1117
1121
  z-index: 1;
1118
1122
  }
@@ -1222,7 +1226,7 @@
1222
1226
  background: #81a1c1;
1223
1227
  }
1224
1228
 
1225
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1229
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1226
1230
  border-color: #bf616a;
1227
1231
  }
1228
1232
 
@@ -5773,7 +5777,7 @@
5773
5777
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5774
5778
  }
5775
5779
  .p-message .p-message-close:hover {
5776
- background: rgba(255, 255, 255, 0.3);
5780
+ background: rgba(255, 255, 255, 0.5);
5777
5781
  }
5778
5782
  .p-message .p-message-close:focus-visible {
5779
5783
  outline: 0 none;
@@ -5883,7 +5887,7 @@
5883
5887
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5884
5888
  }
5885
5889
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5886
- background: rgba(255, 255, 255, 0.3);
5890
+ background: rgba(255, 255, 255, 0.5);
5887
5891
  }
5888
5892
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5889
5893
  outline: 0 none;
package/resources/themes/nano/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.125rem 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: #343a3f;
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: #d8222f;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #1174c0;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.125rem 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: #343a3f;
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: #d8222f;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #dde1e6;
1057
1065
  color: #697077;
@@ -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: #0f68ad;
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: #d8222f;
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;