@bagelink/vue 1.15.291 → 1.15.293

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.15.291",
+  "version": "1.15.293",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/form/inputs/SelectInput.vue

@@ -286,7 +286,7 @@ onMounted(() => {
 				<div class="flex gap-05">
 					<TextInput
 						v-if="searchable && open" ref="searchInput" v-model="searchTerm" class="mb-0"
-						:placeholder="searchPlaceholder" icon="search" @input="selected = false" @click="focusInput"
+						:placeholder="searchPlaceholder" icon="search" :thin @input="selected = false" @click="focusInput"
 						@keydown.down.prevent="navigate('down')" @keydown.up.prevent="navigate('up')"
 					/>
 					<button
@@ -321,7 +321,7 @@ onMounted(() => {
 		</template>
 		<Skeleton v-if="isLoading" :count="6" width="200px" height="25px" class="mx-1 my-1" />
 		<Card class="p-05" frame :style="{ width: fullWidth ? '100%' : 'auto' }" @click.stop>
-			<div ref="selectOptions" class="selectinput-options" :class="{ multiselect }">
+			<div ref="selectOptions" class="selectinput-options " :class="{ multiselect }">
 				<div
 					v-for="(option, i) in results" :key="`${String(getValue(option))}-${i}`"
 					class="selectinput-option hover gap-1 align-items-center" :class="{ selected: isSelected(option) }"
@@ -378,7 +378,7 @@ grid-template-columns: 10px 1fr;
 }
 
 .selectinput-options {
-max-height: 300px;
+max-height: 310px;
 overflow-y: auto;
 }