@laerdal/life-react-components 5.0.9 → 5.1.0

package/dist/AuthPage/index.cjs

@@ -1,6 +1,5 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,14 +9,14 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "AuthPage", {
   enumerable: true,
-  get: function get() {
-    return _AuthPage["default"];
+  get: function () {
+    return _AuthPage.default;
   }
 });
 Object.defineProperty(exports, "ScreenSetsContainer", {
   enumerable: true,
-  get: function get() {
-    return _ScreenSetsContainer["default"];
+  get: function () {
+    return _ScreenSetsContainer.default;
   }
 });
 var _ScreenSetsContainer = _interopRequireWildcard(require("./ScreenSetsContainer"));
@@ -27,7 +26,7 @@ Object.keys(_ScreenSetsContainer).forEach(function (key) {
   if (key in exports && exports[key] === _ScreenSetsContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ScreenSetsContainer[key];
     }
   });
@@ -39,11 +38,11 @@ Object.keys(_AuthPage).forEach(function (key) {
   if (key in exports && exports[key] === _AuthPage[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _AuthPage[key];
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/AuthPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ScreenSetsContainer","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AuthPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/AuthPage/index.ts"],"sourcesContent":["export * from './ScreenSetsContainer';\r\nexport * from './AuthPage';\r\n\r\nexport { default as ScreenSetsContainer } from './ScreenSetsContainer';\r\nexport { default as AuthPage } from './AuthPage';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAJ,oBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,oBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,oBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAd,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAA2B,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ScreenSetsContainer","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AuthPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/AuthPage/index.ts"],"sourcesContent":["export * from './ScreenSetsContainer';\r\nexport * from './AuthPage';\r\n\r\nexport { default as ScreenSetsContainer } from './ScreenSetsContainer';\r\nexport { default as AuthPage } from './AuthPage';"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAJ,oBAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,oBAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,oBAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAd,uBAAA,CAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAA2B,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/Banners/Banner.cjs

@@ -1,13 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.BannerContentWrapperStyles = exports.BannerContainerStyles = exports.BannerCloseButtonWrapperStyles = exports.BannerCloseButtonContainerStyles = exports.BannerCenterStyles = void 0;
+exports.default = exports.BannerContentWrapperStyles = exports.BannerContainerStyles = exports.BannerCloseButtonWrapperStyles = exports.BannerCloseButtonContainerStyles = exports.BannerCenterStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -20,73 +18,48 @@ var _styles2 = require("./styles");
 var _HyperLink = require("../HyperLink");
 var _utils = require("../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["size", "type", "children", "bottom", "testId", "linkText", "link", "onClose", "icon", "noIcon", "linkAction", "fullWidth", "className"];
+const _excluded = ["size", "type", "children", "bottom", "testId", "linkText", "link", "onClose", "icon", "noIcon", "linkAction", "fullWidth", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /**
  * Styles for <Banner />
  */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var BannerContainerStyles = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\n  border-radius: 4px;\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ", " {\n      margin: 0 0 0 16px;\n    }\n    ", " {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  ", " {\n    &:link {\n      color: ", ";\n    }\n    &:visited {\n      color: ", ";\n    }\n    &:focus,\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.full-width-banner {\n    margin: 8px;\n  }\n"])), function (props) {
-  return props.$type ? props.$type : _styles.COLORS.getColor('correct_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('black', props.theme);
-}, function (props) {
-  return props.$bottom ? 'auto' : '0';
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _HyperLink.StyledLink, function (props) {
-  return props.$link;
-}, function (props) {
-  return props.$linkVisited;
-}, function (props) {
-  return props.$linkFocused;
-}, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-});
-exports.BannerContainerStyles = BannerContainerStyles;
-var BannerCenterStyles = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 16px;\n  ", " {\n    margin: 0 32px;\n  }\n  ", " {\n    margin: 0 56px;\n  }\n  &.small {\n    margin: 0 16px;\n  }\n  &.medium {\n    margin: 0 32px;\n  }\n  &.large {\n    margin: 0 64px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n\n  .full-width-banner & {\n    margin: 0 16px;\n\n    ", " {\n      margin: 0 32px;\n    }\n    ", " {\n      margin: 0 64px;\n    }\n\n    &.small {\n      margin: 0 16px;\n    }\n\n    &.medium {\n      margin: 0 32px;\n    }\n\n    &.large {\n      margin: 0 64px;\n    }\n  }\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-exports.BannerCenterStyles = BannerCenterStyles;
-var BannerCloseButtonWrapperStyles = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  margin: 0 0 0 auto;\n"])));
-exports.BannerCloseButtonWrapperStyles = BannerCloseButtonWrapperStyles;
-var BannerCloseButtonContainerStyles = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: contents;\n  ", ";\n"])), function (props) {
-  return props.$type ? (0, _styles2.getButtonStyle)(props.$type, props.theme) : null;
-});
-exports.BannerCloseButtonContainerStyles = BannerCloseButtonContainerStyles;
-var BannerContentWrapperStyles = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
-exports.BannerContentWrapperStyles = BannerContentWrapperStyles;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const BannerContainerStyles = exports.BannerContainerStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\n  border-radius: 4px;\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ", " {\n      margin: 0 0 0 16px;\n    }\n    ", " {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  ", " {\n    &:link {\n      color: ", ";\n    }\n    &:visited {\n      color: ", ";\n    }\n    &:focus,\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.full-width-banner {\n    margin: 8px;\n  }\n"])), props => props.$type ? props.$type : _styles.COLORS.getColor('correct_100', props.theme), props => _styles.COLORS.getColor('black', props.theme), props => props.$bottom ? 'auto' : '0', _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _HyperLink.StyledLink, props => props.$link, props => props.$linkVisited, props => props.$linkFocused, props => _styles.COLORS.getColor('white', props.theme));
+const BannerCenterStyles = exports.BannerCenterStyles = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 16px;\n  ", " {\n    margin: 0 32px;\n  }\n  ", " {\n    margin: 0 56px;\n  }\n  &.small {\n    margin: 0 16px;\n  }\n  &.medium {\n    margin: 0 32px;\n  }\n  &.large {\n    margin: 0 64px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n\n  .full-width-banner & {\n    margin: 0 16px;\n\n    ", " {\n      margin: 0 32px;\n    }\n    ", " {\n      margin: 0 64px;\n    }\n\n    &.small {\n      margin: 0 16px;\n    }\n\n    &.medium {\n      margin: 0 32px;\n    }\n\n    &.large {\n      margin: 0 64px;\n    }\n  }\n"])), (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
+const BannerCloseButtonWrapperStyles = exports.BannerCloseButtonWrapperStyles = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 0 0 auto;\n"])));
+const BannerCloseButtonContainerStyles = exports.BannerCloseButtonContainerStyles = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: contents;\n  ", ";\n"])), props => props.$type ? (0, _styles2.getButtonStyle)(props.$type, props.theme) : null);
+const BannerContentWrapperStyles = exports.BannerContentWrapperStyles = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
 /** Banner component is used as a middle-interrupting message to the user with zero to one actions. */
-var Banner = function Banner(_ref) {
-  var size = _ref.size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'neutral' : _ref$type,
-    children = _ref.children,
-    bottom = _ref.bottom,
-    testId = _ref.testId,
-    linkText = _ref.linkText,
-    link = _ref.link,
-    onClose = _ref.onClose,
-    icon = _ref.icon,
-    noIcon = _ref.noIcon,
-    linkAction = _ref.linkAction,
-    fullWidth = _ref.fullWidth,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var theme = (0, _styledComponents.useTheme)();
-  var _React$useState = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  React.useEffect(function () {
+const Banner = _ref => {
+  let {
+      size,
+      type = 'neutral',
+      children,
+      bottom,
+      testId,
+      linkText,
+      link,
+      onClose,
+      icon,
+      noIcon,
+      linkAction,
+      fullWidth,
+      className
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const theme = (0, _styledComponents.useTheme)();
+  const [width, setWidth] = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1);
+  React.useEffect(() => {
     function handleResize() {
       setWidth(window.innerWidth);
     }
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
-  var bannerParams = {
+  let bannerParams = {
     typeColor: _styles.COLORS.getColor('primary_100', theme),
     accentColor: _styles.COLORS.getColor('primary_700', theme),
     closeIconColor: _styles.COLORS.getColor('primary_500', theme),
@@ -125,7 +98,7 @@ var Banner = function Banner(_ref) {
       bannerParams.linkFocused = _styles.COLORS.getColor('correct_800', theme);
       break;
   }
-  var cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(fullWidth ? 'full-width-banner' : '');
+  const cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(fullWidth ? 'full-width-banner' : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContainerStyles, _objectSpread(_objectSpread({
     "data-testid": testId,
     $type: bannerParams.typeColor,
@@ -151,7 +124,7 @@ var Banner = function Banner(_ref) {
           color: bannerParams.accentColor,
           children: [children, "\xA0", link && linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
             id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-            onClick: function onClick(e) {
+            onClick: e => {
               if (linkAction) {
                 e.preventDefault();
                 linkAction(e);
@@ -169,9 +142,7 @@ var Banner = function Banner(_ref) {
             variant: "secondary",
             shape: "circular",
             useTransparentBackground: true,
-            action: function action() {
-              return onClose();
-            },
+            action: () => onClose(),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Close, {
               color: bannerParams.closeIconColor,
               size: "24px"
@@ -183,17 +154,16 @@ var Banner = function Banner(_ref) {
   }));
 };
 Banner.propTypes = {
-  type: _propTypes["default"].oneOf(['warning', 'critical', 'positive', 'neutral']),
-  link: _propTypes["default"].string,
-  linkText: _propTypes["default"].string,
-  linkAction: _propTypes["default"].func,
-  bottom: _propTypes["default"].bool,
-  testId: _propTypes["default"].string,
-  icon: _propTypes["default"].node,
-  onClose: _propTypes["default"].func,
-  noIcon: _propTypes["default"].bool,
-  fullWidth: _propTypes["default"].bool
+  type: _propTypes.default.oneOf(['warning', 'critical', 'positive', 'neutral']),
+  link: _propTypes.default.string,
+  linkText: _propTypes.default.string,
+  linkAction: _propTypes.default.func,
+  bottom: _propTypes.default.bool,
+  testId: _propTypes.default.string,
+  icon: _propTypes.default.node,
+  onClose: _propTypes.default.func,
+  noIcon: _propTypes.default.bool,
+  fullWidth: _propTypes.default.bool
 };
-var _default = Banner;
-exports["default"] = _default;
+var _default = exports.default = Banner;
 //# sourceMappingURL=Banner.cjs.map

package/dist/Banners/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_Button","_styles2","_HyperLink","_utils","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BannerContainerStyles","styled","div","_taggedTemplateLiteral2","props","$type","COLORS","getColor","theme","$bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","$link","$linkVisited","$linkFocused","exports","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","_ref","size","_ref$type","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties2","useTheme","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","SystemIcons","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","jsx","role","jsxs","style","color","ComponentResponsive","HyperLink","id","Math","floor","random","onClick","preventDefault","href","variant","IconButton","shape","useTransparentBackground","action","Close","propTypes","_propTypes","oneOf","string","func","bool","node","_default"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Banner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_styles","_icons","_Button","_styles2","_HyperLink","_utils","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","BannerContainerStyles","exports","styled","div","_taggedTemplateLiteral2","props","$type","COLORS","getColor","theme","$bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","$link","$linkVisited","$linkFocused","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","_ref","size","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties2","useTheme","width","setWidth","useState","hasWindow","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","SystemIcons","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","jsx","role","jsxs","style","color","ComponentResponsive","HyperLink","id","Math","floor","random","onClick","preventDefault","href","variant","IconButton","shape","useTransparentBackground","action","Close","propTypes","_propTypes","oneOf","string","func","bool","node","_default"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Banners/Banner.js

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["size", "type", "children", "bottom", "testId", "linkText", "link", "onClose", "icon", "noIcon", "linkAction", "fullWidth", "className"];
+const _excluded = ["size", "type", "children", "bottom", "testId", "linkText", "link", "onClose", "icon", "noIcon", "linkAction", "fullWidth", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,61 +20,40 @@ import { hasWindow } from '../utils/utils';
 /**
  * Styles for <Banner />
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var BannerContainerStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\n  border-radius: 4px;\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ", " {\n      margin: 0 0 0 16px;\n    }\n    ", " {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  ", " {\n    &:link {\n      color: ", ";\n    }\n    &:visited {\n      color: ", ";\n    }\n    &:focus,\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.full-width-banner {\n    margin: 8px;\n  }\n"])), function (props) {
-  return props.$type ? props.$type : COLORS.getColor('correct_100', props.theme);
-}, function (props) {
-  return COLORS.getColor('black', props.theme);
-}, function (props) {
-  return props.$bottom ? 'auto' : '0';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, StyledLink, function (props) {
-  return props.$link;
-}, function (props) {
-  return props.$linkVisited;
-}, function (props) {
-  return props.$linkFocused;
-}, function (props) {
-  return COLORS.getColor('white', props.theme);
-});
-export var BannerCenterStyles = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 16px;\n  ", " {\n    margin: 0 32px;\n  }\n  ", " {\n    margin: 0 56px;\n  }\n  &.small {\n    margin: 0 16px;\n  }\n  &.medium {\n    margin: 0 32px;\n  }\n  &.large {\n    margin: 0 64px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n\n  .full-width-banner & {\n    margin: 0 16px;\n\n    ", " {\n      margin: 0 32px;\n    }\n    ", " {\n      margin: 0 64px;\n    }\n\n    &.small {\n      margin: 0 16px;\n    }\n\n    &.medium {\n      margin: 0 32px;\n    }\n\n    &.large {\n      margin: 0 64px;\n    }\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, null), BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-export var BannerCloseButtonWrapperStyles = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 0 0 auto;\n"])));
-export var BannerCloseButtonContainerStyles = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: contents;\n  ", ";\n"])), function (props) {
-  return props.$type ? getButtonStyle(props.$type, props.theme) : null;
-});
-export var BannerContentWrapperStyles = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const BannerContainerStyles = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\n  border-radius: 4px;\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ", " {\n      margin: 0 0 0 16px;\n    }\n    ", " {\n      margin: 0 0 0 32px;\n    }\n    &.small {\n      margin: 0 0 0 8px;\n    }\n    &.medium {\n      margin: 0 0 0 16px;\n    }\n    &.large {\n      margin: 0 0 0 32px;\n    }\n  }\n\n  ", " {\n    &:link {\n      color: ", ";\n    }\n    &:visited {\n      color: ", ";\n    }\n    &:focus,\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  &.full-width-banner {\n    margin: 8px;\n  }\n"])), props => props.$type ? props.$type : COLORS.getColor('correct_100', props.theme), props => COLORS.getColor('black', props.theme), props => props.$bottom ? 'auto' : '0', BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, StyledLink, props => props.$link, props => props.$linkVisited, props => props.$linkFocused, props => COLORS.getColor('white', props.theme));
+export const BannerCenterStyles = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 16px;\n  ", " {\n    margin: 0 32px;\n  }\n  ", " {\n    margin: 0 56px;\n  }\n  &.small {\n    margin: 0 16px;\n  }\n  &.medium {\n    margin: 0 32px;\n  }\n  &.large {\n    margin: 0 64px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n\n  .full-width-banner & {\n    margin: 0 16px;\n\n    ", " {\n      margin: 0 32px;\n    }\n    ", " {\n      margin: 0 64px;\n    }\n\n    &.small {\n      margin: 0 16px;\n    }\n\n    &.medium {\n      margin: 0 32px;\n    }\n\n    &.large {\n      margin: 0 64px;\n    }\n  }\n"])), ComponentMStyling(ComponentTextStyle.Regular, null), BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
+export const BannerCloseButtonWrapperStyles = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 0 0 auto;\n"])));
+export const BannerCloseButtonContainerStyles = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: contents;\n  ", ";\n"])), props => props.$type ? getButtonStyle(props.$type, props.theme) : null);
+export const BannerContentWrapperStyles = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
 /** Banner component is used as a middle-interrupting message to the user with zero to one actions. */
-var Banner = function Banner(_ref) {
-  var size = _ref.size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'neutral' : _ref$type,
-    children = _ref.children,
-    bottom = _ref.bottom,
-    testId = _ref.testId,
-    linkText = _ref.linkText,
-    link = _ref.link,
-    onClose = _ref.onClose,
-    icon = _ref.icon,
-    noIcon = _ref.noIcon,
-    linkAction = _ref.linkAction,
-    fullWidth = _ref.fullWidth,
-    className = _ref.className,
+const Banner = _ref => {
+  let {
+      size,
+      type = 'neutral',
+      children,
+      bottom,
+      testId,
+      linkText,
+      link,
+      onClose,
+      icon,
+      noIcon,
+      linkAction,
+      fullWidth,
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _React$useState = React.useState(hasWindow() ? window.innerWidth : -1),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  React.useEffect(function () {
+  const theme = useTheme();
+  const [width, setWidth] = React.useState(hasWindow() ? window.innerWidth : -1);
+  React.useEffect(() => {
     function handleResize() {
       setWidth(window.innerWidth);
     }
     window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener('resize', handleResize);
   }, []);
-  var bannerParams = {
+  let bannerParams = {
     typeColor: COLORS.getColor('primary_100', theme),
     accentColor: COLORS.getColor('primary_700', theme),
     closeIconColor: COLORS.getColor('primary_500', theme),
@@ -114,7 +92,7 @@ var Banner = function Banner(_ref) {
       bannerParams.linkFocused = COLORS.getColor('correct_800', theme);
       break;
   }
-  var cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(fullWidth ? 'full-width-banner' : '');
+  const cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(fullWidth ? 'full-width-banner' : '');
   return /*#__PURE__*/_jsx(BannerContainerStyles, _objectSpread(_objectSpread({
     "data-testid": testId,
     $type: bannerParams.typeColor,
@@ -140,7 +118,7 @@ var Banner = function Banner(_ref) {
           color: bannerParams.accentColor,
           children: [children, "\xA0", link && linkText && /*#__PURE__*/_jsx(HyperLink, {
             id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-            onClick: function onClick(e) {
+            onClick: e => {
               if (linkAction) {
                 e.preventDefault();
                 linkAction(e);
@@ -158,9 +136,7 @@ var Banner = function Banner(_ref) {
             variant: "secondary",
             shape: "circular",
             useTransparentBackground: true,
-            action: function action() {
-              return onClose();
-            },
+            action: () => onClose(),
             children: /*#__PURE__*/_jsx(SystemIcons.Close, {
               color: bannerParams.closeIconColor,
               size: "24px"

package/dist/Banners/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","getColor","theme","$bottom","MEDIUM","LARGE","$link","$linkVisited","$linkFocused","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","_ref$type","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","variant","shape","useTransparentBackground","action","Close","propTypes","_pt","oneOf","string","func","bool","node"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","getColor","theme","$bottom","MEDIUM","LARGE","$link","$linkVisited","$linkFocused","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","type","children","bottom","testId","linkText","link","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties","_excluded","width","setWidth","useState","window","innerWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","accentColor","closeIconColor","Tip","containerType","focusBgColor","linkVisited","linkFocused","Help","TechnicalWarning","ThumbsUp","cls","concat","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","variant","shape","useTransparentBackground","action","Close","propTypes","_pt","oneOf","string","func","bool","node"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<{ $link?: string, $bottom?: boolean, $type: string; $linkVisited: string; $linkFocused: string }>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${props => (props.$bottom ? 'auto' : '0')};\r\n  border-radius: 4px;\r\n\r\n  button:last-child {\r\n    line-height: 0;\r\n    margin: 0 0 0 8px;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 0 0 32px;\r\n    }\r\n    &.small {\r\n      margin: 0 0 0 8px;\r\n    }\r\n    &.medium {\r\n      margin: 0 0 0 16px;\r\n    }\r\n    &.large {\r\n      margin: 0 0 0 32px;\r\n    }\r\n  }\r\n\r\n  ${StyledLink} {\r\n    &:link {\r\n      color: ${(props) => props.$link};\r\n    }\r\n    &:visited {\r\n      color: ${(props) => props.$linkVisited};\r\n    }\r\n    &:focus,\r\n    &:active {\r\n      background-color: ${(props) => props.$linkFocused};\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      $linkFocused={bannerParams.linkFocused}\r\n      $linkVisited={bannerParams.linkVisited}\r\n      $link={bannerParams.accentColor}\r\n      $bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}