@dfds-ui/react-components 0.8.74-alpha.2802bf41 → 0.8.74-alpha.2d3f8295

package/cjs/side-sheet/SideSheetCloseButton.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideSheetCloseButton = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _system = require("@dfds-ui/icons/system");
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 var _IconButton = _interopRequireDefault(require("../button/IconButton"));
@@ -34,12 +34,12 @@ const SideSheetCloseButton = _ref => {
       closeLabel = _ref$closeLabel === void 0 ? 'Close' : _ref$closeLabel,
       rest = _objectWithoutProperties(_ref, ["onRequestClose", "className", "icon", "size", "closeLabel"]);
 
-  return (0, _core.jsx)(_IconButton.default, _extends({
+  return (0, _react2.jsx)(_IconButton.default, _extends({
     disableOverlay: true,
     disableTooltip: true,
     hoverColor: _theme.theme.colors.secondary.main,
     size: size,
-    css: /*#__PURE__*/(0, _core.css)("align-self:flex-start;color:", _theme.theme.colors.text.primary.primary, ";height:3rem;width:3rem;&:active{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENsb3NlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpZGUtc2hlZXQvU2lkZVNoZWV0Q2xvc2VCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBJY29uQnV0dG9uLCB7IEljb25CdXR0b25TaXplIH0gZnJvbSAnLi4vYnV0dG9uL0ljb25CdXR0b24nXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldENsb3NlQnV0dG9uUHJvcHMgPSB7XG4gIG9uUmVxdWVzdENsb3NlPzogKCkgPT4gdm9pZFxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIHNpemU/OiBJY29uQnV0dG9uU2l6ZVxuICB0YWJJbmRleD86IG51bWJlclxuICBjbG9zZUxhYmVsPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRDbG9zZUJ1dHRvbiA9ICh7XG4gIG9uUmVxdWVzdENsb3NlLFxuICBjbGFzc05hbWUsXG4gIGljb24gPSBDbG9zZSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBjbG9zZUxhYmVsID0gJ0Nsb3NlJyxcbiAgLi4ucmVzdFxufTogU2lkZVNoZWV0Q2xvc2VCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgIGhvdmVyQ29sb3I9e3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e29uUmVxdWVzdENsb3NlfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGFyaWFMYWJlbD17Y2xvc2VMYWJlbH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibW9kYWwtY2xvc2VcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldENsb3NlQnV0dG9uXG4iXX0= */")),
+    css: /*#__PURE__*/(0, _react2.css)("align-self:flex-start;color:", _theme.theme.colors.text.primary.primary, ";height:3rem;width:3rem;&:active{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetCloseButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENsb3NlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpZGUtc2hlZXQvU2lkZVNoZWV0Q2xvc2VCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgSWNvbkJ1dHRvbiwgeyBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJy4uL2J1dHRvbi9JY29uQnV0dG9uJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRDbG9zZUJ1dHRvblByb3BzID0ge1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaXplPzogSWNvbkJ1dHRvblNpemVcbiAgdGFiSW5kZXg/OiBudW1iZXJcbiAgY2xvc2VMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0Q2xvc2VCdXR0b24gPSAoe1xuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBpY29uID0gQ2xvc2UsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgY2xvc2VMYWJlbCA9ICdDbG9zZScsXG4gIC4uLnJlc3Rcbn06IFNpZGVTaGVldENsb3NlQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SWNvbkJ1dHRvblxuICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICBob3ZlckNvbG9yPXt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGhlaWdodDogM3JlbTtcbiAgICAgICAgd2lkdGg6IDNyZW07XG4gICAgICAgICY6YWN0aXZlIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtvblJlcXVlc3RDbG9zZX1cbiAgICAgIGljb249e2ljb259XG4gICAgICBhcmlhTGFiZWw9e2Nsb3NlTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD1cIm1vZGFsLWNsb3NlXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDbG9zZUJ1dHRvblxuIl19 */"),
     className: className,
     onClick: onRequestClose,
     icon: icon,

package/cjs/side-sheet/SideSheetContent.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideSheetContent = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -26,9 +26,9 @@ const SideSheetContent = _ref => {
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, ["children", "className"]);
 
-  return (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)("div", _extends({
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
     className: className,
-    css: /*#__PURE__*/(0, _core.css)("padding:", _theme.theme.spacing.s, ";overflow:auto;flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgU2lkZVNoZWV0Rm9vdGVyUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0Q29udGVudCA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogU2lkZVNoZWV0Rm9vdGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgICAgZmxleDogMSAxIGF1dG87XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldENvbnRlbnRcbiJdfQ== */"))
+    css: /*#__PURE__*/(0, _react2.css)("padding:", _theme.theme.spacing.s, ";overflow:auto;flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldENvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIEZyYWdtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEZvb3RlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGVTaGVldENvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRDb250ZW50XG4iXX0= */")
   }, rest), children));
 };
 

package/cjs/side-sheet/SideSheetFooter.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideSheetFooter = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -26,9 +26,9 @@ const SideSheetFooter = _ref => {
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, ["children", "className"]);
 
-  return (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)("div", _extends({
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
     className: className,
-    css: /*#__PURE__*/(0, _core.css)("flex:0 0 auto;display:flex;padding:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEZvb3RlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IFNpZGVTaGVldEZvb3RlciA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogU2lkZVNoZWV0Rm9vdGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2lkZVNoZWV0Rm9vdGVyXG4iXX0= */"))
+    css: /*#__PURE__*/(0, _react2.css)("flex:0 0 auto;display:flex;padding:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetFooter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBTaWRlU2hlZXRGb290ZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRGb290ZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IFNpZGVTaGVldEZvb3RlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L0ZyYWdtZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldEZvb3RlclxuIl19 */")
   }, rest), children));
 };
 

package/cjs/side-sheet/SideSheetHeader.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideSheetHeader = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 var _Divider = _interopRequireDefault(require("../divider/Divider"));
@@ -33,10 +33,10 @@ const SideSheetHeader = _ref => {
       noDivider = _ref$noDivider === void 0 ? false : _ref$noDivider,
       rest = _objectWithoutProperties(_ref, ["children", "className", "sticky", "noDivider"]);
 
-  return (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)("div", _extends({
+  return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({
     className: className,
-    css: /*#__PURE__*/(0, _core.css)("min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding-left:", _theme.theme.spacing.s, ";background-color:", _theme.theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IERpdmlkZXIgZnJvbSAnLi4vZGl2aWRlci9EaXZpZGVyJ1xuXG5leHBvcnQgdHlwZSBNb2RhbEhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc3RpY2t5PzogYm9vbGVhblxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBub0RpdmlkZXI/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRIZWFkZXIgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzdGlja3ksIG5vRGl2aWRlciA9IGZhbHNlLCAuLi5yZXN0IH06IE1vZGFsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtaW4taGVpZ2h0OiAzcmVtO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgcGFkZGluZy1sZWZ0OiAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgICAgeyFub0RpdmlkZXIgJiYgPERpdmlkZXIgLz59XG4gICAgPC9GcmFnbWVudD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRIZWFkZXJcbiJdfQ== */"))
-  }, rest), children), !noDivider && (0, _core.jsx)(_Divider.default, null));
+    css: /*#__PURE__*/(0, _react2.css)("min-height:3rem;display:flex;align-items:center;justify-content:space-between;padding-left:", _theme.theme.spacing.s, ";background-color:", _theme.theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetHeader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBEaXZpZGVyIGZyb20gJy4uL2RpdmlkZXIvRGl2aWRlcidcblxuZXhwb3J0IHR5cGUgTW9kYWxIZWFkZXJQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0aWNreT86IGJvb2xlYW5cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgbm9EaXZpZGVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGVyID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgc3RpY2t5LCBub0RpdmlkZXIgPSBmYWxzZSwgLi4ucmVzdCB9OiBNb2RhbEhlYWRlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWluLWhlaWdodDogM3JlbTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIHBhZGRpbmctbGVmdDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIHshbm9EaXZpZGVyICYmIDxEaXZpZGVyIC8+fVxuICAgIDwvRnJhZ21lbnQ+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU2lkZVNoZWV0SGVhZGVyXG4iXX0= */")
+  }, rest), children), !noDivider && (0, _react2.jsx)(_Divider.default, null));
 };
 
 exports.SideSheetHeader = SideSheetHeader;

package/cjs/side-sheet/SideSheetHeadline.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SideSheetHeadline = void 0;
 
-var _core = require("@emotion/core");
-
 var _react = _interopRequireDefault(require("react"));
 
+var _react2 = require("@emotion/react");
+
 var _theme = require("@dfds-ui/theme");
 
 var _Headlines = require("../typography/Headlines");
@@ -19,8 +19,8 @@ const SideSheetHeadline = ({
   className,
   children
 }) => {
-  return (0, _core.jsx)(_Headlines.SmallHeadline, {
-    css: /*#__PURE__*/(0, _core.css)("color:", _theme.theme.colors.primary.dark, ";margin:0.625rem 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNtYWxsSGVhZGxpbmUgfSBmcm9tICcuLi90eXBvZ3JhcGh5L0hlYWRsaW5lcydcblxuZXhwb3J0IHR5cGUgU2lkZVNoZWV0SGVhZGxpbmVQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBTaWRlU2hlZXRIZWFkbGluZSA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogU2lkZVNoZWV0SGVhZGxpbmVQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTbWFsbEhlYWRsaW5lXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuZGFya307XG4gICAgICAgIG1hcmdpbjogMC42MjVyZW0gMDtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TbWFsbEhlYWRsaW5lPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNpZGVTaGVldEhlYWRsaW5lXG4iXX0= */")),
+  return (0, _react2.jsx)(_Headlines.SmallHeadline, {
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.primary.dark, ";margin:0.625rem 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:SideSheetHeadline;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaWRlLXNoZWV0L1NpZGVTaGVldEhlYWRsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2lkZS1zaGVldC9TaWRlU2hlZXRIZWFkbGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBTbWFsbEhlYWRsaW5lIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9IZWFkbGluZXMnXG5cbmV4cG9ydCB0eXBlIFNpZGVTaGVldEhlYWRsaW5lUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgU2lkZVNoZWV0SGVhZGxpbmUgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IFNpZGVTaGVldEhlYWRsaW5lUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U21hbGxIZWFkbGluZVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmRhcmt9O1xuICAgICAgICBtYXJnaW46IDAuNjI1cmVtIDA7XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU21hbGxIZWFkbGluZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTaWRlU2hlZXRIZWFkbGluZVxuIl19 */"),
     className: className
   }, children);
 };

package/cjs/site-layout/SiteLayout.d.ts

@@ -10,13 +10,25 @@ declare type LayoutChildProps = {
     fullWidth?: boolean;
     className?: string;
 } & RenderAs;
-export declare const LayoutGrid: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LayoutProps, object>;
+export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    className?: string | undefined;
+} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Layout: React.FunctionComponent<LayoutProps>;
 export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
 export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
 export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
 declare const _default: {
-    Grid: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LayoutProps, object>;
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & {
+        fullWidth?: boolean | undefined;
+        className?: string | undefined;
+    } & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Header: React.FunctionComponent<LayoutChildProps>;
     Main: React.FunctionComponent<LayoutChildProps>;
     Footer: React.FunctionComponent<LayoutChildProps>;

package/cjs/site-layout/SiteLayout.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.LayoutFooter = exports.LayoutMain = exports.LayoutHeader = exports.Layout = exports.LayoutGrid = void 0;
 
-var _core = require("@emotion/core");
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _theme = require("@dfds-ui/theme");
 
+var _react2 = require("@emotion/react");
+
 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); }
@@ -23,35 +23,50 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 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 Container = (0, _styledBase.default)("div", {
-  target: "edj7or80"
+const Container = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or84"
+} : {
+  target: "edj7or84",
+  label: "Container"
 })(process.env.NODE_ENV === "production" ? {
-  name: "13o6z6d",
-  styles: "margin:0 auto;"
+  name: "9th5i",
+  styles: "margin:0 auto"
 } : {
-  name: "13o6z6d",
-  styles: "margin:0 auto;",
+  name: "9th5i",
+  styles: "margin:0 auto",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NpdGUtbGF5b3V0L1NpdGVMYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFJlbmRlckFzID0ge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbnR5cGUgTGF5b3V0UHJvcHMgPSB7IGZ1bGxXaWR0aD86IGJvb2xlYW47IGNsYXNzTmFtZT86IHN0cmluZyB9ICYgUmVuZGVyQXNcblxudHlwZSBMYXlvdXRDaGlsZFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogMCBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZCA9IHN0eWxlZC5kaXY8TGF5b3V0UHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICBkaXNwbGF5OiAtbXMtZ3JpZDtcbiAgLW1zLWdyaWQtcm93czogYXV0byBtaW5tYXgoMWZyLCAxMDAlKSBhdXRvO1xuICAtbXMtZ3JpZC1jb2x1bW5zOiAxZnI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBhdXRvIDFmciBhdXRvO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgwLCAxZnIpOyAvKiBlbnN1cmUgbWluLXdpZHRoIGlzIGRlZmluZWQgYW5kIG5vdCBhdXRvICovXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAhZnVsbFdpZHRoICYmICcxMjAwcHgnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkSGVhZGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAxO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuY29uc3QgR3JpZE1haW4gPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDI7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRGb290ZXIgPSBzdHlsZWQuZGl2PExheW91dENoaWxkUHJvcHM+YFxuICAvKiBzdHlsZWxpbnQtZGlzYWJsZSAqL1xuICAtbXMtZ3JpZC1yb3c6IDM7XG4gIC8qIHN0eWxlbGludC1lbmFibGUgKi9cbiAgZ3JpZC1yb3c6IDM7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkZGU2ZWQ7XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTGF5b3V0OiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TGF5b3V0R3JpZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9MYXlvdXRHcmlkPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRIZWFkZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkSGVhZGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEhlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0TWFpbjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRNYWluIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZE1haW4+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dEZvb3RlcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0Q2hpbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBhcywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEdyaWRGb290ZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAgPENvbnRhaW5lcj57Y2hpbGRyZW59PC9Db250YWluZXI+XG4gICAgPC9HcmlkRm9vdGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgR3JpZDogTGF5b3V0R3JpZCxcbiAgSGVhZGVyOiBMYXlvdXRIZWFkZXIsXG4gIE1haW46IExheW91dE1haW4sXG4gIEZvb3RlcjogTGF5b3V0Rm9vdGVyLFxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const LayoutGrid = (0, _styledBase.default)("div", {
-  target: "edj7or81"
-})("display:-ms-grid;-ms-grid-rows:auto minmax(1fr,100%) auto;-ms-grid-columns:1fr;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100vh;height:100%;", Container, "{max-width:", ({
+const LayoutGrid = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or83"
+} : {
+  target: "edj7or83",
+  label: "LayoutGrid"
+})("display:-ms-grid;-ms-grid-rows:auto minmax(1fr, 100%) auto;-ms-grid-columns:1fr;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0, 1fr);min-height:100vh;height:100%;", Container, "{max-width:", ({
   fullWidth
 }) => !fullWidth && '1200px', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
 exports.LayoutGrid = LayoutGrid;
-const GridHeader = (0, _styledBase.default)("div", {
+const GridHeader = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "edj7or82"
+} : {
+  target: "edj7or82",
+  label: "GridHeader"
 })("-ms-grid-row:1;grid-row:1;background-color:", _theme.theme.colors.surface.primary, ";", Container, "{max-width:", ({
   fullWidth
 }) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
-const GridMain = (0, _styledBase.default)("div", {
-  target: "edj7or83"
+const GridMain = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or81"
+} : {
+  target: "edj7or81",
+  label: "GridMain"
 })("-ms-grid-row:2;grid-row:2;background-color:", _theme.theme.colors.surface.secondary, ";", Container, "{max-width:", ({
   fullWidth
 }) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzZDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
-const GridFooter = (0, _styledBase.default)("div", {
-  target: "edj7or84"
+const GridFooter = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "edj7or80"
+} : {
+  target: "edj7or80",
+  label: "GridFooter"
 })("-ms-grid-row:3;grid-row:3;background-color:#dde6ed;", Container, "{max-width:", ({
   fullWidth
 }) => fullWidth && 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRCtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zaXRlLWxheW91dC9TaXRlTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBSZW5kZXJBcyA9IHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxufVxuXG50eXBlIExheW91dFByb3BzID0geyBmdWxsV2lkdGg/OiBib29sZWFuOyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFJlbmRlckFzXG5cbnR5cGUgTGF5b3V0Q2hpbGRQcm9wcyA9IHsgZnVsbFdpZHRoPzogYm9vbGVhbjsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBSZW5kZXJBc1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDAgYXV0bztcbmBcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQgPSBzdHlsZWQuZGl2PExheW91dFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgZGlzcGxheTogLW1zLWdyaWQ7XG4gIC1tcy1ncmlkLXJvd3M6IGF1dG8gbWlubWF4KDFmciwgMTAwJSkgYXV0bztcbiAgLW1zLWdyaWQtY29sdW1uczogMWZyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnIgYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW5tYXgoMCwgMWZyKTsgLyogZW5zdXJlIG1pbi13aWR0aCBpcyBkZWZpbmVkIGFuZCBub3QgYXV0byAqL1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgaGVpZ2h0OiAxMDAlO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gIWZ1bGxXaWR0aCAmJiAnMTIwMHB4J307XG4gIH1cbmBcblxuY29uc3QgR3JpZEhlYWRlciA9IHN0eWxlZC5kaXY8TGF5b3V0Q2hpbGRQcm9wcz5gXG4gIC8qIHN0eWxlbGludC1kaXNhYmxlICovXG4gIC1tcy1ncmlkLXJvdzogMTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSAqL1xuICBncmlkLXJvdzogMTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgJHtDb250YWluZXJ9IHtcbiAgICBtYXgtd2lkdGg6ICR7KHsgZnVsbFdpZHRoIH0pID0+IGZ1bGxXaWR0aCAmJiAnaW5pdGlhbCd9O1xuICB9XG5gXG5cbmNvbnN0IEdyaWRNYWluID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAyO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICR7Q29udGFpbmVyfSB7XG4gICAgbWF4LXdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiBmdWxsV2lkdGggJiYgJ2luaXRpYWwnfTtcbiAgfVxuYFxuXG5jb25zdCBHcmlkRm9vdGVyID0gc3R5bGVkLmRpdjxMYXlvdXRDaGlsZFByb3BzPmBcbiAgLyogc3R5bGVsaW50LWRpc2FibGUgKi9cbiAgLW1zLWdyaWQtcm93OiAzO1xuICAvKiBzdHlsZWxpbnQtZW5hYmxlICovXG4gIGdyaWQtcm93OiAzO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRlNmVkO1xuICAke0NvbnRhaW5lcn0ge1xuICAgIG1heC13aWR0aDogJHsoeyBmdWxsV2lkdGggfSkgPT4gZnVsbFdpZHRoICYmICdpbml0aWFsJ307XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IExheW91dDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TGF5b3V0UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMgPSAnZGl2JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExheW91dEdyaWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGFzPXthc30gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGF5b3V0R3JpZD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0SGVhZGVyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxMYXlvdXRDaGlsZFByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGFzLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZEhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRIZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dE1haW46IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkTWFpbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gYXM9e2FzfSB7Li4ucmVzdH0+XG4gICAgICA8Q29udGFpbmVyPntjaGlsZHJlbn08L0NvbnRhaW5lcj5cbiAgICA8L0dyaWRNYWluPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGb290ZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PExheW91dENoaWxkUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgYXMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHcmlkRm9vdGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBhcz17YXN9IHsuLi5yZXN0fT5cbiAgICAgIDxDb250YWluZXI+e2NoaWxkcmVufTwvQ29udGFpbmVyPlxuICAgIDwvR3JpZEZvb3Rlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCB7XG4gIEdyaWQ6IExheW91dEdyaWQsXG4gIEhlYWRlcjogTGF5b3V0SGVhZGVyLFxuICBNYWluOiBMYXlvdXRNYWluLFxuICBGb290ZXI6IExheW91dEZvb3Rlcixcbn1cbiJdfQ== */"));
@@ -63,7 +78,7 @@ const Layout = _ref => {
       as = _ref$as === void 0 ? 'div' : _ref$as,
       rest = _objectWithoutProperties(_ref, ["children", "className", "as"]);
 
-  return (0, _core.jsx)(LayoutGrid, _extends({
+  return (0, _react2.jsx)(LayoutGrid, _extends({
     className: className,
     as: as
   }, rest), children);
@@ -77,10 +92,10 @@ const LayoutHeader = _ref2 => {
       as = _ref2.as,
       rest = _objectWithoutProperties(_ref2, ["children", "className", "as"]);
 
-  return (0, _core.jsx)(GridHeader, _extends({
+  return (0, _react2.jsx)(GridHeader, _extends({
     className: className,
     as: as
-  }, rest), (0, _core.jsx)(Container, null, children));
+  }, rest), (0, _react2.jsx)(Container, null, children));
 };
 
 exports.LayoutHeader = LayoutHeader;
@@ -91,10 +106,10 @@ const LayoutMain = _ref3 => {
       as = _ref3.as,
       rest = _objectWithoutProperties(_ref3, ["children", "className", "as"]);
 
-  return (0, _core.jsx)(GridMain, _extends({
+  return (0, _react2.jsx)(GridMain, _extends({
     className: className,
     as: as
-  }, rest), (0, _core.jsx)(Container, null, children));
+  }, rest), (0, _react2.jsx)(Container, null, children));
 };
 
 exports.LayoutMain = LayoutMain;
@@ -105,10 +120,10 @@ const LayoutFooter = _ref4 => {
       as = _ref4.as,
       rest = _objectWithoutProperties(_ref4, ["children", "className", "as"]);
 
-  return (0, _core.jsx)(GridFooter, _extends({
+  return (0, _react2.jsx)(GridFooter, _extends({
     className: className,
     as: as
-  }, rest), (0, _core.jsx)(Container, null, children));
+  }, rest), (0, _react2.jsx)(Container, null, children));
 };
 
 exports.LayoutFooter = LayoutFooter;

package/cjs/skeleton/Skeleton.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Skeleton = void 0;
 
-var _core = require("@emotion/core");
-
 var _theme = require("@dfds-ui/theme");
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("@emotion/react");
+
+var _react2 = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,7 +19,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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, _core.keyframes)`
+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); }
@@ -33,13 +33,13 @@ const getBorderRadius = variant => {
 
 const skeletonStyles = ({
   variant
-}) => /*#__PURE__*/(0, _core.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" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9za2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2tlbGV0b24vU2tlbGV0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmNvbnN0IFB1bHNlID0gKCkgPT4ga2V5ZnJhbWVzYFxuICAgIDAlIHsgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3NywgNzgsIDc2LCAwLjE2KTsgfVxuICAgIDUwJSB7IGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LDI1NSwyNTUsIDAuMzIpOyB9XG4gICAgMTAwJSB7IGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzcsIDc4LCA3NiwgMC4xNik7IH1cbmBcblxuY29uc3QgZ2V0Qm9yZGVyUmFkaXVzID0gKHZhcmlhbnQ6IFNrZWxldG9uVmFyaWFudCk6IHN0cmluZyA9PiB7XG4gIGlmICh2YXJpYW50ID09PSAnY2lyY2xlJykgcmV0dXJuICc1MCUnXG4gIGlmICh2YXJpYW50ID09PSAndGV4dCcpIHJldHVybiB0aGVtZS5zcGFjaW5nLnh4c1xuICByZXR1cm4gJ3Vuc2V0J1xufVxuXG5jb25zdCBza2VsZXRvblN0eWxlcyA9ICh7IHZhcmlhbnQgfTogeyB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnQgfSkgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0Qm9yZGVyUmFkaXVzKHZhcmlhbnQpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3NywgNzgsIDc2LCAwLjE2KTtcbiAgJjo6YWZ0ZXIge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMi44cztcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICBhbmltYXRpb24tbmFtZTogJHtQdWxzZSgpfTtcbiAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDc3LCA3OCwgNzYsIDAuMTYpO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYFxuXG5leHBvcnQgaW50ZXJmYWNlIFNrZWxldG9uUHJvcHMge1xuICB2YXJpYW50OiBTa2VsZXRvblZhcmlhbnRcbn1cblxuZXhwb3J0IHR5cGUgU2tlbGV0b25WYXJpYW50ID0gJ3RleHQnIHwgJ2NpcmNsZScgfCAncmVjdCdcblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHsgdmFyaWFudCwgLi4ucmVzdCB9OiBTa2VsZXRvblByb3BzKSA9PiA8ZGl2IGNzcz17c2tlbGV0b25TdHlsZXMoeyB2YXJpYW50IH0pfSB7Li4ucmVzdH0gLz5cblxuZXhwb3J0IGRlZmF1bHQgU2tlbGV0b25cbiJdfQ== */"));
+}) => /*#__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, ["variant"]);
 
-  return (0, _core.jsx)("div", _extends({
+  return (0, _react.jsx)("div", _extends({
     css: skeletonStyles({
       variant
     })

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

@@ -11,15 +11,16 @@ export declare type SocialMediaLinkListProps = {
     noPadding?: boolean;
     colorOverwrite?: string;
 };
-export declare const SoMeWrapper: import("@emotion/styled-base").StyledComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../flexbox/FlexBox").FlexBoxProps & {
+export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
-} & {
-    theme?: object | undefined;
-} & {
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
-}, "key" | "as" | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("../flexbox/FlexBox").FlexBoxProps | "theme"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, SocialMediaLinkListProps, object>;
+} & {
+    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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.SocialMediaLinkList = exports.SoMeWrapper = void 0;
 
-var _core = require("@emotion/core");
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,6 +13,8 @@ var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
 
 var _icons = require("@dfds-ui/icons");
 
+var _react2 = require("@emotion/react");
+
 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); }
@@ -23,8 +23,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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, _styledBase.default)(_FlexBox.default, {
+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:", ({
@@ -49,58 +52,58 @@ const SocialMediaLinkList = _ref => {
       colorOverwrite = _ref.colorOverwrite,
       rest = _objectWithoutProperties(_ref, ["instagramLink", "facebookLink", "blogLink", "twitterLink", "linkedinLink", "youtubeLink", "mailshareLink", "iconSize", "noPadding", "colorOverwrite"]);
 
-  return (0, _core.jsx)(SoMeWrapper, _extends({
+  return (0, _react2.jsx)(SoMeWrapper, _extends({
     colorOverwrite: colorOverwrite,
     noPadding: noPadding,
     wrapWrap: true,
     iconSize: iconSize
-  }, rest), facebookLink && (0, _core.jsx)("a", {
+  }, rest), facebookLink && (0, _react2.jsx)("a", {
     href: facebookLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.Facebook, {
+  }, (0, _react2.jsx)(_icons.Facebook, {
     height: iconSize,
     width: iconSize
-  })), blogLink && (0, _core.jsx)("a", {
+  })), blogLink && (0, _react2.jsx)("a", {
     href: blogLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.Blog, {
+  }, (0, _react2.jsx)(_icons.Blog, {
     height: iconSize,
     width: iconSize
-  })), instagramLink && (0, _core.jsx)("a", {
+  })), instagramLink && (0, _react2.jsx)("a", {
     href: instagramLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.Instagram, {
+  }, (0, _react2.jsx)(_icons.Instagram, {
     height: iconSize,
     width: iconSize
-  })), linkedinLink && (0, _core.jsx)("a", {
+  })), linkedinLink && (0, _react2.jsx)("a", {
     href: linkedinLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.LinkedIn, {
+  }, (0, _react2.jsx)(_icons.LinkedIn, {
     height: iconSize,
     width: iconSize
-  })), twitterLink && (0, _core.jsx)("a", {
+  })), twitterLink && (0, _react2.jsx)("a", {
     href: twitterLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.Twitter, {
+  }, (0, _react2.jsx)(_icons.Twitter, {
     height: iconSize,
     width: iconSize
-  })), youtubeLink && (0, _core.jsx)("a", {
+  })), youtubeLink && (0, _react2.jsx)("a", {
     href: youtubeLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.Youtube, {
+  }, (0, _react2.jsx)(_icons.Youtube, {
     height: iconSize,
     width: iconSize
-  })), mailshareLink && (0, _core.jsx)("a", {
+  })), mailshareLink && (0, _react2.jsx)("a", {
     href: mailshareLink,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, (0, _core.jsx)(_icons.MailShare, {
+  }, (0, _react2.jsx)(_icons.MailShare, {
     height: iconSize,
     width: iconSize
   })));

package/cjs/spinner/Spinner.d.ts

@@ -9,5 +9,7 @@ declare function Spinner({ instant, size, className, color, ...rest }: SpinnerPr
 declare namespace Spinner {
     var displayName: string;
 }
-export declare const CenteredSpinner: import("@emotion/styled-base").StyledComponent<SpinnerProps, Pick<SpinnerProps, keyof SpinnerProps>, object>;
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<SpinnerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export default Spinner;