@jobber/components 4.85.4-CJS-to-ESM.1 → 4.85.4

package/dist/Text-259af966.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var Typography = require('./Typography-c45bf216.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
+    const textColors = {
+        default: "text",
+        subdued: "textSecondary",
+        success: "success",
+        error: "critical",
+        warn: "warning",
+        info: "informative",
+        disabled: "disabled",
+    };
+    const maxLineToNumber = {
+        single: 1,
+        small: 2,
+        base: 4,
+        large: 8,
+        larger: 16,
+        unlimited: undefined,
+    };
+    return (React__default["default"].createElement(Typography.Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
+}
+
+exports.Text = Text;

package/dist/Toast/index.js

@@ -0,0 +1,111 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var client = require('react-dom/client');
+var framerMotion = require('framer-motion');
+var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
+var Icon = require('../Icon-405a216c.js');
+var Button = require('../Button-b73a5e01.js');
+var Typography = require('../Typography-c45bf216.js');
+require('@jobber/design');
+require('classnames');
+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 = ".FVK4VwhLaVQ- {\n  position: relative;\n  z-index: 1003;\n  z-index: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: calc(16px * 1.5);\n  bottom: var(--space-large);\n  left: 0;\n  z-index: 1003;\n  z-index: var(--elevation-toast);\n  width: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: 0 calc(16px * 1.5);\n  padding: 0 var(--space-large);\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px\n      rgba(0, 0, 0, 0.075),\n    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\n  margin-top: calc(16px * 1);\n  margin-top: var(--space-base);\n}\n\n.KiJL-VNZ3Sg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc((16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);\n  padding: calc(var(--space-small) / 1.25) var(--space-base);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  background: rgb(1, 41, 57);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: calc(16px * 1);\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: calc(16px * 1);\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: rgb(147, 161, 169);\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: rgba(101, 120, 132, 1);\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\n  margin-left: calc(16px / 2);\n  margin-left: var(--space-small);\n}\n";
+var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","icon":"xtRB59TMHcU-","button":"cExoS0APILs-","action":"-T38wWbQUNs-"};
+styleInject_es.styleInject(css_248z);
+
+function Toast({ message, variation = "success", action, actionLabel, }) {
+    const [visible, setVisible] = React.useState(true);
+    const icon = getIcon();
+    let timer;
+    React.useEffect(() => startTimer(), []);
+    return (React__default["default"].createElement(framerMotion.AnimatePresence, null, visible && (React__default["default"].createElement(framerMotion.motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
+            opacity: 0,
+            scale: 0.8,
+            height: 0,
+            transition: { duration: 0.4 },
+        } },
+        React__default["default"].createElement("div", { className: styles.slice },
+            React__default["default"].createElement("div", { className: styles.icon },
+                React__default["default"].createElement(Icon.Icon, { color: icon.color, name: icon.name })),
+            React__default["default"].createElement(Typography.Typography, { element: "span", size: "large" }, message),
+            action && (React__default["default"].createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            React__default["default"].createElement("div", { className: styles.button },
+                React__default["default"].createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+    function startTimer() {
+        timer = setTimeout(() => handleToastClose(), getTimeout());
+    }
+    function stopTimer() {
+        clearTimeout(timer);
+    }
+    function handleToastClose() {
+        setVisible(false);
+    }
+    function getTimeout() {
+        const min = 5000;
+        const max = 10000;
+        const time = message.length * 200;
+        if (time < min)
+            return min;
+        if (time > max)
+            return max;
+        return time;
+    }
+    function getIcon() {
+        switch (variation) {
+            case "info":
+                return { name: "knot", color: "lightBlue" };
+            case "error":
+                return { name: "alert", color: "red" };
+            default:
+                return { name: "checkmark", color: "green" };
+        }
+    }
+}
+
+const targetId = "atlantis-toast-element";
+let target = document.querySelector(`#${targetId}`);
+if (!target) {
+    target = document.createElement("div");
+    target.id = targetId;
+    target.classList.add(styles.wrapper);
+    document.body.appendChild(target);
+}
+const root = client.createRoot(target);
+function showToast(props) {
+    // Ensure target and body is still there when rendering the toast. This is due
+    // to an issue with ReactDOM createRoot assuming document is always there and
+    // Jest taking the document down.
+    if (document.body.contains(target)) {
+        root.render(React__default["default"].createElement(ToasterOven, Object.assign({}, props)));
+    }
+}
+const ToastContainer = React.forwardRef(ToastInternal);
+function ToasterOven(props) {
+    const toastRef = React.useRef();
+    React.useEffect(() => toastRef.current.add(props));
+    return React__default["default"].createElement(ToastContainer, { ref: toastRef });
+}
+function ToastInternal(_, ref) {
+    const [toastKey, setToastKey] = React.useState(0);
+    const [toasts, setToasts] = React.useState([]);
+    React.useImperativeHandle(ref, () => ({
+        add: props => {
+            setToastKey(toastKey + 1);
+            setToasts([
+                Object.assign(Object.assign({}, props), { id: toastKey }),
+                ...toasts,
+            ]);
+        },
+    }));
+    return (React__default["default"].createElement("div", { className: styles.container }, toasts.map(toast => (React__default["default"].createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
+}
+
+exports.showToast = showToast;

package/dist/Tooltip/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tooltip = require('../Tooltip-ef3d6ef4.js');
+require('react');
+require('classnames');
+require('react-dom');
+require('framer-motion');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../style-inject.es-9d2f5f4e.js');
+require('react-popper');
+
+
+
+exports.Tooltip = Tooltip.Tooltip;

package/dist/Tooltip-ef3d6ef4.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var ReactDOM = require('react-dom');
+var framerMotion = require('framer-motion');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var reactPopper = require('react-popper');
+
+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 ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+
+var css_248z = ":root {\n  --tooltip--arrow-size: var(--space-small);\n  --tooltip--offset: calc(-1 * var(--space-smaller));\n  --tooltip--surface: var(--color-surface--reverse);\n}\n\n.q07bkGoq714- {\n  display: none;\n}\n\n.dkCTRfc3vYk- {\n  display: inline-block;\n  position: absolute;\n  z-index: 1002;\n  z-index: var(--elevation-tooltip);\n  pointer-events: none;\n}\n\n.yAFP4gRKlTM- {\n  display: inline-block;\n  position: relative;\n  max-width: calc(16px * 15);\n  max-width: calc(var(--base-unit) * 15);\n  padding: calc((16px * 1) - (16px / 8)) calc(16px * 1);\n  padding: calc(calc(16px * 1) - calc(16px / 8)) calc(16px * 1);\n  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n  background-color: rgb(1, 41, 57);\n  background-color: var(--tooltip--surface);\n}\n\n.jobber-retheme .yAFP4gRKlTM- {\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-,\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  width: calc(16px / 2);\n  width: var(--tooltip--arrow-size);\n  height: calc(16px / 2);\n  height: var(--tooltip--arrow-size);\n  background-color: transparent;\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background-color: rgb(1, 41, 57);\n  background-color: var(--tooltip--surface);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n.B6uh34-qEuA- {\n  padding-bottom: calc(16px / 2);\n  padding-bottom: var(--space-small);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- {\n  -webkit-transform-origin: bottom center;\n          transform-origin: bottom center;\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  bottom: calc(-1 * (16px / 4));\n  bottom: calc(-1 * calc(16px / 4));\n  bottom: var(--tooltip--offset);\n}\n\n.B6uh34-qEuA- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.Wft7Ug-lXEc- {\n  padding-top: calc(16px / 2);\n  padding-top: var(--space-small);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- {\n  -webkit-transform-origin: top center;\n          transform-origin: top center;\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU- {\n  top: calc(-1 * (16px / 4));\n  top: calc(-1 * calc(16px / 4));\n  top: var(--tooltip--offset);\n}\n\n.Wft7Ug-lXEc- .yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n\n.TpdeLUuiQMg- {\n  margin: 0;\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  font-weight: 600;\n  line-height: 1.25;\n  line-height: var(--typography--lineHeight-base);\n}\n";
+var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","above":"B6uh34-qEuA-","below":"Wft7Ug-lXEc-","tooltipMessage":"TpdeLUuiQMg-"};
+styleInject_es.styleInject(css_248z);
+
+function useTooltipPositioning() {
+    var _a, _b;
+    const shadowRef = React.useRef(null);
+    const [positionElement, setTooltipRef] = React.useState();
+    const [arrowElement, setArrowRef] = React.useState();
+    const popper = reactPopper.usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
+        placement: "top",
+        modifiers: [
+            { name: "flip", options: { fallbackPlacements: ["bottom"] } },
+            {
+                name: "arrow",
+                options: { element: arrowElement },
+            },
+        ],
+    });
+    return Object.assign(Object.assign({}, popper), { placement: (_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement, shadowRef,
+        setArrowRef,
+        setTooltipRef });
+}
+
+const variation = {
+    startOrStop: { scale: 0.6, opacity: 0 },
+    done: { scale: 1, opacity: 1 },
+};
+function Tooltip({ message, children }) {
+    const [show, setShow] = React.useState(false);
+    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning();
+    initializeListeners();
+    const toolTipClassNames = classnames__default["default"](styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
+        children,
+        React__default["default"].createElement(TooltipPortal, null, show && Boolean(message) && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+            React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
+                    damping: 50,
+                    stiffness: 500,
+                } },
+                React__default["default"].createElement("p", { className: styles.tooltipMessage }, message),
+                React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
+    function initializeListeners() {
+        const showTooltip = () => {
+            setShow(true);
+        };
+        const hideTooltip = () => {
+            setShow(false);
+        };
+        const injectAttributes = () => {
+            var _a;
+            if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
+                const activator = shadowRef.current.nextElementSibling;
+                // Manually inject "aria-description" and "tabindex" to let the screen
+                // readers read the tooltip message.
+                // This is to avoid having to add those attribute as a prop on every
+                // component we have.
+                activator.setAttribute("aria-description", message);
+                activator.setAttribute("tabindex", "0"); // enable focus
+            }
+        };
+        const addListeners = () => {
+            var _a;
+            if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
+                const activator = shadowRef.current.nextElementSibling;
+                activator.addEventListener("mouseenter", showTooltip);
+                activator.addEventListener("mouseleave", hideTooltip);
+                activator.addEventListener("focus", showTooltip);
+                activator.addEventListener("blur", hideTooltip);
+            }
+        };
+        const removeListeners = () => {
+            var _a;
+            if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
+                const activator = shadowRef.current.nextElementSibling;
+                activator.removeEventListener("mouseenter", showTooltip);
+                activator.removeEventListener("mouseleave", hideTooltip);
+                activator.removeEventListener("focus", showTooltip);
+                activator.removeEventListener("blur", hideTooltip);
+            }
+        };
+        useSafeLayoutEffect.useSafeLayoutEffect(() => {
+            injectAttributes();
+            addListeners();
+            return () => {
+                removeListeners();
+            };
+        }, []);
+    }
+}
+function TooltipPortal({ children }) {
+    return ReactDOM__default["default"].createPortal(children, document.body);
+}
+
+exports.Tooltip = Tooltip;

package/dist/Typography/css/Emphasis.css.d.ts

@@ -0,0 +1,6 @@
+declare const styles: {
+  readonly "italic": string;
+  readonly "highlight": string;
+};
+export = styles;
+

package/dist/Typography/css/FontFamilies.css.d.ts

@@ -0,0 +1,6 @@
+declare const styles: {
+  readonly "base": string;
+  readonly "display": string;
+};
+export = styles;
+

package/dist/Typography/css/FontSizes.css.d.ts

@@ -0,0 +1,12 @@
+declare const styles: {
+  readonly "extravagant": string;
+  readonly "jumbo": string;
+  readonly "largest": string;
+  readonly "larger": string;
+  readonly "large": string;
+  readonly "base": string;
+  readonly "small": string;
+  readonly "smaller": string;
+};
+export = styles;
+

package/dist/Typography/css/FontWeights.css.d.ts

@@ -0,0 +1,10 @@
+declare const styles: {
+  readonly "regular": string;
+  readonly "medium": string;
+  readonly "semiBold": string;
+  readonly "bold": string;
+  readonly "extraBold": string;
+  readonly "black": string;
+};
+export = styles;
+

package/dist/Typography/css/TextAlignment.css.d.ts

@@ -0,0 +1,7 @@
+declare const styles: {
+  readonly "start": string;
+  readonly "center": string;
+  readonly "end": string;
+};
+export = styles;
+

package/dist/Typography/css/TextCases.css.d.ts

@@ -0,0 +1,7 @@
+declare const styles: {
+  readonly "uppercase": string;
+  readonly "lowercase": string;
+  readonly "capitalize": string;
+};
+export = styles;
+

package/dist/Typography/css/TextColors.css.d.ts

@@ -0,0 +1,22 @@
+declare const styles: {
+  readonly "blue": string;
+  readonly "grey": string;
+  readonly "greyBlueDark": string;
+  readonly "greyBlue": string;
+  readonly "green": string;
+  readonly "red": string;
+  readonly "yellow": string;
+  readonly "yellowDark": string;
+  readonly "lightBlue": string;
+  readonly "white": string;
+  readonly "heading": string;
+  readonly "text": string;
+  readonly "textSecondary": string;
+  readonly "critical": string;
+  readonly "warning": string;
+  readonly "informative": string;
+  readonly "success": string;
+  readonly "disabled": string;
+};
+export = styles;
+

package/dist/Typography/css/Truncate.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "textTruncate": string;
+};
+export = styles;
+

package/dist/Typography/css/Typography.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "base": string;
+};
+export = styles;
+

package/dist/Typography/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Typography = require('../Typography-c45bf216.js');
+require('react');
+require('classnames');
+require('../style-inject.es-9d2f5f4e.js');
+
+
+
+exports.Typography = Typography.Typography;

package/dist/Typography-c45bf216.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.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$8 = ".asDB9Ra2UpA- {\n  margin: 0;\n  padding: 0;\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  /* Wrap really long words or URL's */\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n";
+var styles = {"base":"asDB9Ra2UpA-"};
+styleInject_es.styleInject(css_248z$8);
+
+var css_248z$7 = "._7C4Ck1izBPs- {\n  font-size: calc(\n    (16px * 1) * 3\n  );\n  font-size: calc(\n    calc(16px * 1) * 3\n  );\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: 1.08;\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: calc((16px * 1) * 2.25);\n  font-size: calc(calc(16px * 1) * 2.25);\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: 1.08;\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: calc((16px * 1) * 1.5);\n  font-size: calc(calc(16px * 1) * 1.5);\n  font-size: var(--typography--fontSize-largest);\n  line-height: 1.12;\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: calc((16px * 1) * 1.25);\n  font-size: calc(calc(16px * 1) * 1.25);\n  font-size: var(--typography--fontSize-larger);\n  line-height: 1.2;\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  line-height: 1.34;\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  line-height: 1.25;\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: calc((16px * 1) * 0.75);\n  font-size: calc(calc(16px * 1) * 0.75);\n  font-size: var(--typography--fontSize-small);\n  line-height: 1.143;\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: calc(\n    (16px * 1) * 0.625\n  );\n  font-size: calc(\n    calc(16px * 1) * 0.625\n  );\n  font-size: var(--typography--fontSize-smaller);\n  line-height: 1.2;\n  line-height: var(--typography--lineHeight-tight);\n}\n";
+var fontSizes = {"extravagant":"_7C4Ck1izBPs-","jumbo":"_8X-fSrUTxV8-","largest":"n-SPJXPXLSA-","larger":"vCrvF55YQ9o-","large":"FBoaHWotSik-","base":"V6yPPLHLeuY-","small":"T5XC4DgJlxk-","smaller":"sycqXMMO-wc-"};
+styleInject_es.styleInject(css_248z$7);
+
+var css_248z$6 = ".lziyWzzvuno- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 900;\n}\n";
+var fontWeights = {"regular":"lziyWzzvuno-","medium":"PVKSijyipP8-","semiBold":"-ch9Z4gIGDg-","bold":"EEwS0f07RqQ-","extraBold":"kA3NtPPWbP0-","black":"_3M58OLqp0JM-"};
+styleInject_es.styleInject(css_248z$6);
+
+var css_248z$5 = ".xE6cC62h5G0- {\n  text-transform: uppercase;\n}\n\n.HlqJJ3Cl7dE- {\n  text-transform: lowercase;\n}\n\n.Loe26JnDfco- {\n  text-transform: capitalize;\n}\n";
+var textCases = {"uppercase":"xE6cC62h5G0-","lowercase":"HlqJJ3Cl7dE-","capitalize":"Loe26JnDfco-"};
+styleInject_es.styleInject(css_248z$5);
+
+var css_248z$4 = ".pkqoq2KXY9w- {\n  color: rgb(1, 41, 57);\n  color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: rgb(181, 181, 181);\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: rgb(66, 78, 86);\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: rgba(101, 120, 132, 1);\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: rgb(125, 176, 14);\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: rgb(201, 66, 33);\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: rgb(221, 195, 15);\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: rgb(144, 127, 10);\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: rgb(60, 162, 224);\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: rgb(77, 105, 116);\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: rgb(201, 66, 33);\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: rgb(144, 127, 10);\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: rgb(39, 105, 146);\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: rgb(81, 114, 9);\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n}\n";
+var textColors = {"blue":"pkqoq2KXY9w-","grey":"ftVHRSii3ro-","greyBlueDark":"FQbGABZWVzA-","greyBlue":"zQaB9J0-vrs-","green":"_4-xdzcqT-Us-","red":"Zp9E7ELPjPA-","yellow":"v-Fo4PwPxDI-","yellowDark":"YrGUIChAZC0-","lightBlue":"r7JcIVoDcTY-","white":"_6RXTyd198iM-","heading":"fLix4jA-RkU-","text":"_1g0uMAwFAsk-","textSecondary":"oXqFAHwT6y4-","critical":"rWkzi9HFNDU-","warning":"PQLYQKGCmPI-","informative":"L6bBDJrx-m0-","success":"bJDJJKvmT90-","disabled":"_3g4iYm8XwkM-"};
+styleInject_es.styleInject(css_248z$4);
+
+var css_248z$3 = ".Jys1uy2pQXw- {\n  font-style: italic;\n}\n\n.kd2u0dL-if0- {\n  display: inline;\n  font-family: inherit;\n  font-style: normal;\n  font-weight: inherit;\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\");\n  background-position: center bottom;\n  background-repeat: no-repeat;\n  background-size: 100% 20%;\n}\n";
+var emphasis = {"italic":"Jys1uy2pQXw-","highlight":"kd2u0dL-if0-"};
+styleInject_es.styleInject(css_248z$3);
+
+var css_248z$2 = ".LUJEfdi3pws- {\n  display: -webkit-box !important;\n}\n.LUJEfdi3pws- {\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n";
+var truncate = {"textTruncate":"LUJEfdi3pws-"};
+styleInject_es.styleInject(css_248z$2);
+
+var css_248z$1 = ".eDMsbRCP0kg- {\n  text-align: left;\n}\n\n.j34R9yIG--c- {\n  text-align: center;\n}\n\n.CeI75T5sHwM- {\n  text-align: right;\n}\n";
+var alignment = {"start":"eDMsbRCP0kg-","center":"j34R9yIG--c-","end":"CeI75T5sHwM-"};
+styleInject_es.styleInject(css_248z$1);
+
+var css_248z = ".mRpfVoMiIMM- {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\n  font-family: \"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif;\n  font-family: var(--typography--fontFamily-display);\n}\n";
+var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
+styleInject_es.styleInject(css_248z);
+
+/* eslint-disable import/no-internal-modules */
+function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, }) {
+    const shouldTruncateText = numberOfLines && numberOfLines > 0;
+    const className = classnames__default["default"](styles.base, fontWeights[fontWeight], size && fontSizes[size], textCase && textCases[textCase], textColor && textColors[textColor], emphasisType && emphasis[emphasisType], fontFamily && fontFamilies[fontFamily], shouldTruncateText && truncate.textTruncate, Object.assign({}, (align && { [alignment[align]]: align !== `start` })));
+    let truncateLines;
+    if (shouldTruncateText) {
+        truncateLines = {
+            WebkitLineClamp: numberOfLines,
+            WebkitBoxOrient: "vertical",
+        };
+    }
+    return (React__default["default"].createElement(Tag, { id: id, className: className, style: truncateLines }, children));
+}
+
+exports.Typography = Typography;

package/dist/getAtlantisConfig-0f3e8af2.js

@@ -0,0 +1,13 @@
+'use strict';
+
+// For retheme purposes only.
+// This will be removed once the retheme is out of the experiment.
+function getAtlantisConfig() {
+    let JOBBER_RETHEME = false;
+    if (typeof window !== "undefined") {
+        JOBBER_RETHEME = document.body.classList.contains("jobber-retheme");
+    }
+    return { JOBBER_RETHEME };
+}
+
+exports.getAtlantisConfig = getAtlantisConfig;

package/dist/style-inject.es-9d2f5f4e.js

@@ -0,0 +1,30 @@
+'use strict';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+exports.styleInject = styleInject;

package/dist/tslib.es6-754e2961.js

@@ -0,0 +1,46 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__awaiter = __awaiter;
+exports.__rest = __rest;