@dfds-ui/react-components 0.9.11-alpha.6c614078 → 0.9.11-alpha.9991d39f

package/stepper/Stepper.d.ts

@@ -1,27 +1,15 @@
-import React, { ReactNode } from 'react';
-declare type StepperContextType = {
-    activeStep: number;
-    orientation: 'horizontal' | 'vertical';
-    nonSequential: boolean;
-};
-export declare type StepperProps = {
-    /**
-     * Stepper layout orientation
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Multiple `<Step/>` components
-     */
+import React, { SetStateAction, Dispatch, ReactNode } from 'react';
+declare type StepperProps = {
     children: ReactNode;
-    /**
-     *  The initial step
-     */
-    activeStep?: number;
-    /**
-     *  The initial step
-     */
-    nonSequential?: boolean;
+    initialStep?: number;
+};
+export declare const useStepperContext: () => {
+    activeStep: string;
+    setStep: (id: string) => void;
+    setNext: () => Dispatch<SetStateAction<number>> | void;
+    setBack: () => Dispatch<SetStateAction<number>> | void;
+    setReset: () => Dispatch<SetStateAction<number>> | void;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
 };
-export declare const StepperContext: React.Context<StepperContextType>;
 declare const _default: React.NamedExoticComponent<StepperProps>;
 export default _default;

package/stepper/Stepper.js

@@ -1,45 +1,97 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["children", "initialStep"];
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-import React, { createContext, memo } from 'react';
-import { stepperWrapperStyles } from './Stepper.styles';
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useState, useContext, createContext, useCallback, memo } from 'react';
+import { Stepper } from '@material-ui/core';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var StepperContext = /*#__PURE__*/createContext({
-  activeStep: 0,
-  orientation: 'horizontal',
-  nonSequential: false
-});
+var StepperContext = /*#__PURE__*/createContext(undefined);
+export var useStepperContext = function useStepperContext() {
+  var context = useContext(StepperContext);
+
+  if (context === undefined) {
+    throw new Error('useStepperContext must be used within a StepperProvider');
+  }
+
+  return context;
+};
 
 var StepperProvider = function StepperProvider(_ref) {
   var children = _ref.children,
-      _ref$activeStep = _ref.activeStep,
-      activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
-      _ref$nonSequential = _ref.nonSequential,
-      nonSequential = _ref$nonSequential === void 0 ? false : _ref$nonSequential,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation;
-  var childrenArray = React.Children.toArray(children).filter(Boolean);
-  var stepArray = childrenArray.map(function (child, index) {
-    return /*#__PURE__*/React.cloneElement(child, _objectSpread({
-      index: index,
-      last: index + 1 === childrenArray.length
-    }, child.props));
-  });
-  var contextValue = React.useMemo(function () {
-    return {
-      activeStep: activeStep,
-      nonSequential: nonSequential,
-      orientation: orientation
-    };
-  }, [activeStep, nonSequential, orientation]);
+      initialStep = _ref.initialStep,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      steps = _useState2[0],
+      setSteps = _useState2[1];
+
+  var _useState3 = useState(initialStep || 0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      activeIndex = _useState4[0],
+      setActiveIndex = _useState4[1];
+
+  var activeStep = steps[activeIndex];
+  var setStep = useCallback(function (newStep) {
+    return setSteps(function (prevSteps) {
+      return [].concat(_toConsumableArray(prevSteps), [newStep]);
+    });
+  }, []);
+  var setNext = useCallback(function () {
+    return setActiveIndex(function (prevIndex) {
+      return prevIndex + 1;
+    });
+  }, []);
+  var setBack = useCallback(function () {
+    return setActiveIndex(function (prevIndex) {
+      return prevIndex - 1;
+    });
+  }, []);
+  var setReset = useCallback(function () {
+    return setActiveIndex(0);
+  }, []);
   return ___EmotionJSX(StepperContext.Provider, {
-    value: contextValue
-  }, ___EmotionJSX("div", {
-    css: stepperWrapperStyles
-  }, stepArray));
+    value: {
+      setStep: setStep,
+      activeStep: activeStep,
+      setNext: setNext,
+      setBack: setBack,
+      setReset: setReset,
+      setActiveIndex: setActiveIndex
+    }
+  }, ___EmotionJSX(Stepper, _extends({
+    style: {
+      padding: 0
+    }
+  }, props, {
+    connector: ___EmotionJSX(React.Fragment, null),
+    orientation: "vertical",
+    activeStep: activeIndex
+  }), children));
 };
 
 export default /*#__PURE__*/memo(StepperProvider);

package/stepper/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Step } from './Step';
-export { default as Stepper } from './Stepper';
+export { default as Stepper, useStepperContext } from './Stepper';

package/stepper/index.js

@@ -1,2 +1,2 @@
 export { default as Step } from './Step';
-export { default as Stepper } from './Stepper';
+export { default as Stepper, useStepperContext } from './Stepper';

package/cjs/stepper/StepButton.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Step = require("./Step");
-
-var _Stepper = require("./Stepper.styles");
-
-var _reactComponents = require("@dfds-ui/react-components");
-
-var _system = require("@dfds-ui/icons/system");
-
-var _react2 = require("@emotion/react");
-
-const _excluded = ["children"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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)."; }
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1sljgw0",
-  styles: "min-height:1em;min-width:1em;margin:0;padding:0"
-} : {
-  name: "1jsyjm7-StepButton",
-  styles: "min-height:1em;min-width:1em;margin:0;padding:0;label:StepButton;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHN0ZXBCdXR0b25TdHlsZXMgfSBmcm9tICcuL1N0ZXBwZXIuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBZZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3RlcEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+XG5cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBkaXNhYmxlZCwgaW5kZXgsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9IGNzcz17c3RlcEJ1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfT5cbiAgICAgIHtjaGlsZHJlbiA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiBjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAxZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDFlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIGluZGV4ICsgMVxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-const StepButton = _ref2 => {
-  let children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  const _React$useContext = _react.default.useContext(_Step.StepContext),
-        completed = _React$useContext.completed,
-        disabled = _React$useContext.disabled,
-        index = _React$useContext.index,
-        active = _React$useContext.active;
-
-  return (0, _react2.jsx)("button", _extends({
-    disabled: disabled
-  }, rest, {
-    css: (0, _Stepper.stepButtonStyles)({
-      active,
-      completed
-    })
-  }), children ? children : completed ? (0, _react2.jsx)(_reactComponents.IconButton, {
-    color: "white",
-    icon: _system.Yes,
-    ariaLabel: "Completed",
-    css: _ref
-  }) : index + 1);
-};
-
-var _default = StepButton;
-exports.default = _default;

package/cjs/stepper/StepLabel.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@emotion/react");
-
-var _Step = require("./Step");
-
-var _theme = require("@dfds-ui/theme");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StepLabel = ({
-  children
-}) => {
-  const _React$useContext = _react.default.useContext(_Step.StepContext),
-        completed = _React$useContext.completed,
-        active = _React$useContext.active;
-
-  return (0, _react2.jsx)("div", null, (0, _react2.jsx)("p", {
-    css: /*#__PURE__*/(0, _react2.css)("font-size:16px;color:", completed || active ? _theme.theme.colors.text.primary.primary : _theme.theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPHBcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiAke2NvbXBsZXRlZCB8fCBhY3RpdmUgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwTGFiZWxcbiJdfQ== */")
-  }, children));
-};
-
-var _default = StepLabel;
-exports.default = _default;

package/cjs/stepper/Stepper.styles.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stepButtonStyles = exports.stepWrapperStyles = exports.stepperWrapperStyles = void 0;
-
-var _theme = require("@dfds-ui/theme");
-
-var _react = require("@emotion/react");
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-const stepperWrapperStyles = process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "1efy7gc-stepperWrapperStyles",
-  styles: "display:flex;label:stepperWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-exports.stepperWrapperStyles = stepperWrapperStyles;
-const stepWrapperStyles = process.env.NODE_ENV === "production" ? {
-  name: "qws31f",
-  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}}"
-} : {
-  name: "8b6k6d-stepWrapperStyles",
-  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}};label:stepWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-exports.stepWrapperStyles = stepWrapperStyles;
-
-const stepButtonStyles = ({
-  active,
-  completed
-}) => /*#__PURE__*/(0, _react.css)("border:none;margin:0;padding:0;cursor:pointer;border-radius:50%;background-color:", active || completed ? _theme.theme.colors.secondary.main : '#a6b5bd', ";font-weight:", active || completed ? 'bold' : '', ";min-width:1.5em;min-height:1.5em;display:flex;justify-content:center;align-items:center;color:#fff;:hover{color:#fff;}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qm1FIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHN0ZXBwZXJXcmFwcGVyU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAtMTtcbiAgICAgIGhlaWdodDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2E2YjViZDtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcEJ1dHRvblN0eWxlcyA9ICh7IGFjdGl2ZSwgY29tcGxldGVkIH06IGFueSkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbiA6ICcjYTZiNWJkJ307XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIG1pbi13aWR0aDogMS41ZW07XG4gIG1pbi1oZWlnaHQ6IDEuNWVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cbmBcbiJdfQ== */");
-
-exports.stepButtonStyles = stepButtonStyles;

package/stepper/StepButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const StepButton: React.FC<StepButtonProps>;
-export default StepButton;

package/stepper/StepButton.js

@@ -1,54 +0,0 @@
-var _excluded = ["children"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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 { StepContext } from './Step';
-import { stepButtonStyles } from './Stepper.styles';
-import { IconButton } from '@dfds-ui/react-components';
-import { Yes } from '@dfds-ui/icons/system';
-import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1sljgw0",
-  styles: "min-height:1em;min-width:1em;margin:0;padding:0"
-} : {
-  name: "1jsyjm7-StepButton",
-  styles: "min-height:1em;min-width:1em;margin:0;padding:0;label:StepButton;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHN0ZXBCdXR0b25TdHlsZXMgfSBmcm9tICcuL1N0ZXBwZXIuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBZZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3RlcEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+XG5cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBkaXNhYmxlZCwgaW5kZXgsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9IGNzcz17c3RlcEJ1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfT5cbiAgICAgIHtjaGlsZHJlbiA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiBjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAxZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDFlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIGluZGV4ICsgMVxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var StepButton = function StepButton(_ref2) {
-  var children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  var _React$useContext = React.useContext(StepContext),
-      completed = _React$useContext.completed,
-      disabled = _React$useContext.disabled,
-      index = _React$useContext.index,
-      active = _React$useContext.active;
-
-  return ___EmotionJSX("button", _extends({
-    disabled: disabled
-  }, rest, {
-    css: stepButtonStyles({
-      active: active,
-      completed: completed
-    })
-  }), children ? children : completed ? ___EmotionJSX(IconButton, {
-    color: "white",
-    icon: Yes,
-    ariaLabel: "Completed",
-    css: _ref
-  }) : index + 1);
-};
-
-export default StepButton;

package/stepper/StepLabel.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from 'react';
-declare type StepLableTypes = {
-    children: ReactNode;
-};
-declare const StepLabel: FC<StepLableTypes>;
-export default StepLabel;

package/stepper/StepLabel.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { css } from '@emotion/react';
-import { StepContext } from './Step';
-import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var StepLabel = function StepLabel(_ref) {
-  var children = _ref.children;
-
-  var _React$useContext = React.useContext(StepContext),
-      completed = _React$useContext.completed,
-      active = _React$useContext.active;
-
-  return ___EmotionJSX("div", null, ___EmotionJSX("p", {
-    css: /*#__PURE__*/css("font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPHBcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiAke2NvbXBsZXRlZCB8fCBhY3RpdmUgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwTGFiZWxcbiJdfQ== */")
-  }, children));
-};
-
-export default StepLabel;

package/stepper/Stepper.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const stepperWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const stepWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const stepButtonStyles: ({ active, completed }: any) => import("@emotion/react").SerializedStyles;

package/stepper/Stepper.styles.js

@@ -1,27 +0,0 @@
-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 { theme } from '@dfds-ui/theme';
-import { css } from '@emotion/react';
-export var stepperWrapperStyles = process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "1efy7gc-stepperWrapperStyles",
-  styles: "display:flex;label:stepperWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-export var stepWrapperStyles = process.env.NODE_ENV === "production" ? {
-  name: "qws31f",
-  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}}"
-} : {
-  name: "8b6k6d-stepWrapperStyles",
-  styles: "display:flex;gap:0.5rem;align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;display:inline-block;content:'';position:relative;z-index:-1;height:2px;background-color:#a6b5bd;flex:1;width:100%;margin-right:0.5rem;}};label:stepWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPb0MiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwV3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAwLjVyZW07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgaGVpZ2h0OiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjYTZiNWJkO1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVyZW07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgfTogYW55KSA9PiBjc3NgXG4gIGJvcmRlcjogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogJyNhNmI1YmQnfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgbWluLXdpZHRoOiAxLjVlbTtcbiAgbWluLWhlaWdodDogMS41ZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogI2ZmZjtcbiAgOmhvdmVyIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgfVxuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-export var stepButtonStyles = function stepButtonStyles(_ref) {
-  var active = _ref.active,
-      completed = _ref.completed;
-  return /*#__PURE__*/css("border:none;margin:0;padding:0;cursor:pointer;border-radius:50%;background-color:", active || completed ? theme.colors.secondary.main : '#a6b5bd', ";font-weight:", active || completed ? 'bold' : '', ";min-width:1.5em;min-height:1.5em;display:flex;justify-content:center;align-items:center;color:#fff;:hover{color:#fff;}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Qm1FIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHN0ZXBwZXJXcmFwcGVyU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB6LWluZGV4OiAtMTtcbiAgICAgIGhlaWdodDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2E2YjViZDtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcEJ1dHRvblN0eWxlcyA9ICh7IGFjdGl2ZSwgY29tcGxldGVkIH06IGFueSkgPT4gY3NzYFxuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbiA6ICcjYTZiNWJkJ307XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIG1pbi13aWR0aDogMS41ZW07XG4gIG1pbi1oZWlnaHQ6IDEuNWVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cbmBcbiJdfQ== */");
-};