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

package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap

@@ -767,6 +767,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemNavAlert Snap
 
 exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmount Snapshot 1`] = `
 <View
+  accessibilityLabel="label € 1.000,00 suggestReason"
   accessibilityRole="radio"
   accessibilityState={
     {
@@ -1140,6 +1141,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
 
 exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmount Snapshot 2`] = `
 <View
+  accessibilityLabel="label € 1.000,00 "
   accessibilityRole="radio"
   accessibilityState={
     {
@@ -2343,6 +2345,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
 
 exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
 <View
+  accessibilityLabel="label € 1.000,00 suggestReason"
   accessibilityRole="radio"
   accessibilityState={
     {
@@ -2716,6 +2719,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
 
 exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
 <View
+  accessibilityLabel="label € 1.000,00 "
   accessibilityRole="radio"
   accessibilityState={
     {

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

@@ -1,22 +1,10 @@
-import React, { memo, useCallback } from "react";
+import React, { memo, useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
+import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
-import { IOColors, IONumberPadButtonStyles, useIONewTypeface } from "../../core";
+import { hexToRgba, IOColors, IONumberPadButtonStyles, useIONewTypeface, useIOTheme } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { IOText } from "../typography";
-const colorMap = {
-  light: {
-    background: IOColors["grey-50"],
-    pressed: IOColors["grey-200"],
-    foreground: "blueIO-500"
-  },
-  dark: {
-    background: IOColors["blueIO-400"],
-    pressed: IOColors["blueIO-200"],
-    foreground: "white"
-  }
-};
-
 /**
  * Based on a `Pressable` element, it displays a number button with animations on press In and Out.
  *
@@ -27,22 +15,36 @@ export const NumberButton = /*#__PURE__*/memo(({
   variant,
   onPress
 }) => {
+  const theme = useIOTheme();
   const {
     progress,
     onPressIn,
     onPressOut,
     scaleAnimatedStyle
-  } = useScaleAnimation("slight");
+  } = useScaleAnimation("medium");
   const reducedMotion = useReducedMotion();
   const {
     newTypefaceEnabled
   } = useIONewTypeface();
+  const colorMap = useMemo(() => ({
+    neutral: {
+      background: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.1),
+      pressed: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.35),
+      foreground: theme["interactiveElem-default"]
+    },
+    primary: {
+      background: hexToRgba(IOColors.white, 0.15),
+      pressed: hexToRgba(IOColors.white, 0.5),
+      foreground: "white"
+    }
+  }), [theme]);
 
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => ({
     backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[variant].background, colorMap[variant].pressed])
   }));
   const handleOnPress = useCallback(() => {
+    ReactNativeHapticFeedback.trigger("impactLight");
     onPress(number);
   }, [number, onPress]);
   return /*#__PURE__*/React.createElement(Pressable, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","useIONewTypeface","useScaleAnimation","IOText","colorMap","light","background","pressed","foreground","dark","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","newTypefaceEnabled","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","size","font","weight","color","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,gBAAgB,QACX,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,MAAM,QAAQ,eAAe;AA2BtC,MAAMC,QAA0D,GAAG;EACjEC,KAAK,EAAE;IACLC,UAAU,EAAEP,QAAQ,CAAC,SAAS,CAAC;IAC/BQ,OAAO,EAAER,QAAQ,CAAC,UAAU,CAAC;IAC7BS,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJH,UAAU,EAAEP,QAAQ,CAAC,YAAY,CAAC;IAClCQ,OAAO,EAAER,QAAQ,CAAC,YAAY,CAAC;IAC/BS,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,YAAY,gBAAGlB,IAAI,CAC9B,CAAC;EAAEmB,MAAM;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3Df,iBAAiB,CAAC,QAAQ,CAAC;EAC7B,MAAMgB,aAAa,GAAGpB,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEqB;EAAmB,CAAC,GAAGlB,gBAAgB,CAAC,CAAC;;EAEjD;EACA,MAAMmB,qBAAqB,GAAGvB,gBAAgB,CAAC,OAAO;IACpDwB,eAAe,EAAEzB,gBAAgB,CAC/BkB,QAAQ,CAACQ,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAClB,QAAQ,CAACQ,OAAO,CAAC,CAACN,UAAU,EAAEF,QAAQ,CAACQ,OAAO,CAAC,CAACL,OAAO,CAC1D;EACF,CAAC,CAAC,CAAC;EAEH,MAAMgB,aAAa,GAAG9B,WAAW,CAAC,MAAM;IACtCoB,OAAO,CAACF,MAAM,CAAC;EACjB,CAAC,EAAE,CAACA,MAAM,EAAEE,OAAO,CAAC,CAAC;EAErB,oBACEtB,KAAA,CAAAiC,aAAA,CAAC9B,SAAS;IACR+B,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1BX,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAEU;EAAc,gBAEvBhC,KAAA,CAAAiC,aAAA,CAAC7B,QAAQ,CAACgC,IAAI;IACZC,KAAK,EAAE,CACL5B,uBAAuB,CAAC6B,MAAM,EAC9B7B,uBAAuB,CAAC8B,aAAa,EACrC9B,uBAAuB,CAAC+B,UAAU,EAClCX,qBAAqB,EACrB,CAACF,aAAa,IAAID,kBAAkB;EACpC,gBAEF1B,KAAA,CAAAiC,aAAA,CAACrB,MAAM;IACL6B,IAAI,EAAE,EAAG;IACTC,IAAI,EAAEd,kBAAkB,GAAG,UAAU,GAAG,kBAAmB;IAC3De,MAAM,EAAC,UAAU;IACjBC,KAAK,EAAE/B,QAAQ,CAACQ,OAAO,CAAC,CAACJ,UAAW;IACpCoB,KAAK,EAAE;MACL;MACAQ,iBAAiB,EAAE;IACrB;EAAE,GAEDzB,MACK,CACK,CACN,CAAC;AAEhB,CACF,CAAC"}
+{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","hexToRgba","IOColors","IONumberPadButtonStyles","useIONewTypeface","useIOTheme","useScaleAnimation","IOText","NumberButton","number","variant","onPress","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","newTypefaceEnabled","colorMap","neutral","background","pressed","foreground","primary","white","pressedAnimationStyle","backgroundColor","value","handleOnPress","trigger","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","size","font","weight","color","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

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

@@ -26,7 +26,7 @@ const mapIconSpecByBiometric = {
  * @returns {JSX.Element} The rendered numeric keyboard component.
  */
 export const NumberPad = ({
-  variant = "dark",
+  variant = "primary",
   biometricType,
   biometricAccessibilityLabel,
   deleteAccessibilityLabel,
@@ -52,7 +52,7 @@ export const NumberPad = ({
         key: item
       }, /*#__PURE__*/React.createElement(IconButton, {
         icon: "cancel",
-        color: variant === "dark" ? "contrast" : "primary",
+        color: variant === "primary" ? "contrast" : "primary",
         onPress: onDeletePress,
         accessibilityLabel: deleteAccessibilityLabel
       }));
@@ -63,7 +63,7 @@ export const NumberPad = ({
       }, /*#__PURE__*/React.createElement(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/module/components/numberpad/NumberPad.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","IONumberPadButtonStyles","IOStyles","IconButton","VStack","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","row","map","item","createElement","key","number","onPress","ButtonWrapper","color","accessibilityLabel","iconSize","style","buttonSize","numberPad","space","i","rowSpaceBetween","styles","horizontalContentPadding","children","alignCenter","centerJustified","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","View","IONumberPadButtonStyles","IOStyles","IconButton","VStack","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","row","map","item","createElement","key","number","onPress","ButtonWrapper","color","accessibilityLabel","iconSize","style","buttonSize","numberPad","space","i","rowSpaceBetween","styles","horizontalContentPadding","children","alignCenter","centerJustified","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}

package/lib/module/components/tabs/TabItem.js

@@ -11,7 +11,6 @@ const TabItem = /*#__PURE__*/forwardRef(({
   label,
   color = "light",
   selected = false,
-  fullWidth = false,
   accessibilityLabel,
   accessibilityHint,
   testID,
@@ -72,7 +71,7 @@ const TabItem = /*#__PURE__*/forwardRef(({
   const animatedStyle = useAnimatedStyle(() => ({
     backgroundColor: interpolateColor(selectedStateTransition.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.selected]),
     borderColor: interpolateColor(selectedStateTransition.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.selected])
-  }), [selectedStateTransition]);
+  }));
   const activeIcon = selected ? iconSelected ?? icon : icon;
   const handleOnPress = useCallback(event => {
     if (onPress) {
@@ -97,7 +96,7 @@ const TabItem = /*#__PURE__*/forwardRef(({
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.container, {
       columnGap: 4
-    }, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle, fullWidth && styles.fullWidth, disabled && {
+    }, !disabled && !reducedMotion && scaleAnimatedStyle, animatedStyle, disabled && {
       opacity: DISABLED_OPACITY
     }]
   }, activeIcon && /*#__PURE__*/React.createElement(Icon, {
@@ -122,9 +121,6 @@ const styles = StyleSheet.create({
     borderCurve: "continuous",
     justifyContent: "center",
     alignSelf: "flex-start"
-  },
-  fullWidth: {
-    alignSelf: "auto"
   }
 });
 export { TabItem };

package/lib/module/components/tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","IOColors","IOSpringValues","hexToRgba","useIONewTypeface","useIOTheme","useScaleAnimation","Icon","IOText","DISABLED_OPACITY","TabItem","label","color","selected","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","theme","reducedMotion","newTypefaceEnabled","mapColorStates","light","border","default","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","selection","animatedStyle","backgroundColor","value","borderColor","activeIcon","handleOnPress","event","trigger","createElement","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","name","size","font","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","withSpring","IOColors","IOSpringValues","hexToRgba","useIONewTypeface","useIOTheme","useScaleAnimation","Icon","IOText","DISABLED_OPACITY","TabItem","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","theme","reducedMotion","newTypefaceEnabled","mapColorStates","light","border","default","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","selection","animatedStyle","backgroundColor","value","borderColor","activeIcon","handleOnPress","event","trigger","createElement","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","name","size","font","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}

package/lib/module/components/tabs/TabNavigation.js

@@ -26,9 +26,7 @@ const TabNavigation = ({
   const stretchItems = tabAlignment === "stretch";
   const wrapChild = (child, index = 0) => /*#__PURE__*/React.createElement(View, {
     key: index,
-    style: [styles.item, {
-      marginEnd: index === React.Children.count(children) - 1 ? 0 : 8
-    }, stretchItems && {
+    style: [styles.item, stretchItems && {
       minWidth: itemMinWidth
     }],
     onLayout: handleItemOnLayout
@@ -49,7 +47,8 @@ const TabNavigation = ({
       paddingHorizontal: IOVisualCostants.appMarginDefault
     } : {}, {
       flexGrow: 1,
-      justifyContent: itemsJustify[tabAlignment]
+      justifyContent: itemsJustify[tabAlignment],
+      gap: 8
     }]
   }, Array.isArray(children) ? children.map(wrapChild) : wrapChild(children));
 };

package/lib/module/components/tabs/TabNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","ScrollView","IOVisualCostants","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","key","style","styles","item","marginEnd","Children","count","minWidth","onLayout","cloneElement","onPress","_child$props$onPress","_child$props","props","call","selected","horizontal","centerContent","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","appMarginDefault","flexGrow","justifyContent","Array","isArray","map","create","flexShrink","flexBasis","alignItems"],"sourceRoot":"../../../../src","sources":["components/tabs/TabNavigation.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAuCC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC7E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,gBAAgB,QAAQ,YAAY;AA0B7C,MAAMC,YAA+D,GAAG;EACtEC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAC;EACrBC,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,YAAY,GAAG,QAAQ;EACvBC,WAAW;EACXC,QAAQ;EACRC,qBAAqB,GAAG;AACX,CAAC,KAAK;EACnB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAS,CAAC,CAAC;EAEjE,MAAMC,kBAAkB,GAAIC,KAAwB,IAAK;IACvD,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC1CN,eAAe,CAACO,OAAO,IAAIC,IAAI,CAACC,GAAG,CAACF,OAAO,EAAEH,KAAK,CAAC,CAAC;EACtD,CAAC;EAED,MAAMM,YAAY,GAAGf,YAAY,KAAK,SAAS;EAE/C,MAAMgB,SAAS,GAAGA,CAACC,KAAkC,EAAEC,KAAa,GAAG,CAAC,kBACtE/B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IACH+B,GAAG,EAAEF,KAAM;IACXG,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;MACEC,SAAS,EAAEN,KAAK,KAAK/B,KAAK,CAACsC,QAAQ,CAACC,KAAK,CAACxB,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;IAChE,CAAC,EACDa,YAAY,IAAI;MACdY,QAAQ,EAAEvB;IACZ,CAAC,CACD;IACFwB,QAAQ,EAAErB;EAAmB,gBAE5BpB,KAAK,CAAC0C,YAAY,CAAUZ,KAAK,EAAE;IAClCa,OAAO,EAAEtB,KAAK,IAAI;MAAA,IAAAuB,oBAAA,EAAAC,YAAA;MAChB,CAAAD,oBAAA,IAAAC,YAAA,GAAAf,KAAK,CAACgB,KAAK,EAACH,OAAO,cAAAC,oBAAA,eAAnBA,oBAAA,CAAAG,IAAA,CAAAF,YAAA,EAAsBxB,KAAK,CAAC;MAC5BP,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGiB,KAAK,CAAC;IACtB,CAAC;IACDiB,QAAQ,EAAEpC,aAAa,KAAKmB,KAAK;IACjCpB;EACF,CAAC,CACG,CACP;EAED,oBACEX,KAAA,CAAAgC,aAAA,CAAC7B,UAAU;IACT8C,UAAU,EAAE,IAAK;IACjBC,aAAa,EAAE,IAAK;IACpBC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAE,CACrBpC,qBAAqB,GACjB;MAAEqC,iBAAiB,EAAEjD,gBAAgB,CAACkD;IAAiB,CAAC,GACxD,CAAC,CAAC,EACN;MACEC,QAAQ,EAAE,CAAC;MACXC,cAAc,EAAEnD,YAAY,CAACQ,YAAY;IAC3C,CAAC;EACD,GAED4C,KAAK,CAACC,OAAO,CAAC3C,QAAQ,CAAC,GAAGA,QAAQ,CAAC4C,GAAG,CAAC9B,SAAS,CAAC,GAAGA,SAAS,CAACd,QAAQ,CAC7D,CAAC;AAEjB,CAAC;AAED,MAAMoB,MAAM,GAAGlC,UAAU,CAAC2D,MAAM,CAAC;EAC/BxB,IAAI,EAAE;IACJmB,QAAQ,EAAE,CAAC;IACXM,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,GAAG;IACdC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,SAASrD,aAAa"}
+{"version":3,"names":["React","StyleSheet","View","ScrollView","IOVisualCostants","itemsJustify","start","center","end","stretch","TabNavigation","color","selectedIndex","tabAlignment","onItemPress","children","includeContentMargins","itemMinWidth","setItemMinWidth","useState","handleItemOnLayout","event","width","nativeEvent","layout","current","Math","max","stretchItems","wrapChild","child","index","createElement","key","style","styles","item","minWidth","onLayout","cloneElement","onPress","_child$props$onPress","_child$props","props","call","selected","horizontal","centerContent","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","appMarginDefault","flexGrow","justifyContent","gap","Array","isArray","map","create","flexShrink","flexBasis","alignItems"],"sourceRoot":"../../../../src","sources":["components/tabs/TabNavigation.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAuCC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC7E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,gBAAgB,QAAQ,YAAY;AA0B7C,MAAMC,YAA+D,GAAG;EACtEC,KAAK,EAAE,YAAY;EACnBC,MAAM,EAAE,QAAQ;EAChBC,GAAG,EAAE,UAAU;EACfC,OAAO,EAAE;AACX,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAC;EACrBC,KAAK,GAAG,OAAO;EACfC,aAAa;EACbC,YAAY,GAAG,QAAQ;EACvBC,WAAW;EACXC,QAAQ;EACRC,qBAAqB,GAAG;AACX,CAAC,KAAK;EACnB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAS,CAAC,CAAC;EAEjE,MAAMC,kBAAkB,GAAIC,KAAwB,IAAK;IACvD,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC1CN,eAAe,CAACO,OAAO,IAAIC,IAAI,CAACC,GAAG,CAACF,OAAO,EAAEH,KAAK,CAAC,CAAC;EACtD,CAAC;EAED,MAAMM,YAAY,GAAGf,YAAY,KAAK,SAAS;EAE/C,MAAMgB,SAAS,GAAGA,CAACC,KAAkC,EAAEC,KAAa,GAAG,CAAC,kBACtE/B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IACH+B,GAAG,EAAEF,KAAM;IACXG,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACXR,YAAY,IAAI;MACdS,QAAQ,EAAEpB;IACZ,CAAC,CACD;IACFqB,QAAQ,EAAElB;EAAmB,gBAE5BpB,KAAK,CAACuC,YAAY,CAAUT,KAAK,EAAE;IAClCU,OAAO,EAAEnB,KAAK,IAAI;MAAA,IAAAoB,oBAAA,EAAAC,YAAA;MAChB,CAAAD,oBAAA,IAAAC,YAAA,GAAAZ,KAAK,CAACa,KAAK,EAACH,OAAO,cAAAC,oBAAA,eAAnBA,oBAAA,CAAAG,IAAA,CAAAF,YAAA,EAAsBrB,KAAK,CAAC;MAC5BP,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGiB,KAAK,CAAC;IACtB,CAAC;IACDc,QAAQ,EAAEjC,aAAa,KAAKmB,KAAK;IACjCpB;EACF,CAAC,CACG,CACP;EAED,oBACEX,KAAA,CAAAgC,aAAA,CAAC7B,UAAU;IACT2C,UAAU,EAAE,IAAK;IACjBC,aAAa,EAAE,IAAK;IACpBC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAE,CACrBjC,qBAAqB,GACjB;MAAEkC,iBAAiB,EAAE9C,gBAAgB,CAAC+C;IAAiB,CAAC,GACxD,CAAC,CAAC,EACN;MACEC,QAAQ,EAAE,CAAC;MACXC,cAAc,EAAEhD,YAAY,CAACQ,YAAY,CAAC;MAC1CyC,GAAG,EAAE;IACP,CAAC;EACD,GAEDC,KAAK,CAACC,OAAO,CAACzC,QAAQ,CAAC,GAAGA,QAAQ,CAAC0C,GAAG,CAAC5B,SAAS,CAAC,GAAGA,SAAS,CAACd,QAAQ,CAC7D,CAAC;AAEjB,CAAC;AAED,MAAMoB,MAAM,GAAGlC,UAAU,CAACyD,MAAM,CAAC;EAC/BtB,IAAI,EAAE;IACJgB,QAAQ,EAAE,CAAC;IACXO,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,GAAG;IACdC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,SAASnD,aAAa"}

package/lib/typescript/components/codeInput/CodeInput.d.ts

@@ -4,7 +4,7 @@ type CodeInputProps = {
     onValueChange: (value: string) => void;
     length: number;
     onValidate: (value: string) => boolean;
-    variant?: "light" | "dark";
+    variant?: "primary" | "neutral";
 };
 export declare const CodeInput: ({ length, value, onValueChange, variant, onValidate }: CodeInputProps) => React.JSX.Element;
 export {};

package/lib/typescript/components/codeInput/CodeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/codeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,CAAC;AA+BF,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAqEhB,CAAC"}
+{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/codeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CAAC;AA+BF,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAyEhB,CAAC"}

package/lib/typescript/components/common/ScaleInOutAnimation.d.ts

@@ -4,11 +4,9 @@ import { WithSpringConfig } from "react-native-reanimated";
 type Props = {
     visible?: boolean;
     springConfig?: WithSpringConfig;
-    delayOut?: number;
-    delayIn?: number;
     children: React.ReactNode;
     style?: ViewStyle;
 };
-declare const ScaleInOutAnimation: ({ visible, springConfig, delayOut, delayIn, children, style }: Props) => React.JSX.Element | null;
+declare const ScaleInOutAnimation: ({ visible, springConfig, children, style }: Props) => React.JSX.Element | null;
 export { ScaleInOutAnimation };
 //# sourceMappingURL=ScaleInOutAnimation.d.ts.map

package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleInOutAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/common/ScaleInOutAnimation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAiB,EAEf,gBAAgB,EAIjB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,mBAAmB,kEAOtB,KAAK,6BAsCP,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ScaleInOutAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/common/ScaleInOutAnimation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAiB,EAEf,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,mBAAmB,+CAKtB,KAAK,6BA0CP,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/typescript/components/layout/ForceScrollDownView.d.ts

@@ -1,27 +1,39 @@
-import React from "react";
+import React, { ComponentProps, ReactNode } from "react";
 import { ScrollViewProps } from "react-native";
-type ForceScrollDownViewProps = {
+import { FooterActions } from "./FooterActions";
+type ForceScrollDownViewActions = {
     /**
-     * The content to display inside the scroll view.
+     * The distance from the bottom is computed automatically based on the actions.
      */
-    children: React.ReactNode;
+    threshold?: never;
+    footerActions: Omit<ComponentProps<typeof FooterActions>, "fixed" | "onMeasure">;
+};
+type ForceScrollDownViewCustomSlot = {
     /**
      * The distance from the bottom of the scrollable content at which the "scroll to bottom" button
-     * should become hidden. Defaults to 100.
+     * should become hidden.
+     */
+    threshold: number;
+    footerActions?: never;
+};
+type ForceScrollDownViewSlot = ForceScrollDownViewActions | ForceScrollDownViewCustomSlot;
+export type ForceScrollDownView = {
+    /**
+     * The content to display inside the scroll view.
      */
-    threshold?: number;
+    children: ReactNode;
     /**
      * A callback that will be called whenever the scroll view crosses the threshold. The callback
      * is passed a boolean indicating whether the threshold has been crossed (`true`) or not (`false`).
      */
     onThresholdCrossed?: (crossed: boolean) => void;
-} & Pick<ScrollViewProps, "style" | "contentContainerStyle" | "scrollEnabled" | "testID">;
+} & ForceScrollDownViewSlot & Pick<ScrollViewProps, "style" | "contentContainerStyle" | "scrollEnabled" | "testID">;
 /**
  * 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
  * configurable by the `threshold` prop. The button, and the scrolling, can also be disabled by setting the
  * `scrollEnabled` prop to `false`.
  */
-declare const ForceScrollDownView: ({ children, threshold, style, contentContainerStyle, scrollEnabled, onThresholdCrossed }: ForceScrollDownViewProps) => React.JSX.Element;
+declare const ForceScrollDownView: ({ footerActions, children, threshold: customThreshold, style, contentContainerStyle, scrollEnabled, onThresholdCrossed }: ForceScrollDownView) => React.JSX.Element;
 export { ForceScrollDownView };
 //# sourceMappingURL=ForceScrollDownView.d.ts.map

package/lib/typescript/components/layout/ForceScrollDownView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForceScrollDownView.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ForceScrollDownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,eAAe,EAEhB,MAAM,cAAc,CAAC;AAKtB,KAAK,wBAAwB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,eAAe,EACf,OAAO,GAAG,uBAAuB,GAAG,eAAe,GAAG,QAAQ,CAC/D,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,6FAOtB,wBAAwB,sBAkJ1B,CAAC;AAWF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ForceScrollDownView.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ForceScrollDownView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EACd,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,eAAe,EAEhB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,aAAa,EAAE,IAAI,CACjB,cAAc,CAAC,OAAO,aAAa,CAAC,EACpC,OAAO,GAAG,WAAW,CACtB,CAAC;CACH,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACnC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GACxB,0BAA0B,GAC1B,6BAA6B,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD,GAAG,uBAAuB,GACzB,IAAI,CACF,eAAe,EACf,OAAO,GAAG,uBAAuB,GAAG,eAAe,GAAG,QAAQ,CAC/D,CAAC;AAEJ;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,6HAQtB,mBAAmB,sBA4JrB,CAAC;AAWF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFooterActionsInlineMeasurements.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AAEzE,KAAK,uCAAuC,GAAG;IAC7C,+BAA+B,EAAE,+BAA+B,CAAC;IACjE,qCAAqC,EAAE,CACrC,MAAM,EAAE,+BAA+B,KACpC,IAAI,CAAC;CACX,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,kCAAkC,QACzC,uCAkBH,CAAC"}
+{"version":3,"file":"useFooterActionsInlineMeasurements.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AAEzE,KAAK,uCAAuC,GAAG;IAC7C,+BAA+B,EAAE,+BAA+B,CAAC;IACjE,qCAAqC,EAAE,CACrC,MAAM,EAAE,+BAA+B,KACpC,IAAI,CAAC;CACX,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,kCAAkC,QACzC,uCAmBH,CAAC"}

package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFooterActionsMeasurements.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/hooks/useFooterActionsMeasurements.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,KAAK,iCAAiC,GAAG;IACvC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,+BAA+B,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC9E,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,QACnC,iCAiBH,CAAC"}
+{"version":3,"file":"useFooterActionsMeasurements.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/hooks/useFooterActionsMeasurements.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,KAAK,iCAAiC,GAAG;IACvC,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,+BAA+B,EAAE,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAC9E,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,QACnC,iCAkBH,CAAC"}

package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,8GAQjC,4BAA4B,sBAqD9B,CAAC"}
+{"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,8GAQjC,4BAA4B,sBAyD9B,CAAC"}

package/lib/typescript/components/numberpad/NumberButton.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-type NumberButtonVariantType = "light" | "dark";
+type NumberButtonVariantType = "neutral" | "primary";
 type NumberButtonProps = {
     /**
-     * Used to choose the component color variant between `dark` and `light`.
+     * Used to choose the component color variant between `neutral` and `primary`.
      */
     variant: NumberButtonVariantType;
     /**

package/lib/typescript/components/numberpad/NumberButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,KAAK,uBAAuB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAqBF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBAoDjD,CAAC"}
+{"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,KAAK,uBAAuB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBA0EjD,CAAC"}

package/lib/typescript/components/tabs/TabItem.d.ts

@@ -7,7 +7,6 @@ export type TabItem = WithTestID<{
     label: string;
     color?: ColorMode;
     selected?: boolean;
-    fullWidth?: boolean;
     icon?: IOIcons;
     iconSelected?: IOIcons;
     accessibilityLabel: string;
@@ -19,7 +18,6 @@ declare const TabItem: React.ForwardRefExoticComponent<{
     label: string;
     color?: ColorMode | undefined;
     selected?: boolean | undefined;
-    fullWidth?: boolean | undefined;
     icon?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "theme" | "typeface" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
     iconSelected?: "code" | "option" | "change" | "search" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "light" | "lightFilled" | "theme" | "typeface" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
     accessibilityLabel: string;

package/lib/typescript/components/tabs/TabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAoBH,QAAA,MAAM,OAAO;WAjCJ,MAAM;;;;;;wBAQO,MAAM;;uBAGR,qBAAqB,KAAK,IAAI;;mEAqLjD,CAAC;AAmBF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,EACL,qBAAqB,EAGrB,IAAI,EACL,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAIlC,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAoBH,QAAA,MAAM,OAAO;WAhCJ,MAAM;;;;;wBAOO,MAAM;;uBAGR,qBAAqB,KAAK,IAAI;;mEAgLjD,CAAC;AAgBF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/typescript/components/tabs/TabNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,OAAO,EACP,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CAC9E,CAAC;AAEF,KAAK,qBAAqB,GACtB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAC3B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE3D,KAAK,aAAa,GAAG;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AASF,QAAA,MAAM,aAAa,yFAOhB,aAAa,sBAqDf,CAAC;AAWF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,OAAO,EACP,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CAC9E,CAAC;AAEF,KAAK,qBAAqB,GACtB,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAC3B,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE3D,KAAK,aAAa,GAAG;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AASF,QAAA,MAAM,aAAa,yFAOhB,aAAa,sBAmDf,CAAC;AAWF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.0.6",
+  "version": "5.1.0",
   "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/codeInput/CodeInput.tsx

@@ -11,7 +11,7 @@ type CodeInputProps = {
   onValueChange: (value: string) => void;
   length: number;
   onValidate: (value: string) => boolean;
-  variant?: "light" | "dark";
+  variant?: "primary" | "neutral";
 };
 
 const DOT_SIZE = 16;
@@ -47,35 +47,39 @@ export const CodeInput = ({
   length,
   value,
   onValueChange,
-  variant = "light",
+  variant = "primary",
   onValidate
 }: CodeInputProps) => {
   const [status, setStatus] = useState<"default" | "error">("default");
-  const { themeType } = useIOThemeContext();
+  const { themeType, theme } = useIOThemeContext();
 
   const { translate, animatedStyle, shakeAnimation } = useErrorShakeAnimation();
 
   /* 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;
+    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"
+      ? filledDotColorError
+      : variant === "primary"
       ? filledDotColorDarkBg
       : filledDotColorThemeBased;
 

package/src/components/common/ScaleInOutAnimation.tsx

@@ -4,16 +4,12 @@ import { ViewStyle } from "react-native";
 import Animated, {
   LayoutAnimation,
   WithSpringConfig,
-  withDelay,
-  withSpring,
-  withTiming
+  withSpring
 } from "react-native-reanimated";
 
 type Props = {
   visible?: boolean;
   springConfig?: WithSpringConfig;
-  delayOut?: number;
-  delayIn?: number;
   children: React.ReactNode;
   style?: ViewStyle;
 };
@@ -21,8 +17,6 @@ type Props = {
 const ScaleInOutAnimation = ({
   visible = true,
   springConfig = { damping: 500, mass: 3, stiffness: 1000 },
-  delayOut = 0,
-  delayIn = 0,
   children,
   style
 }: Props) => {
@@ -30,10 +24,12 @@ const ScaleInOutAnimation = ({
     "worklet";
     return {
       initialValues: {
-        transform: [{ scale: 0 }]
+        opacity: 0,
+        transform: [{ scale: 0.5 }]
       },
       animations: {
-        transform: [{ scale: withDelay(delayIn, withSpring(1, springConfig)) }]
+        opacity: withSpring(1, springConfig),
+        transform: [{ scale: withSpring(1, springConfig) }]
       }
     };
   };
@@ -42,10 +38,12 @@ const ScaleInOutAnimation = ({
     "worklet";
     return {
       initialValues: {
+        opacity: 1,
         transform: [{ scale: 1 }]
       },
       animations: {
-        transform: [{ scale: withDelay(delayOut, withTiming(0)) }]
+        opacity: withSpring(0, springConfig),
+        transform: [{ scale: withSpring(0.5, springConfig) }]
       }
     };
   };