@pagopa/io-app-design-system 1.7.1 → 1.9.0

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useCallback } from "react";
 import { Pressable } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOButtonStyles, IOIconButtonStyles, IOScaleValues, IOSpringValues } from "../../core";
+import { IOButtonStyles, IOIconButtonStyles, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { AnimatedIcon } from "../icons";
 const mapColorStates = {
@@ -30,8 +30,35 @@ const mapColorStates = {
     }
   }
 };
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const mapLegacyColorStates = {
+  // Primary button
+  primary: {
+    background: {
+      default: IOColors.blue,
+      pressed: IOColors["blue-600"],
+      disabled: IOColors["grey-100"]
+    },
+    icon: {
+      default: IOColors.white,
+      disabled: IOColors["grey-450"]
+    }
+  },
+  contrast: {
+    background: {
+      default: IOColors.white,
+      pressed: IOColors["blue-50"],
+      disabled: hexToRgba(IOColors.white, 0.25)
+    },
+    icon: {
+      default: IOColors.blue,
+      disabled: IOColors.blue
+    }
+  }
+};
 export const IconButtonSolid = _ref => {
-  var _IOScaleValues$exagge;
+  var _IOScaleValues$exagge, _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4;
   let {
     icon,
     color = "primary",
@@ -42,16 +69,18 @@ export const IconButtonSolid = _ref => {
     testID
   } = _ref;
   const isPressed = useSharedValue(0);
-
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   // Scaling transformation applied when the button is pressed
   const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$exagge = IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
 
   // Using a spring-based animation for our interpolations
   const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
+  const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
   // Interpolate animation values from `isPressed` values
   const pressedAnimationStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
+    const backgroundColor = interpolateColor(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
 
     // Scale down button slightly when pressed
     const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
@@ -70,31 +99,27 @@ export const IconButtonSolid = _ref => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);
-  const NewButton = () => {
-    var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
-    return /*#__PURE__*/React.createElement(Pressable, {
-      accessibilityLabel: accessibilityLabel,
-      accessibilityHint: accessibilityHint,
-      accessibilityRole: "button",
-      testID: testID,
-      onPress: onPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      accessible: true,
-      disabled: disabled,
-      style: IOButtonStyles.dimensionsDefault
-    }, /*#__PURE__*/React.createElement(Animated.View, {
-      style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && pressedAnimationStyle, disabled ? {
-        backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled
-      } : {
-        backgroundColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.background) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default
-      }]
-    }, /*#__PURE__*/React.createElement(AnimatedIcon, {
-      name: icon,
-      color: !disabled ? (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.icon) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default : (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 || (_mapColorStates$color4 = _mapColorStates$color4.icon) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.disabled
-    })));
-  };
-  return /*#__PURE__*/React.createElement(NewButton, null);
+  return /*#__PURE__*/React.createElement(Pressable, {
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: "button",
+    testID: testID,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessible: true,
+    disabled: disabled,
+    style: IOButtonStyles.dimensionsDefault
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [IOIconButtonStyles.button, IOIconButtonStyles.buttonSizeLarge, !disabled && pressedAnimationStyle, disabled ? {
+      backgroundColor: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.background) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled
+    } : {
+      backgroundColor: (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.background) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default
+    }]
+  }, /*#__PURE__*/React.createElement(AnimatedIcon, {
+    name: icon,
+    color: !disabled ? (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.icon) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default : (_colorMap$color4 = colorMap[color]) === null || _colorMap$color4 === void 0 || (_colorMap$color4 = _colorMap$color4.icon) === null || _colorMap$color4 === void 0 ? void 0 : _colorMap$color4.disabled
+  })));
 };
 export default IconButtonSolid;
 //# sourceMappingURL=IconButtonSolid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOIconButtonStyles","IOScaleValues","IOSpringValues","IOColors","hexToRgba","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","IconButtonSolid","_ref","_IOScaleValues$exagge","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","handlePressIn","handlePressOut","NewButton","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","createElement","accessibilityRole","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeLarge","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOIconButtonStyles","IOScaleValues","IOSpringValues","useIOExperimentalDesign","IOColors","hexToRgba","AnimatedIcon","mapColorStates","primary","background","default","pressed","disabled","icon","white","contrast","mapLegacyColorStates","blue","IconButtonSolid","_ref","_IOScaleValues$exagge","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","exaggeratedButton","pressedState","progressPressed","value","button","colorMap","useMemo","pressedAnimationStyle","backgroundColor","scale","CLAMP","transform","handlePressIn","handlePressOut","createElement","accessibilityRole","onPressIn","onPressOut","accessible","style","dimensionsDefault","View","buttonSizeLarge","name"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}

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

@@ -69,29 +69,29 @@ exports[`Test Buttons Components ButtonExtendedOutline Snapshot 1`] = `
       <Text
         color="black"
         defaultColor="black"
-        defaultWeight="Regular"
-        font="ReadexPro"
+        defaultWeight="SemiBold"
+        font="TitilliumWeb"
         fontStyle={
           {
-            "fontSize": 20,
+            "fontSize": 16,
             "lineHeight": 24,
           }
         }
         style={
           [
             {
-              "fontSize": 20,
+              "fontSize": 16,
               "lineHeight": 24,
             },
             {
               "color": "#0E0F13",
-              "fontFamily": "Readex Pro",
+              "fontFamily": "Titillium Web",
               "fontStyle": "normal",
-              "fontWeight": "400",
+              "fontWeight": "600",
             },
           ]
         }
-        weight="Regular"
+        weight="SemiBold"
       >
         label
       </Text>
@@ -311,10 +311,10 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
         {
           "borderWidth": 1,
         },
-        false,
         {
           "height": 40,
         },
+        false,
         {
           "backgroundColor": "rgba(0,115,230,0)",
           "borderColor": "#0073E6",
@@ -344,9 +344,6 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
           {
             "alignSelf": "center",
           },
-          {
-            "fontSize": 16,
-          },
           {
             "color": "#0073E6",
           },
@@ -433,19 +430,24 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
   >
     <Text
       color="white"
+      defaultColor="white"
+      defaultWeight="Bold"
       ellipsizeMode="tail"
+      font="TitilliumWeb"
+      fontStyle={
+        {
+          "fontSize": 16,
+        }
+      }
       numberOfLines={1}
       style={
         [
-          [
-            {
-              "alignSelf": "center",
-            },
-            {
-              "fontSize": 16,
-            },
-          ],
-          undefined,
+          {
+            "alignSelf": "center",
+          },
+          {
+            "fontSize": 16,
+          },
           {
             "color": "#FFFFFF",
             "fontFamily": "Titillium Web",
@@ -764,7 +766,7 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
           ],
         },
         {
-          "backgroundColor": "#0B3EE3",
+          "backgroundColor": "#0073E6",
         },
       ]
     }

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

@@ -1,9 +1,10 @@
 import React, { useEffect } from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { useIOExperimentalDesign } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
 import { IOColors } from "../../core/IOColors";
-import { IOSelectionTickVisualParams } from "../../core/IOStyles";
+import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams } from "../../core/IOStyles";
 import { AnimatedTick } from "../common/AnimatedTick";
 const checkBoxRadius = 5;
 const styles = StyleSheet.create({
@@ -41,6 +42,17 @@ export const AnimatedCheckbox = _ref => {
     disabled
   } = _ref;
   const isChecked = checked ?? false;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const borderColorOffState = IOColors[IOSelectionTickVisualParams.borderColorOffState];
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyBorderColorOffState = IOColors[IOSelectionTickLegacyVisualParams.borderColorOffState];
+  const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
+  const backgroundColorOnState = IOColors[IOSelectionTickVisualParams.bgColorOnState];
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
+  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
   const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
   const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
   useEffect(() => {
@@ -69,11 +81,11 @@ export const AnimatedCheckbox = _ref => {
     style: styles.checkBoxWrapper
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.checkboxBorder, {
-      borderColor: IOColors[IOSelectionTickVisualParams.borderColorOffState]
+      borderColor: borderColorProp
     }]
   }), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.checkBoxSquare, {
-      backgroundColor: IOColors[IOSelectionTickVisualParams.bgColorOnState]
+      backgroundColor: backgroundColorProp
     }, animatedCheckboxSquare]
   }), isChecked && /*#__PURE__*/React.createElement(AnimatedTick, {
     progress: tickAnimationProgress,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","IOSpringValues","IOColors","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkBoxWrapper","width","size","height","checkboxBorder","position","left","top","borderWidth","borderRadius","checkBoxSquare","AnimatedCheckbox","_ref","checked","onPress","disabled","isChecked","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","testID","style","borderColor","borderColorOffState","backgroundColor","bgColorOnState","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkBoxWrapper","width","size","height","checkboxBorder","position","left","top","borderWidth","borderRadius","checkBoxSquare","AnimatedCheckbox","_ref","checked","onPress","disabled","isChecked","isExperimental","borderColorOffState","legacyBorderColorOffState","borderColorProp","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","testID","style","borderColor","backgroundColor","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}

package/lib/module/components/checkbox/AnimatedMessageCheckbox.js

@@ -1,10 +1,11 @@
 import React, { useEffect } from "react";
-import { StyleSheet, Pressable } from "react-native";
-import Animated, { useSharedValue, useAnimatedStyle, interpolate, withSpring, withTiming, Easing } from "react-native-reanimated";
-import { IOColors } from "../../core/IOColors";
+import { Pressable, StyleSheet } from "react-native";
+import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
+import { useIOExperimentalDesign } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
+import { IOColors } from "../../core/IOColors";
+import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams, IOVisualCostants } from "../../core/IOStyles";
 import { AnimatedTick } from "../common/AnimatedTick";
-import { IOSelectionTickVisualParams, IOVisualCostants } from "../../core/IOStyles";
 const internalSpacing = 4;
 const styles = StyleSheet.create({
   checkBoxWrapper: {
@@ -32,8 +33,15 @@ export const AnimatedMessageCheckbox = _ref => {
     onPress
   } = _ref;
   const isChecked = checked ?? true;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   const circleAnimationProgress = useSharedValue(checked ? 1 : 0);
   const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
+  const backgroundColorOnState = IOColors[IOSelectionTickVisualParams.bgColorOnState];
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
+  const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
   useEffect(() => {
     // eslint-disable-next-line functional/immutable-data
     circleAnimationProgress.value = withSpring(checked ? 1 : 0, IOSpringValues.selection);
@@ -59,7 +67,7 @@ export const AnimatedMessageCheckbox = _ref => {
     style: styles.checkBoxWrapper
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.checkBoxCircle, {
-      backgroundColor: IOColors[IOSelectionTickVisualParams.bgColorOnState]
+      backgroundColor: backgroundColorProp
     }, animatedCheckboxCircle]
   }), isChecked && /*#__PURE__*/React.createElement(AnimatedTick, {
     progress: tickAnimationProgress,

package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","StyleSheet","Pressable","Animated","useSharedValue","useAnimatedStyle","interpolate","withSpring","withTiming","Easing","IOColors","IOSpringValues","AnimatedTick","IOSelectionTickVisualParams","IOVisualCostants","internalSpacing","styles","create","checkBoxWrapper","width","avatarSizeSmall","height","padding","checkBoxCircle","position","left","top","borderRadius","AnimatedMessageCheckbox","_ref","checked","onPress","isChecked","circleAnimationProgress","tickAnimationProgress","value","selection","duration","easing","out","cubic","animatedCheckboxCircle","scale","opacity","transform","createElement","testID","style","View","backgroundColor","bgColorOnState","progress","strokeWidth","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","IOVisualCostants","AnimatedTick","internalSpacing","styles","create","checkBoxWrapper","width","avatarSizeSmall","height","padding","checkBoxCircle","position","left","top","borderRadius","AnimatedMessageCheckbox","_ref","checked","onPress","isChecked","isExperimental","circleAnimationProgress","tickAnimationProgress","backgroundColorOnState","bgColorOnState","legacyBackgroundColorOnState","backgroundColorProp","value","selection","duration","easing","out","cubic","animatedCheckboxCircle","scale","opacity","transform","createElement","testID","style","View","backgroundColor","progress","strokeWidth","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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"}

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

@@ -1,15 +1,28 @@
 import * as React from "react";
 import { useState } from "react";
-import { Pressable, View } from "react-native";
-import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
-import { H6 } from "../typography/H6";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { IOColors, useIOExperimentalDesign } from "../../core";
 import { IOStyles } from "../../core/IOStyles";
+import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { HSpacer } from "../spacer/Spacer";
+import { H6 } from "../typography/H6";
 import { AnimatedCheckbox } from "./AnimatedCheckbox";
 const DISABLED_OPACITY = 0.5;
 
 // disabled: the component is no longer touchable
 // onPress:
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const styles = StyleSheet.create({
+  legacyTextValue: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: IOColors.bluegreyDark,
+    flexShrink: 1,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
+
 /**
  * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
  * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
@@ -25,6 +38,21 @@ export const CheckboxLabel = _ref => {
     onValueChange
   } = _ref;
   const [toggleValue, setToggleValue] = useState(checked ?? false);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const checkboxLabelText = /*#__PURE__*/React.createElement(H6, {
+    style: {
+      flexShrink: 1
+    },
+    color: "black"
+  }, label);
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacyCheckboxlabelText = /*#__PURE__*/React.createElement(Text, {
+    style: styles.legacyTextValue
+  }, label);
+  const checkboxLabelTextComponent = isExperimental ? checkboxLabelText : legacyCheckboxlabelText;
   const toggleCheckbox = () => {
     triggerHaptic("impactLight");
     setToggleValue(!toggleValue);
@@ -58,11 +86,6 @@ export const CheckboxLabel = _ref => {
     checked: checked ?? toggleValue
   })), /*#__PURE__*/React.createElement(HSpacer, {
     size: 8
-  }), /*#__PURE__*/React.createElement(H6, {
-    color: "black",
-    style: {
-      flexShrink: 1
-    }
-  }, label)));
+  }), checkboxLabelTextComponent));
 };
 //# sourceMappingURL=CheckboxLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","View","triggerHaptic","H6","IOStyles","HSpacer","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","color","flexShrink"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMK,cAAc,GAAGA,CAAA,KAAM;IAC3Bd,aAAa,CAAC,aAAa,CAAC;IAC5Ba,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKI,SAAS,EAAE;MAC/BJ,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEX,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;IACA;IACA;IAAA;IACAiB,8BAA8B,EAAE;EAAK,gBAErC1B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACoB,KAAK,EAAE,CAACjB,QAAQ,CAACqB,GAAG,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAC;EAAE,gBACnE7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACH2B,aAAa,EAAC,MAAM;IACpBP,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EAAE,gBAEFxB,KAAA,CAAAoB,aAAA,CAACZ,gBAAgB;IAACK,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAChD,CAAC,eACPhB,KAAA,CAAAoB,aAAA,CAACb,OAAO;IAACwB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB/B,KAAA,CAAAoB,aAAA,CAACf,EAAE;IAAC2B,KAAK,EAAE,OAAQ;IAACT,KAAK,EAAE;MAAEU,UAAU,EAAE;IAAE;EAAE,GAC1CrB,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
+{"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","isExperimental","checkboxLabelText","createElement","style","legacyCheckboxlabelText","checkboxLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEd,QAAQ,CAACe,YAAY;IAC5BC,UAAU,EAAE,CAAC;IACb,GAAGZ,mBAAmB,CAAC,UAAU,EAAEa,SAAS,EAAE,cAAc;EAC9D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG9B,QAAQ,CAAC0B,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAM;IAAEK;EAAe,CAAC,GAAGzB,uBAAuB,CAAC,CAAC;EACpD,MAAM0B,iBAAiB,gBACrBjC,KAAA,CAAAkC,aAAA,CAACtB,EAAE;IAACuB,KAAK,EAAE;MAAEb,UAAU,EAAE;IAAE,CAAE;IAACF,KAAK,EAAE;EAAQ,GAC1CM,KACC,CACL;;EAED;EACA,MAAMU,uBAAuB,gBAC3BpC,KAAA,CAAAkC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAEpB,MAAM,CAACE;EAAgB,GAAES,KAAY,CACnD;EAED,MAAMW,0BAA0B,GAAGL,cAAc,GAC7CC,iBAAiB,GACjBG,uBAAuB;EAE3B,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC3B7B,aAAa,CAAC,aAAa,CAAC;IAC5BsB,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKN,SAAS,EAAE;MAC/BM,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACE9B,KAAA,CAAAkC,aAAA,CAAChC,SAAS;IACR0B,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAED,cAAe;IACxBE,MAAM,EAAC,kBAAkB;IACzBL,KAAK,EAAE;MACLM,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEd,QAAQ,GAAGd,gBAAgB,GAAG;IACzC;IACA;IACA;IAAA;IACA6B,8BAA8B,EAAE;EAAK,gBAErC3C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE,CAAC3B,QAAQ,CAACoC,GAAG,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAC;EAAE,gBACnE9C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IACH0C,aAAa,EAAC,MAAM;IACpBZ,KAAK,EAAE;MACLM,SAAS,EAAE;IACb;EAAE,gBAEFzC,KAAA,CAAAkC,aAAA,CAACrB,gBAAgB;IAACc,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAChD,CAAC,eACP9B,KAAA,CAAAkC,aAAA,CAACvB,OAAO;IAACqC,IAAI,EAAE;EAAE,CAAE,CAAC,EACnBX,0BACG,CACG,CAAC;AAEhB,CAAC"}

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

@@ -0,0 +1,47 @@
+import React from "react";
+import { View } from "react-native";
+import { IOStyles } from "../../core";
+import { HSpacer, Icon, LabelLink, LabelSmall, Pictogram, VSpacer } from "../../components";
+const DEFAULT_ICON_SIZE = 24;
+const DEFAULT_PICTOGRAM_SIZE = 48;
+const renderNode = body => {
+  if (typeof body === "string") {
+    return /*#__PURE__*/React.createElement(LabelSmall, {
+      weight: "Regular",
+      color: "grey-700",
+      testID: "infoScreenBody"
+    }, body);
+  }
+  return body;
+};
+export const FeatureInfo = _ref => {
+  let {
+    iconName,
+    pictogramName,
+    body,
+    actionLabel,
+    actionOnPress
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.flex, IOStyles.row, IOStyles.alignCenter]
+  }, iconName && /*#__PURE__*/React.createElement(Icon, {
+    name: iconName,
+    size: DEFAULT_ICON_SIZE,
+    color: "grey-300"
+  }), pictogramName && /*#__PURE__*/React.createElement(Pictogram, {
+    name: pictogramName,
+    size: DEFAULT_PICTOGRAM_SIZE
+  }), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 24
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
+    }
+  }, renderNode(body), actionLabel && actionOnPress && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement(VSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(LabelLink, {
+    fontSize: "small",
+    onPress: actionOnPress
+  }, actionLabel))));
+};
+//# sourceMappingURL=FeatureInfo.js.map

package/lib/module/components/featureInfo/FeatureInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","IOStyles","HSpacer","Icon","LabelLink","LabelSmall","Pictogram","VSpacer","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","renderNode","body","createElement","weight","color","testID","FeatureInfo","_ref","iconName","pictogramName","actionLabel","actionOnPress","style","flex","row","alignCenter","name","size","flexShrink","Fragment","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAgCC,IAAI,QAAQ,cAAc;AAC1D,SAASC,QAAQ,QAAQ,YAAY;AACrC,SACEC,OAAO,EAKPC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,QACF,kBAAkB;AAyBzB,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,MAAMC,UAAU,GAAIC,IAAyB,IAAK;EAChD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBACEZ,KAAA,CAAAa,aAAA,CAACP,UAAU;MAACQ,MAAM,EAAC,SAAS;MAACC,KAAK,EAAC,UAAU;MAACC,MAAM,EAAC;IAAgB,GAClEJ,IACS,CAAC;EAEjB;EAEA,OAAOA,IAAI;AACb,CAAC;AAED,OAAO,MAAMK,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,QAAQ;IACRC,aAAa;IACbR,IAAI;IACJS,WAAW;IACXC;EACW,CAAC,GAAAJ,IAAA;EAAA,oBACZlB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACsB,KAAK,EAAE,CAACrB,QAAQ,CAACsB,IAAI,EAAEtB,QAAQ,CAACuB,GAAG,EAAEvB,QAAQ,CAACwB,WAAW;EAAE,GAC9DP,QAAQ,iBACPnB,KAAA,CAAAa,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAER,QAAS;IAACS,IAAI,EAAEnB,iBAAkB;IAACM,KAAK,EAAC;EAAU,CAAE,CAClE,EACAK,aAAa,iBACZpB,KAAA,CAAAa,aAAA,CAACN,SAAS;IAACoB,IAAI,EAAEP,aAAc;IAACQ,IAAI,EAAElB;EAAuB,CAAE,CAChE,eACDV,KAAA,CAAAa,aAAA,CAACV,OAAO;IAACyB,IAAI,EAAE;EAAG,CAAE,CAAC,eACrB5B,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACsB,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE;EAAE,GAC5BlB,UAAU,CAACC,IAAI,CAAC,EAChBS,WAAW,IAAIC,aAAa,iBAC3BtB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA8B,QAAA,QAIGlB,IAAI,iBAAIZ,KAAA,CAAAa,aAAA,CAACL,OAAO;IAACoB,IAAI,EAAE;EAAE,CAAE,CAAC,eAC7B5B,KAAA,CAAAa,aAAA,CAACR,SAAS;IAAC0B,QAAQ,EAAC,OAAO;IAACC,OAAO,EAAEV;EAAc,GAChDD,WACQ,CACX,CAEA,CACF,CAAC;AAAA,CACR"}

package/lib/module/components/featureInfo/index.js

@@ -0,0 +1,2 @@
+export * from "./FeatureInfo";
+//# sourceMappingURL=index.js.map

package/lib/module/components/featureInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/featureInfo/index.tsx"],"mappings":"AAAA,cAAc,eAAe"}