primevue 3.12.4 → 3.13.0

package/resources/themes/arya-orange/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32d23;
   --red-800:#8c231c;
   --red-900:#661a14;
+  --primary-50:#fffdf6;
+  --primary-100:#fff5d5;
+  --primary-200:#ffedb3;
+  --primary-300:#ffe592;
+  --primary-400:#ffdd70;
+  --primary-500:#ffd54f;
+  --primary-600:#d9b543;
+  --primary-700:#b39537;
+  --primary-800:#8c752b;
+  --primary-900:#665520;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #ef9a9a;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4128,7 +4142,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(56, 56, 56, 0);
-  border-bottom-color: #383838;
+  border-bottom-color: #353535;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1e1e1e;
@@ -4873,7 +4887,6 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/arya-purple/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32d23;
   --red-800:#8c231c;
   --red-900:#661a14;
+  --primary-50:#fcf7fc;
+  --primary-100:#eedbf2;
+  --primary-200:#e1bee7;
+  --primary-300:#d4a1dd;
+  --primary-400:#c785d2;
+  --primary-500:#ba68c8;
+  --primary-600:#9e58aa;
+  --primary-700:#82498c;
+  --primary-800:#66396e;
+  --primary-900:#4a2a50;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #ef9a9a;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4128,7 +4142,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(56, 56, 56, 0);
-  border-bottom-color: #383838;
+  border-bottom-color: #353535;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #1e1e1e;
@@ -4873,7 +4887,6 @@
   border: 1px solid #383838;
   background: #1e1e1e;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -222,6 +222,16 @@
   --red-700:#9a2530;
   --red-800:#791d26;
   --red-900:#58151c;
+  --primary-50:#f9fdff;
+  --primary-100:#e4f4ff;
+  --primary-200:#ceebff;
+  --primary-300:#b8e2ff;
+  --primary-400:#a3d9ff;
+  --primary-500:#8dd0ff;
+  --primary-600:#78b1d9;
+  --primary-700:#6392b3;
+  --primary-800:#4e728c;
+  --primary-900:#385366;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1082,6 +1092,10 @@
   transition-duration: 0.15s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #f19ea6;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4140,7 +4154,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(63, 75, 91, 0);
-  border-bottom-color: #3f4b5b;
+  border-bottom-color: #3c4756;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #2a323d;
@@ -4885,7 +4899,6 @@
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/bootstrap4-dark-purple/theme.css

@@ -222,6 +222,16 @@
   --red-700:#9a2530;
   --red-800:#791d26;
   --red-900:#58151c;
+  --primary-50:#fcfafd;
+  --primary-100:#f0e6f6;
+  --primary-200:#e5d3ee;
+  --primary-300:#d9bfe7;
+  --primary-400:#ceacdf;
+  --primary-500:#c298d8;
+  --primary-600:#a581b8;
+  --primary-700:#886a97;
+  --primary-800:#6b5477;
+  --primary-900:#4e3d56;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1082,6 +1092,10 @@
   transition-duration: 0.15s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #f19ea6;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4140,7 +4154,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(63, 75, 91, 0);
-  border-bottom-color: #3f4b5b;
+  border-bottom-color: #3c4756;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #2a323d;
@@ -4885,7 +4899,6 @@
   border: 1px solid #3f4b5b;
   background: #2a323d;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/bootstrap4-light-blue/theme.css

@@ -222,6 +222,16 @@
   --red-700:#9a2530;
   --red-800:#791d26;
   --red-900:#58151c;
+  --primary-50:#f2f8ff;
+  --primary-100:#c2dfff;
+  --primary-200:#91c6ff;
+  --primary-300:#61adff;
+  --primary-400:#3094ff;
+  --primary-500:#007bff;
+  --primary-600:#0069d9;
+  --primary-700:#0056b3;
+  --primary-800:#00448c;
+  --primary-900:#003166;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1082,6 +1092,10 @@
   transition-duration: 0.15s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #dc3545;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #495057;
@@ -4885,7 +4899,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/bootstrap4-light-purple/theme.css

@@ -222,6 +222,16 @@
   --red-700:#9a2530;
   --red-800:#791d26;
   --red-900:#58151c;
+  --primary-50:#f9f5fb;
+  --primary-100:#e2d0ec;
+  --primary-200:#ccabdc;
+  --primary-300:#b586cd;
+  --primary-400:#9f61bd;
+  --primary-500:#883cae;
+  --primary-600:#743394;
+  --primary-700:#5f2a7a;
+  --primary-800:#4b2160;
+  --primary-900:#361846;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1082,6 +1092,10 @@
   transition-duration: 0.15s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #dc3545;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #495057;
@@ -4885,7 +4899,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #212529;
-  margin-bottom: 0;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/fluent-light/theme.css

@@ -222,6 +222,16 @@
   --red-700:#922427;
   --red-800:#731d1f;
   --red-900:#541516;
+  --primary-50:#f2f8fd;
+  --primary-100:#c2dff5;
+  --primary-200:#91c5ed;
+  --primary-300:#61abe4;
+  --primary-400:#3092dc;
+  --primary-500:#0078d4;
+  --primary-600:#0066b4;
+  --primary-700:#005494;
+  --primary-800:#004275;
+  --primary-900:#003055;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #a4252c;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #605e5c;
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -4848,7 +4862,6 @@
   border: 1px solid #a19f9d;
   background: #ffffff;
   color: #323130;
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-dark-blue/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#fafcff;
+  --primary-100:#e5f1ff;
+  --primary-200:#d1e6fe;
+  --primary-300:#bcdbfe;
+  --primary-400:#a8d0fd;
+  --primary-500:#93c5fd;
+  --primary-600:#7da7d7;
+  --primary-700:#678ab1;
+  --primary-800:#516c8b;
+  --primary-900:#3b4f65;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #FCA5A5;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
-  border-bottom-color: #0b213f;
+  border-bottom-color: #0a1f3c;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #071426;
@@ -4848,7 +4862,6 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-dark-indigo/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#fbfbff;
+  --primary-100:#e9edfe;
+  --primary-200:#d8dffe;
+  --primary-300:#c7d1fd;
+  --primary-400:#b6c2fd;
+  --primary-500:#a5b4fc;
+  --primary-600:#8c99d6;
+  --primary-700:#747eb0;
+  --primary-800:#5b638b;
+  --primary-900:#424865;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #FCA5A5;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
-  border-bottom-color: #0b213f;
+  border-bottom-color: #0a1f3c;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #071426;
@@ -4848,7 +4862,6 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-dark-purple/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#fcfbff;
+  --primary-100:#f1edff;
+  --primary-200:#e6dffe;
+  --primary-300:#dad1fe;
+  --primary-400:#cfc3fd;
+  --primary-500:#c4b5fd;
+  --primary-600:#a79ad7;
+  --primary-700:#897fb1;
+  --primary-800:#6c648b;
+  --primary-900:#4e4865;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #FCA5A5;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
-  border-bottom-color: #0b213f;
+  border-bottom-color: #0a1f3c;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #071426;
@@ -4848,7 +4862,6 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-dark-teal/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#f7fefd;
+  --primary-100:#d8faf5;
+  --primary-200:#baf6ed;
+  --primary-300:#9bf2e4;
+  --primary-400:#7deedc;
+  --primary-500:#5eead4;
+  --primary-600:#50c7b4;
+  --primary-700:#42a494;
+  --primary-800:#348175;
+  --primary-900:#265e55;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #FCA5A5;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(11, 33, 63, 0);
-  border-bottom-color: #0b213f;
+  border-bottom-color: #0a1f3c;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #071426;
@@ -4848,7 +4862,6 @@
   border: 1px solid #0b213f;
   background: #071426;
   color: rgba(255, 255, 255, 0.87);
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-light-blue/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#f5f9ff;
+  --primary-100:#d0e1fd;
+  --primary-200:#abc9fb;
+  --primary-300:#85b2f9;
+  --primary-400:#609af8;
+  --primary-500:#3b82f6;
+  --primary-600:#326fd1;
+  --primary-700:#295bac;
+  --primary-800:#204887;
+  --primary-900:#183462;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #e24c4c;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -4848,7 +4862,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-light-indigo/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#f7f7fe;
+  --primary-100:#dadafc;
+  --primary-200:#bcbdf9;
+  --primary-300:#9ea0f6;
+  --primary-400:#8183f4;
+  --primary-500:#6366f1;
+  --primary-600:#5457cd;
+  --primary-700:#4547a9;
+  --primary-800:#363885;
+  --primary-900:#282960;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #e24c4c;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -4848,7 +4862,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-light-purple/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#f9f7ff;
+  --primary-100:#e3d8fd;
+  --primary-200:#cdb9fb;
+  --primary-300:#b79af9;
+  --primary-400:#a17bf8;
+  --primary-500:#8b5cf6;
+  --primary-600:#764ed1;
+  --primary-700:#6140ac;
+  --primary-800:#4c3387;
+  --primary-900:#382562;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #e24c4c;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -4848,7 +4862,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/lara-light-teal/theme.css

@@ -222,6 +222,16 @@
   --red-700:#b32b23;
   --red-800:#8c221c;
   --red-900:#661814;
+  --primary-50:#f3fbfb;
+  --primary-100:#c7eeea;
+  --primary-200:#9ae0d9;
+  --primary-300:#6dd3c8;
+  --primary-400:#41c5b7;
+  --primary-500:#14b8a6;
+  --primary-600:#119c8d;
+  --primary-700:#0e8174;
+  --primary-800:#0b655b;
+  --primary-900:#084a42;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1078,6 +1088,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #e24c4c;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -4103,7 +4117,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #ffffff;
+  border-bottom-color: #f2f2f2;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #ffffff;
@@ -4848,7 +4862,6 @@
   border: 1px solid #dee2e6;
   background: #ffffff;
   color: #495057;
-  margin-bottom: 4px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;

package/resources/themes/luna-amber/theme.css

@@ -222,6 +222,16 @@
   --red-700:#971d0d;
   --red-800:#77170a;
   --red-900:#561108;
+  --primary-50:#fffdf9;
+  --primary-100:#fff8e1;
+  --primary-200:#fff2c9;
+  --primary-300:#ffecb2;
+  --primary-400:#ffe69a;
+  --primary-500:#ffe082;
+  --primary-600:#d9be6f;
+  --primary-700:#b39d5b;
+  --primary-800:#8c7b48;
+  --primary-900:#665a34;
 }
 
 .p-autocomplete .p-autocomplete-loader {
@@ -1082,6 +1092,10 @@
   transition-duration: 0.2s;
 }
 
+.p-float-label > .p-invalid + label {
+  color: #e57373;
+}
+
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -4115,7 +4129,7 @@
 .p-overlaypanel:before {
   border: solid transparent;
   border-color: rgba(25, 25, 25, 0);
-  border-bottom-color: #191919;
+  border-bottom-color: #181818;
 }
 .p-overlaypanel.p-overlaypanel-flipped:after {
   border-top-color: #323232;
@@ -4860,7 +4874,6 @@
   border: 1px solid #191919;
   background: #323232;
   color: #dedede;
-  margin-bottom: 2px;
   border-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;