@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/grid/Column.js

@@ -7,18 +7,16 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
-const _excluded = ["children", "m", "l", "xl", "xxl"];
 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 Column = _ref => {
-  let children = _ref.children,
-    m = _ref.m,
-    l = _ref.l,
-    xl = _ref.xl,
-    xxl = _ref.xxl,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Column = ({
+  children,
+  m,
+  l,
+  xl,
+  xxl,
+  ...rest
+}) => {
   return (0, _react2.jsx)(_material.Grid, _extends({
     item: true,
     xs: 12,

package/cjs/grid/Container.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SurfaceType } from '../surface';
+type ContainerProps = {
+    /**
+     * Specify whether the container spans the entire width of its parent or it has a max-width set to 1200px (75rem)
+     */
+    fluid?: boolean;
+    /**
+     * Specify the surface variant for the container
+     */
+    surface?: SurfaceType;
+    children?: React.ReactNode;
+};
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/cjs/grid/Container.js

@@ -12,13 +12,10 @@ var _styles = require("@mui/styles");
 var _createBreakpoints = _interopRequireDefault(require("@mui/system/createTheme/createBreakpoints"));
 var _styles2 = require("@mui/material/styles");
 var _theme = require("@dfds-ui/theme");
-var _spacing2 = require("@dfds-ui/spacing");
+var _spacing = require("@dfds-ui/spacing");
 var _surface = require("../surface");
-const _excluded = ["children", "fluid", "surface"];
 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 breakpointsObj = (0, _createBreakpoints.default)({
   values: {
     xs: _theme.theme.breakpoints.s,
@@ -30,12 +27,12 @@ const breakpointsObj = (0, _createBreakpoints.default)({
 });
 const theme = (0, _styles2.createTheme)({
   breakpoints: breakpointsObj,
-  spacing: () => _spacing2.spacing.s,
+  spacing: () => _spacing.spacing.s,
   components: {
     MuiContainer: {
       styleOverrides: {
         root: {
-          marginBottom: `${_spacing2.spacing.xs}`,
+          marginBottom: `${_spacing.spacing.xs}`,
           [breakpointsObj.only('xs')]: {
             paddingLeft: '0px',
             paddingRight: '0px'
@@ -63,11 +60,12 @@ const ContainerStyled = /*#__PURE__*/(0, _base.default)(_material.Container, pro
   target: "eiog5ix0",
   label: "ContainerStyled"
 })("@media screen and (min-width: ", breakpointsObj.values.lg, "px){max-width:1200px;}@media screen and (min-width: ", breakpointsObj.values.sm + 1, "px) and (max-width: ", breakpointsObj.values.lg - 1, "px){max-width:none;}@media screen and (max-width: ", breakpointsObj.values.sm, "px){max-width:none;.MuiGrid-spacing-xs-1{width:unset;margin:unset;}.MuiGrid-spacing-xs-1>.MuiGrid-item{padding:unset;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWQgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgU3R5bGVzUHJvdmlkZXIgfSBmcm9tICdAbXVpL3N0eWxlcydcbmltcG9ydCBjcmVhdGVCcmVha3BvaW50cyBmcm9tICdAbXVpL3N5c3RlbS9jcmVhdGVUaGVtZS9jcmVhdGVCcmVha3BvaW50cydcbmltcG9ydCB7IGNyZWF0ZVRoZW1lLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSBhcyBEZmRzVGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAZGZkcy11aS9zcGFjaW5nJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN1cmZhY2VUeXBlLCBnZXRCYWNrZ3JvdW5kQ29sb3IsIE1heWJlU3VyZmFjZVByb3ZpZGVyIH0gZnJvbSAnLi4vc3VyZmFjZSdcblxudHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNwZWNpZnkgd2hldGhlciB0aGUgY29udGFpbmVyIHNwYW5zIHRoZSBlbnRpcmUgd2lkdGggb2YgaXRzIHBhcmVudCBvciBpdCBoYXMgYSBtYXgtd2lkdGggc2V0IHRvIDEyMDBweCAoNzVyZW0pXG4gICAqL1xuICBmbHVpZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHN1cmZhY2UgdmFyaWFudCBmb3IgdGhlIGNvbnRhaW5lclxuICAgKi9cbiAgc3VyZmFjZT86IFN1cmZhY2VUeXBlXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgYnJlYWtwb2ludHNPYmogPSBjcmVhdGVCcmVha3BvaW50cyh7XG4gIHZhbHVlczoge1xuICAgIHhzOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMucyxcbiAgICBzbTogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLm0sXG4gICAgbWQ6IERmZHNUaGVtZS5icmVha3BvaW50cy5sLFxuICAgIGxnOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMueGwsXG4gICAgeGw6IERmZHNUaGVtZS5icmVha3BvaW50cy54eGwsXG4gIH0sXG59KVxuXG5jb25zdCB0aGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgYnJlYWtwb2ludHM6IGJyZWFrcG9pbnRzT2JqLFxuICBzcGFjaW5nOiAoKSA9PiBzcGFjaW5nLnMsXG4gIGNvbXBvbmVudHM6IHtcbiAgICBNdWlDb250YWluZXI6IHtcbiAgICAgIHN0eWxlT3ZlcnJpZGVzOiB7XG4gICAgICAgIHJvb3Q6IHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGAke3NwYWNpbmcueHN9YCxcblxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCd4cycpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICcwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnMHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCdzbScpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICc0MHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzQwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ21kJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoudXAoJ2xnJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KVxuXG5jb25zdCBDb250YWluZXJTdHlsZWQgPSBzdHlsZWQoQ29udGFpbmVyXylgXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnfXB4KSB7XG4gICAgbWF4LXdpZHRoOiAxMjAwcHg7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbSArIDF9cHgpIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5sZyAtIDF9cHgpIHtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSB7XG4gICAgICB3aWR0aDogdW5zZXQ7XG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIH1cblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSA+IC5NdWlHcmlkLWl0ZW0ge1xuICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lcjogUmVhY3QuRkM8Q29udGFpbmVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPFN0eWxlc1Byb3ZpZGVyIGluamVjdEZpcnN0PlxuICAgICAgICA8TWF5YmVTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICAgIDxDb250YWluZXJTdHlsZWRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICA8L0NvbnRhaW5lclN0eWxlZD5cbiAgICAgICAgICA8L1dyYXBwZXI+XG4gICAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgICA8L1N0eWxlc1Byb3ZpZGVyPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxDb250YWluZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfSkgPT4gKFxuICA8PiB7Zmx1aWQgPyA8ZGl2IGNzcz17eyBiYWNrZ3JvdW5kQ29sb3I6IHN1cmZhY2UgJiYgZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpIH19PntjaGlsZHJlbn08L2Rpdj4gOiBjaGlsZHJlbn0gPC8+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuIl19 */"));
-const Container = _ref => {
-  let children = _ref.children,
-    fluid = _ref.fluid,
-    surface = _ref.surface,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Container = ({
+  children,
+  fluid,
+  surface,
+  ...rest
+}) => {
   return (0, _react.jsx)(_styles2.ThemeProvider, {
     theme: theme
   }, (0, _react.jsx)(_styles.StylesProvider, {

package/cjs/grid/index.d.ts

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

package/cjs/grid/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Column", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Column.default;
   }
 });
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Container.default;
   }
 });

package/cjs/hero/Hero.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    title: string;
+    headline: string;
+    headlineAs?: React.ElementType;
+    imageSrc: string;
+    color?: string;
+};
+declare const Hero: React.FC<Props>;
+export default Hero;

package/cjs/hero/index.d.ts

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

package/cjs/hero/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Hero", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Hero.default;
   }
 });

package/cjs/hero/stripes.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    color?: string;
+};
+declare const Stripes: React.FC<Props>;
+export default Stripes;

package/cjs/ie-banner/IEBanner.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type IEBannerProps = {
+    heading?: string;
+    openInEdge: string;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+};
+declare const IEBanner: React.FunctionComponent<IEBannerProps>;
+export default IEBanner;

package/cjs/ie-banner/IEBanner.js

@@ -7,32 +7,17 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _banner = require("./../assertions/banner");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 const IEBanner = ({
   heading,
   openInEdge,
   className,
   children
 }) => {
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    getIE = _useState2[0],
-    setIE = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    getIsWin10 = _useState4[0],
-    setIsWin10 = _useState4[1];
-  const _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    getLink = _useState6[0],
-    setLink = _useState6[1];
+  const [getIE, setIE] = (0, _react.useState)(false);
+  const [getIsWin10, setIsWin10] = (0, _react.useState)(false);
+  const [getLink, setLink] = (0, _react.useState)('');
   (0, _react.useEffect)(() => {
     if (typeof navigator !== 'undefined') {
       setIE(navigator.userAgent.includes('MSIE ') || navigator.userAgent.includes('Trident/'));

package/cjs/ie-banner/index.d.ts

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

package/cjs/ie-banner/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "IEBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _IEBanner.default;
   }
 });

package/cjs/index.d.ts

@@ -0,0 +1,44 @@
+export { default as elevation } from './elevation';
+export { default as media } from './media';
+export { ResetStyles } from './global-styles/ResetStyles';
+export { GlobalStyles, DfdsFontFace } from './global-styles/GlobalStyles';
+export * from './accordion';
+export * from './app-bar';
+export * from './assertions';
+export * from './badge';
+export * from './button-stack';
+export * from './button';
+export * from './card';
+export * from './chip';
+export * from './common/polymorphic';
+export * from './counter';
+export * from './data-table';
+export * from './date-range-picker';
+export * from './drawer';
+export * from './footer';
+export * from './forms';
+export * from './grid';
+export * from './hero';
+export * from './ie-banner';
+export * from './lists';
+export * from './loader';
+export * from './localization';
+export * from './menu';
+export * from './nav-bar';
+export * from './nav-menu';
+export * from './pagination';
+export * from './popper';
+export * from './progress-bar';
+export * from './side-sheet';
+export * from './schedule';
+export * from './site-layout';
+export * from './social-media-link-list';
+export * from './spinner';
+export * from './styles';
+export * from './tab';
+export * from './table';
+export * from './typography';
+export * from './common/LockBodyScroll';
+export * from './dropdown-menu';
+export * from './skeleton';
+export * from './tooltip';

package/cjs/index.js

@@ -12,31 +12,31 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "DfdsFontFace", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GlobalStyles.DfdsFontFace;
   }
 });
 Object.defineProperty(exports, "GlobalStyles", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GlobalStyles.GlobalStyles;
   }
 });
 Object.defineProperty(exports, "ResetStyles", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ResetStyles.ResetStyles;
   }
 });
 Object.defineProperty(exports, "elevation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _elevation.default;
   }
 });
 Object.defineProperty(exports, "media", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _media.default;
   }
 });
@@ -51,7 +51,7 @@ Object.keys(_accordion).forEach(function (key) {
   if (key in exports && exports[key] === _accordion[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _accordion[key];
     }
   });
@@ -63,7 +63,7 @@ Object.keys(_appBar).forEach(function (key) {
   if (key in exports && exports[key] === _appBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _appBar[key];
     }
   });
@@ -75,7 +75,7 @@ Object.keys(_assertions).forEach(function (key) {
   if (key in exports && exports[key] === _assertions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _assertions[key];
     }
   });
@@ -87,7 +87,7 @@ Object.keys(_badge).forEach(function (key) {
   if (key in exports && exports[key] === _badge[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _badge[key];
     }
   });
@@ -99,7 +99,7 @@ Object.keys(_buttonStack).forEach(function (key) {
   if (key in exports && exports[key] === _buttonStack[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _buttonStack[key];
     }
   });
@@ -111,7 +111,7 @@ Object.keys(_button).forEach(function (key) {
   if (key in exports && exports[key] === _button[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _button[key];
     }
   });
@@ -123,7 +123,7 @@ Object.keys(_card).forEach(function (key) {
   if (key in exports && exports[key] === _card[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _card[key];
     }
   });
@@ -135,7 +135,7 @@ Object.keys(_chip).forEach(function (key) {
   if (key in exports && exports[key] === _chip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _chip[key];
     }
   });
@@ -147,7 +147,7 @@ Object.keys(_polymorphic).forEach(function (key) {
   if (key in exports && exports[key] === _polymorphic[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _polymorphic[key];
     }
   });
@@ -159,7 +159,7 @@ Object.keys(_counter).forEach(function (key) {
   if (key in exports && exports[key] === _counter[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _counter[key];
     }
   });
@@ -171,7 +171,7 @@ Object.keys(_dataTable).forEach(function (key) {
   if (key in exports && exports[key] === _dataTable[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dataTable[key];
     }
   });
@@ -183,7 +183,7 @@ Object.keys(_dateRangePicker).forEach(function (key) {
   if (key in exports && exports[key] === _dateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dateRangePicker[key];
     }
   });
@@ -195,7 +195,7 @@ Object.keys(_drawer).forEach(function (key) {
   if (key in exports && exports[key] === _drawer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _drawer[key];
     }
   });
@@ -207,7 +207,7 @@ Object.keys(_footer).forEach(function (key) {
   if (key in exports && exports[key] === _footer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _footer[key];
     }
   });
@@ -219,7 +219,7 @@ Object.keys(_forms).forEach(function (key) {
   if (key in exports && exports[key] === _forms[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _forms[key];
     }
   });
@@ -231,7 +231,7 @@ Object.keys(_grid).forEach(function (key) {
   if (key in exports && exports[key] === _grid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _grid[key];
     }
   });
@@ -243,7 +243,7 @@ Object.keys(_hero).forEach(function (key) {
   if (key in exports && exports[key] === _hero[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _hero[key];
     }
   });
@@ -255,7 +255,7 @@ Object.keys(_ieBanner).forEach(function (key) {
   if (key in exports && exports[key] === _ieBanner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ieBanner[key];
     }
   });
@@ -267,7 +267,7 @@ Object.keys(_lists).forEach(function (key) {
   if (key in exports && exports[key] === _lists[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _lists[key];
     }
   });
@@ -279,7 +279,7 @@ Object.keys(_loader).forEach(function (key) {
   if (key in exports && exports[key] === _loader[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _loader[key];
     }
   });
@@ -291,7 +291,7 @@ Object.keys(_localization).forEach(function (key) {
   if (key in exports && exports[key] === _localization[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _localization[key];
     }
   });
@@ -303,7 +303,7 @@ Object.keys(_menu).forEach(function (key) {
   if (key in exports && exports[key] === _menu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _menu[key];
     }
   });
@@ -315,7 +315,7 @@ Object.keys(_navBar).forEach(function (key) {
   if (key in exports && exports[key] === _navBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _navBar[key];
     }
   });
@@ -327,7 +327,7 @@ Object.keys(_navMenu).forEach(function (key) {
   if (key in exports && exports[key] === _navMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _navMenu[key];
     }
   });
@@ -339,7 +339,7 @@ Object.keys(_pagination).forEach(function (key) {
   if (key in exports && exports[key] === _pagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _pagination[key];
     }
   });
@@ -351,7 +351,7 @@ Object.keys(_popper).forEach(function (key) {
   if (key in exports && exports[key] === _popper[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _popper[key];
     }
   });
@@ -363,7 +363,7 @@ Object.keys(_progressBar).forEach(function (key) {
   if (key in exports && exports[key] === _progressBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _progressBar[key];
     }
   });
@@ -375,7 +375,7 @@ Object.keys(_sideSheet).forEach(function (key) {
   if (key in exports && exports[key] === _sideSheet[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _sideSheet[key];
     }
   });
@@ -387,7 +387,7 @@ Object.keys(_schedule).forEach(function (key) {
   if (key in exports && exports[key] === _schedule[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _schedule[key];
     }
   });
@@ -399,7 +399,7 @@ Object.keys(_siteLayout).forEach(function (key) {
   if (key in exports && exports[key] === _siteLayout[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _siteLayout[key];
     }
   });
@@ -411,7 +411,7 @@ Object.keys(_socialMediaLinkList).forEach(function (key) {
   if (key in exports && exports[key] === _socialMediaLinkList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _socialMediaLinkList[key];
     }
   });
@@ -423,7 +423,7 @@ Object.keys(_spinner).forEach(function (key) {
   if (key in exports && exports[key] === _spinner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _spinner[key];
     }
   });
@@ -435,7 +435,7 @@ Object.keys(_styles).forEach(function (key) {
   if (key in exports && exports[key] === _styles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _styles[key];
     }
   });
@@ -447,7 +447,7 @@ Object.keys(_tab).forEach(function (key) {
   if (key in exports && exports[key] === _tab[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _tab[key];
     }
   });
@@ -459,7 +459,7 @@ Object.keys(_table).forEach(function (key) {
   if (key in exports && exports[key] === _table[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _table[key];
     }
   });
@@ -471,7 +471,7 @@ Object.keys(_typography).forEach(function (key) {
   if (key in exports && exports[key] === _typography[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _typography[key];
     }
   });
@@ -483,7 +483,7 @@ Object.keys(_LockBodyScroll).forEach(function (key) {
   if (key in exports && exports[key] === _LockBodyScroll[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _LockBodyScroll[key];
     }
   });
@@ -495,7 +495,7 @@ Object.keys(_dropdownMenu).forEach(function (key) {
   if (key in exports && exports[key] === _dropdownMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dropdownMenu[key];
     }
   });
@@ -507,7 +507,7 @@ Object.keys(_skeleton).forEach(function (key) {
   if (key in exports && exports[key] === _skeleton[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _skeleton[key];
     }
   });
@@ -519,7 +519,7 @@ Object.keys(_tooltip).forEach(function (key) {
   if (key in exports && exports[key] === _tooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _tooltip[key];
     }
   });

package/cjs/layout/LayoutLegacy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Layout: () => JSX.Element;