@laerdal/life-react-components 4.0.2 → 4.0.4

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

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(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; }
+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; }
 import * as React from 'react';
 import styled, { useTheme } from 'styled-components';
 import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';

package/dist/Banners/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","jsx","_jsx","jsxs","_jsxs","BannerContainerStyles","div","_templateObject","_taggedTemplateLiteral","props","$type","getColor","theme","bottom","MEDIUM","LARGE","link","linkVisited","linkFocused","BannerCenterStyles","_templateObject2","Regular","BannerCloseButtonWrapperStyles","_templateObject3","BannerCloseButtonContainerStyles","_templateObject4","BannerContentWrapperStyles","_templateObject5","Banner","_ref","size","_ref$type","type","children","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","accentColor","closeIconColor","Tip","containerType","focusBgColor","Help","TechnicalWarning","ThumbsUp","cls","concat","_objectSpread","role","style","color","id","Math","floor","random","onClick","e","preventDefault","href","variant","shape","useTransparentBackground","action","Close","propTypes","_pt","oneOf","string","func","bool","node"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { $type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<StyleBannerProps>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${(props: 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: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      linkFocused={bannerParams.linkFocused}\r\n      linkVisited={bannerParams.linkVisited}\r\n      link={bannerParams.accentColor}\r\n      bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Banner.js","names":["React","styled","useTheme","BREAKPOINTS","COLORS","ComponentTextStyle","SystemIcons","IconButton","getButtonStyle","ComponentMStyling","ComponentResponsive","HyperLink","StyledLink","hasWindow","BannerContainerStyles","div","props","$type","getColor","theme","bottom","MEDIUM","LARGE","link","linkVisited","linkFocused","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","accentColor","closeIconColor","Tip","containerType","focusBgColor","Help","TechnicalWarning","ThumbsUp","cls","color","Math","floor","random","e","preventDefault"],"sources":["../../src/Banners/Banner.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\n\r\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { IconButton } from '../Button';\r\nimport { getButtonStyle } from './styles';\r\nimport { Size } from '../types';\r\nimport { ComponentMStyling, ComponentResponsive } from '../styles';\r\nimport { HyperLink } from '../HyperLink';\r\nimport { StyledLink } from '../HyperLink';\r\nimport { hasWindow } from '../utils/utils';\r\n\r\n/**\r\n * Styles for <Banner />\r\n */\r\nexport type StyleBannerProps = BannerProps & { $type: string; linkVisited: string; linkFocused: string };\r\n\r\nexport const BannerContainerStyles = styled.div<StyleBannerProps>`\r\n  background: ${props => (props.$type ? props.$type : COLORS.getColor('correct_100', props.theme))};\r\n  min-height: 48px;\r\n  display: flex;\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n  margin-top: ${(props: 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: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.full-width-banner {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const BannerCenterStyles = styled.div`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n\r\n  display: flex;\r\n  width: 100%;\r\n  margin: 0 16px;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: 0 56px;\r\n  }\r\n  &.small {\r\n    margin: 0 16px;\r\n  }\r\n  &.medium {\r\n    margin: 0 32px;\r\n  }\r\n  &.large {\r\n    margin: 0 64px;\r\n  }\r\n\r\n  > svg {\r\n    flex-shrink: 0;\r\n    margin: 12px 0;\r\n  }\r\n\r\n  .full-width-banner & {\r\n    margin: 0 16px;\r\n\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      margin: 0 32px;\r\n    }\r\n    ${BREAKPOINTS.LARGE} {\r\n      margin: 0 64px;\r\n    }\r\n\r\n    &.small {\r\n      margin: 0 16px;\r\n    }\r\n\r\n    &.medium {\r\n      margin: 0 32px;\r\n    }\r\n\r\n    &.large {\r\n      margin: 0 64px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BannerCloseButtonWrapperStyles = styled.div`\r\n  margin: 0 0 0 auto;\r\n`;\r\n\r\nexport const BannerCloseButtonContainerStyles = styled.div<{ $type?: string }>`\r\n  display: contents;\r\n  ${(props) => (props.$type ? getButtonStyle(props.$type, props.theme) : null)};\r\n`;\r\n\r\nexport const BannerContentWrapperStyles = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  margin: 12px 0;\r\n  &:not(:first-child) {\r\n    margin-left: 8px;\r\n  }\r\n`;\r\n\r\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Size of the banner. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Type of the banner. Different types have different color schemes. */\r\n  type?: 'warning' | 'critical' | 'positive' | 'neutral';\r\n  /** Link that will be shown after the children of the component. */\r\n  link?: string;\r\n  /** Text of the link */\r\n  linkText?: string;\r\n  /** If provided, then after user clicks on the link instead of following the link this method will be executed. */\r\n  linkAction?: (ev: React.MouseEvent) => void;\r\n  /** If set to true, then Banner will have 'margin-top' set to auto, and will render it at the bottom of the parent. */\r\n  bottom?: boolean;\r\n  /** For testing purposes. Will be set on top level container. */\r\n  testId?: string;\r\n  /** Icon to be shown instead of default icon on the left side of the Banner. */\r\n  icon?: React.ReactNode;\r\n  /** Callback event to be executed when user clicks on Close button. */\r\n  onClose?: () => void;\r\n  /** By default different banner types have different icons shown. If this flag is set, then no icon will be shown */\r\n  noIcon?: boolean;\r\n  /** Modifies margin of the banner for the cases when Banner stretches to full page width. */\r\n  fullWidth?: boolean;\r\n};\r\n\r\n/** Banner component is used as a middle-interrupting message to the user with zero to one actions. */\r\nconst Banner: React.FunctionComponent<BannerProps> = ({\r\n  size,\r\n  type = 'neutral',\r\n  children,\r\n  bottom,\r\n  testId,\r\n  linkText,\r\n  link,\r\n  onClose,\r\n  icon,\r\n  noIcon,\r\n  linkAction,\r\n  fullWidth,\r\n  className,\r\n  ...rest\r\n}) => {\r\n  const theme = useTheme();\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  let bannerParams = {\r\n    typeColor: COLORS.getColor('primary_100', theme),\r\n    accentColor: COLORS.getColor('primary_700', theme),\r\n    closeIconColor: COLORS.getColor('primary_500', theme),\r\n    icon: SystemIcons.Tip,\r\n    containerType: type,\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    linkVisited: COLORS.getColor('primary_600', theme),\r\n    linkFocused: COLORS.getColor('primary_800', theme),\r\n  };\r\n  switch (type) {\r\n    case 'warning':\r\n      bannerParams.typeColor = COLORS.getColor('warning_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('warning_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('warning_200', theme);\r\n      bannerParams.icon = SystemIcons.Help;\r\n      bannerParams.closeIconColor = COLORS.getColor('warning_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('warning_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('warning_800', theme);\r\n      break;\r\n    case 'critical':\r\n      bannerParams.typeColor = COLORS.getColor('critical_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('critical_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('critical_200', theme);\r\n      bannerParams.icon = SystemIcons.TechnicalWarning;\r\n      bannerParams.closeIconColor = COLORS.getColor('critical_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('critical_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('critical_800', theme);\r\n      break;\r\n    case 'positive':\r\n      bannerParams.typeColor = COLORS.getColor('correct_100', theme);\r\n      bannerParams.accentColor = COLORS.getColor('correct_700', theme);\r\n      bannerParams.focusBgColor = COLORS.getColor('correct_200', theme);\r\n      bannerParams.icon = SystemIcons.ThumbsUp;\r\n      bannerParams.closeIconColor = COLORS.getColor('correct_500', theme);\r\n      bannerParams.linkVisited = COLORS.getColor('correct_800', theme);\r\n      bannerParams.linkFocused = COLORS.getColor('correct_800', theme);\r\n      break;\r\n  }\r\n\r\n  const cls = `${className ?? ''} ${fullWidth ? 'full-width-banner' : ''}`;\r\n\r\n  return (\r\n    <BannerContainerStyles\r\n      data-testid={testId}\r\n      $type={bannerParams.typeColor}\r\n      linkFocused={bannerParams.linkFocused}\r\n      linkVisited={bannerParams.linkVisited}\r\n      link={bannerParams.accentColor}\r\n      bottom={bottom}\r\n      className={cls}\r\n      role=\"note\"\r\n      {...rest}>\r\n      <BannerCenterStyles style={{ color: bannerParams.accentColor }} className={size}>\r\n        {icon ? icon : noIcon ? null : <bannerParams.icon color={bannerParams.accentColor} size=\"24px\" />}\r\n        <BannerContentWrapperStyles>\r\n          <ComponentResponsive size={size} width={width} color={bannerParams.accentColor}>\r\n            {children}&nbsp;\r\n            {link && linkText && (\r\n              <HyperLink\r\n                id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`}\r\n                onClick={(e) => {\r\n                  if (linkAction) {\r\n                    e.preventDefault();\r\n                    linkAction(e);\r\n                  }\r\n                }}\r\n                href={link}\r\n                variant=\"default\">\r\n                {linkText}\r\n              </HyperLink>\r\n            )}\r\n          </ComponentResponsive>\r\n        </BannerContentWrapperStyles>\r\n        {onClose && (\r\n          <BannerCloseButtonWrapperStyles>\r\n            <BannerCloseButtonContainerStyles $type={bannerParams.containerType}>\r\n              <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground action={() => onClose()}>\r\n                <SystemIcons.Close color={bannerParams.closeIconColor} size=\"24px\" />\r\n              </IconButton>\r\n            </BannerCloseButtonContainerStyles>\r\n          </BannerCloseButtonWrapperStyles>\r\n        )}\r\n      </BannerCenterStyles>\r\n    </BannerContainerStyles>\r\n  );\r\n};\r\n\r\nexport default Banner;\r\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,QAAQ,QAAQ,mBAAmB;AAEpD,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,GAAGb,MAAM,CAACc,GAAG,0uBAC/B,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,KAAK,GAAGD,KAAK,CAACC,KAAK,GAAGb,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,CAAC,EAGvF,UAAAH,KAAK;EAAA,OAAIZ,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzC,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,GACvC,UAAAT,KAAK;EAAA,OAAIZ,MAAM,CAACc,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAO5D;AAED,OAAO,IAAMO,kBAAkB,GAAGzB,MAAM,CAACc,GAAG,6pBACxCN,iBAAiB,CAACJ,kBAAkB,CAACsB,OAAO,EAAE,IAAI,CAAC,EAKnDxB,WAAW,CAACkB,MAAM,EAGlBlB,WAAW,CAACmB,KAAK,EAqBfnB,WAAW,CAACkB,MAAM,EAGlBlB,WAAW,CAACmB,KAAK,CAgBtB;AAED,OAAO,IAAMM,8BAA8B,GAAG3B,MAAM,CAACc,GAAG,gGAEvD;AAED,OAAO,IAAMc,gCAAgC,GAAG5B,MAAM,CAACc,GAAG,yGAEtD,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAGT,cAAc,CAACQ,KAAK,CAACC,KAAK,EAAED,KAAK,CAACG,KAAK,CAAC,GAAG,IAAI;AAAA,CAAC,CAC7E;AAED,OAAO,IAAMW,0BAA0B,GAAG7B,MAAM,CAACc,GAAG,2LAOnD;AA2BD;AACA,IAAMgB,MAA4C,GAAG,SAA/CA,MAA4C,OAe5C;EAAA,IAdJC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAChBC,QAAQ,QAARA,QAAQ;IACRd,MAAM,QAANA,MAAM;IACNe,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRb,IAAI,QAAJA,IAAI;IACJc,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,IAAMxB,KAAK,GAAGjB,QAAQ,EAAE;EACxB,sBAA0BF,KAAK,CAAC4C,QAAQ,CAAS/B,SAAS,EAAE,GAAGgC,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,EAAElD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;IAChDoC,WAAW,EAAEnD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;IAClDqC,cAAc,EAAEpD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;IACrDmB,IAAI,EAAEhC,WAAW,CAACmD,GAAG;IACrBC,aAAa,EAAEzB,IAAI;IACnB0B,YAAY,EAAEvD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;IACnDK,WAAW,EAAEpB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;IAClDM,WAAW,EAAErB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK;EACnD,CAAC;EACD,QAAQc,IAAI;IACV,KAAK,SAAS;MACZoB,YAAY,CAACC,SAAS,GAAGlD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAC9DkC,YAAY,CAACE,WAAW,GAAGnD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChEkC,YAAY,CAACM,YAAY,GAAGvD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MACjEkC,YAAY,CAACf,IAAI,GAAGhC,WAAW,CAACsD,IAAI;MACpCP,YAAY,CAACG,cAAc,GAAGpD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MACnEkC,YAAY,CAAC7B,WAAW,GAAGpB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChEkC,YAAY,CAAC5B,WAAW,GAAGrB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChE;IACF,KAAK,UAAU;MACbkC,YAAY,CAACC,SAAS,GAAGlD,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MAC/DkC,YAAY,CAACE,WAAW,GAAGnD,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MACjEkC,YAAY,CAACM,YAAY,GAAGvD,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MAClEkC,YAAY,CAACf,IAAI,GAAGhC,WAAW,CAACuD,gBAAgB;MAChDR,YAAY,CAACG,cAAc,GAAGpD,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MACpEkC,YAAY,CAAC7B,WAAW,GAAGpB,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MACjEkC,YAAY,CAAC5B,WAAW,GAAGrB,MAAM,CAACc,QAAQ,CAAC,cAAc,EAAEC,KAAK,CAAC;MACjE;IACF,KAAK,UAAU;MACbkC,YAAY,CAACC,SAAS,GAAGlD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAC9DkC,YAAY,CAACE,WAAW,GAAGnD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChEkC,YAAY,CAACM,YAAY,GAAGvD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MACjEkC,YAAY,CAACf,IAAI,GAAGhC,WAAW,CAACwD,QAAQ;MACxCT,YAAY,CAACG,cAAc,GAAGpD,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MACnEkC,YAAY,CAAC7B,WAAW,GAAGpB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChEkC,YAAY,CAAC5B,WAAW,GAAGrB,MAAM,CAACc,QAAQ,CAAC,aAAa,EAAEC,KAAK,CAAC;MAChE;EAAM;EAGV,IAAM4C,GAAG,aAAMrB,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,CAAC5B,WAAY;IACtC,WAAW,EAAE4B,YAAY,CAAC7B,WAAY;IACtC,IAAI,EAAE6B,YAAY,CAACE,WAAY;IAC/B,MAAM,EAAEnC,MAAO;IACf,SAAS,EAAE2C,GAAI;IACf,IAAI,EAAC;EAAM,GACPpB,IAAI;IAAA,uBACR,MAAC,kBAAkB;MAAC,KAAK,EAAE;QAAEqB,KAAK,EAAEX,YAAY,CAACE;MAAY,CAAE;MAAC,SAAS,EAAEvB,IAAK;MAAA,WAC7EM,IAAI,GAAGA,IAAI,GAAGC,MAAM,GAAG,IAAI,gBAAG,KAAC,YAAY,CAAC,IAAI;QAAC,KAAK,EAAEc,YAAY,CAACE,WAAY;QAAC,IAAI,EAAC;MAAM,EAAG,eACjG,KAAC,0BAA0B;QAAA,uBACzB,MAAC,mBAAmB;UAAC,IAAI,EAAEvB,IAAK;UAAC,KAAK,EAAEe,KAAM;UAAC,KAAK,EAAEM,YAAY,CAACE,WAAY;UAAA,WAC5ErB,QAAQ,EAAC,MACV,EAACX,IAAI,IAAIa,QAAQ,iBACf,KAAC,SAAS;YACR,EAAE,YAAK6B,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,gBAAc;YAC7D,OAAO,EAAE,iBAACC,CAAC,EAAK;cACd,IAAI5B,UAAU,EAAE;gBACd4B,CAAC,CAACC,cAAc,EAAE;gBAClB7B,UAAU,CAAC4B,CAAC,CAAC;cACf;YACF,CAAE;YACF,IAAI,EAAE7C,IAAK;YACX,OAAO,EAAC,SAAS;YAAA,UAChBa;UAAQ,EAEZ;QAAA;MACmB,EACK,EAC5BC,OAAO,iBACN,KAAC,8BAA8B;QAAA,uBAC7B,KAAC,gCAAgC;UAAC,KAAK,EAAEgB,YAAY,CAACK,aAAc;UAAA,uBAClE,KAAC,UAAU;YAAC,OAAO,EAAC,WAAW;YAAC,KAAK,EAAC,UAAU;YAAC,wBAAwB;YAAC,MAAM,EAAE;cAAA,OAAMrB,OAAO,EAAE;YAAA,CAAC;YAAA,uBAChG,KAAC,WAAW,CAAC,KAAK;cAAC,KAAK,EAAEgB,YAAY,CAACG,cAAe;cAAC,IAAI,EAAC;YAAM;UAAG;QAC1D;MACoB,EAEtC;IAAA;EACkB,GACC;AAE5B,CAAC;AAAC;EAtIAvB,IAAI,aAAG,SAAS,EAAG,UAAU,EAAG,UAAU,EAAG,SAAS;EAEtDV,IAAI;EAEJa,QAAQ;EAERI,UAAU;EAEVpB,MAAM;EAENe,MAAM;EAENG,IAAI;EAEJD,OAAO;EAEPE,MAAM;EAENE,SAAS;AAAA;AAsHX,eAAeV,MAAM"}

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,22 +17,22 @@ var _Layouts = require("../Layouts");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "testId"];
 var _templateObject, _templateObject2;
-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"])), function (props) {
+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"])), function (props) {
   return _styles.COLORS.getColor('primary_20', props.theme);
 });
 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"])), function (props) {
+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"])), function (props) {
   return _styles.COLORS.getColor('primary_20', props.theme);
 }, _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,
@@ -41,9 +41,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":["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","props","COLORS","getColor","theme","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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\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":[]}
+{"version":3,"file":"OverviewBanner.cjs","names":["OverviewBannerWrapperStyles","styled","div","props","COLORS","getColor","theme","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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\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/B,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EACxE;AAAC;AAEK,IAAMC,2BAA2B,GAAG,IAAAN,yBAAM,EAACO,kBAAS,CAAC,w4BACtC,UAAAL,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMrEG,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"}

package/dist/Banners/OverviewBanner.d.ts

@@ -9,5 +9,5 @@ export type OverviewBannerProps = {
     children: any;
     testId?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const OverviewBanner: ({ children, testId, ...rest }: OverviewBannerProps) => React.JSX.Element;
+declare const OverviewBanner: ({ children, testId, ...rest }: OverviewBannerProps) => JSX.Element;
 export default OverviewBanner;

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(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; }
+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; }
 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","jsx","_jsx","OverviewBannerWrapperStyles","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\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/B,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EACxE;AAED,OAAO,IAAMC,2BAA2B,GAAGb,MAAM,CAACG,SAAS,CAAC,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,2zBACtC,UAAAC,KAAK;EAAA,OAAIR,MAAM,CAACS,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMrEX,WAAW,CAACc,MAAM,EAUhBd,WAAW,CAACc,MAAM,EAyBlBd,WAAW,CAACc,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,oBACEjB,IAAA,CAACC,2BAA2B,EAAAiB,aAAA,CAAAA,aAAA,KAAKH,IAAI;IAAAF,QAAA,eACnCb,IAAA,CAACQ,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":[]}
+{"version":3,"file":"OverviewBanner.js","names":["React","styled","BREAKPOINTS","COLORS","PageWidth","OverviewBannerWrapperStyles","div","props","getColor","theme","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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n`;\r\n\r\nexport const OverviewBannerContentStyles = styled(PageWidth)`\r\n  background-color: ${props => COLORS.getColor('primary_20', props.theme)};\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/B,UAAAC,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EACxE;AAED,OAAO,IAAMC,2BAA2B,GAAGT,MAAM,CAACG,SAAS,CAAC,03BACtC,UAAAG,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMrEP,WAAW,CAACS,MAAM,EAUhBT,WAAW,CAACS,MAAM,EAyBlBT,WAAW,CAACS,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"}

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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(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; }
 //# sourceMappingURL=index.cjs.map

package/dist/Banners/index.cjs.map

@@ -1 +1 @@
-{"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":[]}
+{"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"}

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","ignoreList":[]}
+{"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"}

package/dist/Banners/styles.cjs

@@ -55,7 +55,7 @@ var getButtonStyle = function getButtonStyle(type, theme) {
       };
       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.IconButtonStyledSecondary, 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

package/dist/Banners/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","require","_Iconbutton","_styles","_templateObject","getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","_taggedTemplateLiteral2","IconButtonStyledSecondary","exports"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["getButtonStyle","type","theme","style","svgFill","COLORS","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","css","IconButtonStyledSecondary"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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"}

package/dist/Banners/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill","_templateObject","_taggedTemplateLiteral"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["css","IconButtonStyledSecondary","COLORS","getButtonStyle","type","theme","style","svgFill","getColor","hoverBgColor","hoverSvgFill","activeBgColor","activeSvgFill","focusBgColor","focusSvgFill"],"sources":["../../src/Banners/styles.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { IconButtonStyledSecondary } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nexport const getButtonStyle = (type: string, theme: any) => {\r\n  let style = {\r\n    svgFill: COLORS.getColor('primary_500', theme),\r\n    hoverBgColor: COLORS.getColor('primary_200', theme),\r\n    hoverSvgFill: COLORS.getColor('primary_700', theme),\r\n    activeBgColor: COLORS.getColor('primary_300', theme),\r\n    activeSvgFill: COLORS.getColor('primary_800', theme),\r\n    focusBgColor: COLORS.getColor('primary_200', theme),\r\n    focusSvgFill: COLORS.getColor('primary_700', theme)\r\n  };\r\n\r\n  switch(type)\r\n  {\r\n    case 'warning':\r\n      style = {\r\n        svgFill: COLORS.getColor('warning_500', theme),\r\n        hoverBgColor: COLORS.getColor('warning_200', theme),\r\n        hoverSvgFill: COLORS.getColor('warning_700', theme),\r\n        activeBgColor: COLORS.getColor('warning_300', theme),\r\n        activeSvgFill: COLORS.getColor('warning_800', theme),\r\n        focusBgColor: COLORS.getColor('warning_200', theme),\r\n        focusSvgFill: COLORS.getColor('warning_700', theme)\r\n      };\r\n      break;\r\n    \r\n    case 'critical':\r\n      style = {\r\n        svgFill: COLORS.getColor('critical_600', theme),\r\n        hoverBgColor: COLORS.getColor('critical_200', theme),\r\n        hoverSvgFill: COLORS.getColor('critical_700', theme),\r\n        activeBgColor: COLORS.getColor('critical_300', theme),\r\n        activeSvgFill: COLORS.getColor('critical_800', theme),\r\n        focusBgColor: COLORS.getColor('critical_200', theme),\r\n        focusSvgFill: COLORS.getColor('critical_700', theme)\r\n      };\r\n      break;\r\n\r\n    case 'positive':\r\n      style = {\r\n        svgFill: COLORS.getColor('correct_500', theme),\r\n        hoverBgColor: COLORS.getColor('correct_200', theme),\r\n        hoverSvgFill: COLORS.getColor('correct_700', theme),\r\n        activeBgColor: COLORS.getColor('correct_300', theme),\r\n        activeSvgFill: COLORS.getColor('correct_800', theme),\r\n        focusBgColor: COLORS.getColor('correct_200', theme),\r\n        focusSvgFill: COLORS.getColor('correct_700', theme)\r\n      };\r\n      break;\r\n  }\r\n\r\n  return css`\r\n    ${IconButtonStyledSecondary} {\r\n    div {\r\n      background-color: transparent;\r\n    }\r\n    div svg path,\r\n    div svg {\r\n      fill: ${style.svgFill};\r\n    }\r\n    &:hover:not(:disabled) {\r\n      div {\r\n        background-color: ${style.hoverBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.hoverSvgFill};\r\n      }\r\n    }\r\n    &:active:not(:disabled) {\r\n      div {\r\n        background: ${style.activeBgColor};\r\n      }\r\n      div svg path,\r\n      div svg {\r\n        fill: ${style.activeSvgFill};\r\n      }\r\n    }\r\n  }`;\r\n};\r\n"],"mappings":"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"}