@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/v2/Memberbenefits/MemberbenefitsCard/index.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MemberBenefitsCard = void 0;
-var _react = require("react");
-var _Header = _interopRequireDefault(require("../../../core/Header"));
-var _Html = _interopRequireDefault(require("../../../core/Html"));
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _IconMedal = _interopRequireDefault(require("../../../icons/General/IconMedal"));
-var _IconPercent = _interopRequireDefault(require("../../../icons/General/IconPercent"));
-var _styles = require("./styles");
-var _IllustrationMySiteBenefits = _interopRequireDefault(require("../../../illustrations/MySite/IllustrationMySiteBenefits"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** @jsxImportSource @emotion/react */
-
-const MemberBenefitsCard = ({
-  benefit,
-  variant = 'default',
-  altText,
-  altTextLogo,
-  scrollTo,
-  onReadMoreClick,
-  afterScroll,
-  ...props
-}) => {
-  const ref = (0, _react.useRef)(null);
-  const discountText = benefit?.discountText?.trim();
-  const bonusText = benefit?.bonusText?.trim();
-  const hasSituationImage = !!benefit?.urlSituationImage;
-  const hasLogo = !!benefit?.urlLogo;
-  const situationImgAltText = altText || `${benefit.name} situasjonsbilde`;
-  const logoAltText = altTextLogo || `${benefit.name} logo`;
-  const isMySite = variant === 'mysite';
-  const scrollToRef = ref => {
-    if (ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'end'
-      });
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (scrollTo) {
-      scrollToRef(ref);
-      afterScroll && afterScroll();
-    }
-  }, [ref, scrollTo, afterScroll]);
-  return (0, _jsxRuntime.jsxs)("button", {
-    css: () => [_styles.styles.default(), variant === 'mysite' && _styles.styles.mysite, props.css && props.css],
-    ref: ref,
-    onClick: onReadMoreClick,
-    "aria-label": `Les mer om denne medlemsfordelen: ${benefit.name}`,
-    children: [hasSituationImage || hasLogo ? (0, _jsxRuntime.jsxs)(_styles.ImageWithOverlay, {
-      isMySite: isMySite,
-      children: [hasSituationImage && (0, _jsxRuntime.jsx)(_styles.ImageRepresentation, {
-        src: benefit.urlSituationImage,
-        alt: situationImgAltText
-      }), hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.LogoOverlay, {
-        isMySite: isMySite,
-        children: (0, _jsxRuntime.jsx)(_styles.LogoFlexContainer, {
-          children: (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
-            src: benefit.urlLogo,
-            alt: logoAltText
-          })
-        })
-      }), !hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
-        src: benefit.urlLogo,
-        alt: logoAltText
-      })]
-    }) : (0, _jsxRuntime.jsx)(_styles.ImageWithOverlay, {
-      isMySite: isMySite,
-      children: (0, _jsxRuntime.jsx)(_IllustrationMySiteBenefits.default, {
-        width: "80%",
-        accessibilityLabel: `Illustrasjon medlemsfordel: ${benefit.name}`
-      })
-    }), (0, _jsxRuntime.jsxs)(_styles.ContentWrapper, {
-      children: [(0, _jsxRuntime.jsxs)(_styles.TextWrapper, {
-        children: [(0, _jsxRuntime.jsx)(_Header.default, {
-          level: 3,
-          size: "18px",
-          children: benefit.name
-        }), benefit?.teaser && (0, _jsxRuntime.jsx)(_Html.default, {
-          text: benefit.teaser
-        })]
-      }), (Boolean(bonusText?.length) || Boolean(discountText?.length)) && (0, _jsxRuntime.jsxs)(_styles.DiscountAndBonus, {
-        children: [!!bonusText && (0, _jsxRuntime.jsxs)(_styles.Row, {
-          children: [(0, _jsxRuntime.jsx)(_IconMedal.default, {
-            backgrounded: true,
-            primary: true
-          }), (0, _jsxRuntime.jsx)(_Text.default, {
-            semibold: true,
-            children: bonusText
-          })]
-        }), !!discountText && (0, _jsxRuntime.jsxs)(_styles.Row, {
-          children: [(0, _jsxRuntime.jsx)(_IconPercent.default, {
-            backgrounded: true,
-            primary: true
-          }), (0, _jsxRuntime.jsx)(_Text.default, {
-            semibold: true,
-            children: discountText
-          })]
-        })]
-      })]
-    })]
-  });
-};
-exports.MemberBenefitsCard = MemberBenefitsCard;

package/esm/v2/Memberbenefits/MemberbenefitsCard/model.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PartnerTypeEnum = void 0;
-let PartnerTypeEnum = exports.PartnerTypeEnum = /*#__PURE__*/function (PartnerTypeEnum) {
-  PartnerTypeEnum["Retail"] = "Retail";
-  PartnerTypeEnum["Online"] = "Online";
-  return PartnerTypeEnum;
-}({});

package/esm/v2/Memberbenefits/MemberbenefitsCard/styles.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.TextWrapper = exports.SupplierLogo = exports.StoryGridWrapper = exports.Row = exports.LogoOverlay = exports.LogoFlexContainer = exports.ImageWithOverlay = exports.ImageRepresentation = exports.DiscountAndBonus = exports.ContentWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const StoryGridWrapper = exports.StoryGridWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p9"
-} : {
-  target: "e1xuv93p9",
-  label: "StoryGridWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1asd8va",
-  styles: "display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem"
-} : {
-  name: "1asd8va",
-  styles: "display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:1rem",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/** Main styles for the button */
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1hir06c",
-  styles: "border-radius:16px"
-} : {
-  name: "18mpy8k-mysite",
-  styles: "border-radius:16px;label:mysite;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "f8f32m",
-  styles: "display:flex;flex-direction:column;width:100%;height:100%;height:350px;max-width:500px;border-radius:4px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);cursor:pointer;background:white;border:none;padding:0;text-align:left;transition:all 0.3s ease-in-out;&:hover{box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);}"
-} : {
-  name: "925kx5-default",
-  styles: "display:flex;flex-direction:column;width:100%;height:100%;height:350px;max-width:500px;border-radius:4px;box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);cursor:pointer;background:white;border:none;padding:0;text-align:left;transition:all 0.3s ease-in-out;&:hover{box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);};label:default;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const styles = exports.styles = {
-  default: () => _ref2,
-  mysite: () => _ref
-};
-const ImageWithOverlay = exports.ImageWithOverlay = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p8"
-} : {
-  target: "e1xuv93p8",
-  label: "ImageWithOverlay"
-})("display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:150px;max-height:150px;border-radius:", ({
-  isMySite
-}) => isMySite ? '16px 16px 0 0' : '4px 4px 0 0', ";overflow:hidden;background-color:white;>div:has(svg){display:flex;justify-content:center;height:80%;}");
-const ImageRepresentation = exports.ImageRepresentation = /*#__PURE__*/(0, _base.default)("img", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p7"
-} : {
-  target: "e1xuv93p7",
-  label: "ImageRepresentation"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4uwt2b",
-  styles: "width:100%;height:100%;object-fit:cover"
-} : {
-  name: "4uwt2b",
-  styles: "width:100%;height:100%;object-fit:cover",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const LogoOverlay = exports.LogoOverlay = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p6"
-} : {
-  target: "e1xuv93p6",
-  label: "LogoOverlay"
-})("position:absolute;top:16px;left:16px;width:88px;height:72px;border-radius:", ({
-  isMySite
-}) => isMySite ? '8px' : '4px', ";background-color:white;");
-const LogoFlexContainer = exports.LogoFlexContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p5"
-} : {
-  target: "e1xuv93p5",
-  label: "LogoFlexContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1w1qal4",
-  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:100%"
-} : {
-  name: "1w1qal4",
-  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const SupplierLogo = exports.SupplierLogo = /*#__PURE__*/(0, _base.default)("img", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p4"
-} : {
-  target: "e1xuv93p4",
-  label: "SupplierLogo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7oa4zk",
-  styles: "width:80%;height:80%;object-fit:contain;display:flex;align-items:center;justify-content:center"
-} : {
-  name: "7oa4zk",
-  styles: "width:80%;height:80%;object-fit:contain;display:flex;align-items:center;justify-content:center",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TextWrapper = exports.TextWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p3"
-} : {
-  target: "e1xuv93p3",
-  label: "TextWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1gaq9ho",
-  styles: "display:flex;flex-direction:column;gap:4px;&>div:first-of-type{overflow:hidden;height:75px;}"
-} : {
-  name: "1gaq9ho",
-  styles: "display:flex;flex-direction:column;gap:4px;&>div:first-of-type{overflow:hidden;height:75px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p2"
-} : {
-  target: "e1xuv93p2",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "rn7yxn",
-  styles: "display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1rem;padding:16px"
-} : {
-  name: "rn7yxn",
-  styles: "display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:1rem;padding:16px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Row = exports.Row = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p1"
-} : {
-  target: "e1xuv93p1",
-  label: "Row"
-})(process.env.NODE_ENV === "production" ? {
-  name: "197tvr9",
-  styles: "display:flex;gap:8px;align-items:center"
-} : {
-  name: "197tvr9",
-  styles: "display:flex;gap:8px;align-items:center",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const DiscountAndBonus = exports.DiscountAndBonus = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1xuv93p0"
-} : {
-  target: "e1xuv93p0",
-  label: "DiscountAndBonus"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3w0yoi",
-  styles: "display:flex;flex-direction:column;gap:8px"
-} : {
-  name: "3w0yoi",
-  styles: "display:flex;flex-direction:column;gap:8px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/esm/v2/core/Box/Box.stories.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithHeaderAndFooter = exports.WithHeaderAndCollapse = exports.Rounded = exports.Noshadow = exports.NoPadding = exports.HideContent = exports.Default = exports.CollapsableMysite = exports.Collapsable = exports.Background = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Header = _interopRequireDefault(require("../../../core/Header"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const meta = {
-  title: 'v2/Core/Box',
-  component: _.default
-};
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  args: {
-    children: 'Stuff'
-  },
-  name: 'Default'
-};
-const Collapsable = exports.Collapsable = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    children: 'Stuff',
-    footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Test"
-    })
-  },
-  name: 'Collapsable'
-};
-const Rounded = exports.Rounded = {
-  args: {
-    type: 'mysite',
-    children: 'Stuff'
-  },
-  name: 'Rounded'
-};
-const WithHeaderAndFooter = exports.WithHeaderAndFooter = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Test"
-    }),
-    footerAlignment: 'end',
-    children: 'Stuff'
-  },
-  name: 'With header and footer'
-};
-const WithHeaderAndCollapse = exports.WithHeaderAndCollapse = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    children: 'Stuff'
-  },
-  name: 'With header and collapse'
-};
-const CollapsableMysite = exports.CollapsableMysite = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    collapsable: true,
-    type: 'mysite',
-    children: 'Stuff'
-  },
-  name: 'Collapsable mysite'
-};
-const Noshadow = exports.Noshadow = {
-  args: {
-    noshadow: true,
-    children: 'Stuff'
-  },
-  name: 'Noshadow'
-};
-const Background = exports.Background = {
-  args: {
-    background: '#ececec',
-    children: 'Stuff'
-  },
-  name: 'Background'
-};
-const HideContent = exports.HideContent = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    hideContent: true,
-    children: 'Stuff'
-  },
-  name: 'Hide content'
-};
-const NoPadding = exports.NoPadding = {
-  args: {
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Header"
-    }),
-    children: 'Stuff',
-    contentHasPadding: false
-  },
-  name: 'No padding on content'
-};

package/esm/v2/core/Box/index.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _IconMinus = _interopRequireDefault(require("../../../icons/General/IconMinus"));
-var _IconPlus = _interopRequireDefault(require("../../../icons/General/IconPlus"));
-var _IconChevronDown = _interopRequireDefault(require("../../../icons/General/IconChevronDown"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsxImportSource @emotion/react */
-
-const Box = ({
-  header,
-  footer,
-  footerAlignment = 'end',
-  collapsable,
-  collapsableOpen,
-  handleOpenState,
-  css,
-  type = 'default',
-  noshadow,
-  background,
-  className,
-  hideContent,
-  children,
-  contentHasPadding = true,
-  collapseIcon = type === 'default' ? 'plus/minus' : 'chevron',
-  ...restProps
-}) => {
-  const [isOpen, setIsOpen] = (0, _react.useState)(collapsableOpen ? true : false);
-  (0, _react.useEffect)(() => {
-    if (handleOpenState !== undefined) setIsOpen(handleOpenState);
-  }, [handleOpenState]);
-  const onCollapseIconClicked = e => {
-    setIsOpen(!isOpen);
-  };
-  const icon = collapseIcon === 'plus/minus' ? isOpen ? (0, _jsxRuntime.jsx)(_IconMinus.default, {
-    "aria-hidden": "true"
-  }) : (0, _jsxRuntime.jsx)(_IconPlus.default, {
-    "aria-hidden": "true"
-  }) : (0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-    flipVertical: isOpen,
-    size: "14px",
-    "aria-hidden": "true"
-  });
-  const headerWrapper = collapsable ? (0, _jsxRuntime.jsx)(_styles.CollapseButton, {
-    "aria-label": `Toggle box ${isOpen ? 'closed' : 'open'}`,
-    "aria-expanded": isOpen,
-    onClick: onCollapseIconClicked,
-    nostyle: true,
-    children: (0, _jsxRuntime.jsxs)(_styles.HeaderWrapper, {
-      children: [header, " ", icon]
-    })
-  }) : (0, _jsxRuntime.jsx)(_styles.HeaderWrapper, {
-    children: header
-  });
-  const footerWrapper = footer && (0, _jsxRuntime.jsx)(_styles.FooterWrapper, {
-    align: footerAlignment,
-    children: footer
-  });
-  return (0, _jsxRuntime.jsxs)("div", {
-    role: "group",
-    css: theme => [_styles.styles.default(theme), css && css, type === 'mysite' && _styles.styles.mysite(theme), noshadow && _styles.styles.noshadow, background && _styles.styles.background(background), _styles.styles.padding],
-    className: className,
-    ...restProps,
-    children: [header && headerWrapper, (isOpen || !collapsable) && !hideContent && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [(0, _jsxRuntime.jsx)(_styles.ContentWrapper, {
-        hasPadding: contentHasPadding,
-        hasHeader: !header,
-        children: (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-          children: children
-        })
-      }), footer && footerWrapper]
-    })]
-  });
-};
-var _default = exports.default = Box;

package/esm/v2/core/Box/styles.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.default = exports.HeaderWrapper = exports.FooterWrapper = exports.ContentWrapper = exports.CollapseButton = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _Button = _interopRequireDefault(require("../Button"));
-var _breakpoints = _interopRequireDefault(require("../../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const styles = exports.styles = {
-  default: theme => /*#__PURE__*/(0, _react.css)("position:relative;border-radius:8px;background:#ffffff;box-shadow:", theme.shadowSmall, ";&>button{width:100%;display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;")),
-  mysite: theme => /*#__PURE__*/(0, _react.css)("padding:0.5em 0;border-radius:", theme.mypageBoxBorderRadius, ";box-shadow:", theme.mypageBoxShadow, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:mysite;")),
-  noshadow: process.env.NODE_ENV === "production" ? {
-    name: "1t90u8d",
-    styles: "box-shadow:none"
-  } : {
-    name: "1u50o93-noshadow",
-    styles: "box-shadow:none;label:noshadow;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  background: bg => /*#__PURE__*/(0, _react.css)("background:", bg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;")),
-  padding: /*#__PURE__*/(0, _react.css)("padding:1.5rem 0;@media (max-width: ", _breakpoints.default.small, "){padding:1rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:padding;"))
-};
-const HeaderWrapper = exports.HeaderWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e13mu5073"
-} : {
-  target: "e13mu5073",
-  label: "HeaderWrapper"
-})("display:flex;justify-content:space-between;svg{align-self:center;}padding:0 1.5rem 0 1.5rem;@media (max-width: ", _breakpoints.default.small, "){padding:0 1rem 0 1rem;}");
-const FooterWrapper = exports.FooterWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e13mu5072"
-} : {
-  target: "e13mu5072",
-  label: "FooterWrapper"
-})("display:flex;justify-content:", props => props.align || 'start', ";padding:1rem 1.5rem 0 1.5rem;@media (max-width: ", _breakpoints.default.small, "){padding:1rem 1rem 0 1rem;}");
-const ContentWrapper = exports.ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e13mu5071"
-} : {
-  target: "e13mu5071",
-  label: "ContentWrapper"
-})("display:block;padding:", props => props.hasPadding ? '0 1.5rem' : '0', ";padding-top:", props => props.hasHeader ? '0' : '1rem', ";@media (max-width: ", _breakpoints.default.small, "){padding:", props => props.hasPadding ? '0 1rem' : '0', ";padding-top:", props => props.hasHeader ? '0' : '0.5rem', ";}");
-const CollapseButton = exports.CollapseButton = /*#__PURE__*/(0, _base.default)(_Button.default, process.env.NODE_ENV === "production" ? {
-  target: "e13mu5070"
-} : {
-  target: "e13mu5070",
-  label: "CollapseButton"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1082qq3",
-  styles: "display:block;width:100%"
-} : {
-  name: "1082qq3",
-  styles: "display:block;width:100%",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var _default = exports.default = styles;