@jobber/components 5.6.1-scottexpl.2 → 5.6.2-revert-rev.2

package/dist/AnimatedPresence/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AnimatedPresence = require('../AnimatedPresence-DmhZ4uXu.js');
+var AnimatedPresence = require('../AnimatedPresence-BVo6UwgI.js');
 require('react');
 require('framer-motion');
 require('@jobber/design');

package/dist/AnimatedPresence/index.mjs

@@ -1,4 +1,4 @@
-export { A as AnimatedPresence } from '../AnimatedPresence-CSBJ-ARn.js';
+export { A as AnimatedPresence } from '../AnimatedPresence-BknEdTfA.js';
 import 'react';
 import 'framer-motion';
 import '@jobber/design';

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-DYI4mICn.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-CvgrWGGE.js');
 require('react');
 require('framer-motion');
-require('../Icon-BT-JIeMu.js');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-BhYxnWJg.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-BLTVIcu0.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-CVRuyT02.js';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-BhYxnWJg.js → AnimatedSwitcher-BLTVIcu0.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-CVRuyT02.js';
+import { I as Icon } from './Icon-BnTZ6Sql.js';
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/{AnimatedSwitcher-DYI4mICn.js → AnimatedSwitcher-CvgrWGGE.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-BT-JIeMu.js');
+var Icon = require('./Icon-CWNaAIpw.js');
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/AtlantisContext/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AtlantisContext = require('../AtlantisContext-CK6I4veW.js');
+var AtlantisContext = require('../AtlantisContext-Ba0TxuGB.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

@@ -1,2 +1,2 @@
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-CF8BWv6W.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-BBClfxEh.js';
 import 'react';

package/dist/Autocomplete/index.cjs

@@ -1,30 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-BuSSP5Db.js');
-require('../tslib.es6-C732S62R.js');
+var Autocomplete = require('../Autocomplete-vwdgZf0j.js');
+require('../tslib.es6-CH6C2NzI.js');
 require('react');
-require('../debounce-D6X-0ySy.js');
-require('../_commonjsHelpers-D-T8eS3_.js');
-require('../isObjectLike-WnCnyMJ4.js');
-require('../isSymbol-BeHJ_gGU.js');
+require('../debounce-CGfXT7tl.js');
+require('../_commonjsHelpers-Z7InDDSg.js');
+require('../isObjectLike-DeTMf-4Q.js');
+require('../isSymbol-BfMbWDGZ.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-DTkWnnQI.js');
-require('../useSafeLayoutEffect-qfXMqCNg.js');
-require('../useIsMounted-BzcFD0yp.js');
-require('../Text-CjsMJWKC.js');
-require('../Typography-B71Q78X0.js');
-require('../Icon-BT-JIeMu.js');
+require('../useOnKeyDown-DQcqdbVh.js');
+require('../useSafeLayoutEffect-CGi7UfR3.js');
+require('../useIsMounted-BSWIyg2i.js');
+require('../Text-6bOOU2hv.js');
+require('../Typography-CEkIfijy.js');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
-require('../Heading-D99FZp_V.js');
-require('../InputText-BtaEUnct.js');
-require('../FormField-BzqAvnrk.js');
+require('../Heading-mG4Uuxgm.js');
+require('../InputText-B6X_CD3P.js');
+require('../FormField-BJzwIklL.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-BRuwRc-t.js');
-require('../InputValidation-D4F9zkpi.js');
-require('../Spinner-DID-YS-c.js');
+require('../Button-3F86jtEN.js');
+require('react-router-dom');
+require('../useFormFieldFocus-DRIEbsI2.js');
+require('../InputValidation-CR2nIVtr.js');
+require('../Spinner-BUezpX6g.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,25 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-CxXrGBKa.js';
-import '../tslib.es6-CV58kYpM.js';
+export { A as Autocomplete } from '../Autocomplete-_Yc0--OG.js';
+import '../tslib.es6-CYvPlRZo.js';
 import 'react';
-import '../debounce-CGrZNQEw.js';
-import '../_commonjsHelpers-D9yiClwh.js';
-import '../isObjectLike-Bv_ZRhK4.js';
-import '../isSymbol-Dd42xHc-.js';
+import '../debounce-BFQVab1N.js';
+import '../_commonjsHelpers--XEBXyBd.js';
+import '../isObjectLike--fubnfed.js';
+import '../isSymbol-CKB27akB.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-BjUFt5ei.js';
-import '../useSafeLayoutEffect-C09lUDz-.js';
-import '../useIsMounted-kmJN6NMs.js';
-import '../Text-enSpZyGx.js';
-import '../Typography-B9ahEG1C.js';
-import '../Icon-CVRuyT02.js';
+import '../useOnKeyDown-DTxwZO2h.js';
+import '../useSafeLayoutEffect-BSxqlxOr.js';
+import '../useIsMounted-BZL13gNP.js';
+import '../Text-DWI-ypYC.js';
+import '../Typography-BqXi7E12.js';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';
-import '../Heading-CBG7qXeX.js';
-import '../InputText-B1UEZX7G.js';
-import '../FormField-CYq3ZAO9.js';
+import '../Heading-DJRk0HF6.js';
+import '../InputText-63XWmaAH.js';
+import '../FormField-CErq_ICY.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-B1YKZq28.js';
-import '../InputValidation-D1xlvt5I.js';
-import '../Spinner-CPA8hn8A.js';
+import '../Button-CfWbwFgE.js';
+import 'react-router-dom';
+import '../useFormFieldFocus-GoAjATu-.js';
+import '../InputValidation-Byf2boVm.js';
+import '../Spinner-BUwj00nu.js';

package/dist/{Autocomplete-CxXrGBKa.js → Autocomplete-_Yc0--OG.js}

@@ -1,16 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-CV58kYpM.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-CYvPlRZo.js';
 import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { d as debounce } from './debounce-CGrZNQEw.js';
+import { d as debounce } from './debounce-BFQVab1N.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-BjUFt5ei.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-C09lUDz-.js';
-import { u as useIsMounted_2 } from './useIsMounted-kmJN6NMs.js';
-import { T as Text } from './Text-enSpZyGx.js';
-import { I as Icon } from './Icon-CVRuyT02.js';
-import { H as Heading } from './Heading-CBG7qXeX.js';
-import { I as InputText } from './InputText-B1UEZX7G.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-DTxwZO2h.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-BSxqlxOr.js';
+import { u as useIsMounted_2 } from './useIsMounted-BZL13gNP.js';
+import { T as Text } from './Text-DWI-ypYC.js';
+import { I as Icon } from './Icon-BnTZ6Sql.js';
+import { H as Heading } from './Heading-DJRk0HF6.js';
+import { I as InputText } from './InputText-63XWmaAH.js';
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 

package/dist/{Autocomplete-BuSSP5Db.js → Autocomplete-vwdgZf0j.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-C732S62R.js');
+var tslib_es6 = require('./tslib.es6-CH6C2NzI.js');
 var React = require('react');
-var debounce = require('./debounce-D6X-0ySy.js');
+var debounce = require('./debounce-CGfXT7tl.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-DTkWnnQI.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-qfXMqCNg.js');
-var useIsMounted = require('./useIsMounted-BzcFD0yp.js');
-var Text = require('./Text-CjsMJWKC.js');
-var Icon = require('./Icon-BT-JIeMu.js');
-var Heading = require('./Heading-D99FZp_V.js');
-var InputText = require('./InputText-BtaEUnct.js');
+var useOnKeyDown = require('./useOnKeyDown-DQcqdbVh.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CGi7UfR3.js');
+var useIsMounted = require('./useIsMounted-BSWIyg2i.js');
+var Text = require('./Text-6bOOU2hv.js');
+var Icon = require('./Icon-CWNaAIpw.js');
+var Heading = require('./Heading-mG4Uuxgm.js');
+var InputText = require('./InputText-B6X_CD3P.js');
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-xPaoGJe5.js');
+var Avatar = require('../Avatar-D1ZZvJYB.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-BT-JIeMu.js');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-g6FHfFWo.js';
+export { A as Avatar } from '../Avatar-BEidj8r7.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-CVRuyT02.js';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';

package/dist/{Avatar-g6FHfFWo.js → Avatar-BEidj8r7.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-CVRuyT02.js';
+import { I as Icon } from './Icon-BnTZ6Sql.js';
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

package/dist/{Avatar-xPaoGJe5.js → Avatar-D1ZZvJYB.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-BT-JIeMu.js');
+var Icon = require('./Icon-CWNaAIpw.js');
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-MydfRlU1.js');
+var BannerIcon = require('../../../BannerIcon-Dm2GlbBq.js');
 require('react');
 require('classnames');
-require('../../../Icon-BT-JIeMu.js');
+require('../../../Icon-CWNaAIpw.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-D7cP4Xga.js';
+export { B as BannerIcon } from '../../../BannerIcon-Drl9uWbn.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-CVRuyT02.js';
+import '../../../Icon-BnTZ6Sql.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,20 +1,21 @@
 'use strict';
 
-var Banner = require('../Banner-Olw0jPZU.js');
+var Banner = require('../Banner-jQ2K57yL.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-CLouCPwV.js');
-require('../_commonjsHelpers-D-T8eS3_.js');
-require('../debounce-D6X-0ySy.js');
-require('../isObjectLike-WnCnyMJ4.js');
-require('../isSymbol-BeHJ_gGU.js');
-require('../BannerIcon-MydfRlU1.js');
-require('../Icon-BT-JIeMu.js');
+require('../useResizeObserver-CNoP7MNK.js');
+require('../_commonjsHelpers-Z7InDDSg.js');
+require('../debounce-CGfXT7tl.js');
+require('../isObjectLike-DeTMf-4Q.js');
+require('../isSymbol-BfMbWDGZ.js');
+require('../BannerIcon-Dm2GlbBq.js');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
-require('../Text-CjsMJWKC.js');
-require('../Typography-B71Q78X0.js');
-require('../Button-BRuwRc-t.js');
-require('../ButtonDismiss-Bg2NFECv.js');
+require('../Text-6bOOU2hv.js');
+require('../Typography-CEkIfijy.js');
+require('../Button-3F86jtEN.js');
+require('react-router-dom');
+require('../ButtonDismiss-Ba4p1zJc.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,15 +1,16 @@
-export { B as Banner } from '../Banner-Ca8hekcK.js';
+export { B as Banner } from '../Banner-D8vfzjz-.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-CUOQJVJR.js';
-import '../_commonjsHelpers-D9yiClwh.js';
-import '../debounce-CGrZNQEw.js';
-import '../isObjectLike-Bv_ZRhK4.js';
-import '../isSymbol-Dd42xHc-.js';
-import '../BannerIcon-D7cP4Xga.js';
-import '../Icon-CVRuyT02.js';
+import '../useResizeObserver-DQbqSErj.js';
+import '../_commonjsHelpers--XEBXyBd.js';
+import '../debounce-BFQVab1N.js';
+import '../isObjectLike--fubnfed.js';
+import '../isSymbol-CKB27akB.js';
+import '../BannerIcon-Drl9uWbn.js';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';
-import '../Text-enSpZyGx.js';
-import '../Typography-B9ahEG1C.js';
-import '../Button-B1YKZq28.js';
-import '../ButtonDismiss-ynjj1O_e.js';
+import '../Text-DWI-ypYC.js';
+import '../Typography-BqXi7E12.js';
+import '../Button-CfWbwFgE.js';
+import 'react-router-dom';
+import '../ButtonDismiss-C1Ieg8UR.js';

package/dist/{Banner-Ca8hekcK.js → Banner-D8vfzjz-.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-CUOQJVJR.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-D7cP4Xga.js';
-import { T as Text } from './Text-enSpZyGx.js';
-import { B as Button } from './Button-B1YKZq28.js';
-import { B as ButtonDismiss } from './ButtonDismiss-ynjj1O_e.js';
+import { u as useResizeObserver } from './useResizeObserver-DQbqSErj.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-Drl9uWbn.js';
+import { T as Text } from './Text-DWI-ypYC.js';
+import { B as Button } from './Button-CfWbwFgE.js';
+import { B as ButtonDismiss } from './ButtonDismiss-C1Ieg8UR.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{Banner-Olw0jPZU.js → Banner-jQ2K57yL.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-CLouCPwV.js');
-var BannerIcon = require('./BannerIcon-MydfRlU1.js');
-var Text = require('./Text-CjsMJWKC.js');
-var Button = require('./Button-BRuwRc-t.js');
-var ButtonDismiss = require('./ButtonDismiss-Bg2NFECv.js');
+var useResizeObserver = require('./useResizeObserver-CNoP7MNK.js');
+var BannerIcon = require('./BannerIcon-Dm2GlbBq.js');
+var Text = require('./Text-6bOOU2hv.js');
+var Button = require('./Button-3F86jtEN.js');
+var ButtonDismiss = require('./ButtonDismiss-Ba4p1zJc.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/{BannerIcon-MydfRlU1.js → BannerIcon-Dm2GlbBq.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-BT-JIeMu.js');
+var Icon = require('./Icon-CWNaAIpw.js');
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/{BannerIcon-D7cP4Xga.js → BannerIcon-Drl9uWbn.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-CVRuyT02.js';
+import { I as Icon } from './Icon-BnTZ6Sql.js';
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/Button/Button.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from "react";
+import React from "react";
 import { XOR } from "ts-xor";
+import { LinkProps } from "react-router-dom";
 import { IconNames } from "@jobber/design";
 interface ButtonFoundationProps {
     /**
@@ -10,7 +11,6 @@ interface ButtonFoundationProps {
     readonly ariaControls?: string;
     readonly ariaHaspopup?: boolean;
     readonly ariaExpanded?: boolean;
-    readonly children?: ReactNode | ReactNode[];
     readonly disabled?: boolean;
     readonly external?: boolean;
     readonly fullWidth?: boolean;
@@ -36,6 +36,13 @@ interface ButtonAnchorProps extends ButtonFoundationProps {
      */
     readonly url?: string;
 }
+interface ButtonLinkProps<S = unknown> extends ButtonFoundationProps {
+    /**
+     * **Deprecated**: to will be removed in the next major version
+     * @deprecated
+     */
+    readonly to?: LinkProps<S>["to"];
+}
 interface BaseActionProps extends ButtonFoundationProps {
     readonly variation?: "work" | "learning" | "subtle" | "destructive";
     readonly type?: "primary" | "secondary" | "tertiary";
@@ -62,6 +69,6 @@ interface BasicButtonProps extends ButtonFoundationProps {
      */
     readonly role?: string;
 }
-export type ButtonProps = XOR<BaseActionProps, XOR<DestructiveActionProps, SubmitActionProps>> & XOR<XOR<SubmitButtonProps, BasicButtonProps>, ButtonAnchorProps> & XOR<ButtonIconProps, ButtonLabelProps>;
+export type ButtonProps = XOR<BaseActionProps, XOR<DestructiveActionProps, SubmitActionProps>> & XOR<XOR<SubmitButtonProps, BasicButtonProps>, XOR<ButtonLinkProps, ButtonAnchorProps>> & XOR<ButtonIconProps, ButtonLabelProps>;
 export declare function Button(props: ButtonProps): JSX.Element;
 export {};

package/dist/Button/index.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
-var Button = require('../Button-BRuwRc-t.js');
+var Button = require('../Button-3F86jtEN.js');
 require('react');
 require('classnames');
-require('../Icon-BT-JIeMu.js');
+require('react-router-dom');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
-require('../Typography-B71Q78X0.js');
+require('../Typography-CEkIfijy.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,6 +1,7 @@
-export { B as Button } from '../Button-B1YKZq28.js';
+export { B as Button } from '../Button-CfWbwFgE.js';
 import 'react';
 import 'classnames';
-import '../Icon-CVRuyT02.js';
+import 'react-router-dom';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';
-import '../Typography-B9ahEG1C.js';
+import '../Typography-BqXi7E12.js';

package/dist/{Button-BRuwRc-t.js → Button-3F86jtEN.js}

@@ -2,13 +2,14 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-BT-JIeMu.js');
-var Typography = require('./Typography-B71Q78X0.js');
+var reactRouterDom = require('react-router-dom');
+var Icon = require('./Icon-CWNaAIpw.js');
+var Typography = require('./Typography-CEkIfijy.js');
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","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, name, onClick, onMouseDown, role, size = "base", type = "primary", value, variation = "work", submit, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, name, onClick, onMouseDown, role, size = "base", type = "primary", url, to, value, variation = "work", submit, } = props;
     const buttonClassNames = classnames(styles.button, styles[size], {
         [styles.onlyIcon]: icon && !label,
         [styles.hasIconAndLabel]: icon && label,
@@ -20,17 +21,19 @@ function Button(props) {
         [styles.loading]: loading,
     });
     const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (submit && { name, value })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), { type: buttonType, "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
+        id }, (submit && { name, value })), (!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));
-    // (it does have one)
-    // eslint-disable-next-line react/button-has-type
-    return React.createElement("button", Object.assign({}, tagProps), buttonInternals);
+    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({ children, label, icon, size = "base", }) {
+function ButtonInternals({ label, icon, size = "base" }) {
     return (React.createElement(React.Fragment, null,
         icon && React.createElement(Icon.Icon, { name: icon, size: size }),
-        !children ? (React.createElement(Typography.Typography, { element: "span", fontWeight: "semiBold", fontFamily: "base", size: getTypeSizes(size) }, label)) : (children)));
+        React.createElement(Typography.Typography, { element: "span", fontWeight: "semiBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
 }
 function getTypeSizes(size) {
     switch (size) {

package/dist/{Button-B1YKZq28.js → Button-CfWbwFgE.js}

@@ -1,12 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-CVRuyT02.js';
-import { T as Typography } from './Typography-B9ahEG1C.js';
+import { Link } from 'react-router-dom';
+import { I as Icon } from './Icon-BnTZ6Sql.js';
+import { T as Typography } from './Typography-BqXi7E12.js';
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","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, name, onClick, onMouseDown, role, size = "base", type = "primary", value, variation = "work", submit, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, name, onClick, onMouseDown, role, size = "base", type = "primary", url, to, value, variation = "work", submit, } = props;
     const buttonClassNames = classnames(styles.button, styles[size], {
         [styles.onlyIcon]: icon && !label,
         [styles.hasIconAndLabel]: icon && label,
@@ -18,17 +19,19 @@ function Button(props) {
         [styles.loading]: loading,
     });
     const buttonType = submit ? "submit" : "button";
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (submit && { name, value })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), { type: buttonType, "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
+        id }, (submit && { name, value })), (!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));
-    // (it does have one)
-    // eslint-disable-next-line react/button-has-type
-    return React.createElement("button", Object.assign({}, tagProps), buttonInternals);
+    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({ children, label, icon, size = "base", }) {
+function ButtonInternals({ label, icon, size = "base" }) {
     return (React.createElement(React.Fragment, null,
         icon && React.createElement(Icon, { name: icon, size: size }),
-        !children ? (React.createElement(Typography, { element: "span", fontWeight: "semiBold", fontFamily: "base", size: getTypeSizes(size) }, label)) : (children)));
+        React.createElement(Typography, { element: "span", fontWeight: "semiBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
 }
 function getTypeSizes(size) {
     switch (size) {

package/dist/ButtonDismiss/index.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var ButtonDismiss = require('../ButtonDismiss-Bg2NFECv.js');
+var ButtonDismiss = require('../ButtonDismiss-Ba4p1zJc.js');
 require('react');
-require('../Button-BRuwRc-t.js');
+require('../Button-3F86jtEN.js');
 require('classnames');
-require('../Icon-BT-JIeMu.js');
+require('react-router-dom');
+require('../Icon-CWNaAIpw.js');
 require('@jobber/design');
-require('../Typography-B71Q78X0.js');
+require('../Typography-CEkIfijy.js');
 
 
 

package/dist/ButtonDismiss/index.mjs

@@ -1,7 +1,8 @@
-export { B as ButtonDismiss } from '../ButtonDismiss-ynjj1O_e.js';
+export { B as ButtonDismiss } from '../ButtonDismiss-C1Ieg8UR.js';
 import 'react';
-import '../Button-B1YKZq28.js';
+import '../Button-CfWbwFgE.js';
 import 'classnames';
-import '../Icon-CVRuyT02.js';
+import 'react-router-dom';
+import '../Icon-BnTZ6Sql.js';
 import '@jobber/design';
-import '../Typography-B9ahEG1C.js';
+import '../Typography-BqXi7E12.js';

package/dist/{ButtonDismiss-Bg2NFECv.js → ButtonDismiss-Ba4p1zJc.js}

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