@laerdal/life-react-components 1.4.1-dev.11 → 1.4.1-dev.12

package/dist/cjs/Banners/Banner.js

@@ -1,291 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-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 _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-var BannerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0 0 0 auto;\n"])));
-
-var ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: contents;\n  ", ";\n"])), function (props) {
-  return props.$type ? (0, _styles2.getButtonStyle)(props.$type) : null;
-});
-
-var BannerContentWrapper = _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 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 = (0, _slicedToArray2.default)(_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__*/(0, _jsxRuntime.jsx)(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.warning_100,
-        link: _styles.COLORS.warning_700,
-        hover: _styles.COLORS.warning_20,
-        bottom: bottom,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BannerCenter, {
-          $color: _styles.COLORS.warning_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Help, {
-            color: _styles.COLORS.warning_700,
-            size: "24px"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContentWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.ComponentResponsive, {
-              size: size,
-              width: width,
-              color: _styles.COLORS.warning_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: _styles.COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Close, {
-                  color: _styles.COLORS.warning_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    case 'critical':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.critical_100,
-        link: _styles.COLORS.critical_700,
-        hover: _styles.COLORS.critical_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BannerCenter, {
-          $color: _styles.COLORS.critical_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.TechnicalWarning, {
-            color: _styles.COLORS.critical_700,
-            size: "24px"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContentWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.ComponentResponsive, {
-              size: size,
-              width: width,
-              color: _styles.COLORS.critical_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: _styles.COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Close, {
-                  color: _styles.COLORS.critical_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    case 'positive':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.correct_100,
-        link: _styles.COLORS.correct_700,
-        hover: _styles.COLORS.correct_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BannerCenter, {
-          $color: _styles.COLORS.correct_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.ThumbsUp, {
-            color: _styles.COLORS.correct_700,
-            size: "24px"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContentWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.ComponentResponsive, {
-              size: size,
-              width: width,
-              color: _styles.COLORS.correct_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContainer, {
-              $type: formatTypeToLowerCase,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: _styles.COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Close, {
-                  color: _styles.COLORS.correct_500,
-                  size: "24px"
-                })
-              })
-            })
-          })]
-        })
-      });
-
-    default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContainer, {
-        "data-testid": testId,
-        $type: _styles.COLORS.primary_100,
-        link: _styles.COLORS.primary_700,
-        hover: _styles.COLORS.primary_20,
-        bottom: bottom,
-        className: size,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BannerCenter, {
-          $color: _styles.COLORS.primary_700,
-          className: size,
-          children: [icon ? icon : noIcon ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SystemIcons.Tip, {
-            color: _styles.COLORS.primary_700,
-            size: "24px"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContentWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.ComponentResponsive, {
-              size: size,
-              width: width,
-              color: _styles.COLORS.primary_700,
-              children: [children, "\xA0\xA0", link && linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HyperLink.HyperLink, {
-                id: "".concat(Math.floor(Math.random() * 999999999999), "_BannerLink"),
-                href: link,
-                variant: "default",
-                children: linkText
-              })]
-            })
-          }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonContainer, {
-              $type: "neutral",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                variant: "secondary",
-                shape: "circular",
-                useTransparentBackground: true,
-                focusBackgroundColor: _styles.COLORS.white,
-                action: function action() {
-                  return onClose();
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_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/cjs/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 focusBackgroundColor={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 focusBackgroundColor={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 focusBackgroundColor={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 focusBackgroundColor={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/cjs/Banners/OverviewBanner.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-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 _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-var BannersWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n"])), _styles.COLORS.primary_20);
-
-var BannerContent = (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      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__*/(0, _jsxRuntime.jsx)(BannersWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BannerContent, {
-      "data-testid": testId,
-      children: children
-    })
-  });
-};
-
-OverviewBanner.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  testId: _propTypes.default.string
-};
-var _default = OverviewBanner;
-exports.default = _default;
-//# sourceMappingURL=OverviewBanner.js.map

package/dist/cjs/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,iHACEC,eAAOC,UADT,CAApB;;AAIA,IAAMC,aAAa,GAAG,+BAAOC,kBAAP,CAAH,w3BACGH,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,qBAAC,cAAD;AAAA,2BACE,qBAAC,aAAD;AAAe,qBAAaA,MAA5B;AAAA,gBAAqCD;AAArC;AADF,IADF;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/cjs/Banners/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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"));
-//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/Banners/styles.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getButtonStyle = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = require("styled-components");
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var getButtonStyle = function getButtonStyle(type) {
-  switch (type) {
-    case 'warning':
-      return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\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/cjs/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,gnBAMYC,eAAOC,WANnB,EAU0BD,eAAOE,UAVjC,EAccF,eAAOG,WAdrB,EAmBoBH,eAAOI,WAnB3B,EAuBcJ,eAAOK,WAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAON,qBAAP,knBAMYC,eAAOM,YANnB,EAU0BN,eAAOO,WAVjC,EAccP,eAAOQ,YAdrB,EAmBoBR,eAAOS,YAnB3B,EAuBcT,eAAOU,YAvBrB;;AA2BF,SAAK,UAAL;AACE,iBAAOX,qBAAP,knBAMYC,eAAOW,WANnB,EAU0BX,eAAOY,UAVjC,EAccZ,eAAOa,WAdrB,EAmBoBb,eAAOc,WAnB3B,EAuBcd,eAAOe,WAvBrB;;AA2BF;AACE,iBAAOhB,qBAAP,knBAMYC,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"}

package/dist/cjs/Breadcrumb/Breadcrumb.js

@@ -1,169 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _ = require("..");
-
-var _reactRouter = require("react-router");
-
-var _typography = require("../styles/typography");
-
-var _DropdownButton = _interopRequireDefault(require("../Dropdown/DropdownButton"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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; }
-
-var marginRight = function marginRight(size) {
-  return size == _.Size.Small || size == _.Size.Medium ? 'margin-right: 8px;' : 'margin-right: 4px;';
-};
-
-var BreadcrumbContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display:flex;\n  align-items: center;\n  min-height: 48px;\n    \n  a {\n    text-decoration: none;\n    ", "\n    ", "\n  }\n\n  .chevronicon {\n    ", "\n  }\n\n  a:hover {\n    color: ", ";\n  }\n  a:active {\n    color: ", ";\n  }\n"])), function (props) {
-  return FontStyles(props.size, _.ComponentTextStyle.Regular, _styles.COLORS.neutral_600);
-}, function (props) {
-  return marginRight(props.size);
-}, function (props) {
-  return marginRight(props.size);
-}, _styles.COLORS.primary_700, _styles.COLORS.primary_800);
-
-var FontStyles = function FontStyles(size, textStyle, color) {
-  switch (size) {
-    case _.Size.XSmall:
-      return (0, _typography.ComponentXXSStyling)(textStyle, color);
-
-    case _.Size.Medium:
-      return (0, _typography.ComponentMStyling)(textStyle, color);
-
-    case _.Size.Small:
-    default:
-      return (0, _typography.ComponentSStyling)(textStyle, color);
-  }
-};
-
-var LastBreadcrumbItem = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  ", "\n"])), function (props) {
-  return FontStyles(props.size, _.ComponentTextStyle.Bold, _styles.COLORS.neutral_800);
-}, function (props) {
-  return marginRight(props.size);
-});
-
-var Breadcrumb = function Breadcrumb(_ref) {
-  var items = _ref.items,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _.Size.Small : _ref$size,
-      _ref$homeIcon = _ref.homeIcon,
-      homeIcon = _ref$homeIcon === void 0 ? true : _ref$homeIcon,
-      _ref$homeLabel = _ref.homeLabel,
-      homeLabel = _ref$homeLabel === void 0 ? 'Home' : _ref$homeLabel,
-      _ref$homeUrl = _ref.homeUrl,
-      homeUrl = _ref$homeUrl === void 0 ? '/' : _ref$homeUrl;
-  var history = (0, _reactRouter.useHistory)();
-  var dropdownItems = items ? items.slice(0, items.length - 2).map(function (x) {
-    return {
-      value: x.url,
-      displayLabel: x.label
-    };
-  }) : [];
-
-  var navigate = function navigate(links) {
-    history.push(links[0]);
-  };
-
-  var chevronSize = size == _.Size.Medium ? "24px" : size == _.Size.Small ? "20px" : "16px";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BreadcrumbContainer, {
-    size: size,
-    children: [homeIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_.IconButton, {
-      variant: "secondary",
-      shape: "circular",
-      action: function action() {
-        return history.push(homeUrl);
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.Home, {
-        size: chevronSize
-      })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
-      id: "homelink",
-      variant: "default",
-      href: homeUrl,
-      children: homeLabel
-    }), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownButton.default, {
-        alignLeft: true,
-        items: dropdownItems,
-        size: size,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.MoreHorizontal, {
-          color: _styles.COLORS.neutral_600,
-          size: "20px"
-        }),
-        onClick: navigate
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
-        id: "link-item-" + (items.length - 3),
-        target: "_self",
-        variant: "default",
-        href: items[items.length - 3].url,
-        children: items[items.length - 3].label
-      })]
-    })), !!items && items.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
-        id: "link-item-" + (items.length - 2),
-        target: "_self",
-        variant: "default",
-        href: items[items.length - 2].url,
-        children: items[items.length - 2].label
-      })]
-    }), !!items && items.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
-        className: "chevronicon",
-        color: _styles.COLORS.neutral_500,
-        size: chevronSize
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LastBreadcrumbItem, {
-        size: size,
-        children: items[items.length - 1].label
-      })]
-    })]
-  });
-};
-
-Breadcrumb.propTypes = {
-  homeIcon: _propTypes.default.bool,
-  homeLabel: _propTypes.default.string,
-  homeUrl: _propTypes.default.string,
-  items: _propTypes.default.array
-};
-var _default = Breadcrumb;
-exports.default = _default;
-//# sourceMappingURL=Breadcrumb.js.map