@bagelink/vue 1.15.162 → 1.15.164

package/package.json

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

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

@@ -13,6 +13,7 @@ const props = withDefaults(
 		required?: boolean
 		error?: string
 		thin?: boolean
+		size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 		multiselect?: boolean
 	} & BagelInputShellProps>(),
 	{ multiselect: false },
@@ -60,6 +61,7 @@ function isSelected(val: OptionValue) {
 		<div class="flex flex-wrap gap-05">
 			<Btn
 				v-for="option in options" :key="String(getOptionValue(option))" :thin="thin"
+				:size="size"
 				type="button"
 				:class="isSelected(getOptionValue(option)!) ? 'color-white' : 'bg-transparent'"
 				:style="isSelected(getOptionValue(option)!)
@@ -72,7 +74,7 @@ function isSelected(val: OptionValue) {
 						color: 'var(--bgl-input-label-active-color, var(--bgl-border-color))',
 						borderColor: 'var(--bgl-input-label-active-color, var(--bgl-border-color))',
 					}"
-				class="border px-075 radius-2"
+				class="border radius-2 SelectBtn-padding"
 				@click="toggleOption(getOptionValue(option)!)"
 			>
 				<Icon v-if="getOptionIcon(option)" :icon="getOptionIcon(option)!" weight="300" />
@@ -90,5 +92,8 @@ function isSelected(val: OptionValue) {
 .SelectBtn {
 --bgl-btn-height: 30px;
 }
+.SelectBtn-padding{
+	padding: var(--bgl-select-btn-padding, 0.75rem);
+}
 
 </style>

package/src/styles/layout.css

@@ -4115,6 +4115,10 @@
     flex-wrap: wrap;
 }
 
+.flex-wrap-nowrap {
+    flex-wrap: nowrap;
+}
+
 .flex-reverse {
     flex-direction: row-reverse;
 }

package/src/styles/mobilLayout.css

@@ -4146,6 +4146,10 @@
         flex-wrap: wrap;
     }
 
+    .m_flex-wrap-nowrap {
+        flex-wrap: nowrap;
+    }
+
     .m_flex-reverse {
         flex-direction: row-reverse;
     }