@pagopa/io-app-design-system 4.2.1 → 4.4.0

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

@@ -59,7 +59,13 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
           "textAlignVertical": "center",
         },
         false,
+        {
+          "columnGap": 8,
+        },
         {},
+        {
+          "columnGap": 8,
+        },
         {
           "transform": [
             {
@@ -76,7 +82,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
       allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
-      maxFontSizeMultiplier={1.25}
+      maxFontSizeMultiplier={1.5}
       numberOfLines={1}
       style={
         [
@@ -160,20 +166,25 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
         {
           "height": 48,
         },
+        {
+          "columnGap": 8,
+        },
         false,
         {
           "backgroundColor": "rgba(231,236,252,0)",
           "borderColor": "#0B3EE3",
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+          "borderColor": undefined,
+        },
       ]
     }
   >
@@ -183,7 +194,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
       allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
-      maxFontSizeMultiplier={1.25}
+      maxFontSizeMultiplier={1.5}
       numberOfLines={1}
       style={
         [
@@ -276,17 +287,20 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
           "backgroundColor": "#0B3EE3",
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
     <View
+      entering={[Function]}
       style={
         [
           {
@@ -294,6 +308,9 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
             "flexDirection": "row",
             "justifyContent": "center",
           },
+          {
+            "columnGap": 8,
+          },
           false,
         ]
       }
@@ -304,7 +321,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
         allowFontScaling={true}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
-        maxFontSizeMultiplier={1.25}
+        maxFontSizeMultiplier={1.5}
         numberOfLines={1}
         style={
           [
@@ -510,13 +527,15 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
           "width": 48,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
@@ -642,13 +661,15 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
           "width": 56,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
         {
           "backgroundColor": "#0B3EE3",
         },
@@ -778,7 +799,13 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
           "textAlignVertical": "center",
         },
         false,
+        {
+          "columnGap": 8,
+        },
         {},
+        {
+          "columnGap": 8,
+        },
         {
           "transform": [
             {
@@ -792,10 +819,10 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={false}
+      allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
-      maxFontSizeMultiplier={1.25}
+      maxFontSizeMultiplier={1.5}
       numberOfLines={1}
       style={
         [
@@ -878,30 +905,35 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
         {
           "height": 40,
         },
+        {
+          "columnGap": 8,
+        },
         false,
         {
           "backgroundColor": "rgba(0,115,230,0)",
           "borderColor": "#0073E6",
         },
         {
-          "backgroundColor": undefined,
-          "borderColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+          "borderColor": undefined,
+        },
       ]
     }
   >
     <Text
       accessibilityElementsHidden={true}
       accessible={false}
-      allowFontScaling={false}
+      allowFontScaling={true}
       ellipsizeMode="tail"
       importantForAccessibility="no-hide-descendants"
-      maxFontSizeMultiplier={1.25}
+      maxFontSizeMultiplier={1.5}
       numberOfLines={1}
       style={
         [
@@ -993,17 +1025,20 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
           "backgroundColor": "#0073E6",
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
     <View
+      entering={[Function]}
       style={
         [
           {
@@ -1011,6 +1046,9 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
             "flexDirection": "row",
             "justifyContent": "center",
           },
+          {
+            "columnGap": 8,
+          },
           false,
         ]
       }
@@ -1018,10 +1056,10 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
       <Text
         accessibilityElementsHidden={true}
         accessible={false}
-        allowFontScaling={false}
+        allowFontScaling={true}
         ellipsizeMode="tail"
         importantForAccessibility="no-hide-descendants"
-        maxFontSizeMultiplier={1.25}
+        maxFontSizeMultiplier={1.5}
         numberOfLines={1}
         style={
           [
@@ -1227,13 +1265,15 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
           "width": 48,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
       ]
     }
   >
@@ -1359,13 +1399,15 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
           "width": 56,
         },
         {
-          "backgroundColor": undefined,
           "transform": [
             {
               "scale": undefined,
             },
           ],
         },
+        {
+          "backgroundColor": undefined,
+        },
         {
           "backgroundColor": "#0073E6",
         },

package/lib/commonjs/components/checkbox/AnimatedCheckbox.js

@@ -7,6 +7,7 @@ exports.AnimatedCheckbox = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _accessibility = require("../../utils/accessibility");
 var _core = require("../../core");
 var _IOAnimations = require("../../core/IOAnimations");
 var _IOColors = require("../../core/IOColors");
@@ -16,28 +17,18 @@ 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; }
 const checkBoxRadius = 5;
 const styles = _reactNative.StyleSheet.create({
-  checkBoxWrapper: {
-    width: _IOStyles.IOSelectionTickVisualParams.size,
-    height: _IOStyles.IOSelectionTickVisualParams.size
-  },
   checkboxBorder: {
+    borderWidth: _IOStyles.IOSelectionTickVisualParams.borderWidth,
+    borderCurve: "continuous",
     position: "absolute",
     left: 0,
-    top: 0,
-    width: _IOStyles.IOSelectionTickVisualParams.size,
-    height: _IOStyles.IOSelectionTickVisualParams.size,
-    borderWidth: _IOStyles.IOSelectionTickVisualParams.borderWidth,
-    borderRadius: checkBoxRadius,
-    borderCurve: "continuous"
+    top: 0
   },
   checkBoxSquare: {
+    borderCurve: "continuous",
     position: "absolute",
     left: 0,
-    top: 0,
-    width: _IOStyles.IOSelectionTickVisualParams.size,
-    height: _IOStyles.IOSelectionTickVisualParams.size,
-    borderRadius: checkBoxRadius,
-    borderCurve: "continuous"
+    top: 0
   }
 });
 
@@ -46,10 +37,14 @@ const styles = _reactNative.StyleSheet.create({
  * standard {@link CheckBox} or other composite components.
  */
 const AnimatedCheckbox = ({
+  size,
   checked,
   onPress,
   disabled
 }) => {
+  const {
+    dynamicFontScale
+  } = (0, _accessibility.useIOFontDynamicScale)();
   const isChecked = checked ?? false;
   const {
     isExperimental
@@ -64,6 +59,15 @@ const AnimatedCheckbox = ({
   const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
   const squareAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
   const tickAnimationProgress = (0, _reactNativeReanimated.useSharedValue)(checked ? 1 : 0);
+  const checkboxSizeStyle = {
+    width: size,
+    height: size,
+    borderRadius: checkBoxRadius * dynamicFontScale
+  };
+  const checkboxWrapperSizeStyle = {
+    width: size,
+    height: size
+  };
   (0, _react.useEffect)(() => {
     // eslint-disable-next-line functional/immutable-data
     squareAnimationProgress.value = (0, _reactNativeReanimated.withSpring)(checked ? 1 : 0, _IOAnimations.IOSpringValues.selection);
@@ -87,14 +91,14 @@ const AnimatedCheckbox = ({
     accessible: false,
     disabled: disabled,
     onPress: onPress,
-    style: styles.checkBoxWrapper,
+    style: checkboxWrapperSizeStyle,
     testID: "AnimatedCheckboxInput"
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.checkboxBorder, {
+    style: [styles.checkboxBorder, checkboxSizeStyle, {
       borderColor: borderColorProp
     }]
   }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.checkBoxSquare, {
+    style: [styles.checkBoxSquare, checkboxSizeStyle, {
       backgroundColor: backgroundColorProp
     }, animatedCheckboxSquare]
   }), isChecked && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -102,6 +106,7 @@ const AnimatedCheckbox = ({
       zIndex: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_AnimatedTick.AnimatedTick, {
+    size: size,
     progress: tickAnimationProgress,
     stroke: _IOColors.IOColors[_IOStyles.IOSelectionTickVisualParams.tickColor]
   })));

package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","checkBoxRadius","styles","StyleSheet","create","checkBoxWrapper","width","IOSelectionTickVisualParams","size","height","checkboxBorder","position","left","top","borderWidth","borderRadius","borderCurve","checkBoxSquare","AnimatedCheckbox","checked","onPress","disabled","isChecked","isExperimental","useIOExperimentalDesign","borderColorOffState","IOColors","legacyBorderColorOffState","IOSelectionTickLegacyVisualParams","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","squareAnimationProgress","useSharedValue","tickAnimationProgress","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedCheckboxSquare","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","accessible","style","testID","View","borderColor","backgroundColor","zIndex","AnimatedTick","progress","stroke","tickColor","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_accessibility","_core","_IOAnimations","_IOColors","_IOStyles","_AnimatedTick","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","checkBoxRadius","styles","StyleSheet","create","checkboxBorder","borderWidth","IOSelectionTickVisualParams","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","dynamicFontScale","useIOFontDynamicScale","isChecked","isExperimental","useIOExperimentalDesign","borderColorOffState","IOColors","legacyBorderColorOffState","IOSelectionTickLegacyVisualParams","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","squareAnimationProgress","useSharedValue","tickAnimationProgress","checkboxSizeStyle","width","height","borderRadius","checkboxWrapperSizeStyle","useEffect","value","withSpring","IOSpringValues","selection","withTiming","duration","easing","Easing","elastic","animatedCheckboxSquare","useAnimatedStyle","scale","interpolate","opacity","transform","createElement","Pressable","accessible","style","testID","View","borderColor","backgroundColor","zIndex","AnimatedTick","progress","stroke","tickColor","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}

package/lib/commonjs/components/checkbox/CheckboxLabel.js

@@ -7,14 +7,15 @@ exports.CheckboxLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
-var _IOStyles = require("../../core/IOStyles");
 var _hapticFeedback = require("../../functions/haptic-feedback/hapticFeedback");
-var _Spacer = require("../spacer/Spacer");
+var _accessibility = require("../../utils/accessibility");
+var _stack = require("../stack");
 var _H = require("../typography/H6");
 var _AnimatedCheckbox = require("./AnimatedCheckbox");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const DISABLED_OPACITY = 0.5;
+const CHECKBOX_MARGIN = 8;
 
 // disabled: the component is no longer touchable
 // onPress:
@@ -32,6 +33,9 @@ const CheckboxLabel = ({
   onValueChange
 }) => {
   const theme = (0, _core.useIOTheme)();
+  const {
+    dynamicFontScale
+  } = (0, _accessibility.useIOFontDynamicScale)();
   const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
   const toggleCheckbox = () => {
     (0, _hapticFeedback.triggerHaptic)("impactLight");
@@ -57,11 +61,13 @@ const CheckboxLabel = ({
     // inheritance on Android
     ,
     needsOffscreenAlphaCompositing: true
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [_IOStyles.IOStyles.row, {
+  }, /*#__PURE__*/React.createElement(_stack.HStack, {
+    allowScaleSpacing: true,
+    style: {
       alignItems: "center",
       width: "100%"
-    }]
+    },
+    space: CHECKBOX_MARGIN
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     pointerEvents: "none",
     accessibilityElementsHidden: true,
@@ -70,10 +76,9 @@ const CheckboxLabel = ({
       alignSelf: "flex-start"
     }
   }, /*#__PURE__*/React.createElement(_AnimatedCheckbox.AnimatedCheckbox, {
+    size: _core.IOSelectionTickVisualParams.size * dynamicFontScale,
     checked: checked ?? toggleValue
-  })), /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(_H.H6, {
+  })), /*#__PURE__*/React.createElement(_H.H6, {
     style: {
       flexShrink: 1
     },

package/lib/commonjs/components/checkbox/CheckboxLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedCheckbox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","CheckboxLabel","label","checked","disabled","onValueChange","theme","useIOTheme","toggleValue","setToggleValue","useState","toggleCheckbox","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","accessibilityRole","accessibilityState","needsOffscreenAlphaCompositing","View","IOStyles","row","alignItems","width","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedCheckbox","HSpacer","size","H6","flexShrink","color","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_hapticFeedback","_accessibility","_stack","_H","_AnimatedCheckbox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","CHECKBOX_MARGIN","CheckboxLabel","label","checked","disabled","onValueChange","theme","useIOTheme","dynamicFontScale","useIOFontDynamicScale","toggleValue","setToggleValue","useState","toggleCheckbox","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","accessibilityRole","accessibilityState","needsOffscreenAlphaCompositing","HStack","allowScaleSpacing","alignItems","width","space","View","pointerEvents","accessibilityElementsHidden","importantForAccessibility","AnimatedCheckbox","size","IOSelectionTickVisualParams","H6","flexShrink","color","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"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"}

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

@@ -20,6 +20,7 @@ const TickSVGPath = "m7 12 4 4 7-7";
  *
  */
 const AnimatedTick = ({
+  size,
   progress,
   ...pathProps
 }) => {
@@ -37,9 +38,12 @@ const AnimatedTick = ({
     const currentRef = ref.current;
     setLength(currentRef.getTotalLength());
   };
-  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/_react.default.createElement(AnimatedPath, _extends({
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, _extends({
+    viewBox: `0 0 24 24`
+  }, size ? {
+    width: size,
+    height: size
+  } : {}), /*#__PURE__*/_react.default.createElement(AnimatedPath, _extends({
     ref: ref,
     onLayout: onLayout,
     d: TickSVGPath,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNativeSvg","_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","AnimatedPath","Animated","createAnimatedComponent","Path","TickSVGPath","AnimatedTick","progress","pathProps","setLength","useState","ref","useAnimatedRef","animatedProps","useAnimatedProps","strokeDashoffset","Math","max","value","onLayout","currentRef","current","getTotalLength","createElement","viewBox","d","strokeDasharray","strokeWidth","strokeLinecap","strokeLinejoin","fill","exports"],"sourceRoot":"../../../../src","sources":["components/common/AnimatedTick.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAIA,IAAAE,eAAA,GAAAH,uBAAA,CAAAC,OAAA;AAAwD,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAExD,MAAMI,YAAY,GAAGC,8BAAQ,CAACC,uBAAuB,CAACC,oBAAI,CAAC;AAO3D;AACA,MAAMC,WAAW,GAAG,eAAe;;AAEnC;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAC7E,MAAM,CAACV,MAAM,EAAEW,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACvC,MAAMC,GAAG,GAAG,IAAAC,qCAAc,EAAC,CAAC;;EAE5B;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,gBAAgB,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEnB,MAAM,GAAGA,MAAM,GAAGS,QAAQ,CAACW,KAAK,GAAG,GAAG;EACtE,CAAC,CAAC,CAAC;EAEH,MAAMC,QAAQ,GAAGA,CAAA,KAAM;IACrB;IACA;IACA,MAAMC,UAAU,GAAGT,GAAG,CAACU,OAAc;IACrCZ,SAAS,CAACW,UAAU,CAACE,cAAc,CAAC,CAAC,CAAC;EACxC,CAAC;EAED,oBACEzD,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACtD,eAAA,CAAAQ,OAAG;IAAC+C,OAAO,EAAC;EAAW,gBACtB3D,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACtB,YAAY,EAAAT,QAAA;IACXmB,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAEA,QAAS;IACnBM,CAAC,EAAEpB,WAAY;IACfQ,aAAa,EAAEA,aAAc;IAC7Ba,eAAe,EAAE5B,MAAO;IACxB6B,WAAW,EAAE,CAAE;IACfC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,IAAI,EAAC;EAAM,GACPtB,SAAS,CACd,CACE,CAAC;AAEV,CAAC;AAACuB,OAAA,CAAAzB,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNativeSvg","_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","AnimatedPath","Animated","createAnimatedComponent","Path","TickSVGPath","AnimatedTick","size","progress","pathProps","setLength","useState","ref","useAnimatedRef","animatedProps","useAnimatedProps","strokeDashoffset","Math","max","value","onLayout","currentRef","current","getTotalLength","createElement","viewBox","width","height","d","strokeDasharray","strokeWidth","strokeLinecap","strokeLinejoin","fill","exports"],"sourceRoot":"../../../../src","sources":["components/common/AnimatedTick.tsx"],"mappings":"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"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LogoPaymentWithFallback = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _accessibility = require("../../utils/accessibility");
+var _object = require("../../utils/object");
 var _icons = require("../icons");
 var _logos = require("../logos");
-var _object = require("../../utils/object");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
@@ -26,9 +27,13 @@ const LogoPaymentWithFallback = ({
   isExtended = false,
   size = isExtended ? 48 : 24
 }) => {
+  const {
+    dynamicFontScale
+  } = (0, _accessibility.useIOFontDynamicScale)();
   const logos = isExtended ? _logos.IOPaymentExtLogos : _logos.IOPaymentLogos;
   if (!brand) {
     return /*#__PURE__*/React.createElement(_icons.Icon, {
+      allowFontScaling: true,
       name: "creditCard",
       size: size,
       color: fallbackIconColor
@@ -37,6 +42,7 @@ const LogoPaymentWithFallback = ({
   const findCase = (0, _object.findFirstCaseInsensitive)(logos, brand);
   if (!findCase) {
     return /*#__PURE__*/React.createElement(_icons.Icon, {
+      allowFontScaling: true,
       name: "creditCard",
       size: size,
       color: fallbackIconColor
@@ -44,10 +50,10 @@ const LogoPaymentWithFallback = ({
   }
   return isExtended ? /*#__PURE__*/React.createElement(_logos.LogoPaymentExt, {
     name: findCase,
-    size: size
+    size: size * dynamicFontScale
   }) : /*#__PURE__*/React.createElement(_logos.LogoPayment, {
     name: findCase,
-    size: size
+    size: size * dynamicFontScale
   });
 };
 exports.LogoPaymentWithFallback = LogoPaymentWithFallback;

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_icons","_logos","_object","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LogoPaymentWithFallback","brand","fallbackIconColor","isExtended","size","logos","IOPaymentExtLogos","IOPaymentLogos","createElement","Icon","name","color","findCase","findFirstCaseInsensitive","LogoPaymentExt","LogoPayment","exports"],"sourceRoot":"../../../../src","sources":["components/common/LogoPaymentWithFallback.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAQA,IAAAG,OAAA,GAAAH,OAAA;AAA8D,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAa9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,iBAAiB,GAAG,UAAU;EAC9BC,UAAU,GAAG,KAAK;EAClBC,IAAI,GAAGD,UAAU,GAAG,EAAE,GAAG;AACF,CAAC,KAAK;EAC7B,MAAME,KAAK,GAAGF,UAAU,GAAGG,wBAAiB,GAAGC,qBAAc;EAE7D,IAAI,CAACN,KAAK,EAAE;IACV,oBAAO7B,KAAA,CAAAoC,aAAA,CAACjC,MAAA,CAAAkC,IAAI;MAACC,IAAI,EAAC,YAAY;MAACN,IAAI,EAAEA,IAAK;MAACO,KAAK,EAAET;IAAkB,CAAE,CAAC;EACzE;EAEA,MAAMU,QAAQ,GAAG,IAAAC,gCAAwB,EAACR,KAAK,EAAEJ,KAAK,CAAC;EAEvD,IAAI,CAACW,QAAQ,EAAE;IACb,oBAAOxC,KAAA,CAAAoC,aAAA,CAACjC,MAAA,CAAAkC,IAAI;MAACC,IAAI,EAAC,YAAY;MAACN,IAAI,EAAEA,IAAK;MAACO,KAAK,EAAET;IAAkB,CAAE,CAAC;EACzE;EAEA,OAAOC,UAAU,gBACf/B,KAAA,CAAAoC,aAAA,CAAChC,MAAA,CAAAsC,cAAc;IAACJ,IAAI,EAAEE,QAAiC;IAACR,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAEtEhC,KAAA,CAAAoC,aAAA,CAAChC,MAAA,CAAAuC,WAAW;IAACL,IAAI,EAAEE,QAA8B;IAACR,IAAI,EAAEA;EAAK,CAAE,CAChE;AACH,CAAC;AAACY,OAAA,CAAAhB,uBAAA,GAAAA,uBAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_accessibility","_object","_icons","_logos","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LogoPaymentWithFallback","brand","fallbackIconColor","isExtended","size","dynamicFontScale","useIOFontDynamicScale","logos","IOPaymentExtLogos","IOPaymentLogos","createElement","Icon","allowFontScaling","name","color","findCase","findFirstCaseInsensitive","LogoPaymentExt","LogoPayment","exports"],"sourceRoot":"../../../../src","sources":["components/common/LogoPaymentWithFallback.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAOkB,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAalB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,iBAAiB,GAAG,UAAU;EAC9BC,UAAU,GAAG,KAAK;EAClBC,IAAI,GAAGD,UAAU,GAAG,EAAE,GAAG;AACF,CAAC,KAAK;EAC7B,MAAM;IAAEE;EAAiB,CAAC,GAAG,IAAAC,oCAAqB,EAAC,CAAC;EACpD,MAAMC,KAAK,GAAGJ,UAAU,GAAGK,wBAAiB,GAAGC,qBAAc;EAE7D,IAAI,CAACR,KAAK,EAAE;IACV,oBACE9B,KAAA,CAAAuC,aAAA,CAAClC,MAAA,CAAAmC,IAAI;MACHC,gBAAgB;MAChBC,IAAI,EAAC,YAAY;MACjBT,IAAI,EAAEA,IAAK;MACXU,KAAK,EAAEZ;IAAkB,CAC1B,CAAC;EAEN;EAEA,MAAMa,QAAQ,GAAG,IAAAC,gCAAwB,EAACT,KAAK,EAAEN,KAAK,CAAC;EAEvD,IAAI,CAACc,QAAQ,EAAE;IACb,oBACE5C,KAAA,CAAAuC,aAAA,CAAClC,MAAA,CAAAmC,IAAI;MACHC,gBAAgB;MAChBC,IAAI,EAAC,YAAY;MACjBT,IAAI,EAAEA,IAAK;MACXU,KAAK,EAAEZ;IAAkB,CAC1B,CAAC;EAEN;EAEA,OAAOC,UAAU,gBACfhC,KAAA,CAAAuC,aAAA,CAACjC,MAAA,CAAAwC,cAAc;IACbJ,IAAI,EAAEE,QAAiC;IACvCX,IAAI,EAAEA,IAAI,GAAGC;EAAiB,CAC/B,CAAC,gBAEFlC,KAAA,CAAAuC,aAAA,CAACjC,MAAA,CAAAyC,WAAW;IACVL,IAAI,EAAEE,QAA8B;IACpCX,IAAI,EAAEA,IAAI,GAAGC;EAAiB,CAC/B,CACF;AACH,CAAC;AAACc,OAAA,CAAAnB,uBAAA,GAAAA,uBAAA"}

package/lib/commonjs/components/featureInfo/FeatureInfo.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FeatureInfo = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _components = require("../../components");
 var _core = require("../../core");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,25 +25,29 @@ const FeatureInfo = ({
   action
 }) => {
   const theme = (0, _core.useIOTheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_core.IOStyles.flex, _core.IOStyles.row, _core.IOStyles.alignCenter]
+  return /*#__PURE__*/_react.default.createElement(_components.HStack, {
+    style: {
+      alignItems: "center"
+    },
+    space: 24
   }, iconName && /*#__PURE__*/_react.default.createElement(_components.Icon, {
+    allowFontScaling: true,
     name: iconName,
     size: DEFAULT_ICON_SIZE,
     color: theme["icon-decorative"]
   }), pictogramName && /*#__PURE__*/_react.default.createElement(_components.Pictogram, {
+    allowFontScaling: true,
     name: pictogramName,
     size: DEFAULT_PICTOGRAM_SIZE
-  }), /*#__PURE__*/_react.default.createElement(_components.HSpacer, {
-    size: 24
   }), /*#__PURE__*/_react.default.createElement(_components.VStack, {
+    allowScaleSpacing: true,
     space: 4,
     style: {
       flexShrink: 1
     }
   }, renderNode(body), action && /*#__PURE__*/_react.default.createElement(_components.BodySmall, {
-    weight: "Semibold",
     asLink: true,
+    weight: "Semibold",
     onPress: action.onPress,
     accessible: true,
     importantForAccessibility: "yes",