@bbl-digital/snorre 4.0.42 → 4.0.44

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

@@ -0,0 +1,34 @@
+import Text from '../../Text';
+import { ProgressCircle, StepInformation, Wrapper } from './styles';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MobileStep = ({
+  steps,
+  selected
+}) => {
+  const progressPercentage = selected / steps.length * 100;
+  const currentStep = steps.find(step => step.nr === selected);
+  const isLastStep = selected === steps.length;
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(ProgressCircle, {
+      $progress: progressPercentage,
+      children: /*#__PURE__*/_jsxs(Text, {
+        size: "14px",
+        semibold: true,
+        children: [selected, " av ", steps.length]
+      })
+    }), /*#__PURE__*/_jsxs(StepInformation, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        size: "16px",
+        bold: true,
+        children: currentStep?.title || ''
+      }), !isLastStep && /*#__PURE__*/_jsxs(Text, {
+        size: "13px",
+        semibold: true,
+        subtle: true,
+        children: ["Neste: ", steps[selected]?.title || '']
+      })]
+    })]
+  });
+};
+export default MobileStep;

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

@@ -0,0 +1,90 @@
+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)."; }
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu26"
+} : {
+  target: "e19l5vu26",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1pmv6kw",
+  styles: "display:flex;gap:1em"
+} : {
+  name: "1pmv6kw",
+  styles: "display:flex;gap:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBsaW5lLWhlaWdodDogMjdweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTmV4dFN0ZXAgPSBzdHlsZWQuc3BhbmBcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmF5MjB9O1xyXG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xyXG5gXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgZ2FwOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5kaXY8eyAkcHJvZ3Jlc3M6IG51bWJlciB9PmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIHdpZHRoOiBtaW4oNjBweCwgOTBweCk7XHJcbiAgaGVpZ2h0OiBtaW4oNjBweCwgOTBweCk7XHJcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gIGJhY2tncm91bmQ6ICR7KHtcclxuICAgICRwcm9ncmVzcyxcclxuICAgIHRoZW1lLFxyXG4gIH0pID0+IGByYWRpYWwtZ3JhZGllbnQoY2xvc2VzdC1zaWRlLCB3aGl0ZSA4NSUsIHRyYW5zcGFyZW50IDgwJSAxMDAlKSxcclxuICAgIGNvbmljLWdyYWRpZW50KCR7dGhlbWUucHJpbWFyeX0gJHskcHJvZ3Jlc3N9JSwgJHt0aGVtZS5wcmltYXJ5NTBvcGF9IDApO2B9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU3RlcEluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgdGV4dC1hbGlnbjogbGVmdDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBnYXA6IDAuNWVtO1xyXG5gXHJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const LabelWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu25"
+} : {
+  target: "e19l5vu25",
+  label: "LabelWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "tod0po",
+  styles: "display:flex;align-items:center;gap:0.5em"
+} : {
+  name: "tod0po",
+  styles: "display:flex;align-items:center;gap:0.5em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBsaW5lLWhlaWdodDogMjdweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTmV4dFN0ZXAgPSBzdHlsZWQuc3BhbmBcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmF5MjB9O1xyXG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xyXG5gXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgZ2FwOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5kaXY8eyAkcHJvZ3Jlc3M6IG51bWJlciB9PmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIHdpZHRoOiBtaW4oNjBweCwgOTBweCk7XHJcbiAgaGVpZ2h0OiBtaW4oNjBweCwgOTBweCk7XHJcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gIGJhY2tncm91bmQ6ICR7KHtcclxuICAgICRwcm9ncmVzcyxcclxuICAgIHRoZW1lLFxyXG4gIH0pID0+IGByYWRpYWwtZ3JhZGllbnQoY2xvc2VzdC1zaWRlLCB3aGl0ZSA4NSUsIHRyYW5zcGFyZW50IDgwJSAxMDAlKSxcclxuICAgIGNvbmljLWdyYWRpZW50KCR7dGhlbWUucHJpbWFyeX0gJHskcHJvZ3Jlc3N9JSwgJHt0aGVtZS5wcmltYXJ5NTBvcGF9IDApO2B9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU3RlcEluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgdGV4dC1hbGlnbjogbGVmdDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBnYXA6IDAuNWVtO1xyXG5gXHJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Label = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu24"
+} : {
+  target: "e19l5vu24",
+  label: "Label"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1w7caun",
+  styles: "font-size:16px;line-height:27px;font-weight:600"
+} : {
+  name: "1w7caun",
+  styles: "font-size:16px;line-height:27px;font-weight:600",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsID0gc3R5bGVkLmxhYmVsYFxyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBsaW5lLWhlaWdodDogMjdweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTmV4dFN0ZXAgPSBzdHlsZWQuc3BhbmBcclxuICBmb250LXNpemU6IDE0cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ncmF5MjB9O1xyXG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xyXG5gXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgZ2FwOiAxZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5kaXY8eyAkcHJvZ3Jlc3M6IG51bWJlciB9PmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcblxyXG4gIHdpZHRoOiBtaW4oNjBweCwgOTBweCk7XHJcbiAgaGVpZ2h0OiBtaW4oNjBweCwgOTBweCk7XHJcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gIGJhY2tncm91bmQ6ICR7KHtcclxuICAgICRwcm9ncmVzcyxcclxuICAgIHRoZW1lLFxyXG4gIH0pID0+IGByYWRpYWwtZ3JhZGllbnQoY2xvc2VzdC1zaWRlLCB3aGl0ZSA4NSUsIHRyYW5zcGFyZW50IDgwJSAxMDAlKSxcclxuICAgIGNvbmljLWdyYWRpZW50KCR7dGhlbWUucHJpbWFyeX0gJHskcHJvZ3Jlc3N9JSwgJHt0aGVtZS5wcmltYXJ5NTBvcGF9IDApO2B9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU3RlcEluZm9ybWF0aW9uID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgdGV4dC1hbGlnbjogbGVmdDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBnYXA6IDAuNWVtO1xyXG5gXHJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const NextStep = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu23"
+} : {
+  target: "e19l5vu23",
+  label: "NextStep"
+})("font-size:14px;line-height:27px;font-weight:500;color:", ({
+  theme
+}) => theme.gray20, ";text-decoration:underline;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL01vYmlsZVN0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IE5leHRTdGVwID0gc3R5bGVkLnNwYW5gXHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAyN3B4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JheTIwfTtcclxuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcclxuYFxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDaXJjbGUgPSBzdHlsZWQuZGl2PHsgJHByb2dyZXNzOiBudW1iZXIgfT5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICB3aWR0aDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGhlaWdodDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICBiYWNrZ3JvdW5kOiAkeyh7XHJcbiAgICAkcHJvZ3Jlc3MsXHJcbiAgICB0aGVtZSxcclxuICB9KSA9PiBgcmFkaWFsLWdyYWRpZW50KGNsb3Nlc3Qtc2lkZSwgd2hpdGUgODUlLCB0cmFuc3BhcmVudCA4MCUgMTAwJSksXHJcbiAgICBjb25pYy1ncmFkaWVudCgke3RoZW1lLnByaW1hcnl9ICR7JHByb2dyZXNzfSUsICR7dGhlbWUucHJpbWFyeTUwb3BhfSAwKTtgfTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFN0ZXBJbmZvcm1hdGlvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG4iXX0= */"));
+export const ProgressContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu22"
+} : {
+  target: "e19l5vu22",
+  label: "ProgressContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1dcltk1",
+  styles: "display:flex;align-items:center;flex-direction:column;gap:1em"
+} : {
+  name: "1dcltk1",
+  styles: "display:flex;align-items:center;flex-direction:column;gap:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIyQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL01vYmlsZVN0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IE5leHRTdGVwID0gc3R5bGVkLnNwYW5gXHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAyN3B4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JheTIwfTtcclxuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcclxuYFxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDaXJjbGUgPSBzdHlsZWQuZGl2PHsgJHByb2dyZXNzOiBudW1iZXIgfT5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICB3aWR0aDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGhlaWdodDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICBiYWNrZ3JvdW5kOiAkeyh7XHJcbiAgICAkcHJvZ3Jlc3MsXHJcbiAgICB0aGVtZSxcclxuICB9KSA9PiBgcmFkaWFsLWdyYWRpZW50KGNsb3Nlc3Qtc2lkZSwgd2hpdGUgODUlLCB0cmFuc3BhcmVudCA4MCUgMTAwJSksXHJcbiAgICBjb25pYy1ncmFkaWVudCgke3RoZW1lLnByaW1hcnl9ICR7JHByb2dyZXNzfSUsICR7dGhlbWUucHJpbWFyeTUwb3BhfSAwKTtgfTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFN0ZXBJbmZvcm1hdGlvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ProgressCircle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu21"
+} : {
+  target: "e19l5vu21",
+  label: "ProgressCircle"
+})("display:flex;justify-content:center;align-items:center;width:min(60px, 90px);height:min(60px, 90px);border-radius:50%;background:", ({
+  $progress,
+  theme
+}) => `radial-gradient(closest-side, white 85%, transparent 80% 100%),
+    conic-gradient(${theme.primary} ${$progress}%, ${theme.primary50opa} 0);`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUMrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL01vYmlsZVN0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IE5leHRTdGVwID0gc3R5bGVkLnNwYW5gXHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAyN3B4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JheTIwfTtcclxuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcclxuYFxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDaXJjbGUgPSBzdHlsZWQuZGl2PHsgJHByb2dyZXNzOiBudW1iZXIgfT5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICB3aWR0aDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGhlaWdodDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICBiYWNrZ3JvdW5kOiAkeyh7XHJcbiAgICAkcHJvZ3Jlc3MsXHJcbiAgICB0aGVtZSxcclxuICB9KSA9PiBgcmFkaWFsLWdyYWRpZW50KGNsb3Nlc3Qtc2lkZSwgd2hpdGUgODUlLCB0cmFuc3BhcmVudCA4MCUgMTAwJSksXHJcbiAgICBjb25pYy1ncmFkaWVudCgke3RoZW1lLnByaW1hcnl9ICR7JHByb2dyZXNzfSUsICR7dGhlbWUucHJpbWFyeTUwb3BhfSAwKTtgfTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFN0ZXBJbmZvcm1hdGlvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG4iXX0= */"));
+export const StepInformation = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19l5vu20"
+} : {
+  target: "e19l5vu20",
+  label: "StepInformation"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1auhwh4",
+  styles: "display:flex;flex-direction:column;text-align:left;justify-content:center;gap:0.5em"
+} : {
+  name: "1auhwh4",
+  styles: "display:flex;flex-direction:column;text-align:left;justify-content:center;gap:0.5em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvTW9iaWxlU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0R5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL01vYmlsZVN0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBnYXA6IDFlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41ZW07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgbGluZS1oZWlnaHQ6IDI3cHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IE5leHRTdGVwID0gc3R5bGVkLnNwYW5gXHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGxpbmUtaGVpZ2h0OiAyN3B4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZ3JheTIwfTtcclxuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcclxuYFxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIGdhcDogMWVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgUHJvZ3Jlc3NDaXJjbGUgPSBzdHlsZWQuZGl2PHsgJHByb2dyZXNzOiBudW1iZXIgfT5gXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG5cclxuICB3aWR0aDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGhlaWdodDogbWluKDYwcHgsIDkwcHgpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICBiYWNrZ3JvdW5kOiAkeyh7XHJcbiAgICAkcHJvZ3Jlc3MsXHJcbiAgICB0aGVtZSxcclxuICB9KSA9PiBgcmFkaWFsLWdyYWRpZW50KGNsb3Nlc3Qtc2lkZSwgd2hpdGUgODUlLCB0cmFuc3BhcmVudCA4MCUgMTAwJSksXHJcbiAgICBjb25pYy1ncmFkaWVudCgke3RoZW1lLnByaW1hcnl9ICR7JHByb2dyZXNzfSUsICR7dGhlbWUucHJpbWFyeTUwb3BhfSAwKTtgfTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFN0ZXBJbmZvcm1hdGlvbiA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgZ2FwOiAwLjVlbTtcclxuYFxyXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

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

@@ -0,0 +1,84 @@
+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 } from "react/jsx-runtime";
+import { 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMwQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xyXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBDaXJjbGUsIEZsZXhXcmFwcGVyLCBTdGVwV3JhcHBlciwgU3ViVGl0bGVXcmFwcGVyIH0gZnJvbSAnLi9zdHlsZXMnXHJcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xyXG5pbXBvcnQgVGV4dCBmcm9tICcuLi8uLi9UZXh0J1xyXG5cclxuaW50ZXJmYWNlIElQcm9wcyB7XHJcbiAgbnI6IG51bWJlclxyXG4gIHNlbGVjdGVkOiBib29sZWFuXHJcbiAgdGl0bGU6IHN0cmluZ1xyXG4gIHN1YlRpdGxlPzogc3RyaW5nXHJcbiAgYmlkaXJlY3Rpb25hbD86IGJvb2xlYW5cclxuICBvbkNsaWNrOiAobnI6IG51bWJlcikgPT4gdm9pZFxyXG59XHJcblxyXG5jb25zdCBTdGVwOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcclxuICBucixcclxuICBzZWxlY3RlZCxcclxuICBiaWRpcmVjdGlvbmFsLFxyXG4gIHRpdGxlLFxyXG4gIHN1YlRpdGxlLFxyXG4gIG9uQ2xpY2ssXHJcbn0pID0+IHtcclxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcclxuXHJcbiAgY29uc3QgYnV0dG9uc3RlcCA9IChcclxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XHJcbiAgICAgIDxCdXR0b25cclxuICAgICAgICBub3N0eWxlXHJcbiAgICAgICAgb25DbGljaz17KCkgPT4gb25DbGljayhucil9XHJcbiAgICAgICAgdHJhY2tpbmdOYW1lPVwiQm9saWdcIlxyXG4gICAgICAgIHRyYWNraW5nRXZlbnQ9XCJTw7hrIG9tIHV0bGVpZSBjbGljazogIFN0ZXBwZXJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPEZsZXhXcmFwcGVyPlxyXG4gICAgICAgICAgPENpcmNsZSBzZWxlY3RlZD17c2VsZWN0ZWR9IGNvbG9yPXt0aGVtZS5wcmltYXJ5fSBiZz17dGhlbWUuYmdMaWdodH0+XHJcbiAgICAgICAgICAgIDxUZXh0XHJcbiAgICAgICAgICAgICAgc2l6ZT1cIjE0cHhcIlxyXG4gICAgICAgICAgICAgIGNvbG9yPXtzZWxlY3RlZCA/IHRoZW1lLmJ0bkRlZmF1bHRGb250Q29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH1cclxuICAgICAgICAgICAgICBzZW1pYm9sZFxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAge25yfVxyXG4gICAgICAgICAgICA8L1RleHQ+XHJcbiAgICAgICAgICA8L0NpcmNsZT5cclxuICAgICAgICAgIDxUZXh0IHNlbWlib2xkPnt0aXRsZX08L1RleHQ+XHJcbiAgICAgICAgICB7c3ViVGl0bGUgJiYgKFxyXG4gICAgICAgICAgICA8U3ViVGl0bGVXcmFwcGVyPlxyXG4gICAgICAgICAgICAgIDxUZXh0IHNtYWxsIGNzcz17eyBmb250V2VpZ2h0OiA0MDAgfX0+XHJcbiAgICAgICAgICAgICAgICB7c3ViVGl0bGV9XHJcbiAgICAgICAgICAgICAgPC9UZXh0PlxyXG4gICAgICAgICAgICA8L1N1YlRpdGxlV3JhcHBlcj5cclxuICAgICAgICAgICl9XHJcbiAgICAgICAgPC9GbGV4V3JhcHBlcj5cclxuICAgICAgPC9CdXR0b24+XHJcbiAgICA8L1N0ZXBXcmFwcGVyPlxyXG4gIClcclxuXHJcbiAgY29uc3Qgc3RlcCA9IChcclxuICAgIDxTdGVwV3JhcHBlciBjb2xvcj17dGhlbWUucHJpbWFyeX0+XHJcbiAgICAgIDxGbGV4V3JhcHBlcj5cclxuICAgICAgICA8Q2lyY2xlIHNlbGVjdGVkPXtzZWxlY3RlZH0gY29sb3I9e3RoZW1lLnByaW1hcnl9IGJnPXt0aGVtZS5iZ0xpZ2h0fT5cclxuICAgICAgICAgIDxUZXh0XHJcbiAgICAgICAgICAgIHNpemU9XCIxNHB4XCJcclxuICAgICAgICAgICAgY29sb3I9e3NlbGVjdGVkID8gdGhlbWUuYnRuRGVmYXVsdEZvbnRDb2xvciA6IHRoZW1lLmRlZmF1bHRUZXh0fVxyXG4gICAgICAgICAgICBzZW1pYm9sZFxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICB7bnJ9XHJcbiAgICAgICAgICA8L1RleHQ+XHJcbiAgICAgICAgPC9DaXJjbGU+XHJcbiAgICAgICAgPFRleHQgc2VtaWJvbGQ+e3RpdGxlfTwvVGV4dD5cclxuICAgICAgICB7c3ViVGl0bGUgJiYgKFxyXG4gICAgICAgICAgPFN1YlRpdGxlV3JhcHBlcj5cclxuICAgICAgICAgICAgPFRleHQgc21hbGw+e3N1YlRpdGxlfTwvVGV4dD5cclxuICAgICAgICAgIDwvU3ViVGl0bGVXcmFwcGVyPlxyXG4gICAgICAgICl9XHJcbiAgICAgIDwvRmxleFdyYXBwZXI+XHJcbiAgICA8L1N0ZXBXcmFwcGVyPlxyXG4gIClcclxuXHJcbiAgcmV0dXJuIHNlbGVjdGVkID8gYnV0dG9uc3RlcCA6IGJpZGlyZWN0aW9uYWwgPyBidXR0b25zdGVwIDogc3RlcFxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBTdGVwXHJcbiJdfQ== */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZzsgYmc6IHN0cmluZzsgc2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIG1hcmdpbjogYXV0bztcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMzJweDtcclxuICAgIHdpZHRoOiAzMnB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYm9yZGVyOiAycHggc29saWQgJHtwcm9wcy5jb2xvcn07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBtYXgtd2lkdGg6IDM1MHB4O1xyXG5gXHJcbmV4cG9ydCBjb25zdCBTdGVwV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZ3JvdzogMTtcclxuICAgIGZsZXgtYmFzaXM6IDA7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIHBhZGRpbmc6IDAgMXJlbTtcclxuXHJcbiAgICAmID4gYnV0dG9uIHtcclxuICAgICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xyXG4gICAgfVxyXG4gICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcclxuICAgICAgOjpiZWZvcmUge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICByaWdodDogY2FsYyg1MCUgKyAyNHB4KTtcclxuICAgICAgICB0b3A6IDE2cHg7XHJcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XHJcbiAgICAgICAgaGVpZ2h0OiAzcHg7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcclxuICAgICAgOjphZnRlciB7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGxlZnQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgRmxleFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41cmVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ2lyY2xlID0gc3R5bGVkLmRpdihcclxuICAocHJvcHM6IHsgY29sb3I6IHN0cmluZzsgYmc6IHN0cmluZzsgc2VsZWN0ZWQ6IGJvb2xlYW4gfSkgPT4gY3NzYFxyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIG1hcmdpbjogYXV0bztcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMzJweDtcclxuICAgIHdpZHRoOiAzMnB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYm9yZGVyOiAycHggc29saWQgJHtwcm9wcy5jb2xvcn07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNlbGVjdGVkID8gcHJvcHMuY29sb3IgOiBwcm9wcy5iZ307XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBtYXgtd2lkdGg6IDM1MHB4O1xyXG5gXHJcbmV4cG9ydCBjb25zdCBTdGVwV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZ3JvdzogMTtcclxuICAgIGZsZXgtYmFzaXM6IDA7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIHBhZGRpbmc6IDAgMXJlbTtcclxuXHJcbiAgICAmID4gYnV0dG9uIHtcclxuICAgICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xyXG4gICAgfVxyXG4gICAgJjpub3QoOmZpcnN0LW9mLXR5cGUpIHtcclxuICAgICAgOjpiZWZvcmUge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICByaWdodDogY2FsYyg1MCUgKyAyNHB4KTtcclxuICAgICAgICB0b3A6IDE2cHg7XHJcbiAgICAgICAgd2lkdGg6IGNhbGMoNTAlIC0gMjRweCk7XHJcbiAgICAgICAgaGVpZ2h0OiAzcHg7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvcn07XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY6bm90KDpsYXN0LW9mLXR5cGUpIHtcclxuICAgICAgOjphZnRlciB7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGxlZnQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgRmxleFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGdhcDogMC41cmVtO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgTGFiZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBgXHJcbiJdfQ== */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDMycHg7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zZWxlY3RlZCA/IHByb3BzLmNvbG9yIDogcHJvcHMuYmd9O1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgbWF4LXdpZHRoOiAzNTBweDtcclxuYFxyXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWdyb3c6IDE7XHJcbiAgICBmbGV4LWJhc2lzOiAwO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAwIDFyZW07XHJcblxyXG4gICAgJiA+IGJ1dHRvbiB7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuICAgIH1cclxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YmVmb3JlIHtcclxuICAgICAgICBjb250ZW50OiAnJztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xyXG4gICAgICAgIHRvcDogMTZweDtcclxuICAgICAgICB3aWR0aDogY2FsYyg1MCUgLSAyNHB4KTtcclxuICAgICAgICBoZWlnaHQ6IDNweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBnYXA6IDAuNXJlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxyXG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDMycHg7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zZWxlY3RlZCA/IHByb3BzLmNvbG9yIDogcHJvcHMuYmd9O1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgbWF4LXdpZHRoOiAzNTBweDtcclxuYFxyXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWdyb3c6IDE7XHJcbiAgICBmbGV4LWJhc2lzOiAwO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAwIDFyZW07XHJcblxyXG4gICAgJiA+IGJ1dHRvbiB7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuICAgIH1cclxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YmVmb3JlIHtcclxuICAgICAgICBjb250ZW50OiAnJztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xyXG4gICAgICAgIHRvcDogMTZweDtcclxuICAgICAgICB3aWR0aDogY2FsYyg1MCUgLSAyNHB4KTtcclxuICAgICAgICBoZWlnaHQ6IDNweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBnYXA6IDAuNXJlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDMycHg7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zZWxlY3RlZCA/IHByb3BzLmNvbG9yIDogcHJvcHMuYmd9O1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgbWF4LXdpZHRoOiAzNTBweDtcclxuYFxyXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWdyb3c6IDE7XHJcbiAgICBmbGV4LWJhc2lzOiAwO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAwIDFyZW07XHJcblxyXG4gICAgJiA+IGJ1dHRvbiB7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuICAgIH1cclxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YmVmb3JlIHtcclxuICAgICAgICBjb250ZW50OiAnJztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xyXG4gICAgICAgIHRvcDogMTZweDtcclxuICAgICAgICB3aWR0aDogY2FsYyg1MCUgLSAyNHB4KTtcclxuICAgICAgICBoZWlnaHQ6IDNweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBnYXA6IDAuNXJlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxyXG4iXX0= */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkRxQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDMycHg7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zZWxlY3RlZCA/IHByb3BzLmNvbG9yIDogcHJvcHMuYmd9O1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgbWF4LXdpZHRoOiAzNTBweDtcclxuYFxyXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWdyb3c6IDE7XHJcbiAgICBmbGV4LWJhc2lzOiAwO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAwIDFyZW07XHJcblxyXG4gICAgJiA+IGJ1dHRvbiB7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuICAgIH1cclxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YmVmb3JlIHtcclxuICAgICAgICBjb250ZW50OiAnJztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xyXG4gICAgICAgIHRvcDogMTZweDtcclxuICAgICAgICB3aWR0aDogY2FsYyg1MCUgLSAyNHB4KTtcclxuICAgICAgICBoZWlnaHQ6IDNweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBnYXA6IDAuNXJlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxyXG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvU3RlcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL1N0ZXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IENpcmNsZSA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmc7IGJnOiBzdHJpbmc7IHNlbGVjdGVkOiBib29sZWFuIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBoZWlnaHQ6IDMycHg7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7cHJvcHMuY29sb3J9O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zZWxlY3RlZCA/IHByb3BzLmNvbG9yIDogcHJvcHMuYmd9O1xyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgbWF4LXdpZHRoOiAzNTBweDtcclxuYFxyXG5leHBvcnQgY29uc3QgU3RlcFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBjb2xvcjogc3RyaW5nIH0pID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWdyb3c6IDE7XHJcbiAgICBmbGV4LWJhc2lzOiAwO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAwIDFyZW07XHJcblxyXG4gICAgJiA+IGJ1dHRvbiB7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcclxuICAgIH1cclxuICAgICY6bm90KDpmaXJzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YmVmb3JlIHtcclxuICAgICAgICBjb250ZW50OiAnJztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgcmlnaHQ6IGNhbGMoNTAlICsgMjRweCk7XHJcbiAgICAgICAgdG9wOiAxNnB4O1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDI0cHgpO1xyXG4gICAgICAgIGhlaWdodDogM3B4O1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3J9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmOm5vdCg6bGFzdC1vZi10eXBlKSB7XHJcbiAgICAgIDo6YWZ0ZXIge1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBsZWZ0OiBjYWxjKDUwJSArIDI0cHgpO1xyXG4gICAgICAgIHRvcDogMTZweDtcclxuICAgICAgICB3aWR0aDogY2FsYyg1MCUgLSAyNHB4KTtcclxuICAgICAgICBoZWlnaHQ6IDNweDtcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IEZsZXhXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBnYXA6IDAuNXJlbTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IExhYmVsV3JhcHBlciA9IHN0eWxlZC5kaXZgYFxyXG4iXX0= */");

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,49 @@
+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 } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUltQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIG1hcmdpbi10b3A6IDFyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IHN0ZXBzOiBudW1iZXIgfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgIHBhZGRpbmc6IDAgMi41ZW07XHJcbiAgICBhbGlnbi1pdGVtczogdG9wO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuXHJcbiAgICAgIHNwYW4ge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcyQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIG1hcmdpbi10b3A6IDFyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IHN0ZXBzOiBudW1iZXIgfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgIHBhZGRpbmc6IDAgMi41ZW07XHJcbiAgICBhbGlnbi1pdGVtczogdG9wO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuXHJcbiAgICAgIHNwYW4ge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIG1hcmdpbi10b3A6IDFyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IHN0ZXBzOiBudW1iZXIgfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgIHBhZGRpbmc6IDAgMi41ZW07XHJcbiAgICBhbGlnbi1pdGVtczogdG9wO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuXHJcbiAgICAgIHNwYW4ge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1N0ZXBwZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk4QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TdGVwcGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwRGl2aWRlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IGNvbG9yOiBzdHJpbmcgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAzcHg7XHJcbiAgICB3aWR0aDogMzBweDtcclxuICAgIG1hcmdpbi10b3A6IDFyZW07XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yfTtcclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBTdGVwcGVyV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiB7IHN0ZXBzOiBudW1iZXIgfSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICAgIHBhZGRpbmc6IDAgMi41ZW07XHJcbiAgICBhbGlnbi1pdGVtczogdG9wO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMS41ZW07XHJcblxyXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcclxuICAgICAgcGFkZGluZzogMCAwLjVlbTtcclxuXHJcbiAgICAgIHNwYW4ge1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG4iXX0= */");

package/esm/illustrations/General/IllustrationBudget.js

@@ -0,0 +1,186 @@
+import React from 'react';
+import withIllustration from '../withIllustration';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const IllustrationBudget = props => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "244",
+    height: "164",
+    viewBox: "0 0 244 164",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsxs("g", {
+      "clip-path": "url(#clip0_3227_55494)",
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M141.592 27.2215C126.09 26.6738 111.325 21.5679 97.2273 15.9824C83.1297 10.3969 69.1626 4.20627 54.0336 1.24625C44.3013 -0.656766 33.1717 -0.925277 25.3311 4.39593C17.7837 9.51043 13.6803 17.96 12.3707 26.156C11.3842 32.336 12.4704 39.2278 15.1709 45.0072C17.0476 49.0199 20.3794 52.3912 22.6841 56.2335C30.698 69.6058 25.038 86.0958 16.3457 99.1526C12.2799 105.277 7.54433 111.121 4.40082 117.639C1.25731 124.158 -0.197817 131.63 2.55195 138.281C5.28032 144.874 11.777 149.825 18.8152 153.307C33.1118 160.382 49.4336 164 65.946 164C102.766 164 139.147 163.892 175.774 163.892C189.282 163.892 202.82 163.071 216.096 160.942C223.466 159.759 231.076 157.884 236.425 153.354C243.22 147.6 244.904 137.867 240.35 130.658C232.721 118.569 211.607 115.568 206.27 102.586C203.332 95.4425 206.349 87.4852 210.618 80.8491C219.777 66.6372 235.129 54.1685 235.938 37.9215C236.494 26.7633 229.113 15.5882 217.703 10.3096C205.741 4.76886 189.157 5.47211 180.332 14.6313C171.246 24.0782 155.278 27.7074 141.592 27.2215Z",
+        fill: "#E6EDFB"
+      }), /*#__PURE__*/_jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M151.092 77.1416H10.6306V155.57C10.6306 160.446 14.604 164.399 19.5055 164.399H140.526C146.362 164.399 151.092 159.693 151.092 153.889V77.1416Z",
+        fill: "#88A9F0"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M151.092 60.937H27.8214V77.5574L133.482 77.5568L133.482 155.64C133.482 160.477 137.424 164.399 142.287 164.399C147.15 164.399 151.092 160.477 151.092 155.64L151.092 60.937Z",
+        fill: "#1657E2"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M151.092 60.937H27.8214V77.5574L133.482 77.5568L133.482 155.64C133.482 160.477 137.424 164.399 142.287 164.399C147.15 164.399 151.092 160.477 151.092 155.64L151.092 60.937Z",
+        fill: "black",
+        "fill-opacity": "0.201016"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M41.0288 25.2031H129.079V77.5573H41.0288V25.2031Z",
+        fill: "#88A9F0"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M41.0288 25.2031H129.079V77.5573H41.0288V25.2031Z",
+        fill: "white",
+        "fill-opacity": "0.501748"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M27.8213 51.3804H115.872V78.43H27.8213V51.3804Z",
+        fill: "#1657E2"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M27.8213 51.3804H115.872V78.43H27.8213V51.3804Z",
+        fill: "white",
+        "fill-opacity": "0.502841"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M41.0288 77.5571H115.872V155.216H41.0288V77.5571Z",
+        fill: "#1657E2"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M21.6577 41.7817H109.708V155.216H21.6577V41.7817Z",
+        fill: "white"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M48.36 87.1348H78.0356V93.3216H48.36V87.1348Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M84.6302 87.1348H101.117V93.3216H84.6302V87.1348Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M30.7741 87.1348H39.5669V93.3216H30.7741V87.1348Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M30.7744 52.8682H101.117V76.9215H30.7744V52.8682Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M48.3598 101.535H75.0679V107.721H48.3598V101.535Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M84.6303 101.535H96.9951V107.721H84.6303V101.535Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M48.36 129.961H78.0356V136.148H48.36V129.961Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M84.63 129.961H99.0557V136.148H84.63V129.961Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M30.7741 101.535H40.666V107.721H30.7741V101.535Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M30.7741 129.961H41.7651V136.148H30.7741V129.961Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M48.36 115.935H71.1113V122.121H48.36V115.935Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M84.6302 115.935H101.117V122.121H84.6302V115.935Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M30.7746 115.935H38.4683V122.121H30.7746V115.935Z",
+        fill: "#C3D4F7"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M226.318 45.9199H136.288C135.074 45.9199 134.09 46.8989 134.09 48.1066V103.782C134.09 104.99 135.074 105.969 136.288 105.969H226.318C227.532 105.969 228.516 104.99 228.516 103.782V48.1066C228.516 46.8989 227.532 45.9199 226.318 45.9199Z",
+        fill: "#00226C"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M227.513 45.9199H141.069C139.855 45.9199 138.871 46.8989 138.871 48.1066V104.96C138.871 106.168 139.855 107.147 141.069 107.147H227.513C228.727 107.147 229.712 106.168 229.712 104.96V48.1066C229.712 46.8989 228.727 45.9199 227.513 45.9199Z",
+        fill: "#1657E2"
+      }), /*#__PURE__*/_jsx("path", {
+        opacity: "0.502511",
+        d: "M204.611 74.1782H173.534V80.0654H204.611V74.1782Z",
+        fill: "#C3D0D8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M214.324 54.6665H124.198C122.984 54.6665 122 55.6455 122 56.8532V109.333C122 110.541 122.984 111.52 124.198 111.52H214.324C215.538 111.52 216.523 110.541 216.523 109.333V56.8532C216.523 55.6455 215.538 54.6665 214.324 54.6665Z",
+        fill: "#C3D0D8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.721 54.6665H127.496C126.282 54.6665 125.297 55.6455 125.297 56.8532V109.333C125.297 110.541 126.282 111.52 127.496 111.52H218.721C219.935 111.52 220.919 110.541 220.919 109.333V56.8532C220.919 55.6455 219.935 54.6665 218.721 54.6665Z",
+        fill: "white"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M212.126 72.1597H164.865V76.533H212.126V72.1597Z",
+        fill: "#C3D0D8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M212.126 63.4131H179.153V67.7864H212.126V63.4131Z",
+        fill: "#C3D0D8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M220.919 96.2134H124.198V102.773H220.919V96.2134Z",
+        fill: "#C3D0D8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M204.193 144.932H156.167V164H204.193V144.932Z",
+        fill: "#1657E2"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M204.193 130.631H156.167V144.932H204.193V130.631Z",
+        fill: "#00226C"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M204.193 111.564H156.167V130.632H204.193V111.564Z",
+        fill: "#FEC9C8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M204.193 111.564H156.167V117.523H204.193V111.564Z",
+        fill: "black",
+        "fill-opacity": "0.102273"
+      }), /*#__PURE__*/_jsx("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M194.588 92.4961C199.893 92.4961 204.193 96.7739 204.193 102.051V128.248H184.983V102.051C184.983 96.7739 189.283 92.4961 194.588 92.4961Z",
+        fill: "#FEC9C8"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.92 132.958H197.848V165.093H218.92V132.958Z",
+        fill: "#FDD33F"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M203.948 132.958H197.848V165.093H203.948V132.958Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M215.593 132.958H212.266V165.093H215.593V132.958Z",
+        fill: "#FFE168"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M206.72 141.823H203.393V147.363H206.72V141.823Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M206.72 159.553H203.393V165.093H206.72V159.553Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.92 138.499H197.848V141.823H218.92V138.499Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.92 147.363H197.848V150.688H218.92V147.363Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.92 156.229H197.848V159.553H218.92V156.229Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M233.338 141.823H212.266V165.093H233.338V141.823Z",
+        fill: "#FDD33F"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M218.366 138.499H212.266V165.093H218.366V138.499Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M230.011 141.823H227.238V165.093H230.011V141.823Z",
+        fill: "#FFE168"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M221.138 150.688H217.811V156.228H221.138V150.688Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M233.338 147.363H212.266V150.688H233.338V147.363Z",
+        fill: "#F7B523"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M233.338 156.229H212.266V159.553H233.338V156.229Z",
+        fill: "#F7B523"
+      })]
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "clip0_3227_55494",
+        children: /*#__PURE__*/_jsx("rect", {
+          width: "244",
+          height: "164",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+export default withIllustration('IllustrationBudget')(IllustrationBudget);