@laerdal/life-react-components 3.5.0 → 3.5.1-dev.10

package/dist/Banners/Banner.cjs

@@ -5,7 +5,7 @@ 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"));
@@ -22,11 +22,14 @@ 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"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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) {
+/**
+ * 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 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.correct_100;
 }, _styles.COLORS.black, function (props) {
   return props.bottom ? 'auto' : '0';
@@ -38,16 +41,17 @@ var BannerContainerStyles = _styledComponents.default.div(_templateObject || (_t
   return props.linkFocused;
 }, _styles.COLORS.white);
 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);
+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"])));
+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) {
+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) : 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"])));
+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;
+/** 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,
@@ -63,9 +67,9 @@ var Banner = function Banner(_ref) {
     linkAction = _ref.linkAction,
     fullWidth = _ref.fullWidth,
     className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _React$useState = React.useState((0, _utils.hasWindow)() ? window.innerWidth : -1),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     width = _React$useState2[0],
     setWidth = _React$useState2[1];
   React.useEffect(function () {
@@ -80,7 +84,6 @@ var Banner = function Banner(_ref) {
   var bannerParams = {
     typeColor: _styles.COLORS.primary_100,
     accentColor: _styles.COLORS.primary_700,
-    hoverColor: _styles.COLORS.primary_20,
     closeIconColor: _styles.COLORS.primary_500,
     icon: _icons.SystemIcons.Tip,
     containerType: type,
@@ -93,7 +96,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = _styles.COLORS.warning_100;
       bannerParams.accentColor = _styles.COLORS.warning_700;
       bannerParams.focusBgColor = _styles.COLORS.warning_200;
-      bannerParams.hoverColor = _styles.COLORS.warning_20;
       bannerParams.icon = _icons.SystemIcons.Help;
       bannerParams.closeIconColor = _styles.COLORS.warning_500;
       bannerParams.linkVisited = _styles.COLORS.warning_800;
@@ -103,7 +105,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = _styles.COLORS.critical_100;
       bannerParams.accentColor = _styles.COLORS.critical_700;
       bannerParams.focusBgColor = _styles.COLORS.critical_200;
-      bannerParams.hoverColor = _styles.COLORS.critical_20;
       bannerParams.icon = _icons.SystemIcons.TechnicalWarning;
       bannerParams.closeIconColor = _styles.COLORS.critical_500;
       bannerParams.linkVisited = _styles.COLORS.critical_800;
@@ -113,7 +114,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = _styles.COLORS.correct_100;
       bannerParams.accentColor = _styles.COLORS.correct_700;
       bannerParams.focusBgColor = _styles.COLORS.correct_200;
-      bannerParams.hoverColor = _styles.COLORS.correct_20;
       bannerParams.icon = _icons.SystemIcons.ThumbsUp;
       bannerParams.closeIconColor = _styles.COLORS.correct_500;
       bannerParams.linkVisited = _styles.COLORS.correct_800;
@@ -127,7 +127,6 @@ var Banner = function Banner(_ref) {
     linkFocused: bannerParams.linkFocused,
     linkVisited: bannerParams.linkVisited,
     link: bannerParams.accentColor,
-    hover: bannerParams.hoverColor,
     bottom: bottom,
     className: cls,
     role: "note"
@@ -165,7 +164,6 @@ var Banner = function Banner(_ref) {
             variant: "secondary",
             shape: "circular",
             useTransparentBackground: true,
-            focusBackgroundColor: bannerParams.focusBgColor,
             action: function action() {
               return onClose();
             },
@@ -180,18 +178,17 @@ 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,
-  hover: _propTypes.default.string,
-  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;
+exports["default"] = _default;
 //# sourceMappingURL=Banner.cjs.map

package/dist/Banners/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":["BannerContainerStyles","styled","div","props","$type","COLORS","correct_100","black","bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","link","linkVisited","linkFocused","white","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","size","type","children","testId","linkText","onClose","icon","noIcon","linkAction","fullWidth","className","rest","React","useState","hasWindow","window","innerWidth","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","primary_100","accentColor","primary_700","hoverColor","primary_20","closeIconColor","primary_500","SystemIcons","Tip","containerType","focusBgColor","primary_200","primary_600","primary_800","warning_100","warning_700","warning_200","warning_20","Help","warning_500","warning_800","critical_100","critical_700","critical_200","critical_20","TechnicalWarning","critical_500","critical_800","correct_700","correct_200","correct_20","ThumbsUp","correct_500","correct_800","cls","color","Math","floor","random","e","preventDefault","hover"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled 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<StyleBannerProps>`\r\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${COLORS.black};\r\n  margin-top: ${(props: StyleBannerProps) => (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: ${COLORS.white};\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) : 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?: Size.Small | Size.Medium | Size.Large;\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  link?: string;\r\n  linkText?: string;\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  hover?: string;\r\n  bottom?: boolean;\r\n  testId?: string;\r\n  icon?: React.ReactNode;\r\n  onClose?: () => void;\r\n  noIcon?: boolean;\r\n  fullWidth?: boolean;\r\n};\r\n\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 [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.primary_100,\r\n    accentColor: COLORS.primary_700,\r\n    hoverColor: COLORS.primary_20,\r\n    closeIconColor: COLORS.primary_500,\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.primary_200,\r\n    linkVisited: COLORS.primary_600,\r\n    linkFocused: COLORS.primary_800,\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.warning_100;\r\n      bannerParams.accentColor = COLORS.warning_700;\r\n      bannerParams.focusBgColor = COLORS.warning_200;\r\n      bannerParams.hoverColor = COLORS.warning_20;\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.warning_500;\r\n      bannerParams.linkVisited = COLORS.warning_800;\r\n      bannerParams.linkFocused = COLORS.warning_800;\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.critical_100;\r\n      bannerParams.accentColor = COLORS.critical_700;\r\n      bannerParams.focusBgColor = COLORS.critical_200;\r\n      bannerParams.hoverColor = COLORS.critical_20;\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.critical_500;\r\n      bannerParams.linkVisited = COLORS.critical_800;\r\n      bannerParams.linkFocused = COLORS.critical_800;\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.correct_100;\r\n      bannerParams.accentColor = COLORS.correct_700;\r\n      bannerParams.focusBgColor = COLORS.correct_200;\r\n      bannerParams.hoverColor = COLORS.correct_20;\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.correct_500;\r\n      bannerParams.linkVisited = COLORS.correct_800;\r\n      bannerParams.linkFocused = COLORS.correct_800;\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      hover={bannerParams.hoverColor}\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 focusBackgroundColor={bannerParams.focusBgColor} 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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"}
+{"version":3,"file":"Banner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_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","correct_100","black","bottom","BREAKPOINTS","MEDIUM","LARGE","StyledLink","link","linkVisited","linkFocused","white","exports","BannerCenterStyles","ComponentMStyling","ComponentTextStyle","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","getButtonStyle","BannerContentWrapperStyles","Banner","_ref","size","_ref$type","type","children","testId","linkText","onClose","icon","noIcon","linkAction","fullWidth","className","rest","_objectWithoutProperties2","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","primary_100","accentColor","primary_700","closeIconColor","primary_500","SystemIcons","Tip","containerType","focusBgColor","primary_200","primary_600","primary_800","warning_100","warning_700","warning_200","Help","warning_500","warning_800","critical_100","critical_700","critical_200","TechnicalWarning","critical_500","critical_800","correct_700","correct_200","ThumbsUp","correct_500","correct_800","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 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<StyleBannerProps>`\r\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${COLORS.black};\r\n  margin-top: ${(props: StyleBannerProps) => (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: ${COLORS.white};\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) : 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 [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.primary_100,\r\n    accentColor: COLORS.primary_700,\r\n    closeIconColor: COLORS.primary_500,\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.primary_200,\r\n    linkVisited: COLORS.primary_600,\r\n    linkFocused: COLORS.primary_800,\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.warning_100;\r\n      bannerParams.accentColor = COLORS.warning_700;\r\n      bannerParams.focusBgColor = COLORS.warning_200;\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.warning_500;\r\n      bannerParams.linkVisited = COLORS.warning_800;\r\n      bannerParams.linkFocused = COLORS.warning_800;\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.critical_100;\r\n      bannerParams.accentColor = COLORS.critical_700;\r\n      bannerParams.focusBgColor = COLORS.critical_200;\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.critical_500;\r\n      bannerParams.linkVisited = COLORS.critical_800;\r\n      bannerParams.linkFocused = COLORS.critical_800;\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.correct_100;\r\n      bannerParams.accentColor = COLORS.correct_700;\r\n      bannerParams.focusBgColor = COLORS.correct_200;\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.correct_500;\r\n      bannerParams.linkVisited = COLORS.correct_800;\r\n      bannerParams.linkFocused = COLORS.correct_800;\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

@@ -5,8 +5,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["size", "type", "children", "bottom", "testId", "linkText", "link", "onClose", "icon", "noIcon", "linkAction", "fullWidth", "className"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';
@@ -40,6 +40,7 @@ export var BannerCloseButtonContainerStyles = styled.div(_templateObject4 || (_t
   return props.$type ? getButtonStyle(props.$type) : 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"])));
+/** 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,
@@ -72,7 +73,6 @@ var Banner = function Banner(_ref) {
   var bannerParams = {
     typeColor: COLORS.primary_100,
     accentColor: COLORS.primary_700,
-    hoverColor: COLORS.primary_20,
     closeIconColor: COLORS.primary_500,
     icon: SystemIcons.Tip,
     containerType: type,
@@ -85,7 +85,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = COLORS.warning_100;
       bannerParams.accentColor = COLORS.warning_700;
       bannerParams.focusBgColor = COLORS.warning_200;
-      bannerParams.hoverColor = COLORS.warning_20;
       bannerParams.icon = SystemIcons.Help;
       bannerParams.closeIconColor = COLORS.warning_500;
       bannerParams.linkVisited = COLORS.warning_800;
@@ -95,7 +94,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = COLORS.critical_100;
       bannerParams.accentColor = COLORS.critical_700;
       bannerParams.focusBgColor = COLORS.critical_200;
-      bannerParams.hoverColor = COLORS.critical_20;
       bannerParams.icon = SystemIcons.TechnicalWarning;
       bannerParams.closeIconColor = COLORS.critical_500;
       bannerParams.linkVisited = COLORS.critical_800;
@@ -105,7 +103,6 @@ var Banner = function Banner(_ref) {
       bannerParams.typeColor = COLORS.correct_100;
       bannerParams.accentColor = COLORS.correct_700;
       bannerParams.focusBgColor = COLORS.correct_200;
-      bannerParams.hoverColor = COLORS.correct_20;
       bannerParams.icon = SystemIcons.ThumbsUp;
       bannerParams.closeIconColor = COLORS.correct_500;
       bannerParams.linkVisited = COLORS.correct_800;
@@ -119,7 +116,6 @@ var Banner = function Banner(_ref) {
     linkFocused: bannerParams.linkFocused,
     linkVisited: bannerParams.linkVisited,
     link: bannerParams.accentColor,
-    hover: bannerParams.hoverColor,
     bottom: bottom,
     className: cls,
     role: "note"
@@ -157,7 +153,6 @@ var Banner = function Banner(_ref) {
             variant: "secondary",
             shape: "circular",
             useTransparentBackground: true,
-            focusBackgroundColor: bannerParams.focusBgColor,
             action: function action() {
               return onClose();
             },
@@ -176,7 +171,6 @@ Banner.propTypes = {
   link: _pt.string,
   linkText: _pt.string,
   linkAction: _pt.func,
-  hover: _pt.string,
   bottom: _pt.bool,
   testId: _pt.string,
   icon: _pt.node,

package/dist/Banners/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","BannerContainerStyles","div","props","$type","correct_100","black","bottom","MEDIUM","LARGE","link","linkVisited","linkFocused","white","BannerCenterStyles","Regular","BannerCloseButtonWrapperStyles","BannerCloseButtonContainerStyles","BannerContentWrapperStyles","Banner","size","type","children","testId","linkText","onClose","icon","noIcon","linkAction","fullWidth","className","rest","useState","window","innerWidth","width","setWidth","useEffect","handleResize","addEventListener","removeEventListener","bannerParams","typeColor","primary_100","accentColor","primary_700","hoverColor","primary_20","closeIconColor","primary_500","Tip","containerType","focusBgColor","primary_200","primary_600","primary_800","warning_100","warning_700","warning_200","warning_20","Help","warning_500","warning_800","critical_100","critical_700","critical_200","critical_20","TechnicalWarning","critical_500","critical_800","correct_700","correct_200","correct_20","ThumbsUp","correct_500","correct_800","cls","color","Math","floor","random","e","preventDefault","hover"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled 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<StyleBannerProps>`\r\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${COLORS.black};\r\n  margin-top: ${(props: StyleBannerProps) => (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: ${COLORS.white};\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) : 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?: Size.Small | Size.Medium | Size.Large;\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  link?: string;\r\n  linkText?: string;\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  hover?: string;\r\n  bottom?: boolean;\r\n  testId?: string;\r\n  icon?: React.ReactNode;\r\n  onClose?: () => void;\r\n  noIcon?: boolean;\r\n  fullWidth?: boolean;\r\n};\r\n\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 [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.primary_100,\r\n    accentColor: COLORS.primary_700,\r\n    hoverColor: COLORS.primary_20,\r\n    closeIconColor: COLORS.primary_500,\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.primary_200,\r\n    linkVisited: COLORS.primary_600,\r\n    linkFocused: COLORS.primary_800,\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.warning_100;\r\n      bannerParams.accentColor = COLORS.warning_700;\r\n      bannerParams.focusBgColor = COLORS.warning_200;\r\n      bannerParams.hoverColor = COLORS.warning_20;\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.warning_500;\r\n      bannerParams.linkVisited = COLORS.warning_800;\r\n      bannerParams.linkFocused = COLORS.warning_800;\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.critical_100;\r\n      bannerParams.accentColor = COLORS.critical_700;\r\n      bannerParams.focusBgColor = COLORS.critical_200;\r\n      bannerParams.hoverColor = COLORS.critical_20;\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.critical_500;\r\n      bannerParams.linkVisited = COLORS.critical_800;\r\n      bannerParams.linkFocused = COLORS.critical_800;\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.correct_100;\r\n      bannerParams.accentColor = COLORS.correct_700;\r\n      bannerParams.focusBgColor = COLORS.correct_200;\r\n      bannerParams.hoverColor = COLORS.correct_20;\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.correct_500;\r\n      bannerParams.linkVisited = COLORS.correct_800;\r\n      bannerParams.linkFocused = COLORS.correct_800;\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      hover={bannerParams.hoverColor}\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 focusBackgroundColor={bannerParams.focusBgColor} 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":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAQ,WAAW;AACnE,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,cAAc,QAAQ,UAAU;AAEzC,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,WAAW;AAClE,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,gBAAgB;;AAE1C;AACA;AACA;AAFA;AAAA;AAKA,OAAO,IAAMC,qBAAqB,GAAGZ,MAAM,CAACa,GAAG,0uBAC/B,UAACC,KAAuB;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAGD,KAAK,CAACC,KAAK,GAAGb,MAAM,CAACc,WAAW;AAAA,CAAC,EAGlFd,MAAM,CAACe,KAAK,EACP,UAACH,KAAuB;EAAA,OAAMA,KAAK,CAACI,MAAM,GAAG,MAAM,GAAG,GAAG;AAAA,CAAC,EAMpEjB,WAAW,CAACkB,MAAM,EAGlBlB,WAAW,CAACmB,KAAK,EAcnBV,UAAU,EAEC,UAACI,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI;AAAA,GAGrB,UAACP,KAAK;EAAA,OAAKA,KAAK,CAACQ,WAAW;AAAA,GAIjB,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACS,WAAW;AAAA,GACvCrB,MAAM,CAACsB,KAAK,CAO1B;AAED,OAAO,IAAMC,kBAAkB,GAAGzB,MAAM,CAACa,GAAG,6pBACxCN,iBAAiB,CAACJ,kBAAkB,CAACuB,OAAO,EAAE,IAAI,CAAC,EAKnDzB,WAAW,CAACkB,MAAM,EAGlBlB,WAAW,CAACmB,KAAK,EAqBfnB,WAAW,CAACkB,MAAM,EAGlBlB,WAAW,CAACmB,KAAK,CAgBtB;AAED,OAAO,IAAMO,8BAA8B,GAAG3B,MAAM,CAACa,GAAG,gGAEvD;AAED,OAAO,IAAMe,gCAAgC,GAAG5B,MAAM,CAACa,GAAG,yGAEtD,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAGT,cAAc,CAACQ,KAAK,CAACC,KAAK,CAAC,GAAG,IAAI;AAAA,CAAC,CAChE;AAED,OAAO,IAAMc,0BAA0B,GAAG7B,MAAM,CAACa,GAAG,2LAOnD;AAiBD,IAAMiB,MAA4C,GAAG,SAA/CA,MAA4C,OAe5C;EAAA,IAdJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,QAAQ,QAARA,QAAQ;IACRf,MAAM,QAANA,MAAM;IACNgB,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRd,IAAI,QAAJA,IAAI;IACJe,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACNC,IAAI;EAEP,sBAA0B3C,KAAK,CAAC4C,QAAQ,CAAShC,SAAS,EAAE,GAAGiC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EC,KAAK;IAAEC,QAAQ;EACtBhD,KAAK,CAACiD,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACH,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACM,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAML,MAAM,CAACO,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIG,YAAY,GAAG;IACjBC,SAAS,EAAEnD,MAAM,CAACoD,WAAW;IAC7BC,WAAW,EAAErD,MAAM,CAACsD,WAAW;IAC/BC,UAAU,EAAEvD,MAAM,CAACwD,UAAU;IAC7BC,cAAc,EAAEzD,MAAM,CAAC0D,WAAW;IAClCvB,IAAI,EAAEjC,WAAW,CAACyD,GAAG;IACrBC,aAAa,EAAE9B,IAAI;IACnB+B,YAAY,EAAE7D,MAAM,CAAC8D,WAAW;IAChC1C,WAAW,EAAEpB,MAAM,CAAC+D,WAAW;IAC/B1C,WAAW,EAAErB,MAAM,CAACgE;EACtB,CAAC;EACD,QAAQlC,IAAI;IACV,KAAK,SAAS;MACZoB,YAAY,CAACC,SAAS,GAAGnD,MAAM,CAACiE,WAAW;MAC3Cf,YAAY,CAACG,WAAW,GAAGrD,MAAM,CAACkE,WAAW;MAC7ChB,YAAY,CAACW,YAAY,GAAG7D,MAAM,CAACmE,WAAW;MAC9CjB,YAAY,CAACK,UAAU,GAAGvD,MAAM,CAACoE,UAAU;MAC3ClB,YAAY,CAACf,IAAI,GAAGjC,WAAW,CAACmE,IAAI;MACpCnB,YAAY,CAACO,cAAc,GAAGzD,MAAM,CAACsE,WAAW;MAChDpB,YAAY,CAAC9B,WAAW,GAAGpB,MAAM,CAACuE,WAAW;MAC7CrB,YAAY,CAAC7B,WAAW,GAAGrB,MAAM,CAACuE,WAAW;MAC7C;IACF,KAAK,UAAU;MACbrB,YAAY,CAACC,SAAS,GAAGnD,MAAM,CAACwE,YAAY;MAC5CtB,YAAY,CAACG,WAAW,GAAGrD,MAAM,CAACyE,YAAY;MAC9CvB,YAAY,CAACW,YAAY,GAAG7D,MAAM,CAAC0E,YAAY;MAC/CxB,YAAY,CAACK,UAAU,GAAGvD,MAAM,CAAC2E,WAAW;MAC5CzB,YAAY,CAACf,IAAI,GAAGjC,WAAW,CAAC0E,gBAAgB;MAChD1B,YAAY,CAACO,cAAc,GAAGzD,MAAM,CAAC6E,YAAY;MACjD3B,YAAY,CAAC9B,WAAW,GAAGpB,MAAM,CAAC8E,YAAY;MAC9C5B,YAAY,CAAC7B,WAAW,GAAGrB,MAAM,CAAC8E,YAAY;MAC9C;IACF,KAAK,UAAU;MACb5B,YAAY,CAACC,SAAS,GAAGnD,MAAM,CAACc,WAAW;MAC3CoC,YAAY,CAACG,WAAW,GAAGrD,MAAM,CAAC+E,WAAW;MAC7C7B,YAAY,CAACW,YAAY,GAAG7D,MAAM,CAACgF,WAAW;MAC9C9B,YAAY,CAACK,UAAU,GAAGvD,MAAM,CAACiF,UAAU;MAC3C/B,YAAY,CAACf,IAAI,GAAGjC,WAAW,CAACgF,QAAQ;MACxChC,YAAY,CAACO,cAAc,GAAGzD,MAAM,CAACmF,WAAW;MAChDjC,YAAY,CAAC9B,WAAW,GAAGpB,MAAM,CAACoF,WAAW;MAC7ClC,YAAY,CAAC7B,WAAW,GAAGrB,MAAM,CAACoF,WAAW;MAC7C;EAAM;EAGV,IAAMC,GAAG,aAAM9C,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,SAAS,GAAG,mBAAmB,GAAG,EAAE,CAAE;EAExE,oBACE,KAAC,qBAAqB;IACpB,eAAaN,MAAO;IACpB,KAAK,EAAEkB,YAAY,CAACC,SAAU;IAC9B,WAAW,EAAED,YAAY,CAAC7B,WAAY;IACtC,WAAW,EAAE6B,YAAY,CAAC9B,WAAY;IACtC,IAAI,EAAE8B,YAAY,CAACG,WAAY;IAC/B,KAAK,EAAEH,YAAY,CAACK,UAAW;IAC/B,MAAM,EAAEvC,MAAO;IACf,SAAS,EAAEqE,GAAI;IACf,IAAI,EAAC;EAAM,GACP7C,IAAI;IAAA,uBACR,MAAC,kBAAkB;MAAC,KAAK,EAAE;QAAE8C,KAAK,EAAEpC,YAAY,CAACG;MAAY,CAAE;MAAC,SAAS,EAAExB,IAAK;MAAA,WAC7EM,IAAI,GAAGA,IAAI,GAAGC,MAAM,GAAG,IAAI,gBAAG,KAAC,YAAY,CAAC,IAAI;QAAC,KAAK,EAAEc,YAAY,CAACG,WAAY;QAAC,IAAI,EAAC;MAAM,EAAG,eACjG,KAAC,0BAA0B;QAAA,uBACzB,MAAC,mBAAmB;UAAC,IAAI,EAAExB,IAAK;UAAC,KAAK,EAAEe,KAAM;UAAC,KAAK,EAAEM,YAAY,CAACG,WAAY;UAAA,WAC5EtB,QAAQ,EAAC,MACV,EAACZ,IAAI,IAAIc,QAAQ,iBACf,KAAC,SAAS;YACR,EAAE,YAAKsD,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,gBAAc;YAC7D,OAAO,EAAE,iBAACC,CAAC,EAAK;cACd,IAAIrD,UAAU,EAAE;gBACdqD,CAAC,CAACC,cAAc,EAAE;gBAClBtD,UAAU,CAACqD,CAAC,CAAC;cACf;YACF,CAAE;YACF,IAAI,EAAEvE,IAAK;YACX,OAAO,EAAC,SAAS;YAAA,UAChBc;UAAQ,EAEZ;QAAA;MACmB,EACK,EAC5BC,OAAO,iBACN,KAAC,8BAA8B;QAAA,uBAC7B,KAAC,gCAAgC;UAAC,KAAK,EAAEgB,YAAY,CAACU,aAAc;UAAA,uBAClE,KAAC,UAAU;YAAC,OAAO,EAAC,WAAW;YAAC,KAAK,EAAC,UAAU;YAAC,wBAAwB;YAAC,oBAAoB,EAAEV,YAAY,CAACW,YAAa;YAAC,MAAM,EAAE;cAAA,OAAM3B,OAAO,EAAE;YAAA,CAAC;YAAA,uBACjJ,KAAC,WAAW,CAAC,KAAK;cAAC,KAAK,EAAEgB,YAAY,CAACO,cAAe;cAAC,IAAI,EAAC;YAAM;UAAG;QAC1D;MACoB,EAEtC;IAAA;EACkB,GACC;AAE5B,CAAC;AAAC;EAjIA3B,IAAI,aAAG,SAAS,EAAG,UAAU,EAAG,UAAU,EAAG,SAAS;EACtDX,IAAI;EACJc,QAAQ;EACRI,UAAU;EACVuD,KAAK;EACL5E,MAAM;EACNgB,MAAM;EACNG,IAAI;EACJD,OAAO;EACPE,MAAM;EACNE,SAAS;AAAA;AAyHX,eAAeV,MAAM"}
+{"version":3,"file":"Banner.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","correct_100","black","bottom","MEDIUM","LARGE","link","linkVisited","linkFocused","white","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","_ref$type","type","children","testId","linkText","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","primary_100","accentColor","primary_700","closeIconColor","primary_500","Tip","containerType","focusBgColor","primary_200","primary_600","primary_800","warning_100","warning_700","warning_200","Help","warning_500","warning_800","critical_100","critical_700","critical_200","TechnicalWarning","critical_500","critical_800","correct_700","correct_200","ThumbsUp","correct_500","correct_800","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 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<StyleBannerProps>`\r\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${COLORS.black};\r\n  margin-top: ${(props: StyleBannerProps) => (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: ${COLORS.white};\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) : 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 [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.primary_100,\r\n    accentColor: COLORS.primary_700,\r\n    closeIconColor: COLORS.primary_500,\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.primary_200,\r\n    linkVisited: COLORS.primary_600,\r\n    linkFocused: COLORS.primary_800,\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.warning_100;\r\n      bannerParams.accentColor = COLORS.warning_700;\r\n      bannerParams.focusBgColor = COLORS.warning_200;\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.warning_500;\r\n      bannerParams.linkVisited = COLORS.warning_800;\r\n      bannerParams.linkFocused = COLORS.warning_800;\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.critical_100;\r\n      bannerParams.accentColor = COLORS.critical_700;\r\n      bannerParams.focusBgColor = COLORS.critical_200;\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.critical_500;\r\n      bannerParams.linkVisited = COLORS.critical_800;\r\n      bannerParams.linkFocused = COLORS.critical_800;\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.correct_100;\r\n      bannerParams.accentColor = COLORS.correct_700;\r\n      bannerParams.focusBgColor = COLORS.correct_200;\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.correct_500;\r\n      bannerParams.linkVisited = COLORS.correct_800;\r\n      bannerParams.linkFocused = COLORS.correct_800;\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/OverviewBanner.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.OverviewBannerWrapperStyles = exports.OverviewBannerContentStyles = void 0;
+exports["default"] = exports.OverviewBannerWrapperStyles = exports.OverviewBannerContentStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -17,18 +17,18 @@ var _Layouts = require("../Layouts");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "testId"];
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var OverviewBannerWrapperStyles = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), _styles.COLORS.primary_20);
+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 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 OverviewBannerWrapperStyles = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n"])), _styles.COLORS.primary_20);
 exports.OverviewBannerWrapperStyles = OverviewBannerWrapperStyles;
-var OverviewBannerContentStyles = (0, _styledComponents.default)(_Layouts.PageWidth)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n    padding: 48px 12px;\n  }\n\n  & > *:first-child {\n    padding-top: 12px;\n    width: 320px;\n    height: 180px;\n\n    ", " {\n      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n\n  & h2, h3, h4, h5, h6 {\n    margin: 16px 0 24px 0;\n  }\n\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n\n    ", " {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n"])), _styles.COLORS.primary_20, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM);
+var OverviewBannerContentStyles = (0, _styledComponents["default"])(_Layouts.PageWidth)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n    padding: 48px 12px;\n  }\n\n  & > *:first-child {\n    padding-top: 12px;\n    width: 320px;\n    height: 180px;\n\n    ", " {\n      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n\n  & h2, h3, h4, h5, h6 {\n    margin: 16px 0 24px 0;\n  }\n\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n\n    ", " {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n"])), _styles.COLORS.primary_20, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM);
 exports.OverviewBannerContentStyles = OverviewBannerContentStyles;
 var OverviewBanner = function OverviewBanner(_ref) {
   var children = _ref.children,
     testId = _ref.testId,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(OverviewBannerWrapperStyles, _objectSpread(_objectSpread({}, rest), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OverviewBannerContentStyles, {
       "data-testid": testId,
@@ -37,9 +37,9 @@ var OverviewBanner = function OverviewBanner(_ref) {
   }));
 };
 OverviewBanner.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  testId: _propTypes.default.string
+  children: _propTypes["default"].any.isRequired,
+  testId: _propTypes["default"].string
 };
 var _default = OverviewBanner;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=OverviewBanner.cjs.map

package/dist/Banners/OverviewBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewBanner.cjs","names":["OverviewBannerWrapperStyles","styled","div","COLORS","primary_20","OverviewBannerContentStyles","PageWidth","BREAKPOINTS","MEDIUM","OverviewBanner","children","testId","rest"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${COLORS.primary_20};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${COLORS.primary_20};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9B,IAAMA,2BAA2B,GAAGC,yBAAM,CAACC,GAAG,iHAC/BC,cAAM,CAACC,UAAU,CACtC;AAAC;AAEK,IAAMC,2BAA2B,GAAG,IAAAJ,yBAAM,EAACK,kBAAS,CAAC,w4BACtCH,cAAM,CAACC,UAAU,EAMnCG,mBAAW,CAACC,MAAM,EAUhBD,mBAAW,CAACC,MAAM,EAyBlBD,mBAAW,CAACC,MAAM,CAOvB;AAAC;AAIF,IAAMC,cAAc,GAAG,SAAjBA,cAAc,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAKC,IAAI;EACjD,oBACE,qBAAC,2BAA2B,kCAAKA,IAAI;IAAA,uBACnC,qBAAC,2BAA2B;MAAC,eAAaD,MAAO;MAAA,UAAED;IAAQ;EAA+B,GAC9D;AAElC,CAAC;AAAC;EARkCA,QAAQ;EAAOC,MAAM;AAAA;AAAA,eAU1CF,cAAc;AAAA"}
+{"version":3,"file":"OverviewBanner.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_Layouts","_jsxRuntime","_excluded","_templateObject","_templateObject2","_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","OverviewBannerWrapperStyles","styled","div","_taggedTemplateLiteral2","COLORS","primary_20","exports","OverviewBannerContentStyles","PageWidth","BREAKPOINTS","MEDIUM","OverviewBanner","_ref","children","testId","rest","_objectWithoutProperties2","jsx","propTypes","_propTypes","any","isRequired","string","_default"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${COLORS.primary_20};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${COLORS.primary_20};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Banners/OverviewBanner.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["children", "testId"];
 var _templateObject, _templateObject2;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { BREAKPOINTS, COLORS } from '../styles';

package/dist/Banners/OverviewBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewBanner.js","names":["React","styled","BREAKPOINTS","COLORS","PageWidth","OverviewBannerWrapperStyles","div","primary_20","OverviewBannerContentStyles","MEDIUM","OverviewBanner","children","testId","rest"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${COLORS.primary_20};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${COLORS.primary_20};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,EAAEC,MAAM,QAAO,WAAW;AAC7C,SAAQC,SAAS,QAAO,YAAY;AAAC;AAErC,OAAO,IAAMC,2BAA2B,GAAGJ,MAAM,CAACK,GAAG,mGAC/BH,MAAM,CAACI,UAAU,CACtC;AAED,OAAO,IAAMC,2BAA2B,GAAGP,MAAM,CAACG,SAAS,CAAC,03BACtCD,MAAM,CAACI,UAAU,EAMnCL,WAAW,CAACO,MAAM,EAUhBP,WAAW,CAACO,MAAM,EAyBlBP,WAAW,CAACO,MAAM,CAOvB;AAID,IAAMC,cAAc,GAAG,SAAjBA,cAAc,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAKC,IAAI;EACjD,oBACE,KAAC,2BAA2B,kCAAKA,IAAI;IAAA,uBACnC,KAAC,2BAA2B;MAAC,eAAaD,MAAO;MAAA,UAAED;IAAQ;EAA+B,GAC9D;AAElC,CAAC;AAAC;EARkCA,QAAQ;EAAOC,MAAM;AAAA;AAUzD,eAAeF,cAAc"}
+{"version":3,"file":"OverviewBanner.js","names":["React","styled","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","OverviewBannerWrapperStyles","div","_templateObject","_taggedTemplateLiteral","primary_20","OverviewBannerContentStyles","_templateObject2","MEDIUM","OverviewBanner","_ref","children","testId","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","any","isRequired","string"],"sources":["../../src/Banners/OverviewBanner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {BREAKPOINTS, COLORS} from '../styles';\r\nimport {PageWidth} from '../Layouts';\r\n\r\nexport const OverviewBannerWrapperStyles = styled.div`\r\n  background-color: ${COLORS.primary_20};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${COLORS.primary_20};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    padding: 48px 12px;\r\n  }\r\n\r\n  & > *:first-child {\r\n    padding-top: 12px;\r\n    width: 320px;\r\n    height: 180px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      padding-top: 0;\r\n      margin-right: 20px;\r\n      width: 384px;\r\n      height: 216px;\r\n    }\r\n  }\r\n\r\n  & h2, h3, h4, h5, h6 {\r\n    margin: 16px 0 24px 0;\r\n  }\r\n\r\n  & p {\r\n    margin: 0;\r\n    padding: 0 0 28px 0;\r\n    max-width: 310px;\r\n  }\r\n\r\n  & div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    margin-bottom: 18px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin-left: 20px;\r\n      align-items: start;\r\n      justify-content: start;\r\n      width: 384px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport type OverviewBannerProps = { children: any; testId?: string } & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nconst OverviewBanner = ({ children, testId, ...rest }: OverviewBannerProps) => {\r\n  return (\r\n    <OverviewBannerWrapperStyles {...rest}>\r\n      <OverviewBannerContentStyles data-testid={testId}>{children}</OverviewBannerContentStyles>\r\n    </OverviewBannerWrapperStyles>\r\n  );\r\n};\r\n\r\nexport default OverviewBanner;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,EAAEC,MAAM,QAAO,WAAW;AAC7C,SAAQC,SAAS,QAAO,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,OAAO,IAAMC,2BAA2B,GAAGN,MAAM,CAACO,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sCAC/BP,MAAM,CAACQ,UAAU,CACtC;AAED,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACG,SAAS,CAAC,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,2zBACtCP,MAAM,CAACQ,UAAU,EAMnCT,WAAW,CAACY,MAAM,EAUhBZ,WAAW,CAACY,MAAM,EAyBlBZ,WAAW,CAACY,MAAM,CAOvB;AAID,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA2D;EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAKC,IAAI,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjD,oBACEf,IAAA,CAACC,2BAA2B,EAAAe,aAAA,CAAAA,aAAA,KAAKH,IAAI;IAAAF,QAAA,eACnCX,IAAA,CAACM,2BAA2B;MAAC,eAAaM,MAAO;MAAAD,QAAA,EAAEA;IAAQ,CAA8B;EAAC,EAC/D,CAAC;AAElC,CAAC;AAACF,cAAA,CAAAQ,SAAA;EARkCN,QAAQ,EAAAO,GAAA,CAAAC,GAAA,CAAAC,UAAA;EAAOR,MAAM,EAAAM,GAAA,CAAAG;AAAA;AAUzD,eAAeZ,cAAc","ignoreList":[]}

package/dist/Banners/index.cjs

@@ -11,13 +11,13 @@ var _exportNames = {
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function get() {
-    return _Banner.default;
+    return _Banner["default"];
   }
 });
 Object.defineProperty(exports, "OverviewBanner", {
   enumerable: true,
   get: function get() {
-    return _OverviewBanner.default;
+    return _OverviewBanner["default"];
   }
 });
 var _Banner = _interopRequireWildcard(require("./Banner"));
@@ -44,6 +44,6 @@ Object.keys(_OverviewBanner).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _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; }
 //# sourceMappingURL=index.cjs.map

package/dist/Banners/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AADA;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAiC;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Banner","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_OverviewBanner","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,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,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AADA,IAAAS,eAAA,GAAAd,uBAAA,CAAAC,OAAA;AAEAC,MAAA,CAAAC,IAAA,CAAAW,eAAA,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,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAiC,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":[]}

package/dist/Banners/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Banner","OverviewBanner"],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,UAAU;AACxB,cAAc,kBAAkB"}
+{"version":3,"file":"index.js","names":["default","Banner","OverviewBanner"],"sources":["../../src/Banners/index.ts"],"sourcesContent":["export { default as Banner } from './Banner';\r\nexport { default as OverviewBanner } from './OverviewBanner';\r\nexport * from './Banner';\r\nexport * from './OverviewBanner';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,cAAc,QAAQ,kBAAkB;AAC5D,cAAc,UAAU;AACxB,cAAc,kBAAkB","ignoreList":[]}

package/dist/Banners/styles.cjs

@@ -55,7 +55,7 @@ var getButtonStyle = function getButtonStyle(type) {
       };
       break;
   }
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", " {\n    div {\n      background-color: transparent;\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n    &:hover:not(:disabled) {\n      div {\n        background-color: ", ";\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n    &:active:not(:disabled) {\n      div {\n        background: ", ";\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n  }"])), _Iconbutton.StyledSecondaryIconButton, style.svgFill, style.hoverBgColor, style.hoverSvgFill, style.activeBgColor, style.activeSvgFill);
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    ", " {\n    div {\n      background-color: transparent;\n    }\n    div svg path,\n    div svg {\n      fill: ", ";\n    }\n    &:hover:not(:disabled) {\n      div {\n        background-color: ", ";\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n    &:active:not(:disabled) {\n      div {\n        background: ", ";\n      }\n      div svg path,\n      div svg {\n        fill: ", ";\n      }\n    }\n  }"])), _Iconbutton.IconButtonStyledSecondary, style.svgFill, style.hoverBgColor, style.hoverSvgFill, style.activeBgColor, style.activeSvgFill);
 };
 exports.getButtonStyle = getButtonStyle;
 //# sourceMappingURL=styles.cjs.map