@marianmeres/stuic 1.59.0 → 1.61.0

package/dist/components/Input/Field.svelte

@@ -61,12 +61,18 @@ const _PRESET_BY_SIZE = {
   }
 };
 export class FieldConfig {
+  //
   static class = _emptyClasses();
   static classBySize = {
     sm: _emptyClasses(),
     md: _emptyClasses(),
     lg: _emptyClasses()
   };
+  static labelLeft = false;
+  static labelLeftWidth = "normal";
+  //
+  static _preset = _PRESET;
+  static _presetBySize = _PRESET_BY_SIZE;
 }
 </script>
 
@@ -98,8 +104,8 @@ export let pattern = void 0;
 export let step = void 0;
 export let useTrim = true;
 export let textareaAutoEnlarge = true;
-export let labelLeft = false;
-export let labelLeftWidth = "normal";
+export let labelLeft = FieldConfig.labelLeft;
+export let labelLeftWidth = FieldConfig.labelLeftWidth;
 export let validate = void 0;
 export let showAsterixOnRequired = true;
 let validation;
@@ -177,7 +183,7 @@ $:
 			class:cursor-not-allowed={disabled}
 			class:opacity-50={disabled}
 		>
-			<div class="flex items-center">
+			<div class="flex">
 				<slot name="input_before" {id} />
 				{#if type === 'textarea'}
 					<textarea

package/dist/components/Input/Field.svelte.d.ts

@@ -19,6 +19,10 @@ export interface FieldConfigClassesBySize {
 export declare class FieldConfig {
     static class: FieldConfigClasses;
     static classBySize: FieldConfigClassesBySize;
+    static labelLeft: boolean;
+    static labelLeftWidth: 'normal' | 'wide';
+    static readonly _preset: FieldConfigClasses;
+    static readonly _presetBySize: FieldConfigClassesBySize;
 }
 declare const __propDef: {
     props: {

package/dist/components/Input/FieldSelect.svelte

@@ -21,7 +21,6 @@ const _PRESET = {
   box: "mb-4 grid",
   // gap-4
   wrap: `
-			flex items-center
             rounded-md border border-gray-300
             bg-gray-100
             focus-within:border-stuic-primary
@@ -58,12 +57,18 @@ const _PRESET_BY_SIZE = {
   }
 };
 export class FieldSelectConfig {
+  //
   static class = _emptyClasses();
   static classBySize = {
     sm: _emptyClasses(),
     md: _emptyClasses(),
     lg: _emptyClasses()
   };
+  static labelLeft = false;
+  static labelLeftWidth = "normal";
+  //
+  static _preset = _PRESET;
+  static _presetBySize = _PRESET_BY_SIZE;
 }
 </script>
 
@@ -84,8 +89,8 @@ export let required = false;
 export let autofocus = void 0;
 export let validate = void 0;
 export let showAsterixOnRequired = true;
-export let labelLeft = false;
-export let labelLeftWidth = "normal";
+export let labelLeft = FieldSelectConfig.labelLeft;
+export let labelLeftWidth = FieldSelectConfig.labelLeftWidth;
 let validation;
 const setValidationResult = (res) => validation = res;
 let _options = [];
@@ -169,27 +174,29 @@ $:
 			class:cursor-not-allowed={disabled}
 			class:opacity-50={disabled}
 		>
-			<slot name="input_before" {id} />
-			<select
-				class={_inputClass}
-				bind:value
-				bind:this={_inputEl}
-				{id}
-				{disabled}
-				{required}
-				{tabindex}
-				{autofocus}
-				{name}
-				use:validateAction={validate
-					? { ...(validate === true ? {} : validate), setValidationResult }
-					: undefined}
-			>
-				{#each _options as o, i}
-					<option value={o.value}>{o.label}</option>
-				{/each}
-			</select>
+			<div class="flex">
+				<slot name="input_before" {id} />
+				<select
+					class={_inputClass}
+					bind:value
+					bind:this={_inputEl}
+					{id}
+					{disabled}
+					{required}
+					{tabindex}
+					{autofocus}
+					{name}
+					use:validateAction={validate
+						? { ...(validate === true ? {} : validate), setValidationResult }
+						: undefined}
+				>
+					{#each _options as o, i}
+						<option value={o.value}>{o.label}</option>
+					{/each}
+				</select>
 
-			<slot name="input_after" {id} />
+				<slot name="input_after" {id} />
+			</div>
 		</div>
 		{#if validation && !validation?.valid}
 			<div transition:slide={{ duration: 150 }} class={_validationMessageClass}>

package/dist/components/Input/FieldSelect.svelte.d.ts

@@ -19,6 +19,10 @@ export interface FieldSelectConfigClassesBySize {
 export declare class FieldSelectConfig {
     static class: FieldSelectConfigClasses;
     static classBySize: FieldSelectConfigClassesBySize;
+    static labelLeft: boolean;
+    static labelLeftWidth: 'normal' | 'wide';
+    static readonly _preset: FieldSelectConfigClasses;
+    static readonly _presetBySize: FieldSelectConfigClassesBySize;
 }
 declare const __propDef: {
     props: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.59.0",
+	"version": "1.61.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",