@dfds-ui/react-components 0.9.8-alpha.b6efb903 → 0.9.8-alpha.e5fc7510

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 || 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 || 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,57 @@
+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 || 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/stepper/Step.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { ListItemProps } from './../lists/ListItem';
+declare type StepProps = {
+    label: ReactNode;
+    children: ReactNode;
+    listItemProps?: ListItemProps;
+};
+declare const _default: React.NamedExoticComponent<StepProps>;
+export default _default;

package/cjs/stepper/Step.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _core = require("@material-ui/core");
+
+var _Stepper = require("./Stepper");
+
+var _ListItem = _interopRequireDefault(require("./../lists/ListItem"));
+
+var _v = _interopRequireDefault(require("uuid/v4"));
+
+var _theme = require("@dfds-ui/theme");
+
+const _excluded = ["children", "label", "listItemProps"];
+
+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 || 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+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 _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 listItemStyles = ({
+  isActive
+}) => /*#__PURE__*/(0, _react2.css)("background-color:", isActive ? _theme.theme.colors.secondary.light : _theme.theme.colors.surface.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdtRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */");
+
+const stepContentStyles = process.env.NODE_ENV === "production" ? {
+  name: "1nyoacf",
+  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;}"
+} : {
+  name: "ndmke3-stepContentStyles",
+  styles: ".MuiStepContent-root{border:none;margin:0px;padding:0px;};label:stepContentStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU2QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcHBlci9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZ1bmN0aW9uQ29tcG9uZW50LCB1c2VFZmZlY3QsIHVzZVN0YXRlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN0ZXAgYXMgU3RlcFdyYXBwZXIsIFN0ZXBDb250ZW50IH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXG5pbXBvcnQgeyB1c2VTdGVwcGVyQ29udGV4dCB9IGZyb20gJy4vU3RlcHBlcidcbmltcG9ydCBMaXN0SXRlbSwgeyBMaXN0SXRlbVByb3BzIH0gZnJvbSAnLi8uLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB1dWlkIGZyb20gJ3V1aWQvdjQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBQcm9wcyA9IHsgbGFiZWw6IFJlYWN0Tm9kZTsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgbGlzdEl0ZW1Qcm9wcz86IExpc3RJdGVtUHJvcHMgfVxudHlwZSBTdGVwQ29tcG9uZW50ID0gRnVuY3Rpb25Db21wb25lbnQ8U3RlcFByb3BzPlxuXG5jb25zdCBsaXN0SXRlbVN0eWxlcyA9ICh7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSkgPT4gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2lzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG5gXG5cbmNvbnN0IHN0ZXBDb250ZW50U3R5bGVzID0gY3NzYFxuICAuTXVpU3RlcENvbnRlbnQtcm9vdCB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIG1hcmdpbjogMHB4O1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwOiBTdGVwQ29tcG9uZW50ID0gKHsgY2hpbGRyZW4sIGxhYmVsLCBsaXN0SXRlbVByb3BzLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IFtzdGVwSWRdID0gdXNlU3RhdGUodXVpZCgpKVxuICBjb25zdCB7IHNldFN0ZXAsIGFjdGl2ZVN0ZXAgfSA9IHVzZVN0ZXBwZXJDb250ZXh0KClcbiAgY29uc3QgaXNBY3RpdmUgPSBzdGVwSWQgPT09IGFjdGl2ZVN0ZXBcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB1c2VFZmZlY3QoKCkgPT4gc2V0U3RlcChzdGVwSWQpLCBbXSlcbiAgcmV0dXJuIChcbiAgICA8U3RlcFdyYXBwZXIgey4uLnByb3BzfSBjc3M9e3N0ZXBDb250ZW50U3R5bGVzfT5cbiAgICAgIDxMaXN0SXRlbSBhcz1cImRpdlwiIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBpc0FjdGl2ZSB9KX0gey4uLmxpc3RJdGVtUHJvcHN9PlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xpc3RJdGVtPlxuICAgICAgPFN0ZXBDb250ZW50PntjaGlsZHJlbn08L1N0ZXBDb250ZW50PlxuICAgIDwvU3RlcFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgbWVtbyhTdGVwKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Step = _ref => {
+  let children = _ref.children,
+      label = _ref.label,
+      listItemProps = _ref.listItemProps,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  const _useState = (0, _react.useState)((0, _v.default)()),
+        _useState2 = _slicedToArray(_useState, 1),
+        stepId = _useState2[0];
+
+  const _useStepperContext = (0, _Stepper.useStepperContext)(),
+        setStep = _useStepperContext.setStep,
+        activeStep = _useStepperContext.activeStep;
+
+  const isActive = stepId === activeStep; // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  (0, _react.useEffect)(() => setStep(stepId), []);
+  return (0, _react2.jsx)(_core.Step, _extends({}, props, {
+    css: stepContentStyles
+  }), (0, _react2.jsx)(_ListItem.default, _extends({
+    as: "div",
+    css: listItemStyles({
+      isActive
+    })
+  }, listItemProps), label), (0, _react2.jsx)(_core.StepContent, null, children));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(Step);
+
+exports.default = _default;

package/cjs/stepper/Stepper.d.ts

@@ -0,0 +1,15 @@
+import React, { SetStateAction, Dispatch, ReactNode } from 'react';
+declare type StepperProps = {
+    children: ReactNode;
+    initialStep?: number;
+};
+export declare const useStepperContext: () => {
+    activeStep: string;
+    setStep: (id: string) => void;
+    setNext: () => Dispatch<SetStateAction<number>> | void;
+    setBack: () => Dispatch<SetStateAction<number>> | void;
+    setReset: () => Dispatch<SetStateAction<number>> | void;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+};
+declare const _default: React.NamedExoticComponent<StepperProps>;
+export default _default;