@dfds-ui/react-components 1.0.5 → 1.0.6-alpha.34b8c377

package/cjs/step/StepContent.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _accordion = require("../accordion");
+
+var _StepContext = _interopRequireDefault(require("../step/StepContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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: "1go1kzf",
+  styles: "& .accordion__content{padding:0;background-color:inherit;}"
+} : {
+  name: "ayumll-StepContent",
+  styles: "& .accordion__content{padding:0;background-color:inherit;};label:StepContent;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQWNjb3JkaW9uIH0gZnJvbSAnLi4vYWNjb3JkaW9uJ1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4uL3N0ZXAvU3RlcENvbnRleHQnXG5cbnR5cGUgU3RlcENvbnRlbnRQcm9wcyA9IHtcbiAgLypcbiAgICogXHRUaGUgY29udGVudCBvZiB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0ZXBDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogU3RlcENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtY29udGVudFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZy10b3A6IDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEFjY29yZGlvblxuICAgICAgICBpc09wZW49e2FjdGl2ZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJiAuYWNjb3JkaW9uX19jb250ZW50IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgaGVhZGVyPXs8ZGl2PjwvZGl2Pn1cbiAgICAgICAgdHlwZT1cInNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9BY2NvcmRpb24+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcENvbnRlbnRcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1nuhno9",
+  styles: "padding-top:8px"
+} : {
+  name: "p2uvj7-StepContent",
+  styles: "padding-top:8px;label:StepContent;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuLi9hY2NvcmRpb24nXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi4vc3RlcC9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQ29udGVudFByb3BzID0ge1xuICAvKlxuICAgKiBcdFRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcENvbnRlbnQgPSAoeyBjaGlsZHJlbiB9OiBTdGVwQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjb3JkaW9uXG4gICAgICAgIGlzT3Blbj17YWN0aXZlfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAmIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICBoZWFkZXI9ezxkaXY+PC9kaXY+fVxuICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FjY29yZGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQ29udGVudFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const StepContent = ({
+  children
+}) => {
+  const _React$useContext = _react.default.useContext(_StepContext.default),
+        active = _React$useContext.active;
+
+  return (0, _react2.jsx)("div", {
+    "data-testid": "step-content",
+    css: _ref2
+  }, (0, _react2.jsx)(_accordion.Accordion, {
+    isOpen: active,
+    css: _ref,
+    header: (0, _react2.jsx)("div", null),
+    type: "small"
+  }, children));
+};
+
+var _default = StepContent;
+exports.default = _default;

package/cjs/step/StepContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+export declare type StepContextType = {
+    index: number;
+    active: boolean;
+    hasError?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    isEditing?: boolean;
+    feedback?: ReactNode;
+};
+declare const StepContext: React.Context<StepContextType>;
+export default StepContext;

package/cjs/step/StepContext.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StepContext = /*#__PURE__*/_react.default.createContext({
+  completed: false,
+  active: false,
+  disabled: false,
+  index: 0
+});
+
+var _default = StepContext;
+exports.default = _default;

package/cjs/step/StepLabel.d.ts

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

package/cjs/step/StepLabel.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _StepContext = _interopRequireDefault(require("./StepContext"));
+
+var _theme = require("@dfds-ui/theme");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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: "rnnx2x",
+  styles: "font-size:12px"
+} : {
+  name: "1ewsp7s-StepLabel",
+  styles: "font-size:12px;label:StepLabel;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4vU3RlcENvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBMYWJsZVR5cGVzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9wdGlvbmFsU3RlcFRleHQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiwgb3B0aW9uYWxTdGVwVGV4dCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtbGFiZWxcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgY29sb3I6ICR7Y29tcGxldGVkIHx8IGFjdGl2ZSA/IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7b3B0aW9uYWxTdGVwVGV4dCA/IG9wdGlvbmFsU3RlcFRleHQgOiBudWxsfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBMYWJlbFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const StepLabel = ({
+  children,
+  optionalStepText
+}) => {
+  const _React$useContext = _react.default.useContext(_StepContext.default),
+        completed = _React$useContext.completed,
+        active = _React$useContext.active;
+
+  return (0, _react2.jsx)("div", {
+    "data-testid": "step-label",
+    css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */")
+  }, children, (0, _react2.jsx)("span", {
+    css: _ref
+  }, optionalStepText ? optionalStepText : null));
+};
+
+var _default = StepLabel;
+exports.default = _default;

package/cjs/step/index.d.ts

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

package/cjs/step/index.js

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

package/cjs/stepper/Stepper.d.ts

@@ -1,15 +1,25 @@
-import React, { SetStateAction, Dispatch, ReactNode } from 'react';
-declare type StepperProps = {
+import React, { ReactNode } from 'react';
+export declare type StepperProps = {
+    /**
+     * Stepper layout orientation `'horizontal' | 'vertical'`
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Multiple `<Step/>` components
+     */
     children: ReactNode;
-    initialStep?: number;
+    /**
+     *  The initial step
+     */
+    activeStep?: number;
+    /**
+     *  If set the component will not assist in controlling steps for sequential flow
+     */
+    sequential?: boolean;
+    /**
+     * A feedback message can be passed to display a transitory feedback message as the step label
+     */
+    stepFeedbackMessage?: string;
 };
-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>>;
-};
-declare const _default: React.NamedExoticComponent<StepperProps>;
+declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => JSX.Element>;
 export default _default;

package/cjs/stepper/Stepper.js

@@ -3,90 +3,91 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStepperContext = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = require("@material-ui/core");
-
 var _react2 = require("@emotion/react");
 
-const _excluded = ["children", "initialStep"];
+var _StepperContext = _interopRequireDefault(require("./StepperContext"));
 
-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); }
+var _stepperFeedbackMessage = require("../stepper-feedback-message");
 
-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; }
+const _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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 _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 _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 _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 _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 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 _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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 _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 StepperContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-
-const useStepperContext = () => {
-  const context = (0, _react.useContext)(StepperContext);
-
-  if (context === undefined) {
-    throw new Error('useStepperContext must be used within a StepperProvider');
-  }
+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)."; }
 
-  return context;
+const 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
-exports.useStepperContext = useStepperContext;
 
 const StepperProvider = _ref => {
   let children = _ref.children,
-      initialStep = _ref.initialStep,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const _useState = (0, _react.useState)([]),
-        _useState2 = _slicedToArray(_useState, 2),
-        steps = _useState2[0],
-        setSteps = _useState2[1];
-
-  const _useState3 = (0, _react.useState)(initialStep || 0),
-        _useState4 = _slicedToArray(_useState3, 2),
-        activeIndex = _useState4[0],
-        setActiveIndex = _useState4[1];
-
-  const activeStep = steps[activeIndex];
-  const setStep = (0, _react.useCallback)(newStep => setSteps(prevSteps => [...prevSteps, newStep]), []);
-  const setNext = (0, _react.useCallback)(() => setActiveIndex(prevIndex => prevIndex + 1), []);
-  const setBack = (0, _react.useCallback)(() => setActiveIndex(prevIndex => prevIndex - 1), []);
-  const setReset = (0, _react.useCallback)(() => setActiveIndex(0), []);
-  return (0, _react2.jsx)(StepperContext.Provider, {
-    value: {
-      setStep,
-      activeStep,
-      setNext,
-      setBack,
-      setReset,
-      setActiveIndex
-    }
-  }, (0, _react2.jsx)(_core.Stepper, _extends({
-    style: {
-      padding: 0
-    }
-  }, props, {
-    connector: (0, _react2.jsx)(_react.default.Fragment, null),
-    orientation: "vertical",
-    activeStep: activeIndex
-  }), 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);
+
+  const childrenArray = _react.default.Children.toArray(children).filter(Boolean);
+
+  const steps = childrenArray.map((child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
+      index: index
+    }, child.props));
+  });
+
+  const contextValue = _react.default.useMemo(() => ({
+    activeStep,
+    sequential,
+    orientation,
+    stepFeedbackMessage
+  }), [activeStep, sequential, orientation, stepFeedbackMessage]);
+
+  const displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
+  return (0, _react2.jsx)(_StepperContext.default.Provider, {
+    value: contextValue
+  }, (0, _react2.jsx)("div", _extends({
+    css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
+  }, other), displayFeedbackCondition ? (0, _react2.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
+    message: stepFeedbackMessage
+  }) : steps));
 };
 
 var _default = /*#__PURE__*/(0, _react.memo)(StepperProvider);

package/cjs/stepper/StepperContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type StepperContextType = {
+    activeStep: number;
+    orientation: 'horizontal' | 'vertical';
+    sequential: boolean;
+    stepFeedbackMessage?: string;
+};
+declare const StepperContext: React.Context<StepperContextType>;
+export default StepperContext;

package/cjs/stepper/StepperContext.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const StepperContext = /*#__PURE__*/_react.default.createContext({
+  activeStep: 1,
+  orientation: 'horizontal',
+  sequential: true
+});
+
+var _default = StepperContext;
+exports.default = _default;

package/cjs/stepper/index.d.ts

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

package/cjs/stepper/index.js

@@ -3,31 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Step", {
-  enumerable: true,
-  get: function get() {
-    return _Step.default;
-  }
-});
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function get() {
     return _Stepper.default;
   }
 });
-Object.defineProperty(exports, "useStepperContext", {
-  enumerable: true,
-  get: function get() {
-    return _Stepper.useStepperContext;
-  }
-});
-
-var _Step = _interopRequireDefault(require("./Step"));
-
-var _Stepper = _interopRequireWildcard(require("./Stepper"));
-
-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; }
+var _Stepper = _interopRequireDefault(require("./Stepper"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts

@@ -0,0 +1,4 @@
+declare const StepperFeedbackMessage: ({ message }: {
+    message: string;
+}) => JSX.Element;
+export default StepperFeedbackMessage;

package/cjs/stepper-feedback-message/StepperFeedbackMessage.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _Spinner = _interopRequireDefault(require("../spinner/Spinner"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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: "1yydxi7",
+  styles: "display:flex;align-items:center;gap:8px"
+} : {
+  name: "zioacq-StepperFeedbackMessage",
+  styles: "display:flex;align-items:center;gap:8px;label:StepperFeedbackMessage;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2UvU3RlcHBlckZlZWRiYWNrTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZS9TdGVwcGVyRmVlZGJhY2tNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFNwaW5uZXIgZnJvbSAnLi4vc3Bpbm5lci9TcGlubmVyJ1xuXG5jb25zdCBTdGVwcGVyRmVlZGJhY2tNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiB7IG1lc3NhZ2U6IHN0cmluZyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2VcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3Bpbm5lciBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICA8c3Bhbj57bWVzc2FnZX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcHBlckZlZWRiYWNrTWVzc2FnZVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const StepperFeedbackMessage = ({
+  message
+}) => {
+  return (0, _react.jsx)("div", {
+    "data-testid": "stepper-feedback-message",
+    css: _ref
+  }, (0, _react.jsx)(_Spinner.default, {
+    color: "secondary"
+  }), (0, _react.jsx)("span", null, message));
+};
+
+var _default = StepperFeedbackMessage;
+exports.default = _default;

package/cjs/stepper-feedback-message/index.d.ts

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

package/cjs/stepper-feedback-message/index.js

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

package/footer/Footer.js

@@ -8,21 +8,21 @@ var StyledLogo = /*#__PURE__*/_styled(Logo, process.env.NODE_ENV === "production
 } : {
   target: "eqg0bpw2",
   label: "StyledLogo"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJK0IiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5cbmNvbnN0IEZvb3RlckJvdHRvbVNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAwIDIwcHg7XG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5cbmNvbnN0IEZvb3RlcjogUmVhY3QuRkM8eyBjbGFzc05hbWU/OiBzdHJpbmc7IGJvdHRvbUNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYm90dG9tQ2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7Y2hpbGRyZW4gJiYgPEZvb3RlclRvcFNlY3Rpb24+e2NoaWxkcmVufTwvRm9vdGVyVG9wU2VjdGlvbj59XG4gICAgICA8Rm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZExvZ28gLz5cbiAgICAgICAge2JvdHRvbUNoaWxkcmVufVxuICAgICAgPC9Gb290ZXJCb3R0b21TZWN0aW9uPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZvb3RlclxuIl19 */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJK0IiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5jb25zdCBGb290ZXJCb3R0b21TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMCAyMHB4O1xuXG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXI6IFJlYWN0LkZDPHsgY2xhc3NOYW1lPzogc3RyaW5nOyBib3R0b21DaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIGJvdHRvbUNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVuICYmIDxGb290ZXJUb3BTZWN0aW9uPntjaGlsZHJlbn08L0Zvb3RlclRvcFNlY3Rpb24+fVxuICAgICAgPEZvb3RlckJvdHRvbVNlY3Rpb24+XG4gICAgICAgIDxTdHlsZWRMb2dvIC8+XG4gICAgICAgIHtib3R0b21DaGlsZHJlbn1cbiAgICAgIDwvRm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBGb290ZXJcbiJdfQ== */");
 
-var FooterBottomSection = _styled("div", process.env.NODE_ENV === "production" ? {
+var FooterTopSection = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eqg0bpw1"
 } : {
   target: "eqg0bpw1",
-  label: "FooterBottomSection"
-})("display:flex;padding:0 20px;", StyledLogo, "{height:32px;margin:20px 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5cbmNvbnN0IEZvb3RlckJvdHRvbVNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAwIDIwcHg7XG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5cbmNvbnN0IEZvb3RlcjogUmVhY3QuRkM8eyBjbGFzc05hbWU/OiBzdHJpbmc7IGJvdHRvbUNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYm90dG9tQ2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7Y2hpbGRyZW4gJiYgPEZvb3RlclRvcFNlY3Rpb24+e2NoaWxkcmVufTwvRm9vdGVyVG9wU2VjdGlvbj59XG4gICAgICA8Rm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZExvZ28gLz5cbiAgICAgICAge2JvdHRvbUNoaWxkcmVufVxuICAgICAgPC9Gb290ZXJCb3R0b21TZWN0aW9uPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZvb3RlclxuIl19 */"));
+  label: "FooterTopSection"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5jb25zdCBGb290ZXJCb3R0b21TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMCAyMHB4O1xuXG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXI6IFJlYWN0LkZDPHsgY2xhc3NOYW1lPzogc3RyaW5nOyBib3R0b21DaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIGJvdHRvbUNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVuICYmIDxGb290ZXJUb3BTZWN0aW9uPntjaGlsZHJlbn08L0Zvb3RlclRvcFNlY3Rpb24+fVxuICAgICAgPEZvb3RlckJvdHRvbVNlY3Rpb24+XG4gICAgICAgIDxTdHlsZWRMb2dvIC8+XG4gICAgICAgIHtib3R0b21DaGlsZHJlbn1cbiAgICAgIDwvRm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBGb290ZXJcbiJdfQ== */");
 
-var FooterTopSection = _styled("div", process.env.NODE_ENV === "production" ? {
+var FooterBottomSection = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "eqg0bpw0"
 } : {
   target: "eqg0bpw0",
-  label: "FooterTopSection"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5cbmNvbnN0IEZvb3RlckJvdHRvbVNlY3Rpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAwIDIwcHg7XG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5cbmNvbnN0IEZvb3RlcjogUmVhY3QuRkM8eyBjbGFzc05hbWU/OiBzdHJpbmc7IGJvdHRvbUNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgYm90dG9tQ2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7Y2hpbGRyZW4gJiYgPEZvb3RlclRvcFNlY3Rpb24+e2NoaWxkcmVufTwvRm9vdGVyVG9wU2VjdGlvbj59XG4gICAgICA8Rm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICAgICAgPFN0eWxlZExvZ28gLz5cbiAgICAgICAge2JvdHRvbUNoaWxkcmVufVxuICAgICAgPC9Gb290ZXJCb3R0b21TZWN0aW9uPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZvb3RlclxuIl19 */");
+  label: "FooterBottomSection"
+})("display:flex;padding:0 20px;", StyledLogo, "{height:32px;margin:20px 0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMb2dvIH0gZnJvbSAnLi4vbG9nbydcblxuY29uc3QgU3R5bGVkTG9nbyA9IHN0eWxlZChMb2dvKWBgXG5jb25zdCBGb290ZXJUb3BTZWN0aW9uID0gc3R5bGVkLmRpdmBgXG5jb25zdCBGb290ZXJCb3R0b21TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMCAyMHB4O1xuXG4gICR7U3R5bGVkTG9nb30ge1xuICAgIGhlaWdodDogMzJweDtcbiAgICBtYXJnaW46IDIwcHggMDtcbiAgfVxuYFxuXG5jb25zdCBGb290ZXI6IFJlYWN0LkZDPHsgY2xhc3NOYW1lPzogc3RyaW5nOyBib3R0b21DaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIGJvdHRvbUNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVuICYmIDxGb290ZXJUb3BTZWN0aW9uPntjaGlsZHJlbn08L0Zvb3RlclRvcFNlY3Rpb24+fVxuICAgICAgPEZvb3RlckJvdHRvbVNlY3Rpb24+XG4gICAgICAgIDxTdHlsZWRMb2dvIC8+XG4gICAgICAgIHtib3R0b21DaGlsZHJlbn1cbiAgICAgIDwvRm9vdGVyQm90dG9tU2VjdGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBGb290ZXJcbiJdfQ== */"));
 
 var Footer = function Footer(_ref) {
   var className = _ref.className,

package/mobile-stepper/MobileStepper.d.ts

@@ -0,0 +1,25 @@
+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;