@juspay/svelte-ui-components 2.81.3 → 2.82.0

package/dist/Input/Input.svelte

@@ -22,6 +22,7 @@
     actionInput = false,
     useTextArea = false,
     autoComplete = 'on',
+    inputMode,
     name = '',
     testId = '',
     textTransformers = [],
@@ -256,6 +257,7 @@
         {value}
         {placeholder}
         autocomplete={autoComplete}
+        inputmode={inputMode}
         {name}
         {role}
         aria-expanded={ariaExpanded}
@@ -286,6 +288,7 @@
         {value}
         {placeholder}
         autocomplete={autoComplete}
+        inputmode={inputMode}
         {name}
         {role}
         aria-expanded={ariaExpanded}

package/dist/Input/properties.d.ts

@@ -41,6 +41,11 @@ export type OptionalInputProperties = {
     /** Show a live `current / maxLength` character counter beneath the field. */
     showCount?: boolean;
     autoComplete?: HTMLInputAttributes['autocomplete'];
+    /**
+     * Virtual-keyboard hint rendered as the native `inputmode` attribute
+     * (e.g. `'numeric'` for OTP/PIN fields). Left off by default.
+     */
+    inputMode?: HTMLInputAttributes['inputmode'];
     name?: string;
     textTransformers?: TextTransformer[];
     textViewPresentation?: TextTransformer[];

package/dist/SplitInput/SplitInput.svelte

@@ -159,6 +159,8 @@
         placeholder={config.placeholder}
         validationPattern={config.validationPattern ?? null}
         validators={config.validators ?? []}
+        autoComplete={config.autoComplete ?? 'on'}
+        inputMode={config.inputMode}
         disable={disabled}
         actionInput={true}
         classes="field-group-input"

package/dist/SplitInput/properties.d.ts

@@ -1,5 +1,5 @@
 import type { OptionalInputProperties } from '../Input/properties';
-export type FieldConfig = Pick<OptionalInputProperties, 'dataType' | 'maxLength' | 'min' | 'max' | 'placeholder' | 'validationPattern' | 'validators' | 'label'>;
+export type FieldConfig = Pick<OptionalInputProperties, 'dataType' | 'maxLength' | 'min' | 'max' | 'placeholder' | 'validationPattern' | 'validators' | 'label' | 'autoComplete' | 'inputMode'>;
 export type SplitInputProperties = MandatorySplitInputProperties & OptionalSplitInputProperties & SplitInputEventProperties;
 export type MandatorySplitInputProperties = {
     values: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.81.3",
+  "version": "2.82.0",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",