@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508

package/cjs/spinner/Spinner.js

@@ -11,8 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _icons = require("@dfds-ui/icons");
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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 paths = 8;
 const duration = 0.8;
@@ -72,22 +72,24 @@ function Spinner({
   const Svg = instant ? InstantSpinner : FadedSpinner;
   const colorPicker = color == 'dark' ? _theme.theme.colors.primary.main : color == 'light' ? _theme.theme.colors.surface.primary : _theme.theme.colors.secondary.main;
   const Component = as;
-  return (0, _react2.jsx)(Component, _extends({
+  return (0, _jsxRuntime.jsx)(Component, {
     className: className,
-    css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */")
-  }, rest), (0, _react2.jsx)(Svg, {
-    width: 32,
-    height: 32,
-    viewBox: "0 0 32 32",
-    size: size
-  }));
+    css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"),
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(Svg, {
+      width: 32,
+      height: 32,
+      viewBox: "0 0 32 32",
+      size: size
+    })
+  });
 }
 Spinner.displayName = 'Spinner';
 
 /**
  * @deprecated Style the regular spinner to achieve the desired effect.
  */
-const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
+const CenteredSpinner = exports.CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
   target: "e1ehxkae0"
 } : {
   target: "e1ehxkae0",
@@ -100,6 +102,4 @@ const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NOD
   styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.CenteredSpinner = CenteredSpinner;
-var _default = Spinner;
-exports.default = _default;
+var _default = exports.default = Spinner;

package/cjs/step/Step.js

@@ -12,10 +12,9 @@ var _StepContext = _interopRequireDefault(require("./StepContext"));
 var _StepperContext = _interopRequireDefault(require("../stepper/StepperContext"));
 var _Step = require("./Step.styles");
 var _stepperFeedbackMessage = require("../stepper-feedback-message");
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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); }
 const Step = ({
   index,
   label = '',
@@ -46,22 +45,32 @@ const Step = ({
     isEditing
   }), [index, active, completed, disabled, hasError, isEditing]);
   const displayFeedbackCondition = orientation === 'vertical' && stepFeedbackMessage && activeStep === index;
-  return (0, _react2.jsx)(_StepContext.default.Provider, {
-    value: contextValue
-  }, (0, _react2.jsx)("div", _extends({
-    css: orientation === 'horizontal' ? _Step.stepWrapperHorizontalStyles : _Step.stepWrapperVerticalStyles
-  }, props, {
-    "data-testid": "step"
-  }), (0, _react2.jsx)("div", {
-    css: _Step.stepHeaderStyles,
-    onClick: handleStepClick
-  }, displayFeedbackCondition ? (0, _react2.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
-    message: stepFeedbackMessage
-  }) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_StepButton.default, props), label ? (0, _react2.jsx)(_StepLabel.default, {
-    optionalStepText: optionalStepText
-  }, label) : null)), orientation === 'vertical' ? (0, _react2.jsx)("div", {
-    css: _Step.stepContentStyles
-  }, (0, _react2.jsx)(_StepContent.default, null, children)) : null));
+  return (0, _jsxRuntime.jsx)(_StepContext.default.Provider, {
+    value: contextValue,
+    children: (0, _jsxRuntime.jsxs)("div", {
+      css: orientation === 'horizontal' ? _Step.stepWrapperHorizontalStyles : _Step.stepWrapperVerticalStyles,
+      ...props,
+      "data-testid": "step",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        css: _Step.stepHeaderStyles,
+        onClick: handleStepClick,
+        children: displayFeedbackCondition ? (0, _jsxRuntime.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
+          message: stepFeedbackMessage
+        }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [(0, _jsxRuntime.jsx)(_StepButton.default, {
+            ...props
+          }), label ? (0, _jsxRuntime.jsx)(_StepLabel.default, {
+            optionalStepText: optionalStepText,
+            children: label
+          }) : null]
+        })
+      }), orientation === 'vertical' ? (0, _jsxRuntime.jsx)("div", {
+        css: _Step.stepContentStyles,
+        children: (0, _jsxRuntime.jsx)(_StepContent.default, {
+          children: children
+        })
+      }) : null]
+    })
+  });
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Step);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Step);

package/cjs/step/Step.styles.js

@@ -11,11 +11,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 const spacing = _theme.theme.spacing.xs;
 const buttonWidth = _theme.theme.spacing.m;
 const connecterWidth = '1px';
-const stepWrapperHorizontalStyles = /*#__PURE__*/(0, _react.css)("display:flex;gap:", spacing, ";align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;content:'';height:", connecterWidth, ";background-color:", _theme.theme.colors.text.primary.disabled, ";flex:1;width:100%;margin-right:", spacing, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperHorizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU84QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gc3BhY2UgYmV0d2VlbiBsYWJlbCBhbmQgc3RlcEJ1dHRvblxuY29uc3Qgc3BhY2luZyA9IHRoZW1lLnNwYWNpbmcueHNcbmNvbnN0IGJ1dHRvbldpZHRoID0gdGhlbWUuc3BhY2luZy5tXG5jb25zdCBjb25uZWN0ZXJXaWR0aCA9ICcxcHgnXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZ307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogJHtjb25uZWN0ZXJXaWR0aH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmd9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJWZXJ0aWNhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nLWJvdHRvbTogMmVtO1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiBjYWxjKCR7YnV0dG9uV2lkdGh9ICsgJHtzcGFjaW5nfSk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygoJHtidXR0b25XaWR0aH0gLyAyKSAtIDFweCkpO1xuICAgICAgd2lkdGg6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtidXR0b25XaWR0aH0gLSAoMiAqICR7c3BhY2luZ30pKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBIZWFkZXJTdHlsZXMgPSBjc3NgXG4gIGdhcDogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQ29udGVudFN0eWxlcyA9IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMyAqICR7c3BhY2luZ30pKTtcbmBcbiJdfQ== */");
-exports.stepWrapperHorizontalStyles = stepWrapperHorizontalStyles;
-const stepWrapperVerticalStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;position:relative;padding-bottom:2em;&:not(:last-child){&:after{box-sizing:border-box;position:absolute;content:'';top:calc(", buttonWidth, " + ", spacing, ");transform:translateX(calc((", buttonWidth, " / 2) - 1px));width:", connecterWidth, ";background:", _theme.theme.colors.text.primary.disabled, ";height:calc(100% - ", buttonWidth, " - (2 * ", spacing, "));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperVerticalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
-exports.stepWrapperVerticalStyles = stepWrapperVerticalStyles;
-const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
+const stepWrapperHorizontalStyles = exports.stepWrapperHorizontalStyles = /*#__PURE__*/(0, _react.css)("display:flex;gap:", spacing, ";align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;content:'';height:", connecterWidth, ";background-color:", _theme.theme.colors.text.primary.disabled, ";flex:1;width:100%;margin-right:", spacing, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperHorizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU84QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gc3BhY2UgYmV0d2VlbiBsYWJlbCBhbmQgc3RlcEJ1dHRvblxuY29uc3Qgc3BhY2luZyA9IHRoZW1lLnNwYWNpbmcueHNcbmNvbnN0IGJ1dHRvbldpZHRoID0gdGhlbWUuc3BhY2luZy5tXG5jb25zdCBjb25uZWN0ZXJXaWR0aCA9ICcxcHgnXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZ307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogJHtjb25uZWN0ZXJXaWR0aH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmd9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJWZXJ0aWNhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nLWJvdHRvbTogMmVtO1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiBjYWxjKCR7YnV0dG9uV2lkdGh9ICsgJHtzcGFjaW5nfSk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygoJHtidXR0b25XaWR0aH0gLyAyKSAtIDFweCkpO1xuICAgICAgd2lkdGg6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtidXR0b25XaWR0aH0gLSAoMiAqICR7c3BhY2luZ30pKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBIZWFkZXJTdHlsZXMgPSBjc3NgXG4gIGdhcDogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQ29udGVudFN0eWxlcyA9IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMyAqICR7c3BhY2luZ30pKTtcbmBcbiJdfQ== */");
+const stepWrapperVerticalStyles = exports.stepWrapperVerticalStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;position:relative;padding-bottom:2em;&:not(:last-child){&:after{box-sizing:border-box;position:absolute;content:'';top:calc(", buttonWidth, " + ", spacing, ");transform:translateX(calc((", buttonWidth, " / 2) - 1px));width:", connecterWidth, ";background:", _theme.theme.colors.text.primary.disabled, ";height:calc(100% - ", buttonWidth, " - (2 * ", spacing, "));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperVerticalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
+const stepHeaderStyles = exports.stepHeaderStyles = process.env.NODE_ENV === "production" ? {
   name: "pdiv9l",
   styles: "gap:8px;display:flex;align-items:center;cursor:pointer"
 } : {
@@ -23,6 +21,4 @@ const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
   styles: "gap:8px;display:flex;align-items:center;cursor:pointer;label:stepHeaderStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-exports.stepHeaderStyles = stepHeaderStyles;
-const stepContentStyles = /*#__PURE__*/(0, _react.css)("transform:translateX(calc(3 * ", spacing, "));" + (process.env.NODE_ENV === "production" ? "" : ";label:stepContentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Eb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
-exports.stepContentStyles = stepContentStyles;
+const stepContentStyles = exports.stepContentStyles = /*#__PURE__*/(0, _react.css)("transform:translateX(calc(3 * ", spacing, "));" + (process.env.NODE_ENV === "production" ? "" : ";label:stepContentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Eb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");

package/cjs/step/StepButton.js

@@ -10,8 +10,8 @@ var _button = require("../button");
 var _system = require("@dfds-ui/icons/system");
 var _theme = require("@dfds-ui/theme");
 var _StepContext = _interopRequireDefault(require("./StepContext"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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,
@@ -38,20 +38,20 @@ const StepButtonElement = ({
     disabled
   } = _react.default.useContext(_StepContext.default);
   if (hasError) {
-    return (0, _react2.jsx)(_button.IconButton, _extends({
+    return (0, _jsxRuntime.jsx)(_button.IconButton, {
       disabled: disabled,
-      "data-testid": "step-button-error"
-    }, rest, {
+      "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, {
+    return (0, _jsxRuntime.jsx)(_button.IconButton, {
+      disabled: disabled,
+      ...rest,
       "data-testid": "step-button-editing",
       size: "small",
       color: "white",
@@ -59,11 +59,11 @@ const StepButtonElement = ({
       ariaLabel: "Completed",
       css: editButtonStyles,
       disableOverlay: true
-    }));
+    });
   } else if (completed) {
-    return (0, _react2.jsx)(_button.IconButton, _extends({
-      disabled: disabled
-    }, rest, {
+    return (0, _jsxRuntime.jsx)(_button.IconButton, {
+      disabled: disabled,
+      ...rest,
       "data-testid": "step-button-completed",
       size: "small",
       color: "white",
@@ -74,20 +74,21 @@ const StepButtonElement = ({
         completed
       }),
       disableOverlay: true
-    }));
+    });
   }
-  return (0, _react2.jsx)(_button.Button, _extends({
+  return (0, _jsxRuntime.jsx)(_button.Button, {
     disabled: disabled,
-    "data-testid": "step-button-index"
-  }, rest, {
+    "data-testid": "step-button-index",
+    ...rest,
     size: "small",
     variation: "text",
     color: "white",
     css: buttonStyles({
       active,
       completed
-    })
-  }), index + 1);
+    }),
+    children: index + 1
+  });
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "br76u9",
@@ -100,10 +101,12 @@ var _ref = process.env.NODE_ENV === "production" ? {
 const StepButton = ({
   ...rest
 }) => {
-  return (0, _react2.jsx)("div", {
+  return (0, _jsxRuntime.jsx)("div", {
     "data-testid": "step-button",
-    css: _ref
-  }, (0, _react2.jsx)(StepButtonElement, rest));
+    css: _ref,
+    children: (0, _jsxRuntime.jsx)(StepButtonElement, {
+      ...rest
+    })
+  });
 };
-var _default = StepButton;
-exports.default = _default;
+var _default = exports.default = StepButton;

package/cjs/step/StepContent.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _accordion = require("../accordion");
 var _StepContext = _interopRequireDefault(require("../step/StepContext"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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" ? {
@@ -32,15 +33,16 @@ const StepContent = ({
   const {
     active
   } = _react.default.useContext(_StepContext.default);
-  return (0, _react2.jsx)("div", {
+  return (0, _jsxRuntime.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));
+    css: _ref2,
+    children: (0, _jsxRuntime.jsx)(_accordion.Accordion, {
+      isOpen: active,
+      css: _ref,
+      header: (0, _jsxRuntime.jsx)("div", {}),
+      type: "small",
+      children: children
+    })
+  });
 };
-var _default = StepContent;
-exports.default = _default;
+var _default = exports.default = StepContent;

package/cjs/step/StepContext.js

@@ -12,5 +12,4 @@ const StepContext = /*#__PURE__*/_react.default.createContext({
   disabled: false,
   index: 0
 });
-var _default = StepContext;
-exports.default = _default;
+var _default = exports.default = StepContext;

package/cjs/step/StepLabel.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _StepContext = _interopRequireDefault(require("./StepContext"));
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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" ? {
@@ -26,12 +27,13 @@ const StepLabel = ({
     completed,
     active
   } = _react.default.useContext(_StepContext.default);
-  return (0, _react2.jsx)("div", {
+  return (0, _jsxRuntime.jsxs)("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));
+    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: [children, (0, _jsxRuntime.jsx)("span", {
+      css: _ref,
+      children: optionalStepText ? optionalStepText : null
+    })]
+  });
 };
-var _default = StepLabel;
-exports.default = _default;
+var _default = exports.default = StepLabel;

package/cjs/stepper/Stepper.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _StepperContext = _interopRequireDefault(require("./StepperContext"));
 var _stepperFeedbackMessage = require("../stepper-feedback-message");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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",
@@ -50,13 +50,15 @@ const StepperProvider = ({
     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));
+  return (0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
+    value: contextValue,
+    children: (0, _jsxRuntime.jsx)("div", {
+      css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles,
+      ...other,
+      children: displayFeedbackCondition ? (0, _jsxRuntime.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
+        message: stepFeedbackMessage
+      }) : steps
+    })
+  });
 };
-var _default = /*#__PURE__*/(0, _react.memo)(StepperProvider);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(StepperProvider);

package/cjs/stepper/StepperContext.js

@@ -11,5 +11,4 @@ const StepperContext = /*#__PURE__*/_react.default.createContext({
   orientation: 'horizontal',
   sequential: true
 });
-var _default = StepperContext;
-exports.default = _default;
+var _default = exports.default = StepperContext;

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

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _Spinner = _interopRequireDefault(require("../spinner/Spinner"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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" ? {
@@ -20,12 +21,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
 const StepperFeedbackMessage = ({
   message
 }) => {
-  return (0, _react.jsx)("div", {
+  return (0, _jsxRuntime.jsxs)("div", {
     "data-testid": "stepper-feedback-message",
-    css: _ref
-  }, (0, _react.jsx)(_Spinner.default, {
-    color: "secondary"
-  }), (0, _react.jsx)("span", null, message));
+    css: _ref,
+    children: [(0, _jsxRuntime.jsx)(_Spinner.default, {
+      color: "secondary"
+    }), (0, _jsxRuntime.jsx)("span", {
+      children: message
+    })]
+  });
 };
-var _default = StepperFeedbackMessage;
-exports.default = _default;
+var _default = exports.default = StepperFeedbackMessage;

package/cjs/styles/media.js

@@ -37,7 +37,5 @@ function legacyGenerateMedia(breakPoints) {
     tablet
   };
 }
-const legacyMedia = legacyGenerateMedia(defaultBreakPoints);
-exports.legacyMedia = legacyMedia;
-var _default = legacyMedia;
-exports.default = _default;
+const legacyMedia = exports.legacyMedia = legacyGenerateMedia(defaultBreakPoints);
+var _default = exports.default = legacyMedia;

package/cjs/styles/theme.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.theme = exports.default = void 0;
 var _colors = require("@dfds-ui/colors");
 var _spacing = require("@dfds-ui/spacing");
-const theme = {
+const theme = exports.theme = {
   colors: _colors.colors,
   fontFamily: 'DFDS, Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
   spacing: _spacing.spacing,
   uiRoundness: '2px'
 };
-exports.theme = theme;
-var _default = theme;
-exports.default = _default;
+var _default = exports.default = theme;

package/cjs/surface/Surface.d.ts

@@ -21,9 +21,10 @@ export declare const SurfaceProvider: ({ children, surface }: {
     surface: SurfaceType;
     children?: React.ReactNode;
 }) => React.JSX.Element;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
+export declare function MaybeSurfaceProvider({ surface, ...rest }: {
     surface?: SurfaceType;
-}>): React.JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;
 export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
 export declare const Surface: ({ surface, children, ...rest }: {
     surface: SurfaceType;

package/cjs/surface/Surface.js

@@ -11,8 +11,8 @@ exports.useSurfaceContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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 createSurfaceContextValue(surface) {
   return {
     surface,
@@ -29,26 +29,29 @@ function getTextColors(surface) {
 function getBackgroundColor(surface) {
   return _theme.theme.colors.surface[surface];
 }
-const SurfaceContext = /*#__PURE__*/_react.default.createContext(undefined);
-exports.SurfaceContext = SurfaceContext;
+const SurfaceContext = exports.SurfaceContext = /*#__PURE__*/_react.default.createContext(undefined);
 const SurfaceProvider = ({
   children,
   surface
-}) => (0, _react2.jsx)(SurfaceContext.Provider, {
+}) => (0, _jsxRuntime.jsx)(SurfaceContext.Provider, {
   value: {
     surface,
     backgroundColor: getBackgroundColor(surface),
     textColors: getTextColors(surface)
-  }
-}, children);
+  },
+  children: children
+});
 exports.SurfaceProvider = SurfaceProvider;
 function MaybeSurfaceProvider({
   surface,
   ...rest
 }) {
-  return surface ? (0, _react2.jsx)(SurfaceProvider, _extends({
-    surface: surface
-  }, rest)) : (0, _react2.jsx)(_react.Fragment, rest);
+  return surface ? (0, _jsxRuntime.jsx)(SurfaceProvider, {
+    surface: surface,
+    ...rest
+  }) : (0, _jsxRuntime.jsx)(_react.Fragment, {
+    ...rest
+  });
 }
 const useSurfaceContext = surface => {
   const context = _react.default.useContext(SurfaceContext);
@@ -70,10 +73,13 @@ const Surface = ({
   children,
   ...rest
 }) => {
-  return (0, _react2.jsx)(SurfaceProvider, {
-    surface: surface
-  }, (0, _react2.jsx)("div", _extends({
-    css: /*#__PURE__*/(0, _react2.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
-  }, rest), children));
+  return (0, _jsxRuntime.jsx)(SurfaceProvider, {
+    surface: surface,
+    children: (0, _jsxRuntime.jsx)("div", {
+      css: /*#__PURE__*/(0, _react2.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogeyBzdXJmYWNlPzogU3VyZmFjZVR5cGU7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */"),
+      ...rest,
+      children: children
+    })
+  });
 };
 exports.Surface = Surface;

package/cjs/tab/Tab.js

@@ -10,8 +10,8 @@ var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _TabsContext = _interopRequireDefault(require("./TabsContext"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "a8s05l",
@@ -39,7 +39,7 @@ const Tab = ({
     onChange,
     size
   } = (0, _TabsContext.default)();
-  return (0, _react2.jsx)(StyledTab, _extends({
+  return (0, _jsxRuntime.jsx)(StyledTab, {
     type: "button",
     onClick: event => {
       !!onChange && onChange(index);
@@ -47,8 +47,9 @@ const Tab = ({
     },
     active: index === activeTab,
     transparent: transparent,
-    size: size
-  }, rest), children);
+    size: size,
+    ...rest,
+    children: children
+  });
 };
-var _default = Tab;
-exports.default = _default;
+var _default = exports.default = Tab;