@jobber/components 5.1.3-scottssr-.1 → 5.1.4

package/dist/RecurringSelect/components/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var DayOfMonthSelect = require('../../DayOfMonthSelect-DrdE3Lbh.js');
+var DayOfMonthSelect = require('../../DayOfMonthSelect-RUYjxn-f.js');
 require('react');
-require('../../RadioGroup-YTT2H7Iy.js');
-require('../../Text-DJhSuoKR.js');
-require('../../Typography-coQuYNi1.js');
+require('../../RadioGroup-09MepqUs.js');
+require('../../Text-ha-x66Bl.js');
+require('../../Typography-DLWC7ZXM.js');
 require('classnames');
 
 

package/dist/RecurringSelect/components/index.mjs

@@ -1,6 +1,6 @@
-export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-t8LSqk7L.js';
+export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect-DpSgpZar.js';
 import 'react';
-import '../../RadioGroup-qZRNH9X0.js';
-import '../../Text-DAgWH55Q.js';
-import '../../Typography-DvuJPpAt.js';
+import '../../RadioGroup-C9lCeUhj.js';
+import '../../Text-CyhSs2Zc.js';
+import '../../Typography-DML6tnyc.js';
 import 'classnames';

package/dist/RecurringSelect/index.cjs

@@ -1,26 +1,26 @@
 'use strict';
 
-var RecurringSelect = require('../RecurringSelect-DZ4J0LGq.js');
-var DayOfMonthSelect = require('../DayOfMonthSelect-DrdE3Lbh.js');
+var RecurringSelect = require('../RecurringSelect-wkEdcnf_.js');
+var DayOfMonthSelect = require('../DayOfMonthSelect-RUYjxn-f.js');
 require('react');
-require('../Text-DJhSuoKR.js');
-require('../Typography-coQuYNi1.js');
+require('../Text-ha-x66Bl.js');
+require('../Typography-DLWC7ZXM.js');
 require('classnames');
-require('../Option-CIsDWiFp.js');
-require('../FormField-CxalppQq.js');
-require('../tslib.es6-BHGF8DMV.js');
+require('../Option-Cp6YdoWo.js');
+require('../FormField-Dvmv1POw.js');
+require('../tslib.es6-Ce99Rq9s.js');
 require('react-hook-form');
-require('../Button-DMguksfg.js');
+require('../Button-Bod4aFn9.js');
 require('react-router-dom');
-require('../Icon-h50NfRVA.js');
+require('../Icon-DkziW-2D.js');
 require('@jobber/design');
-require('../InputValidation-DmLKguLT.js');
+require('../InputValidation-BqQpdPga.js');
 require('framer-motion');
-require('../Spinner-Dabk0tJw.js');
-require('../InputNumber-BFKmk-Ge.js');
-require('../InputGroup-CdtW4ARP.js');
-require('../Content-DZWmN67k.js');
-require('../RadioGroup-YTT2H7Iy.js');
+require('../Spinner-CYMeN0Fh.js');
+require('../InputNumber-Bw78za8b.js');
+require('../InputGroup-DVsBOAwB.js');
+require('../Content-BXz8eyrE.js');
+require('../RadioGroup-09MepqUs.js');
 
 
 

package/dist/RecurringSelect/index.mjs

@@ -1,21 +1,21 @@
-export { R as RecurringSelect } from '../RecurringSelect-QVRgksHX.js';
-export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-t8LSqk7L.js';
+export { R as RecurringSelect } from '../RecurringSelect-5l_OUNkt.js';
+export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect-DpSgpZar.js';
 import 'react';
-import '../Text-DAgWH55Q.js';
-import '../Typography-DvuJPpAt.js';
+import '../Text-CyhSs2Zc.js';
+import '../Typography-DML6tnyc.js';
 import 'classnames';
-import '../Option-7hgHwaEZ.js';
-import '../FormField-DqnVEP6B.js';
-import '../tslib.es6-B8xwFsbq.js';
+import '../Option-DyVSD7gk.js';
+import '../FormField-B2pEYzXN.js';
+import '../tslib.es6-CdmQTAL_.js';
 import 'react-hook-form';
-import '../Button-BV7GOohB.js';
+import '../Button-C0_-w97z.js';
 import 'react-router-dom';
-import '../Icon-D2ge9gX0.js';
+import '../Icon-CqIXt_h2.js';
 import '@jobber/design';
-import '../InputValidation-Ds-dMoD-.js';
+import '../InputValidation-DnpnKUpS.js';
 import 'framer-motion';
-import '../Spinner-Bjwg8ID8.js';
-import '../InputNumber-ShoXf9jL.js';
-import '../InputGroup-D6N3XbXm.js';
-import '../Content-BNOHyiPU.js';
-import '../RadioGroup-qZRNH9X0.js';
+import '../Spinner-Cvo7CrDs.js';
+import '../InputNumber-BR5KzAHd.js';
+import '../InputGroup-Dtjuzmlp.js';
+import '../Content-TajDqDqn.js';
+import '../RadioGroup-C9lCeUhj.js';

package/dist/{RecurringSelect-QVRgksHX.js → RecurringSelect-5l_OUNkt.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-t8LSqk7L.js';
-import { T as Text } from './Text-DAgWH55Q.js';
+import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-DpSgpZar.js';
+import { T as Text } from './Text-CyhSs2Zc.js';
 import 'classnames';
-import { S as Select, a as SelectOption } from './Option-7hgHwaEZ.js';
-import { I as InputNumber } from './InputNumber-ShoXf9jL.js';
-import { I as InputGroup } from './InputGroup-D6N3XbXm.js';
-import { C as Content } from './Content-BNOHyiPU.js';
+import { S as Select, a as SelectOption } from './Option-DyVSD7gk.js';
+import { I as InputNumber } from './InputNumber-BR5KzAHd.js';
+import { I as InputGroup } from './InputGroup-Dtjuzmlp.js';
+import { C as Content } from './Content-TajDqDqn.js';
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/{RecurringSelect-DZ4J0LGq.js → RecurringSelect-wkEdcnf_.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-DrdE3Lbh.js');
-var Text = require('./Text-DJhSuoKR.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-RUYjxn-f.js');
+var Text = require('./Text-ha-x66Bl.js');
 require('classnames');
-var Option = require('./Option-CIsDWiFp.js');
-var InputNumber = require('./InputNumber-BFKmk-Ge.js');
-var InputGroup = require('./InputGroup-CdtW4ARP.js');
-var Content = require('./Content-DZWmN67k.js');
+var Option = require('./Option-Cp6YdoWo.js');
+var InputNumber = require('./InputNumber-Bw78za8b.js');
+var InputGroup = require('./InputGroup-DVsBOAwB.js');
+var Content = require('./Content-BXz8eyrE.js');
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/Select/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Option = require('../Option-CIsDWiFp.js');
+var Option = require('../Option-Cp6YdoWo.js');
 require('react');
-require('../FormField-CxalppQq.js');
-require('../tslib.es6-BHGF8DMV.js');
+require('../FormField-Dvmv1POw.js');
+require('../tslib.es6-Ce99Rq9s.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-DMguksfg.js');
+require('../Button-Bod4aFn9.js');
 require('react-router-dom');
-require('../Icon-h50NfRVA.js');
+require('../Icon-DkziW-2D.js');
 require('@jobber/design');
-require('../Typography-coQuYNi1.js');
-require('../Text-DJhSuoKR.js');
-require('../InputValidation-DmLKguLT.js');
+require('../Typography-DLWC7ZXM.js');
+require('../Text-ha-x66Bl.js');
+require('../InputValidation-BqQpdPga.js');
 require('framer-motion');
-require('../Spinner-Dabk0tJw.js');
+require('../Spinner-CYMeN0Fh.js');
 
 
 

package/dist/Select/index.mjs

@@ -1,15 +1,15 @@
-export { a as Option, S as Select } from '../Option-7hgHwaEZ.js';
+export { a as Option, S as Select } from '../Option-DyVSD7gk.js';
 import 'react';
-import '../FormField-DqnVEP6B.js';
-import '../tslib.es6-B8xwFsbq.js';
+import '../FormField-B2pEYzXN.js';
+import '../tslib.es6-CdmQTAL_.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-BV7GOohB.js';
+import '../Button-C0_-w97z.js';
 import 'react-router-dom';
-import '../Icon-D2ge9gX0.js';
+import '../Icon-CqIXt_h2.js';
 import '@jobber/design';
-import '../Typography-DvuJPpAt.js';
-import '../Text-DAgWH55Q.js';
-import '../InputValidation-Ds-dMoD-.js';
+import '../Typography-DML6tnyc.js';
+import '../Text-CyhSs2Zc.js';
+import '../InputValidation-DnpnKUpS.js';
 import 'framer-motion';
-import '../Spinner-Bjwg8ID8.js';
+import '../Spinner-Cvo7CrDs.js';

package/dist/Spinner/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Spinner = require('../Spinner-Dabk0tJw.js');
+var Spinner = require('../Spinner-CYMeN0Fh.js');
 require('react');
 require('classnames');
 

package/dist/Spinner/index.mjs

@@ -1,3 +1,3 @@
-export { S as Spinner } from '../Spinner-Bjwg8ID8.js';
+export { S as Spinner } from '../Spinner-Cvo7CrDs.js';
 import 'react';
 import 'classnames';

package/dist/StatusIndicator/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var StatusIndicator = require('../StatusIndicator-BYRK0hSU.js');
+var StatusIndicator = require('../StatusIndicator-B1QdRKuP.js');
 require('react');
 
 

package/dist/StatusIndicator/index.mjs

@@ -1,2 +1,2 @@
-export { S as StatusIndicator } from '../StatusIndicator-CirtIL-P.js';
+export { S as StatusIndicator } from '../StatusIndicator-PLBErKNm.js';
 import 'react';

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-DEtLI3MC.js');
+var StatusLabel = require('../StatusLabel-CMMvjdgW.js');
 require('react');
 require('classnames');
-require('../Typography-coQuYNi1.js');
-require('../StatusIndicator-BYRK0hSU.js');
+require('../Typography-DLWC7ZXM.js');
+require('../StatusIndicator-B1QdRKuP.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-Cq1gI1Ra.js';
+export { S as StatusLabel } from '../StatusLabel-W5VaUsGB.js';
 import 'react';
 import 'classnames';
-import '../Typography-DvuJPpAt.js';
-import '../StatusIndicator-CirtIL-P.js';
+import '../Typography-DML6tnyc.js';
+import '../StatusIndicator-PLBErKNm.js';

package/dist/{StatusLabel-DEtLI3MC.js → StatusLabel-CMMvjdgW.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-coQuYNi1.js');
-var StatusIndicator = require('./StatusIndicator-BYRK0hSU.js');
+var Typography = require('./Typography-DLWC7ZXM.js');
+var StatusIndicator = require('./StatusIndicator-B1QdRKuP.js');
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/{StatusLabel-Cq1gI1Ra.js → StatusLabel-W5VaUsGB.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DvuJPpAt.js';
-import { S as StatusIndicator } from './StatusIndicator-CirtIL-P.js';
+import { T as Typography } from './Typography-DML6tnyc.js';
+import { S as StatusIndicator } from './StatusIndicator-PLBErKNm.js';
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/Switch/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Switch = require('../Switch-r-48wSig.js');
+var Switch = require('../Switch-DyADuCY_.js');
 require('react');
 require('classnames');
-require('../Typography-coQuYNi1.js');
+require('../Typography-DLWC7ZXM.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-DA1w3H7J.js';
+export { S as Switch } from '../Switch-DeFFm66y.js';
 import 'react';
 import 'classnames';
-import '../Typography-DvuJPpAt.js';
+import '../Typography-DML6tnyc.js';

package/dist/{Switch-DA1w3H7J.js → Switch-DeFFm66y.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DvuJPpAt.js';
+import { T as Typography } from './Typography-DML6tnyc.js';
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/{Switch-r-48wSig.js → Switch-DyADuCY_.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-coQuYNi1.js');
+var Typography = require('./Typography-DLWC7ZXM.js');
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/Table/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Body = require('../Body-DmouwMaY.js');
+var Body = require('../Body-IDs8IkBI.js');
 require('react');
 require('@jobber/formatters');
 require('classnames');

package/dist/Table/index.mjs

@@ -1,4 +1,4 @@
-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-BUScojSS.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-DulfpL3N.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Tabs = require('../Tabs-DTnv0Y8v.js');
+var Tabs = require('../Tabs-N_VVBHqa.js');
 require('react');
 require('classnames');
-require('../Typography-coQuYNi1.js');
+require('../Typography-DLWC7ZXM.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,4 +1,4 @@
-export { a as Tab, T as Tabs } from '../Tabs-U_mkzigt.js';
+export { a as Tab, T as Tabs } from '../Tabs-BUTIyiUX.js';
 import 'react';
 import 'classnames';
-import '../Typography-DvuJPpAt.js';
+import '../Typography-DML6tnyc.js';

package/dist/{Tabs-U_mkzigt.js → Tabs-BUTIyiUX.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DvuJPpAt.js';
+import { T as Typography } from './Typography-DML6tnyc.js';
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/{Tabs-DTnv0Y8v.js → Tabs-N_VVBHqa.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-coQuYNi1.js');
+var Typography = require('./Typography-DLWC7ZXM.js');
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-DJhSuoKR.js');
+var Text = require('../Text-ha-x66Bl.js');
 require('react');
-require('../Typography-coQuYNi1.js');
+require('../Typography-DLWC7ZXM.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-DAgWH55Q.js';
+export { T as Text } from '../Text-CyhSs2Zc.js';
 import 'react';
-import '../Typography-DvuJPpAt.js';
+import '../Typography-DML6tnyc.js';
 import 'classnames';

package/dist/{Text-DAgWH55Q.js → Text-CyhSs2Zc.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-DvuJPpAt.js';
+import { T as Typography } from './Typography-DML6tnyc.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/{Text-DJhSuoKR.js → Text-ha-x66Bl.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-coQuYNi1.js');
+var Typography = require('./Typography-DLWC7ZXM.js');
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/Toast/index.cjs

@@ -1,101 +1,16 @@
 'use strict';
 
-var React = require('react');
-var client = require('react-dom/client');
-var framerMotion = require('framer-motion');
-var Icon = require('../Icon-h50NfRVA.js');
-var Button = require('../Button-DMguksfg.js');
-var Typography = require('../Typography-coQuYNi1.js');
+var showToast = require('../showToast-Cs6Hi7JB.js');
+require('react');
+require('react-dom/client');
+require('framer-motion');
+require('../Icon-DkziW-2D.js');
 require('@jobber/design');
+require('../Button-Bod4aFn9.js');
 require('classnames');
 require('react-router-dom');
+require('../Typography-DLWC7ZXM.js');
 
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = React.useState(true);
-    const icon = getIcon();
-    let timer;
-    React.useEffect(() => startTimer(), []);
-    return (React.createElement(framerMotion.AnimatePresence, null, visible && (React.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.createElement("div", { className: styles.slice },
-            React.createElement(Icon.Icon, { color: icon.color, name: icon.name }),
-            React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React.createElement("div", { className: styles.button },
-                React.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.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.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.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-exports.showToast = showToast;
+exports.showToast = showToast.showToast;

package/dist/Toast/index.mjs

@@ -1,99 +1,10 @@
-import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
-import { createRoot } from 'react-dom/client';
-import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from '../Icon-D2ge9gX0.js';
-import { B as Button } from '../Button-BV7GOohB.js';
-import { T as Typography } from '../Typography-DvuJPpAt.js';
+export { s as showToast } from '../showToast-BLO_vX7y.js';
+import 'react';
+import 'react-dom/client';
+import 'framer-motion';
+import '../Icon-CqIXt_h2.js';
 import '@jobber/design';
+import '../Button-C0_-w97z.js';
 import 'classnames';
 import 'react-router-dom';
-
-var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
-
-function Toast({ message, variation = "success", action, actionLabel, }) {
-    const [visible, setVisible] = useState(true);
-    const icon = getIcon();
-    let timer;
-    useEffect(() => startTimer(), []);
-    return (React.createElement(AnimatePresence, null, visible && (React.createElement(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.createElement("div", { className: styles.slice },
-            React.createElement(Icon, { color: icon.color, name: icon.name }),
-            React.createElement(Typography, { element: "span", size: "large" }, message),
-            action && (React.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
-            React.createElement("div", { className: styles.button },
-                React.createElement(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 = 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.createElement(ToasterOven, Object.assign({}, props)));
-    }
-}
-const ToastContainer = forwardRef(ToastInternal);
-function ToasterOven(props) {
-    const toastRef = useRef();
-    useEffect(() => toastRef.current.add(props));
-    return React.createElement(ToastContainer, { ref: toastRef });
-}
-function ToastInternal(_, ref) {
-    const [toastKey, setToastKey] = useState(0);
-    const [toasts, setToasts] = useState([]);
-    useImperativeHandle(ref, () => ({
-        add: props => {
-            setToastKey(toastKey + 1);
-            setToasts([
-                Object.assign(Object.assign({}, props), { id: toastKey }),
-                ...toasts,
-            ]);
-        },
-    }));
-    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
-}
-
-export { showToast };
+import '../Typography-DML6tnyc.js';