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

package/dist/Tooltip.js

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,55 @@
+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

@@ -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: 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.cjs

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

package/dist/Typography.js

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

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/getAtlantisConfig-5b50057c.js

@@ -0,0 +1,11 @@
+// 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 };

package/dist/index.cjs

@@ -0,0 +1,224 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AnimatedPresence = require('./AnimatedPresence-20a02aaa.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-3d45ec5d.js');
+var Autocomplete = require('./Autocomplete-b35c7ff5.js');
+var Avatar = require('./Avatar-cccf72b9.js');
+var Banner = require('./Banner-18d94700.js');
+var Button = require('./Button-ec64869e.js');
+var ButtonDismiss = require('./ButtonDismiss-d7417429.js');
+var Card = require('./Card-27375ded.js');
+var Checkbox = require('./Checkbox-b6e46d80.js');
+var Chip = require('./Chip-24613c57.js');
+var ChipDismissible = require('./ChipDismissible-a8ecc894.js');
+require('react');
+require('classnames');
+var Chips = require('./Chips-a8f4c9f2.js');
+require('@jobber/hooks/useAssert');
+var Icon = require('./Icon-405a216c.js');
+var Typography = require('./Typography-fd88fcce.js');
+var Tooltip = require('./Tooltip-2e477150.js');
+var Combobox = require('./Combobox-d8d28b1e.js');
+var ConfirmationModal = require('./ConfirmationModal-09ec5d02.js');
+var Content = require('./Content-60a3452a.js');
+var Countdown = require('./Countdown-961d8a6e.js');
+var DataDump = require('./DataDump-f427abfe.js');
+var DataList = require('./DataList-4b0f9e5d.js');
+var DataTable = require('./DataTable-aab7f6b9.js');
+require('@jobber/hooks/useResizeObserver');
+var reactTable = require('@tanstack/react-table');
+var DatePicker = require('./DatePicker-c091c0d2.js');
+var DescriptionList = require('./DescriptionList-74db99a5.js');
+var Disclosure = require('./Disclosure-56309ff3.js');
+var Divider = require('./Divider-1e6ac1ec.js');
+var DrawerGrid = require('./DrawerGrid-b233d837.js');
+var Emphasis = require('./Emphasis-84de1f3f.js');
+var FeatureSwitch = require('./FeatureSwitch-ddaebf27.js');
+var Flex = require('./Flex-ddf28839.js');
+var Form = require('./Form-927647ef.js');
+var FormField = require('./FormField-fc30bb1a.js');
+var FormatDate = require('./FormatDate-70ea5b43.js');
+var FormatEmail = require('./FormatEmail-298393bb.js');
+var FormatFile = require('./FormatFile-d57b8dfa.js');
+var FormatRelativeDateTime = require('./FormatRelativeDateTime-6336002d.js');
+var FormatTime = require('./FormatTime-20538519.js');
+var Gallery = require('./Gallery-8d4d79a2.js');
+var Glimmer = require('./Glimmer-3fcdae65.js');
+var Grid = require('./Grid-cce44c9d.js');
+var Heading = require('./Heading-a8a24775.js');
+var InlineLabel = require('./InlineLabel-5144fa06.js');
+var InputAvatar = require('./InputAvatar-95c98620.js');
+var InputDate = require('./InputDate-c5f19423.js');
+var InputEmail = require('./InputEmail-4efba03d.js');
+var InputFile = require('./InputFile-921c050e.js');
+var InputGroup = require('./InputGroup-8d4fd4eb.js');
+var InputNumber = require('./InputNumber-df9cb825.js');
+var InputPassword = require('./InputPassword-08d2dfa1.js');
+var InputPhoneNumber = require('./InputPhoneNumber-cbb2ca7d.js');
+var InputText = require('./InputText-125769fd.js');
+var InputTime = require('./InputTime-3c4bdff0.js');
+var InputValidation = require('./InputValidation-4a61254d.js');
+var LightBox = require('./LightBox-3d6e74ba.js');
+var Link = require('./Link-fd7301ec.js');
+var List = require('./List-821f249d.js');
+var Markdown = require('./Markdown-36854bd5.js');
+var Menu = require('./Menu-5ce3cf41.js');
+var Modal = require('./Modal-cda55f02.js');
+var MultiSelect = require('./MultiSelect-707000e1.js');
+var Page = require('./Page-fdb087db.js');
+var Popover = require('./Popover-968c63b2.js');
+var ProgressBar = require('./ProgressBar-4ee648b7.js');
+var RadioGroup = require('./RadioGroup-68edd1e3.js');
+var RecurringSelect = require('./RecurringSelect-e391af31.js');
+var Option = require('./Option-73515eec.js');
+var Spinner = require('./Spinner-3480bc34.js');
+var StatusIndicator = require('./StatusIndicator-0c680acb.js');
+var StatusLabel = require('./StatusLabel-5bf96fdb.js');
+var Switch = require('./Switch-6c6c727b.js');
+var Body = require('./Body-22878526.js');
+var Tabs = require('./Tabs-d6c8b965.js');
+var Text = require('./Text-714f7d14.js');
+var showToast = require('./showToast-63be1cf0.js');
+require('framer-motion');
+require('@jobber/design');
+require('./tslib.es6-754e2961.js');
+require('lodash/debounce');
+require('./style-inject.es-9d2f5f4e.js');
+require('react-dom');
+require('react-popper');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('color');
+require('./getAtlantisConfig-0f3e8af2.js');
+require('react-router-dom');
+require('react-hook-form');
+require('@jobber/hooks/useInView');
+require('lodash/sortBy');
+require('@jobber/hooks/useLiveAnnounce');
+require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useFocusTrap');
+require('lodash/noop');
+require('@std-proposal/temporal');
+require('react-countdown');
+require('lodash/isEmpty');
+require('react-datepicker');
+require('lodash/omit');
+require('@jobber/hooks/useShowClear');
+require('filesize');
+require('react-dropzone');
+require('axios');
+require('lodash/get');
+require('lodash/groupBy');
+require('react-markdown');
+require('@jobber/formatters');
+require('react-dom/client');
+
+
+
+exports.AnimatedPresence = AnimatedPresence.AnimatedPresence;
+exports.AnimatedSwitcher = AnimatedSwitcher.AnimatedSwitcher;
+exports.Autocomplete = Autocomplete.Autocomplete;
+exports.Avatar = Avatar.Avatar;
+exports.Banner = Banner.Banner;
+exports.Button = Button.Button;
+exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
+exports.Card = Card.Card;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Chip = Chip.Chip;
+exports.ChipDismissible = ChipDismissible.ChipDismissible;
+exports.ChipSelectable = ChipDismissible.ChipSelectable;
+exports.Chips = Chips.Chips;
+exports.Icon = Icon.Icon;
+exports.Typography = Typography.Typography;
+exports.Tooltip = Tooltip.Tooltip;
+exports.Combobox = Combobox.Combobox;
+exports.ComboboxContextProvider = Combobox.ComboboxContextProvider;
+exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;
+exports.Content = Content.Content;
+exports.Countdown = Countdown.Countdown;
+exports.DataDump = DataDump.DataDump;
+exports.DataList = DataList.DataList;
+exports.DataTable = DataTable.DataTable;
+Object.defineProperty(exports, 'createColumnHelper', {
+	enumerable: true,
+	get: function () { return reactTable.createColumnHelper; }
+});
+exports.DatePicker = DatePicker.DatePicker;
+exports.DescriptionList = DescriptionList.DescriptionList;
+exports.Disclosure = Disclosure.Disclosure;
+exports.Divider = Divider.Divider;
+exports.Drawer = DrawerGrid.Drawer;
+exports.DrawerGrid = DrawerGrid.DrawerGrid;
+exports.Emphasis = Emphasis.Emphasis;
+exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;
+exports.Flex = Flex.Flex;
+exports.Form = Form.Form;
+exports.FormField = FormField.FormField;
+exports.FormatDate = FormatDate.FormatDate;
+exports.strFormatDate = FormatDate.strFormatDate;
+exports.FormatEmail = FormatEmail.FormatEmail;
+exports.FormatFile = FormatFile.FormatFile;
+exports.FormatRelativeDateTime = FormatRelativeDateTime.FormatRelativeDateTime;
+exports.FormatTime = FormatTime.FormatTime;
+exports.Gallery = Gallery.Gallery;
+exports.GLIMMER_TEST_ID = Glimmer.GLIMMER_TEST_ID;
+exports.Glimmer = Glimmer.Glimmer;
+exports.GRID_TEST_ID = Grid.GRID_TEST_ID;
+exports.Grid = Grid.Grid;
+exports.Heading = Heading.Heading;
+exports.InlineLabel = InlineLabel.InlineLabel;
+exports.InputAvatar = InputAvatar.InputAvatar;
+exports.InputDate = InputDate.InputDate;
+exports.InputEmail = InputEmail.InputEmail;
+exports.validationMessage = InputEmail.validationMessage;
+exports.InputFile = InputFile.InputFile;
+exports.updateFiles = InputFile.updateFiles;
+exports.InputGroup = InputGroup.InputGroup;
+exports.InputNumber = InputNumber.InputNumber;
+exports.InputPassword = InputPassword.InputPassword;
+exports.InputPhoneNumber = InputPhoneNumber.InputPhoneNumber;
+exports.InputText = InputText.InputText;
+exports.InputTime = InputTime.InputTime;
+exports.InputValidation = InputValidation.InputValidation;
+exports.LightBox = LightBox.LightBox;
+exports.Link = Link.Link;
+exports.List = List.List;
+exports.ListItem = List.ListItem;
+exports.Markdown = Markdown.Markdown;
+exports.Menu = Menu.Menu;
+exports.Modal = Modal.Modal;
+exports.MultiSelect = MultiSelect.MultiSelect;
+exports.Page = Page.Page;
+exports.Popover = Popover.Popover;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.RadioGroup = RadioGroup.RadioGroup;
+exports.RadioOption = RadioGroup.RadioOption;
+Object.defineProperty(exports, 'DurationPeriod', {
+	enumerable: true,
+	get: function () { return RecurringSelect.DurationPeriod; }
+});
+exports.RecurringSelect = RecurringSelect.RecurringSelect;
+Object.defineProperty(exports, 'WeekDay', {
+	enumerable: true,
+	get: function () { return RecurringSelect.WeekDay; }
+});
+exports.Option = Option.SelectOption;
+exports.Select = Option.Select;
+exports.Spinner = Spinner.Spinner;
+exports.StatusIndicator = StatusIndicator.StatusIndicator;
+exports.StatusLabel = StatusLabel.StatusLabel;
+exports.Switch = Switch.Switch;
+exports.Body = Body.Body;
+exports.Cell = Body.Cell;
+exports.CellCurrency = Body.CellCurrency;
+exports.CellNumeric = Body.CellNumeric;
+exports.Footer = Body.Footer;
+exports.Header = Body.Header;
+exports.Row = Body.Row;
+exports.Table = Body.Table;
+exports.Tab = Tabs.Tab;
+exports.Tabs = Tabs.Tabs;
+exports.Text = Text.Text;
+exports.showToast = showToast.showToast;

package/dist/index.js

@@ -0,0 +1,112 @@
+export { A as AnimatedPresence } from './AnimatedPresence-bbccdaf7.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-3aff3d12.js';
+export { A as Autocomplete } from './Autocomplete-dc7a4b9e.js';
+export { A as Avatar } from './Avatar-229083ec.js';
+export { B as Banner } from './Banner-5475a9ea.js';
+export { B as Button } from './Button-30154871.js';
+export { B as ButtonDismiss } from './ButtonDismiss-a11eef74.js';
+export { C as Card } from './Card-35bd61ce.js';
+export { C as Checkbox } from './Checkbox-a91b14f7.js';
+export { C as Chip } from './Chip-01343f8b.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-1f2754bd.js';
+import 'react';
+import 'classnames';
+export { C as Chips } from './Chips-7c44a2f9.js';
+import '@jobber/hooks/useAssert';
+export { I as Icon } from './Icon-22723fe6.js';
+export { T as Typography } from './Typography-52ed1386.js';
+export { T as Tooltip } from './Tooltip-a40fffbd.js';
+export { a as Combobox, C as ComboboxContextProvider } from './Combobox-44f0ec2a.js';
+export { C as ConfirmationModal } from './ConfirmationModal-64f82a31.js';
+export { C as Content } from './Content-c96e9299.js';
+export { C as Countdown } from './Countdown-ac081ced.js';
+export { D as DataDump } from './DataDump-6fae2727.js';
+export { D as DataList } from './DataList-18f2d692.js';
+export { D as DataTable } from './DataTable-0f6649e0.js';
+import '@jobber/hooks/useResizeObserver';
+export { createColumnHelper } from '@tanstack/react-table';
+export { D as DatePicker } from './DatePicker-5d0c0353.js';
+export { D as DescriptionList } from './DescriptionList-2cb975a9.js';
+export { D as Disclosure } from './Disclosure-00a9459b.js';
+export { D as Divider } from './Divider-589745c1.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-0861e529.js';
+export { E as Emphasis } from './Emphasis-2a640962.js';
+export { F as FeatureSwitch } from './FeatureSwitch-e33e30a9.js';
+export { F as Flex } from './Flex-041db5c8.js';
+export { F as Form } from './Form-6a161b07.js';
+export { F as FormField } from './FormField-f1f405d2.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-720b39cf.js';
+export { F as FormatEmail } from './FormatEmail-04ee4085.js';
+export { F as FormatFile } from './FormatFile-648aea3e.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-529dc36b.js';
+export { F as FormatTime } from './FormatTime-764fd3c8.js';
+export { G as Gallery } from './Gallery-7760f21f.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-6bf75ae0.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-c28e226d.js';
+export { H as Heading } from './Heading-dfd4f1cf.js';
+export { I as InlineLabel } from './InlineLabel-20f9095e.js';
+export { I as InputAvatar } from './InputAvatar-3a10bdb1.js';
+export { I as InputDate } from './InputDate-c258f5cb.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-812bdffe.js';
+export { I as InputFile, u as updateFiles } from './InputFile-d089b486.js';
+export { I as InputGroup } from './InputGroup-436859cf.js';
+export { I as InputNumber } from './InputNumber-4bd38b8e.js';
+export { I as InputPassword } from './InputPassword-6b937a91.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-947bdb49.js';
+export { I as InputText } from './InputText-2fd8f942.js';
+export { I as InputTime } from './InputTime-ef8af2d9.js';
+export { I as InputValidation } from './InputValidation-fe42fc3f.js';
+export { L as LightBox } from './LightBox-8cc72953.js';
+export { L as Link } from './Link-b41bc1d3.js';
+export { L as List, a as ListItem } from './List-4fe52f57.js';
+export { M as Markdown } from './Markdown-7b84fcdb.js';
+export { M as Menu } from './Menu-fb0b2e9b.js';
+export { M as Modal } from './Modal-eeb52d66.js';
+export { M as MultiSelect } from './MultiSelect-0af9c956.js';
+export { P as Page } from './Page-0b334096.js';
+export { P as Popover } from './Popover-798f548e.js';
+export { P as ProgressBar } from './ProgressBar-022ef3f6.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-a089f132.js';
+export { D as DurationPeriod, R as RecurringSelect, W as WeekDay } from './RecurringSelect-2de4014c.js';
+export { a as Option, S as Select } from './Option-58d7cab6.js';
+export { S as Spinner } from './Spinner-90081e20.js';
+export { S as StatusIndicator } from './StatusIndicator-d6f9aefa.js';
+export { S as StatusLabel } from './StatusLabel-66214fc7.js';
+export { S as Switch } from './Switch-87706cde.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-4fbe21ac.js';
+export { a as Tab, T as Tabs } from './Tabs-109f1f10.js';
+export { T as Text } from './Text-c92ddeb3.js';
+export { s as showToast } from './showToast-ff666be8.js';
+import 'framer-motion';
+import '@jobber/design';
+import './tslib.es6-c563c1dd.js';
+import 'lodash/debounce';
+import './style-inject.es-a0e1a0ba.js';
+import 'react-dom';
+import 'react-popper';
+import '@jobber/hooks/useOnKeyDown';
+import '@jobber/hooks/useSafeLayoutEffect';
+import 'color';
+import './getAtlantisConfig-5b50057c.js';
+import 'react-router-dom';
+import 'react-hook-form';
+import '@jobber/hooks/useInView';
+import 'lodash/sortBy';
+import '@jobber/hooks/useLiveAnnounce';
+import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks/useFocusTrap';
+import 'lodash/noop';
+import '@std-proposal/temporal';
+import 'react-countdown';
+import 'lodash/isEmpty';
+import 'react-datepicker';
+import 'lodash/omit';
+import '@jobber/hooks/useShowClear';
+import 'filesize';
+import 'react-dropzone';
+import 'axios';
+import 'lodash/get';
+import 'lodash/groupBy';
+import 'react-markdown';
+import '@jobber/formatters';
+import 'react-dom/client';

package/dist/showToast-63be1cf0.js

@@ -0,0 +1,106 @@
+'use strict';
+
+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-ec64869e.js');
+var Typography = require('./Typography-fd88fcce.js');
+
+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: var(--elevation-toast);\n}\n\n.MUXYGaC7Msg- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  right: 0;\n  bottom: var(--space-large);\n  left: 0;\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 var(--space-large);\n  color: var(--color-text--reverse);\n  font-size: var(--typography--fontSize-large);\n  pointer-events: none;\n}\n\n.yCRa7jHH33M- {\n  box-shadow: var(--shadow-high);\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.yCRa7jHH33M- + .yCRa7jHH33M- {\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(var(--space-small) / 1.25) var(--space-base);\n  border-radius: var(--radius-base);\n  background: var(--color-surface--reverse);\n}\n\n.xtRB59TMHcU- {\n  margin-right: var(--space-base);\n}\n\n.cExoS0APILs- {\n  margin-left: var(--space-base);\n}\n\n.jobber-retheme .cExoS0APILs- svg path {\n  fill: var(--color-greyBlue--light);\n}\n\n.jobber-retheme .cExoS0APILs-:hover svg path {\n  fill: var(--color-greyBlue);\n}\n\n.-T38wWbQUNs- {\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;