@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.853cab6b

package/cjs/step/StepButton.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _button = require("../button");
+var _system = require("@dfds-ui/icons/system");
+var _theme = require("@dfds-ui/theme");
+var _StepContext = _interopRequireDefault(require("./StepContext"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 buttonStyles = ({
+  active,
+  completed = false
+}) => /*#__PURE__*/(0, _react2.css)("border-radius:50%;padding:0;background-color:", active || completed ? _theme.theme.colors.secondary.main : _theme.theme.colors.text.primary.disabled, ";font-weight:", active || completed ? 'bold' : '', ";width:100%;height:100%;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;color:#fff;:hover{color:#fff;}svg{width:15px;height:15px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxRyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IHwgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+IFxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudDogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbjogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgd2lkdGg6IDEuNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuNWVtO1xuICAgICAgICBtaW4td2lkdGg6IDEuNWVtO1xuICAgICAgICBtaW4taGVpZ2h0OiAxLjVlbTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFN0ZXBCdXR0b25FbGVtZW50IHsuLi5yZXN0fSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */");
+const costumeButtonStyles = process.env.NODE_ENV === "production" ? {
+  name: "17acgeb",
+  styles: "border-radius:50%;padding:0;width:100%;height:100%;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center"
+} : {
+  name: "d08nq-costumeButtonStyles",
+  styles: "border-radius:50%;padding:0;width:100%;height:100%;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;label:costumeButtonStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSB8IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiBcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQ6IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGluZGV4LCBhY3RpdmUsIGhhc0Vycm9yLCBpc0VkaXRpbmcsIGRpc2FibGVkIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICBpZiAoaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVycm9yXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGljb249e1N0YXR1c0FsZXJ0fVxuICAgICAgICBhcmlhTGFiZWw9XCJFcnJvclwiXG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fVxuICAgICAgICBjc3M9e2Nvc3R1bWVCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChpc0VkaXRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lZGl0aW5nXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e01vcmVIb3Jpem9udGFsfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2VkaXRCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChjb21wbGV0ZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1jb21wbGV0ZWRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWluZGV4XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgID5cbiAgICAgIHtpbmRleCArIDF9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const editButtonStyles = /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.secondary.main, ";padding:0;border-radius:50%;width:100%;height:100%;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;svg{width:15px;height:15px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:editButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSB8IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiBcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQ6IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGluZGV4LCBhY3RpdmUsIGhhc0Vycm9yLCBpc0VkaXRpbmcsIGRpc2FibGVkIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICBpZiAoaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVycm9yXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGljb249e1N0YXR1c0FsZXJ0fVxuICAgICAgICBhcmlhTGFiZWw9XCJFcnJvclwiXG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fVxuICAgICAgICBjc3M9e2Nvc3R1bWVCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChpc0VkaXRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lZGl0aW5nXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e01vcmVIb3Jpem9udGFsfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2VkaXRCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChjb21wbGV0ZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1jb21wbGV0ZWRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWluZGV4XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgID5cbiAgICAgIHtpbmRleCArIDF9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */");
+const StepButtonElement = ({
+  ...rest
+}) => {
+  const {
+    completed,
+    index,
+    active,
+    hasError,
+    isEditing,
+    disabled
+  } = _react.default.useContext(_StepContext.default);
+  if (hasError) {
+    return (0, _react2.jsx)(_button.IconButton, _extends({
+      disabled: disabled,
+      "data-testid": "step-button-error"
+    }, rest, {
+      icon: _system.StatusAlert,
+      ariaLabel: "Error",
+      color: _theme.theme.colors.status.alert,
+      css: costumeButtonStyles,
+      disableOverlay: true
+    }));
+  } else if (isEditing) {
+    return (0, _react2.jsx)(_button.IconButton, _extends({
+      disabled: disabled
+    }, rest, {
+      "data-testid": "step-button-editing",
+      size: "small",
+      color: "white",
+      icon: _system.MoreHorizontal,
+      ariaLabel: "Completed",
+      css: editButtonStyles,
+      disableOverlay: true
+    }));
+  } else if (completed) {
+    return (0, _react2.jsx)(_button.IconButton, _extends({
+      disabled: disabled
+    }, rest, {
+      "data-testid": "step-button-completed",
+      size: "small",
+      color: "white",
+      icon: _system.Yes,
+      ariaLabel: "Completed",
+      css: buttonStyles({
+        active,
+        completed
+      }),
+      disableOverlay: true
+    }));
+  }
+  return (0, _react2.jsx)(_button.Button, _extends({
+    disabled: disabled,
+    "data-testid": "step-button-index"
+  }, rest, {
+    size: "small",
+    variation: "text",
+    color: "white",
+    css: buttonStyles({
+      active,
+      completed
+    })
+  }), index + 1);
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "br76u9",
+  styles: "position:relative;padding:0;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em"
+} : {
+  name: "fq5fky-StepButton",
+  styles: "position:relative;padding:0;width:1.5em;height:1.5em;min-width:1.5em;min-height:1.5em;label:StepButton;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IHwgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+IFxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudDogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbjogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgd2lkdGg6IDEuNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuNWVtO1xuICAgICAgICBtaW4td2lkdGg6IDEuNWVtO1xuICAgICAgICBtaW4taGVpZ2h0OiAxLjVlbTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFN0ZXBCdXR0b25FbGVtZW50IHsuLi5yZXN0fSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StepButton = ({
+  ...rest
+}) => {
+  return (0, _react2.jsx)("div", {
+    "data-testid": "step-button",
+    css: _ref
+  }, (0, _react2.jsx)(StepButtonElement, rest));
+};
+var _default = StepButton;
+exports.default = _default;

package/cjs/step/StepContent.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+declare type StepContentProps = {
+    children: ReactNode;
+};
+declare const StepContent: ({ children }: StepContentProps) => React.JSX.Element;
+export default StepContent;

package/cjs/step/StepContent.js

@@ -0,0 +1,46 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuLi9hY2NvcmRpb24nXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi4vc3RlcC9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQ29udGVudFByb3BzID0ge1xuICAvKlxuICAgKiBcdFRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcENvbnRlbnQgPSAoeyBjaGlsZHJlbiB9OiBTdGVwQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjb3JkaW9uXG4gICAgICAgIGlzT3Blbj17YWN0aXZlfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAmIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICBoZWFkZXI9ezxkaXY+PC9kaXY+fVxuICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FjY29yZGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQ29udGVudFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StepContent = ({
+  children
+}) => {
+  const {
+    active
+  } = _react.default.useContext(_StepContext.default);
+  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,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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,37 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4vU3RlcENvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBMYWJsZVR5cGVzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9wdGlvbmFsU3RlcFRleHQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiwgb3B0aW9uYWxTdGVwVGV4dCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtbGFiZWxcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgY29sb3I6ICR7Y29tcGxldGVkIHx8IGFjdGl2ZSA/IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7b3B0aW9uYWxTdGVwVGV4dCA/IG9wdGlvbmFsU3RlcFRleHQgOiBudWxsfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBMYWJlbFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StepLabel = ({
+  children,
+  optionalStepText
+}) => {
+  const {
+    completed,
+    active
+  } = _react.default.useContext(_StepContext.default);
+  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,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _Step.default;
+  }
+});
+var _Step = _interopRequireDefault(require("./Step"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/stepper/Stepper.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export declare type StepperProps = {
+    /**
+     * Stepper layout orientation `'horizontal' | 'vertical'`
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Multiple `<Step/>` components
+     */
+    children: ReactNode;
+    /**
+     *  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;
+};
+declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => React.JSX.Element>;
+export default _default;

package/cjs/stepper/Stepper.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _StepperContext = _interopRequireDefault(require("./StepperContext"));
+var _stepperFeedbackMessage = require("../stepper-feedback-message");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 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;/*# 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const StepperProvider = ({
+  children,
+  activeStep = 0,
+  sequential = true,
+  orientation = 'horizontal',
+  stepFeedbackMessage,
+  ...other
+}) => {
+  const childrenArray = _react.default.Children.toArray(children).filter(Boolean);
+  const steps = childrenArray.map((child, index) => {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      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);
+exports.default = _default;

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

package/cjs/stepper/index.d.ts

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

package/cjs/stepper/index.js

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const StepperFeedbackMessage: ({ message }: {
+    message: string;
+}) => React.JSX.Element;
+export default StepperFeedbackMessage;

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

@@ -0,0 +1,31 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# 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,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StepperFeedbackMessage", {
+  enumerable: true,
+  get: function () {
+    return _StepperFeedbackMessage.default;
+  }
+});
+var _StepperFeedbackMessage = _interopRequireDefault(require("./StepperFeedbackMessage"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as legacyMedia, legacyGenerateMedia } from './media';
+export { default as theme } from './theme';
+export { visuallyHidden } from './style-helpers';

package/cjs/styles/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "legacyGenerateMedia", {
+  enumerable: true,
+  get: function () {
+    return _media.legacyGenerateMedia;
+  }
+});
+Object.defineProperty(exports, "legacyMedia", {
+  enumerable: true,
+  get: function () {
+    return _media.default;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function () {
+    return _theme.default;
+  }
+});
+Object.defineProperty(exports, "visuallyHidden", {
+  enumerable: true,
+  get: function () {
+    return _styleHelpers.visuallyHidden;
+  }
+});
+var _media = _interopRequireWildcard(require("./media"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _styleHelpers = require("./style-helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/styles/media.d.ts

@@ -0,0 +1,21 @@
+declare const defaultBreakPoints: {
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export declare const legacyMedia: {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export default legacyMedia;

package/cjs/styles/media.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.legacyGenerateMedia = legacyGenerateMedia;
+exports.legacyMedia = void 0;
+// ***
+// DEPRECATED use media from ./media
+// ***
+
+// breakpoint used in DFDS-DIRECT
+const defaultBreakPoints = {
+  xl: 1260,
+  lg: 992,
+  md: 768,
+  sm: 576,
+  xs: 575
+};
+function legacyGenerateMedia(breakPoints) {
+  const toInt = breakPoint => {
+    return typeof breakPoint === 'number' ? breakPoint : breakPoints[breakPoint];
+  };
+  const lessThan = breakPoint => `
+    @media (max-width: ${toInt(breakPoint) - 1}px)`;
+  const greaterThan = breakPoint => `
+    @media (min-width: ${toInt(breakPoint) + 1}px)`;
+  const between = (firstBreakpoint, secondBreakpoint) => `
+    @media (min-width: ${toInt(firstBreakpoint)}px) and (max-width: ${toInt(secondBreakpoint)}px)`;
+  const tablet = () => `
+   @media (min-width: ${breakPoints.sm + 1}px) and (max-width: ${breakPoints.md}px)`;
+  return {
+    lt: lessThan,
+    gt: greaterThan,
+    bt: between,
+    tablet
+  };
+}
+const legacyMedia = legacyGenerateMedia(defaultBreakPoints);
+exports.legacyMedia = legacyMedia;
+var _default = legacyMedia;
+exports.default = _default;

package/cjs/styles/rem.d.ts

@@ -0,0 +1 @@
+export declare const rem: (targetPixelValue: number, base?: number) => string;

package/cjs/styles/rem.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rem = void 0;
+// replacement for the rem function from polished
+const rem = (targetPixelValue, base = 16) => {
+  return `${targetPixelValue / base}rem`;
+};
+exports.rem = rem;

package/cjs/styles/style-helpers.d.ts

@@ -0,0 +1 @@
+export declare const visuallyHidden: () => import("@emotion/react").SerializedStyles;