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

package/dist/Tabs-109f1f10.js

@@ -1,70 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { T as Typography } from './Typography-52ed1386.js';
-
-var css_248z = ":root {\n  --tab--height: calc(var(--space-larger) + var(--space-small));\n  --tab--inset: var(--space-base);\n  --public-tab--inset: var(--tab--inset);\n}\n\n.-kxlqXO5UN0- {\n  display: block;\n  width: 100%;\n}\n\n.qI4lWMSNH40- {\n  position: relative;\n  border-bottom: solid var(--border-base) var(--color-border);\n}\n\n.xohIah5wcoE-:after,\n.qnY4S9sz-8g-:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 24px;\n}\n\n.xohIah5wcoE-:after {\n  right: 0;\n  box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.qnY4S9sz-8g-:before {\n  left: 0;\n  box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);\n}\n\n.wdW31G8Trag- {\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0;\n  margin-bottom: calc(-1 * var(--border-base));\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\nul.wdW31G8Trag- {\n  -webkit-padding-start: 0;\n          padding-left: 0;\n}\n\n.wdW31G8Trag- li {\n  display: -ms-flexbox;\n  display: flex;\n  list-style: none;\n}\n\n.MO7CXQ8xJXo- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  height: calc(var(--space-larger) + var(--space-small));\n  height: var(--tab--height);\n  margin: 0;\n  padding-left: var(--space-base);\n  padding-left: var(--public-tab--inset);\n  padding-right: var(--space-base);\n  padding-right: var(--public-tab--inset);\n  border: solid var(--border-base) var(--color-border);\n  border-left-width: 0;\n  outline: none;\n  background: var(--color-surface);\n  cursor: pointer;\n  transition: all var(--timing-base);\n}\n\n.MO7CXQ8xJXo-:hover,\n.MO7CXQ8xJXo-:focus {\n  background-color: var(--color-surface--hover);\n}\n\n.MO7CXQ8xJXo-:focus span {\n  box-shadow: var(--shadow-focus);\n}\n\n.kqof65gyv7g- {\n  border-top-color: var(--color-interactive);\n  border-bottom-color: var(--color-surface);\n}\n\n.kqof65gyv7g-:focus {\n  background-color: transparent;\n}\n\n.AimQioztR1U- {\n  padding-top: var(--space-base);\n  padding-top: var(--tab--inset);\n  padding-bottom: var(--space-base);\n  padding-bottom: var(--tab--inset);\n  padding-left: var(--space-base);\n  padding-left: var(--public-tab--inset);\n  padding-right: var(--space-base);\n  padding-right: var(--public-tab--inset);\n}\n";
-var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
-styleInject(css_248z);
-
-function Tabs({ children, defaultTab = 0, onTabChange }) {
-    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
-    const [activeTab, setActiveTab] = useState(activeTabInitialValue);
-    const [overflowRight, setOverflowRight] = useState(false);
-    const [overflowLeft, setOverflowLeft] = useState(false);
-    const tabRow = useRef();
-    const overflowClassNames = classnames(styles.overflow, {
-        [styles.overflowRight]: overflowRight,
-        [styles.overflowLeft]: overflowLeft,
-    });
-    const activateTab = (index) => {
-        return () => {
-            setActiveTab(index);
-            if (onTabChange) {
-                onTabChange(index);
-            }
-        };
-    };
-    const activeTabProps = React.Children.toArray(children)[activeTab].props;
-    const handleOverflowing = () => {
-        if (tabRow.current) {
-            const scrollWidth = tabRow.current.scrollWidth;
-            const clientWidth = tabRow.current.clientWidth;
-            const maxScroll = scrollWidth - clientWidth;
-            const scrollPos = tabRow.current.scrollLeft;
-            if (scrollWidth > clientWidth) {
-                setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
-                setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
-            }
-        }
-    };
-    useEffect(() => {
-        handleOverflowing();
-        tabRow.current &&
-            tabRow.current.addEventListener("scroll", handleOverflowing);
-        return () => {
-            window.removeEventListener("scroll", handleOverflowing);
-        };
-    });
-    return (React.createElement("div", { className: styles.tabs },
-        React.createElement("div", { className: overflowClassNames },
-            React.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow },
-                React.createElement("li", { role: "presentation" }, React.Children.map(children, (tab, index) => (React.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick })))))),
-        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps.label }, activeTabProps.children)));
-}
-function Tab({ label }) {
-    return React.createElement(React.Fragment, null, label);
-}
-function InternalTab({ label, selected, activateTab, onClick = () => {
-    return;
-}, }) {
-    const className = classnames(styles.tab, { [styles.selected]: selected });
-    const color = selected ? "green" : "heading";
-    return (React.createElement("button", { type: "button", role: "tab", id: label, className: className, onClick: event => {
-            activateTab();
-            onClick(event);
-        } },
-        React.createElement(Typography, { element: "span", size: "base", textColor: color }, label)));
-}
-
-export { Tabs as T, Tab as a };

package/dist/Tabs.cjs

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

package/dist/Tabs.js

@@ -1,5 +0,0 @@
-export { a as Tab, T as Tabs } from './Tabs-109f1f10.js';
-import 'react';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';
-import './Typography-52ed1386.js';

package/dist/Text-c92ddeb3.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { T as Typography } from './Typography-52ed1386.js';
-
-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.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
-}
-
-export { Text as T };

package/dist/Text.js

@@ -1,5 +0,0 @@
-export { T as Text } from './Text-c92ddeb3.js';
-import 'react';
-import './Typography-52ed1386.js';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';

package/dist/Toast.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var showToast = require('./showToast-63be1cf0.js');
-require('react');
-require('react-dom/client');
-require('framer-motion');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-require('./Button-ec64869e.js');
-require('classnames');
-require('react-router-dom');
-require('./Typography-fd88fcce.js');
-
-
-
-exports.showToast = showToast.showToast;

package/dist/Toast.js

@@ -1,11 +0,0 @@
-export { s as showToast } from './showToast-ff666be8.js';
-import 'react';
-import 'react-dom/client';
-import 'framer-motion';
-import './style-inject.es-a0e1a0ba.js';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import './Button-30154871.js';
-import 'classnames';
-import 'react-router-dom';
-import './Typography-52ed1386.js';

package/dist/Tooltip-a40fffbd.js

@@ -1,104 +0,0 @@
-import React, { useRef, useState } from 'react';
-import classnames from 'classnames';
-import ReactDOM from 'react-dom';
-import { motion } from 'framer-motion';
-import { useSafeLayoutEffect } from '@jobber/hooks/useSafeLayoutEffect';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { usePopper } from 'react-popper';
-
-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: var(--elevation-tooltip);\n  pointer-events: none;\n}\n\n.yAFP4gRKlTM- {\n  display: inline-block;\n  position: relative;\n  max-width: calc(var(--base-unit) * 15);\n  padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);\n  border-radius: var(--radius-larger);\n  background-color: var(--color-surface--reverse);\n  background-color: var(--tooltip--surface);\n}\n\n.jobber-retheme .yAFP4gRKlTM- {\n  border-radius: var(--radius-base);\n}\n\n.yAFP4gRKlTM- .j9KgRON7iTU-,\n.yAFP4gRKlTM- .j9KgRON7iTU-::after {\n  width: var(--space-small);\n  width: var(--tooltip--arrow-size);\n  height: var(--space-small);\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: var(--color-surface--reverse);\n  background-color: var(--tooltip--surface);\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n}\n\n.B6uh34-qEuA- {\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 * var(--space-smaller));\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: 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 * var(--space-smaller));\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: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-base);\n  font-weight: 600;\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(css_248z);
-
-function useTooltipPositioning() {
-    var _a, _b;
-    const shadowRef = useRef(null);
-    const [positionElement, setTooltipRef] = useState();
-    const [arrowElement, setArrowRef] = useState();
-    const popper = 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] = useState(false);
-    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning();
-    initializeListeners();
-    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
-        children,
-        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
-            React.createElement(motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
-                    damping: 50,
-                    stiffness: 500,
-                } },
-                React.createElement("p", { className: styles.tooltipMessage }, message),
-                React.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(() => {
-            injectAttributes();
-            addListeners();
-            return () => {
-                removeListeners();
-            };
-        }, []);
-    }
-}
-function TooltipPortal({ children }) {
-    return ReactDOM.createPortal(children, document.body);
-}
-
-export { Tooltip as T };

package/dist/Tooltip.js

@@ -1,8 +0,0 @@
-export { T as Tooltip } from './Tooltip-a40fffbd.js';
-import 'react';
-import 'classnames';
-import 'react-dom';
-import 'framer-motion';
-import '@jobber/hooks/useSafeLayoutEffect';
-import './style-inject.es-a0e1a0ba.js';
-import 'react-popper';

package/dist/Typography-52ed1386.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-
-var css_248z$8 = ".asDB9Ra2UpA- {\n  margin: 0;\n  padding: 0;\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(css_248z$8);
-
-var css_248z$7 = "._7C4Ck1izBPs- {\n  font-size: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: var(--typography--fontSize-smaller);\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(css_248z$7);
-
-var css_248z$6 = ".lziyWzzvuno- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\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(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(css_248z$5);
-
-var css_248z$4 = ".pkqoq2KXY9w- {\n  color: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\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(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(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(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(css_248z$1);
-
-var css_248z = ".mRpfVoMiIMM- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\n  font-family: var(--typography--fontFamily-display);\n}\n";
-var fontFamilies = {"base":"mRpfVoMiIMM-","display":"TPtuWMdOsfw-"};
-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(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.createElement(Tag, { id: id, className: className, style: truncateLines }, children));
-}
-
-export { Typography as T };

package/dist/Typography-fd88fcce.js

@@ -1,62 +0,0 @@
-'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: 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: var(--typography--fontSize-extravagant);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n._8X-fSrUTxV8- {\n  font-size: var(--typography--fontSize-jumbo);\n  line-height: var(--typography--lineHeight-miniscule);\n}\n\n.n-SPJXPXLSA- {\n  font-size: var(--typography--fontSize-largest);\n  line-height: var(--typography--lineHeight-tightest);\n}\n\n.vCrvF55YQ9o- {\n  font-size: var(--typography--fontSize-larger);\n  line-height: var(--typography--lineHeight-tight);\n}\n\n.FBoaHWotSik- {\n  font-size: var(--typography--fontSize-large);\n  line-height: var(--typography--lineHeight-large);\n}\n\n.V6yPPLHLeuY- {\n  font-size: var(--typography--fontSize-base);\n  line-height: var(--typography--lineHeight-base);\n}\n\n.T5XC4DgJlxk- {\n  font-size: var(--typography--fontSize-small);\n  line-height: var(--typography--lineHeight-tighter);\n}\n\n.sycqXMMO-wc- {\n  font-size: var(--typography--fontSize-smaller);\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: var(--typography--fontFamily-normal);\n  font-weight: 400;\n}\n\n.PVKSijyipP8- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 500;\n}\n\n.-ch9Z4gIGDg- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 600;\n}\n\n.EEwS0f07RqQ- {\n  font-family: var(--typography--fontFamily-normal);\n  font-weight: 700;\n}\n\n.kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-display);\n  font-weight: 800;\n}\n\n.jobber-retheme .kA3NtPPWbP0- {\n  font-family: var(--typography--fontFamily-normal);\n}\n\n._3M58OLqp0JM- {\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: var(--color-blue);\n}\n\n.ftVHRSii3ro- {\n  color: var(--color-grey);\n}\n\n.FQbGABZWVzA- {\n  color: var(--color-greyBlue--dark);\n}\n\n.zQaB9J0-vrs- {\n  color: var(--color-greyBlue);\n}\n\n._4-xdzcqT-Us- {\n  color: var(--color-green);\n}\n\n.Zp9E7ELPjPA- {\n  color: var(--color-red);\n}\n\n.v-Fo4PwPxDI- {\n  color: var(--color-yellow);\n}\n\n.YrGUIChAZC0- {\n  color: var(--color-yellow--dark);\n}\n\n.r7JcIVoDcTY- {\n  color: var(--color-lightBlue);\n}\n\n._6RXTyd198iM- {\n  color: var(--color-white);\n}\n\n.fLix4jA-RkU- {\n  color: var(--color-heading);\n}\n\n._1g0uMAwFAsk- {\n  color: var(--color-text);\n}\n\n.oXqFAHwT6y4- {\n  color: var(--color-text--secondary);\n}\n\n.rWkzi9HFNDU- {\n  color: var(--color-critical);\n}\n\n.PQLYQKGCmPI- {\n  color: var(--color-warning--onSurface);\n}\n\n.L6bBDJrx-m0- {\n  color: var(--color-informative--onSurface);\n}\n\n.bJDJJKvmT90- {\n  color: var(--color-success--onSurface);\n}\n\n._3g4iYm8XwkM- {\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: var(--typography--fontFamily-normal);\n}\n\n.TPtuWMdOsfw- {\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/Typography.js

@@ -1,4 +0,0 @@
-export { T as Typography } from './Typography-52ed1386.js';
-import 'react';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';

package/dist/getAtlantisConfig-5b50057c.js

@@ -1,11 +0,0 @@
-// 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 };
-}
-
-export { getAtlantisConfig as g };