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/lara-dark-teal/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #fca5a5;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #2dd4bf;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: rgba(255, 255, 255, 0.87);
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #fca5a5;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #1f2937;
1074
1082
  color: rgba(255, 255, 255, 0.6);
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #5eead4;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #fca5a5;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;
package/resources/themes/lara-light-blue/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #e24c4c;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #3B82F6;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: #4b5563;
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #e24c4c;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #f3f4f6;
1074
1082
  color: #6b7280;
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #2563eb;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #e24c4c;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;
package/resources/themes/lara-light-indigo/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #e24c4c;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #6366F1;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: #4b5563;
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #e24c4c;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #f3f4f6;
1074
1082
  color: #6b7280;
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #4F46E5;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #e24c4c;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;
package/resources/themes/lara-light-purple/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -878,6 +878,10 @@
878
878
  margin-left: 0.5rem;
879
879
  }
880
880
 
881
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
882
+ border-color: #e24c4c;
883
+ }
884
+
881
885
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
882
886
  border-color: #8B5CF6;
883
887
  }
@@ -909,9 +913,9 @@
909
913
  padding: 0.375rem 0;
910
914
  }
911
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
912
- font-family: inherit;
913
- font-feature-settings: inherit;
914
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
915
919
  color: #4b5563;
916
920
  padding: 0;
917
921
  margin: 0;
@@ -1069,6 +1073,10 @@
1069
1073
  background-color: transparent;
1070
1074
  }
1071
1075
 
1076
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1077
+ border-color: #e24c4c;
1078
+ }
1079
+
1072
1080
  .p-inputgroup-addon {
1073
1081
  background: #f3f4f6;
1074
1082
  color: #6b7280;
@@ -1083,27 +1091,23 @@
1083
1091
  }
1084
1092
 
1085
1093
  .p-inputgroup > .p-component,
1086
- .p-inputgroup > .p-element,
1087
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1088
1095
  .p-inputgroup > .p-float-label > .p-component {
1089
1096
  border-radius: 0;
1090
1097
  margin: 0;
1091
1098
  }
1092
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1093
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1094
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1095
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1096
1102
  border-left: 0 none;
1097
1103
  }
1098
1104
  .p-inputgroup > .p-component:focus,
1099
- .p-inputgroup > .p-element:focus,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1101
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1102
1107
  z-index: 1;
1103
1108
  }
1104
1109
  .p-inputgroup > .p-component:focus ~ label,
1105
- .p-inputgroup > .p-element:focus ~ label,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1107
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1108
1112
  z-index: 1;
1109
1113
  }
@@ -1213,7 +1217,7 @@
1213
1217
  background: #7C3AED;
1214
1218
  }
1215
1219
 
1216
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1217
1221
  border-color: #e24c4c;
1218
1222
  }
1219
1223
 
@@ -5716,7 +5720,7 @@
5716
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5717
5721
  }
5718
5722
  .p-message .p-message-close:hover {
5719
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5720
5724
  }
5721
5725
  .p-message .p-message-close:focus-visible {
5722
5726
  outline: 0 none;
@@ -5826,7 +5830,7 @@
5826
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5827
5831
  }
5828
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5829
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5830
5834
  }
5831
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5832
5836
  outline: 0 none;