@pagopa/io-app-design-system 5.11.13 → 5.11.14

package/lib/commonjs/components/otpInput/BoxedInput.js

@@ -11,12 +11,16 @@ var _IOColors = require("../../core/IOColors");
 var _typography = require("../typography");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MAX_WIDTH = 48;
+const MAX_HEIGHT = 64;
 const styles = _reactNative.StyleSheet.create({
   baseBox: {
     alignItems: "center",
     justifyContent: "center",
-    width: 35,
-    height: 60,
+    flex: 1,
+    maxWidth: MAX_WIDTH,
+    maxHeight: MAX_HEIGHT,
+    aspectRatio: MAX_WIDTH / MAX_HEIGHT,
     borderRadius: 8,
     borderCurve: "continuous"
   }

package/lib/commonjs/components/otpInput/BoxedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_context","_IOColors","_typography","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","baseBox","alignItems","justifyContent","width","height","borderRadius","borderCurve","SecretValue","jsx","IOText","font","weight","size","lineHeight","accessible","children","BoxedInput","status","value","secret","theme","useIOTheme","statusStyle","useMemo","error","borderWidth","borderColor","IOColors","backgroundColor","hexToRgba","focus","View","style","H6","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_context","_IOColors","_typography","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MAX_WIDTH","MAX_HEIGHT","styles","StyleSheet","create","baseBox","alignItems","justifyContent","flex","maxWidth","maxHeight","aspectRatio","borderRadius","borderCurve","SecretValue","jsx","IOText","font","weight","size","lineHeight","accessible","children","BoxedInput","status","value","secret","theme","useIOTheme","statusStyle","useMemo","error","borderWidth","borderColor","IOColors","backgroundColor","hexToRgba","focus","View","style","H6","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/otpInput/OTPInput.js

@@ -17,6 +17,7 @@ var _BoxedInput = require("./BoxedInput");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const OTP_ITEMS_GAP = 8;
 /**
  * `OTPInput` is a component that allows the user to enter a one-time password.
  * It has an hidden `TextInput` that is used to handle the keyboard and the focus.
@@ -112,7 +113,8 @@ const OTPInput = exports.OTPInput = /*#__PURE__*/(0, _react.forwardRef)(({
       ref: ref,
       style: {
         flexDirection: "row",
-        justifyContent: "space-around"
+        justifyContent: "space-between",
+        columnGap: OTP_ITEMS_GAP
       },
       accessible: true,
       accessibilityLabel: accessibilityLabel,

package/lib/commonjs/components/otpInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_reactNativeReanimated","_interopRequireDefault","_context","_functions","_useErrorShakeAnimation","_layout","_typography","_BoxedInput","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OTPInput","exports","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","theme","useIOTheme","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","undefined","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","key","AccessibilityInfo","announceForAccessibility","jsxs","View","style","flexGrow","children","Pressable","onPress","focus","flexDirection","justifyContent","accessible","accessibilityValue","text","jsx","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","secureTextEntry","Array","map","_","BoxedInput","status","VSpacer","size","BodySmall","weight","color","errorText","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_reactNative","_reactNativeReanimated","_interopRequireDefault","_context","_functions","_useErrorShakeAnimation","_layout","_typography","_BoxedInput","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","OTP_ITEMS_GAP","OTPInput","exports","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","theme","useIOTheme","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","undefined","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","key","AccessibilityInfo","announceForAccessibility","jsxs","View","style","flexGrow","children","Pressable","onPress","focus","flexDirection","justifyContent","columnGap","accessible","accessibilityValue","text","jsx","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","secureTextEntry","Array","map","_","BoxedInput","status","VSpacer","size","BodySmall","weight","color","errorText","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/otpInput/BoxedInput.js

@@ -6,12 +6,16 @@ import { useIOTheme } from "../../context";
 import { hexToRgba, IOColors } from "../../core/IOColors";
 import { H6, IOText } from "../typography";
 import { jsx as _jsx } from "react/jsx-runtime";
+const MAX_WIDTH = 48;
+const MAX_HEIGHT = 64;
 const styles = StyleSheet.create({
   baseBox: {
     alignItems: "center",
     justifyContent: "center",
-    width: 35,
-    height: 60,
+    flex: 1,
+    maxWidth: MAX_WIDTH,
+    maxHeight: MAX_HEIGHT,
+    aspectRatio: MAX_WIDTH / MAX_HEIGHT,
     borderRadius: 8,
     borderCurve: "continuous"
   }

package/lib/module/components/otpInput/BoxedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","View","useIOTheme","hexToRgba","IOColors","H6","IOText","jsx","_jsx","styles","create","baseBox","alignItems","justifyContent","width","height","borderRadius","borderCurve","SecretValue","font","weight","size","lineHeight","accessible","children","BoxedInput","status","value","secret","theme","statusStyle","error","borderWidth","borderColor","backgroundColor","focus","default","style"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,qBAAqB;AACzD,SAASC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ3C,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAA,kBAClBV,IAAA,CAACF,MAAM;EACLa,IAAI,EAAC,UAAU;EACfC,MAAM,EAAC,UAAU;EACjBC,IAAI,EAAE,EAAG;EACTC,UAAU,EAAE,EAAG;EACfC,UAAU,EAAE,KAAM;EAAAC,QAAA,EAEjB;AAAG,CACE,CACT;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EAC9D,MAAMC,KAAK,GAAG3B,UAAU,CAAC,CAAC;EAE1B,MAAM4B,WAA+C,GAAG/B,OAAO,CAC7D,OAAO;IACLgC,KAAK,EAAE;MACLC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE7B,QAAQ,CAACyB,KAAK,CAAC,sBAAsB,CAAC,CAAC;MACpDK,eAAe,EAAE/B,SAAS,CACxBC,QAAQ,CAACyB,KAAK,CAAC,sBAAsB,CAAC,CAAC,EACvC,IACF;IACF,CAAC;IACDM,KAAK,EAAE;MACLH,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE7B,QAAQ,CAACyB,KAAK,CAAC,yBAAyB,CAAC;IACxD,CAAC;IACDO,OAAO,EAAE;MACPJ,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE7B,QAAQ,CAACyB,KAAK,CAAC,wBAAwB,CAAC;IACvD;EACF,CAAC,CAAC,EACF,CAACA,KAAK,CACR,CAAC;EAED,oBACErB,IAAA,CAACP,IAAI;IAACoC,KAAK,EAAE,CAAC5B,MAAM,CAACE,OAAO,EAAEmB,WAAW,CAACJ,MAAM,CAAC,CAAE;IAACH,UAAU,EAAE,KAAM;IAAAC,QAAA,EACnEG,KAAK,KACHC,MAAM,gBAAGpB,IAAA,CAACU,WAAW,IAAE,CAAC,gBAAGV,IAAA,CAACH,EAAE;MAACkB,UAAU,EAAE,KAAM;MAAAC,QAAA,EAAEG;IAAK,CAAK,CAAC;EAAC,CAC9D,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","View","useIOTheme","hexToRgba","IOColors","H6","IOText","jsx","_jsx","MAX_WIDTH","MAX_HEIGHT","styles","create","baseBox","alignItems","justifyContent","flex","maxWidth","maxHeight","aspectRatio","borderRadius","borderCurve","SecretValue","font","weight","size","lineHeight","accessible","children","BoxedInput","status","value","secret","theme","statusStyle","error","borderWidth","borderColor","backgroundColor","focus","default","style"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,qBAAqB;AACzD,SAASC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,SAAS,GAAG,EAAE;AACpB,MAAMC,UAAU,GAAG,EAAE;AAQrB,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAER,SAAS;IACnBS,SAAS,EAAER,UAAU;IACrBS,WAAW,EAAEV,SAAS,GAAGC,UAAU;IACnCU,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAA,kBAClBd,IAAA,CAACF,MAAM;EACLiB,IAAI,EAAC,UAAU;EACfC,MAAM,EAAC,UAAU;EACjBC,IAAI,EAAE,EAAG;EACTC,UAAU,EAAE,EAAG;EACfC,UAAU,EAAE,KAAM;EAAAC,QAAA,EAEjB;AAAG,CACE,CACT;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EAC9D,MAAMC,KAAK,GAAG/B,UAAU,CAAC,CAAC;EAE1B,MAAMgC,WAA+C,GAAGnC,OAAO,CAC7D,OAAO;IACLoC,KAAK,EAAE;MACLC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjC,QAAQ,CAAC6B,KAAK,CAAC,sBAAsB,CAAC,CAAC;MACpDK,eAAe,EAAEnC,SAAS,CACxBC,QAAQ,CAAC6B,KAAK,CAAC,sBAAsB,CAAC,CAAC,EACvC,IACF;IACF,CAAC;IACDM,KAAK,EAAE;MACLH,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjC,QAAQ,CAAC6B,KAAK,CAAC,yBAAyB,CAAC;IACxD,CAAC;IACDO,OAAO,EAAE;MACPJ,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEjC,QAAQ,CAAC6B,KAAK,CAAC,wBAAwB,CAAC;IACvD;EACF,CAAC,CAAC,EACF,CAACA,KAAK,CACR,CAAC;EAED,oBACEzB,IAAA,CAACP,IAAI;IAACwC,KAAK,EAAE,CAAC9B,MAAM,CAACE,OAAO,EAAEqB,WAAW,CAACJ,MAAM,CAAC,CAAE;IAACH,UAAU,EAAE,KAAM;IAAAC,QAAA,EACnEG,KAAK,KACHC,MAAM,gBAAGxB,IAAA,CAACc,WAAW,IAAE,CAAC,gBAAGd,IAAA,CAACH,EAAE;MAACsB,UAAU,EAAE,KAAM;MAAAC,QAAA,EAAEG;IAAK,CAAK,CAAC;EAAC,CAC9D,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/otpInput/OTPInput.js

@@ -11,6 +11,7 @@ import { VSpacer } from "../layout";
 import { BodySmall } from "../typography";
 import { BoxedInput } from "./BoxedInput";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OTP_ITEMS_GAP = 8;
 /**
  * `OTPInput` is a component that allows the user to enter a one-time password.
  * It has an hidden `TextInput` that is used to handle the keyboard and the focus.
@@ -106,7 +107,8 @@ export const OTPInput = /*#__PURE__*/forwardRef(({
       ref: ref,
       style: {
         flexDirection: "row",
-        justifyContent: "space-around"
+        justifyContent: "space-between",
+        columnGap: OTP_ITEMS_GAP
       },
       accessible: true,
       accessibilityLabel: accessibilityLabel,

package/lib/module/components/otpInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","forwardRef","useEffect","useRef","useState","AccessibilityInfo","Pressable","TextInput","Animated","useIOTheme","triggerHaptic","useErrorShakeAnimation","VSpacer","BodySmall","BoxedInput","jsx","_jsx","jsxs","_jsxs","OTPInput","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","hasError","setHasError","theme","translate","animatedStyle","shakeAnimation","inputRef","timerRef","undefined","handleValidate","val","isValid","current","clearTimeout","setTimeout","handleChange","handleKeyPress","nativeEvent","key","announceForAccessibility","View","style","flexGrow","children","onPress","focus","flexDirection","justifyContent","accessible","accessibilityValue","text","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","secureTextEntry","Array","map","_","i","status","size","weight","color","errorText","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","forwardRef","useEffect","useRef","useState","AccessibilityInfo","Pressable","TextInput","Animated","useIOTheme","triggerHaptic","useErrorShakeAnimation","VSpacer","BodySmall","BoxedInput","jsx","_jsx","jsxs","_jsxs","OTP_ITEMS_GAP","OTPInput","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","hasError","setHasError","theme","translate","animatedStyle","shakeAnimation","inputRef","timerRef","undefined","handleValidate","val","isValid","current","clearTimeout","setTimeout","handleChange","handleKeyPress","nativeEvent","key","announceForAccessibility","View","style","flexGrow","children","onPress","focus","flexDirection","justifyContent","columnGap","accessible","accessibilityValue","text","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","secureTextEntry","Array","map","_","i","status","size","weight","color","errorText","textAlign"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/otpInput/BoxedInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxedInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/BoxedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyBF,eAAO,MAAM,UAAU,GAAI,2BAA2B,KAAK,sBA+B1D,CAAC"}
+{"version":3,"file":"BoxedInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/BoxedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AASvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2BF,eAAO,MAAM,UAAU,GAAI,2BAA2B,KAAK,sBA+B1D,CAAC"}

package/lib/typescript/components/otpInput/OTPInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAiJpB,CAAC"}
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAWtB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAqJpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.11.13",
+  "version": "5.11.14",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/otpInput/BoxedInput.tsx

@@ -4,6 +4,9 @@ import { useIOTheme } from "../../context";
 import { hexToRgba, IOColors } from "../../core/IOColors";
 import { H6, IOText } from "../typography";
 
+const MAX_WIDTH = 48;
+const MAX_HEIGHT = 64;
+
 type Props = {
   status: "default" | "focus" | "error";
   secret?: boolean;
@@ -14,8 +17,10 @@ const styles = StyleSheet.create({
   baseBox: {
     alignItems: "center",
     justifyContent: "center",
-    width: 35,
-    height: 60,
+    flex: 1,
+    maxWidth: MAX_WIDTH,
+    maxHeight: MAX_HEIGHT,
+    aspectRatio: MAX_WIDTH / MAX_HEIGHT,
     borderRadius: 8,
     borderCurve: "continuous"
   }

package/src/components/otpInput/OTPInput.tsx

@@ -16,6 +16,8 @@ import { VSpacer } from "../layout";
 import { BodySmall } from "../typography";
 import { BoxedInput } from "./BoxedInput";
 
+const OTP_ITEMS_GAP = 8;
+
 type Props = {
   value: string;
   onValueChange: (value: string) => void;
@@ -137,7 +139,11 @@ export const OTPInput = forwardRef<View, Props>(
             setHasFocus(true);
           }}
           ref={ref}
-          style={{ flexDirection: "row", justifyContent: "space-around" }}
+          style={{
+            flexDirection: "row",
+            justifyContent: "space-between",
+            columnGap: OTP_ITEMS_GAP
+          }}
           accessible={true}
           accessibilityLabel={accessibilityLabel}
           accessibilityHint={accessibilityHint}