@jobber/components 5.20.8-CLEANUPau.4 → 5.20.8-TAYLORchi.11

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-Y-HceI74.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-BjHV4Ikp.js');
 require('react');
 require('framer-motion');
-require('../Icon-BvE_lYuc.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-BQ1EVxPr.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-cPR7XHTr.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-DPSOA5Jx.js';
+import '../Icon-WvrQqOeN.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-Y-HceI74.js → AnimatedSwitcher-BjHV4Ikp.js}

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

package/dist/{AnimatedSwitcher-BQ1EVxPr.js → AnimatedSwitcher-cPR7XHTr.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-DPSOA5Jx.js';
+import { I as Icon } from './Icon-WvrQqOeN.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-DDXkztzW.js');
+var AtlantisContext = require('../AtlantisContext-B7qQcSfr.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

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

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-cURBm9tO.js');
-require('../tslib.es6-7CDjb0Cm.js');
+var Autocomplete = require('../Autocomplete-Cy4IezLO.js');
+require('../tslib.es6-C9NN4Y9G.js');
 require('react');
+require('../debounce-MUnuddHv.js');
+require('../_commonjsHelpers-CzE90seL.js');
+require('../isObjectLike-BD5SbQaW.js');
+require('../isSymbol-_68T0I1E.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-CiywwRwh.js');
-require('../useSafeLayoutEffect-Dgz93Tdb.js');
-require('../useIsMounted-Bxmzv6uI.js');
-require('../Text-CwEwTwbk.js');
-require('../Typography-Bq3qvM3i.js');
-require('../Icon-BvE_lYuc.js');
+require('../useOnKeyDown-CG4MmsGT.js');
+require('../useSafeLayoutEffect-BRbMXfNi.js');
+require('../useIsMounted-BpN3Fohb.js');
+require('../Text-aOgLuAcH.js');
+require('../Typography-oLSNk050.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
-require('../Heading-Dj61Rgse.js');
-require('../InputText-DCWiYGN3.js');
-require('../FormField-DpivNN3Z.js');
+require('../Heading-D6HfmRKi.js');
+require('../InputText--mjAokTR.js');
+require('../FormField-DBilDywE.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-DLAJo1XB.js');
+require('../Button-Bt0GvkgV.js');
 require('react-router-dom');
-require('../useFormFieldFocus-Br2q4azX.js');
-require('../InputValidation-CaGFo2c4.js');
-require('../Spinner-DQHIU1ly.js');
-require('../debounce-Dcjx4QXZ.js');
-require('../_commonjsHelpers-B-44pQfO.js');
-require('../isObjectLike-CMllshP_.js');
-require('../isSymbol-DoLJgCGR.js');
+require('../useFormFieldFocus-BLDND61I.js');
+require('../InputValidation-pQ66DASv.js');
+require('../Spinner-drWbsP-T.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-DBNH6gre.js';
-import '../tslib.es6-CietO0dl.js';
+export { A as Autocomplete } from '../Autocomplete-Dq7TwmEW.js';
+import '../tslib.es6-DV7WXXZh.js';
 import 'react';
+import '../debounce-R3bj6VMk.js';
+import '../_commonjsHelpers-KLf02kGC.js';
+import '../isObjectLike-C5dGRWMO.js';
+import '../isSymbol-DhfS4LfR.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-BRyQAQUI.js';
-import '../useSafeLayoutEffect-BrGAcSK5.js';
-import '../useIsMounted-B_WlvYXF.js';
-import '../Text-dHKGS5k9.js';
-import '../Typography-CSOXqcJt.js';
-import '../Icon-DPSOA5Jx.js';
+import '../useOnKeyDown-C0u-7l6S.js';
+import '../useSafeLayoutEffect-Cjui5cRH.js';
+import '../useIsMounted-BjNfAkTT.js';
+import '../Text-B0LL7U1E.js';
+import '../Typography-DwTZfqjm.js';
+import '../Icon-WvrQqOeN.js';
 import '@jobber/design';
-import '../Heading-aoBPuUJz.js';
-import '../InputText-Xtp1qByw.js';
-import '../FormField-D23ukYiB.js';
+import '../Heading-dD2R3X2a.js';
+import '../InputText-CaI85nvS.js';
+import '../FormField-sXg1UjsJ.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-DC_D53cA.js';
+import '../Button-GS5rfc_n.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-DHjMVYUN.js';
-import '../InputValidation-DxYBTfir.js';
-import '../Spinner-BWADPscu.js';
-import '../debounce-Cd-Tm2vM.js';
-import '../_commonjsHelpers-CbMOLAQC.js';
-import '../isObjectLike-CA-wsJtN.js';
-import '../isSymbol-CfCMRD0o.js';
+import '../useFormFieldFocus-CZCkWFs6.js';
+import '../InputValidation-9G9W50Pq.js';
+import '../Spinner-Dr1I6jr9.js';

package/dist/{Autocomplete-cURBm9tO.js → Autocomplete-Cy4IezLO.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7CDjb0Cm.js');
+var tslib_es6 = require('./tslib.es6-C9NN4Y9G.js');
 var React = require('react');
+var debounce = require('./debounce-MUnuddHv.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-CiywwRwh.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-Dgz93Tdb.js');
-var useIsMounted = require('./useIsMounted-Bxmzv6uI.js');
-var Text = require('./Text-CwEwTwbk.js');
-var Icon = require('./Icon-BvE_lYuc.js');
-var Heading = require('./Heading-Dj61Rgse.js');
-var InputText = require('./InputText-DCWiYGN3.js');
-var debounce = require('./debounce-Dcjx4QXZ.js');
+var useOnKeyDown = require('./useOnKeyDown-CG4MmsGT.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-BRbMXfNi.js');
+var useIsMounted = require('./useIsMounted-BpN3Fohb.js');
+var Text = require('./Text-aOgLuAcH.js');
+var Icon = require('./Icon-6xqYHCa6.js');
+var Heading = require('./Heading-D6HfmRKi.js');
+var InputText = require('./InputText--mjAokTR.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-"};
 
@@ -118,36 +118,6 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
-/**
- * A hook to easily manage debounced functions, including their cleanup.
- * @param func The function to debounce.
- * @param wait The number of milliseconds to delay.
- * @param options Optional debounce settings.
- * @returns The debounced function.
- */
-function useDebounce(func, wait, options) {
-    const funcRef = React.useRef(func);
-    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
-    // This is a defense against consumers who aren't memoizing their functions.. or if they are
-    // memoized but invalidating too frequently due to possible bugs.
-    if (funcRef.current !== func) {
-        funcRef.current = func;
-    }
-    const debounced = React.useMemo(() => {
-        return debounce.debounce(() => funcRef.current(), wait, options);
-        // Note: do not add any dependencies! There is currently no use case where we would change
-        // the wait delay or options between renders. By not tracking as dependencies, this allows
-        // consumers of useDebounce to provide a raw object for options rather than forcing them to
-        // memoize that param. Same with the func they provide, we're using a ref to keep that up
-        // to date and to avoid forcing the consumer to memoize it.
-    }, []);
-    React.useEffect(() => {
-        // If the debounced function is recreated (or unmounted), cancel the last call.
-        return () => debounced.cancel();
-    }, [debounced]);
-    return debounced;
-}
-
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -157,9 +127,10 @@ function AutocompleteInternal(_a, ref) {
     const [menuVisible, setMenuVisible] = React.useState(false);
     const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const autocompleteRef = React.useRef(null);
-    const delayedSearch = useDebounce(updateSearch, debounceRate);
+    const delayedSearch = debounce.debounce(updateSearch, debounceRate);
     React.useEffect(() => {
         delayedSearch();
+        return delayedSearch.cancel;
     }, [inputText]);
     React.useEffect(() => {
         var _a;

package/dist/{Autocomplete-DBNH6gre.js → Autocomplete-Dq7TwmEW.js}

@@ -1,16 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-CietO0dl.js';
-import React, { useState, useEffect, useRef, useMemo, forwardRef } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-DV7WXXZh.js';
+import React, { useState, useEffect, forwardRef, useRef } from 'react';
+import { a as debounce } from './debounce-R3bj6VMk.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-BRyQAQUI.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-BrGAcSK5.js';
-import { u as useIsMounted_2 } from './useIsMounted-B_WlvYXF.js';
-import { T as Text } from './Text-dHKGS5k9.js';
-import { I as Icon } from './Icon-DPSOA5Jx.js';
-import { H as Heading } from './Heading-aoBPuUJz.js';
-import { I as InputText } from './InputText-Xtp1qByw.js';
-import { a as debounce } from './debounce-Cd-Tm2vM.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-C0u-7l6S.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-Cjui5cRH.js';
+import { u as useIsMounted_2 } from './useIsMounted-BjNfAkTT.js';
+import { T as Text } from './Text-B0LL7U1E.js';
+import { I as Icon } from './Icon-WvrQqOeN.js';
+import { H as Heading } from './Heading-dD2R3X2a.js';
+import { I as InputText } from './InputText-CaI85nvS.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-"};
 
@@ -116,36 +116,6 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
-/**
- * A hook to easily manage debounced functions, including their cleanup.
- * @param func The function to debounce.
- * @param wait The number of milliseconds to delay.
- * @param options Optional debounce settings.
- * @returns The debounced function.
- */
-function useDebounce(func, wait, options) {
-    const funcRef = useRef(func);
-    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
-    // This is a defense against consumers who aren't memoizing their functions.. or if they are
-    // memoized but invalidating too frequently due to possible bugs.
-    if (funcRef.current !== func) {
-        funcRef.current = func;
-    }
-    const debounced = useMemo(() => {
-        return debounce(() => funcRef.current(), wait, options);
-        // Note: do not add any dependencies! There is currently no use case where we would change
-        // the wait delay or options between renders. By not tracking as dependencies, this allows
-        // consumers of useDebounce to provide a raw object for options rather than forcing them to
-        // memoize that param. Same with the func they provide, we're using a ref to keep that up
-        // to date and to avoid forcing the consumer to memoize it.
-    }, []);
-    useEffect(() => {
-        // If the debounced function is recreated (or unmounted), cancel the last call.
-        return () => debounced.cancel();
-    }, [debounced]);
-    return debounced;
-}
-
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -155,9 +125,10 @@ function AutocompleteInternal(_a, ref) {
     const [menuVisible, setMenuVisible] = useState(false);
     const [inputText, setInputText] = useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const autocompleteRef = useRef(null);
-    const delayedSearch = useDebounce(updateSearch, debounceRate);
+    const delayedSearch = debounce(updateSearch, debounceRate);
     useEffect(() => {
         delayedSearch();
+        return delayedSearch.cancel;
     }, [inputText]);
     useEffect(() => {
         var _a;

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-P9dzhIbX.js');
+var Avatar = require('../Avatar-epCmhd3o.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-BvE_lYuc.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-DBguXxlW.js';
+export { A as Avatar } from '../Avatar-Bv2FHAAe.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-DPSOA5Jx.js';
+import '../Icon-WvrQqOeN.js';
 import '@jobber/design';

package/dist/{Avatar-DBguXxlW.js → Avatar-Bv2FHAAe.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-DPSOA5Jx.js';
+import { I as Icon } from './Icon-WvrQqOeN.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-P9dzhIbX.js → Avatar-epCmhd3o.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-BvE_lYuc.js');
+var Icon = require('./Icon-6xqYHCa6.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-B4tgCYgu.js');
+var BannerIcon = require('../../../BannerIcon-BhJW66Fi.js');
 require('react');
 require('classnames');
-require('../../../Icon-BvE_lYuc.js');
+require('../../../Icon-6xqYHCa6.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-Dy50whfY.js';
+export { B as BannerIcon } from '../../../BannerIcon-CEHXE77P.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-DPSOA5Jx.js';
+import '../../../Icon-WvrQqOeN.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-Wf9d7h_2.js');
+var Banner = require('../Banner-kCPhLtzR.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-BgNmOHRr.js');
-require('../_commonjsHelpers-B-44pQfO.js');
-require('../throttle-CXN6IXkn.js');
-require('../debounce-Dcjx4QXZ.js');
-require('../isObjectLike-CMllshP_.js');
-require('../isSymbol-DoLJgCGR.js');
-require('../BannerIcon-B4tgCYgu.js');
-require('../Icon-BvE_lYuc.js');
+require('../useResizeObserver-D-XpEzSS.js');
+require('../_commonjsHelpers-CzE90seL.js');
+require('../throttle-CAOiMAOb.js');
+require('../debounce-MUnuddHv.js');
+require('../isObjectLike-BD5SbQaW.js');
+require('../isSymbol-_68T0I1E.js');
+require('../BannerIcon-BhJW66Fi.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
-require('../Text-CwEwTwbk.js');
-require('../Typography-Bq3qvM3i.js');
-require('../Button-DLAJo1XB.js');
+require('../Text-aOgLuAcH.js');
+require('../Typography-oLSNk050.js');
+require('../Button-Bt0GvkgV.js');
 require('react-router-dom');
-require('../ButtonDismiss-BBBbPOLw.js');
+require('../ButtonDismiss-Qj01LXv-.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,17 @@
-export { B as Banner } from '../Banner-5nNKVCYL.js';
+export { B as Banner } from '../Banner-dyO7mfI_.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-BjOllMlE.js';
-import '../_commonjsHelpers-CbMOLAQC.js';
-import '../throttle-CIFvSjIB.js';
-import '../debounce-Cd-Tm2vM.js';
-import '../isObjectLike-CA-wsJtN.js';
-import '../isSymbol-CfCMRD0o.js';
-import '../BannerIcon-Dy50whfY.js';
-import '../Icon-DPSOA5Jx.js';
+import '../useResizeObserver-sAjWKzGK.js';
+import '../_commonjsHelpers-KLf02kGC.js';
+import '../throttle-DYoj6mkN.js';
+import '../debounce-R3bj6VMk.js';
+import '../isObjectLike-C5dGRWMO.js';
+import '../isSymbol-DhfS4LfR.js';
+import '../BannerIcon-CEHXE77P.js';
+import '../Icon-WvrQqOeN.js';
 import '@jobber/design';
-import '../Text-dHKGS5k9.js';
-import '../Typography-CSOXqcJt.js';
-import '../Button-DC_D53cA.js';
+import '../Text-B0LL7U1E.js';
+import '../Typography-DwTZfqjm.js';
+import '../Button-GS5rfc_n.js';
 import 'react-router-dom';
-import '../ButtonDismiss-DWVp3E_Q.js';
+import '../ButtonDismiss-BkdEm4oJ.js';

package/dist/{Banner-5nNKVCYL.js → Banner-dyO7mfI_.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-BjOllMlE.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-Dy50whfY.js';
-import { T as Text } from './Text-dHKGS5k9.js';
-import { B as Button } from './Button-DC_D53cA.js';
-import { B as ButtonDismiss } from './ButtonDismiss-DWVp3E_Q.js';
+import { u as useResizeObserver } from './useResizeObserver-sAjWKzGK.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-CEHXE77P.js';
+import { T as Text } from './Text-B0LL7U1E.js';
+import { B as Button } from './Button-GS5rfc_n.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BkdEm4oJ.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{Banner-Wf9d7h_2.js → Banner-kCPhLtzR.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-BgNmOHRr.js');
-var BannerIcon = require('./BannerIcon-B4tgCYgu.js');
-var Text = require('./Text-CwEwTwbk.js');
-var Button = require('./Button-DLAJo1XB.js');
-var ButtonDismiss = require('./ButtonDismiss-BBBbPOLw.js');
+var useResizeObserver = require('./useResizeObserver-D-XpEzSS.js');
+var BannerIcon = require('./BannerIcon-BhJW66Fi.js');
+var Text = require('./Text-aOgLuAcH.js');
+var Button = require('./Button-Bt0GvkgV.js');
+var ButtonDismiss = require('./ButtonDismiss-Qj01LXv-.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/{BannerIcon-B4tgCYgu.js → BannerIcon-BhJW66Fi.js}

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

package/dist/{BannerIcon-Dy50whfY.js → BannerIcon-CEHXE77P.js}

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

package/dist/Box/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Box = require('../Box-D2TExk3f.js');
-require('../tslib.es6-7CDjb0Cm.js');
+var Box = require('../Box-CPhNetiv.js');
+require('../tslib.es6-C9NN4Y9G.js');
 require('react');
 require('classnames');
 

package/dist/Box/index.mjs

@@ -1,4 +1,4 @@
-export { B as Box } from '../Box-B1BFHwcg.js';
-import '../tslib.es6-CietO0dl.js';
+export { B as Box } from '../Box-BrErnj1s.js';
+import '../tslib.es6-DV7WXXZh.js';
 import 'react';
 import 'classnames';

package/dist/{Box-B1BFHwcg.js → Box-BrErnj1s.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-CietO0dl.js';
+import { _ as __rest } from './tslib.es6-DV7WXXZh.js';
 import React from 'react';
 import classnames from 'classnames';
 

package/dist/{Box-D2TExk3f.js → Box-CPhNetiv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7CDjb0Cm.js');
+var tslib_es6 = require('./tslib.es6-C9NN4Y9G.js');
 var React = require('react');
 var classnames = require('classnames');
 

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-DLAJo1XB.js');
+var Button = require('../Button-Bt0GvkgV.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-BvE_lYuc.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
-require('../Typography-Bq3qvM3i.js');
+require('../Typography-oLSNk050.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-DC_D53cA.js';
+export { B as Button } from '../Button-GS5rfc_n.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-DPSOA5Jx.js';
+import '../Icon-WvrQqOeN.js';
 import '@jobber/design';
-import '../Typography-CSOXqcJt.js';
+import '../Typography-DwTZfqjm.js';

package/dist/{Button-DLAJo1XB.js → Button-Bt0GvkgV.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
-var Icon = require('./Icon-BvE_lYuc.js');
-var Typography = require('./Typography-Bq3qvM3i.js');
+var Icon = require('./Icon-6xqYHCa6.js');
+var Typography = require('./Typography-oLSNk050.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-"};
 

package/dist/{Button-DC_D53cA.js → Button-GS5rfc_n.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-DPSOA5Jx.js';
-import { T as Typography } from './Typography-CSOXqcJt.js';
+import { I as Icon } from './Icon-WvrQqOeN.js';
+import { T as Typography } from './Typography-DwTZfqjm.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-"};
 

package/dist/ButtonDismiss/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var ButtonDismiss = require('../ButtonDismiss-BBBbPOLw.js');
+var ButtonDismiss = require('../ButtonDismiss-Qj01LXv-.js');
 require('react');
-require('../Button-DLAJo1XB.js');
+require('../Button-Bt0GvkgV.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-BvE_lYuc.js');
+require('../Icon-6xqYHCa6.js');
 require('@jobber/design');
-require('../Typography-Bq3qvM3i.js');
+require('../Typography-oLSNk050.js');