@jobber/components 4.2.2-pree.0 → 4.2.2-pree.1

package/dist/FormatEmail/index.js

@@ -11,11 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".email {\n  font-style: normal;\n}\n";
+var css_248z = ".Cr7OFSgq9WA- {\n  font-style: normal;\n}\n";
+var styles = {"email":"Cr7OFSgq9WA-"};
 styleInject_es.styleInject(css_248z);
 
 function FormatEmail({ email }) {
-    const className = classnames__default["default"](css_248z.email);
+    const className = classnames__default["default"](styles.email);
     return React__default["default"].createElement("address", { className: className }, email);
 }
 

package/dist/FormatFile/index.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-0a4835e5.js');
+var FormatFile = require('../FormatFile-4859d303.js');
 require('react');
 require('classnames');
 require('filesize');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../ConfirmationModal-c8b6667c.js');
+require('../Typography-c0bec306.js');
+require('../ConfirmationModal-2ca04371.js');
 require('@jobber/hooks');
-require('../Modal-2769f7e5.js');
+require('../Modal-bb8547df.js');
 require('react-dom');
 require('framer-motion');
-require('../Heading-19272e83.js');
-require('../ButtonDismiss-bc13d061.js');
-require('../Content-373bbaee.js');
-require('../Markdown-b38da515.js');
+require('../Heading-f94abfd1.js');
+require('../ButtonDismiss-7b2ceeaa.js');
+require('../Content-db546523.js');
+require('../Markdown-18a7298f.js');
 require('react-markdown');
-require('../Text-1c12d786.js');
-require('../Emphasis-ec5bfff3.js');
-require('../ProgressBar-ef96b716.js');
+require('../Text-7c99b48d.js');
+require('../Emphasis-6794fc77.js');
+require('../ProgressBar-8438dd4c.js');
 
 
 

package/dist/FormatFile-4859d303.js

@@ -0,0 +1,105 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var getHumanReadableFileSize = require('filesize');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var Button = require('./Button-f7b0f481.js');
+var ConfirmationModal = require('./ConfirmationModal-2ca04371.js');
+var Icon = require('./Icon-405a216c.js');
+var Typography = require('./Typography-c0bec306.js');
+var Text = require('./Text-7c99b48d.js');
+var ProgressBar = require('./ProgressBar-8438dd4c.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var getHumanReadableFileSize__default = /*#__PURE__*/_interopDefaultLegacy(getHumanReadableFileSize);
+
+var css_248z$1 = ":root {\n  --file-card--height: calc(var(--space-base) * 3.5);\n  --file-card--background-color: var(--color-white);\n  --file-card--header-background-color: var(--color-greyBlue--lighter);\n  --file-card--content-background-color: var(--color-white);\n  --file-card--border-color: var(--color-border);\n  --file-card--accent-color: var(--color-grey);\n  --file-card--base-padding: var(--space-small);\n}\n\n.cx4iQqlNNvc- {\n  display: grid;\n  grid-template-columns: auto -webkit-max-content;\n  grid-template-columns: auto max-content;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  gap: var(--file-card--base-padding);\n  -ms-flex-align: center;\n      align-items: center;\n  padding-right: var(--space-small);\n  border: var(--border-base) solid var(--color-border);\n  border: var(--border-base) solid var(--file-card--border-color);\n  border-radius: var(--radius-base);\n  background-color: var(--color-white);\n  background-color: var(--file-card--background-color);\n}\n\n.nSaog7-7Jn0-,\n.cx4iQqlNNvc- {\n  position: relative;\n}\n\n._9jVt97W52JY- {\n  display: grid;\n  grid-template-columns: -webkit-max-content auto;\n  grid-template-columns: max-content auto;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  grid-gap: var(--file-card--base-padding);\n  gap: var(--file-card--base-padding);\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0;\n  border: none;\n  text-align: left;\n  background-color: var(--color-transparent);\n}\n\n.z-kUGMs0Yfg- {\n  width: 168px;\n  height: 168px;\n}\n\n.x1Ql0enaIxY- {\n  width: 56px;\n  height: 56px;\n}\n\n.il9-MCeoBts- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  box-sizing: border-box;\n  padding: 0;\n  overflow: hidden;\n  background-color: var(--color-surface--background);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.cx4iQqlNNvc- ._9jVt97W52JY- {\n  outline: none;\n}\n\n.nSaog7-7Jn0- ._9jVt97W52JY-:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n\n.nSaog7-7Jn0- .il9-MCeoBts- {\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n}\n\n.cx4iQqlNNvc- ._9jVt97W52JY-:focus::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  box-shadow: var(--shadow-focus);\n}\n\n.cx4iQqlNNvc- .il9-MCeoBts- {\n  border-right: none;\n  border-bottom-left-radius: var(--radius-base);\n  border-top-left-radius: var(--radius-base);\n}\n\n.O9EG-xJYVco- {\n  cursor: pointer;\n}\n\n.QmrRp5CTpGU- .il9-MCeoBts-::after,\n.N5qVYfi1Pgo- {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-overlay);\n  opacity: 0;\n  transition: all var(--timing-base);\n}\n\n.QmrRp5CTpGU-:hover .il9-MCeoBts-::after,\n.QmrRp5CTpGU-:focus .il9-MCeoBts-::after,\n.N5qVYfi1Pgo- {\n  opacity: 1;\n}\n\n.N5qVYfi1Pgo- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  box-sizing: border-box;\n  padding: var(--space-small);\n  padding: var(--file-card--base-padding);\n}\n\n.TyXXZnJuVwo- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  min-width: 0;\n}\n\n.TyXXZnJuVwo- p {\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.nSaog7-7Jn0- ._7wDO6nPXy-g- {\n  position: absolute;\n  top: var(--space-smaller);\n  right: var(--space-smaller);\n}\n\n.sgUJuNv0rUE- ~ ._7wDO6nPXy-g- {\n  visibility: hidden;\n}\n\n._7wDO6nPXy-g-[focus-within],\n._7wDO6nPXy-g-:hover,\n.sgUJuNv0rUE-:hover ~ ._7wDO6nPXy-g-,\n.sgUJuNv0rUE-:focus ~ ._7wDO6nPXy-g- {\n  visibility: visible;\n}\n\n._7wDO6nPXy-g-:focus-within,\n._7wDO6nPXy-g-:hover,\n.sgUJuNv0rUE-:hover ~ ._7wDO6nPXy-g-,\n.sgUJuNv0rUE-:focus ~ ._7wDO6nPXy-g- {\n  visibility: visible;\n}\n";
+var styles$1 = {"expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
+styleInject_es.styleInject(css_248z$1);
+
+function FormatFileDeleteButton({ size, onDelete }) {
+    const buttonSize = size === "base" ? "small" : "base";
+    const [deleteConfirmationOpen, setDeleteConfirmationOpen] = React.useState(false);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(Button.Button, { onClick: () => setDeleteConfirmationOpen(true), variation: "destructive", type: "tertiary", icon: "trash", ariaLabel: "Delete File", size: buttonSize }),
+        React__default["default"].createElement(ConfirmationModal.ConfirmationModal, { title: "Confirm Deletion", message: `Are you sure you want to delete this file?`, confirmLabel: "Delete", variation: "destructive", open: deleteConfirmationOpen, onConfirm: () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(), onRequestClose: () => setDeleteConfirmationOpen(false) })));
+}
+
+var css_248z = ".ixRsJ4LRvuA- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.I7bP1ZLIXQg- {\n  display: none;\n}\n\n.M9Y7sOk6lTc- {\n  display: -ms-flexbox;\n  display: flex;\n  width: inherit;\n  height: inherit;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.M9Y7sOk6lTc-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  border: var(--border-base);\n  border-radius: var(--radius-base);\n  background: linear-gradient(\n    270deg,\n    rgb(244, 244, 244) 38.46%,\n    rgba(244, 244, 244, 0) 100%\n  );\n}\n\n.M9Y7sOk6lTc-.psaqxO2Lu7E-::after {\n  width: var(--space-base);\n  height: var(--space-base);\n}\n\n.M9Y7sOk6lTc-.yReSfaruAh0-::after {\n  width: var(--space-large);\n  height: var(--space-large);\n}\n\n.YXN92rsh2eU- {\n  position: absolute;\n}\n\n.psaqxO2Lu7E- .YXN92rsh2eU- {\n  bottom: var(--space-smaller);\n  left: var(--space-smaller);\n  font-size: var(--typography--fontSize-smaller);\n}\n\n.yReSfaruAh0- .YXN92rsh2eU- {\n  bottom: var(--space-small);\n  left: var(--space-small);\n  font-size: var(--typography--fontSize-small);\n}\n";
+var styles = {"image":"ixRsJ4LRvuA-","loading":"I7bP1ZLIXQg-","content":"M9Y7sOk6lTc-","base":"psaqxO2Lu7E-","large":"yReSfaruAh0-","fileName":"YXN92rsh2eU-"};
+styleInject_es.styleInject(css_248z);
+
+function InternalThumbnail({ name, hideName = false, size, file, }) {
+    const [imageSource, setImageSource] = React.useState();
+    const [imageLoaded, setImageLoaded] = React.useState(false);
+    const iconName = getIconNameFromType(file.type);
+    if (!imageSource && file.type.startsWith("image/")) {
+        file.src().then(src => setImageSource(src));
+    }
+    const image = (React__default["default"].createElement("img", { src: imageSource, onLoad: () => {
+            setImageLoaded(true);
+        }, className: classnames__default["default"](styles.image, { [styles.loading]: !imageLoaded }), alt: name, "data-testid": "internalThumbnailImage" }));
+    if (imageLoaded) {
+        return image;
+    }
+    return (React__default["default"].createElement("div", { className: classnames__default["default"](styles.content, styles[size]) },
+        imageSource && image,
+        React__default["default"].createElement(Icon.Icon, { name: iconName, color: "greyBlue" }),
+        React__default["default"].createElement("div", { className: classnames__default["default"](styles.fileName) }, hideName && (React__default["default"].createElement(Typography.Typography, { element: "span", textColor: "text" }, name)))));
+}
+function getIconNameFromType(mimeType) {
+    if (mimeType.startsWith("image/"))
+        return "camera";
+    if (mimeType.startsWith("video/"))
+        return "video";
+    switch (mimeType) {
+        case "application/pdf":
+            return "pdf";
+        case "application/vnd.ms-excel":
+            return "excel";
+        default:
+            return "file";
+    }
+}
+
+function FormatFile({ file, display = "expanded", displaySize = "base", onDelete, onClick, }) {
+    const isComplete = file.progress >= 1;
+    const fileSize = getHumanReadableFileSize__default["default"](file.size);
+    const wrapperClassNames = classnames__default["default"](styles$1[display], {
+        [styles$1[displaySize]]: display === "compact",
+    });
+    const DetailsContainer = isComplete && onClick ? "button" : "div";
+    const detailsClassNames = classnames__default["default"](styles$1.wrapper, {
+        [styles$1[displaySize]]: display === "compact",
+        [styles$1.hoverable]: isHoverable({ display, isComplete, onClick, onDelete }),
+        [styles$1.clickable]: onClick,
+        [styles$1.deleteable]: display === "compact",
+    });
+    const thumbnailContainerClassNames = classnames__default["default"](styles$1.thumbnail, styles$1[displaySize]);
+    return (React__default["default"].createElement("div", { className: wrapperClassNames },
+        React__default["default"].createElement(DetailsContainer, { type: "button", className: detailsClassNames, onClick: isComplete ? onClick : undefined, tabIndex: 0, "aria-busy": !isComplete },
+            React__default["default"].createElement("div", { className: thumbnailContainerClassNames },
+                React__default["default"].createElement(InternalThumbnail, { name: file.name, hideName: display === "compact", file: file, size: displaySize }),
+                !isComplete && (React__default["default"].createElement("div", { className: styles$1.progress },
+                    React__default["default"].createElement(ProgressBar.ProgressBar, { size: "small", currentStep: file.progress * 100, totalSteps: 100 })))),
+            display === "expanded" && (React__default["default"].createElement("div", { className: styles$1.contentBlock },
+                React__default["default"].createElement(Text.Text, { size: "base" }, file.name),
+                React__default["default"].createElement(Text.Text, { size: "small" }, fileSize)))),
+        isComplete && onDelete && (React__default["default"].createElement("div", { className: styles$1.deleteButton },
+            React__default["default"].createElement(FormatFileDeleteButton, { size: display === "expanded" ? "large" : displaySize, onDelete: onDelete })))));
+}
+function isHoverable({ display, isComplete, onClick, onDelete, }) {
+    if (display === "compact") {
+        return Boolean(isComplete && (onClick || onDelete));
+    }
+    else if (display === "expanded") {
+        return Boolean(isComplete && onClick);
+    }
+    return false;
+}
+
+exports.FormatFile = FormatFile;

package/dist/Gallery/index.js

@@ -5,27 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var LightBox = require('../LightBox-44108d9c.js');
-var FormatFile = require('../FormatFile-0a4835e5.js');
-var Button = require('../Button-1063207a.js');
+var LightBox = require('../LightBox-f310c9db.js');
+var FormatFile = require('../FormatFile-4859d303.js');
+var Button = require('../Button-f7b0f481.js');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
 require('@jobber/hooks');
-require('../ButtonDismiss-bc13d061.js');
+require('../ButtonDismiss-7b2ceeaa.js');
 require('filesize');
-require('../ConfirmationModal-c8b6667c.js');
-require('../Modal-2769f7e5.js');
-require('../Heading-19272e83.js');
-require('../Typography-01077f8f.js');
-require('../Content-373bbaee.js');
-require('../Markdown-b38da515.js');
+require('../ConfirmationModal-2ca04371.js');
+require('../Modal-bb8547df.js');
+require('../Heading-f94abfd1.js');
+require('../Typography-c0bec306.js');
+require('../Content-db546523.js');
+require('../Markdown-18a7298f.js');
 require('react-markdown');
-require('../Text-1c12d786.js');
-require('../Emphasis-ec5bfff3.js');
+require('../Text-7c99b48d.js');
+require('../Emphasis-6794fc77.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ProgressBar-ef96b716.js');
+require('../ProgressBar-8438dd4c.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,7 +33,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".gallery,\n.galleryLarge {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n}\n\n.galleryLarge {\n  grid-gap: var(--space-base);\n  gap: var(--space-base);\n}\n\n.showMoreButton {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.baseShowMoreButton {\n  width: 56px;\n  height: 56px;\n}\n\n.largeShowMoreButton {\n  width: 168px;\n  height: 168px;\n  box-shadow: var(--shadow-base);\n}\n";
+var css_248z = ".G3D4T8IYmwA-,\n._6sZaxiji5rQ- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n}\n\n._6sZaxiji5rQ- {\n  grid-gap: var(--space-base);\n  gap: var(--space-base);\n}\n\n.wh-FkS64oJ0- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.Idp-BJIbUUs- {\n  width: 56px;\n  height: 56px;\n}\n\n.kOG-STgt5Hs- {\n  width: 168px;\n  height: 168px;\n  box-shadow: var(--shadow-base);\n}\n";
+var styles = {"gallery":"G3D4T8IYmwA-","galleryLarge":"_6sZaxiji5rQ-","showMoreButton":"wh-FkS64oJ0-","baseShowMoreButton":"Idp-BJIbUUs-","largeShowMoreButton":"kOG-STgt5Hs-"};
 styleInject_es.styleInject(css_248z);
 
 function Gallery({ files, size = "base", max, onDelete }) {
@@ -43,13 +44,13 @@ function Gallery({ files, size = "base", max, onDelete }) {
     const [displayPastMax, setDisplayPastMax] = React.useState(max ? false : true);
     const visibleFiles = displayPastMax ? files : files.slice(0, max);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", { className: size === "large" ? css_248z.galleryLarge : css_248z.gallery },
+        React__default["default"].createElement("div", { className: size === "large" ? styles.galleryLarge : styles.gallery },
             visibleFiles.map((file, index) => {
                 return (React__default["default"].createElement(FormatFile.FormatFile, { key: file.key, file: Object.assign(Object.assign({}, file), { src: () => Promise.resolve(file.src) }), display: "compact", displaySize: size, onClick: () => {
                         handleThumbnailClicked(index);
                     }, onDelete: onDelete ? () => onDelete === null || onDelete === void 0 ? void 0 : onDelete(file) : undefined }));
             }),
-            max && files.length > max && !displayPastMax && (React__default["default"].createElement("div", { className: classnames__default["default"](css_248z.showMoreButton, css_248z[`${size}ShowMoreButton`]) },
+            max && files.length > max && !displayPastMax && (React__default["default"].createElement("div", { className: classnames__default["default"](styles.showMoreButton, styles[`${size}ShowMoreButton`]) },
                 React__default["default"].createElement(Button.Button, { type: "tertiary", size: size, label: `+ ${files.length - max}`, fullWidth: true, onClick: () => {
                         setDisplayPastMax(true);
                     } })))),

package/dist/Heading/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../Heading-19272e83.js');
+var Heading = require('../Heading-f94abfd1.js');
 require('react');
-require('../Typography-01077f8f.js');
+require('../Typography-c0bec306.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
 

package/dist/{Heading-19272e83.js → Heading-f94abfd1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-01077f8f.js');
+var Typography = require('./Typography-c0bec306.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InlineLabel/index.js

@@ -5,18 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Typography = require('../Typography-01077f8f.js');
+var Typography = require('../Typography-c0bec306.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".inlineLabel {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  border-radius: var(--radius-large);\n}\n\n.base {\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.large {\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.larger {\n  padding: calc(var(--space-small) * 1.25) calc(var(--space-smaller) * 3.5);\n}\n\n.greyBlue {\n  color: var(--color-greyBlue--dark);\n  background-color: var(--color-greyBlue--lightest);\n}\n\n.red {\n  color: var(--color-red--dark);\n  background-color: var(--color-red--lightest);\n}\n\n.orange {\n  color: var(--color-orange--dark);\n  background-color: var(--color-orange--lightest);\n}\n\n.green {\n  color: var(--color-green--dark);\n  background-color: var(--color-green--lightest);\n}\n\n.blue {\n  color: var(--color-blue--dark);\n  background-color: var(--color-blue--lightest);\n}\n\n.navy {\n  color: var(--color-navy--dark);\n  background-color: var(--color-navy--lightest);\n}\n\n.yellow {\n  color: var(--color-yellow--dark);\n  background-color: var(--color-yellow--lightest);\n}\n\n.lime {\n  color: var(--color-lime--dark);\n  background-color: var(--color-lime--lightest);\n}\n\n.purple {\n  color: var(--color-purple--dark);\n  background-color: var(--color-purple--lightest);\n}\n\n.pink {\n  color: var(--color-pink--dark);\n  background-color: var(--color-pink--lightest);\n}\n\n.teal {\n  color: var(--color-teal--dark);\n  background-color: var(--color-teal--lightest);\n}\n\n.yellowGreen {\n  color: var(--color-yellowGreen--dark);\n  background-color: var(--color-yellowGreen--lightest);\n}\n\n.blueDark {\n  color: var(--color-white);\n  background-color: var(--color-blue--light);\n}\n\n.lightBlue {\n  color: var(--color-lightBlue--dark);\n  background-color: var(--color-lightBlue--lightest);\n}\n\n.indigo {\n  color: var(--color-indigo--dark);\n  background-color: var(--color-indigo--lightest);\n}\n";
+var css_248z = ".S72WkdRbhc0- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  border-radius: var(--radius-large);\n}\n\n.bMWuAXJHkbw- {\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.ui07veHjPII- {\n  padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);\n}\n\n.WIXhLSQ7z8A- {\n  padding: calc(var(--space-small) * 1.25) calc(var(--space-smaller) * 3.5);\n}\n\n._8RuKvOhj-Ro- {\n  color: var(--color-greyBlue--dark);\n  background-color: var(--color-greyBlue--lightest);\n}\n\n._2vEF1nvVWm8- {\n  color: var(--color-red--dark);\n  background-color: var(--color-red--lightest);\n}\n\n.Wt305sIAeoE- {\n  color: var(--color-orange--dark);\n  background-color: var(--color-orange--lightest);\n}\n\n.F8KkNxz8W3A- {\n  color: var(--color-green--dark);\n  background-color: var(--color-green--lightest);\n}\n\n.URZZoKSX4So- {\n  color: var(--color-blue--dark);\n  background-color: var(--color-blue--lightest);\n}\n\n.OeLBV-9i0Rs- {\n  color: var(--color-navy--dark);\n  background-color: var(--color-navy--lightest);\n}\n\n._2Xwx5tarf1w- {\n  color: var(--color-yellow--dark);\n  background-color: var(--color-yellow--lightest);\n}\n\n.iCqIjI7GkEk- {\n  color: var(--color-lime--dark);\n  background-color: var(--color-lime--lightest);\n}\n\n._4iEIjiZj9oA- {\n  color: var(--color-purple--dark);\n  background-color: var(--color-purple--lightest);\n}\n\n.JRW9QFSjLTA- {\n  color: var(--color-pink--dark);\n  background-color: var(--color-pink--lightest);\n}\n\n.fbhprd-Gl8k- {\n  color: var(--color-teal--dark);\n  background-color: var(--color-teal--lightest);\n}\n\n.yrF9aZSaTdw- {\n  color: var(--color-yellowGreen--dark);\n  background-color: var(--color-yellowGreen--lightest);\n}\n\n.RPvjah0FdjI- {\n  color: var(--color-white);\n  background-color: var(--color-blue--light);\n}\n\n.apwauWJ6ITc- {\n  color: var(--color-lightBlue--dark);\n  background-color: var(--color-lightBlue--lightest);\n}\n\n.n8qJynvE-n0- {\n  color: var(--color-indigo--dark);\n  background-color: var(--color-indigo--lightest);\n}\n";
+var styles = {"inlineLabel":"S72WkdRbhc0-","base":"bMWuAXJHkbw-","large":"ui07veHjPII-","larger":"WIXhLSQ7z8A-","greyBlue":"_8RuKvOhj-Ro-","red":"_2vEF1nvVWm8-","orange":"Wt305sIAeoE-","green":"F8KkNxz8W3A-","blue":"URZZoKSX4So-","navy":"OeLBV-9i0Rs-","yellow":"_2Xwx5tarf1w-","lime":"iCqIjI7GkEk-","purple":"_4iEIjiZj9oA-","pink":"JRW9QFSjLTA-","teal":"fbhprd-Gl8k-","yellowGreen":"yrF9aZSaTdw-","blueDark":"RPvjah0FdjI-","lightBlue":"apwauWJ6ITc-","indigo":"n8qJynvE-n0-"};
 styleInject_es.styleInject(css_248z);
 
 function InlineLabel({ size = "base", color = "greyBlue", children, }) {
-    const className = classnames__default["default"](css_248z.inlineLabel, css_248z[size], css_248z[color]);
+    const className = classnames__default["default"](styles.inlineLabel, styles[size], styles[color]);
     const sizeMapper = {
         base: "small",
         large: "large",

package/dist/InputAvatar/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Avatar = require('../Avatar-99324b59.js');
-var InputFile = require('../InputFile-b794ada2.js');
-var ProgressBar = require('../ProgressBar-ef96b716.js');
-var Button = require('../Button-1063207a.js');
+var Avatar = require('../Avatar-98b59e17.js');
+var InputFile = require('../InputFile-e59fea12.js');
+var ProgressBar = require('../ProgressBar-8438dd4c.js');
+var Button = require('../Button-f7b0f481.js');
 require('classnames');
 require('color');
 require('../Icon-405a216c.js');
@@ -16,22 +16,23 @@ require('@jobber/design');
 require('react-dropzone');
 require('axios');
 require('uuid');
-require('../Content-373bbaee.js');
-require('../Typography-01077f8f.js');
+require('../Content-db546523.js');
+require('../Typography-c0bec306.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css_248z = ".inputAvatar {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.inputAvatar > *:not(:last-child) {\n  margin-right: var(--space-small);\n}\n\n.preview {\n  position: relative;\n}\n\n.centered {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 100%;\n  margin: 0 var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.overlay::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--dark);\n  opacity: 0.3;\n  mix-blend-mode: multiply;\n}\n";
+var css_248z = ".a2KrLEZNB04- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.a2KrLEZNB04- > *:not(:last-child) {\n  margin-right: var(--space-small);\n}\n\n._7-uM-6dFidA- {\n  position: relative;\n}\n\n._4tvG9ksH3oM- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 100%;\n  margin: 0 var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.ah2Ak5EObRo- {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.ah2Ak5EObRo-::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--dark);\n  opacity: 0.3;\n  mix-blend-mode: multiply;\n}\n";
+var styles = {"inputAvatar":"a2KrLEZNB04-","preview":"_7-uM-6dFidA-","centered":"_4tvG9ksH3oM-","overlay":"ah2Ak5EObRo-"};
 styleInject_es.styleInject(css_248z);
 
 function InputAvatar(_a) {
     var { getUploadParams, onUploadComplete, onChange } = _a, avatarProps = tslib_es6.__rest(_a, ["getUploadParams", "onUploadComplete", "onChange"]);
     const [progress, setProgress] = React.useState(1);
-    return (React__default["default"].createElement("div", { className: css_248z.inputAvatar },
-        React__default["default"].createElement("div", { className: css_248z.preview },
+    return (React__default["default"].createElement("div", { className: styles.inputAvatar },
+        React__default["default"].createElement("div", { className: styles.preview },
             React__default["default"].createElement(Avatar.Avatar, Object.assign({ size: "large" }, avatarProps)),
             progress < 1 && (React__default["default"].createElement(Overlay, null,
                 React__default["default"].createElement(Centered, null,
@@ -57,11 +58,11 @@ function InputAvatar(_a) {
     }
 }
 function Overlay({ children }) {
-    return React__default["default"].createElement("div", { className: css_248z.overlay }, children);
+    return React__default["default"].createElement("div", { className: styles.overlay }, children);
 }
 function Centered({ children }) {
     // Note: this HIGHLY experimental Centered component is applying margin.
-    return React__default["default"].createElement("div", { className: css_248z.centered }, children);
+    return React__default["default"].createElement("div", { className: styles.centered }, children);
 }
 
 exports.InputAvatar = InputAvatar;

package/dist/InputDate/index.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lodash = require('lodash');
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
-var DatePicker = require('../DatePicker-f62e2518.js');
+var FormField = require('../FormField-2ff2e827.js');
+var DatePicker = require('../DatePicker-c0782233.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-c0bec306.js');
+require('../Text-7c99b48d.js');
+require('../InputValidation-e36c9d5e.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-3480bc34.js');
 require('react-datepicker');
 require('@jobber/hooks');
 

package/dist/InputEmail/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
+var FormField = require('../FormField-2ff2e827.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-c0bec306.js');
+require('../Text-7c99b48d.js');
+require('../InputValidation-e36c9d5e.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-3480bc34.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-b794ada2.js');
+var InputFile = require('../InputFile-e59fea12.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('classnames');
@@ -10,12 +10,12 @@ require('react-dropzone');
 require('axios');
 require('uuid');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Content-373bbaee.js');
+require('../Typography-c0bec306.js');
+require('../Content-db546523.js');
 
 
 

package/dist/{InputFile-b794ada2.js → InputFile-e59fea12.js}

@@ -7,9 +7,9 @@ var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var uuid = require('uuid');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-1063207a.js');
-var Content = require('./Content-373bbaee.js');
-var Typography = require('./Typography-01077f8f.js');
+var Button = require('./Button-f7b0f481.js');
+var Content = require('./Content-db546523.js');
+var Typography = require('./Typography-c0bec306.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,7 +17,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 
-var css_248z = ".dropZoneBase {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n.dropZoneBase:focus,\n.dropZoneBase[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.dropZoneBase:focus,\n.dropZoneBase:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.dropZone {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n.dropZone.active {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
+var css_248z = ".grljXfTWj84- {\n  font-size: 0;\n  line-height: 0;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n\n.grljXfTWj84-:focus,\n.grljXfTWj84-[focus-within] {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.grljXfTWj84-:focus,\n.grljXfTWj84-:focus-within {\n  border-color: var(--color-focus);\n  outline: none;\n}\n\n.WHhHWgaoXk4- {\n  padding: var(--space-base);\n  border: var(--color-border) dashed var(--border-thick);\n  border-radius: var(--radius-larger);\n  text-align: center;\n}\n\n.WHhHWgaoXk4-.n1h-T2metRA- {\n  border-color: var(--color-focus);\n  background-color: var(--color-surface--hover);\n}\n";
+var styles = {"dropZoneBase":"grljXfTWj84-","dropZone":"WHhHWgaoXk4-","active":"n1h-T2metRA-"};
 styleInject_es.styleInject(css_248z);
 
 function InputFile({ variation = "dropzone", size = "base", buttonLabel: providedButtonLabel, allowMultiple = false, allowedTypes = "all", getUploadParams, onUploadStart, onUploadProgress, onUploadComplete, }) {
@@ -33,9 +34,9 @@ function InputFile({ variation = "dropzone", size = "base", buttonLabel: provide
     }
     const { getRootProps, getInputProps, isDragActive } = reactDropzone.useDropzone(options);
     const { buttonLabel, hintText } = getLabels(providedButtonLabel, allowMultiple, allowedTypes);
-    const dropZone = classnames__default["default"](css_248z.dropZoneBase, {
-        [css_248z.dropZone]: variation === "dropzone",
-        [css_248z.active]: isDragActive,
+    const dropZone = classnames__default["default"](styles.dropZoneBase, {
+        [styles.dropZone]: variation === "dropzone",
+        [styles.active]: isDragActive,
     });
     return (React__default["default"].createElement("div", Object.assign({}, getRootProps({ className: dropZone }), { tabIndex: variation === "button" ? -1 : 0 }),
         React__default["default"].createElement("input", Object.assign({}, getInputProps())),

package/dist/InputGroup/index.js

@@ -11,13 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".vertical > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n.horizontal {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n.horizontal > *:not(:last-child) {\n  margin-bottom: auto;\n  margin-right: -1px;\n}\n\n/* Border corners are rounded on the outside edges of the group  */\n\n.inputGroup {\n  --public-field--top-left-radius: 0;\n  --public-field--top-right-radius: 0;\n  --public-field--bottom-left-radius: 0;\n  --public-field--bottom-right-radius: 0;\n}\n\n.vertical > :first-child:not(.horizontal) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n.vertical > :last-child:not(.horizontal) {\n  --public-field--bottom-left-radius: var(--radius-base);\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n\n/* First Horizontal Input Group */\n\n.horizontal:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n.horizontal:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n.horizontal:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n.horizontal:last-child > :last-child {\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n";
+var css_248z = "._4bvHwa3-qBA- > *:not(:last-child) {\n  margin-bottom: -1px !important;\n}\n\n.bHm4WuX8ToY- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: end;\n      align-items: flex-end;\n}\n\n.bHm4WuX8ToY- > *:not(:last-child) {\n  margin-bottom: auto;\n  margin-right: -1px;\n}\n\n/* Border corners are rounded on the outside edges of the group  */\n\n.nmDPgrXofeE- {\n  --public-field--top-left-radius: 0;\n  --public-field--top-right-radius: 0;\n  --public-field--bottom-left-radius: 0;\n  --public-field--bottom-right-radius: 0;\n}\n\n._4bvHwa3-qBA- > :first-child:not(.bHm4WuX8ToY-) {\n  --public-field--top-left-radius: var(--radius-base);\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n._4bvHwa3-qBA- > :last-child:not(.bHm4WuX8ToY-) {\n  --public-field--bottom-left-radius: var(--radius-base);\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n\n/* First Horizontal Input Group */\n\n.bHm4WuX8ToY-:first-child > :first-child {\n  --public-field--top-left-radius: var(--radius-base);\n}\n\n.bHm4WuX8ToY-:first-child > :last-child {\n  --public-field--top-right-radius: var(--radius-base);\n}\n\n/* Last Horizontal Input Group */\n\n.bHm4WuX8ToY-:last-child > :first-child {\n  --public-field--bottom-left-radius: var(--radius-base);\n}\n\n.bHm4WuX8ToY-:last-child > :last-child {\n  --public-field--bottom-right-radius: var(--radius-base);\n}\n";
+var styles = {"vertical":"_4bvHwa3-qBA-","horizontal":"bHm4WuX8ToY-","inputGroup":"nmDPgrXofeE-"};
 styleInject_es.styleInject(css_248z);
 
 function InputGroup({ children, flowDirection = "vertical", }) {
     if (isInvalidGroupNesting(children))
         return React__default["default"].createElement(React__default["default"].Fragment, null);
-    const className = classnames__default["default"](css_248z.inputGroup, css_248z[flowDirection]);
+    const className = classnames__default["default"](styles.inputGroup, styles[flowDirection]);
     return React__default["default"].createElement("div", { className: className }, children);
 }
 function isInvalidGroupNesting(childs) {

package/dist/InputNumber/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
+var FormField = require('../FormField-2ff2e827.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-c0bec306.js');
+require('../Text-7c99b48d.js');
+require('../InputValidation-e36c9d5e.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-3480bc34.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputPassword/index.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-a62cc4de.js');
+var FormField = require('../FormField-2ff2e827.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-c0bec306.js');
+require('../Text-7c99b48d.js');
+require('../InputValidation-e36c9d5e.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-3480bc34.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-f8db1a9d.js');
+var InputText = require('../InputText-7e6e8eeb.js');
 require('react');
-require('../FormField-a62cc4de.js');
+require('../FormField-2ff2e827.js');
 require('../tslib.es6-5b8768b7.js');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('../Button-1063207a.js');
+require('../Button-f7b0f481.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-01077f8f.js');
-require('../Text-1c12d786.js');
-require('../InputValidation-96fa6b11.js');
+require('../Typography-c0bec306.js');
+require('../Text-7c99b48d.js');
+require('../InputValidation-e36c9d5e.js');
 require('framer-motion');
-require('../Spinner-aca146ee.js');
+require('../Spinner-3480bc34.js');
 
 
 

package/dist/{InputText-f8db1a9d.js → InputText-7e6e8eeb.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-a62cc4de.js');
+var FormField = require('./FormField-2ff2e827.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }