@laerdal/life-react-components 1.4.1-dev.7 → 1.4.1-dev.9

package/dist/js/Banners/Banner.js

@@ -1,259 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _Button = require("../Button");
-
-var _styles2 = require("./styles");
-
-var _typography = require("../styles/typography");
-
-var _HyperLink = require("../HyperLink");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BannerContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  min-height: 48px;\n  display: flex;\n  color: ", ";\n  margin-top: ", ";\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  a {\n    color: ", " !important;\n  }\n"])), function (props) {
-  return props.$type ? props.$type : _styles.COLORS.correct_100;
-}, _styles.COLORS.black, function (props) {
-  return props.bottom ? 'auto' : '0';
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, function (props) {
-  return props.link;
-});
-
-var BannerCenter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: flex;\n  width: 100%;\n  margin: 0 0 0 16px;\n  ", " {\n    margin: 0 16px 0 32px;\n  }\n  ", " {\n    margin: 0 40px 0 56px;\n  }\n  &.small {\n    margin: 0 0 0 16px;\n  }\n  &.medium {\n    margin: 0 16px 0 32px;\n  }\n  &.large {\n    margin: 0 40px 0 56px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n"])), function (props) {
-  return (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, props.$color);
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-
-var ButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 0 0 auto;\n"])));
-
-var ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: contents;\n  ", ";\n"])), function (props) {
-  return props.$type ? (0, _styles2.getButtonStyle)(props.$type) : null;
-});
-
-var BannerContentWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n"])));
-
-var Banner = function Banner(_ref) {
-  var size = _ref.size,
-      type = _ref.type,
-      children = _ref.children,
-      bottom = _ref.bottom,
-      testId = _ref.testId,
-      linkText = _ref.linkText,
-      link = _ref.link,
-      onClose = _ref.onClose,
-      icon = _ref.icon,
-      noIcon = _ref.noIcon;
-
-  var _React$useState = React.useState(window.innerWidth),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      width = _React$useState2[0],
-      setWidth = _React$useState2[1];
-
-  React.useEffect(function () {
-    function handleResize() {
-      setWidth(window.innerWidth);
-    }
-
-    window.addEventListener('resize', handleResize);
-  });
-  var formatTypeToLowerCase = type === null || type === void 0 ? void 0 : type.toLowerCase();
-
-  switch (formatTypeToLowerCase) {
-    case 'warning':
-      return /*#__PURE__*/React.createElement(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.warning_100,
-        link: _styles.COLORS.warning_700,
-        hover: _styles.COLORS.warning_20,
-        bottom: bottom
-      }, /*#__PURE__*/React.createElement(BannerCenter, {
-        $color: _styles.COLORS.warning_700,
-        className: size
-      }, icon ? icon : noIcon ? null : /*#__PURE__*/React.createElement(_SystemIcons.Help, {
-        color: _styles.COLORS.warning_700,
-        size: "24px"
-      }), /*#__PURE__*/React.createElement(BannerContentWrapper, null, /*#__PURE__*/React.createElement(_typography.ComponentResponsive, {
-        size: size,
-        width: width,
-        color: _styles.COLORS.warning_700
-      }, children, "\xA0\xA0", link && linkText && /*#__PURE__*/React.createElement(_HyperLink.HyperLink, {
-        id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-        href: link,
-        variant: "default"
-      }, linkText))), onClose && /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonContainer, {
-        $type: formatTypeToLowerCase
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        useTransparentBackground: true,
-        tabbedHereBackgroundColor: _styles.COLORS.white,
-        action: function action() {
-          return onClose();
-        }
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-        color: _styles.COLORS.warning_500,
-        size: "24px"
-      }))))));
-
-    case 'critical':
-      return /*#__PURE__*/React.createElement(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.critical_100,
-        link: _styles.COLORS.critical_700,
-        hover: _styles.COLORS.critical_20,
-        bottom: bottom,
-        className: size
-      }, /*#__PURE__*/React.createElement(BannerCenter, {
-        $color: _styles.COLORS.critical_700,
-        className: size
-      }, icon ? icon : noIcon ? null : /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-        color: _styles.COLORS.critical_700,
-        size: "24px"
-      }), /*#__PURE__*/React.createElement(BannerContentWrapper, null, /*#__PURE__*/React.createElement(_typography.ComponentResponsive, {
-        size: size,
-        width: width,
-        color: _styles.COLORS.critical_700
-      }, children, "\xA0\xA0", link && linkText && /*#__PURE__*/React.createElement(_HyperLink.HyperLink, {
-        id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-        href: link,
-        variant: "default"
-      }, linkText))), onClose && /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonContainer, {
-        $type: formatTypeToLowerCase
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        useTransparentBackground: true,
-        tabbedHereBackgroundColor: _styles.COLORS.white,
-        action: function action() {
-          return onClose();
-        }
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-        color: _styles.COLORS.critical_500,
-        size: "24px"
-      }))))));
-
-    case 'positive':
-      return /*#__PURE__*/React.createElement(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.correct_100,
-        link: _styles.COLORS.correct_700,
-        hover: _styles.COLORS.correct_20,
-        bottom: bottom,
-        className: size
-      }, /*#__PURE__*/React.createElement(BannerCenter, {
-        $color: _styles.COLORS.correct_700,
-        className: size
-      }, icon ? icon : noIcon ? null : /*#__PURE__*/React.createElement(_SystemIcons.ThumbsUp, {
-        color: _styles.COLORS.correct_700,
-        size: "24px"
-      }), /*#__PURE__*/React.createElement(BannerContentWrapper, null, /*#__PURE__*/React.createElement(_typography.ComponentResponsive, {
-        size: size,
-        width: width,
-        color: _styles.COLORS.correct_700
-      }, children, "\xA0\xA0", link && linkText && /*#__PURE__*/React.createElement(_HyperLink.HyperLink, {
-        id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-        href: link,
-        variant: "default"
-      }, linkText))), onClose && /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonContainer, {
-        $type: formatTypeToLowerCase
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        useTransparentBackground: true,
-        tabbedHereBackgroundColor: _styles.COLORS.white,
-        action: function action() {
-          return onClose();
-        }
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-        color: _styles.COLORS.correct_500,
-        size: "24px"
-      }))))));
-
-    default:
-      return /*#__PURE__*/React.createElement(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.primary_100,
-        link: _styles.COLORS.primary_700,
-        hover: _styles.COLORS.primary_20,
-        bottom: bottom,
-        className: size
-      }, /*#__PURE__*/React.createElement(BannerCenter, {
-        $color: _styles.COLORS.primary_700,
-        className: size
-      }, icon ? icon : noIcon ? null : /*#__PURE__*/React.createElement(_SystemIcons.Tip, {
-        color: _styles.COLORS.primary_700,
-        size: "24px"
-      }), /*#__PURE__*/React.createElement(BannerContentWrapper, null, /*#__PURE__*/React.createElement(_typography.ComponentResponsive, {
-        size: size,
-        width: width,
-        color: _styles.COLORS.primary_700
-      }, children, "\xA0\xA0", link && linkText && /*#__PURE__*/React.createElement(_HyperLink.HyperLink, {
-        id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-        href: link,
-        variant: "default"
-      }, linkText))), onClose && /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonContainer, {
-        $type: "neutral"
-      }, /*#__PURE__*/React.createElement(_Button.IconButton, {
-        variant: "secondary",
-        shape: "circular",
-        useTransparentBackground: true,
-        tabbedHereBackgroundColor: _styles.COLORS.white,
-        action: function action() {
-          return onClose();
-        }
-      }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-        color: _styles.COLORS.primary_500,
-        size: "24px"
-      }))))));
-  }
-};
-
-Banner.propTypes = {
-  type: _propTypes.default.string,
-  link: _propTypes.default.string,
-  linkText: _propTypes.default.string,
-  hover: _propTypes.default.string,
-  bottom: _propTypes.default.bool,
-  testId: _propTypes.default.string,
-  icon: _propTypes.default.node,
-  onClose: _propTypes.default.func,
-  noIcon: _propTypes.default.bool
-};
-var _default = Banner;
-exports.default = _default;
-//# sourceMappingURL=Banner.js.map

package/dist/js/Banners/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/Banner.tsx"],"names":["BannerContainer","styled","div","props","$type","COLORS","correct_100","black","bottom","BREAKPOINTS","MEDIUM","LARGE","link","BannerCenter","ComponentTextStyle","Regular","$color","ButtonWrapper","ButtonContainer","BannerContentWrapper","Banner","size","type","children","testId","linkText","onClose","icon","noIcon","React","useState","window","innerWidth","width","setWidth","useEffect","handleResize","addEventListener","formatTypeToLowerCase","toLowerCase","warning_100","warning_700","warning_20","Math","floor","random","white","warning_500","critical_100","critical_700","critical_20","critical_500","correct_700","correct_20","correct_500","primary_100","primary_700","primary_20","primary_500","hover"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\nimport { Close, Help, TechnicalWarning, ThumbsUp, Tip } from '../icons/systemicons/SystemIcons';\nimport { IconButton } from '../Button';\nimport { getButtonStyle } from './styles';\nimport { Size } from '../types';\nimport { ComponentMStyling, ComponentResponsive } from '../styles/typography';\nimport { HyperLink } from '../HyperLink';\n\n/**\n * Styles for <Banner />\n */\ntype StyleBannerProps = BannerProps & { $type: string };\n\nconst BannerContainer = styled.div<StyleBannerProps>`\n  background: ${(props: StyleBannerProps) => (props.$type ? props.$type : COLORS.correct_100)};\n  min-height: 48px;\n  display: flex;\n  color: ${COLORS.black};\n  margin-top: ${(props: StyleBannerProps) => (props.bottom ? 'auto' : '0')};\n\n  button:last-child {\n    line-height: 0;\n    margin: 0 0 0 8px;\n    ${BREAKPOINTS.MEDIUM} {\n      margin: 0 0 0 16px;\n    }\n    ${BREAKPOINTS.LARGE} {\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  a {\n    color: ${(props: BannerProps) => props.link} !important;\n  }\n`;\n\nconst BannerCenter = styled.div<{ $color: string }>`\n  ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color)}\n\n  display: flex;\n  width: 100%;\n  margin: 0 0 0 16px;\n  ${BREAKPOINTS.MEDIUM} {\n    margin: 0 16px 0 32px;\n  }\n  ${BREAKPOINTS.LARGE} {\n    margin: 0 40px 0 56px;\n  }\n  &.small {\n    margin: 0 0 0 16px;\n  }\n  &.medium {\n    margin: 0 16px 0 32px;\n  }\n  &.large {\n    margin: 0 40px 0 56px;\n  }\n\n  > svg {\n    flex-shrink: 0;\n    margin: 12px 0;\n  }\n`;\n\nconst ButtonWrapper = styled.div`\n  margin: 0 0 0 auto;\n`;\n\nconst ButtonContainer = styled.div<{ $type?: string }>`\n  display: contents;\n  ${(props) => (props.$type ? getButtonStyle(props.$type) : null)};\n`;\n\nconst BannerContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin: 12px 0;\n  &:not(:first-child) {\n    margin-left: 8px;\n  }\n`;\n\ntype BannerProps = {\n  size?: Size.Small | Size.Medium | Size.Large;\n  type?: string;\n  link?: string;\n  linkText?: string;\n  hover?: string;\n  bottom?: boolean;\n  testId?: string;\n  icon?: React.ReactNode;\n  onClose?: () => void;\n  noIcon?: boolean;\n};\n\nconst Banner: React.FunctionComponent<BannerProps> = ({ size, type, children, bottom, testId, linkText, link, onClose, icon, noIcon }) => {\n  const [width, setWidth] = React.useState<number>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n  });\n\n  const formatTypeToLowerCase = type?.toLowerCase();\n  switch (formatTypeToLowerCase) {\n    case 'warning':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.warning_100} link={COLORS.warning_700} hover={COLORS.warning_20} bottom={bottom}>\n          <BannerCenter $color={COLORS.warning_700} className={size}>\n            {icon ? icon : noIcon ? null : <Help color={COLORS.warning_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.warning_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground tabbedHereBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.warning_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    case 'critical':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.critical_100} link={COLORS.critical_700} hover={COLORS.critical_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.critical_700} className={size}>\n            {icon ? icon : noIcon ? null : <TechnicalWarning color={COLORS.critical_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.critical_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground tabbedHereBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.critical_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    case 'positive':\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.correct_100} link={COLORS.correct_700} hover={COLORS.correct_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.correct_700} className={size}>\n            {icon ? icon : noIcon ? null : <ThumbsUp color={COLORS.correct_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.correct_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type={formatTypeToLowerCase}>\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground tabbedHereBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.correct_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n    default:\n      return (\n        <BannerContainer data-testid={testId} $type={COLORS.primary_100} link={COLORS.primary_700} hover={COLORS.primary_20} bottom={bottom} className={size}>\n          <BannerCenter $color={COLORS.primary_700} className={size}>\n            {icon ? icon : noIcon ? null : <Tip color={COLORS.primary_700} size=\"24px\" />}\n            <BannerContentWrapper>\n              <ComponentResponsive size={size} width={width} color={COLORS.primary_700}>\n                {children}&nbsp;&nbsp;\n                {link && linkText && (\n                  <HyperLink id={`${Math.floor(Math.random() * 999999999999)}_BannerLink`} href={link} variant=\"default\">\n                    {linkText}\n                  </HyperLink>\n                )}\n              </ComponentResponsive>\n            </BannerContentWrapper>\n            {onClose && (\n              <ButtonWrapper>\n                <ButtonContainer $type=\"neutral\">\n                  <IconButton variant=\"secondary\" shape=\"circular\" useTransparentBackground tabbedHereBackgroundColor={COLORS.white} action={() => onClose()}>\n                    <Close color={COLORS.primary_500} size=\"24px\" />\n                  </IconButton>\n                </ButtonContainer>\n              </ButtonWrapper>\n            )}\n          </BannerCenter>\n        </BannerContainer>\n      );\n  }\n};\n\nexport default Banner;\n"],"file":"Banner.js"}

package/dist/js/Banners/OverviewBanner.js

@@ -1,50 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _Layouts = require("../Layouts");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var BannersWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), _styles.COLORS.primary_20);
-
-var BannerContent = (0, _styledComponents.default)(_Layouts.PageWidth)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n  & h2 {\n    ", "\n    margin: 16px 0 24px 0;\n  }\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n    ", " {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n"])), _styles.COLORS.primary_20, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.MEDIUM, (0, _typography.HeadlineXSStyling)(_styles.COLORS.black), _styles.BREAKPOINTS.MEDIUM);
-
-var OverviewBanner = function OverviewBanner(_ref) {
-  var children = _ref.children,
-      testId = _ref.testId;
-  return /*#__PURE__*/React.createElement(BannersWrapper, null, /*#__PURE__*/React.createElement(BannerContent, {
-    "data-testid": testId
-  }, children));
-};
-
-OverviewBanner.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  testId: _propTypes.default.string
-};
-var _default = OverviewBanner;
-exports.default = _default;
-//# sourceMappingURL=OverviewBanner.js.map

package/dist/js/Banners/OverviewBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/OverviewBanner.tsx"],"names":["BannersWrapper","styled","div","COLORS","primary_20","BannerContent","PageWidth","BREAKPOINTS","MEDIUM","black","OverviewBanner","children","testId"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAGC,0BAAOC,GAAV,mGACEC,eAAOC,UADT,CAApB;;AAIA,IAAMC,aAAa,GAAG,+BAAOC,kBAAP,CAAH,02BACGH,eAAOC,UADV,EAOfG,oBAAYC,MAPG,EAgBbD,oBAAYC,MAhBC,EAwBb,mCAAkBL,eAAOM,KAAzB,CAxBa,EAsCbF,oBAAYC,MAtCC,CAAnB;;AAiDA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,OAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AACtD,sBACE,oBAAC,cAAD,qBACE,oBAAC,aAAD;AAAe,mBAAaA;AAA5B,KAAqCD,QAArC,CADF,CADF;AAKD,CAND;;;AAFeA,EAAAA,Q;AAAeC,EAAAA,M;;eAUfF,c","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {BREAKPOINTS, COLORS} from '../styles';\nimport {PageWidth} from '../Layouts';\nimport {HeadlineXSStyling} from '../styles/typography';\n\nconst BannersWrapper = styled.div`\n  background-color: ${COLORS.primary_20};\n`;\n\nconst BannerContent = styled(PageWidth)`\n  background-color: ${COLORS.primary_20};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n    padding: 48px 12px;\n  }\n\n  & > *:first-child {\n    padding-top: 12px;\n    width: 320px;\n    height: 180px;\n    ${BREAKPOINTS.MEDIUM} {\n      padding-top: 0;\n      margin-right: 20px;\n      width: 384px;\n      height: 216px;\n    }\n  }\n  & h2 {\n    ${HeadlineXSStyling(COLORS.black)}\n    margin: 16px 0 24px 0;\n  }\n  & p {\n    margin: 0;\n    padding: 0 0 28px 0;\n    max-width: 310px;\n  }\n  & div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-bottom: 18px;\n    ${BREAKPOINTS.MEDIUM} {\n      margin-left: 20px;\n      align-items: start;\n      justify-content: start;\n      width: 384px;\n    }\n  }\n`;\n\ntype Props = { children: any; testId?: string };\n\nconst OverviewBanner = ({ children, testId }: Props) => {\n  return (\n    <BannersWrapper>\n      <BannerContent data-testid={testId}>{children}</BannerContent>\n    </BannersWrapper>\n  );\n};\n\nexport default OverviewBanner;\n"],"file":"OverviewBanner.js"}

package/dist/js/Banners/__tests__/Banner.test.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-require("jest-styled-components");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<Banner />', function () {
-  it('Renders warning banner', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Banner, {
-              type: "warning",
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestBanner"))), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background', _styles.COLORS.warning_100);
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('Renders critial banner', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _render2, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Banner, {
-              type: "critical",
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestBanner"))), queryByText = _render2.queryByText, getByTestId = _render2.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background', _styles.COLORS.critical_100);
-
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  it('Renders positive banner', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var _render3, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Banner, {
-              type: "positive",
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestBanner"))), queryByText = _render3.queryByText, getByTestId = _render3.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background', _styles.COLORS.correct_100);
-
-          case 3:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('Renders default banner', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-    var _render4, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Banner, {
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestBanner"))), queryByText = _render4.queryByText, getByTestId = _render4.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background', _styles.COLORS.primary_100);
-
-          case 3:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })));
-});
-//# sourceMappingURL=Banner.test.js.map

package/dist/js/Banners/__tests__/Banner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/Banner.test.tsx"],"names":["describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","warning_100","critical_100","correct_100","primary_100"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,YAAD,EAAe,YAAM;AAC3BC,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,SAAb;AAAuB,cAAA,MAAM,EAAC;AAA9B,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,WACnBA,WADmB,EACNC,WADM,WACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOC,WAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASAP,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,UAAb;AAAwB,cAAA,MAAM,EAAC;AAA/B,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,YACnBA,WADmB,EACNC,WADM,YACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOE,YAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASAR,EAAAA,EAAE,CAAC,yBAAD,uEAA4B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACS,kCACnC,6BAAC,aAAD;AAAQ,cAAA,IAAI,EAAC,UAAb;AAAwB,cAAA,MAAM,EAAC;AAA/B,4BACE,sDADF,CADmC,CADT,EACpBC,WADoB,YACpBA,WADoB,EACPC,WADO,YACPA,WADO;AAM5BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOG,WAAvE;;AAP4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA5B,GAAF;AASAT,EAAAA,EAAE,CAAC,wBAAD,uEAA2B;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,uBACU,kCACnC,6BAAC,aAAD;AAAQ,cAAA,MAAM,EAAC;AAAf,4BACE,sDADF,CADmC,CADV,EACnBC,WADmB,YACnBA,WADmB,EACNC,WADM,YACNA,WADM;AAM3BC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,YAAlD,EAAgEC,eAAOI,WAAvE;;AAP2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAA3B,GAAF;AASD,CArCO,CAAR","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Banner } from '../index';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\ndescribe('<Banner />', () => {\n  it('Renders warning banner', async () => {\n    const { queryByText, getByTestId } = render(\n      <Banner type=\"warning\" testId=\"TestBanner\">\n        <h2>TestBanner</h2>\n      </Banner>,\n    );\n    expect(queryByText('TestHeader')).toBeDefined();\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.warning_100);\n  });\n  it('Renders critial banner', async () => {\n    const { queryByText, getByTestId } = render(\n      <Banner type=\"critical\" testId=\"TestBanner\">\n        <h2>TestBanner</h2>\n      </Banner>,\n    );\n    expect(queryByText('TestHeader')).toBeDefined();\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.critical_100);\n  });\n  it('Renders positive banner', async () => {\n    const { queryByText, getByTestId } = render(\n      <Banner type=\"positive\" testId=\"TestBanner\">\n        <h2>TestBanner</h2>\n      </Banner>,\n    );\n    expect(queryByText('TestHeader')).toBeDefined();\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.correct_100);\n  });\n  it('Renders default banner', async () => {\n    const { queryByText, getByTestId } = render(\n      <Banner testId=\"TestBanner\">\n        <h2>TestBanner</h2>\n      </Banner>,\n    );\n    expect(queryByText('TestHeader')).toBeDefined();\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.primary_100);\n  });\n});\n"],"file":"Banner.test.js"}

package/dist/js/Banners/__tests__/OverviewBanner.test.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _index = require("../index");
-
-require("jest-styled-components");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<OverviewBanner />', function () {
-  it('Renders', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, queryByText, getByTestId;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.OverviewBanner, {
-              testId: "TestBanner"
-            }, /*#__PURE__*/_react.default.createElement("h2", null, "TestHeader"))), queryByText = _render.queryByText, getByTestId = _render.getByTestId;
-            expect(queryByText('TestHeader')).toBeDefined();
-            expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', _styles.COLORS.primary_20);
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});
-//# sourceMappingURL=OverviewBanner.test.js.map

package/dist/js/Banners/__tests__/OverviewBanner.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Banners/__tests__/OverviewBanner.test.tsx"],"names":["describe","it","queryByText","getByTestId","expect","toBeDefined","toHaveStyleRule","COLORS","primary_20"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEAA,QAAQ,CAAC,oBAAD,EAAuB,YAAM;AACnCC,EAAAA,EAAE,CAAC,SAAD,uEAAY;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACyB,kCACnC,6BAAC,qBAAD;AAAgB,cAAA,MAAM,EAAC;AAAvB,4BACE,sDADF,CADmC,CADzB,EACJC,WADI,WACJA,WADI,EACSC,WADT,WACSA,WADT;AAMZC,YAAAA,MAAM,CAACF,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,WAAlC;AACAD,YAAAA,MAAM,CAACD,WAAW,CAAC,YAAD,CAAZ,CAAN,CAAkCG,eAAlC,CAAkD,kBAAlD,EAAsEC,eAAOC,UAA7E;;AAPY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAZ,GAAF;AASD,CAVO,CAAR","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { OverviewBanner } from '../index';\nimport 'jest-styled-components';\nimport { COLORS } from '../../styles';\n\ndescribe('<OverviewBanner />', () => {\n  it('Renders', async () => {\n    const { queryByText, getByTestId } = render(\n      <OverviewBanner testId=\"TestBanner\">\n        <h2>TestHeader</h2>\n      </OverviewBanner>,\n    );\n    expect(queryByText('TestHeader')).toBeDefined();\n    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);\n  });\n});\n"],"file":"OverviewBanner.test.js"}

package/dist/js/Banners/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Banner", {
-  enumerable: true,
-  get: function get() {
-    return _Banner.default;
-  }
-});
-Object.defineProperty(exports, "OverviewBanner", {
-  enumerable: true,
-  get: function get() {
-    return _OverviewBanner.default;
-  }
-});
-
-var _Banner = _interopRequireDefault(require("./Banner"));
-
-var _OverviewBanner = _interopRequireDefault(require("./OverviewBanner"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/Banners/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import Banner from './Banner';\nimport OverviewBanner from './OverviewBanner';\n\n// eslint-disable-next-line import/prefer-default-export\nexport { Banner, OverviewBanner };\n"],"file":"index.js"}

package/dist/js/Banners/styles.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getButtonStyle = void 0;
-
-var _styledComponents = require("styled-components");
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var getButtonStyle = function getButtonStyle(type) {
-  switch (type) {
-    case 'warning':
-      return (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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      "])), _styles.COLORS.warning_500, _styles.COLORS.warning_20, _styles.COLORS.warning_700, _styles.COLORS.warning_800, _styles.COLORS.warning_100);
-
-    case 'critical':
-      return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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      "])), _styles.COLORS.critical_600, _styles.COLORS.critical_20, _styles.COLORS.critical_700, _styles.COLORS.critical_800, _styles.COLORS.critical_100);
-
-    case 'positive':
-      return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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      "])), _styles.COLORS.correct_500, _styles.COLORS.correct_20, _styles.COLORS.correct_700, _styles.COLORS.correct_800, _styles.COLORS.correct_100);
-
-    default:
-      return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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      "])), _styles.COLORS.primary_500, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_800, _styles.COLORS.primary_100);
-  }
-};
-
-exports.getButtonStyle = getButtonStyle;
-//# sourceMappingURL=styles.js.map

package/dist/js/Banners/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Banners/styles.tsx"],"names":["getButtonStyle","type","css","COLORS","warning_500","warning_20","warning_700","warning_800","warning_100","critical_600","critical_20","critical_700","critical_800","critical_100","correct_500","correct_20","correct_700","correct_800","correct_100","primary_500","neutral_20","primary_700","primary_800","primary_100"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAAkB;AAC9C,UAAQA,IAAR;AACE,SAAK,SAAL;AACE,iBAAOC,qBAAP,kmBAMYC,eAAOC,WANnB,EAU0BD,eAAOE,UAVjC,EAccF,eAAOG,WAdrB,EAmBoBH,eAAOI,WAnB3B,EAuBcJ,eAAOK,WAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAON,qBAAP,omBAMYC,eAAOM,YANnB,EAU0BN,eAAOO,WAVjC,EAccP,eAAOQ,YAdrB,EAmBoBR,eAAOS,YAnB3B,EAuBcT,eAAOU,YAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAOX,qBAAP,omBAMYC,eAAOW,WANnB,EAU0BX,eAAOY,UAVjC,EAccZ,eAAOa,WAdrB,EAmBoBb,eAAOc,WAnB3B,EAuBcd,eAAOe,WAvBrB;;AA2BF;AACE,iBAAOhB,qBAAP,omBAMYC,eAAOgB,WANnB,EAU0BhB,eAAOiB,UAVjC,EAccjB,eAAOkB,WAdrB,EAmBoBlB,eAAOmB,WAnB3B,EAuBcnB,eAAOoB,WAvBrB;AAtFJ;AAkHD,CAnHM","sourcesContent":["import { css } from 'styled-components';\nimport { COLORS } from '../styles';\n\nexport const getButtonStyle = (type: string) => {\n  switch (type) {\n    case 'warning':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.warning_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.warning_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.warning_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.warning_100};\n          }\n        }\n      `;\n    case 'critical':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.critical_600};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.critical_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.critical_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.critical_100};\n          }\n        }\n      `;\n    case 'positive':\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.correct_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.correct_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.correct_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.correct_100};\n          }\n        }\n      `;\n    default:\n      return css`\n        div {\n          background-color: transparent;\n        }\n        div svg path,\n        div svg {\n          fill: ${COLORS.primary_500};\n        }\n        &:hover:not(:disabled) {\n          div {\n            background-color: ${COLORS.neutral_20};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_700};\n          }\n        }\n        &:active:not(:disabled) {\n          div {\n            background: ${COLORS.primary_800};\n          }\n          div svg path,\n          div svg {\n            fill: ${COLORS.primary_100};\n          }\n        }\n      `;\n  }\n};\n"],"file":"styles.js"}