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/saga-orange/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #495057;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #FFC107;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: #495057;
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #ecb100;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #f44336;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/saga-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #495057;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -861,6 +861,10 @@
861
861
  margin-left: 0.5rem;
862
862
  }
863
863
 
864
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
865
+ border-color: #f44336;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #9C27B0;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: #495057;
899
903
  padding: 0;
900
904
  margin: 0;
@@ -1052,6 +1056,10 @@
1052
1056
  background-color: transparent;
1053
1057
  }
1054
1058
 
1059
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1060
+ border-color: #f44336;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #e9ecef;
1057
1065
  color: #6c757d;
@@ -1066,27 +1074,23 @@
1066
1074
  }
1067
1075
 
1068
1076
  .p-inputgroup > .p-component,
1069
- .p-inputgroup > .p-element,
1070
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1071
1078
  .p-inputgroup > .p-float-label > .p-component {
1072
1079
  border-radius: 0;
1073
1080
  margin: 0;
1074
1081
  }
1075
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1076
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1077
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1078
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1079
1085
  border-left: 0 none;
1080
1086
  }
1081
1087
  .p-inputgroup > .p-component:focus,
1082
- .p-inputgroup > .p-element:focus,
1083
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1084
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1085
1090
  z-index: 1;
1086
1091
  }
1087
1092
  .p-inputgroup > .p-component:focus ~ label,
1088
- .p-inputgroup > .p-element:focus ~ label,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1090
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1091
1095
  z-index: 1;
1092
1096
  }
@@ -1196,7 +1200,7 @@
1196
1200
  background: #8c239e;
1197
1201
  }
1198
1202
 
1199
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1203
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1200
1204
  border-color: #f44336;
1201
1205
  }
1202
1206
 
@@ -5747,7 +5751,7 @@
5747
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5748
5752
  }
5749
5753
  .p-message .p-message-close:hover {
5750
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5751
5755
  }
5752
5756
  .p-message .p-message-close:focus-visible {
5753
5757
  outline: 0 none;
@@ -5857,7 +5861,7 @@
5857
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5858
5862
  }
5859
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5860
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5861
5865
  }
5862
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5863
5867
  outline: 0 none;
package/resources/themes/soho-dark/theme.css CHANGED
@@ -392,9 +392,9 @@
392
392
  padding: 0.375rem 0;
393
393
  }
394
394
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
395
- font-family: inherit;
396
- font-feature-settings: inherit;
397
- font-size: inherit;
395
+ font-family: var(--font-family);
396
+ font-feature-settings: var(--font-feature-settings, normal);
397
+ font-size: 1rem;
398
398
  color: rgba(255, 255, 255, 0.87);
399
399
  padding: 0;
400
400
  margin: 0;
@@ -883,6 +883,10 @@
883
883
  margin-left: 0.5rem;
884
884
  }
885
885
 
886
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
887
+ border-color: #ff9a9a;
888
+ }
889
+
886
890
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
887
891
  border-color: #b19df7;
888
892
  }
@@ -914,9 +918,9 @@
914
918
  padding: 0.375rem 0;
915
919
  }
916
920
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
917
- font-family: inherit;
918
- font-feature-settings: inherit;
919
- font-size: inherit;
921
+ font-family: var(--font-family);
922
+ font-feature-settings: var(--font-feature-settings, normal);
923
+ font-size: 1rem;
920
924
  color: rgba(255, 255, 255, 0.87);
921
925
  padding: 0;
922
926
  margin: 0;
@@ -1074,6 +1078,10 @@
1074
1078
  background-color: transparent;
1075
1079
  }
1076
1080
 
1081
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1082
+ border-color: #ff9a9a;
1083
+ }
1084
+
1077
1085
  .p-inputgroup-addon {
1078
1086
  background: #282936;
1079
1087
  color: rgba(255, 255, 255, 0.6);
@@ -1088,27 +1096,23 @@
1088
1096
  }
1089
1097
 
1090
1098
  .p-inputgroup > .p-component,
1091
- .p-inputgroup > .p-element,
1092
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1099
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1093
1100
  .p-inputgroup > .p-float-label > .p-component {
1094
1101
  border-radius: 0;
1095
1102
  margin: 0;
1096
1103
  }
1097
1104
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1098
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1100
1106
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1101
1107
  border-left: 0 none;
1102
1108
  }
1103
1109
  .p-inputgroup > .p-component:focus,
1104
- .p-inputgroup > .p-element:focus,
1105
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1106
1111
  .p-inputgroup > .p-float-label > .p-component:focus {
1107
1112
  z-index: 1;
1108
1113
  }
1109
1114
  .p-inputgroup > .p-component:focus ~ label,
1110
- .p-inputgroup > .p-element:focus ~ label,
1111
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1115
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1112
1116
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1113
1117
  z-index: 1;
1114
1118
  }
@@ -1218,7 +1222,7 @@
1218
1222
  background: #a28af5;
1219
1223
  }
1220
1224
 
1221
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1225
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1222
1226
  border-color: #ff9a9a;
1223
1227
  }
1224
1228
 
@@ -5721,7 +5725,7 @@
5721
5725
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5722
5726
  }
5723
5727
  .p-message .p-message-close:hover {
5724
- background: rgba(255, 255, 255, 0.3);
5728
+ background: rgba(255, 255, 255, 0.5);
5725
5729
  }
5726
5730
  .p-message .p-message-close:focus-visible {
5727
5731
  outline: 0 none;
@@ -5831,7 +5835,7 @@
5831
5835
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5832
5836
  }
5833
5837
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5834
- background: rgba(255, 255, 255, 0.3);
5838
+ background: rgba(255, 255, 255, 0.5);
5835
5839
  }
5836
5840
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5837
5841
  outline: 0 none;
package/resources/themes/soho-light/theme.css CHANGED
@@ -392,9 +392,9 @@
392
392
  padding: 0.375rem 0;
393
393
  }
394
394
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
395
- font-family: inherit;
396
- font-feature-settings: inherit;
397
- font-size: inherit;
395
+ font-family: var(--font-family);
396
+ font-feature-settings: var(--font-feature-settings, normal);
397
+ font-size: 1rem;
398
398
  color: #043d75;
399
399
  padding: 0;
400
400
  margin: 0;
@@ -883,6 +883,10 @@
883
883
  margin-left: 0.5rem;
884
884
  }
885
885
 
886
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
887
+ border-color: #ff6767;
888
+ }
889
+
886
890
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
887
891
  border-color: #7254f3;
888
892
  }
@@ -914,9 +918,9 @@
914
918
  padding: 0.375rem 0;
915
919
  }
916
920
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
917
- font-family: inherit;
918
- font-feature-settings: inherit;
919
- font-size: inherit;
921
+ font-family: var(--font-family);
922
+ font-feature-settings: var(--font-feature-settings, normal);
923
+ font-size: 1rem;
920
924
  color: #043d75;
921
925
  padding: 0;
922
926
  margin: 0;
@@ -1074,6 +1078,10 @@
1074
1078
  background-color: transparent;
1075
1079
  }
1076
1080
 
1081
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1082
+ border-color: #ff6767;
1083
+ }
1084
+
1077
1085
  .p-inputgroup-addon {
1078
1086
  background: #f6f9fc;
1079
1087
  color: #708da9;
@@ -1088,27 +1096,23 @@
1088
1096
  }
1089
1097
 
1090
1098
  .p-inputgroup > .p-component,
1091
- .p-inputgroup > .p-element,
1092
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1099
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1093
1100
  .p-inputgroup > .p-float-label > .p-component {
1094
1101
  border-radius: 0;
1095
1102
  margin: 0;
1096
1103
  }
1097
1104
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1098
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1099
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1100
1106
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1101
1107
  border-left: 0 none;
1102
1108
  }
1103
1109
  .p-inputgroup > .p-component:focus,
1104
- .p-inputgroup > .p-element:focus,
1105
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1106
1111
  .p-inputgroup > .p-float-label > .p-component:focus {
1107
1112
  z-index: 1;
1108
1113
  }
1109
1114
  .p-inputgroup > .p-component:focus ~ label,
1110
- .p-inputgroup > .p-element:focus ~ label,
1111
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1115
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1112
1116
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1113
1117
  z-index: 1;
1114
1118
  }
@@ -1218,7 +1222,7 @@
1218
1222
  background: #6545f2;
1219
1223
  }
1220
1224
 
1221
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1225
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1222
1226
  border-color: #ff6767;
1223
1227
  }
1224
1228
 
@@ -5721,7 +5725,7 @@
5721
5725
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5722
5726
  }
5723
5727
  .p-message .p-message-close:hover {
5724
- background: rgba(255, 255, 255, 0.3);
5728
+ background: rgba(255, 255, 255, 0.5);
5725
5729
  }
5726
5730
  .p-message .p-message-close:focus-visible {
5727
5731
  outline: 0 none;
@@ -5831,7 +5835,7 @@
5831
5835
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5832
5836
  }
5833
5837
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5834
- background: rgba(255, 255, 255, 0.3);
5838
+ background: rgba(255, 255, 255, 0.5);
5835
5839
  }
5836
5840
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5837
5841
  outline: 0 none;
package/resources/themes/tailwind-light/theme.css CHANGED
@@ -406,9 +406,9 @@
406
406
  padding: 0.375rem 0;
407
407
  }
408
408
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
409
- font-family: inherit;
410
- font-feature-settings: inherit;
411
- font-size: inherit;
409
+ font-family: var(--font-family);
410
+ font-feature-settings: var(--font-feature-settings, normal);
411
+ font-size: 1rem;
412
412
  color: #3f3f46;
413
413
  padding: 0;
414
414
  margin: 0;
@@ -897,6 +897,10 @@
897
897
  margin-left: 0.5rem;
898
898
  }
899
899
 
900
+ p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
901
+ border-color: #f0a9a7;
902
+ }
903
+
900
904
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
901
905
  border-color: #d4d4d8;
902
906
  }
@@ -928,9 +932,9 @@
928
932
  padding: 0.375rem 0;
929
933
  }
930
934
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
931
- font-family: inherit;
932
- font-feature-settings: inherit;
933
- font-size: inherit;
935
+ font-family: var(--font-family);
936
+ font-feature-settings: var(--font-feature-settings, normal);
937
+ font-size: 1rem;
934
938
  color: #3f3f46;
935
939
  padding: 0;
936
940
  margin: 0;
@@ -1088,6 +1092,10 @@
1088
1092
  background-color: transparent;
1089
1093
  }
1090
1094
 
1095
+ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
1096
+ border-color: #f0a9a7;
1097
+ }
1098
+
1091
1099
  .p-inputgroup-addon {
1092
1100
  background: #fafafa;
1093
1101
  color: #71717a;
@@ -1102,27 +1110,23 @@
1102
1110
  }
1103
1111
 
1104
1112
  .p-inputgroup > .p-component,
1105
- .p-inputgroup > .p-element,
1106
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1113
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1107
1114
  .p-inputgroup > .p-float-label > .p-component {
1108
1115
  border-radius: 0;
1109
1116
  margin: 0;
1110
1117
  }
1111
1118
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1112
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1113
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1119
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1114
1120
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1115
1121
  border-left: 0 none;
1116
1122
  }
1117
1123
  .p-inputgroup > .p-component:focus,
1118
- .p-inputgroup > .p-element:focus,
1119
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1124
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1120
1125
  .p-inputgroup > .p-float-label > .p-component:focus {
1121
1126
  z-index: 1;
1122
1127
  }
1123
1128
  .p-inputgroup > .p-component:focus ~ label,
1124
- .p-inputgroup > .p-element:focus ~ label,
1125
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1129
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1126
1130
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1127
1131
  z-index: 1;
1128
1132
  }
@@ -1232,7 +1236,7 @@
1232
1236
  background: #4338ca;
1233
1237
  }
1234
1238
 
1235
- p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1239
+ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
1236
1240
  border-color: #f0a9a7;
1237
1241
  }
1238
1242
 
@@ -5783,7 +5787,7 @@
5783
5787
  transition: none;
5784
5788
  }
5785
5789
  .p-message .p-message-close:hover {
5786
- background: rgba(255, 255, 255, 0.3);
5790
+ background: rgba(255, 255, 255, 0.5);
5787
5791
  }
5788
5792
  .p-message .p-message-close:focus-visible {
5789
5793
  outline: 0 none;
@@ -5893,7 +5897,7 @@
5893
5897
  transition: none;
5894
5898
  }
5895
5899
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5896
- background: rgba(255, 255, 255, 0.3);
5900
+ background: rgba(255, 255, 255, 0.5);
5897
5901
  }
5898
5902
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5899
5903
  outline: 0 none;
package/resources/themes/vela-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
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: #ef9a9a;
866
+ }
867
+
864
868
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
865
869
  border-color: #64B5F6;
866
870
  }
@@ -892,9 +896,9 @@
892
896
  padding: 0.25rem 0;
893
897
  }
894
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
895
- font-family: inherit;
896
- font-feature-settings: inherit;
897
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
898
902
  color: rgba(255, 255, 255, 0.87);
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: #ef9a9a;
1061
+ }
1062
+
1055
1063
  .p-inputgroup-addon {
1056
1064
  background: #1f2d40;
1057
1065
  color: rgba(255, 255, 255, 0.6);
@@ -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: #43a5f4;
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: #ef9a9a;
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;