@pagopa/io-app-design-system 4.2.0 → 4.3.0

package/lib/commonjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useScaleAnimation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useListItemAnimation"],"sourceRoot":"../../../src","sources":["hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/hooks/useListItemAnimation.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("../core");
+var _hooks = require("../utils/hooks");
+const useListItemAnimation = () => {
+  const {
+    progress,
+    onPressIn,
+    onPressOut
+  } = (0, _hooks.useSpringPressProgressValue)("button");
+  const theme = (0, _core.useIOTheme)();
+  const mapBackgroundStates = {
+    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
+    pressed: _core.IOColors[theme["listItem-pressed"]]
+  };
+
+  // Interpolate animation values from `isPressed` values
+  const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, _core.IOScaleEffect.slight], _reactNativeReanimated.Extrapolation.CLAMP)
+    }]
+  }));
+  const backgroundAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed])
+  }));
+  return {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  };
+};
+exports.useListItemAnimation = useListItemAnimation;
+//# sourceMappingURL=useListItemAnimation.js.map

package/lib/commonjs/hooks/useListItemAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useListItemAnimation","progress","onPressIn","onPressOut","useSpringPressProgressValue","theme","useIOTheme","mapBackgroundStates","default","hexToRgba","IOColors","pressed","scaleAnimatedStyle","useAnimatedStyle","transform","scale","interpolate","value","IOScaleEffect","slight","Extrapolation","CLAMP","backgroundAnimatedStyle","backgroundColor","interpolateColor","exports"],"sourceRoot":"../../../src","sources":["hooks/useListItemAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAGA,CAAA,KAM/B;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;EAEvC,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,mBAA2C,GAAG;IAClDC,OAAO,EAAE,IAAAC,eAAS,EAACC,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DM,OAAO,EAAED,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACjDC,SAAS,EAAE,CACT;MACEC,KAAK,EAAE,IAAAC,kCAAW,EAChBf,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEC,mBAAa,CAACC,MAAM,CAAC,EACzBC,oCAAa,CAACC,KAChB;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAG,IAAAT,uCAAgB,EAAC,OAAO;IACtDU,eAAe,EAAE,IAAAC,uCAAgB,EAC/BvB,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACV,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACI,OAAO,CAC3D;EACF,CAAC,CAAC,CAAC;EAEH,OAAO;IACLV,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVS,kBAAkB;IAClBU;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAzB,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/hooks/useScaleAnimation.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScaleAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("../core");
+var _hooks = require("../utils/hooks");
+const useScaleAnimation = (magnitude = "slight") => {
+  const {
+    progress,
+    onPressIn,
+    onPressOut
+  } = (0, _hooks.useSpringPressProgressValue)("button");
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleEffect[magnitude];
+  const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  return {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  };
+};
+exports.useScaleAnimation = useScaleAnimation;
+//# sourceMappingURL=useScaleAnimation.js.map

package/lib/commonjs/hooks/useScaleAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useScaleAnimation","magnitude","progress","onPressIn","onPressOut","useSpringPressProgressValue","animationScaleValue","IOScaleEffect","scaleAnimatedStyle","useAnimatedStyle","scale","interpolate","value","Extrapolation","CLAMP","transform","exports"],"sourceRoot":"../../../src","sources":["hooks/useScaleAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAGA,CAC/BC,SAAwB,GAAG,QAAQ,KAMhC;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;;EAEvC;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,CAACN,SAAS,CAAC;EAEpD,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAChD;IACA,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,QAAQ,CAACU,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEN,mBAAmB,CAAC,EACxBO,oCAAa,CAACC,KAChB,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEL;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAER,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEI;EAAmB,CAAC;AAChE,CAAC;AAACQ,OAAA,CAAAhB,iBAAA,GAAAA,iBAAA"}

package/lib/commonjs/index.js

@@ -36,6 +36,17 @@ Object.keys(_functions).forEach(function (key) {
     }
   });
 });
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
 var _fonts = require("./utils/fonts");
 Object.keys(_fonts).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_hooks","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/utils/fonts.js

@@ -38,7 +38,7 @@ const fonts = {
  * Font Sizes
  */
 const fontSizes = [12, 14, 16, 20, 22, 26, 28, 32];
-const fontSizesLegacy = [18, 28, 31, 35];
+const fontSizesLegacy = [17, 28, 31, 35];
 const allFontSizes = [...new Set([...fontSizes, ...fontSizesLegacy])];
 /*
  * Font Weights

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useSpringPressProgressValue = require("./useSpringPressProgressValue");
+Object.keys(_useSpringPressProgressValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSpringPressProgressValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSpringPressProgressValue[key];
+    }
+  });
+});
+var _useErrorShakeAnimation = require("./useErrorShakeAnimation");
+Object.keys(_useErrorShakeAnimation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useErrorShakeAnimation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useErrorShakeAnimation[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useSpringPressProgressValue","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useErrorShakeAnimation"],"sourceRoot":"../../../../src","sources":["utils/hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,4BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,uBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,uBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,uBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,uBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

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

@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSpringPressProgressValue = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _core = require("../../core");
-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 useSpringPressProgressValue = (springValue = _core.IOSpringValues.button) => {
+const useSpringPressProgressValue = (springValue = "button") => {
   const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, springValue));
-  const onPressIn = React.useCallback(() => {
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues[springValue]));
+  const onPressIn = (0, _react.useCallback)(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 1;
   }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
+  const onPressOut = (0, _react.useCallback)(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useSpringPressProgressValue","springValue","IOSpringValues","button","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAA4C,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;AAErC,MAAMW,2BAA2B,GAAGA,CACzCC,WAAW,GAAGC,oBAAc,CAACC,MAAM,KAChC;EACH,MAAMC,SAAuC,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjE,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAER,WAAW,CACzC,CAAC;EAED,MAAMS,SAAS,GAAGrC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACxC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMQ,UAAU,GAAGvC,KAAK,CAACsC,WAAW,CAAC,MAAM;IACzC;IACAP,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEM,SAAS;IAAEE,UAAU;IAAEN;EAAS,CAAC;AAC5C,CAAC;AAACO,OAAA,CAAAb,2BAAA,GAAAA,2BAAA"}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_core","useSpringPressProgressValue","springValue","isPressed","useSharedValue","progress","useDerivedValue","withSpring","value","IOSpringValues","onPressIn","useCallback","onPressOut","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,2BAA2B,GAAGA,CACzCC,WAA2B,GAAG,QAAQ,KAKnC;EACH,MAAMC,SAA8B,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAExD,MAAMC,QAAQ,GAAG,IAAAC,sCAAe,EAAC,MAC/B,IAAAC,iCAAU,EAACJ,SAAS,CAACK,KAAK,EAAEC,oBAAc,CAACP,WAAW,CAAC,CACzD,CAAC;EAED,MAAMQ,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMS,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnC;IACAR,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEO,SAAS;IAAEE,UAAU;IAAEP;EAAS,CAAC;AAC5C,CAAC;AAACQ,OAAA,CAAAZ,2BAAA,GAAAA,2BAAA"}

package/lib/module/components/alert/Alert.js

@@ -1,11 +1,11 @@
-import React, { useCallback, useState } from "react";
+import React, { forwardRef, useCallback, useState } from "react";
 import { PixelRatio, Pressable, StyleSheet, View } from "react-native";
-import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import Animated from "react-native-reanimated";
 import { IOVisualCostants, useIOThemeContext } from "../../core";
-import { IOScaleValues, IOSpringValues } from "../../core/IOAnimations";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { IOAlertRadius } from "../../core/IOShapes";
 import { IOAlertSpacing } from "../../core/IOSpacing";
+import { useScaleAnimation } from "../../hooks";
 import { Icon } from "../icons";
 import { VSpacer } from "../spacer";
 import { Body, ButtonText } from "../typography";
@@ -74,7 +74,7 @@ const mapVariantStatesDarkMode = {
     foreground: "success-100"
   }
 };
-export const Alert = /*#__PURE__*/React.forwardRef(({
+export const Alert = /*#__PURE__*/forwardRef(({
   variant,
   title,
   content,
@@ -84,40 +84,18 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
   accessibilityHint,
   testID
 }, viewRef) => {
-  var _IOScaleValues$magnif;
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("medium");
   const {
     themeType
   } = useIOThemeContext();
-  const isPressed = useSharedValue(0);
   const [isMultiline, setIsMultiline] = useState(false);
   const onTextLayout = useCallback(event => {
     setIsMultiline(event.nativeEvent.lines.length > 1);
   }, []);
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
   const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: {
@@ -179,7 +157,7 @@ export const Alert = /*#__PURE__*/React.forwardRef(({
       backgroundColor: mapVariantStates[variant].background
     },
     // Disable pressed animation when component is full width
-    !fullWidth && pressedAnimationStyle]
+    !fullWidth && scaleAnimatedStyle]
   }, renderMainBlock()));
   return action ? /*#__PURE__*/React.createElement(PressableButton, null) : /*#__PURE__*/React.createElement(StaticComponent, null);
 });

package/lib/module/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOVisualCostants","useIOThemeContext","IOScaleValues","IOSpringValues","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","forwardRef","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","_IOScaleValues$magnif","themeType","isPressed","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","mapVariantStates","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","marginTop","getFontScale","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","IOVisualCostants","useIOThemeContext","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","useScaleAnimation","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","themeType","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","mapVariantStates","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","marginTop","getFontScale","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}

package/lib/module/components/alert/AlertEdgeToEdge.js

@@ -1,11 +1,12 @@
-import React, { useCallback, useMemo } from "react";
+import React, { useMemo } from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
-import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
+import Animated from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { IOScaleValues, IOSpringValues, IOVisualCostants, enterTransitionAlertEdgeToEdge, enterTransitionAlertEdgeToEdgeContent, exitTransitionAlertEdgeToEdge } from "../../core";
+import { IOVisualCostants, enterTransitionAlertEdgeToEdge, enterTransitionAlertEdgeToEdgeContent, exitTransitionAlertEdgeToEdge } from "../../core";
 import { IOColors } from "../../core/IOColors";
 import { IOAlertSpacing } from "../../core/IOSpacing";
 import { IOStyles } from "../../core/IOStyles";
+import { useScaleAnimation } from "../../hooks";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { Icon } from "../icons";
 import { Body } from "../typography";
@@ -46,34 +47,12 @@ export const AlertEdgeToEdge = ({
   accessibilityHint,
   testID
 }) => {
-  var _IOScaleValues$basicB;
-  const isPressed = useSharedValue(0);
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("slight");
   const insets = useSafeAreaInsets();
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
   const backgroundColor = useMemo(() => IOColors[mapVariantStates[variant].background], [variant]);
   const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: {
@@ -109,7 +88,7 @@ export const AlertEdgeToEdge = ({
     accessibilityRole: "button"
   }, /*#__PURE__*/React.createElement(Animated.View, {
     entering: enterTransitionAlertEdgeToEdgeContent,
-    style: [styles.alert, pressedAnimationStyle]
+    style: [styles.alert, scaleAnimatedStyle]
   }, renderMainBlock()));
   const StaticComponent = () => /*#__PURE__*/React.createElement(Animated.View, {
     entering: enterTransitionAlertEdgeToEdgeContent,

package/lib/module/components/alert/AlertEdgeToEdge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","StyleSheet","Text","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useSafeAreaInsets","IOScaleValues","IOSpringValues","IOVisualCostants","enterTransitionAlertEdgeToEdge","enterTransitionAlertEdgeToEdgeContent","exitTransitionAlertEdgeToEdge","IOColors","IOAlertSpacing","IOStyles","makeFontStyleObject","Icon","Body","iconSize","spacingDefault","styles","create","alert","flexDirection","alignItems","alignContent","padding","mapVariantStates","error","icon","background","foreground","warning","info","AlertEdgeToEdge","variant","content","action","onPress","accessibilityHint","testID","_IOScaleValues$basicB","isPressed","insets","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","backgroundColor","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","flex","weight","accessibilityRole","undefined","PressableButton","onTouchEnd","accessible","entering","StaticComponent","exiting","paddingTop","top"],"sourceRoot":"../../../../src","sources":["components/alert/AlertEdgeToEdge.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","Pressable","StyleSheet","Text","View","Animated","useSafeAreaInsets","IOVisualCostants","enterTransitionAlertEdgeToEdge","enterTransitionAlertEdgeToEdgeContent","exitTransitionAlertEdgeToEdge","IOColors","IOAlertSpacing","IOStyles","useScaleAnimation","makeFontStyleObject","Icon","Body","iconSize","spacingDefault","styles","create","alert","flexDirection","alignItems","alignContent","padding","mapVariantStates","error","icon","background","foreground","warning","info","AlertEdgeToEdge","variant","content","action","onPress","accessibilityHint","testID","onPressIn","onPressOut","scaleAnimatedStyle","insets","backgroundColor","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","flex","weight","accessibilityRole","undefined","PressableButton","onTouchEnd","accessible","entering","StaticComponent","exiting","paddingTop","top"],"sourceRoot":"../../../../src","sources":["components/alert/AlertEdgeToEdge.tsx"],"mappings":"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"}

package/lib/module/components/banner/Banner.js

@@ -1,8 +1,9 @@
-import React, { useCallback } from "react";
+import React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
-import Animated, { Extrapolation, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOScaleValues, IOSpringValues, IOStyles, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
+import Animated from "react-native-reanimated";
+import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOStyles, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
 import { hexToRgba, IOColors } from "../../core/IOColors";
+import { useScaleAnimation } from "../../hooks";
 import { IconButton } from "../buttons";
 import { PictogramBleed } from "../pictograms";
 import { VSpacer } from "../spacer";
@@ -72,8 +73,11 @@ export const Banner = ({
   accessibilityLabel,
   testID
 }) => {
-  var _IOScaleValues$magnif;
-  const isPressed = useSharedValue(0);
+  const {
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = useScaleAnimation("medium");
   const {
     isExperimental
   } = useIOExperimentalDesign();
@@ -92,33 +96,6 @@ export const Banner = ({
     paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
   };
 
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-
-  // Using a spring-based animation for our interpolations
-  const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = useAnimatedStyle(() => {
-    // Link color states to the pressed states
-
-    // Scale down button slightly when pressed
-    const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const onPressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-
   /* Generates a complete fallbackAccessibilityLabel by concatenating the title, content, and action
    if they are present. */
   const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
@@ -185,7 +162,7 @@ export const Banner = ({
     onPressOut: onPressOut,
     accessible: false
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.container, dynamicContainerStyles, pressedAnimationStyle]
+    style: [styles.container, dynamicContainerStyles, scaleAnimatedStyle]
   }, renderMainBlock()));
   const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
     ref: viewRef,

package/lib/module/components/banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","_IOScaleValues$magnif","isPressed","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}

package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap

@@ -361,7 +361,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             {
               "color": "#031344",
               "fontFamily": "Titillium Sans Pro",
-              "fontSize": 18,
+              "fontSize": 17,
               "fontStyle": "normal",
               "fontWeight": "600",
               "lineHeight": 24,