@dfds-ui/react-components 2.0.23-alpha.9bb07bfd → 2.0.23-alpha.a4c7ef7a

package/cjs/step/Step.js

@@ -19,7 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 const Step = _ref => {
   let index = _ref.index,
     _ref$label = _ref.label,
@@ -72,5 +72,4 @@ const Step = _ref => {
     css: _Step.stepContentStyles
   }, (0, _react2.jsx)(_StepContent.default, null, 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.d.ts

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

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"
 } : {
@@ -24,6 +22,4 @@ const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
   map: "/*# 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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const StepButton: React.FC<StepButtonProps>;
+export default StepButton;

package/cjs/step/StepButton.js

@@ -105,5 +105,4 @@ const StepButton = _ref3 => {
     css: _ref
   }, (0, _react2.jsx)(StepButtonElement, rest));
 };
-var _default = StepButton;
-exports.default = _default;
+var _default = exports.default = StepButton;

package/cjs/step/StepContent.d.ts

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

package/cjs/step/StepContent.js

@@ -43,5 +43,4 @@ const StepContent = ({
     type: "small"
   }, children));
 };
-var _default = StepContent;
-exports.default = _default;
+var _default = exports.default = StepContent;

package/cjs/step/StepContext.d.ts

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

package/cjs/step/StepContext.js

@@ -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.d.ts

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

package/cjs/step/StepLabel.js

@@ -33,5 +33,4 @@ const StepLabel = ({
     css: _ref
   }, optionalStepText ? optionalStepText : null));
 };
-var _default = StepLabel;
-exports.default = _default;
+var _default = exports.default = StepLabel;

package/cjs/step/index.d.ts

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

package/cjs/stepper/Stepper.d.ts

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

package/cjs/stepper/Stepper.js

@@ -19,7 +19,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
   name: "1eoy87d",
@@ -70,5 +70,4 @@ const StepperProvider = _ref => {
     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.d.ts

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

package/cjs/stepper/StepperContext.js

@@ -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/index.d.ts

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const StepperFeedbackMessage: ({ message }: {
+    message: string;
+}) => JSX.Element;
+export default StepperFeedbackMessage;

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

@@ -28,5 +28,4 @@ const StepperFeedbackMessage = ({
     color: "secondary"
   }), (0, _react.jsx)("span", null, message));
 };
-var _default = StepperFeedbackMessage;
-exports.default = _default;
+var _default = exports.default = StepperFeedbackMessage;

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

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

package/cjs/styles/index.d.ts

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

package/cjs/styles/media.d.ts

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

package/cjs/styles/media.js

@@ -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/rem.d.ts

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

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

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

package/cjs/styles/theme.d.ts

@@ -0,0 +1,39 @@
+export declare const theme: {
+    colors: {
+        yesGreen: string;
+        cautionAmber: string;
+        noRed: string;
+        linkBlue: string;
+        linkHover: string;
+        actionBlue: string;
+        actionHover: string;
+        actionMedium: string;
+        actionLight: string;
+        primaryOrange: string;
+        primaryHover: string;
+        uiEnabled: string;
+        uiDisabled: string;
+        textGrey: string;
+        textMedium: string;
+        textLight: string;
+        groupBlue: string;
+        groupMedium: string;
+        groupLight: string;
+        backgroundGrey: string;
+        white: string;
+        whiteHover: string;
+    };
+    fontFamily: string;
+    spacing: {
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+    };
+    uiRoundness: string;
+};
+export declare type ThemeInterface = typeof theme;
+export default theme;

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

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

package/cjs/surface/Surface.js

@@ -22,7 +22,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function createSurfaceContextValue(surface) {
   return {
     surface,
@@ -39,8 +39,7 @@ 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

package/cjs/surface/index.d.ts

@@ -0,0 +1 @@
+export * from './Surface';

package/cjs/tab/Tab.d.ts

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

package/cjs/tab/Tab.js

@@ -14,7 +14,7 @@ const _excluded = ["children", "index", "onClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "a8s05l",
@@ -52,5 +52,4 @@ const Tab = _ref2 => {
     size: size
   }, rest), children);
 };
-var _default = Tab;
-exports.default = _default;
+var _default = exports.default = Tab;

package/cjs/tab/TabPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type TabPanelProps = {
+    index: number | string;
+    children: React.ReactNode;
+};
+declare const TabPanel: React.FC<TabPanelProps>;
+export default TabPanel;

package/cjs/tab/TabPanel.js

@@ -25,5 +25,4 @@ const TabPanel = ({
     active: index === activeTab
   }, children);
 };
-var _default = TabPanel;
-exports.default = _default;
+var _default = exports.default = TabPanel;

package/cjs/tab/Tabs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type TabsLabels = {
+    scrollLeft: string;
+    scrollRight: string;
+};
+declare type TabsProps = {
+    tabsLabels?: TabsLabels;
+    children?: any;
+};
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

package/cjs/tab/Tabs.js

@@ -24,7 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const CHEVRON_SCROLL_STEP = 300;
 const StyledTabs = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -137,5 +137,4 @@ const Tabs = _ref2 => {
     transparent: transparent
   }), children));
 };
-var _default = Tabs;
-exports.default = _default;
+var _default = exports.default = Tabs;

package/cjs/tab/TabsContext.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { Index } from './Tab';
+export declare type TabsContextProps = {
+    transparent?: boolean;
+    onChange?: (index: any) => void;
+    size?: 's' | 'm';
+    activeTab?: Index | undefined;
+    children?: React.ReactNode;
+};
+export declare const TabsContext: React.Context<TabsContextProps>;
+export declare const TabsContextProvider: React.FC<{
+    value: TabsContextProps;
+    children?: ReactNode;
+}>;
+export declare const useTabsContext: () => TabsContextProps;
+export default useTabsContext;

package/cjs/tab/TabsContext.js

@@ -8,12 +8,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TabsContext = /*#__PURE__*/(0, _react.createContext)({
+const TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({
   transparent: false,
   activeTab: undefined,
   size: 'm'
 });
-exports.TabsContext = TabsContext;
 const TabsContextProvider = ({
   children,
   value
@@ -31,5 +30,4 @@ const useTabsContext = () => {
   return context;
 };
 exports.useTabsContext = useTabsContext;
-var _default = useTabsContext;
-exports.default = _default;
+var _default = exports.default = useTabsContext;

package/cjs/tab/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TabsContext';
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';
+export { default as TabPanel } from './TabPanel';

package/cjs/table/Table.d.ts

@@ -0,0 +1,22 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableProps = {
+    /**
+     * Table content
+     */
+    children?: ReactNode;
+    /**
+     * Enables interaction effect on table rows
+     */
+    isInteractive?: boolean;
+    /**
+     * Makes table header sticky when scrolling (no IE 11 support)
+     */
+    isHeaderSticky?: boolean;
+} & ComponentPropsWithRef<'table'>;
+export declare type TableContextProps = {
+    isInteractive: boolean;
+    isHeaderSticky: boolean;
+};
+export declare const useTable: () => TableContextProps;
+export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/cjs/table/Table.js

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 const TableContext = /*#__PURE__*/(0, _react.createContext)({
   isInteractive: false,
   isHeaderSticky: false
@@ -26,7 +26,7 @@ const useTable = () => {
 };
 exports.useTable = useTable;
 const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
-const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let children = _ref.children,
     _ref$isHeaderSticky = _ref.isHeaderSticky,
     isHeaderSticky = _ref$isHeaderSticky === void 0 ? false : _ref$isHeaderSticky,
@@ -44,6 +44,4 @@ const Table = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }
   }, children));
 });
-exports.Table = Table;
-var _default = Table;
-exports.default = _default;
+var _default = exports.default = Table;

package/cjs/table/TableBody.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
+export declare type TableBodyProps = {
+    /**
+     * Table body content
+     */
+    children: ReactNode;
+} & ComponentPropsWithRef<'tbody'>;
+export declare const TableBody: React.ForwardRefExoticComponent<Pick<TableBodyProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;