@dfds-ui/react-components 1.1.12-alpha.979f4cce → 1.1.12-alpha.993f1900

package/cjs/skeleton/Skeleton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Skeleton = void 0;
+
+var _theme = require("@dfds-ui/theme");
+
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+const _excluded = ["variant"];
+
+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; }
+
+const Pulse = () => (0, _react.keyframes)`
+    0% { background-color: rgba(77, 78, 76, 0.16); }
+    50% { background-color: rgba(255,255,255, 0.32); }
+    100% { background-color: rgba(77, 78, 76, 0.16); }
+`;
+
+const getBorderRadius = variant => {
+  if (variant === 'circle') return '50%';
+  if (variant === 'text') return _theme.theme.spacing.xxs;
+  return 'unset';
+};
+
+const skeletonStyles = ({
+  variant
+}) => /*#__PURE__*/(0, _react.css)("position:relative;overflow:hidden;border-radius:", getBorderRadius(variant), ";background-color:rgba(77, 78, 76, 0.16);&::after{animation-duration:2.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:", Pulse(), ";animation-timing-function:linear;content:'';position:absolute;width:100%;height:100%;background-color:rgba(77, 78, 76, 0.16);position:absolute;}" + (process.env.NODE_ENV === "production" ? "" : ";label:skeletonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2tlbGV0b24vU2tlbGV0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuY29uc3QgUHVsc2UgPSAoKSA9PiBrZXlmcmFtZXNgXG4gICAgMCUgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpOyB9XG4gICAgNTAlIHsgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsMjU1LDI1NSwgMC4zMik7IH1cbiAgICAxMDAlIHsgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3NywgNzgsIDc2LCAwLjE2KTsgfVxuYFxuXG5jb25zdCBnZXRCb3JkZXJSYWRpdXMgPSAodmFyaWFudDogU2tlbGV0b25WYXJpYW50KTogc3RyaW5nID0+IHtcbiAgaWYgKHZhcmlhbnQgPT09ICdjaXJjbGUnKSByZXR1cm4gJzUwJSdcbiAgaWYgKHZhcmlhbnQgPT09ICd0ZXh0JykgcmV0dXJuIHRoZW1lLnNwYWNpbmcueHhzXG4gIHJldHVybiAndW5zZXQnXG59XG5cbmNvbnN0IHNrZWxldG9uU3R5bGVzID0gKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IFNrZWxldG9uVmFyaWFudCB9KSA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRCb3JkZXJSYWRpdXModmFyaWFudCl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpO1xuICAmOjphZnRlciB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyLjhzO1xuICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuICAgIGFuaW1hdGlvbi1uYW1lOiAke1B1bHNlKCl9O1xuICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzcsIDc4LCA3NiwgMC4xNik7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gXG5cbmV4cG9ydCBpbnRlcmZhY2UgU2tlbGV0b25Qcm9wcyB7XG4gIHZhcmlhbnQ6IFNrZWxldG9uVmFyaWFudFxufVxuXG5leHBvcnQgdHlwZSBTa2VsZXRvblZhcmlhbnQgPSAndGV4dCcgfCAnY2lyY2xlJyB8ICdyZWN0J1xuXG5leHBvcnQgY29uc3QgU2tlbGV0b24gPSAoeyB2YXJpYW50LCAuLi5yZXN0IH06IFNrZWxldG9uUHJvcHMpID0+IDxkaXYgY3NzPXtza2VsZXRvblN0eWxlcyh7IHZhcmlhbnQgfSl9IHsuLi5yZXN0fSAvPlxuXG5leHBvcnQgZGVmYXVsdCBTa2VsZXRvblxuIl19 */");
+
+const Skeleton = _ref => {
+  let variant = _ref.variant,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react.jsx)("div", _extends({
+    css: skeletonStyles({
+      variant
+    })
+  }, rest));
+};
+
+exports.Skeleton = Skeleton;
+var _default = Skeleton;
+exports.default = _default;

package/cjs/skeleton/index.d.ts

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

package/cjs/skeleton/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Skeleton = require("./Skeleton");
+
+Object.keys(_Skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Skeleton[key];
+    }
+  });
+});

package/cjs/social-media-link-list/SocialMediaLinkList.d.ts

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+export declare type SocialMediaLinkListProps = {
+    instagramLink?: string;
+    facebookLink?: string;
+    blogLink?: string;
+    twitterLink?: string;
+    linkedinLink?: string;
+    youtubeLink?: string;
+    mailshareLink?: string;
+    iconSize?: string;
+    noPadding?: boolean;
+    colorOverwrite?: string;
+};
+export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & SocialMediaLinkListProps, {}, {}>;
+declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+export declare const SocialMediaLinkList: socialMediaLinkListComponent;
+export default SocialMediaLinkList;

package/cjs/social-media-link-list/SocialMediaLinkList.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SocialMediaLinkList = exports.SoMeWrapper = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
+
+var _icons = require("@dfds-ui/icons");
+
+var _react2 = require("@emotion/react");
+
+const _excluded = ["instagramLink", "facebookLink", "blogLink", "twitterLink", "linkedinLink", "youtubeLink", "mailshareLink", "iconSize", "noPadding", "colorOverwrite"];
+
+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; }
+
+const SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
+  target: "e1vhyn6d0"
+} : {
+  target: "e1vhyn6d0",
+  label: "SoMeWrapper"
+})("width:100%;padding:", ({
+  noPadding
+}) => noPadding ? '0' : '20px 20px 0', ";a{width:", ({
+  iconSize
+}) => iconSize ? iconSize : '30px', ";height:", ({
+  iconSize
+}) => iconSize ? iconSize : '30px', ";margin:0 25px 20px 0;svg path{fill:", ({
+  colorOverwrite
+}) => colorOverwrite ? colorOverwrite : '', ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zb2NpYWwtbWVkaWEtbGluay1saXN0L1NvY2lhbE1lZGlhTGlua0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NvY2lhbC1tZWRpYS1saW5rLWxpc3QvU29jaWFsTWVkaWFMaW5rTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3ggZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgQmxvZywgRmFjZWJvb2ssIEluc3RhZ3JhbSwgTGlua2VkSW4sIE1haWxTaGFyZSwgVHdpdHRlciwgWW91dHViZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuXG5leHBvcnQgdHlwZSBTb2NpYWxNZWRpYUxpbmtMaXN0UHJvcHMgPSB7XG4gIGluc3RhZ3JhbUxpbms/OiBzdHJpbmdcbiAgZmFjZWJvb2tMaW5rPzogc3RyaW5nXG4gIGJsb2dMaW5rPzogc3RyaW5nXG4gIHR3aXR0ZXJMaW5rPzogc3RyaW5nXG4gIGxpbmtlZGluTGluaz86IHN0cmluZ1xuICB5b3V0dWJlTGluaz86IHN0cmluZ1xuICBtYWlsc2hhcmVMaW5rPzogc3RyaW5nXG4gIGljb25TaXplPzogc3RyaW5nXG4gIG5vUGFkZGluZz86IGJvb2xlYW5cbiAgY29sb3JPdmVyd3JpdGU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFNvTWVXcmFwcGVyID0gc3R5bGVkKEZsZXhCb3gpPFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IG5vUGFkZGluZyB9KSA9PiAobm9QYWRkaW5nID8gJzAnIDogJzIwcHggMjBweCAwJyl9O1xuXG4gIGEge1xuICAgIHdpZHRoOiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgaGVpZ2h0OiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgbWFyZ2luOiAwIDI1cHggMjBweCAwO1xuXG4gICAgc3ZnIHBhdGgge1xuICAgICAgZmlsbDogJHsoeyBjb2xvck92ZXJ3cml0ZSB9KSA9PiAoY29sb3JPdmVyd3JpdGUgPyBjb2xvck92ZXJ3cml0ZSA6ICcnKX07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgc29jaWFsTWVkaWFMaW5rTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5cblxuZXhwb3J0IGNvbnN0IFNvY2lhbE1lZGlhTGlua0xpc3Q6IHNvY2lhbE1lZGlhTGlua0xpc3RDb21wb25lbnQgPSAoe1xuICBpbnN0YWdyYW1MaW5rLFxuICBmYWNlYm9va0xpbmssXG4gIGJsb2dMaW5rLFxuICB0d2l0dGVyTGluayxcbiAgbGlua2VkaW5MaW5rLFxuICB5b3V0dWJlTGluayxcbiAgbWFpbHNoYXJlTGluayxcbiAgaWNvblNpemUsXG4gIG5vUGFkZGluZyxcbiAgY29sb3JPdmVyd3JpdGUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U29NZVdyYXBwZXIgY29sb3JPdmVyd3JpdGU9e2NvbG9yT3ZlcndyaXRlfSBub1BhZGRpbmc9e25vUGFkZGluZ30gd3JhcFdyYXAgaWNvblNpemU9e2ljb25TaXplfSB7Li4ucmVzdH0+XG4gICAgICB7ZmFjZWJvb2tMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17ZmFjZWJvb2tMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEZhY2Vib29rIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtibG9nTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2Jsb2dMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEJsb2cgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge2luc3RhZ3JhbUxpbmsgJiYgKFxuICAgICAgICA8YSBocmVmPXtpbnN0YWdyYW1MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEluc3RhZ3JhbSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bGlua2VkaW5MaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17bGlua2VkaW5MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPExpbmtlZEluIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHt0d2l0dGVyTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e3R3aXR0ZXJMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPFR3aXR0ZXIgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge3lvdXR1YmVMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17eW91dHViZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8WW91dHViZSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bWFpbHNoYXJlTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e21haWxzaGFyZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8TWFpbFNoYXJlIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICA8L1NvTWVXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvY2lhbE1lZGlhTGlua0xpc3RcbiJdfQ== */"));
+exports.SoMeWrapper = SoMeWrapper;
+
+const SocialMediaLinkList = _ref => {
+  let instagramLink = _ref.instagramLink,
+      facebookLink = _ref.facebookLink,
+      blogLink = _ref.blogLink,
+      twitterLink = _ref.twitterLink,
+      linkedinLink = _ref.linkedinLink,
+      youtubeLink = _ref.youtubeLink,
+      mailshareLink = _ref.mailshareLink,
+      iconSize = _ref.iconSize,
+      noPadding = _ref.noPadding,
+      colorOverwrite = _ref.colorOverwrite,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(SoMeWrapper, _extends({
+    colorOverwrite: colorOverwrite,
+    noPadding: noPadding,
+    wrapWrap: true,
+    iconSize: iconSize
+  }, rest), facebookLink && (0, _react2.jsx)("a", {
+    href: facebookLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Facebook, {
+    height: iconSize,
+    width: iconSize
+  })), blogLink && (0, _react2.jsx)("a", {
+    href: blogLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Blog, {
+    height: iconSize,
+    width: iconSize
+  })), instagramLink && (0, _react2.jsx)("a", {
+    href: instagramLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Instagram, {
+    height: iconSize,
+    width: iconSize
+  })), linkedinLink && (0, _react2.jsx)("a", {
+    href: linkedinLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.LinkedIn, {
+    height: iconSize,
+    width: iconSize
+  })), twitterLink && (0, _react2.jsx)("a", {
+    href: twitterLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Twitter, {
+    height: iconSize,
+    width: iconSize
+  })), youtubeLink && (0, _react2.jsx)("a", {
+    href: youtubeLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.Youtube, {
+    height: iconSize,
+    width: iconSize
+  })), mailshareLink && (0, _react2.jsx)("a", {
+    href: mailshareLink,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, (0, _react2.jsx)(_icons.MailShare, {
+    height: iconSize,
+    width: iconSize
+  })));
+};
+
+exports.SocialMediaLinkList = SocialMediaLinkList;
+var _default = SocialMediaLinkList;
+exports.default = _default;

package/cjs/social-media-link-list/index.d.ts

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

package/cjs/social-media-link-list/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _SocialMediaLinkList = require("./SocialMediaLinkList");
+
+Object.keys(_SocialMediaLinkList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SocialMediaLinkList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SocialMediaLinkList[key];
+    }
+  });
+});

package/cjs/spinner/Spinner.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="react" />
+import { PolymorphicComponentProps } from '../common/polymorphic';
+declare type Color = 'dark' | 'secondary' | 'light';
+export declare type SpinnerProps = {
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
+    instant?: boolean;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
+    size?: string;
+    /**
+     * Class name to be assigned to component.
+     */
+    className?: string;
+    /**
+     * Set the color variant to use.
+     */
+    color?: Color;
+} & PolymorphicComponentProps;
+/**
+ * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
+ */
+export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): JSX.Element;
+export declare namespace Spinner {
+    var displayName: string;
+}
+/**
+ * @deprecated Style the regular spinner to achieve the desired effect.
+ */
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<{
+    /**
+     * Indicates that Spinner will show up instantaneously (instead of fading in).
+     *
+     */
+    instant?: boolean | undefined;
+    /**
+     * Specifies the size of the Spinner.
+     *
+     * @deprecated Use css instead.
+     */
+    size?: string | undefined;
+    /**
+     * Class name to be assigned to component.
+     */
+    className?: string | undefined;
+    /**
+     * Set the color variant to use.
+     */
+    color?: Color | undefined;
+} & PolymorphicComponentProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default Spinner;

package/cjs/spinner/Spinner.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = Spinner;
+exports.default = exports.CenteredSpinner = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _icons = require("@dfds-ui/icons");
+
+var _theme = require("@dfds-ui/theme");
+
+const _excluded = ["instant", "size", "className", "color", "as"];
+
+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 _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;
+const delay = duration / paths;
+const spin = (0, _react2.keyframes)`
+  0%, 25% {
+    opacity: 1;
+  }
+  100% {
+    opacity: .25;
+  }
+`;
+const fade = (0, _react2.keyframes)`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+  `;
+const InstantSpinner = /*#__PURE__*/(0, _base.default)(_icons.SvgAnimatedSpinner, process.env.NODE_ENV === "production" ? {
+  target: "e1ehxkae2"
+} : {
+  target: "e1ehxkae2",
+  label: "InstantSpinner"
+})("width:", p => p.size || '1.5em', ";height:", p => p.size || '1.5em', ";path{animation:", spin, " ", duration, "s infinite;", () => {
+  let delays = ``;
+
+  for (let i = 1; i < paths; i++) {
+    delays += `
+          &:nth-of-type(${i}) {
+            opacity: ${1.05 - i / paths};
+            animation-delay: ${delay * i}s;
+          }
+        `;
+  }
+
+  return delays;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */"));
+const FadedSpinner = /*#__PURE__*/(0, _base.default)(InstantSpinner, process.env.NODE_ENV === "production" ? {
+  target: "e1ehxkae1"
+} : {
+  target: "e1ehxkae1",
+  label: "FadedSpinner"
+})("opacity:0;animation:", fade, " 2s ease 0.6s forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */"));
+/**
+ * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
+ */
+
+function Spinner(_ref) {
+  let instant = _ref.instant,
+      size = _ref.size,
+      className = _ref.className,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'dark' : _ref$color,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'div' : _ref$as,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  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({
+    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
+  }));
+}
+
+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" ? {
+  target: "e1ehxkae0"
+} : {
+  target: "e1ehxkae0",
+  label: "CenteredSpinner"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ejpnc6",
+  styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)"
+} : {
+  name: "ejpnc6",
+  styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)",
+  map: "/*# 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;

package/cjs/spinner/index.d.ts

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

package/cjs/spinner/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Spinner = require("./Spinner");
+
+Object.keys(_Spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Spinner[key];
+    }
+  });
+});

package/cjs/step/Step.d.ts

@@ -0,0 +1,45 @@
+import React, { ReactNode } from 'react';
+export declare type StepProps = {
+    /**
+     * 	The position of the step
+     */
+    index: number;
+    /**
+     * Step label
+     */
+    label?: string;
+    /**
+     * 	Sets the step as active
+     */
+    active?: boolean;
+    /**
+     * 	Sets the step as completed
+     */
+    completed?: boolean;
+    /**
+     * If `true`, the step button will be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Should be Step sub-components, such as `StepContent` for the vertical variant
+     */
+    children?: ReactNode;
+    /**
+     * Optional label. Is shown below the step label
+     */
+    optionalStepText?: string;
+    /**
+     * Error step. Error icon will be showen in the step button
+     */
+    hasError?: boolean;
+    /**
+     * Editing step. Editing icon wil be showen in the step button
+     */
+    isEditing?: boolean;
+    /**
+     * The function is triggered when step button is clicked
+     */
+    handleStepClick?: () => void;
+};
+declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => JSX.Element>;
+export default _default;

package/cjs/step/Step.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _StepLabel = _interopRequireDefault(require("./StepLabel"));
+
+var _StepButton = _interopRequireDefault(require("./StepButton"));
+
+var _StepContent = _interopRequireDefault(require("./StepContent"));
+
+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");
+
+const _excluded = ["index", "label", "active", "completed", "disabled", "children", "hasError", "optionalStepText", "isEditing", "handleStepClick"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+const Step = _ref => {
+  let index = _ref.index,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      activeProp = _ref.active,
+      completedProp = _ref.completed,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      children = _ref.children,
+      _ref$hasError = _ref.hasError,
+      hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+      optionalStepText = _ref.optionalStepText,
+      _ref$isEditing = _ref.isEditing,
+      isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
+      handleStepClick = _ref.handleStepClick,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  const _useContext = (0, _react.useContext)(_StepperContext.default),
+        activeStep = _useContext.activeStep,
+        orientation = _useContext.orientation,
+        sequential = _useContext.sequential,
+        stepFeedbackMessage = _useContext.stepFeedbackMessage;
+
+  let _activeProp = activeProp,
+      active = _activeProp === void 0 ? false : _activeProp,
+      _completedProp = completedProp,
+      completed = _completedProp === void 0 ? false : _completedProp;
+  if (activeStep === index) active = activeProp !== undefined ? activeProp : true;else if (sequential && activeStep > index) completed = completedProp !== undefined ? completedProp : true;
+
+  const contextValue = _react.default.useMemo(() => ({
+    index,
+    active,
+    completed,
+    disabled,
+    hasError,
+    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));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(Step);
+
+exports.default = _default;

package/cjs/step/Step.styles.d.ts

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