@bbl-digital/snorre 4.1.0-beta.2 → 4.1.0

package/esm/core/Stepper/Step/index.js

@@ -0,0 +1,83 @@
+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)."; }
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { Circle, FlexWrapper, StepWrapper, SubTitleWrapper } from './styles';
+import Button from '../../Button';
+import Text from '../../Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "mmvz9h",
+  styles: "font-weight:400"
+} : {
+  name: "bhv4vb-buttonstep",
+  styles: "font-weight:400;label:buttonstep;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENpcmNsZSwgRmxleFdyYXBwZXIsIFN0ZXBXcmFwcGVyLCBTdWJUaXRsZVdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcydcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IFRleHQgZnJvbSAnLi4vLi4vVGV4dCdcblxuaW50ZXJmYWNlIElQcm9wcyB7XG4gIG5yOiBudW1iZXJcbiAgc2VsZWN0ZWQ6IGJvb2xlYW5cbiAgdGl0bGU6IHN0cmluZ1xuICBzdWJUaXRsZT86IHN0cmluZ1xuICBiaWRpcmVjdGlvbmFsPzogYm9vbGVhblxuICBvbkNsaWNrOiAobnI6IG51bWJlcikgPT4gdm9pZFxufVxuXG5jb25zdCBTdGVwOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgbnIsXG4gIHNlbGVjdGVkLFxuICBiaWRpcmVjdGlvbmFsLFxuICB0aXRsZSxcbiAgc3ViVGl0bGUsXG4gIG9uQ2xpY2ssXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IGJ1dHRvbnN0ZXAgPSAoXG4gICAgPFN0ZXBXcmFwcGVyIGNvbG9yPXt0aGVtZS5wcmltYXJ5fT5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgbm9zdHlsZVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNsaWNrKG5yKX1cbiAgICAgICAgdHJhY2tpbmdOYW1lPVwiQm9saWdcIlxuICAgICAgICB0cmFja2luZ0V2ZW50PVwiU8O4ayBvbSB1dGxlaWUgY2xpY2s6ICBTdGVwcGVyXCJcbiAgICAgID5cbiAgICAgICAgPEZsZXhXcmFwcGVyPlxuICAgICAgICAgIDxDaXJjbGUgc2VsZWN0ZWQ9e3NlbGVjdGVkfSBjb2xvcj17dGhlbWUucHJpbWFyeX0gYmc9e3RoZW1lLmJnTGlnaHR9PlxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgc2l6ZT1cIjE0cHhcIlxuICAgICAgICAgICAgICBjb2xvcj17c2VsZWN0ZWQgPyB0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9XG4gICAgICAgICAgICAgIHNlbWlib2xkXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtucn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8L0NpcmNsZT5cbiAgICAgICAgICA8VGV4dCBzZW1pYm9sZD57dGl0bGV9PC9UZXh0PlxuICAgICAgICAgIHtzdWJUaXRsZSAmJiAoXG4gICAgICAgICAgICA8U3ViVGl0bGVXcmFwcGVyPlxuICAgICAgICAgICAgICA8VGV4dCBzbWFsbCBjc3M9e3sgZm9udFdlaWdodDogNDAwIH19PlxuICAgICAgICAgICAgICAgIHtzdWJUaXRsZX1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4V3JhcHBlcj5cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcblxuICBjb25zdCBzdGVwID0gKFxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XG4gICAgICA8RmxleFdyYXBwZXI+XG4gICAgICAgIDxDaXJjbGUgc2VsZWN0ZWQ9e3NlbGVjdGVkfSBjb2xvcj17dGhlbWUucHJpbWFyeX0gYmc9e3RoZW1lLmJnTGlnaHR9PlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBzaXplPVwiMTRweFwiXG4gICAgICAgICAgICBjb2xvcj17c2VsZWN0ZWQgPyB0aGVtZS5idG5EZWZhdWx0Rm9udENvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9XG4gICAgICAgICAgICBzZW1pYm9sZFxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtucn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvQ2lyY2xlPlxuICAgICAgICA8VGV4dCBzZW1pYm9sZD57dGl0bGV9PC9UZXh0PlxuICAgICAgICB7c3ViVGl0bGUgJiYgKFxuICAgICAgICAgIDxTdWJUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgICA8VGV4dCBzbWFsbD57c3ViVGl0bGV9PC9UZXh0PlxuICAgICAgICAgIDwvU3ViVGl0bGVXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9GbGV4V3JhcHBlcj5cbiAgICA8L1N0ZXBXcmFwcGVyPlxuICApXG5cbiAgcmV0dXJuIHNlbGVjdGVkID8gYnV0dG9uc3RlcCA6IGJpZGlyZWN0aW9uYWwgPyBidXR0b25zdGVwIDogc3RlcFxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Step = ({
+  nr,
+  selected,
+  bidirectional,
+  title,
+  subTitle,
+  onClick
+}) => {
+  const theme = useTheme();
+  const buttonstep = /*#__PURE__*/_jsx(StepWrapper, {
+    color: theme.primary,
+    children: /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onClick(nr),
+      trackingName: "Bolig",
+      trackingEvent: "S\xF8k om utleie click:  Stepper",
+      children: /*#__PURE__*/_jsxs(FlexWrapper, {
+        children: [/*#__PURE__*/_jsx(Circle, {
+          selected: selected,
+          color: theme.primary,
+          bg: theme.bgLight,
+          children: /*#__PURE__*/_jsx(Text, {
+            size: "14px",
+            color: selected ? theme.btnDefaultFontColor : theme.defaultText,
+            semibold: true,
+            children: nr
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          semibold: true,
+          children: title
+        }), subTitle && /*#__PURE__*/_jsx(SubTitleWrapper, {
+          children: /*#__PURE__*/_jsx(Text, {
+            small: true,
+            css: _ref,
+            children: subTitle
+          })
+        })]
+      })
+    })
+  });
+  const step = /*#__PURE__*/_jsx(StepWrapper, {
+    color: theme.primary,
+    children: /*#__PURE__*/_jsxs(FlexWrapper, {
+      children: [/*#__PURE__*/_jsx(Circle, {
+        selected: selected,
+        color: theme.primary,
+        bg: theme.bgLight,
+        children: /*#__PURE__*/_jsx(Text, {
+          size: "14px",
+          color: selected ? theme.btnDefaultFontColor : theme.defaultText,
+          semibold: true,
+          children: nr
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        semibold: true,
+        children: title
+      }), subTitle && /*#__PURE__*/_jsx(SubTitleWrapper, {
+        children: /*#__PURE__*/_jsx(Text, {
+          small: true,
+          children: subTitle
+        })
+      })]
+    })
+  });
+  return selected ? buttonstep : bidirectional ? buttonstep : step;
+};
+export default Step;

package/esm/core/Stepper/Step/styles.js

@@ -0,0 +1,49 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+import { css } from '@emotion/react';
+export const Circle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7lmlwf4"
+} : {
+  target: "e7lmlwf4",
+  label: "Circle"
+})(props => /*#__PURE__*/css("position:relative;display:flex;margin:auto;justify-content:center;align-items:center;height:32px;width:32px;border-radius:50%;border:2px solid ", props.color, ";background-color:", props.selected ? props.color : props.bg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Circle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5jb2xvciA6IHByb3BzLmJnfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbmBcbmV4cG9ydCBjb25zdCBTdGVwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZmxleC1iYXNpczogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDFyZW07XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG4gICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XG4gICAgICAgIGhlaWdodDogM3B4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IGNhbGMoNTAlICsgMjRweCk7XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XG4gICAgICAgIGhlaWdodDogM3B4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG5gXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDMycHg7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5jb2xvciA6IHByb3BzLmJnfTtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbmBcbmV4cG9ydCBjb25zdCBTdGVwV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZmxleC1iYXNpczogMDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAwIDFyZW07XG5cbiAgICAmID4gYnV0dG9uIHtcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICB9XG4gICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XG4gICAgICAgIGhlaWdodDogM3B4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gICAgJjpub3QoOmxhc3Qtb2YtdHlwZSkge1xuICAgICAgOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGxlZnQ6IGNhbGMoNTAlICsgMjRweCk7XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XG4gICAgICAgIGhlaWdodDogM3B4O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG5gXG5cbmV4cG9ydCBjb25zdCBMYWJlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YGBcbiJdfQ== */");
+export const SubTitleWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7lmlwf3"
+} : {
+  target: "e7lmlwf3",
+  label: "SubTitleWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d3lfkp",
+  styles: "display:flex;text-align:center;justify-content:center;max-width:350px"
+} : {
+  name: "1d3lfkp",
+  styles: "display:flex;text-align:center;justify-content:center;max-width:350px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const StepWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7lmlwf2"
+} : {
+  target: "e7lmlwf2",
+  label: "StepWrapper"
+})(props => /*#__PURE__*/css("position:relative;display:flex;flex-grow:1;flex-basis:0;justify-content:center;padding:0 1rem;&>button{align-items:start;}&:not(:first-of-type){::before{content:'';position:absolute;right:calc(50% + 24px);top:16px;width:calc(50% - 24px);height:3px;background-color:", props.color, ";}}&:not(:last-of-type){::after{content:'';position:absolute;left:calc(50% + 24px);top:16px;width:calc(50% - 24px);height:3px;background-color:", props.color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:StepWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */");
+export const FlexWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7lmlwf1"
+} : {
+  target: "e7lmlwf1",
+  label: "FlexWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "9gxvy4",
+  styles: "display:flex;flex-direction:column;align-items:center;gap:0.5rem"
+} : {
+  name: "9gxvy4",
+  styles: "display:flex;flex-direction:column;align-items:center;gap:0.5rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const LabelWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e7lmlwf0"
+} : {
+  target: "e7lmlwf0",
+  label: "LabelWrapper"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nOyBiZzogc3RyaW5nOyBzZWxlY3RlZDogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAzMnB4O1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke3Byb3BzLmNvbG9yfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1heC13aWR0aDogMzUwcHg7XG5gXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZyB9KSA9PiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGZsZXgtYmFzaXM6IDA7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZzogMCAxcmVtO1xuXG4gICAgJiA+IGJ1dHRvbiB7XG4gICAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gICAgfVxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHJpZ2h0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcbiAgICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xuICAgICAgICBoZWlnaHQ6IDNweDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBGbGV4V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMC41cmVtO1xuYFxuXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXG4iXX0= */");

package/esm/core/Stepper/Stepper.stories.js

@@ -0,0 +1,29 @@
+import Stepper from '.';
+const meta = {
+  title: 'Core/Stepper',
+  component: Stepper
+};
+export default meta;
+export const Default = {
+  name: 'Default',
+  args: {
+    selected: 2,
+    steps: [{
+      nr: 1,
+      title: 'Introduksjon til budsjett',
+      subTitle: 'Forklaring til budsjettforslaget og hva som har endret seg siden sist.'
+    }, {
+      nr: 2,
+      title: 'Spesifikasjon',
+      subTitle: 'Se hvordan kostnader og utgifter fordeler seg på de forskjellige underpostene.'
+    }, {
+      nr: 3,
+      title: 'Fullstendig budsjett',
+      subTitle: 'Fullfør budsjettet ved å se over og justere resterende budsjettposter.'
+    }],
+    withMobileLayout: true,
+    bidirectional: true,
+    boxType: 'mysite',
+    onStepSelected: val => console.log('selected ' + val)
+  }
+};

package/esm/core/Stepper/index.js

@@ -0,0 +1,47 @@
+import React, { Fragment } from 'react';
+import { StepperWrapper } from './styles';
+import Step from './Step';
+import MobileStep from './MobileStep';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import Box from '../Box';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const Stepper = ({
+  selected,
+  steps,
+  withMobileLayout = true,
+  bidirectional = false,
+  withBox = true,
+  boxType,
+  onStepSelected
+}) => {
+  const isMobile = useIsMobile();
+  const DesktopStepper = () => /*#__PURE__*/_jsx(StepperWrapper, {
+    steps: steps.length,
+    children: steps.map((step, index) => {
+      return /*#__PURE__*/_jsx(Fragment, {
+        children: /*#__PURE__*/_jsx(Step, {
+          nr: step.nr,
+          title: step.title,
+          subTitle: step.subTitle,
+          bidirectional: bidirectional,
+          selected: step.nr <= selected,
+          onClick: onStepSelected
+        })
+      }, index);
+    })
+  });
+  const PolyStepper = () => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!isMobile && /*#__PURE__*/_jsx(DesktopStepper, {}), isMobile && /*#__PURE__*/_jsx(MobileStep, {
+      steps: steps,
+      selected: selected
+    })]
+  });
+  if (!withBox) return /*#__PURE__*/_jsx(_Fragment, {
+    children: withMobileLayout ? /*#__PURE__*/_jsx(PolyStepper, {}) : /*#__PURE__*/_jsx(DesktopStepper, {})
+  });
+  return /*#__PURE__*/_jsx(Box, {
+    type: boxType,
+    children: withMobileLayout ? /*#__PURE__*/_jsx(PolyStepper, {}) : /*#__PURE__*/_jsx(DesktopStepper, {})
+  });
+};
+export default Stepper;

package/esm/core/Stepper/styles.js

@@ -0,0 +1,24 @@
+import _styled from "@emotion/styled/base";
+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)."; }
+import { css } from '@emotion/react';
+export const StepDivider = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "egvzgek1"
+} : {
+  target: "egvzgek1",
+  label: "StepDivider"
+})(props => /*#__PURE__*/css("height:3px;width:30px;margin-top:1rem;background-color:", props.color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepDivider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUltQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6IDNweDtcbiAgICB3aWR0aDogMzBweDtcbiAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBzdGVwczogbnVtYmVyIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAwIDIuNWVtO1xuICAgIGFsaWduLWl0ZW1zOiB0b3A7XG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgcGFkZGluZzogMCAwLjVlbTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcyQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6IDNweDtcbiAgICB3aWR0aDogMzBweDtcbiAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBzdGVwczogbnVtYmVyIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAwIDIuNWVtO1xuICAgIGFsaWduLWl0ZW1zOiB0b3A7XG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgcGFkZGluZzogMCAwLjVlbTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */");
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "jpgenn",
+  styles: "display:flex;justify-content:space-between;padding:0 2.5em;align-items:top;margin-bottom:1.5em;@media screen and (max-width: 768px){padding:0 0.5em;span{font-size:12px;}}"
+} : {
+  name: "9i9w2h-StepperWrapper",
+  styles: "display:flex;justify-content:space-between;padding:0 2.5em;align-items:top;margin-bottom:1.5em;@media screen and (max-width: 768px){padding:0 0.5em;span{font-size:12px;}};label:StepperWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6IDNweDtcbiAgICB3aWR0aDogMzBweDtcbiAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBzdGVwczogbnVtYmVyIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAwIDIuNWVtO1xuICAgIGFsaWduLWl0ZW1zOiB0b3A7XG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgcGFkZGluZzogMCAwLjVlbTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export const StepperWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "egvzgek0"
+} : {
+  target: "egvzgek0",
+  label: "StepperWrapper"
+})(props => _ref, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk4QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6IDNweDtcbiAgICB3aWR0aDogMzBweDtcbiAgICBtYXJnaW4tdG9wOiAxcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBzdGVwczogbnVtYmVyIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAwIDIuNWVtO1xuICAgIGFsaWduLWl0ZW1zOiB0b3A7XG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgICAgcGFkZGluZzogMCAwLjVlbTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcbiJdfQ== */");

package/esm/core/TabBar/TabBar.stories.js

@@ -1,8 +1,7 @@
 import TabBar from '.';
 import TabItem from './TabItem';
 import IconMembership from '../../icons/General/IconMembership';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/TabBar',
   component: TabBar,

package/esm/core/TabBar/TabItem/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TabWrapper } from './styles';
 import Text from '../../Text';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TabItem = ({
   text,
   icon,
@@ -11,6 +10,7 @@ const TabItem = ({
 }) => {
   return /*#__PURE__*/_jsxs(TabWrapper, {
     onClick: onClick,
+    "aria-label": `Tab knapp for ${text}`,
     children: [icon, /*#__PURE__*/_jsx(Text, {
       primary: active,
       secondary: !active,

package/esm/core/TabNav/TabNav.stories.js

@@ -1,8 +1,7 @@
 import TabNav from '.';
 import TabNavItem from './TabNavItem';
 import Button from '../Button';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/TabNav',
   component: TabNav

package/esm/core/TabNav/TabNavItem/index.js

@@ -6,8 +6,7 @@ import Link from '../../Link';
 import { TabContext } from '../TabContext';
 import { useContainerDimensions } from '../utils/useContainerDimensions';
 import { TabNavItemWrapper, styles, SelectChildrenWrapper, SelectOption } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TabNavItem = ({
   value,
   displayText,

package/esm/core/TabNav/index.js

@@ -7,8 +7,7 @@ import { useContainerDimensions } from './utils/useContainerDimensions';
 import Select, { Option } from '../Select';
 import Link from '../Link';
 import { useIsMobile } from '../../hooks/useIsMobile';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TabNav = ({
   value,
   children,

package/esm/core/Table/Table.stories.js

@@ -1,8 +1,7 @@
 import Table from '.';
 import Cell from './Cell';
 import Row from './Row';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Table',
   component: Table

package/esm/core/Tag/index.js

@@ -4,9 +4,7 @@ import { styles } from './styles';
 import IconClose from '../../icons/General/IconClose';
 import Button from '../Button';
 import Spinner from '../Spinner';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Tag = ({
   icon,
   trackingEvent,

package/esm/core/Textarea/index.js

@@ -3,8 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { Label, styles, Wrapper, ErrorMessage } from './styles';
 import { IconErrorOutline } from '../..';
 import { useTheme } from '@emotion/react';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Textarea = ({
   label,
   value = '',
@@ -17,7 +16,7 @@ const Textarea = ({
   maxHeight,
   disabled,
   onChange,
-  onBlur
+  ...restProps
 }) => {
   const theme = useTheme();
   const [inputValue, setInputValue] = useState(value);
@@ -38,14 +37,16 @@ const Textarea = ({
     }), _jsx("textarea", {
       id: aria,
       css: theme => [styles.default(theme), styles.resize(resize), maxHeight && styles.maxHeight(maxHeight), disabled && styles.disabled(theme)],
+      "aria-label": label,
+      "aria-invalid": !!invalidMessage,
       value: inputValue,
       rows: rows,
       placeholder: placeholder,
       onChange: e => handleChange(e),
-      onBlur: onBlur,
       maxLength: maxLength,
       autoFocus: focus,
-      disabled: disabled
+      disabled: disabled,
+      ...restProps
     }), invalidMessage && _jsxs(ErrorMessage, {
       theme: theme,
       children: [_jsx(IconErrorOutline, {

package/esm/core/Timeline/Timeline.stories.js

@@ -1,7 +1,6 @@
 import Timeline from '.';
 import TimelineStep from './TimelineStep';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/Timeline',
   component: Timeline

package/esm/core/Timeline/TimelineStep/index.js

@@ -3,8 +3,7 @@ import React from 'react';
 import { useTheme } from '@emotion/react';
 import Text from '../../Text';
 import { TextWrapper, Wrapper, Circle, styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TimelineStep = ({
   title,
   text,

package/esm/core/Timepicker/index.js

@@ -4,8 +4,7 @@ import React, { useState } from 'react';
 import { IconErrorOutline } from '../..';
 import { DEFAULT_DIVIDER, DEFAULT_VALUE_FULL, DEFAULT_VALUE_FULL_NULLABLE, DEFAULT_VALUE_SHORT, DEFAULT_VALUE_SHORT_NULLABLE, handleDateToStringConvertion, handleStringToDateConvertion, isNumber, validateTimeAndCursor } from '../../utils/time';
 import styles, { ErrorMessage, Label } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TimePicker = /*#__PURE__*/React.forwardRef(({
   label,
   value,

package/esm/core/Tooltip/index.js

@@ -3,8 +3,7 @@ import { mergeProps, useTooltip, useTooltipTrigger } from 'react-aria';
 import React from 'react';
 import { useTooltipTriggerState } from 'react-stately';
 import { styles } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TooltipChild = ({
   state,
   ...props

package/esm/core/UserMenu/UserMenu.stories.js

@@ -1,8 +1,7 @@
 import UserMenu from '.';
 import UserMenuOption from './UserMenuOption';
 import Button from '../Button';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default {
   title: 'Core/UserMenu',
   component: UserMenu

package/esm/core/UserMenu/index.js

@@ -5,8 +5,7 @@ import Button from '../Button';
 import IconUser from '../../icons/General/IconUser';
 import { useTheme } from '@emotion/react';
 import IconUserThin from '../../icons/General/IconUserThin';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const UserMenu = ({
   name,
   firstname,

package/esm/core/YearWheel/index.js

@@ -1,8 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
 import { activepie, pathFill, Wrapper } from './styles';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const YearWheel = ({
   selectedMonth,
   onMonthClick

package/esm/core/private/ButtonOrLink.js

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
 import removeFocusOnMouseUp from '../../utils/removeFocusOnMouseUp';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ButtonOrLink = /*#__PURE__*/React.forwardRef(({
   afterIcon,
   beforeIcon,

package/esm/core/private/preemption.js

@@ -11,8 +11,12 @@ const getMeldefristText = preemption => {
   const diffHours = Math.ceil(Math.abs(date1.valueOf() - date2.valueOf()) / 3600000);
   if (diffHours > 36) {
     return ' ' + Math.ceil(diffHours / 24) + ' dager';
-  } else {
+  } else if (diffHours > 1) {
     return ' ' + diffHours + ' timer';
+  } else {
+    // Legge denne her for at den ikke regnes ut hver gang
+    const diffMinutes = Math.ceil(Math.abs(date1.valueOf() - date2.valueOf()) / (1000 * 60));
+    return ' ' + diffMinutes + ' minutter';
   }
 };
 export { getAreaTextForPreemptionUnit, isDeadlineClosing, getMeldefristText };

package/esm/globals/validation/regularExpressions.js

@@ -3,7 +3,7 @@ const regularExpressions = {
   mobilenumber: new RegExp(/(?:^((?!00|[+])|(?:(?:00|[+])47))([49]\d{7})$)|(?:^(?:00|[+])(?!47)([49]\d{7,15})$)/),
   exclusiveNumbers: new RegExp(/^\d+$/),
   date: new RegExp(/^(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{4}|(0[1-9]|[1-2][0-9]|31(?!(?:0[2469]|11))|30(?!02))(0[1-9]|1[0-2])([12]\d{3})|([01][0-9]|2[0-8])(0[0-9]|1[0-2])[0-9][0-9]|30(0[013-9]|1[0-2])[0-9][0-9]|31(0[13578]|1[02])[0-9][0-9]|29((0[013-9]|1[0-2])[0-9][0-9]|02([0246][048]|[13579][26]))|(0[1-9]|[12][0-9]|3[01])[\.](0[1-9]|1[012])[\.]\d{2}$/),
-  email: new RegExp(/^[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}$/),
+  email: new RegExp(/(?:[^<>()\[\]\\.,;:\s@"]+(?:\.[^<>()\[\]\\.,;:\s@"]+)*@(?:[a-zA-ZæÆøØåÅ0-9-]+\.)+[a-zA-Z]{2,}(?:\s?[;,:\s]\s?)?)+/),
   year: new RegExp(/^[12][0-9]{3}$/),
   url: new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{2,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/)
 };

package/esm/icons/General/IconAuditorFilled.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconAuditorFilled = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 24 24",

package/esm/icons/General/IconAuditorOutline.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconAuditorOutline = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 24 24",

package/esm/icons/General/IconCamera.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconCamera = props => /*#__PURE__*/_jsxs("svg", {
   stroke: "currentColor",
   strokeWidth: "2",

package/esm/icons/General/IconCases.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconCases = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 24 24",

package/esm/icons/General/IconDocument.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconDocument = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 16 20",

package/esm/icons/General/IconDocumentFilled.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconDocumentFilled = props => {
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 16 20",

package/esm/icons/General/IconEmailMarkAsRead.js

@@ -0,0 +1,12 @@
+import withIcon from '../withIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconEmailMarkAsRead = props => {
+  return /*#__PURE__*/_jsx("svg", {
+    viewBox: "0 -960 960 960",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M638-80 468-250l56-56 114 114 226-226 56 56L638-80ZM480-520l320-200H160l320 200Zm0 80L160-640v400h206l80 80H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v174l-80 80v-174L480-440Zm0 0Zm0-80Zm0 80Z"
+    })
+  });
+};
+export default withIcon('IconEmailMarkAsRead')(IconEmailMarkAsRead);

package/esm/icons/General/IconFillOut.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconFillOut = props => {
   return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 24 24",

package/esm/icons/General/IconHomeFilled.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconHomeFilled = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 20 20",
   ...props,

package/esm/icons/General/IconHomeOutline.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import withIcon from '../withIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const IconHomeOutline = props => /*#__PURE__*/_jsxs("svg", {
   viewBox: "0 0 20 20",
   ...props,