@juspay/svelte-ui-components 1.23.0 → 1.25.0

package/dist/Input/Input.svelte

@@ -55,6 +55,7 @@ function onInput(event) {
   }
   properties.value = currentValue;
   properties = properties;
+  dispatch("valueChange", { value: currentValue });
   dispatch("input", event);
 }
 function onPaste(event) {

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

@@ -10,6 +10,7 @@ declare const __propDef: {
         keyup: KeyboardEvent;
         keypress: KeyboardEvent;
         focus: FocusEvent;
+        valueChange: CustomEvent<any>;
         input: CustomEvent<any>;
         paste: CustomEvent<any>;
         focusout: CustomEvent<any>;

package/dist/InputButton/InputButton.svelte

@@ -71,6 +71,7 @@ export function focus() {
         on:stateChange={handleState}
         on:input={(event) => dispatch('input', event)}
         on:focusout={onFocusOut}
+        on:valueChange
         on:focus
         on:click={onInputClick}
         --input-width="auto"

package/dist/InputButton/InputButton.svelte.d.ts

@@ -6,6 +6,7 @@ declare const __propDef: {
         focus?: (() => void) | undefined;
     };
     events: {
+        valueChange: CustomEvent<any>;
         focus: FocusEvent;
         input: CustomEvent<any>;
         rightButtonClick: CustomEvent<any>;

package/dist/Select/Select.svelte

@@ -128,6 +128,7 @@ onDestroy(() => {
         <div class="icon-container">
           <Img {...properties.leftIcon} />
         </div>
+        <slot name="leftContent" />
       {/if}
       <div class="selected-content">
         {#if properties.selectMultipleItems && Array.isArray(properties.selectedItemLabel) && Array.isArray(properties.selectedItem)}

package/dist/Select/Select.svelte.d.ts

@@ -13,6 +13,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
+        leftContent: {};
         bottomContent: {};
     };
 };

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import type { FlyParams } from 'svelte/transition';
  * @name InputDataType
  * @description Different types of input data which can be passed to the Input Component
  */
-export type InputDataType = 'text' | 'tel' | 'password' | 'email';
+export type InputDataType = 'text' | 'tel' | 'password' | 'email' | 'number';
 export type ModalTransition = 'IN' | 'ALL';
 export type AutoCompleteType = 'tel' | 'name' | 'email' | 'one-time-code' | 'postal-code' | 'street-address' | 'on' | 'address-level1';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "1.23.0",
+  "version": "1.25.0",
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build && npm run package",