@pagopa/io-app-design-system 1.17.2 → 1.19.0

package/lib/commonjs/components/radio/RadioButtonLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"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"}

package/lib/commonjs/components/radio/RadioGroup.js

@@ -5,33 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RadioGroup = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _divider = require("../divider");
-var _ListItemRadio = require("../listitems/ListItemRadio");
+var _listitems = require("../listitems");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * A list of radio buttons.
  * The management of the selection is demanded and derived by the `selectedItem` prop.
  * The item with the `id` equal to the `selectedItem` is the active one.
  */
-const RadioGroup = _ref => {
-  let {
-    items,
-    selectedItem,
-    onPress
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: `radio_item_${item.id}`
-  }, /*#__PURE__*/_react.default.createElement(_ListItemRadio.ListItemRadio, {
-    testID: `RadioItemTestID_${item.id}`,
-    value: item.value,
-    description: item.description,
-    startImage: item.startImage,
-    disabled: item.disabled,
-    loadingProps: item.loadingProps,
-    onValueChange: () => onPress(item.id),
-    selected: selectedItem === item.id
-  }), index < items.length - 1 && /*#__PURE__*/_react.default.createElement(_divider.Divider, null))));
-};
+
+const RadioListItem = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.items.map((item, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+  key: `radio_item_${item.id}`
+}, /*#__PURE__*/_react.default.createElement(_listitems.ListItemRadio, {
+  testID: `RadioItemTestID_${item.id}`,
+  value: item.value,
+  description: item.description,
+  startImage: item.startImage,
+  disabled: item.disabled,
+  loadingProps: item.loadingProps,
+  onValueChange: () => props.onPress(item.id),
+  selected: props.selectedItem === item.id
+}), index < props.items.length - 1 && /*#__PURE__*/_react.default.createElement(_divider.Divider, null))));
+const RadioListItemWithAmount = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.items.map((item, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+  key: `radio_item_${item.id}`
+}, /*#__PURE__*/_react.default.createElement(_listitems.ListItemRadioWithAmount, {
+  label: item.label,
+  formattedAmountString: item.formattedAmountString,
+  suggestReason: item.isSuggested ? item.suggestReason : "",
+  isSuggested: item.isSuggested,
+  onValueChange: () => props.onPress(item.id),
+  selected: props.selectedItem === item.id
+}), index < props.items.length - 1 && /*#__PURE__*/_react.default.createElement(_divider.Divider, null))));
+const RadioGroup = props => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.type === "radioListItem" && RadioListItem(props), props.type === "radioListItemWithAmount" && RadioListItemWithAmount(props));
 exports.RadioGroup = RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map

package/lib/commonjs/components/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_divider","_ListItemRadio","obj","__esModule","default","RadioGroup","_ref","items","selectedItem","onPress","createElement","View","map","item","index","Fragment","key","id","ListItemRadio","testID","value","description","startImage","disabled","loadingProps","onValueChange","selected","length","Divider","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiB3D;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,IAAA;EAAA,IAAK;IAAEC,KAAK;IAAEC,YAAY;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAAA,oBACvEV,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACX,YAAA,CAAAY,IAAI,QACFJ,KAAK,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBlB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACd,MAAA,CAAAQ,OAAK,CAACW,QAAQ;IAACC,GAAG,EAAG,cAAaH,IAAI,CAACI,EAAG;EAAE,gBAC3CrB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACT,cAAA,CAAAiB,aAAa;IACZC,MAAM,EAAG,mBAAkBN,IAAI,CAACI,EAAG,EAAE;IACrCG,KAAK,EAAEP,IAAI,CAACO,KAAM;IAClBC,WAAW,EAAER,IAAI,CAACQ,WAAY;IAC9BC,UAAU,EAAET,IAAI,CAACS,UAAW;IAC5BC,QAAQ,EAAEV,IAAI,CAACU,QAAS;IACxBC,YAAY,EAAEX,IAAI,CAACW,YAAa;IAChCC,aAAa,EAAEA,CAAA,KAAMhB,OAAO,CAACI,IAAI,CAACI,EAAE,CAAE;IACtCS,QAAQ,EAAElB,YAAY,KAAKK,IAAI,CAACI;EAAG,CACpC,CAAC,EACDH,KAAK,GAAGP,KAAK,CAACoB,MAAM,GAAG,CAAC,iBAAI/B,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACV,QAAA,CAAA4B,OAAO,MAAE,CACzB,CACjB,CACG,CAAC;AAAA,CACR;AAACC,OAAA,CAAAxB,UAAA,GAAAA,UAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_divider","_listitems","obj","__esModule","default","RadioListItem","props","createElement","Fragment","items","map","item","index","key","id","ListItemRadio","testID","value","description","startImage","disabled","loadingProps","onValueChange","onPress","selected","selectedItem","length","Divider","RadioListItemWithAmount","ListItemRadioWithAmount","label","formattedAmountString","suggestReason","isSuggested","RadioGroup","type","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioGroup.tsx"],"mappings":"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"}

package/lib/commonjs/components/radio/index.js

@@ -14,6 +14,17 @@ Object.keys(_AnimatedRadio).forEach(function (key) {
     }
   });
 });
+var _RadioButtonLabel = require("./RadioButtonLabel");
+Object.keys(_RadioButtonLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadioButtonLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadioButtonLabel[key];
+    }
+  });
+});
 var _RadioGroup = require("./RadioGroup");
 Object.keys(_RadioGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/components/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AnimatedRadio","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RadioGroup"],"sourceRoot":"../../../../src","sources":["components/radio/index.tsx"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_AnimatedRadio","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RadioButtonLabel","_RadioGroup"],"sourceRoot":"../../../../src","sources":["components/radio/index.tsx"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

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

@@ -23,8 +23,9 @@ const mapColorStates = {
       pressed: _core.IOColors["grey-50"]
     },
     foreground: {
-      default: "grey-650",
-      selected: "black"
+      default: "black",
+      selected: "black",
+      disabled: "grey-700"
     }
   },
   dark: {
@@ -35,7 +36,8 @@ const mapColorStates = {
     },
     foreground: {
       default: "white",
-      selected: "grey-850"
+      selected: "black",
+      disabled: "white"
     }
   }
 };
@@ -49,6 +51,7 @@ const TabItem = _ref => {
     accessibilityHint,
     testID,
     onPress,
+    disabled = false,
     icon,
     iconSelected
   } = _ref;
@@ -58,7 +61,7 @@ const TabItem = _ref => {
     onPressOut
   } = (0, _useSpringPressProgressValue.useSpringPressProgressValue)(_core.IOSpringValues.selection);
   const colors = mapColorStates[color];
-  const foregroundColor = colors.foreground[selected ? "selected" : "default"];
+  const foregroundColor = colors.foreground[selected ? "selected" : disabled ? "disabled" : "default"];
   const opaquePressedBackgroundColor = (0, _core.hexToRgba)(colors.background.pressed, 0.1);
   const isSelected = (0, _reactNativeReanimated.useSharedValue)(0);
   const progressSelected = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isSelected.value, _core.IOSpringValues.selection));
@@ -92,9 +95,10 @@ const TabItem = _ref => {
     onPress: onPress,
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    accessible: true
+    accessible: true,
+    disabled: disabled
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.container, animatedStyle, fullWidth && styles.fullWidth]
+    style: [styles.container, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
   }, activeIcon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: activeIcon,
     color: foregroundColor,
@@ -118,6 +122,9 @@ const styles = _reactNative.StyleSheet.create({
   },
   fullWidth: {
     alignSelf: "auto"
+  },
+  disabled: {
+    opacity: 0.5
   }
 });
 //# sourceMappingURL=TabItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_icons","_spacer","_LabelHeader","_core","_useSpringPressProgressValue","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","background","selected","IOColors","pressed","foreground","dark","white","TabItem","_ref","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","progressPressed","onPressIn","onPressOut","useSpringPressProgressValue","IOSpringValues","selection","colors","foregroundColor","opaquePressedBackgroundColor","hexToRgba","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","React","useEffect","animatedStyle","useAnimatedStyle","_IOScaleValues$basicB","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","scale","interpolate","IOScaleValues","basicButton","pressedState","Extrapolate","CLAMP","backgroundColor","transform","activeIcon","createElement","Pressable","accessibilityRole","accessible","View","style","styles","container","Fragment","Icon","name","size","HSpacer","LabelHeader","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderRadius","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_icons","_spacer","_LabelHeader","_core","_useSpringPressProgressValue","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","background","selected","IOColors","pressed","foreground","disabled","dark","white","TabItem","_ref","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","progressPressed","onPressIn","onPressOut","useSpringPressProgressValue","IOSpringValues","selection","colors","foregroundColor","opaquePressedBackgroundColor","hexToRgba","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","React","useEffect","animatedStyle","useAnimatedStyle","_IOScaleValues$basicB","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","scale","interpolate","IOScaleValues","basicButton","pressedState","Extrapolate","CLAMP","backgroundColor","transform","activeIcon","createElement","Pressable","accessibilityRole","accessible","View","style","styles","container","Fragment","Icon","name","size","HSpacer","LabelHeader","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderRadius","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}

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

@@ -17,7 +17,8 @@ const labelHeaderDefaultWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyLabelHeaderFontName = "TitilliumWeb";
-
+const legacyLabelHeaderWeight = "SemiBold";
+const legacyLabelHeaderLineHeight = 20;
 /**
  * `LabelHeader` typographic style
  */
@@ -25,14 +26,15 @@ const LabelHeader = props => {
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
+  // console.log("isExperimental", isExperimental);
   return (0, _Factory.useTypographyFactory)({
     ...props,
-    defaultWeight: labelHeaderDefaultWeight,
+    defaultWeight: isExperimental ? labelHeaderDefaultWeight : legacyLabelHeaderWeight,
     defaultColor: labelHeaderDefaultColor,
-    font: isExperimental ? legacyLabelHeaderFontName : labelHeaderFontName,
+    font: isExperimental ? labelHeaderFontName : legacyLabelHeaderFontName,
     fontStyle: {
       fontSize: labelHeaderFontSize,
-      lineHeight: labelHeaderLineHeight
+      lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
     }
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_Factory","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","LabelHeader","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAeO,MAAME,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;;AAE9D;AACA;AACA;AACO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEP,wBAAwB;IACvCQ,YAAY,EAAEX,uBAAuB;IACrCY,IAAI,EAAEL,cAAc,GAAGH,yBAAyB,GAAGF,mBAAmB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEhB;IACd;EACF,CAAC,CAAC;AACJ,CAAC;AAACD,OAAA,CAAAO,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_core","require","_Factory","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAeO,MAAME,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;AAC9D,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACO,MAAMC,WAAW,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGH,KAAK;IACRI,aAAa,EAAEH,cAAc,GACzBN,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEb,uBAAuB;IACrCc,IAAI,EAAEL,cAAc,GAAGP,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEnB,mBAAmB;MAC7BoB,UAAU,EAAER,cAAc,GACtBV,qBAAqB,GACrBO;IACN;EACF,CAAC,CAAC;AACJ,CAAC;AAACR,OAAA,CAAAS,WAAA,GAAAA,WAAA"}

package/lib/commonjs/core/IODSExperimentalContextProvider.js

@@ -3,27 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useIOExperimentalDesign = exports.IODSExperimentalContextProvider = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _function = require("fp-ts/lib/function");
-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; }
+exports.useIOExperimentalDesign = exports.IOExperimentalDesignContext = exports.IODSExperimentalContextProvider = void 0;
+var _function = require("fp-ts/function");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Experimental Context for new UI Representations
  */
-const IOExperimentalDesignContext = /*#__PURE__*/React.createContext({
+const IOExperimentalDesignContext = /*#__PURE__*/_react.default.createContext({
   isExperimental: false,
   setExperimental: _function.constVoid
 });
-const useIOExperimentalDesign = () => React.useContext(IOExperimentalDesignContext);
+exports.IOExperimentalDesignContext = IOExperimentalDesignContext;
+const useIOExperimentalDesign = () => _react.default.useContext(IOExperimentalDesignContext);
 exports.useIOExperimentalDesign = useIOExperimentalDesign;
 const IODSExperimentalContextProvider = _ref => {
   let {
     children,
     isExperimentaEnabled
   } = _ref;
-  const [isExperimental, setExperimental] = React.useState(isExperimentaEnabled ?? false);
-  return /*#__PURE__*/React.createElement(IOExperimentalDesignContext.Provider, {
+  const [isExperimental, setExperimental] = _react.default.useState(isExperimentaEnabled ?? false);
+  return /*#__PURE__*/_react.default.createElement(IOExperimentalDesignContext.Provider, {
     value: {
       isExperimental,
       setExperimental

package/lib/commonjs/core/IODSExperimentalContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_function","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IOExperimentalDesignContext","createContext","isExperimental","setExperimental","constVoid","useIOExperimentalDesign","useContext","exports","IODSExperimentalContextProvider","_ref","children","isExperimentaEnabled","useState","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["core/IODSExperimentalContextProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA+C,SAAAE,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,SAAAJ,wBAAAQ,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;AAM/C;AACA;AACA;AACA,MAAMW,2BAA2B,gBAC/B1B,KAAK,CAAC2B,aAAa,CAA4B;EAC7CC,cAAc,EAAE,KAAK;EACrBC,eAAe,EAAEC;AACnB,CAAC,CAAC;AAEG,MAAMC,uBAAuB,GAAGA,CAAA,KACrC/B,KAAK,CAACgC,UAAU,CAACN,2BAA2B,CAAC;AAACO,OAAA,CAAAF,uBAAA,GAAAA,uBAAA;AAMzC,MAAMG,+BAA+B,GAAGC,IAAA,IAGoB;EAAA,IAHnB;IAC9CC,QAAQ;IACRC;EAC2D,CAAC,GAAAF,IAAA;EAC5D,MAAM,CAACP,cAAc,EAAEC,eAAe,CAAC,GAAG7B,KAAK,CAACsC,QAAQ,CACtDD,oBAAoB,IAAI,KAC1B,CAAC;EAED,oBACErC,KAAA,CAAAuC,aAAA,CAACb,2BAA2B,CAACc,QAAQ;IACnCC,KAAK,EAAE;MAAEb,cAAc;MAAEC;IAAgB;EAAE,GAE1CO,QACmC,CAAC;AAE3C,CAAC;AAACH,OAAA,CAAAC,+BAAA,GAAAA,+BAAA"}
+{"version":3,"names":["_function","require","_react","_interopRequireDefault","obj","__esModule","default","IOExperimentalDesignContext","React","createContext","isExperimental","setExperimental","constVoid","exports","useIOExperimentalDesign","useContext","IODSExperimentalContextProvider","_ref","children","isExperimentaEnabled","useState","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["core/IODSExperimentalContextProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM1B;AACA;AACA;AACO,MAAMG,2BAA2B,gBACtCC,cAAK,CAACC,aAAa,CAA4B;EAC7CC,cAAc,EAAE,KAAK;EACrBC,eAAe,EAAEC;AACnB,CAAC,CAAC;AAACC,OAAA,CAAAN,2BAAA,GAAAA,2BAAA;AAEE,MAAMO,uBAAuB,GAAGA,CAAA,KACrCN,cAAK,CAACO,UAAU,CAACR,2BAA2B,CAAC;AAACM,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AAMzC,MAAME,+BAA+B,GAAGC,IAAA,IAGoB;EAAA,IAHnB;IAC9CC,QAAQ;IACRC;EAC2D,CAAC,GAAAF,IAAA;EAC5D,MAAM,CAACP,cAAc,EAAEC,eAAe,CAAC,GAAGH,cAAK,CAACY,QAAQ,CACtDD,oBAAoB,IAAI,KAC1B,CAAC;EAED,oBACEjB,MAAA,CAAAI,OAAA,CAAAe,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IACnCC,KAAK,EAAE;MAAEb,cAAc;MAAEC;IAAgB;EAAE,GAE1CO,QACmC,CAAC;AAE3C,CAAC;AAACL,OAAA,CAAAG,+BAAA,GAAAA,+BAAA"}

package/lib/commonjs/utils/hooks/useErrorShakeAnimation.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useErrorShakeAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _react = require("react");
+var _functions = require("../../functions");
+const SHAKE_OFFSET = 8;
+const useErrorShakeAnimation = () => {
+  const translate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: translate.value
+    }]
+  }));
+  const shakeAnimation = (0, _react.useCallback)(() => {
+    (0, _functions.triggerHaptic)("notificationError");
+    return (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(SHAKE_OFFSET, {
+      duration: 75,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+    }), (0, _reactNativeReanimated.withTiming)(-SHAKE_OFFSET, {
+      duration: 75,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+    }), (0, _reactNativeReanimated.withTiming)(SHAKE_OFFSET / 2, {
+      duration: 75,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+    }), (0, _reactNativeReanimated.withTiming)(-SHAKE_OFFSET / 2, {
+      duration: 75,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+    }), (0, _reactNativeReanimated.withTiming)(0, {
+      duration: 75,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+    }));
+  }, []);
+  return {
+    translate,
+    animatedStyle,
+    shakeAnimation
+  };
+};
+exports.useErrorShakeAnimation = useErrorShakeAnimation;
+//# sourceMappingURL=useErrorShakeAnimation.js.map

package/lib/commonjs/utils/hooks/useErrorShakeAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_react","_functions","SHAKE_OFFSET","useErrorShakeAnimation","translate","useSharedValue","animatedStyle","useAnimatedStyle","transform","translateX","value","shakeAnimation","useCallback","triggerHaptic","withSequence","withTiming","duration","easing","Easing","inOut","cubic","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useErrorShakeAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,MAAMG,YAAoB,GAAG,CAAC;AAEvB,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEL,SAAS,CAACM;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EAEH,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAAC,wBAAa,EAAC,mBAAmB,CAAC;IAClC,OAAO,IAAAC,mCAAY,EACjB,IAAAC,iCAAU,EAACb,YAAY,EAAE;MACvBc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAACb,YAAY,EAAE;MACxBc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAACb,YAAY,GAAG,CAAC,EAAE;MAC3Bc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAACb,YAAY,GAAG,CAAC,EAAE;MAC5Bc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE,EAAE;MAAEC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IAAE,CAAC,CACpE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEhB,SAAS;IAAEE,aAAa;IAAEK;EAAe,CAAC;AACrD,CAAC;AAACU,OAAA,CAAAlB,sBAAA,GAAAA,sBAAA"}

package/lib/commonjs/utils/testing.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TestRendererWithExperimentalEnabledContextProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
+var _IODSExperimentalContextProvider = require("../core/IODSExperimentalContextProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TestRendererWithExperimentalEnabledContextProvider = (ui, options) => _reactTestRenderer.default.create( /*#__PURE__*/_react.default.createElement(_IODSExperimentalContextProvider.IODSExperimentalContextProvider, {
+  isExperimentaEnabled: true
+}, ui), options);
+exports.TestRendererWithExperimentalEnabledContextProvider = TestRendererWithExperimentalEnabledContextProvider;
+//# sourceMappingURL=testing.js.map

package/lib/commonjs/utils/testing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTestRenderer","_IODSExperimentalContextProvider","obj","__esModule","default","TestRendererWithExperimentalEnabledContextProvider","ui","options","TestRenderer","create","createElement","IODSExperimentalContextProvider","isExperimentaEnabled","exports"],"sourceRoot":"../../../src","sources":["utils/testing.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gCAAA,GAAAF,OAAA;AAA0F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnF,MAAMG,kDAAkD,GAAGA,CAChEC,EAAsB,EACtBC,OAA0C,KAE1CC,0BAAY,CAACC,MAAM,eACjBZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,gCAAA,CAAAU,+BAA+B;EAACC,oBAAoB,EAAE;AAAK,GACzDN,EAC8B,CAAC,EAClCC,OACF,CAAC;AAACM,OAAA,CAAAR,kDAAA,GAAAA,kDAAA"}

package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -1,5 +1,115 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
+<View
+  style={
+    {
+      "flexDirection": "row",
+    }
+  }
+>
+  <View
+    style={
+      {
+        "marginTop": 4,
+      }
+    }
+  >
+    <RNSVGSvgView
+      accessibilityElementsHidden={true}
+      accessibilityLabel=""
+      accessible={false}
+      align="xMidYMid"
+      bbHeight={20}
+      bbWidth={20}
+      color={4278219750}
+      focusable={false}
+      height={20}
+      importantForAccessibility="no-hide-descendants"
+      meetOrSlice={0}
+      minX={0}
+      minY={0}
+      style={
+        [
+          {
+            "backgroundColor": "transparent",
+            "borderWidth": 0,
+          },
+          {
+            "color": "#0073E6",
+          },
+          {
+            "flex": 0,
+            "height": 20,
+            "width": 20,
+          },
+        ]
+      }
+      tintColor={4278219750}
+      vbHeight={24}
+      vbWidth={24}
+      width={20}
+    >
+      <RNSVGGroup>
+        <RNSVGPath
+          clipRule={0}
+          d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
+          fill={
+            [
+              2,
+            ]
+          }
+          fillRule={0}
+          propList={
+            [
+              "fill",
+              "fillRule",
+            ]
+          }
+        />
+      </RNSVGGroup>
+    </RNSVGSvgView>
+  </View>
+  <View
+    style={
+      {
+        "width": 8,
+      }
+    }
+  />
+  <Text
+    allowFontScaling={false}
+    color="bluegrey"
+    defaultColor="bluegrey"
+    defaultWeight="Regular"
+    font="TitilliumWeb"
+    fontStyle={
+      {
+        "fontSize": 16,
+        "lineHeight": 24,
+      }
+    }
+    style={
+      [
+        {
+          "fontSize": 16,
+          "lineHeight": 24,
+        },
+        {
+          "color": "#475A6D",
+          "fontFamily": "Titillium Web",
+          "fontStyle": "normal",
+          "fontWeight": "400",
+        },
+      ]
+    }
+    weight="Regular"
+  >
+    Text
+  </Text>
+</View>
+`;
+
 exports[`Test Advice Components Advice Snapshot 1`] = `
 <View
   style={

package/lib/module/components/Advice/__test__/advice.test.js

@@ -1,5 +1,6 @@
 import React from "react";
 import * as TestRenderer from "react-test-renderer";
+import { TestRendererWithExperimentalEnabledContextProvider } from "../../../utils/testing";
 import { Advice } from "../Advice";
 describe("Test Advice Components", () => {
   it("Advice Snapshot", () => {
@@ -9,4 +10,12 @@ describe("Test Advice Components", () => {
     expect(advice).toMatchSnapshot();
   });
 });
+describe("Test Advice Components - Experimental Enabled", () => {
+  it("Advice Snapshot", () => {
+    const advice = TestRendererWithExperimentalEnabledContextProvider( /*#__PURE__*/React.createElement(Advice, {
+      text: "Text"
+    })).toJSON();
+    expect(advice).toMatchSnapshot();
+  });
+});
 //# sourceMappingURL=advice.test.js.map

package/lib/module/components/Advice/__test__/advice.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TestRenderer","Advice","describe","it","advice","create","createElement","text","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Advice/__test__/advice.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,MAAM,QAAQ,WAAW;AAElCC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGJ,YAAY,CAACK,MAAM,eAChCN,KAAA,CAAAO,aAAA,CAACL,MAAM;MAACM,IAAI,EAAE;IAAO,CAAS,CAChC,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACL,MAAM,CAAC,CAACM,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["React","TestRenderer","TestRendererWithExperimentalEnabledContextProvider","Advice","describe","it","advice","create","createElement","text","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/Advice/__test__/advice.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,kDAAkD,QAAQ,wBAAwB;AAC3F,SAASC,MAAM,QAAQ,WAAW;AAElCC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGL,YAAY,CAACM,MAAM,eAChCP,KAAA,CAAAQ,aAAA,CAACL,MAAM;MAACM,IAAI,EAAE;IAAO,CAAS,CAChC,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACL,MAAM,CAAC,CAACM,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFR,QAAQ,CAAC,+CAA+C,EAAE,MAAM;EAC9DC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAGJ,kDAAkD,eAC/DF,KAAA,CAAAQ,aAAA,CAACL,MAAM;MAACM,IAAI,EAAE;IAAO,CAAS,CAChC,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACL,MAAM,CAAC,CAACM,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/module/components/accordion/AccordionItem.js

@@ -1,18 +1,22 @@
 import React, { useState } from "react";
-import { Text, View, StyleSheet, TouchableWithoutFeedback } from "react-native";
-import Animated, { useAnimatedStyle, withSpring } from "react-native-reanimated";
+import { StyleSheet, Text, TouchableWithoutFeedback, View } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
-import { IOAccordionRadius } from "../../core";
-import { makeFontStyleObject } from "../../utils/fonts";
-import { IOColors, hexToRgba } from "../../core/IOColors";
-import { H6 } from "../typography";
+import Animated, { useAnimatedStyle, withSpring } from "react-native-reanimated";
+import { IOAccordionRadius, IOStyles } from "../../core";
 import { IOSpringValues } from "../../core/IOAnimations";
+import { IOColors, hexToRgba } from "../../core/IOColors";
+import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons/Icon";
+import { H6 } from "../typography";
 const accordionBodySpacing = 16;
-const accordionIconMargin = 8;
+const accordionIconMargin = 12;
+const accordionChevronMargin = 8;
 const accordionBorder = "grey-200";
 const accordionBackground = "white";
 
+// Icon size
+const iconSize = 24;
+
 /* The code below is a re-adaptation of Dima Portenko's code:
 https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
 */
@@ -43,7 +47,8 @@ export const AccordionBody = _ref => {
 export const AccordionItem = _ref2 => {
   let {
     title,
-    body
+    body,
+    icon
   } = _ref2;
   const [expanded, setExpanded] = useState(false);
   const onItemPress = () => {
@@ -66,13 +71,25 @@ export const AccordionItem = _ref2 => {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.textContainer
   }, /*#__PURE__*/React.createElement(View, {
-    style: {
+    style: [IOStyles.row, IOStyles.alignCenter, {
       flexShrink: 1,
+      marginRight: accordionChevronMargin
+    }]
+  }, icon && /*#__PURE__*/React.createElement(View, {
+    style: {
       marginRight: accordionIconMargin
     }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: iconSize,
+    color: "black"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
+    }
   }, /*#__PURE__*/React.createElement(H6, {
     color: "black"
-  }, title)), /*#__PURE__*/React.createElement(Animated.View, {
+  }, title))), /*#__PURE__*/React.createElement(Animated.View, {
     style: animatedChevron
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "chevronBottom",
@@ -117,7 +134,6 @@ const styles = StyleSheet.create({
   },
   textContainer: {
     padding: accordionBodySpacing,
-    flexGrow: 1,
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between"