@dfds-ui/react-components 1.0.5-alpha.d36f7e10 → 1.0.5-alpha.d61fc582

package/stepper/Stepper.js

@@ -1,76 +1,97 @@
-var _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
+var _excluded = ["children", "initialStep"];
 
 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 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; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-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 _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 _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 _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; }
 
-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, { memo } from 'react';
-import { css } from '@emotion/react';
-import StepperContext from './StepperContext';
-import { StepperFeedbackMessage } from '../stepper-feedback-message';
+import React, { useState, useContext, createContext, useCallback, memo } from 'react';
+import { Stepper } from '@material-ui/core';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
-  name: "1eoy87d",
-  styles: "display:flex;justify-content:space-between"
-} : {
-  name: "1i6tvq8-stepperWrapperHorizontalStyles",
-  styles: "display:flex;justify-content:space-between;label:stepperWrapperHorizontalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var StepperWrapperVerticalStyles = process.env.NODE_ENV === "production" ? {
-  name: "1fttcpj",
-  styles: "display:flex;flex-direction:column"
-} : {
-  name: "1wyixsr-StepperWrapperVerticalStyles",
-  styles: "display:flex;flex-direction:column;label:StepperWrapperVerticalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+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$sequential = _ref.sequential,
-      sequential = _ref$sequential === void 0 ? true : _ref$sequential,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
-      stepFeedbackMessage = _ref.stepFeedbackMessage,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var childrenArray = React.Children.toArray(children).filter(Boolean);
-  var steps = childrenArray.map(function (child, index) {
-    return /*#__PURE__*/React.cloneElement(child, _objectSpread({
-      index: index
-    }, child.props));
-  });
-  var contextValue = React.useMemo(function () {
-    return {
-      activeStep: activeStep,
-      sequential: sequential,
-      orientation: orientation,
-      stepFeedbackMessage: stepFeedbackMessage
-    };
-  }, [activeStep, sequential, orientation, stepFeedbackMessage]);
-  var displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
+      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", _extends({
-    css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
-  }, other), displayFeedbackCondition ? ___EmotionJSX(StepperFeedbackMessage, {
-    message: stepFeedbackMessage
-  }) : steps));
+    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 +1,2 @@
-export { default as Stepper } from './Stepper';
+export { default as Step } from './Step';
+export { default as Stepper, useStepperContext } from './Stepper';

package/stepper/index.js

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

package/cjs/mobile-stepper/MobileStepper.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-declare type MobileStepperProps = {
-    /**
-     *   Total steps
-     */
-    steps: number;
-    /**
-     *   Active step
-     */
-    activeStep?: number;
-    /**
-     * A back button element. For instance, it can be a `Button` or an `IconButton`.
-     */
-    backButton?: ReactNode;
-    /**
-     * A next button element. For instance, it can be a `Button` or an `IconButton`.
-     */
-    nextButton?: ReactNode;
-    /**
-     * 	The variant to use `'text' | 'dots'`
-     */
-    variant?: 'text' | 'dots';
-};
-declare const MobileStepper: ({ steps, activeStep, backButton, nextButton, variant, ...props }: MobileStepperProps) => JSX.Element;
-export default MobileStepper;

package/cjs/mobile-stepper/MobileStepper.js

@@ -1,85 +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 _theme = require("@dfds-ui/theme");
-
-const _excluded = ["steps", "activeStep", "backButton", "nextButton", "variant"];
-
-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)."; }
-
-const MobileStepperWrapperStyles = process.env.NODE_ENV === "production" ? {
-  name: "1ks9uvr",
-  styles: "display:flex;justify-content:space-between;align-items:center;width:100%"
-} : {
-  name: "2up18-MobileStepperWrapperStyles",
-  styles: "display:flex;justify-content:space-between;align-items:center;width:100%;label:MobileStepperWrapperStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBNb2JpbGVTdGVwcGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiAgIFRvdGFsIHN0ZXBzXG4gICAqL1xuICBzdGVwczogbnVtYmVyXG4gIC8qKlxuICAgKiAgIEFjdGl2ZSBzdGVwXG4gICAqL1xuICBhY3RpdmVTdGVwPzogbnVtYmVyXG4gIC8qKlxuICAgKiBBIGJhY2sgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgYmFja0J1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQSBuZXh0IGJ1dHRvbiBlbGVtZW50LiBGb3IgaW5zdGFuY2UsIGl0IGNhbiBiZSBhIGBCdXR0b25gIG9yIGFuIGBJY29uQnV0dG9uYC5cbiAgICovXG4gIG5leHRCdXR0b24/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFx0VGhlIHZhcmlhbnQgdG8gdXNlIGAndGV4dCcgfCAnZG90cydgXG4gICAqL1xuICB2YXJpYW50PzogJ3RleHQnIHwgJ2RvdHMnXG59XG5cbmNvbnN0IE1vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuYFxuY29uc3QgTW9iaWxlU3RlcHBlckRvdCA9ICh7IGFjdGl2ZSB9OiB7IGFjdGl2ZTogYm9vbGVhbiB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiA4cHg7XG4gICAgICAgIGhlaWdodDogOHB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7YWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBgfVxuICAgID48L2Rpdj5cbiAgKVxufVxuY29uc3QgTW9iaWxlU3RlcHBlckRvdHMgPSAoeyBjaGlsZHJlbiB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXItZG90c1wiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZ2FwOiA0cHg7XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuY29uc3QgTW9iaWxlU3RlcHBlciA9ICh7XG4gIHN0ZXBzLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgYmFja0J1dHRvbixcbiAgbmV4dEJ1dHRvbixcbiAgdmFyaWFudCA9ICd0ZXh0JyxcbiAgLi4ucHJvcHNcbn06IE1vYmlsZVN0ZXBwZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtNb2JpbGVTdGVwcGVyV3JhcHBlclN0eWxlc30gey4uLnByb3BzfSBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyXCI+XG4gICAgICB7YmFja0J1dHRvbn1cbiAgICAgIHt2YXJpYW50ID09PSAndGV4dCcgPyAoXG4gICAgICAgIGAke2FjdGl2ZVN0ZXAgKyAxfSAvICR7c3RlcHN9YFxuICAgICAgKSA6IChcbiAgICAgICAgPE1vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgICAgIHtbLi4ubmV3IEFycmF5KHN0ZXBzKV0ubWFwKChfLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPE1vYmlsZVN0ZXBwZXJEb3Qga2V5PXtpbmRleH0gYWN0aXZlPXthY3RpdmVTdGVwID09PSBpbmRleH0gLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9Nb2JpbGVTdGVwcGVyRG90cz5cbiAgICAgICl9XG4gICAgICB7bmV4dEJ1dHRvbn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2JpbGVTdGVwcGVyXG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-const MobileStepperDot = ({
-  active
-}) => {
-  return (0, _react2.jsx)("div", {
-    "data-testid": "mobile-stepper-dot",
-    css: /*#__PURE__*/(0, _react2.css)("width:8px;height:8px;border-radius:50%;background-color:", active ? _theme.theme.colors.secondary.main : _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MobileStepperDot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21vYmlsZS1zdGVwcGVyL01vYmlsZVN0ZXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIE1vYmlsZVN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqICAgVG90YWwgc3RlcHNcbiAgICovXG4gIHN0ZXBzOiBudW1iZXJcbiAgLyoqXG4gICAqICAgQWN0aXZlIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqIEEgYmFjayBidXR0b24gZWxlbWVudC4gRm9yIGluc3RhbmNlLCBpdCBjYW4gYmUgYSBgQnV0dG9uYCBvciBhbiBgSWNvbkJ1dHRvbmAuXG4gICAqL1xuICBiYWNrQnV0dG9uPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBBIG5leHQgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgbmV4dEJ1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogXHRUaGUgdmFyaWFudCB0byB1c2UgYCd0ZXh0JyB8ICdkb3RzJ2BcbiAgICovXG4gIHZhcmlhbnQ/OiAndGV4dCcgfCAnZG90cydcbn1cblxuY29uc3QgTW9iaWxlU3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBNb2JpbGVTdGVwcGVyRG90ID0gKHsgYWN0aXZlIH06IHsgYWN0aXZlOiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyLWRvdFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGB9XG4gICAgPjwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyRG90cyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RzXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDRweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyID0gKHtcbiAgc3RlcHMsXG4gIGFjdGl2ZVN0ZXAgPSAwLFxuICBiYWNrQnV0dG9uLFxuICBuZXh0QnV0dG9uLFxuICB2YXJpYW50ID0gJ3RleHQnLFxuICAuLi5wcm9wc1xufTogTW9iaWxlU3RlcHBlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e01vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzfSB7Li4ucHJvcHN9IGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXJcIj5cbiAgICAgIHtiYWNrQnV0dG9ufVxuICAgICAge3ZhcmlhbnQgPT09ICd0ZXh0JyA/IChcbiAgICAgICAgYCR7YWN0aXZlU3RlcCArIDF9IC8gJHtzdGVwc31gXG4gICAgICApIDogKFxuICAgICAgICA8TW9iaWxlU3RlcHBlckRvdHM+XG4gICAgICAgICAge1suLi5uZXcgQXJyYXkoc3RlcHMpXS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8TW9iaWxlU3RlcHBlckRvdCBrZXk9e2luZGV4fSBhY3RpdmU9e2FjdGl2ZVN0ZXAgPT09IGluZGV4fSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgKX1cbiAgICAgIHtuZXh0QnV0dG9ufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vYmlsZVN0ZXBwZXJcbiJdfQ== */")
-  });
-};
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "490tlg",
-  styles: "display:flex;gap:4px"
-} : {
-  name: "i63685-MobileStepperDots",
-  styles: "display:flex;gap:4px;label:MobileStepperDots;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2JpbGUtc3RlcHBlci9Nb2JpbGVTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21vYmlsZS1zdGVwcGVyL01vYmlsZVN0ZXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIE1vYmlsZVN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqICAgVG90YWwgc3RlcHNcbiAgICovXG4gIHN0ZXBzOiBudW1iZXJcbiAgLyoqXG4gICAqICAgQWN0aXZlIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqIEEgYmFjayBidXR0b24gZWxlbWVudC4gRm9yIGluc3RhbmNlLCBpdCBjYW4gYmUgYSBgQnV0dG9uYCBvciBhbiBgSWNvbkJ1dHRvbmAuXG4gICAqL1xuICBiYWNrQnV0dG9uPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBBIG5leHQgYnV0dG9uIGVsZW1lbnQuIEZvciBpbnN0YW5jZSwgaXQgY2FuIGJlIGEgYEJ1dHRvbmAgb3IgYW4gYEljb25CdXR0b25gLlxuICAgKi9cbiAgbmV4dEJ1dHRvbj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogXHRUaGUgdmFyaWFudCB0byB1c2UgYCd0ZXh0JyB8ICdkb3RzJ2BcbiAgICovXG4gIHZhcmlhbnQ/OiAndGV4dCcgfCAnZG90cydcbn1cblxuY29uc3QgTW9iaWxlU3RlcHBlcldyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5jb25zdCBNb2JpbGVTdGVwcGVyRG90ID0gKHsgYWN0aXZlIH06IHsgYWN0aXZlOiBib29sZWFuIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vYmlsZS1zdGVwcGVyLWRvdFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGB9XG4gICAgPjwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyRG90cyA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJtb2JpbGUtc3RlcHBlci1kb3RzXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBnYXA6IDRweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5jb25zdCBNb2JpbGVTdGVwcGVyID0gKHtcbiAgc3RlcHMsXG4gIGFjdGl2ZVN0ZXAgPSAwLFxuICBiYWNrQnV0dG9uLFxuICBuZXh0QnV0dG9uLFxuICB2YXJpYW50ID0gJ3RleHQnLFxuICAuLi5wcm9wc1xufTogTW9iaWxlU3RlcHBlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e01vYmlsZVN0ZXBwZXJXcmFwcGVyU3R5bGVzfSB7Li4ucHJvcHN9IGRhdGEtdGVzdGlkPVwibW9iaWxlLXN0ZXBwZXJcIj5cbiAgICAgIHtiYWNrQnV0dG9ufVxuICAgICAge3ZhcmlhbnQgPT09ICd0ZXh0JyA/IChcbiAgICAgICAgYCR7YWN0aXZlU3RlcCArIDF9IC8gJHtzdGVwc31gXG4gICAgICApIDogKFxuICAgICAgICA8TW9iaWxlU3RlcHBlckRvdHM+XG4gICAgICAgICAge1suLi5uZXcgQXJyYXkoc3RlcHMpXS5tYXAoKF8sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8TW9iaWxlU3RlcHBlckRvdCBrZXk9e2luZGV4fSBhY3RpdmU9e2FjdGl2ZVN0ZXAgPT09IGluZGV4fSAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L01vYmlsZVN0ZXBwZXJEb3RzPlxuICAgICAgKX1cbiAgICAgIHtuZXh0QnV0dG9ufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vYmlsZVN0ZXBwZXJcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-const MobileStepperDots = ({
-  children
-}) => {
-  return (0, _react2.jsx)("div", {
-    "data-testid": "mobile-stepper-dots",
-    css: _ref
-  }, children);
-};
-
-const MobileStepper = _ref2 => {
-  let steps = _ref2.steps,
-      _ref2$activeStep = _ref2.activeStep,
-      activeStep = _ref2$activeStep === void 0 ? 0 : _ref2$activeStep,
-      backButton = _ref2.backButton,
-      nextButton = _ref2.nextButton,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'text' : _ref2$variant,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  return (0, _react2.jsx)("div", _extends({
-    css: MobileStepperWrapperStyles
-  }, props, {
-    "data-testid": "mobile-stepper"
-  }), backButton, variant === 'text' ? `${activeStep + 1} / ${steps}` : (0, _react2.jsx)(MobileStepperDots, null, [...new Array(steps)].map((_, index) => (0, _react2.jsx)(MobileStepperDot, {
-    key: index,
-    active: activeStep === index
-  }))), nextButton);
-};
-
-var _default = MobileStepper;
-exports.default = _default;

package/cjs/mobile-stepper/index.d.ts

@@ -1 +0,0 @@
-export { default as MobileStepper } from './MobileStepper';

package/cjs/mobile-stepper/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "MobileStepper", {
-  enumerable: true,
-  get: function get() {
-    return _MobileStepper.default;
-  }
-});
-
-var _MobileStepper = _interopRequireDefault(require("./MobileStepper"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/step/Step.d.ts

@@ -1,45 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare type StepProps = {
-    /**
-     * 	The position of the step
-     */
-    index: number;
-    /**
-     * Step label
-     */
-    label?: string;
-    /**
-     * 	Sets the step as active
-     */
-    active?: boolean;
-    /**
-     * 	Sets the step as completed
-     */
-    completed?: boolean;
-    /**
-     * If `true`, the step button will be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Should be Step sub-components, such as `StepContent` for the vertical variant
-     */
-    children?: ReactNode;
-    /**
-     * Optional label. Is shown below the step label
-     */
-    optionalStepText?: string;
-    /**
-     * Error step. Error icon will be showen in the step button
-     */
-    hasError?: boolean;
-    /**
-     * Editing step. Editing icon wil be showen in the step button
-     */
-    isEditing?: boolean;
-    /**
-     * The function is triggered when step button is clicked
-     */
-    handleStepClick?: () => void;
-};
-declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => JSX.Element>;
-export default _default;

package/cjs/step/Step.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _StepLabel = _interopRequireDefault(require("./StepLabel"));
-
-var _StepButton = _interopRequireDefault(require("./StepButton"));
-
-var _StepContent = _interopRequireDefault(require("./StepContent"));
-
-var _StepContext = _interopRequireDefault(require("./StepContext"));
-
-var _StepperContext = _interopRequireDefault(require("../stepper/StepperContext"));
-
-var _Step = require("./Step.styles");
-
-var _stepperFeedbackMessage = require("../stepper-feedback-message");
-
-var _react2 = require("@emotion/react");
-
-const _excluded = ["index", "label", "active", "completed", "disabled", "children", "hasError", "optionalStepText", "isEditing", "handleStepClick"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
-
-const Step = _ref => {
-  let index = _ref.index,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      activeProp = _ref.active,
-      completedProp = _ref.completed,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      children = _ref.children,
-      _ref$hasError = _ref.hasError,
-      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
-      optionalStepText = _ref.optionalStepText,
-      _ref$isEditing = _ref.isEditing,
-      isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
-      handleStepClick = _ref.handleStepClick,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const _useContext = (0, _react.useContext)(_StepperContext.default),
-        activeStep = _useContext.activeStep,
-        orientation = _useContext.orientation,
-        sequential = _useContext.sequential,
-        stepFeedbackMessage = _useContext.stepFeedbackMessage;
-
-  let _activeProp = activeProp,
-      active = _activeProp === void 0 ? false : _activeProp,
-      _completedProp = completedProp,
-      completed = _completedProp === void 0 ? false : _completedProp;
-  if (activeStep === index) active = activeProp !== undefined ? activeProp : true;else if (sequential && activeStep > index) completed = completedProp !== undefined ? completedProp : true;
-
-  const contextValue = _react.default.useMemo(() => ({
-    index,
-    active,
-    completed,
-    disabled,
-    hasError,
-    isEditing
-  }), [index, active, completed, disabled, hasError, isEditing]);
-
-  const displayFeedbackCondition = orientation === 'vertical' && stepFeedbackMessage && activeStep === index;
-  return (0, _react2.jsx)(_StepContext.default.Provider, {
-    value: contextValue
-  }, (0, _react2.jsx)("div", _extends({
-    css: orientation === 'horizontal' ? _Step.stepWrapperHorizontalStyles : _Step.stepWrapperVerticalStyles
-  }, props, {
-    "data-testid": "step"
-  }), (0, _react2.jsx)("div", {
-    css: _Step.stepHeaderStyles
-  }, displayFeedbackCondition ? (0, _react2.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
-    message: stepFeedbackMessage
-  }) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_StepButton.default, _extends({
-    handleStepClick: handleStepClick
-  }, props)), label ? (0, _react2.jsx)(_StepLabel.default, {
-    optionalStepText: optionalStepText
-  }, label) : null)), orientation === 'vertical' ? (0, _react2.jsx)("div", {
-    css: _Step.stepContentStyles
-  }, (0, _react2.jsx)(_StepContent.default, null, children)) : null));
-};
-
-var _default = /*#__PURE__*/(0, _react.memo)(Step);
-
-exports.default = _default;

package/cjs/step/Step.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const stepWrapperHorizontalStyles: import("@emotion/react").SerializedStyles;
-export declare const stepWrapperVerticalStyles: import("@emotion/react").SerializedStyles;
-export declare const stepHeaderStyles: import("@emotion/react").SerializedStyles;
-export declare const stepContentStyles: import("@emotion/react").SerializedStyles;

package/cjs/step/Step.styles.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stepContentStyles = exports.stepHeaderStyles = exports.stepWrapperVerticalStyles = exports.stepWrapperHorizontalStyles = 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)."; }
-
-// space between label and stepButton
-const spacing = _theme.theme.spacing.xs;
-const buttonWidth = _theme.theme.spacing.m;
-const connecterWidth = '1px';
-const stepWrapperHorizontalStyles = /*#__PURE__*/(0, _react.css)("display:flex;gap:", spacing, ";align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;content:'';height:", connecterWidth, ";background-color:", _theme.theme.colors.text.primary.disabled, ";flex:1;width:100%;margin-right:", spacing, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperHorizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU84QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gc3BhY2UgYmV0d2VlbiBsYWJlbCBhbmQgc3RlcEJ1dHRvblxuY29uc3Qgc3BhY2luZyA9IHRoZW1lLnNwYWNpbmcueHNcbmNvbnN0IGJ1dHRvbldpZHRoID0gdGhlbWUuc3BhY2luZy5tXG5jb25zdCBjb25uZWN0ZXJXaWR0aCA9ICcxcHgnXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZ307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogJHtjb25uZWN0ZXJXaWR0aH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmd9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJWZXJ0aWNhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nLWJvdHRvbTogMmVtO1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiBjYWxjKCR7YnV0dG9uV2lkdGh9ICsgJHtzcGFjaW5nfSk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygoJHtidXR0b25XaWR0aH0gLyAyKSAtIDFweCkpO1xuICAgICAgd2lkdGg6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtidXR0b25XaWR0aH0gLSAoMiAqICR7c3BhY2luZ30pKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBIZWFkZXJTdHlsZXMgPSBjc3NgXG4gIGdhcDogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
-exports.stepWrapperHorizontalStyles = stepWrapperHorizontalStyles;
-const stepWrapperVerticalStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;position:relative;padding-bottom:2em;&:not(:last-child){&:after{box-sizing:border-box;position:absolute;content:'';top:calc(", buttonWidth, " + ", spacing, ");transform:translateX(calc((", buttonWidth, " / 2) - 1px));width:", connecterWidth, ";background:", _theme.theme.colors.text.primary.disabled, ";height:calc(100% - ", buttonWidth, " - (2 * ", spacing, "));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperVerticalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygzICogJHtzcGFjaW5nfSkpO1xuYFxuIl19 */");
-exports.stepWrapperVerticalStyles = stepWrapperVerticalStyles;
-const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
-  name: "1s8f72p",
-  styles: "gap:8px;display:flex;align-items:center"
-} : {
-  name: "khhwdo-stepHeaderStyles",
-  styles: "gap:8px;display:flex;align-items:center;label:stepHeaderStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygzICogJHtzcGFjaW5nfSkpO1xuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-exports.stepHeaderStyles = stepHeaderStyles;
-const stepContentStyles = /*#__PURE__*/(0, _react.css)("transform:translateX(calc(3 * ", spacing, "));" + (process.env.NODE_ENV === "production" ? "" : ";label:stepContentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Eb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygzICogJHtzcGFjaW5nfSkpO1xuYFxuIl19 */");
-exports.stepContentStyles = stepContentStyles;

package/cjs/step/StepButton.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type StepButtonProps = (React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    handleStepClick?: () => void;
-});
-declare const StepButtom: React.FC<StepButtonProps>;
-export default StepButtom;