@dfds-ui/react-components 2.2.0-alpha.10ab70f8 → 2.2.0-alpha.1c00ab5c

package/step/StepButton.js

@@ -1,5 +1,11 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + 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 _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)."; }
 import React from 'react';
 import { css } from '@emotion/react';
@@ -8,22 +14,22 @@ import { Yes, MoreHorizontal, StatusAlert } from '@dfds-ui/icons/system';
 import { Button } from '../button';
 import { theme } from '@dfds-ui/theme';
 import StepContext from './StepContext';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var buttonStyles = function buttonStyles(_ref2) {
   var active = _ref2.active,
     _ref2$completed = _ref2.completed,
     completed = _ref2$completed === void 0 ? false : _ref2$completed;
-  return /*#__PURE__*/css("border-radius:50%;padding:0;background-color:", active || completed ? theme.colors.secondary.main : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxRyIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IHwgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+IFxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudDogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbjogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgd2lkdGg6IDEuNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuNWVtO1xuICAgICAgICBtaW4td2lkdGg6IDEuNWVtO1xuICAgICAgICBtaW4taGVpZ2h0OiAxLjVlbTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFN0ZXBCdXR0b25FbGVtZW50IHsuLi5yZXN0fSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */");
+  return /*#__PURE__*/css("border-radius:50%;padding:0;background-color:", active || completed ? theme.colors.secondary.main : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxRyIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PlxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudCA9ICh7IC4uLnJlc3QgfTogU3RlcEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBpbmRleCwgYWN0aXZlLCBoYXNFcnJvciwgaXNFZGl0aW5nLCBkaXNhYmxlZCB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgaWYgKGhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lcnJvclwiXG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBpY29uPXtTdGF0dXNBbGVydH1cbiAgICAgICAgYXJpYUxhYmVsPVwiRXJyb3JcIlxuICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH1cbiAgICAgICAgY3NzPXtjb3N0dW1lQnV0dG9uU3R5bGVzfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH0gZWxzZSBpZiAoaXNFZGl0aW5nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZWRpdGluZ1wiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtNb3JlSG9yaXpvbnRhbH1cbiAgICAgICAgYXJpYUxhYmVsPVwiQ29tcGxldGVkXCJcbiAgICAgICAgY3NzPXtlZGl0QnV0dG9uU3R5bGVzfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH0gZWxzZSBpZiAoY29tcGxldGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tY29tcGxldGVkXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e1llc31cbiAgICAgICAgYXJpYUxhYmVsPVwiQ29tcGxldGVkXCJcbiAgICAgICAgY3NzPXtidXR0b25TdHlsZXMoeyBhY3RpdmUsIGNvbXBsZXRlZCB9KX1cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1pbmRleFwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB2YXJpYXRpb249XCJ0ZXh0XCJcbiAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgY3NzPXtidXR0b25TdHlsZXMoeyBhY3RpdmUsIGNvbXBsZXRlZCB9KX1cbiAgICA+XG4gICAgICB7aW5kZXggKyAxfVxuICAgIDwvQnV0dG9uPlxuICApXG59XG5jb25zdCBTdGVwQnV0dG9uID0gKHsgLi4ucmVzdCB9OiBTdGVwQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */");
 };
 var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDK0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSB8IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiBcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQ6IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGluZGV4LCBhY3RpdmUsIGhhc0Vycm9yLCBpc0VkaXRpbmcsIGRpc2FibGVkIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICBpZiAoaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVycm9yXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGljb249e1N0YXR1c0FsZXJ0fVxuICAgICAgICBhcmlhTGFiZWw9XCJFcnJvclwiXG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fVxuICAgICAgICBjc3M9e2Nvc3R1bWVCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChpc0VkaXRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lZGl0aW5nXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e01vcmVIb3Jpem9udGFsfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2VkaXRCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChjb21wbGV0ZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1jb21wbGV0ZWRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWluZGV4XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgID5cbiAgICAgIHtpbmRleCArIDF9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDK0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD5cblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQgPSAoeyAuLi5yZXN0IH06IFN0ZXBCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbiA9ICh7IC4uLnJlc3QgfTogU3RlcEJ1dHRvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB3aWR0aDogMS41ZW07XG4gICAgICAgIGhlaWdodDogMS41ZW07XG4gICAgICAgIG1pbi13aWR0aDogMS41ZW07XG4gICAgICAgIG1pbi1oZWlnaHQ6IDEuNWVtO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3RlcEJ1dHRvbkVsZW1lbnQgey4uLnJlc3R9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IFN0ZXBCdXR0b25cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var editButtonStyles = /*#__PURE__*/css("background-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSB8IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiBcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQ6IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGluZGV4LCBhY3RpdmUsIGhhc0Vycm9yLCBpc0VkaXRpbmcsIGRpc2FibGVkIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICBpZiAoaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVycm9yXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGljb249e1N0YXR1c0FsZXJ0fVxuICAgICAgICBhcmlhTGFiZWw9XCJFcnJvclwiXG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fVxuICAgICAgICBjc3M9e2Nvc3R1bWVCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChpc0VkaXRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lZGl0aW5nXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e01vcmVIb3Jpem9udGFsfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2VkaXRCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChjb21wbGV0ZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1jb21wbGV0ZWRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWluZGV4XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgID5cbiAgICAgIHtpbmRleCArIDF9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */");
+var editButtonStyles = /*#__PURE__*/css("background-color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD5cblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQgPSAoeyAuLi5yZXN0IH06IFN0ZXBCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbiA9ICh7IC4uLnJlc3QgfTogU3RlcEJ1dHRvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvblwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICB3aWR0aDogMS41ZW07XG4gICAgICAgIGhlaWdodDogMS41ZW07XG4gICAgICAgIG1pbi13aWR0aDogMS41ZW07XG4gICAgICAgIG1pbi1oZWlnaHQ6IDEuNWVtO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3RlcEJ1dHRvbkVsZW1lbnQgey4uLnJlc3R9IC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbmV4cG9ydCBkZWZhdWx0IFN0ZXBCdXR0b25cbiJdfQ== */");
 var StepButtonElement = function StepButtonElement(_ref3) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
   var _React$useContext = React.useContext(StepContext),
@@ -34,10 +40,10 @@ var StepButtonElement = function StepButtonElement(_ref3) {
     isEditing = _React$useContext.isEditing,
     disabled = _React$useContext.disabled;
   if (hasError) {
-    return ___EmotionJSX(IconButton, _extends({
+    return _jsx(IconButton, _objectSpread(_objectSpread({
       disabled: disabled,
       "data-testid": "step-button-error"
-    }, rest, {
+    }, rest), {}, {
       icon: StatusAlert,
       ariaLabel: "Error",
       color: theme.colors.status.alert,
@@ -45,9 +51,9 @@ var StepButtonElement = function StepButtonElement(_ref3) {
       disableOverlay: true
     }));
   } else if (isEditing) {
-    return ___EmotionJSX(IconButton, _extends({
+    return _jsx(IconButton, _objectSpread(_objectSpread({
       disabled: disabled
-    }, rest, {
+    }, rest), {}, {
       "data-testid": "step-button-editing",
       size: "small",
       color: "white",
@@ -57,9 +63,9 @@ var StepButtonElement = function StepButtonElement(_ref3) {
       disableOverlay: true
     }));
   } else if (completed) {
-    return ___EmotionJSX(IconButton, _extends({
+    return _jsx(IconButton, _objectSpread(_objectSpread({
       disabled: disabled
-    }, rest, {
+    }, rest), {}, {
       "data-testid": "step-button-completed",
       size: "small",
       color: "white",
@@ -72,32 +78,34 @@ var StepButtonElement = function StepButtonElement(_ref3) {
       disableOverlay: true
     }));
   }
-  return ___EmotionJSX(Button, _extends({
+  return _jsx(Button, _objectSpread(_objectSpread({
     disabled: disabled,
     "data-testid": "step-button-index"
-  }, rest, {
+  }, rest), {}, {
     size: "small",
     variation: "text",
     color: "white",
     css: buttonStyles({
       active: active,
       completed: completed
-    })
-  }), index + 1);
+    }),
+    children: 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIYyIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IHwgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+IFxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudDogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbjogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgd2lkdGg6IDEuNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuNWVtO1xuICAgICAgICBtaW4td2lkdGg6IDEuNWVtO1xuICAgICAgICBtaW4taGVpZ2h0OiAxLjVlbTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFN0ZXBCdXR0b25FbGVtZW50IHsuLi5yZXN0fSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIYyIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PlxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudCA9ICh7IC4uLnJlc3QgfTogU3RlcEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBpbmRleCwgYWN0aXZlLCBoYXNFcnJvciwgaXNFZGl0aW5nLCBkaXNhYmxlZCB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgaWYgKGhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lcnJvclwiXG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBpY29uPXtTdGF0dXNBbGVydH1cbiAgICAgICAgYXJpYUxhYmVsPVwiRXJyb3JcIlxuICAgICAgICBjb2xvcj17dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH1cbiAgICAgICAgY3NzPXtjb3N0dW1lQnV0dG9uU3R5bGVzfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH0gZWxzZSBpZiAoaXNFZGl0aW5nKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZWRpdGluZ1wiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtNb3JlSG9yaXpvbnRhbH1cbiAgICAgICAgYXJpYUxhYmVsPVwiQ29tcGxldGVkXCJcbiAgICAgICAgY3NzPXtlZGl0QnV0dG9uU3R5bGVzfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH0gZWxzZSBpZiAoY29tcGxldGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tY29tcGxldGVkXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e1llc31cbiAgICAgICAgYXJpYUxhYmVsPVwiQ29tcGxldGVkXCJcbiAgICAgICAgY3NzPXtidXR0b25TdHlsZXMoeyBhY3RpdmUsIGNvbXBsZXRlZCB9KX1cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1pbmRleFwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICB2YXJpYXRpb249XCJ0ZXh0XCJcbiAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgY3NzPXtidXR0b25TdHlsZXMoeyBhY3RpdmUsIGNvbXBsZXRlZCB9KX1cbiAgICA+XG4gICAgICB7aW5kZXggKyAxfVxuICAgIDwvQnV0dG9uPlxuICApXG59XG5jb25zdCBTdGVwQnV0dG9uID0gKHsgLi4ucmVzdCB9OiBTdGVwQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepButton = function StepButton(_ref4) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     "data-testid": "step-button",
-    css: _ref
-  }, ___EmotionJSX(StepButtonElement, rest));
+    css: _ref,
+    children: _jsx(StepButtonElement, _objectSpread({}, rest))
+  });
 };
 export default StepButton;

package/step/StepContent.d.ts

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

package/step/StepContent.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { css } from '@emotion/react';
 import { Accordion } from '../accordion';
 import StepContext from '../step/StepContext';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1go1kzf",
   styles: "& .accordion__content{padding:0;background-color:inherit;}"
@@ -24,14 +24,16 @@ var StepContent = function StepContent(_ref3) {
   var children = _ref3.children;
   var _React$useContext = React.useContext(StepContext),
     active = _React$useContext.active;
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     "data-testid": "step-content",
-    css: _ref2
-  }, ___EmotionJSX(Accordion, {
-    isOpen: active,
-    css: _ref,
-    header: ___EmotionJSX("div", null),
-    type: "small"
-  }, children));
+    css: _ref2,
+    children: _jsx(Accordion, {
+      isOpen: active,
+      css: _ref,
+      header: _jsx("div", {}),
+      type: "small",
+      children: children
+    })
+  });
 };
 export default StepContent;

package/step/StepContext.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepContextType = {
+export type StepContextType = {
     index: number;
     active: boolean;
     hasError?: boolean;

package/step/StepLabel.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type StepLableTypes = {
+type StepLableTypes = {
     children: ReactNode;
     optionalStepText?: ReactNode;
 };

package/step/StepLabel.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { css } from '@emotion/react';
 import StepContext from './StepContext';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "rnnx2x",
   styles: "font-size:12px"
@@ -18,11 +18,13 @@ var StepLabel = function StepLabel(_ref2) {
   var _React$useContext = React.useContext(StepContext),
     completed = _React$useContext.completed,
     active = _React$useContext.active;
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     "data-testid": "step-label",
-    css: /*#__PURE__*/css("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */")
-  }, children, ___EmotionJSX("span", {
-    css: _ref
-  }, optionalStepText ? optionalStepText : null));
+    css: /*#__PURE__*/css("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */"),
+    children: [children, _jsx("span", {
+      css: _ref,
+      children: optionalStepText ? optionalStepText : null
+    })]
+  });
 };
 export default StepLabel;

package/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepperProps = {
+export type StepperProps = {
     /**
      * Stepper layout orientation `'horizontal' | 'vertical'`
      */

package/stepper/Stepper.js

@@ -1,19 +1,18 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { memo } from 'react';
 import { css } from '@emotion/react';
 import StepperContext from './StepperContext';
 import { StepperFeedbackMessage } from '../stepper-feedback-message';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
   name: "1eoy87d",
   styles: "display:flex;justify-content:space-between"
@@ -55,12 +54,15 @@ var StepperProvider = function StepperProvider(_ref) {
     };
   }, [activeStep, sequential, orientation, stepFeedbackMessage]);
   var displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
-  return ___EmotionJSX(StepperContext.Provider, {
-    value: contextValue
-  }, ___EmotionJSX("div", _extends({
-    css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
-  }, other), displayFeedbackCondition ? ___EmotionJSX(StepperFeedbackMessage, {
-    message: stepFeedbackMessage
-  }) : steps));
+  return _jsx(StepperContext.Provider, {
+    value: contextValue,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
+    }, other), {}, {
+      children: displayFeedbackCondition ? _jsx(StepperFeedbackMessage, {
+        message: stepFeedbackMessage
+      }) : steps
+    }))
+  });
 };
 export default /*#__PURE__*/memo(StepperProvider);

package/stepper/StepperContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type StepperContextType = {
+type StepperContextType = {
     activeStep: number;
     orientation: 'horizontal' | 'vertical';
     sequential: boolean;

package/stepper-feedback-message/StepperFeedbackMessage.js

@@ -2,7 +2,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import React from 'react';
 import Spinner from '../spinner/Spinner';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1yydxi7",
   styles: "display:flex;align-items:center;gap:8px"
@@ -13,11 +13,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var StepperFeedbackMessage = function StepperFeedbackMessage(_ref2) {
   var message = _ref2.message;
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     "data-testid": "stepper-feedback-message",
-    css: _ref
-  }, ___EmotionJSX(Spinner, {
-    color: "secondary"
-  }), ___EmotionJSX("span", null, message));
+    css: _ref,
+    children: [_jsx(Spinner, {
+      color: "secondary"
+    }), _jsx("span", {
+      children: message
+    })]
+  });
 };
 export default StepperFeedbackMessage;

package/styles/media.d.ts

@@ -5,7 +5,7 @@ declare const defaultBreakPoints: {
     sm: number;
     xs: number;
 };
-declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+type BreakPoint = keyof typeof defaultBreakPoints | number;
 export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
     lt: (breakPoint: BreakPoint) => string;
     gt: (breakPoint: BreakPoint) => string;

package/styles/style-helpers.d.ts

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

package/styles/theme.d.ts

@@ -35,5 +35,5 @@ export declare const theme: {
     };
     uiRoundness: string;
 };
-export declare type ThemeInterface = typeof theme;
+export type ThemeInterface = typeof theme;
 export default theme;

package/surface/Surface.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare type SurfaceContextType = {
+export type SurfaceType = keyof typeof theme.colors.surface;
+export type SurfaceContextType = {
     surface: SurfaceType;
     backgroundColor: string;
     textColors: {
@@ -17,16 +17,16 @@ export declare function getTextColors(surface: SurfaceType): {
 };
 export declare function getBackgroundColor(surface: SurfaceType): string;
 export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
-export declare const SurfaceProvider: React.FC<{
+export declare const SurfaceProvider: ({ children, surface }: {
     surface: SurfaceType;
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element;
 export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
     surface?: SurfaceType;
 }>): React.JSX.Element;
 export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
-export declare const Surface: React.FC<{
+export declare const Surface: ({ surface, children, ...rest }: {
     surface: SurfaceType;
     className?: string;
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element;

package/surface/Surface.js

@@ -6,13 +6,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { Fragment } from 'react';
 import { theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 function createSurfaceContextValue(surface) {
   return {
     surface: surface,
@@ -33,20 +32,21 @@ export var SurfaceContext = /*#__PURE__*/React.createContext(undefined);
 export var SurfaceProvider = function SurfaceProvider(_ref) {
   var children = _ref.children,
     surface = _ref.surface;
-  return ___EmotionJSX(SurfaceContext.Provider, {
+  return _jsx(SurfaceContext.Provider, {
     value: {
       surface: surface,
       backgroundColor: getBackgroundColor(surface),
       textColors: getTextColors(surface)
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 export function MaybeSurfaceProvider(_ref2) {
   var surface = _ref2.surface,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  return surface ? ___EmotionJSX(SurfaceProvider, _extends({
+  return surface ? _jsx(SurfaceProvider, _objectSpread({
     surface: surface
-  }, rest)) : ___EmotionJSX(Fragment, rest);
+  }, rest)) : _jsx(Fragment, _objectSpread({}, rest));
 }
 export var useSurfaceContext = function useSurfaceContext(surface) {
   var context = React.useContext(SurfaceContext);
@@ -65,9 +65,12 @@ export var Surface = function Surface(_ref3) {
   var surface = _ref3.surface,
     children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded2);
-  return ___EmotionJSX(SurfaceProvider, {
-    surface: surface
-  }, ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/css("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXI6IFJlYWN0LkZDPHsgc3VyZmFjZTogU3VyZmFjZVR5cGU7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHN1cmZhY2UsXG59KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZTogUmVhY3QuRkM8eyBzdXJmYWNlOiBTdXJmYWNlVHlwZTsgY2xhc3NOYW1lPzogc3RyaW5nOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSl9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdXJmYWNlUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */")
-  }, rest), children));
+  return _jsx(SurfaceProvider, {
+    surface: surface,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: /*#__PURE__*/css("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
+    }, rest), {}, {
+      children: children
+    }))
+  });
 };

package/tab/Tab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
+export type Index = number | string;
+export type TabProps = {
     active?: boolean;
     disabled?: boolean;
     transparent?: boolean;
@@ -8,5 +8,5 @@ export declare type TabProps = {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     children?: React.ReactNode;
 };
-declare const Tab: React.FC<TabProps>;
+declare const Tab: ({ children, index, onClick, ...rest }: TabProps) => React.JSX.Element;
 export default Tab;