Merge branch 'master' of https://github.com/primefaces/primevue

components/lib/dropdown/BaseDropdown.vue

@@ -132,11 +132,11 @@ export default {
         },
         highlightOnSelect: {
             type: Boolean,
-            default: false
+            default: true
         },
         showTick: {
             type: Boolean,
-            default: true
+            default: false
         },
         filterMessage: {
             type: String,

components/lib/dropdown/Dropdown.d.ts

@@ -436,12 +436,12 @@ export interface DropdownProps {
     focusOnHover?: boolean | undefined;
     /**
      *  Whether the selected option will be add highlight class.
-     *  @defaultValue false
+     *  @defaultValue true
      */
     highlightOnSelect?: boolean | undefined;
     /**
      *  Whether the selected option will be shown with a tick.
-     *  @defaultValue true
+     *  @defaultValue false
      */
     showTick?: boolean | undefined;
     /**

doc/common/apidoc/index.json

@@ -24267,7 +24267,7 @@
                             "optional": true,
                             "readonly": false,
                             "type": "boolean",
-                            "default": "false",
+                            "default": "true",
                             "description": "Whether the selected option will be add highlight class."
                         },
                         {
@@ -24275,7 +24275,7 @@
                             "optional": true,
                             "readonly": false,
                             "type": "boolean",
-                            "default": "true",
+                            "default": "false",
                             "description": "Whether the selected option will be shown with a tick."
                         },
                         {

doc/dropdown/TickDoc.vue

@@ -0,0 +1,75 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>An alternative way to highlight the selected option is displaying a tick instead.</p>
+    </DocSectionText>
+    <div class="card flex justify-content-center">
+        <Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
+    </div>
+    <DocSectionCode :code="code" />
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            selectedCity: null,
+            cities: [
+                { name: 'New York', code: 'NY' },
+                { name: 'Rome', code: 'RM' },
+                { name: 'London', code: 'LDN' },
+                { name: 'Istanbul', code: 'IST' },
+                { name: 'Paris', code: 'PRS' }
+            ],
+            code: {
+                basic: `
+<Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
+`,
+                options: `
+<template>
+    <div class="card flex justify-content-center">
+        <Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            selectedCity: null,
+            cities: [
+                { name: 'New York', code: 'NY' },
+                { name: 'Rome', code: 'RM' },
+                { name: 'London', code: 'LDN' },
+                { name: 'Istanbul', code: 'IST' },
+                { name: 'Paris', code: 'PRS' }
+            ]
+        };
+    }
+};
+<\/script>
+`,
+                composition: `
+<template>
+    <div class="card flex justify-content-center">
+        <Dropdown v-model="selectedCity" :options="cities" optionLabel="name" placeholder="Select a City" showTick :highlightOnSelect="false" class="w-full md:w-14rem" />
+    </div>
+</template>
+
+<script setup>
+import { ref } from "vue";
+
+const selectedCity = ref();
+const cities = ref([
+    { name: 'New York', code: 'NY' },
+    { name: 'Rome', code: 'RM' },
+    { name: 'London', code: 'LDN' },
+    { name: 'Istanbul', code: 'IST' },
+    { name: 'Paris', code: 'PRS' }
+]);
+<\/script>
+`
+            }
+        };
+    }
+};
+</script>

pages/dropdown/index.vue

@@ -24,6 +24,7 @@ import InvalidDoc from '@/doc/dropdown/InvalidDoc.vue';
 import LazyVirtualScrollDoc from '@/doc/dropdown/LazyVirtualScrollDoc.vue';
 import LoadingStateDoc from '@/doc/dropdown/LoadingStateDoc.vue';
 import TemplateDoc from '@/doc/dropdown/TemplateDoc.vue';
+import TickDoc from '@/doc/dropdown/TickDoc.vue';
 import VirtualScrollDoc from '@/doc/dropdown/VirtualScrollDoc.vue';
 import PTComponent from '@/doc/dropdown/pt/index.vue';
 import ThemingDoc from '@/doc/dropdown/theming/index.vue';
@@ -42,6 +43,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'tick',
+                    label: 'Tick',
+                    component: TickDoc
+                },
                 {
                     id: 'editable',
                     label: 'Editable',

public/themes/arya-blue/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/arya-green/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/arya-orange/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/arya-purple/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/aura-dark-amber/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-dark-cyan/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-dark-green/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-dark-lime/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-dark-noir/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-dark-pink/theme.css

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1028,6 +1028,11 @@
     color: #ffffff;
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-amber/theme.css

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-cyan/theme.css

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-green/theme.css

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-lime/theme.css

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-noir/theme.css

@@ -1034,6 +1034,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

public/themes/aura-light-pink/theme.css

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1030,6 +1030,11 @@
     color: #1e293b;
     background: #f1f5f9;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.5rem 0.75rem;

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

@@ -1013,6 +1013,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

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

@@ -1013,6 +1013,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

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

@@ -1013,6 +1013,11 @@
     color: #212529;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

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

@@ -1013,6 +1013,11 @@
     color: #212529;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/fluent-light/theme.css

@@ -1009,6 +1009,11 @@
     color: #323130;
     background: #f3f2f1;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 0.5rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

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

@@ -1028,6 +1028,11 @@
     color: #4b5563;
     background: #f3f4f6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

public/themes/luna-amber/theme.css

@@ -1013,6 +1013,11 @@
     color: #dedede;
     background: #4c4c4c;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/luna-blue/theme.css

@@ -1013,6 +1013,11 @@
     color: #dedede;
     background: #4c4c4c;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/luna-green/theme.css

@@ -1013,6 +1013,11 @@
     color: #dedede;
     background: #4c4c4c;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/luna-pink/theme.css

@@ -1013,6 +1013,11 @@
     color: #dedede;
     background: #4c4c4c;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 1rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 1rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(0, 0, 0, 0.87);
     background: rgba(0, 0, 0, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 1rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(0, 0, 0, 0.87);
     background: rgba(0, 0, 0, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 1rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(0, 0, 0, 0.87);
     background: rgba(0, 0, 0, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem;

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

@@ -1033,6 +1033,11 @@
     color: rgba(0, 0, 0, 0.87);
     background: rgba(0, 0, 0, 0.04);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem;

public/themes/mira/theme.css

@@ -1037,6 +1037,11 @@
     color: #4C566A;
     background: transparent;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/nano/theme.css

@@ -1009,6 +1009,11 @@
     color: #343a3f;
     background: #dde1e6;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.25rem 0.5rem;

public/themes/nova-accent/theme.css

@@ -1009,6 +1009,11 @@
     color: #333333;
     background: #eaeaea;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/nova-alt/theme.css

@@ -1013,6 +1013,11 @@
     color: #333333;
     background: #eaeaea;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/nova-vue/theme.css

@@ -1013,6 +1013,11 @@
     color: #333333;
     background: #eaeaea;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/nova/theme.css

@@ -1013,6 +1013,11 @@
     color: #333333;
     background: #eaeaea;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/rhea/theme.css

@@ -1009,6 +1009,11 @@
     color: #666666;
     background: #f4f4f4;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.857rem;

public/themes/saga-blue/theme.css

@@ -1009,6 +1009,11 @@
     color: #495057;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/saga-green/theme.css

@@ -1009,6 +1009,11 @@
     color: #495057;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/saga-orange/theme.css

@@ -1009,6 +1009,11 @@
     color: #495057;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/saga-purple/theme.css

@@ -1009,6 +1009,11 @@
     color: #495057;
     background: #e9ecef;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/soho-dark/theme.css

@@ -1033,6 +1033,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

public/themes/soho-light/theme.css

@@ -1033,6 +1033,11 @@
     color: #043d75;
     background: #f6f9fc;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1.25rem;

public/themes/tailwind-light/theme.css

@@ -1044,6 +1044,11 @@
     color: #18181B;
     background: #f4f4f5;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/vela-blue/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/vela-green/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/vela-orange/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/vela-purple/theme.css

@@ -1009,6 +1009,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/viva-dark/theme.css

@@ -1041,6 +1041,11 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(158, 173, 230, 0.08);
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;

public/themes/viva-light/theme.css

@@ -1041,6 +1041,11 @@
     color: #6c6c6c;
     background: #edf0fA;
   }
+  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-tick-icon {
+    position: relative;
+    margin-left: -0.5rem;
+    margin-right: 0.5rem;
+  }
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
     margin: 0;
     padding: 0.75rem 1rem;