@pagopa/io-app-design-system 5.0.7 → 5.1.0

package/lib/commonjs/components/codeInput/CodeInput.js

@@ -43,12 +43,13 @@ const CodeInput = ({
   length,
   value,
   onValueChange,
-  variant = "light",
+  variant = "primary",
   onValidate
 }) => {
   const [status, setStatus] = (0, _react.useState)("default");
   const {
-    themeType
+    themeType,
+    theme
   } = (0, _core.useIOThemeContext)();
   const {
     translate,
@@ -59,16 +60,18 @@ const CodeInput = ({
   /* Empty Dot
   - Right color depending on both theme and variant */
   const emptyDotColorLightBg = _core.IOColors["grey-650"];
-  const emptyDotColorDarkBg = (0, _core.hexToRgba)(_core.IOColors.white, 0.75);
+  const emptyDotColorDarkBg = _core.IOColors["grey-300"];
+  const emptyDotColorAccentBg = (0, _core.hexToRgba)(_core.IOColors.white, 0.75);
   const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
-  const emptyDotColor = variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
+  const emptyDotColor = variant === "primary" ? emptyDotColorAccentBg : emptyDotColorThemeBased;
 
   /* Filled Dot
   - Right color depending on theme, variant and status */
   const filledDotColorLightBg = _core.IOColors.black;
   const filledDotColorDarkBg = _core.IOColors.white;
+  const filledDotColorError = variant === "primary" ? _core.IOColors["error-400"] : _core.IOColors[theme.errorText];
   const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
-  const filledDotColor = status === "error" ? _core.IOColors["error-600"] : variant === "light" ? filledDotColorDarkBg : filledDotColorThemeBased;
+  const filledDotColor = status === "error" ? filledDotColorError : variant === "primary" ? filledDotColorDarkBg : filledDotColorThemeBased;
   (0, _react.useEffect)(() => {
     if (onValidate && value.length === length) {
       const isValid = onValidate(value);

package/lib/commonjs/components/codeInput/CodeInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","View","style","backgroundColor","hexToRgba","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","useState","themeType","useIOThemeContext","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","emptyDotColorLightBg","IOColors","emptyDotColorDarkBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorThemeBased","filledDotColor","useEffect","isValid","triggerHaptic","timer","setTimeout","clearTimeout","flexDirection","justifyContent","HStack","space","Array","map","_","i","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","View","style","backgroundColor","hexToRgba","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","useState","themeType","theme","useIOThemeContext","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","emptyDotColorLightBg","IOColors","emptyDotColorDarkBg","emptyDotColorAccentBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorError","errorText","filledDotColorThemeBased","filledDotColor","useEffect","isValid","triggerHaptic","timer","setTimeout","clearTimeout","flexDirection","justifyContent","HStack","space","Array","map","_","i","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}

package/lib/commonjs/components/common/ScaleInOutAnimation.js

@@ -18,8 +18,6 @@ const ScaleInOutAnimation = ({
     mass: 3,
     stiffness: 1000
   },
-  delayOut = 0,
-  delayIn = 0,
   children,
   style
 }) => {
@@ -28,13 +26,15 @@ const ScaleInOutAnimation = ({
 
     return {
       initialValues: {
+        opacity: 0,
         transform: [{
-          scale: 0
+          scale: 0.5
         }]
       },
       animations: {
+        opacity: (0, _reactNativeReanimated.withSpring)(1, springConfig),
         transform: [{
-          scale: (0, _reactNativeReanimated.withDelay)(delayIn, (0, _reactNativeReanimated.withSpring)(1, springConfig))
+          scale: (0, _reactNativeReanimated.withSpring)(1, springConfig)
         }]
       }
     };
@@ -44,13 +44,15 @@ const ScaleInOutAnimation = ({
 
     return {
       initialValues: {
+        opacity: 1,
         transform: [{
           scale: 1
         }]
       },
       animations: {
+        opacity: (0, _reactNativeReanimated.withSpring)(0, springConfig),
         transform: [{
-          scale: (0, _reactNativeReanimated.withDelay)(delayOut, (0, _reactNativeReanimated.withTiming)(0))
+          scale: (0, _reactNativeReanimated.withSpring)(0.5, springConfig)
         }]
       }
     };

package/lib/commonjs/components/common/ScaleInOutAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","delayOut","delayIn","children","style","enteringAnimation","initialValues","transform","scale","animations","withDelay","withSpring","exitingAnimation","withTiming","createElement","View","entering","exiting","exports"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","children","style","enteringAnimation","initialValues","opacity","transform","scale","animations","withSpring","exitingAnimation","createElement","View","entering","exiting","exports"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"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"}

package/lib/commonjs/components/layout/ForceScrollDownView.js

@@ -6,11 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.ForceScrollDownView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _ScaleInOutAnimation = require("../common/ScaleInOutAnimation");
 var _core = require("../../core");
 var _buttons = require("../buttons");
+var _ScaleInOutAnimation = require("../common/ScaleInOutAnimation");
+var _FooterActions = require("./FooterActions");
+var _hooks = require("./hooks");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /**
  * A React Native component that displays a scroll view with a button that scrolls to the bottom of the content
  * when pressed. The button is hidden when the scroll view reaches a certain threshold from the bottom, which is
@@ -18,26 +21,32 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * `scrollEnabled` prop to `false`.
  */
 const ForceScrollDownView = ({
+  footerActions,
   children,
-  threshold = 100,
+  threshold: customThreshold,
   style,
   contentContainerStyle,
   scrollEnabled = true,
   onThresholdCrossed
 }) => {
   const scrollViewRef = (0, _react.useRef)(null);
+  const {
+    footerActionsInlineMeasurements,
+    handleFooterActionsInlineMeasurements
+  } = (0, _hooks.useFooterActionsInlineMeasurements)();
+  const threshold = footerActions ? footerActionsInlineMeasurements.safeBottomAreaHeight : customThreshold;
 
   /**
    * The height of the scroll view, used to determine whether or not the scrollable content fits inside
    * the scroll view and whether the "scroll to bottom" button should be displayed.
    */
-  const [scrollViewHeight, setScrollViewHeight] = (0, _react.useState)();
+  const [scrollViewHeight, setScrollViewHeight] = (0, _react.useState)(0);
 
   /**
    * The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
    * should be displayed.
    */
-  const [contentHeight, setContentHeight] = (0, _react.useState)();
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
 
   /**
    * Whether or not the scroll view has crossed the threshold from the bottom.
@@ -53,7 +62,7 @@ const ForceScrollDownView = ({
   /**
    * A callback that is called whenever the scroll view is scrolled. It checks whether or not the
    * scroll view has crossed the threshold from the bottom and updates the state accordingly.
-   * The callback is designed to updatr button visibility only when crossing the threshold.
+   * The callback is designed to update button visibility only when crossing the threshold.
    */
   const handleScroll = (0, _react.useCallback)(event => {
     const {
@@ -61,17 +70,12 @@ const ForceScrollDownView = ({
       contentOffset,
       contentSize
     } = event.nativeEvent;
-    const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - threshold;
-    setThresholdCrossed(previousState => {
-      if (!previousState && thresholdCrossed) {
-        setButtonVisible(false);
-      }
-      if (previousState && !thresholdCrossed) {
-        setButtonVisible(true);
-      }
-      return thresholdCrossed;
-    });
-  }, [threshold]);
+    const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - (threshold ?? 0);
+    if (isThresholdCrossed !== thresholdCrossed) {
+      setThresholdCrossed(thresholdCrossed);
+      setButtonVisible(!thresholdCrossed);
+    }
+  }, [threshold, isThresholdCrossed]);
 
   /**
    * A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
@@ -111,7 +115,7 @@ const ForceScrollDownView = ({
    * when the scrollable content cannot fit inside the scroll view and the button is enabled
    * (`scrollEnabled` is `true`).
    */
-  const needsScroll = (0, _react.useMemo)(() => scrollViewHeight != null && contentHeight != null && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
+  const needsScroll = (0, _react.useMemo)(() => scrollViewHeight > 0 && contentHeight > 0 && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
 
   /**
    * Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
@@ -136,17 +140,17 @@ const ForceScrollDownView = ({
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
     testID: "ScrollView",
     ref: scrollViewRef,
-    scrollIndicatorInsets: {
-      right: 1
-    },
     scrollEnabled: scrollEnabled,
-    onScroll: handleScroll,
-    scrollEventThrottle: 400,
     style: style,
+    onScroll: handleScroll,
+    scrollEventThrottle: 8,
     onLayout: handleLayout,
     onContentSizeChange: handleContentSizeChange,
     contentContainerStyle: contentContainerStyle
-  }, children), scrollDownButton);
+  }, children, footerActions && /*#__PURE__*/_react.default.createElement(_FooterActions.FooterActions, _extends({}, footerActions, {
+    onMeasure: handleFooterActionsInlineMeasurements,
+    fixed: false
+  }))), scrollDownButton);
 };
 exports.ForceScrollDownView = ForceScrollDownView;
 const styles = _reactNative.StyleSheet.create({

package/lib/commonjs/components/layout/ForceScrollDownView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ScaleInOutAnimation","_core","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ForceScrollDownView","children","threshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","useRef","scrollViewHeight","setScrollViewHeight","useState","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","useCallback","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","previousState","useEffect","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","useMemo","shouldRenderScrollButton","scrollDownButton","createElement","ScaleInOutAnimation","springConfig","IOSpringValues","button","styles","visible","IconButtonSolid","testID","accessibilityLabel","icon","onPress","Fragment","ScrollView","ref","scrollIndicatorInsets","right","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","exports","StyleSheet","create","position","zIndex","IOVisualCostants","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_ScaleInOutAnimation","_FooterActions","_hooks","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ForceScrollDownView","footerActions","children","threshold","customThreshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","useRef","footerActionsInlineMeasurements","handleFooterActionsInlineMeasurements","useFooterActionsInlineMeasurements","safeBottomAreaHeight","scrollViewHeight","setScrollViewHeight","useState","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","useCallback","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","useEffect","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","useMemo","shouldRenderScrollButton","scrollDownButton","createElement","ScaleInOutAnimation","springConfig","IOSpringValues","button","styles","visible","IconButtonSolid","testID","accessibilityLabel","icon","onPress","Fragment","ScrollView","ref","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","FooterActions","onMeasure","fixed","exports","StyleSheet","create","position","zIndex","right","IOVisualCostants","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA6D,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AA0C7D;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,mBAAmB,GAAGA,CAAC;EAC3BC,aAAa;EACbC,QAAQ;EACRC,SAAS,EAAEC,eAAe;EAC1BC,KAAK;EACLC,qBAAqB;EACrBC,aAAa,GAAG,IAAI;EACpBC;AACmB,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAa,IAAI,CAAC;EAE9C,MAAM;IACJC,+BAA+B;IAC/BC;EACF,CAAC,GAAG,IAAAC,yCAAkC,EAAC,CAAC;EAExC,MAAMV,SAAS,GAAGF,aAAa,GAC3BU,+BAA+B,CAACG,oBAAoB,GACpDV,eAAe;;EAEnB;AACF;AACA;AACA;EACE,MAAM,CAACW,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC,CAAC;;EAEnE;AACF;AACA;AACA;EACE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAAS,CAAC,CAAC;;EAE7D;AACF;AACA;EACE,MAAM,CAACG,kBAAkB,EAAEC,mBAAmB,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;;EAEjE;AACF;AACA;AACA;EACE,MAAM,CAACK,eAAe,EAAEC,gBAAgB,CAAC,GAAG,IAAAN,eAAQ,EAAC,IAAI,CAAC;;EAE1D;AACF;AACA;AACA;AACA;EACE,MAAMO,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAA8C,IAAK;IAClD,MAAM;MAAEC,iBAAiB;MAAEC,aAAa;MAAEC;IAAY,CAAC,GACrDH,KAAK,CAACI,WAAW;IAEnB,MAAMC,gBAAgB,GACpBJ,iBAAiB,CAACK,MAAM,GAAGJ,aAAa,CAACK,CAAC,IAC1CJ,WAAW,CAACG,MAAM,IAAI7B,SAAS,IAAI,CAAC,CAAC;IAEvC,IAAIiB,kBAAkB,KAAKW,gBAAgB,EAAE;MAC3CV,mBAAmB,CAACU,gBAAgB,CAAC;MACrCR,gBAAgB,CAAC,CAACQ,gBAAgB,CAAC;IACrC;EACF,CAAC,EACD,CAAC5B,SAAS,EAAEiB,kBAAkB,CAChC,CAAC;;EAED;AACF;AACA;EACE,IAAAc,gBAAS,EAAC,MAAM;IACd1B,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAGY,kBAAkB,CAAC;EAC1C,CAAC,EAAE,CAACZ,kBAAkB,EAAEY,kBAAkB,CAAC,CAAC;;EAE5C;AACF;AACA;AACA;EACE,MAAMe,uBAAuB,GAAG,IAAAV,kBAAW,EACzC,CAACW,aAAqB,EAAElB,aAAqB,KAAK;IAChDC,gBAAgB,CAACD,aAAa,CAAC;EACjC,CAAC,EACD,EACF,CAAC;;EAED;AACF;AACA;AACA;EACE,MAAMmB,YAAY,GAAG,IAAAZ,kBAAW,EAAEC,KAAwB,IAAK;IAC7DV,mBAAmB,CAACU,KAAK,CAACI,WAAW,CAACQ,MAAM,CAACN,MAAM,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;;EAEN;AACF;AACA;AACA;EACE,MAAMO,qBAAqB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAAA,IAAAe,qBAAA;IAC9CjB,gBAAgB,CAAC,KAAK,CAAC;IACvB,CAAAiB,qBAAA,GAAA/B,aAAa,CAACgC,OAAO,cAAAD,qBAAA,eAArBA,qBAAA,CAAuBE,WAAW,CAAC,CAAC;EACtC,CAAC,EAAE,CAACjC,aAAa,CAAC,CAAC;;EAEnB;AACF;AACA;AACA;AACA;EACE,MAAMkC,WAAW,GAAG,IAAAC,cAAO,EACzB,MACE7B,gBAAgB,GAAG,CAAC,IACpBG,aAAa,GAAG,CAAC,IACjBH,gBAAgB,GAAGG,aAAa,EAClC,CAACH,gBAAgB,EAAEG,aAAa,CAClC,CAAC;;EAED;AACF;AACA;AACA;EACE,MAAM2B,wBAAwB,GAC5BtC,aAAa,IAAIoC,WAAW,IAAIrB,eAAe;;EAEjD;AACF;AACA;AACA;EACE,MAAMwB,gBAAgB,gBACpBtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,oBAAA,CAAAkF,mBAAmB;IAClBC,YAAY,EAAEC,oBAAc,CAACC,MAAO;IACpC9C,KAAK,EAAE+C,MAAM,CAACN,gBAAiB;IAC/BO,OAAO,EAAER;EAAyB,gBAElCrF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAClF,QAAA,CAAAyF,eAAe;IACdC,MAAM,EAAE,kBAAmB;IAC3BC,kBAAkB,EAAC,kBAAkB;IACrCC,IAAI,EAAC,aAAa;IAClBC,OAAO,EAAEnB;EAAsB,CAChC,CACkB,CACtB;EAED,oBACE/E,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAAvF,MAAA,CAAAgB,OAAA,CAAAmF,QAAA,qBACEnG,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACpF,YAAA,CAAAiG,UAAU;IACTL,MAAM,EAAE,YAAa;IACrBM,GAAG,EAAEpD,aAAc;IACnBF,aAAa,EAAEA,aAAc;IAC7BF,KAAK,EAAEA,KAAM;IACbyD,QAAQ,EAAEtC,YAAa;IACvBuC,mBAAmB,EAAE,CAAE;IACvBC,QAAQ,EAAE3B,YAAa;IACvB4B,mBAAmB,EAAE9B,uBAAwB;IAC7C7B,qBAAqB,EAAEA;EAAsB,GAE5CJ,QAAQ,EACRD,aAAa,iBACZzC,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAChF,cAAA,CAAAmG,aAAa,EAAA3E,QAAA,KACRU,aAAa;IACjBkE,SAAS,EAAEvD,qCAAsC;IACjDwD,KAAK,EAAE;EAAM,EACd,CAEO,CAAC,EACZtB,gBACD,CAAC;AAEP,CAAC;AAACuB,OAAA,CAAArE,mBAAA,GAAAA,mBAAA;AAEF,MAAMoD,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,gBAAgB,EAAE;IAChB0B,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAEC,sBAAgB,CAACC,qBAAqB;IAC7CC,MAAM,EAAEF,sBAAgB,CAACG;EAC3B;AACF,CAAC,CAAC"}

package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js

@@ -12,14 +12,18 @@ describe("ForceScrollDownView", () => {
   jest.useFakeTimers();
   it("should match snapshot", () => {
     const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
-    const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
+    const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
+      threshold: 100
+    }, tChildren));
     expect(component).toMatchSnapshot();
   });
   it("renders the content correctly", () => {
     const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
     const {
       getByText
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
+      threshold: 100
+    }, tChildren));
     expect(getByText(tContent)).toBeDefined();
   });
   it("displays the scroll down button when necessary", async () => {
@@ -28,7 +32,9 @@ describe("ForceScrollDownView", () => {
     const {
       getByTestId,
       queryByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
+      threshold: 100
+    }, tChildren));
     const scrollView = getByTestId("ScrollView");
 
     // Update scroll view height
@@ -61,7 +67,9 @@ describe("ForceScrollDownView", () => {
     const {
       getByTestId,
       queryByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, {
+      threshold: 100
+    }, tChildren));
     const scrollView = getByTestId("ScrollView");
 
     // Update scroll view height

package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","obj","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","Text","component","render","ForceScrollDownView","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","obj","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","Text","component","render","ForceScrollDownView","threshold","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"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"}

package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap

@@ -6,12 +6,7 @@ exports[`ForceScrollDownView should match snapshot 1`] = `
   onLayout={[Function]}
   onScroll={[Function]}
   scrollEnabled={true}
-  scrollEventThrottle={400}
-  scrollIndicatorInsets={
-    {
-      "right": 1,
-    }
-  }
+  scrollEventThrottle={8}
   testID="ScrollView"
 >
   <View>

package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js

@@ -18,9 +18,9 @@ const useFooterActionsInlineMeasurements = () => {
   const [footerActionsInlineMeasurements, setFooterActionsInlineMeasurements] = (0, _react.useState)({
     safeBottomAreaHeight: 0
   });
-  const handleFooterActionsInlineMeasurements = values => {
+  const handleFooterActionsInlineMeasurements = (0, _react.useCallback)(values => {
     setFooterActionsInlineMeasurements(values);
-  };
+  }, []);
   return {
     footerActionsInlineMeasurements,
     handleFooterActionsInlineMeasurements

package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","useState","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAG,IAAAC,eAAQ,EAAkC;IAC5CC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GACzCC,MAAuC,IACpC;IACHJ,kCAAkC,CAACI,MAAM,CAAC;EAC5C,CAAC;EAED,OAAO;IACLL,+BAA+B;IAC/BI;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAP,kCAAA,GAAAA,kCAAA"}
+{"version":3,"names":["_react","require","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","useState","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","useCallback","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAG,IAAAC,eAAQ,EAAkC;IAC5CC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GAAG,IAAAC,kBAAW,EACtDC,MAAuC,IAAK;IAC3CL,kCAAkC,CAACK,MAAM,CAAC;EAC5C,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLN,+BAA+B;IAC/BI;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAR,kCAAA,GAAAA,kCAAA"}

package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js

@@ -19,9 +19,9 @@ const useFooterActionsMeasurements = () => {
     actionBlockHeight: 0,
     safeBottomAreaHeight: 0
   });
-  const handleFooterActionsMeasurements = values => {
+  const handleFooterActionsMeasurements = (0, _react.useCallback)(values => {
     setFooterActionsMeasurements(values);
-  };
+  }, []);
   return {
     footerActionsMeasurements,
     handleFooterActionsMeasurements

package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","useState","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7D,IAAAC,eAAQ,EAA4B;IAClCC,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GACnCC,MAAiC,IAC9B;IACHL,4BAA4B,CAACK,MAAM,CAAC;EACtC,CAAC;EAED,OAAO;IACLN,yBAAyB;IACzBK;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAR,4BAAA,GAAAA,4BAAA"}
+{"version":3,"names":["_react","require","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","useState","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","useCallback","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7D,IAAAC,eAAQ,EAA4B;IAClCC,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GAAG,IAAAC,kBAAW,EAChDC,MAAiC,IAAK;IACrCN,4BAA4B,CAACM,MAAM,CAAC;EACtC,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLP,yBAAyB;IACzBK;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAT,4BAAA,GAAAA,4BAAA"}

package/lib/commonjs/components/numberpad/NumberButton.js

@@ -6,25 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.NumberButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _core = require("../../core");
 var _hooks = require("../../hooks");
 var _typography = require("../typography");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const colorMap = {
-  light: {
-    background: _core.IOColors["grey-50"],
-    pressed: _core.IOColors["grey-200"],
-    foreground: "blueIO-500"
-  },
-  dark: {
-    background: _core.IOColors["blueIO-400"],
-    pressed: _core.IOColors["blueIO-200"],
-    foreground: "white"
-  }
-};
-
 /**
  * Based on a `Pressable` element, it displays a number button with animations on press In and Out.
  *
@@ -35,22 +24,36 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
   variant,
   onPress
 }) => {
+  const theme = (0, _core.useIOTheme)();
   const {
     progress,
     onPressIn,
     onPressOut,
     scaleAnimatedStyle
-  } = (0, _hooks.useScaleAnimation)("slight");
+  } = (0, _hooks.useScaleAnimation)("medium");
   const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
   const {
     newTypefaceEnabled
   } = (0, _core.useIONewTypeface)();
+  const colorMap = (0, _react.useMemo)(() => ({
+    neutral: {
+      background: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.1),
+      pressed: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.35),
+      foreground: theme["interactiveElem-default"]
+    },
+    primary: {
+      background: (0, _core.hexToRgba)(_core.IOColors.white, 0.15),
+      pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.5),
+      foreground: "white"
+    }
+  }), [theme]);
 
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[variant].background, colorMap[variant].pressed])
   }));
   const handleOnPress = (0, _react.useCallback)(() => {
+    _reactNativeHapticFeedback.default.trigger("impactLight");
     onPress(number);
   }, [number, onPress]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {

package/lib/commonjs/components/numberpad/NumberButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","NumberButton","memo","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","IOText","size","font","weight","color","textAlignVertical","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","NumberButton","memo","number","variant","onPress","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","colorMap","useMemo","neutral","background","hexToRgba","IOColors","pressed","foreground","primary","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","IOText","size","font","weight","color","textAlignVertical","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

package/lib/commonjs/components/numberpad/NumberPad.js

@@ -34,7 +34,7 @@ const mapIconSpecByBiometric = {
  * @returns {JSX.Element} The rendered numeric keyboard component.
  */
 const NumberPad = ({
-  variant = "dark",
+  variant = "primary",
   biometricType,
   biometricAccessibilityLabel,
   deleteAccessibilityLabel,
@@ -60,7 +60,7 @@ const NumberPad = ({
         key: item
       }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
         icon: "cancel",
-        color: variant === "dark" ? "contrast" : "primary",
+        color: variant === "primary" ? "contrast" : "primary",
         onPress: onDeletePress,
         accessibilityLabel: deleteAccessibilityLabel
       }));
@@ -71,7 +71,7 @@ const NumberPad = ({
       }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
         icon: mapIconSpecByBiometric[biometricType].icon,
         iconSize: mapIconSpecByBiometric[biometricType].size,
-        color: variant === "dark" ? "contrast" : "primary",
+        color: variant === "primary" ? "contrast" : "primary",
         onPress: onBiometricPress,
         accessibilityLabel: biometricAccessibilityLabel
       }));

package/lib/commonjs/components/numberpad/NumberPad.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_stack","_NumberButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","createElement","NumberButton","number","onPress","ButtonWrapper","IconButton","color","accessibilityLabel","iconSize","View","style","IONumberPadButtonStyles","buttonSize","numberPad","useMemo","VStack","space","i","IOStyles","rowSpaceBetween","styles","horizontalContentPadding","exports","children","alignCenter","centerJustified","StyleSheet","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_buttons","_stack","_NumberButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","createElement","NumberButton","number","onPress","ButtonWrapper","IconButton","color","accessibilityLabel","iconSize","View","style","IONumberPadButtonStyles","buttonSize","numberPad","useMemo","VStack","space","i","IOStyles","rowSpaceBetween","styles","horizontalContentPadding","exports","children","alignCenter","centerJustified","StyleSheet","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}

package/lib/module/components/codeInput/CodeInput.js

@@ -34,12 +34,13 @@ export const CodeInput = ({
   length,
   value,
   onValueChange,
-  variant = "light",
+  variant = "primary",
   onValidate
 }) => {
   const [status, setStatus] = useState("default");
   const {
-    themeType
+    themeType,
+    theme
   } = useIOThemeContext();
   const {
     translate,
@@ -50,16 +51,18 @@ export const CodeInput = ({
   /* Empty Dot
   - Right color depending on both theme and variant */
   const emptyDotColorLightBg = IOColors["grey-650"];
-  const emptyDotColorDarkBg = hexToRgba(IOColors.white, 0.75);
+  const emptyDotColorDarkBg = IOColors["grey-300"];
+  const emptyDotColorAccentBg = hexToRgba(IOColors.white, 0.75);
   const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
-  const emptyDotColor = variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
+  const emptyDotColor = variant === "primary" ? emptyDotColorAccentBg : emptyDotColorThemeBased;
 
   /* Filled Dot
   - Right color depending on theme, variant and status */
   const filledDotColorLightBg = IOColors.black;
   const filledDotColorDarkBg = IOColors.white;
+  const filledDotColorError = variant === "primary" ? IOColors["error-400"] : IOColors[theme.errorText];
   const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
-  const filledDotColor = status === "error" ? IOColors["error-600"] : variant === "light" ? filledDotColorDarkBg : filledDotColorThemeBased;
+  const filledDotColor = status === "error" ? filledDotColorError : variant === "primary" ? filledDotColorDarkBg : filledDotColorThemeBased;
   useEffect(() => {
     if (onValidate && value.length === length) {
       const isValid = onValidate(value);