Add transition to listbox

public/themes/arya-blue/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #383838;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/arya-green/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #383838;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/arya-orange/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #383838;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/arya-purple/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #383838;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/bootstrap4-dark-blue/theme.css

@@ -1184,6 +1184,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #3f4b5b;
   border-radius: 4px;
+  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.5rem;

public/themes/bootstrap4-dark-purple/theme.css

@@ -1184,6 +1184,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #3f4b5b;
   border-radius: 4px;
+  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.5rem;

public/themes/bootstrap4-light-blue/theme.css

@@ -1184,6 +1184,7 @@
   color: #212529;
   border: 1px solid #ced4da;
   border-radius: 4px;
+  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.5rem;

public/themes/bootstrap4-light-purple/theme.css

@@ -1184,6 +1184,7 @@
   color: #212529;
   border: 1px solid #ced4da;
   border-radius: 4px;
+  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.5rem;

public/themes/fluent-light/theme.css

@@ -1180,6 +1180,7 @@
   color: #323130;
   border: 1px solid #605e5c;
   border-radius: 2px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 0.5rem;

public/themes/lara-dark-blue/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #0b213f;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-dark-indigo/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #0b213f;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-dark-purple/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #0b213f;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-dark-teal/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #0b213f;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-light-blue/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-light-indigo/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-light-purple/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/lara-light-teal/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem 1.25rem;

public/themes/luna-amber/theme.css

@@ -1184,6 +1184,7 @@
   color: #dedede;
   border: 1px solid #4b4b4b;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/luna-blue/theme.css

@@ -1184,6 +1184,7 @@
   color: #dedede;
   border: 1px solid #4b4b4b;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/luna-green/theme.css

@@ -1184,6 +1184,7 @@
   color: #dedede;
   border: 1px solid #4b4b4b;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/luna-pink/theme.css

@@ -1184,6 +1184,7 @@
   color: #dedede;
   border: 1px solid #4b4b4b;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/md-dark-deeppurple/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;

public/themes/md-dark-indigo/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;

public/themes/md-light-deeppurple/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;

public/themes/md-light-indigo/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 1rem;

public/themes/mdc-dark-deeppurple/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;

public/themes/mdc-dark-indigo/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;

public/themes/mdc-light-deeppurple/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;

public/themes/mdc-light-indigo/theme.css

@@ -1204,6 +1204,7 @@
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #e5e5e5;
   border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-listbox .p-listbox-header {
   padding: 0.75rem;

public/themes/nova-accent/theme.css

@@ -1180,6 +1180,7 @@
   color: #333333;
   border: 1px solid #a6a6a6;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/nova-alt/theme.css

@@ -1184,6 +1184,7 @@
   color: #333333;
   border: 1px solid #a6a6a6;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/nova-vue/theme.css

@@ -1184,6 +1184,7 @@
   color: #333333;
   border: 1px solid #a6a6a6;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/nova/theme.css

@@ -1184,6 +1184,7 @@
   color: #333333;
   border: 1px solid #a6a6a6;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/rhea/theme.css

@@ -1180,6 +1180,7 @@
   color: #666666;
   border: 1px solid #dadada;
   border-radius: 2px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.429rem 0.857rem;

public/themes/saga-blue/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/saga-green/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/saga-orange/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/saga-purple/theme.css

@@ -1180,6 +1180,7 @@
   color: #495057;
   border: 1px solid #ced4da;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/tailwind-light/theme.css

@@ -1215,6 +1215,7 @@
   color: #3f3f46;
   border: 1px solid #d4d4d8;
   border-radius: 0.375rem;
+  transition: none;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 0.75rem;

public/themes/vela-blue/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #304562;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/vela-green/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #304562;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/vela-orange/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #304562;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;

public/themes/vela-purple/theme.css

@@ -1180,6 +1180,7 @@
   color: rgba(255, 255, 255, 0.87);
   border: 1px solid #304562;
   border-radius: 3px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-listbox .p-listbox-header {
   padding: 0.5rem 1rem;