@pagopa/io-app-design-system 5.0.0-0 → 5.0.0-1

package/lib/commonjs/components/buttons/ButtonLink.js

@@ -41,6 +41,8 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
   onPress,
   accessibilityLabel,
   accessibilityHint,
+  numberOfLines = 1,
+  textAlign = "auto",
   testID
 }, ref) => {
   var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
@@ -129,12 +131,15 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
     font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
     size: _typography.buttonTextFontSize,
-    style: disabled ? {
+    lineHeight: _typography.buttonTextLineHeight,
+    style: [disabled ? {
       color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.label) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled
     } : {
       ...pressedColorLabelAnimationStyle
-    },
-    numberOfLines: 1,
+    }, {
+      textAlign
+    }],
+    numberOfLines: numberOfLines,
     ellipsizeMode: "tail"
   }, label)));
 });

package/lib/commonjs/components/buttons/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}

package/lib/commonjs/components/buttons/ButtonSolid.js

@@ -79,6 +79,16 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
   } = (0, _hooks.useScaleAnimation)();
   const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
 
+  /* Prevent the component from triggering the `isEntering' transition
+     on the on the first render. Solution from this discussion:
+     https://github.com/software-mansion/react-native-reanimated/discussions/2513
+  */
+  const isMounted = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isMounted.current = true;
+  }, []);
+
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     // Link color states to the pressed states
@@ -130,7 +140,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
     !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
   }, loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: _core.IOButtonStyles.buttonInner,
-    entering: _core.enterTransitionInnerContentSmall,
+    entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
     exiting: _core.exitTransitionInnerContent
   }, /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
     color: foregroundColor
@@ -143,7 +153,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
     iconPosition === "end" && {
       flexDirection: "row-reverse"
     }],
-    entering: _core.enterTransitionInnerContent
+    entering: isMounted.current ? _core.enterTransitionInnerContent : undefined
   }, icon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     allowFontScaling: true,
     name: icon,

package/lib/commonjs/components/buttons/ButtonSolid.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","IOButtonStyles","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","enterTransitionInnerContentSmall","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","IOButtonStyles","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}

package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -1040,7 +1049,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {

package/lib/commonjs/components/typography/ButtonText.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buttonTextFontSize = exports.ButtonText = void 0;
+exports.buttonTextLineHeight = exports.buttonTextFontSize = exports.ButtonText = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
 var _IOText = require("./IOText");
@@ -11,9 +11,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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); }
 const buttonTextFontSize = 16;
+exports.buttonTextFontSize = buttonTextFontSize;
+const buttonTextLineHeight = 20;
+
 /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
-exports.buttonTextFontSize = buttonTextFontSize;
+exports.buttonTextLineHeight = buttonTextLineHeight;
+const defaultColor = "white";
 const fontName = "Titillio";
 const legacyFontName = "TitilliumSansPro";
 
@@ -32,10 +36,10 @@ const ButtonText = /*#__PURE__*/(0, _react.forwardRef)(({
     font: newTypefaceEnabled ? fontName : legacyFontName,
     weight: "Semibold",
     size: buttonTextFontSize,
-    lineHeight: 20,
+    lineHeight: buttonTextLineHeight,
     /* Needed to render `ButtonOutline` and`ButtonLink` because they use
     `AnimatedText` for color transition through Reanimated */
-    color: customColor ?? "white"
+    color: customColor ?? defaultColor
   };
   return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
     ref: ref

package/lib/commonjs/components/typography/ButtonText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","buttonTextFontSize","exports","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","newTypefaceEnabled","useIONewTypeface","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_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","buttonTextFontSize","exports","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","newTypefaceEnabled","useIONewTypeface","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"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"}

package/lib/module/components/buttons/ButtonLink.js

@@ -4,7 +4,7 @@ import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useRedu
 import { IOButtonStyles, IOColors, hexToRgba, useIONewTypeface } from "../../core";
 import { useScaleAnimation } from "../../hooks";
 import { AnimatedIcon, IconClassComponent } from "../icons";
-import { IOText, buttonTextFontSize } from "../typography";
+import { IOText, buttonTextFontSize, buttonTextLineHeight } from "../typography";
 const mapColorStates = {
   // Primary button
   primary: {
@@ -33,6 +33,8 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
   onPress,
   accessibilityLabel,
   accessibilityHint,
+  numberOfLines = 1,
+  textAlign = "auto",
   testID
 }, ref) => {
   var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
@@ -121,12 +123,15 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
     font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
     size: buttonTextFontSize,
-    style: disabled ? {
+    lineHeight: buttonTextLineHeight,
+    style: [disabled ? {
       color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.label) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled
     } : {
       ...pressedColorLabelAnimationStyle
-    },
-    numberOfLines: 1,
+    }, {
+      textAlign
+    }],
+    numberOfLines: numberOfLines,
     ellipsizeMode: "tail"
   }, label)));
 });

package/lib/module/components/buttons/ButtonLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","pressedColorLabelAnimationStyle","labelColor","value","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","buttonTextLineHeight","mapColorStates","primary","label","default","pressed","disabled","contrast","white","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","pressedColorLabelAnimationStyle","labelColor","value","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}

package/lib/module/components/buttons/ButtonSolid.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useEffect, useRef } from "react";
 import { Pressable, StyleSheet } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
@@ -70,6 +70,16 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
   } = useScaleAnimation();
   const reducedMotion = useReducedMotion();
 
+  /* Prevent the component from triggering the `isEntering' transition
+     on the on the first render. Solution from this discussion:
+     https://github.com/software-mansion/react-native-reanimated/discussions/2513
+  */
+  const isMounted = useRef(false);
+  useEffect(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isMounted.current = true;
+  }, []);
+
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
     // Link color states to the pressed states
@@ -121,7 +131,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
   }, loading && /*#__PURE__*/React.createElement(Animated.View, {
     style: IOButtonStyles.buttonInner,
-    entering: enterTransitionInnerContentSmall,
+    entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
     exiting: exitTransitionInnerContent
   }, /*#__PURE__*/React.createElement(LoadingSpinner, {
     color: foregroundColor
@@ -134,7 +144,7 @@ export const ButtonSolid = /*#__PURE__*/React.forwardRef(({
     iconPosition === "end" && {
       flexDirection: "row-reverse"
     }],
-    entering: enterTransitionInnerContent
+    entering: isMounted.current ? enterTransitionInnerContent : undefined
   }, icon && /*#__PURE__*/React.createElement(Icon, {
     allowFontScaling: true,
     name: icon,

package/lib/module/components/buttons/ButtonSolid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","create","backgroundDisabled","backgroundColor","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useScaleAnimation","Icon","LoadingSpinner","ButtonText","colorPrimaryButtonDisabled","ICON_MARGIN","DISABLED_OPACITY","iconSize","styles","create","backgroundDisabled","backgroundColor","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","ButtonSolid","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isMounted","current","pressedAnimationStyle","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7E,SAEEC,SAAS,EACTC,UAAU,QAEL,cAAc;AACrB,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,QACrB,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,0BAA0B;AAarD,MAAMC,0BAAoC,GAAG,UAAU;AACvD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AAEpC,MAAMC,MAAM,GAAGnB,UAAU,CAACoB,MAAM,CAAC;EAC/BC,kBAAkB,EAAE;IAClBC,eAAe,EAAEf,QAAQ,CAACQ,0BAA0B,CAAC;IACrDQ,OAAO,EAAEN;EACX;AACF,CAAC,CAAC;AA6BF,MAAMO,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,OAAO,EAAEnB,QAAQ,CAAC,YAAY,CAAC;IAC/BoB,OAAO,EAAEpB,QAAQ,CAAC,YAAY,CAAC;IAC/BqB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNJ,OAAO,EAAEnB,QAAQ,CAAC,WAAW,CAAC;IAC9BoB,OAAO,EAAEpB,QAAQ,CAAC,WAAW,CAAC;IAC9BqB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRL,OAAO,EAAEnB,QAAQ,CAACyB,KAAK;IACvBL,OAAO,EAAEpB,QAAQ,CAAC,WAAW,CAAC;IAC9BqB,KAAK,EAAE;MACLF,OAAO,EAAE,YAAY;MACrBG,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAED,OAAO,MAAMI,WAAW,gBAAGtC,KAAK,CAACuC,UAAU,CACzC,CACE;EACEC,KAAK,GAAG,SAAS;EACjBP,KAAK;EACLQ,SAAS,GAAG,KAAK;EACjBP,QAAQ,GAAG,KAAK;EAChBQ,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACF,CAAC,EACDC,GAAG,KACA;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3DxC,iBAAiB,CAAC,CAAC;EACrB,MAAMyC,aAAa,GAAG/C,gBAAgB,CAAC,CAAC;;EAExC;AACJ;AACA;AACA;EACI,MAAMgD,SAAS,GAAGvD,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd;IACAwD,SAAS,CAACC,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,qBAAqB,GAAGnD,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMkB,eAAe,GAAGnB,gBAAgB,CACtC6C,QAAQ,CAACQ,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAChC,cAAc,CAACW,KAAK,CAAC,CAACT,OAAO,EAAEF,cAAc,CAACW,KAAK,CAAC,CAACR,OAAO,CAC/D,CAAC;IAED,OAAO;MAAEL;IAAgB,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAMmC,aAAa,GAAG7D,WAAW,CAC9B8D,KAA4B,IAAK;IAChC;AACR;IACQ,IAAIrB,OAAO,EAAE;MACX;IACF;IACApC,yBAAyB,CAAC0D,OAAO,CAAC,aAAa,CAAC;IAChDnB,OAAO,CAACkB,KAAK,CAAC;EAChB,CAAC,EACD,CAACrB,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA,MAAMoB,eAAyB,GAAG/B,QAAQ,IAAAgB,qBAAA,GACtCrB,cAAc,CAACW,KAAK,CAAC,cAAAU,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBjB,KAAK,cAAAiB,qBAAA,uBAA5BA,qBAAA,CAA8BhB,QAAQ,IAAAiB,sBAAA,GACtCtB,cAAc,CAACW,KAAK,CAAC,cAAAW,sBAAA,gBAAAA,sBAAA,GAArBA,sBAAA,CAAuBlB,KAAK,cAAAkB,sBAAA,uBAA5BA,sBAAA,CAA8BpB,OAAO;EAEzC,oBACE/B,KAAA,CAAAkE,aAAA,CAAC9D,SAAS;IACR4C,MAAM,EAAEA,MAAO;IACfC,GAAG,EAAEA,GAAI;IACTkB,UAAU,EAAE;IACZ;IAAA;IACArB,kBAAkB,EAAEA,kBAAkB,IAAIb,KAAM;IAChDc,iBAAiB,EAAEA,iBAAkB;IACrCqB,kBAAkB,EAAE;MAClBC,IAAI,EAAE3B,OAAO;MACbR,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFoC,iBAAiB,EAAE,QAAS;IAC5BzB,OAAO,EAAEiB,aAAc;IACvBR,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBrB,QAAQ,EAAEA,QAAS;IACnBqC,KAAK,EAAE,CAAC9B,SAAS,GAAG9B,cAAc,CAAC6D,iBAAiB,GAAG,CAAC;EAAE,gBAE1DxE,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE,CACL5D,cAAc,CAAC+D,MAAM,EACrB/D,cAAc,CAACgE,iBAAiB,EAChC;MAAEC,QAAQ,EAAE;IAAS,CAAC,EACtBnC,SAAS,IAAI;MAAEoC,iBAAiB,EAAE;IAAG,CAAC,EACtC3C,QAAQ,GACJV,MAAM,CAACE,kBAAkB,GACzB;MAAEC,eAAe,GAAAyB,sBAAA,GAAEvB,cAAc,CAACW,KAAK,CAAC,cAAAY,sBAAA,uBAArBA,sBAAA,CAAuBrB;IAAQ,CAAC;IACvD;AACZ;IACY,CAACG,QAAQ,IAAI,CAACuB,aAAa,IAAID,kBAAkB,EACjD,CAACtB,QAAQ,IAAI0B,qBAAqB;EAClC,GAEDlB,OAAO,iBACN1C,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE5D,cAAc,CAACmE,WAAY;IAClCC,QAAQ,EACNrB,SAAS,CAACC,OAAO,GAAG7C,gCAAgC,GAAGkE,SACxD;IACDC,OAAO,EAAElE;EAA2B,gBAEpCf,KAAA,CAAAkE,aAAA,CAAChD,cAAc;IAACsB,KAAK,EAAEyB;EAAgB,CAAE,CAC5B,CAChB,EAEA,CAACvB,OAAO,iBACP1C,KAAA,CAAAkE,aAAA,CAAC3D,QAAQ,CAACkE,IAAI;IACZF,KAAK,EAAE,CACL5D,cAAc,CAACmE,WAAW,EAC1B;MAAEI,SAAS,EAAE7D;IAAY,CAAC;IAC1B;AAChB;IACgBuB,YAAY,KAAK,KAAK,IAAI;MAAEuC,aAAa,EAAE;IAAc,CAAC,CAC1D;IACFJ,QAAQ,EACNrB,SAAS,CAACC,OAAO,GAAG9C,2BAA2B,GAAGmE;EACnD,GAEArC,IAAI,iBACH3C,KAAA,CAAAkE,aAAA,CAACjD,IAAI;IACHmE,gBAAgB;IAChBC,IAAI,EAAE1C,IAAK;IACX2C,IAAI,EAAE/D,QAAS;IACfiB,KAAK,EAAEyB;EAAgB,CACxB,CACF,eACDjE,KAAA,CAAAkE,aAAA,CAAC/C,UAAU;IACTqB,KAAK,EAAEyB,eAAgB;IACvBM,KAAK,EAAE5D,cAAc,CAACsB,KAAM;IAC5BsD,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBrB,UAAU,EAAE,KAAM;IAClBsB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,GAE9CzD,KACS,CACC,CAEJ,CACN,CAAC;AAEhB,CACF,CAAC;AAED,eAAeK,WAAW"}

package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -1040,7 +1049,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {

package/lib/module/components/typography/ButtonText.js

@@ -3,8 +3,11 @@ import React, { forwardRef } from "react";
 import { useIONewTypeface } from "../../core";
 import { IOText } from "./IOText";
 export const buttonTextFontSize = 16;
+export const buttonTextLineHeight = 20;
+
 /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
+const defaultColor = "white";
 const fontName = "Titillio";
 const legacyFontName = "TitilliumSansPro";
 
@@ -23,10 +26,10 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
     font: newTypefaceEnabled ? fontName : legacyFontName,
     weight: "Semibold",
     size: buttonTextFontSize,
-    lineHeight: 20,
+    lineHeight: buttonTextLineHeight,
     /* Needed to render `ButtonOutline` and`ButtonLink` because they use
     `AnimatedText` for color transition through Reanimated */
-    color: customColor ?? "white"
+    color: customColor ?? defaultColor
   };
   return /*#__PURE__*/React.createElement(IOText, _extends({
     ref: ref

package/lib/module/components/typography/ButtonText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useIONewTypeface","IOText","buttonTextFontSize","fontName","legacyFontName","ButtonText","color","customColor","props","ref","newTypefaceEnabled","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD;AACA;AACA,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGN,UAAU,CAClC,CAAC;EAAEO,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAGV,gBAAgB,CAAC,CAAC;EAEjD,MAAMW,eAA4B,GAAG;IACnC,GAAGH,KAAK;IACRI,IAAI,EAAEF,kBAAkB,GAAGP,QAAQ,GAAGC,cAAc;IACpDS,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEZ,kBAAkB;IACxBa,UAAU,EAAE,EAAE;IACd;AACN;IACMT,KAAK,EAAEC,WAAW,IAAI;EACxB,CAAC;EAED,oBACET,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKE,eAAe,GAClCH,KAAK,CAACU,QACD,CAAC;AAEb,CACF,CAAC"}
+{"version":3,"names":["React","forwardRef","useIONewTypeface","IOText","buttonTextFontSize","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","color","customColor","props","ref","newTypefaceEnabled","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAAmBC,gBAAgB,QAAQ,YAAY;AAEvD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;AACtC,MAAMC,QAAsB,GAAG,UAAU;AACzC,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGR,UAAU,CAClC,CAAC;EAAES,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAEjD,MAAMa,eAA4B,GAAG;IACnC,GAAGH,KAAK;IACRI,IAAI,EAAEF,kBAAkB,GAAGP,QAAQ,GAAGC,cAAc;IACpDS,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEd,kBAAkB;IACxBe,UAAU,EAAEd,oBAAoB;IAChC;AACN;IACMK,KAAK,EAAEC,WAAW,IAAIL;EACxB,CAAC;EAED,oBACEN,KAAA,CAAAoB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKE,eAAe,GAClCH,KAAK,CAACU,QACD,CAAC;AAEb,CACF,CAAC"}

package/lib/typescript/components/buttons/ButtonLink.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { GestureResponderEvent, View } from "react-native";
+import { GestureResponderEvent, View, TextStyle } from "react-native";
 import { WithTestID } from "../../utils/types";
 import { IOIcons } from "../icons";
 export type ColorButtonLink = "primary" | "contrast";
@@ -11,6 +11,8 @@ export type ButtonLinkProps = WithTestID<{
     iconPosition?: "start" | "end";
     accessibilityLabel?: string;
     accessibilityHint?: string;
+    numberOfLines?: number;
+    textAlign?: TextStyle["textAlign"];
     onPress: (event: GestureResponderEvent) => void;
 }>;
 export declare const ButtonLink: React.ForwardRefExoticComponent<{
@@ -21,6 +23,8 @@ export declare const ButtonLink: React.ForwardRefExoticComponent<{
     iconPosition?: "end" | "start" | undefined;
     accessibilityLabel?: string | undefined;
     accessibilityHint?: string | undefined;
+    numberOfLines?: number | undefined;
+    textAlign?: TextStyle["textAlign"];
     onPress: (event: GestureResponderEvent) => void;
 } & import("../../utils/types").TestID & React.RefAttributes<View>>;
 export default ButtonLink;

package/lib/typescript/components/buttons/ButtonLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAetE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAkCH,eAAO,MAAM,UAAU;;WA5Cd,MAAM;;;;;;aASJ,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEAkKhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,qBAAqB,EAErB,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAOlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAkCH,eAAO,MAAM,UAAU;;WA9Cd,MAAM;;;;;;;gBASD,SAAS,CAAC,WAAW,CAAC;aAEzB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEAsKhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/components/buttons/ButtonSolid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAyBjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAmCF,eAAO,MAAM,WAAW;IA1DpB;;OAEG;;WAEI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;;IAGH;;OAEG;;aAEM,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMA2KlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAC;AAC9E,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAyBjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AAmCF,eAAO,MAAM,WAAW;IA1DpB;;OAEG;;WAEI,MAAM;IACb;;OAEG;;IAEH;;OAEG;;;IAGH;;OAEG;;aAEM,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMA0LlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/components/typography/ButtonText.d.ts

@@ -3,6 +3,7 @@ import { View } from "react-native";
 import { IOFontSize } from "../../utils/fonts";
 import { IOTextProps } from "./IOText";
 export declare const buttonTextFontSize: IOFontSize;
+export declare const buttonTextLineHeight = 20;
 /**
  * `ButtonText` typographic style
  */

package/lib/typescript/components/typography/ButtonText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AAMjD;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;8BAqBtB,CAAC"}
+{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AACjD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAQvC;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;8BAqBtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.0.0-0",
+  "version": "5.0.0-1",
   "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/buttons/ButtonLink.tsx

@@ -1,5 +1,10 @@
 import React, { forwardRef } from "react";
-import { GestureResponderEvent, Pressable, View } from "react-native";
+import {
+  GestureResponderEvent,
+  Pressable,
+  View,
+  TextStyle
+} from "react-native";
 import Animated, {
   interpolateColor,
   useAnimatedProps,
@@ -21,7 +26,11 @@ import {
   IOIcons,
   IconClassComponent
 } from "../icons";
-import { IOText, buttonTextFontSize } from "../typography";
+import {
+  IOText,
+  buttonTextFontSize,
+  buttonTextLineHeight
+} from "../typography";
 
 export type ColorButtonLink = "primary" | "contrast";
 
@@ -35,6 +44,8 @@ export type ButtonLinkProps = WithTestID<{
   // Accessibility
   accessibilityLabel?: string;
   accessibilityHint?: string;
+  numberOfLines?: number;
+  textAlign?: TextStyle["textAlign"];
   // Events
   onPress: (event: GestureResponderEvent) => void;
 }>;
@@ -82,6 +93,8 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
       onPress,
       accessibilityLabel,
       accessibilityHint,
+      numberOfLines = 1,
+      textAlign = "auto",
       testID
     },
     ref
@@ -184,12 +197,14 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
             font={newTypefaceEnabled ? "Titillio" : "TitilliumSansPro"}
             weight={"Semibold"}
             size={buttonTextFontSize}
-            style={
+            lineHeight={buttonTextLineHeight}
+            style={[
               disabled
                 ? { color: mapColorStates[color]?.label?.disabled }
-                : { ...pressedColorLabelAnimationStyle }
-            }
-            numberOfLines={1}
+                : { ...pressedColorLabelAnimationStyle },
+              { textAlign }
+            ]}
+            numberOfLines={numberOfLines}
             ellipsizeMode="tail"
           >
             {label}

package/src/components/buttons/ButtonSolid.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, useCallback } from "react";
+import React, { ComponentProps, useCallback, useEffect, useRef } from "react";
 import {
   GestureResponderEvent,
   Pressable,
@@ -130,6 +130,17 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
       useScaleAnimation();
     const reducedMotion = useReducedMotion();
 
+    /* Prevent the component from triggering the `isEntering' transition
+       on the on the first render. Solution from this discussion:
+       https://github.com/software-mansion/react-native-reanimated/discussions/2513
+    */
+    const isMounted = useRef(false);
+
+    useEffect(() => {
+      // eslint-disable-next-line functional/immutable-data
+      isMounted.current = true;
+    }, []);
+
     // Interpolate animation values from `isPressed` values
     const pressedAnimationStyle = useAnimatedStyle(() => {
       // Link color states to the pressed states
@@ -197,7 +208,9 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
           {loading && (
             <Animated.View
               style={IOButtonStyles.buttonInner}
-              entering={enterTransitionInnerContentSmall}
+              entering={
+                isMounted.current ? enterTransitionInnerContentSmall : undefined
+              }
               exiting={exitTransitionInnerContent}
             >
               <LoadingSpinner color={foregroundColor} />
@@ -213,7 +226,9 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
                    reverse flex property to invert the position */
                 iconPosition === "end" && { flexDirection: "row-reverse" }
               ]}
-              entering={enterTransitionInnerContent}
+              entering={
+                isMounted.current ? enterTransitionInnerContent : undefined
+              }
             >
               {icon && (
                 <Icon

package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap

@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -300,7 +305,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {
@@ -833,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
             "fontSize": 16,
             "fontStyle": "normal",
             "fontWeight": "600",
-            "lineHeight": undefined,
-          },
-          {
-            "color": undefined,
+            "lineHeight": 20,
           },
+          [
+            {
+              "color": undefined,
+            },
+            {
+              "textAlign": "auto",
+            },
+          ],
         ]
       }
     >
@@ -1040,7 +1049,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
     }
   >
     <View
-      entering={[Function]}
       style={
         [
           {

package/src/components/typography/ButtonText.tsx

@@ -1,12 +1,15 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface } from "../../core";
+import { IOColors, useIONewTypeface } from "../../core";
 import { IOFontFamily, IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 
 export const buttonTextFontSize: IOFontSize = 16;
+export const buttonTextLineHeight = 20;
+
 /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
+const defaultColor: IOColors = "white";
 const fontName: IOFontFamily = "Titillio";
 const legacyFontName: IOFontFamily = "TitilliumSansPro";
 
@@ -22,10 +25,10 @@ export const ButtonText = forwardRef<View, TypographicStyleProps>(
       font: newTypefaceEnabled ? fontName : legacyFontName,
       weight: "Semibold",
       size: buttonTextFontSize,
-      lineHeight: 20,
+      lineHeight: buttonTextLineHeight,
       /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
-      color: customColor ?? "white"
+      color: customColor ?? defaultColor
     };
 
     return (