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/luna-green/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: #dedede;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -865,6 +865,10 @@
865
865
  border-color: #212529;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #e57373;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #C5E1A5;
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: #dedede;
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: #e57373;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #252525;
1061
1069
  color: #888888;
@@ -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: #AED581;
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: #e57373;
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/luna-pink/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: #dedede;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -865,6 +865,10 @@
865
865
  border-color: #212529;
866
866
  }
867
867
 
868
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
869
+ border-color: #e57373;
870
+ }
871
+
868
872
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
869
873
  border-color: #F48FB1;
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: #dedede;
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: #e57373;
1065
+ }
1066
+
1059
1067
  .p-inputgroup-addon {
1060
1068
  background: #252525;
1061
1069
  color: #888888;
@@ -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: #F06292;
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: #e57373;
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/md-dark-deeppurple/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.5rem 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.5rem 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/md-dark-indigo/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.5rem 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.5rem 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/md-light-deeppurple/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.5rem 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.5rem 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/md-light-indigo/theme.css CHANGED
@@ -393,9 +393,9 @@
393
393
  padding: 0.5rem 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.5rem 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;