@jobber/components 4.90.3 → 4.90.4

package/dist/Avatar-Q8rB73I2.js

@@ -1,67 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import Color from 'color';
-import { I as Icon } from './Icon-Cprfa6DH.js';
-
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
-
-function isDark(colorToCheck) {
-    if (colorToCheck == undefined) {
-        return false;
-    }
-    if (colorToCheck) {
-        try {
-            return Color(deconstructCssCustomProperty(colorToCheck)).isDark();
-        }
-        catch (err) {
-            console.log(err);
-        }
-    }
-    return false;
-}
-function deconstructCssCustomProperty(color) {
-    if (!color) {
-        return;
-    }
-    if (!color.toLowerCase().startsWith("var(")) {
-        return color;
-    }
-    /**
-     * Rips apart the `var(--custom-property)` into just `--custom-property`.
-     */
-    const customProperty = color
-        .replace("var(", "")
-        .slice(0, -1)
-        .split(" ")
-        .join("");
-    return getComputedStyle(document.documentElement)
-        .getPropertyValue(customProperty)
-        .trim();
-}
-
-function Avatar({ imageUrl, name, initials, size = "base", color, }) {
-    const style = {
-        backgroundColor: color,
-        borderColor: color,
-    };
-    if (imageUrl) {
-        style.backgroundImage = `url(${imageUrl})`;
-    }
-    const shouldBeDark = color == undefined || isDark(color);
-    const className = classnames(styles.avatar, size !== "base" && styles[size], {
-        [styles.hasBorder]: imageUrl && color,
-        [styles.isDark]: shouldBeDark,
-    });
-    return (React.createElement("div", { className: className, style: style, role: imageUrl && "img", "aria-label": name }, !imageUrl && (React.createElement(Initials, { initials: initials, dark: shouldBeDark, iconSize: size }))));
-}
-function Initials({ initials, dark = false, iconSize = "base", }) {
-    if (!initials) {
-        return (React.createElement(Icon, { name: "person", color: dark ? "white" : "blue", size: iconSize }));
-    }
-    const className = classnames(styles.initials, {
-        [styles.smallInitials]: initials.length > 2,
-    });
-    return React.createElement("span", { className: className }, initials.substr(0, 3));
-}
-
-export { Avatar as A };

package/dist/Banner/components/BannerIcon/index.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var BannerIcon = require('../../../BannerIcon-Dg3SkxI7.js');
-require('react');
-require('classnames');
-require('../../../useAtlantisConfig-BbG41OXr.js');
-require('../../../useSafeLayoutEffect-87KYIon5.js');
-require('../../../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-
-
-
-exports.BannerIcon = BannerIcon.BannerIcon;

package/dist/Banner/components/BannerIcon/index.mjs

@@ -1,7 +0,0 @@
-export { B as BannerIcon } from '../../../BannerIcon-BDM1qFzc.js';
-import 'react';
-import 'classnames';
-import '../../../useAtlantisConfig-ClMTcI5f.js';
-import '../../../useSafeLayoutEffect-IMNHxeSN.js';
-import '../../../Icon-Cprfa6DH.js';
-import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var Banner = require('../Banner-DH176e7P.js');
-require('react');
-require('classnames');
-require('../useResizeObserver-Bt-giwIv.js');
-require('../_commonjsHelpers-vq2WA-uE.js');
-require('../debounce-DNEaQL1N.js');
-require('../isObjectLike-BLBufvwS.js');
-require('../isSymbol-MYvz4htB.js');
-require('../BannerIcon-Dg3SkxI7.js');
-require('../useAtlantisConfig-BbG41OXr.js');
-require('../useSafeLayoutEffect-87KYIon5.js');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Text-Bopx9dUr.js');
-require('../Typography-WLLQxuNl.js');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-
-
-
-exports.Banner = Banner.Banner;

package/dist/Banner/index.mjs

@@ -1,17 +0,0 @@
-export { B as Banner } from '../Banner-AzSFwco8.js';
-import 'react';
-import 'classnames';
-import '../useResizeObserver-D7zJHmH-.js';
-import '../_commonjsHelpers-COf7qtKz.js';
-import '../debounce-DgeBwtKp.js';
-import '../isObjectLike-CqUyaiWM.js';
-import '../isSymbol-_Iyy_jRJ.js';
-import '../BannerIcon-BDM1qFzc.js';
-import '../useAtlantisConfig-ClMTcI5f.js';
-import '../useSafeLayoutEffect-IMNHxeSN.js';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Text-DALHhxHl.js';
-import '../Typography-D6YoQOGF.js';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';

package/dist/Banner-AzSFwco8.js

@@ -1,79 +0,0 @@
-import React, { useState } from 'react';
-import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-D7zJHmH-.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-BDM1qFzc.js';
-import { I as Icon } from './Icon-Cprfa6DH.js';
-import { T as Text } from './Text-DALHhxHl.js';
-import { B as Button } from './Button-Cfp4SFrN.js';
-import { u as useAtlantisConfig } from './useAtlantisConfig-ClMTcI5f.js';
-
-var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
-
-function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
-    const [showBanner, setShowBanner] = useState(true);
-    const bannerIcon = icon || getBannerIcon(type);
-    const bannerWidths = {
-        small: 320,
-        medium: 480,
-    };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
-        widths: bannerWidths,
-    });
-    const iconColors = {
-        notice: "informative",
-        success: "success",
-        warning: "warning",
-        error: "critical",
-    };
-    if (primaryAction != undefined) {
-        primaryAction = Object.assign({
-            size: "small",
-            type: "tertiary",
-            variation: type === "notice" ? "learning" : "work",
-        }, primaryAction);
-    }
-    const bannerClassNames = classnames(styles.banner, types[type], {
-        [styles.medium]: bannerWidth >= bannerWidths.medium,
-    });
-    if (!showBanner)
-        return null;
-    return (React.createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
-        React.createElement("div", { className: styles.bannerContent },
-            bannerIcon && React.createElement(BannerIcon, { icon: bannerIcon, type: type }),
-            React.createElement("div", { className: styles.bannerChildren },
-                React.createElement(BannerChildren, null, children)),
-            primaryAction && (React.createElement("div", { className: styles.bannerAction },
-                React.createElement(Button, Object.assign({}, primaryAction))))),
-        dismissible && (React.createElement("button", { type: "button", className: styles.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
-            React.createElement(Icon, { name: "cross", color: JOBBER_RETHEME ? "interactiveSubtle" : iconColors[type] })))));
-    function handleClose() {
-        setShowBanner(!showBanner);
-        onDismiss && onDismiss();
-    }
-}
-function getBannerIcon(type) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
-    if (!JOBBER_RETHEME)
-        return;
-    switch (type) {
-        case "notice":
-            return "starburst";
-        case "success":
-            return "checkmark";
-        case "warning":
-            return "help";
-        case "error":
-            return "alert";
-    }
-}
-function BannerChildren({ children, }) {
-    if (!children)
-        return React.createElement(React.Fragment, null);
-    if (children && typeof children === "string") {
-        return React.createElement(Text, null, children);
-    }
-    return React.createElement(React.Fragment, null, children);
-}
-
-export { Banner as B };

package/dist/Banner-DH176e7P.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-Bt-giwIv.js');
-var BannerIcon = require('./BannerIcon-Dg3SkxI7.js');
-var Icon = require('./Icon-DN6zZdoZ.js');
-var Text = require('./Text-Bopx9dUr.js');
-var Button = require('./Button-C6SHw1kI.js');
-var useAtlantisConfig = require('./useAtlantisConfig-BbG41OXr.js');
-
-var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
-
-function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
-    const [showBanner, setShowBanner] = React.useState(true);
-    const bannerIcon = icon || getBannerIcon(type);
-    const bannerWidths = {
-        small: 320,
-        medium: 480,
-    };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver.useResizeObserver({
-        widths: bannerWidths,
-    });
-    const iconColors = {
-        notice: "informative",
-        success: "success",
-        warning: "warning",
-        error: "critical",
-    };
-    if (primaryAction != undefined) {
-        primaryAction = Object.assign({
-            size: "small",
-            type: "tertiary",
-            variation: type === "notice" ? "learning" : "work",
-        }, primaryAction);
-    }
-    const bannerClassNames = classnames(BannerIcon.styles.banner, types[type], {
-        [BannerIcon.styles.medium]: bannerWidth >= bannerWidths.medium,
-    });
-    if (!showBanner)
-        return null;
-    return (React.createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
-        React.createElement("div", { className: BannerIcon.styles.bannerContent },
-            bannerIcon && React.createElement(BannerIcon.BannerIcon, { icon: bannerIcon, type: type }),
-            React.createElement("div", { className: BannerIcon.styles.bannerChildren },
-                React.createElement(BannerChildren, null, children)),
-            primaryAction && (React.createElement("div", { className: BannerIcon.styles.bannerAction },
-                React.createElement(Button.Button, Object.assign({}, primaryAction))))),
-        dismissible && (React.createElement("button", { type: "button", className: BannerIcon.styles.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
-            React.createElement(Icon.Icon, { name: "cross", color: JOBBER_RETHEME ? "interactiveSubtle" : iconColors[type] })))));
-    function handleClose() {
-        setShowBanner(!showBanner);
-        onDismiss && onDismiss();
-    }
-}
-function getBannerIcon(type) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
-    if (!JOBBER_RETHEME)
-        return;
-    switch (type) {
-        case "notice":
-            return "starburst";
-        case "success":
-            return "checkmark";
-        case "warning":
-            return "help";
-        case "error":
-            return "alert";
-    }
-}
-function BannerChildren({ children, }) {
-    if (!children)
-        return React.createElement(React.Fragment, null);
-    if (children && typeof children === "string") {
-        return React.createElement(Text.Text, null, children);
-    }
-    return React.createElement(React.Fragment, null, children);
-}
-
-exports.Banner = Banner;

package/dist/BannerIcon-BDM1qFzc.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { u as useAtlantisConfig } from './useAtlantisConfig-ClMTcI5f.js';
-import { I as Icon } from './Icon-Cprfa6DH.js';
-
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
-
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
-
-function BannerIcon({ icon, type }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
-    if (JOBBER_RETHEME) {
-        return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-            React.createElement(Icon, { name: icon, color: "white", size: "small" })));
-    }
-    return React.createElement(Icon, { name: icon, color: "greyBlueDark" });
-}
-
-export { BannerIcon as B, styles as s };

package/dist/BannerIcon-Dg3SkxI7.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var useAtlantisConfig = require('./useAtlantisConfig-BbG41OXr.js');
-var Icon = require('./Icon-DN6zZdoZ.js');
-
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
-
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
-
-function BannerIcon({ icon, type }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
-    if (JOBBER_RETHEME) {
-        return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-            React.createElement(Icon.Icon, { name: icon, color: "white", size: "small" })));
-    }
-    return React.createElement(Icon.Icon, { name: icon, color: "greyBlueDark" });
-}
-
-exports.BannerIcon = BannerIcon;
-exports.styles = styles;

package/dist/Body-ChUi3aq5.js

@@ -1,54 +0,0 @@
-'use strict';
-
-var React = require('react');
-var formatters = require('@jobber/formatters');
-var classnames = require('classnames');
-
-var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-"};
-
-function Table({ children }) {
-    return React.createElement("table", { className: styles$1.table }, children);
-}
-
-function Row({ children }) {
-    return React.createElement("tr", { className: styles$1.row }, children);
-}
-
-var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-"};
-
-function Cell({ children, align = "left" }) {
-    const className = classnames(styles.cell, styles[align]);
-    return React.createElement("td", { className: className }, children);
-}
-
-function CellNumeric({ value }) {
-    return (React.createElement(Cell, { align: "right" },
-        React.createElement("span", { className: styles.numeric }, value.toString())));
-}
-
-function CellCurrency({ value, currency = undefined, }) {
-    return React.createElement(CellNumeric, { value: formatters.formatCurrency(value, currency) });
-}
-
-function Header({ children }) {
-    return (React.createElement("thead", { className: styles$1.header },
-        React.createElement(Row, null, children)));
-}
-
-function Footer({ children }) {
-    return (React.createElement("tfoot", { className: styles$1.footer },
-        React.createElement(Row, null, children)));
-}
-
-function Body({ children }) {
-    return React.createElement("tbody", null, children);
-}
-
-exports.Body = Body;
-exports.Cell = Cell;
-exports.CellCurrency = CellCurrency;
-exports.CellNumeric = CellNumeric;
-exports.Footer = Footer;
-exports.Header = Header;
-exports.Row = Row;
-exports.Table = Table;

package/dist/Body-D1DdNQ7t.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { formatCurrency } from '@jobber/formatters';
-import classnames from 'classnames';
-
-var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-"};
-
-function Table({ children }) {
-    return React.createElement("table", { className: styles$1.table }, children);
-}
-
-function Row({ children }) {
-    return React.createElement("tr", { className: styles$1.row }, children);
-}
-
-var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-"};
-
-function Cell({ children, align = "left" }) {
-    const className = classnames(styles.cell, styles[align]);
-    return React.createElement("td", { className: className }, children);
-}
-
-function CellNumeric({ value }) {
-    return (React.createElement(Cell, { align: "right" },
-        React.createElement("span", { className: styles.numeric }, value.toString())));
-}
-
-function CellCurrency({ value, currency = undefined, }) {
-    return React.createElement(CellNumeric, { value: formatCurrency(value, currency) });
-}
-
-function Header({ children }) {
-    return (React.createElement("thead", { className: styles$1.header },
-        React.createElement(Row, null, children)));
-}
-
-function Footer({ children }) {
-    return (React.createElement("tfoot", { className: styles$1.footer },
-        React.createElement(Row, null, children)));
-}
-
-function Body({ children }) {
-    return React.createElement("tbody", null, children);
-}
-
-export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };

package/dist/Button/index.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var Button = require('../Button-C6SHw1kI.js');
-require('react');
-require('classnames');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-
-
-
-exports.Button = Button.Button;

package/dist/Button/index.mjs

@@ -1,7 +0,0 @@
-export { B as Button } from '../Button-Cfp4SFrN.js';
-import 'react';
-import 'classnames';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';

package/dist/Button-C6SHw1kI.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var reactRouterDom = require('react-router-dom');
-var Icon = require('./Icon-DN6zZdoZ.js');
-var Typography = require('./Typography-WLLQxuNl.js');
-
-var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
-
-function Button(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, onClick, onMouseDown, role, size = "base", type = "primary", url, to, variation = "work", submit, } = props;
-    const buttonClassNames = classnames(styles.button, styles[size], {
-        [styles.onlyIcon]: icon && !label,
-        [styles.hasIconAndLabel]: icon && label,
-        [styles.iconOnRight]: iconOnRight,
-        [styles[variation]]: variation,
-        [styles[type]]: type,
-        [styles.disabled]: disabled,
-        [styles.fullWidth]: fullWidth,
-        [styles.loading]: loading,
-    });
-    const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
-    const buttonInternals = React.createElement(ButtonInternals, Object.assign({}, props));
-    if (to) {
-        return (React.createElement(reactRouterDom.Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
-    }
-    const Tag = url ? "a" : "button";
-    return React.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
-}
-function ButtonInternals({ label, icon, size = "base" }) {
-    return (React.createElement(React.Fragment, null,
-        icon && React.createElement(Icon.Icon, { name: icon, size: size }),
-        React.createElement(Typography.Typography, { element: "span", fontWeight: "extraBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
-}
-function getTypeSizes(size) {
-    switch (size) {
-        case "small":
-            return "small";
-        case "large":
-            return "large";
-        default:
-            return "base";
-    }
-}
-
-exports.Button = Button;

package/dist/Button-Cfp4SFrN.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-Cprfa6DH.js';
-import { T as Typography } from './Typography-D6YoQOGF.js';
-
-var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
-
-function Button(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, onClick, onMouseDown, role, size = "base", type = "primary", url, to, variation = "work", submit, } = props;
-    const buttonClassNames = classnames(styles.button, styles[size], {
-        [styles.onlyIcon]: icon && !label,
-        [styles.hasIconAndLabel]: icon && label,
-        [styles.iconOnRight]: iconOnRight,
-        [styles[variation]]: variation,
-        [styles[type]]: type,
-        [styles.disabled]: disabled,
-        [styles.fullWidth]: fullWidth,
-        [styles.loading]: loading,
-    });
-    const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
-    const buttonInternals = React.createElement(ButtonInternals, Object.assign({}, props));
-    if (to) {
-        return (React.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
-    }
-    const Tag = url ? "a" : "button";
-    return React.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
-}
-function ButtonInternals({ label, icon, size = "base" }) {
-    return (React.createElement(React.Fragment, null,
-        icon && React.createElement(Icon, { name: icon, size: size }),
-        React.createElement(Typography, { element: "span", fontWeight: "extraBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
-}
-function getTypeSizes(size) {
-    switch (size) {
-        case "small":
-            return "small";
-        case "large":
-            return "large";
-        default:
-            return "base";
-    }
-}
-
-export { Button as B };

package/dist/ButtonDismiss/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var ButtonDismiss = require('../ButtonDismiss-DVALYLmq.js');
-require('react');
-require('../Button-C6SHw1kI.js');
-require('classnames');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Typography-WLLQxuNl.js');
-
-
-
-exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;

package/dist/ButtonDismiss/index.mjs

@@ -1,8 +0,0 @@
-export { B as ButtonDismiss } from '../ButtonDismiss-Cf-2rvG0.js';
-import 'react';
-import '../Button-Cfp4SFrN.js';
-import 'classnames';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Typography-D6YoQOGF.js';

package/dist/ButtonDismiss-Cf-2rvG0.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { B as Button } from './Button-Cfp4SFrN.js';
-
-function ButtonDismiss({ onClick, ariaLabel }) {
-    return (React.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
-}
-
-export { ButtonDismiss as B };

package/dist/ButtonDismiss-DVALYLmq.js

@@ -1,10 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Button = require('./Button-C6SHw1kI.js');
-
-function ButtonDismiss({ onClick, ariaLabel }) {
-    return (React.createElement(Button.Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
-}
-
-exports.ButtonDismiss = ButtonDismiss;

package/dist/Card/index.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var Card = require('../Card-DE7aMoA7.js');
-require('react');
-require('classnames');
-require('../Heading-CCFoOnua.js');
-require('../Typography-WLLQxuNl.js');
-require('../useAtlantisConfig-BbG41OXr.js');
-require('../useSafeLayoutEffect-87KYIon5.js');
-require('../Button-C6SHw1kI.js');
-require('react-router-dom');
-require('../Icon-DN6zZdoZ.js');
-require('@jobber/design');
-require('../Menu-D4apJOhh.js');
-require('framer-motion');
-require('../useOnKeyDown-ClBoAl9o.js');
-require('../useRefocusOnActivator-DhXYZbJ2.js');
-
-
-
-exports.Card = Card.Card;

package/dist/Card/index.mjs

@@ -1,15 +0,0 @@
-export { C as Card } from '../Card-DXsK_SD7.js';
-import 'react';
-import 'classnames';
-import '../Heading-Cik7AvDW.js';
-import '../Typography-D6YoQOGF.js';
-import '../useAtlantisConfig-ClMTcI5f.js';
-import '../useSafeLayoutEffect-IMNHxeSN.js';
-import '../Button-Cfp4SFrN.js';
-import 'react-router-dom';
-import '../Icon-Cprfa6DH.js';
-import '@jobber/design';
-import '../Menu-IjuAzGId.js';
-import 'framer-motion';
-import '../useOnKeyDown-BBUzTpsM.js';
-import '../useRefocusOnActivator-JhjmSWbr.js';