@pagopa/io-app-design-system 1.0.0-0

package/lib/commonjs/components/avatar/Avatar.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _MultiImage = require("./MultiImage");
+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; }
+// A component to provide organization logo
+
+const avatarBorderLightMode = (0, _core.hexToRgba)(_core.IOColors.black, 0.1);
+const internalSpaceDefaultSize = 6;
+const internalSpaceLargeSize = 9;
+const radiusDefaultSize = 8;
+const dimensionsMap = {
+  small: {
+    size: _core.IOVisualCostants.avatarSizeSmall,
+    internalSpace: internalSpaceDefaultSize,
+    radius: radiusDefaultSize
+  },
+  medium: {
+    size: _core.IOVisualCostants.avatarSizeMedium,
+    internalSpace: internalSpaceLargeSize,
+    radius: radiusDefaultSize
+  }
+};
+const getAvatarCircleShape = size => dimensionsMap[size].size / 2;
+const styles = _reactNative.StyleSheet.create({
+  avatarWrapper: {
+    overflow: "hidden",
+    resizeMode: "contain",
+    borderColor: avatarBorderLightMode,
+    borderWidth: 1,
+    backgroundColor: _core.IOColors.white
+  },
+  avatarImage: {
+    height: "100%",
+    width: "100%"
+  }
+});
+const Avatar = _ref => {
+  let {
+    logoUri,
+    shape,
+    size
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.avatarWrapper, {
+      height: dimensionsMap[size].size,
+      width: dimensionsMap[size].size,
+      borderRadius: shape === "circle" ? getAvatarCircleShape(size) : dimensionsMap[size].radius,
+      padding: dimensionsMap[size].internalSpace
+    }]
+  }, /*#__PURE__*/React.createElement(_MultiImage.MultiImage, {
+    style: styles.avatarImage,
+    source: logoUri
+  }));
+};
+exports.Avatar = Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/commonjs/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_MultiImage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","avatarBorderLightMode","hexToRgba","IOColors","black","internalSpaceDefaultSize","internalSpaceLargeSize","radiusDefaultSize","dimensionsMap","small","size","IOVisualCostants","avatarSizeSmall","internalSpace","radius","medium","avatarSizeMedium","getAvatarCircleShape","styles","StyleSheet","create","avatarWrapper","overflow","resizeMode","borderColor","borderWidth","backgroundColor","white","avatarImage","height","width","Avatar","_ref","logoUri","shape","createElement","View","style","borderRadius","padding","MultiImage","source","exports"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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"}

package/lib/commonjs/components/avatar/MultiImage.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiImage = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _image = require("../../utils/image");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * An image component that attempts to load the provided images
+ * until one is available.
+ *
+ * Usually you want to provide a local image as last one to make sure
+ * there is always an image that can be displayed.
+ */
+class MultiImage extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      // start by rendering the first image
+      sourceIndex: props.source.length > 0 ? 0 : undefined
+    };
+  }
+  render() {
+    const sourceIndex = this.state.sourceIndex;
+    if (sourceIndex === undefined) {
+      return null;
+    }
+    const atIndex = this.props.source[sourceIndex];
+    const source = typeof atIndex === "number" ? atIndex : (0, _image.addCacheTimestampToUri)(atIndex);
+    const onError = () => {
+      // if current image fails loading, move to next
+      this.setState((_, props) => ({
+        sourceIndex: sourceIndex < props.source.length ? sourceIndex + 1 : undefined
+      }));
+    };
+    return source && /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, this.props, {
+      source: source,
+      onError: onError
+    }));
+  }
+}
+exports.MultiImage = MultiImage;
+//# sourceMappingURL=MultiImage.js.map

package/lib/commonjs/components/avatar/MultiImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_image","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MultiImage","React","PureComponent","constructor","props","state","sourceIndex","undefined","render","atIndex","addCacheTimestampToUri","onError","setState","_","createElement","Image","exports"],"sourceRoot":"../../../../src","sources":["components/avatar/MultiImage.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AAA2D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAU3D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,UAAU,SAASC,cAAK,CAACC,aAAa,CAAe;EAChEC,WAAWA,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACX;MACAC,WAAW,EAAEF,KAAK,CAACV,MAAM,CAACD,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGc;IAC7C,CAAC;EACH;EAEOC,MAAMA,CAAA,EAAG;IACd,MAAMF,WAAW,GAAG,IAAI,CAACD,KAAK,CAACC,WAAW;IAC1C,IAAIA,WAAW,KAAKC,SAAS,EAAE;MAC7B,OAAO,IAAI;IACb;IAEA,MAAME,OAAO,GAAG,IAAI,CAACL,KAAK,CAACV,MAAM,CAACY,WAAW,CAAC;IAE9C,MAAMZ,MAAM,GACV,OAAOe,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAG,IAAAC,6BAAsB,EAACD,OAAO,CAAC;IAEzE,MAAME,OAAO,GAAGA,CAAA,KAAM;MACpB;MACA,IAAI,CAACC,QAAQ,CAAC,CAACC,CAAC,EAAET,KAAK,MAAM;QAC3BE,WAAW,EACTA,WAAW,GAAGF,KAAK,CAACV,MAAM,CAACD,MAAM,GAAGa,WAAW,GAAG,CAAC,GAAGC;MAC1D,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OACEb,MAAM,iBAAIhB,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,YAAA,CAAAkC,KAAK,EAAA7B,QAAA,KAAK,IAAI,CAACkB,KAAK;MAAEV,MAAM,EAAEA,MAAO;MAACiB,OAAO,EAAEA;IAAQ,EAAE,CAAC;EAEzE;AACF;AAACK,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}

package/lib/commonjs/components/avatar/__test__/__snapshots__/avatar.test.tsx.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Avatar Components Avatar Snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "borderColor": "rgba(14,15,19,0.1)",
+        "borderWidth": 1,
+        "overflow": "hidden",
+        "resizeMode": "contain",
+      },
+      {
+        "borderRadius": 22,
+        "height": 44,
+        "padding": 6,
+        "width": 44,
+      },
+    ]
+  }
+/>
+`;
+
+exports[`Test Avatar Components MultiImage Snapshot 1`] = `null`;

package/lib/commonjs/components/avatar/__test__/avatar.test.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var TestRenderer = _interopRequireWildcard(require("react-test-renderer"));
+var _Avatar = require("../Avatar");
+var _MultiImage = require("../MultiImage");
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("Test Avatar Components", () => {
+  it("Avatar Snapshot", () => {
+    const avatar = TestRenderer.create( /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+      shape: "circle",
+      size: "small",
+      logoUri: []
+    })).toJSON();
+    expect(avatar).toMatchSnapshot();
+  });
+  it("MultiImage Snapshot", () => {
+    const multiImage = TestRenderer.create( /*#__PURE__*/_react.default.createElement(_MultiImage.MultiImage, {
+      source: []
+    })).toJSON();
+    expect(multiImage).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=avatar.test.js.map

package/lib/commonjs/components/avatar/__test__/avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","TestRenderer","_interopRequireWildcard","_Avatar","_MultiImage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","describe","it","avatar","create","createElement","Avatar","shape","size","logoUri","toJSON","expect","toMatchSnapshot","multiImage","MultiImage","source"],"sourceRoot":"../../../../../src","sources":["components/avatar/__test__/avatar.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA2C,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,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;AAAA,SAAAjB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3CiB,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAG5B,YAAY,CAAC6B,MAAM,eAAChC,MAAA,CAAAc,OAAA,CAAAmB,aAAA,CAAC5B,OAAA,CAAA6B,MAAM;MAACC,KAAK,EAAE,QAAS;MAACC,IAAI,EAAE,OAAQ;MAACC,OAAO,EAAE;IAAG,CAAS,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAC3GC,MAAM,CAACR,MAAM,CAAC,CAACS,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;EACFV,EAAE,CAAC,qBAAqB,EAAE,MAAM;IAC9B,MAAMW,UAAU,GAAGtC,YAAY,CAAC6B,MAAM,eAAChC,MAAA,CAAAc,OAAA,CAAAmB,aAAA,CAAC3B,WAAA,CAAAoC,UAAU;MAACC,MAAM,EAAE;IAAG,CAAa,CAAC,CAAC,CAACL,MAAM,CAAC,CAAC;IACtFC,MAAM,CAACE,UAAU,CAAC,CAACD,eAAe,CAAC,CAAC;EACtC,CAAC,CAAC;AACJ,CACA,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Avatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_MultiImage"],"sourceRoot":"../../../../src","sources":["components/avatar/index.tsx"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,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"}

package/lib/commonjs/components/badge/Badge.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Badge = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _fonts = require("../../utils/fonts");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapVariants = {
+  default: {
+    foreground: "grey-700",
+    background: "grey-50"
+  },
+  info: {
+    foreground: "info-850",
+    background: "info-100"
+  },
+  warning: {
+    foreground: "warning-850",
+    background: "warning-100"
+  },
+  success: {
+    foreground: "success-850",
+    background: "success-100"
+  },
+  error: {
+    foreground: "error-850",
+    background: "error-100"
+  },
+  purple: {
+    foreground: "hanPurple-850",
+    background: "hanPurple-100"
+  },
+  lightBlue: {
+    foreground: "blueIO-850",
+    background: "blueIO-50"
+  },
+  blue: {
+    foreground: "white",
+    background: "blueIO-500"
+  },
+  turquoise: {
+    foreground: "turquoise-850",
+    background: "turquoise-50"
+  },
+  contrast: {
+    foreground: "grey-700",
+    background: "white"
+  }
+};
+const styles = _reactNative.StyleSheet.create({
+  badge: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    ..._reactNative.Platform.select({
+      android: {
+        textAlignVertical: "center"
+      }
+    }),
+    borderRadius: _core.IOBadgeRadius,
+    paddingHorizontal: _core.IOBadgeHSpacing,
+    paddingVertical: _core.IOBadgeVSpacing
+  },
+  label: {
+    fontSize: 12,
+    lineHeight: 16,
+    alignSelf: "center",
+    textTransform: "uppercase",
+    flexShrink: 1,
+    ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
+  }
+});
+
+/**
+ * Official badge component
+ */
+const Badge = _ref => {
+  let {
+    text,
+    variant,
+    testID
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    style: [styles.badge, {
+      backgroundColor: _core.IOColors[mapVariants[variant].background]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: [styles.label, {
+      color: _core.IOColors[mapVariants[variant].foreground]
+    }]
+  }, text));
+};
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.js.map

package/lib/commonjs/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_fonts","obj","__esModule","default","mapVariants","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","styles","StyleSheet","create","badge","flexDirection","alignItems","justifyContent","Platform","select","android","textAlignVertical","borderRadius","IOBadgeRadius","paddingHorizontal","IOBadgeHSpacing","paddingVertical","IOBadgeVSpacing","label","fontSize","lineHeight","alignSelf","textTransform","flexShrink","makeFontStyleObject","Badge","_ref","text","variant","testID","createElement","View","style","backgroundColor","IOColors","Text","numberOfLines","ellipsizeMode","color","exports"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAwD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAuBxD,MAAMG,WAAgE,GAAG;EACvED,OAAO,EAAE;IACPE,UAAU,EAAE,UAAU;IACtBC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJF,UAAU,EAAE,UAAU;IACtBC,UAAU,EAAE;EACd,CAAC;EACDE,OAAO,EAAE;IACPH,UAAU,EAAE,aAAa;IACzBC,UAAU,EAAE;EACd,CAAC;EACDG,OAAO,EAAE;IACPJ,UAAU,EAAE,aAAa;IACzBC,UAAU,EAAE;EACd,CAAC;EACDI,KAAK,EAAE;IACLL,UAAU,EAAE,WAAW;IACvBC,UAAU,EAAE;EACd,CAAC;EACDK,MAAM,EAAE;IACNN,UAAU,EAAE,eAAe;IAC3BC,UAAU,EAAE;EACd,CAAC;EACDM,SAAS,EAAE;IACTP,UAAU,EAAE,YAAY;IACxBC,UAAU,EAAE;EACd,CAAC;EACDO,IAAI,EAAE;IACJR,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE;EACd,CAAC;EACDQ,SAAS,EAAE;IACTT,UAAU,EAAE,eAAe;IAC3BC,UAAU,EAAE;EACd,CAAC;EACDS,QAAQ,EAAE;IACRV,UAAU,EAAE,UAAU;IACtBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMU,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,iBAAiB,EAAE;MACrB;IACF,CAAC,CAAC;IACFC,YAAY,EAAEC,mBAAa;IAC3BC,iBAAiB,EAAEC,qBAAe;IAClCC,eAAe,EAAEC;EACnB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE,WAAW;IAC1BC,UAAU,EAAE,CAAC;IACb,GAAG,IAAAC,0BAAmB,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACO,MAAMC,KAAK,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAAH,IAAA;EAAA,oBACpD9C,MAAA,CAAAQ,OAAA,CAAA0C,aAAA,CAAC/C,YAAA,CAAAgD,IAAI;IACHF,MAAM,EAAEA,MAAO;IACfG,KAAK,EAAE,CACL/B,MAAM,CAACG,KAAK,EACZ;MAAE6B,eAAe,EAAEC,cAAQ,CAAC7C,WAAW,CAACuC,OAAO,CAAC,CAACrC,UAAU;IAAE,CAAC;EAC9D,gBAEFX,MAAA,CAAAQ,OAAA,CAAA0C,aAAA,CAAC/C,YAAA,CAAAoD,IAAI;IACHC,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBL,KAAK,EAAE,CACL/B,MAAM,CAACiB,KAAK,EACZ;MAAEoB,KAAK,EAAEJ,cAAQ,CAAC7C,WAAW,CAACuC,OAAO,CAAC,CAACtC,UAAU;IAAE,CAAC;EACpD,GAEDqC,IACG,CACF,CAAC;AAAA,CACR;AAACY,OAAA,CAAAd,KAAA,GAAAA,KAAA"}

package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Test Badge Components Badge Snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "alignItems": "center",
+        "borderRadius": 24,
+        "flexDirection": "row",
+        "justifyContent": "center",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "#F4F5F8",
+      },
+    ]
+  }
+>
+  <Text
+    ellipsizeMode="tail"
+    numberOfLines={1}
+    style={
+      [
+        {
+          "alignSelf": "center",
+          "flexShrink": 1,
+          "fontFamily": "Readex Pro",
+          "fontSize": 12,
+          "fontStyle": "normal",
+          "fontWeight": "400",
+          "lineHeight": 16,
+          "textTransform": "uppercase",
+        },
+        {
+          "color": "#555C70",
+        },
+      ]
+    }
+  >
+    text
+  </Text>
+</View>
+`;

package/lib/commonjs/components/badge/__test__/badge.test.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var TestRenderer = _interopRequireWildcard(require("react-test-renderer"));
+var _Badge = require("../Badge");
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe("Test Badge Components", () => {
+  it("Badge Snapshot", () => {
+    const badge = TestRenderer.create( /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
+      text: "text",
+      variant: "default"
+    })).toJSON();
+    expect(badge).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=badge.test.js.map

package/lib/commonjs/components/badge/__test__/badge.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","TestRenderer","_interopRequireWildcard","_Badge","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","describe","it","badge","create","createElement","Badge","text","variant","toJSON","expect","toMatchSnapshot"],"sourceRoot":"../../../../../src","sources":["components/badge/__test__/badge.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiC,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAhB,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjCiB,QAAQ,CAAC,uBAAuB,EAAE,MAAM;EACtCC,EAAE,CAAC,gBAAgB,EAAE,MAAM;IACzB,MAAMC,KAAK,GAAG3B,YAAY,CAAC4B,MAAM,eAAC/B,MAAA,CAAAa,OAAA,CAAAmB,aAAA,CAAC3B,MAAA,CAAA4B,KAAK;MAACC,IAAI,EAAE,MAAO;MAACC,OAAO,EAAE;IAAU,CAAQ,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAC7FC,MAAM,CAACP,KAAK,CAAC,CAACQ,eAAe,CAAC,CAAC;EACjC,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Badge","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/badge/index.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bannerBackgroundColours = exports.Banner = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core");
+var _IOColors = require("../../core/IOColors");
+var _buttons = require("../buttons");
+var _pictograms = require("../pictograms");
+var _spacer = require("../spacer");
+var _typography = require("../typography");
+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; }
+/* Styles */
+
+const colorTitle = "blueIO-850";
+const colorContent = "grey-700";
+const colorCloseButton = "neutral";
+const sizePictogramBig = 80;
+const sizePictogramSmall = 64;
+const closeButtonDistanceFromEdge = 4;
+const closeButtonOpacity = 0.6;
+const sizeBigPadding = _core.IOBannerBigSpacing;
+const sizeSmallHPadding = _core.IOBannerSmallHSpacing;
+const sizeSmallVPadding = _core.IOBannerSmallVSpacing;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    alignContent: "center",
+    borderRadius: _core.IOBannerRadius
+  },
+  bleedPictogram: {
+    marginRight: -sizeBigPadding
+  },
+  closeIconButton: {
+    position: "absolute",
+    right: closeButtonDistanceFromEdge,
+    top: closeButtonDistanceFromEdge,
+    opacity: closeButtonOpacity
+  }
+});
+const dynamicContainerStyles = (size, color) => ({
+  backgroundColor: _IOColors.IOColors[mapBackgroundColor[color]],
+  paddingVertical: size === "big" ? sizeBigPadding : sizeSmallVPadding,
+  paddingHorizontal: size === "big" ? sizeBigPadding : sizeSmallHPadding
+});
+
+/* Component Types */
+
+/* Description only */
+
+/* Title only */
+
+/* Title + Description */
+
+// Banner will display a close button if this event is provided
+
+// COMPONENT CONFIGURATION
+
+/* Used to generate automatically the colour variants
+in the Design System screen */
+const bannerBackgroundColours = ["neutral", "turquoise"];
+exports.bannerBackgroundColours = bannerBackgroundColours;
+const mapBackgroundColor = {
+  neutral: "grey-50",
+  turquoise: "turquoise-50"
+};
+const Banner = _ref => {
+  var _IOScaleValues$magnif;
+  let {
+    viewRef,
+    size,
+    color,
+    pictogramName,
+    title,
+    content,
+    action,
+    labelClose,
+    onPress,
+    onClose,
+    accessibilityHint,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$magnif = _core.IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
+
+  // Using a spring-based animation for our interpolations
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Link color states to the pressed states
+
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const onPressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const onPressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_core.IOStyles.flex, _core.IOStyles.selfCenter]
+  }, title && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.H6, {
+    weight: "SemiBold",
+    color: colorTitle
+  }, title), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+    size: 4
+  })), content && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
+    color: colorContent,
+    weight: "Regular"
+  }, content), action && /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+    size: 8
+  })), action &&
+  /*#__PURE__*/
+  /* Disable pointer events to avoid
+    pressed state on the button */
+  _react.default.createElement(_reactNative.View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+    size: 4
+  }), /*#__PURE__*/_react.default.createElement(_buttons.ButtonLink, {
+    color: "primary",
+    onPress: onPress,
+    label: action
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.bleedPictogram, _core.IOStyles.selfCenter]
+  }, /*#__PURE__*/_react.default.createElement(_pictograms.Pictogram, {
+    name: pictogramName,
+    size: size === "big" ? sizePictogramBig : sizePictogramSmall
+  })), onClose && labelClose && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.closeIconButton
+  }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
+    icon: "closeSmall",
+    color: colorCloseButton,
+    onPress: onClose,
+    accessibilityLabel: labelClose
+  })));
+  const PressableButton = () => /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    ref: viewRef,
+    testID: testID,
+    onPress: onPress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut
+    // A11y related props
+    ,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.container, dynamicContainerStyles(size, color), pressedAnimationStyle]
+  }, renderMainBlock()));
+  const StaticComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    ref: viewRef,
+    testID: testID,
+    style: [styles.container, dynamicContainerStyles(size, color)]
+    // A11y related props
+    ,
+    accessible: false,
+    accessibilityHint: accessibilityHint,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "text"
+  }, renderMainBlock());
+  return action ? /*#__PURE__*/_react.default.createElement(PressableButton, null) : /*#__PURE__*/_react.default.createElement(StaticComponent, null);
+};
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_buttons","_pictograms","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorTitle","colorContent","colorCloseButton","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","dynamicContainerStyles","size","color","backgroundColor","IOColors","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","exports","neutral","turquoise","Banner","_ref","_IOScaleValues$magnif","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","H6","weight","VSpacer","LabelSmall","pointerEvents","ButtonLink","label","Pictogram","name","IconButton","icon","PressableButton","Pressable","ref","accessible","accessibilityRole","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}