@jobber/components 5.23.1 → 5.24.0

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-CaChq6zg.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-DaV0sdny.js');
 require('react');
 require('framer-motion');
-require('../Icon-ni_f0C-u.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-Corkjgn3.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-s4lbNXMO.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-Bt7Vo2Al.js';
+import '../Icon-CIJUNf3r.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-CaChq6zg.js → AnimatedSwitcher-DaV0sdny.js}

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

package/dist/{AnimatedSwitcher-Corkjgn3.js → AnimatedSwitcher-s4lbNXMO.js}

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

package/dist/AtlantisContext/index.mjs

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

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-j-YDDuj7.js');
-require('../tslib.es6-COXZmzY1.js');
+var Autocomplete = require('../Autocomplete-2T6vAksT.js');
+require('../tslib.es6-DPaZkqp4.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-Dhu63LND.js');
-require('../useSafeLayoutEffect-C8CMygHq.js');
-require('../useIsMounted-B3kmB6h_.js');
-require('../Text-B4LXL7gd.js');
-require('../Typography-DOt2Sswi.js');
-require('../Icon-ni_f0C-u.js');
+require('../useOnKeyDown-BQAzxUPl.js');
+require('../useSafeLayoutEffect-05n1s4gm.js');
+require('../useIsMounted-CqSfQTTK.js');
+require('../Text-C-jAtLPm.js');
+require('../Typography-DjNLW5lP.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
-require('../Heading-CSWo3cSs.js');
-require('../InputText-DnQG1biy.js');
-require('../FormField-BF9Vd5Cp.js');
+require('../Heading-DbcdrYVS.js');
+require('../InputText-CpkJ4Ddr.js');
+require('../FormField-5T4IHzqV.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-B-HKiPJf.js');
+require('../Button-JPYYhZS1.js');
 require('react-router-dom');
-require('../useFormFieldFocus-HJfBRQsX.js');
-require('../InputValidation-Dfqc8cHh.js');
-require('../Spinner-KTvp_aJc.js');
-require('../debounce-CMi4CrDz.js');
-require('../_commonjsHelpers-Dl8s_bGt.js');
-require('../isObjectLike-BrCka2vK.js');
-require('../isSymbol-pp__iVVP.js');
+require('../useFormFieldFocus-brRd4lo-.js');
+require('../InputValidation-Cd3u5EHp.js');
+require('../Spinner-C_vkdWUc.js');
+require('../debounce-Dgaepg3g.js');
+require('../_commonjsHelpers-CotG4Fdx.js');
+require('../isObjectLike-Cv8WvxD3.js');
+require('../isSymbol-0jEJWsjR.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-B6_lewxc.js';
-import '../tslib.es6-CwImoqKx.js';
+export { A as Autocomplete } from '../Autocomplete-B3zBbq5z.js';
+import '../tslib.es6-DDnMVceX.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-DeEl76qU.js';
-import '../useSafeLayoutEffect-C205P5Ep.js';
-import '../useIsMounted-DH8440s-.js';
-import '../Text-DhM4zJcT.js';
-import '../Typography-DGNqI8Y0.js';
-import '../Icon-Bt7Vo2Al.js';
+import '../useOnKeyDown-DsoEybKu.js';
+import '../useSafeLayoutEffect-K1mPJ3RM.js';
+import '../useIsMounted-OoRjX9Bs.js';
+import '../Text-CUXTbMAe.js';
+import '../Typography-Cuv13L-M.js';
+import '../Icon-CIJUNf3r.js';
 import '@jobber/design';
-import '../Heading-CDTa_Il1.js';
-import '../InputText-rf6c3CNX.js';
-import '../FormField-vbLl128P.js';
+import '../Heading-BB_MTdfw.js';
+import '../InputText-DsdM040H.js';
+import '../FormField-DB1iyKod.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-DzOZeOut.js';
+import '../Button-BTUw2PiB.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-Cxrm84qn.js';
-import '../InputValidation-b8EelhLX.js';
-import '../Spinner-Dv9lfE_4.js';
-import '../debounce-Dw0-b5-9.js';
-import '../_commonjsHelpers-BdWaUN63.js';
-import '../isObjectLike-CjidE86r.js';
-import '../isSymbol-DgRq6vrr.js';
+import '../useFormFieldFocus-jkKtRt5N.js';
+import '../InputValidation-bml9AD-C.js';
+import '../Spinner-DYDwWm7U.js';
+import '../debounce-DW442j3O.js';
+import '../_commonjsHelpers-gBNbgcZ6.js';
+import '../isObjectLike-Cxhsabfn.js';
+import '../isSymbol-tIvJKv9F.js';

package/dist/{Autocomplete-j-YDDuj7.js → Autocomplete-2T6vAksT.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-COXZmzY1.js');
+var tslib_es6 = require('./tslib.es6-DPaZkqp4.js');
 var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-Dhu63LND.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-C8CMygHq.js');
-var useIsMounted = require('./useIsMounted-B3kmB6h_.js');
-var Text = require('./Text-B4LXL7gd.js');
-var Icon = require('./Icon-ni_f0C-u.js');
-var Heading = require('./Heading-CSWo3cSs.js');
-var InputText = require('./InputText-DnQG1biy.js');
-var debounce = require('./debounce-CMi4CrDz.js');
+var useOnKeyDown = require('./useOnKeyDown-BQAzxUPl.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-05n1s4gm.js');
+var useIsMounted = require('./useIsMounted-CqSfQTTK.js');
+var Text = require('./Text-C-jAtLPm.js');
+var Icon = require('./Icon-CPWseNxt.js');
+var Heading = require('./Heading-DbcdrYVS.js');
+var InputText = require('./InputText-CpkJ4Ddr.js');
+var debounce = require('./debounce-Dgaepg3g.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-"};
+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-","spinning":"iPB87GEOvKw-"};
 
 var IndexChange;
 (function (IndexChange) {

package/dist/{Autocomplete-B6_lewxc.js → Autocomplete-B3zBbq5z.js}

@@ -1,18 +1,18 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-CwImoqKx.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-DDnMVceX.js';
 import React, { useState, useEffect, useRef, useMemo, forwardRef } from 'react';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-DeEl76qU.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-C205P5Ep.js';
-import { u as useIsMounted_2 } from './useIsMounted-DH8440s-.js';
-import { T as Text } from './Text-DhM4zJcT.js';
-import { I as Icon } from './Icon-Bt7Vo2Al.js';
-import { H as Heading } from './Heading-CDTa_Il1.js';
-import { I as InputText } from './InputText-rf6c3CNX.js';
-import { a as debounce } from './debounce-Dw0-b5-9.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-DsoEybKu.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-K1mPJ3RM.js';
+import { u as useIsMounted_2 } from './useIsMounted-OoRjX9Bs.js';
+import { T as Text } from './Text-CUXTbMAe.js';
+import { I as Icon } from './Icon-CIJUNf3r.js';
+import { H as Heading } from './Heading-BB_MTdfw.js';
+import { I as InputText } from './InputText-DsdM040H.js';
+import { a as debounce } from './debounce-DW442j3O.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-"};
+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-","spinning":"iPB87GEOvKw-"};
 
 var IndexChange;
 (function (IndexChange) {

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-CsRfvQs3.js');
+var Avatar = require('../Avatar-BI3-hfUI.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-ni_f0C-u.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-a2PQSHKm.js';
+export { A as Avatar } from '../Avatar-CmM-eRgB.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-Bt7Vo2Al.js';
+import '../Icon-CIJUNf3r.js';
 import '@jobber/design';

package/dist/{Avatar-CsRfvQs3.js → Avatar-BI3-hfUI.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-ni_f0C-u.js');
+var Icon = require('./Icon-CPWseNxt.js');
 
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
+var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-","spinning":"Hy8OadVgshM-"};
 
 function isDark(colorToCheck) {
     if (colorToCheck == undefined) {

package/dist/{Avatar-a2PQSHKm.js → Avatar-CmM-eRgB.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-Bt7Vo2Al.js';
+import { I as Icon } from './Icon-CIJUNf3r.js';
 
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
+var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-","spinning":"Hy8OadVgshM-"};
 
 function isDark(colorToCheck) {
     if (colorToCheck == undefined) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-BxnpmcWj.js');
+var BannerIcon = require('../../../BannerIcon-C0tSBSHe.js');
 require('react');
 require('classnames');
-require('../../../Icon-ni_f0C-u.js');
+require('../../../Icon-CPWseNxt.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-DAdcI_ty.js';
+export { B as BannerIcon } from '../../../BannerIcon-DoD6UZ3f.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-Bt7Vo2Al.js';
+import '../../../Icon-CIJUNf3r.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-Am1COZCJ.js');
+var Banner = require('../Banner-B-ttycom.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-Br09VyPd.js');
-require('../_commonjsHelpers-Dl8s_bGt.js');
-require('../throttle-J_06qR1P.js');
-require('../debounce-CMi4CrDz.js');
-require('../isObjectLike-BrCka2vK.js');
-require('../isSymbol-pp__iVVP.js');
-require('../BannerIcon-BxnpmcWj.js');
-require('../Icon-ni_f0C-u.js');
+require('../useResizeObserver-Buy-Nsu9.js');
+require('../_commonjsHelpers-CotG4Fdx.js');
+require('../throttle-D3Kh5hi4.js');
+require('../debounce-Dgaepg3g.js');
+require('../isObjectLike-Cv8WvxD3.js');
+require('../isSymbol-0jEJWsjR.js');
+require('../BannerIcon-C0tSBSHe.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
-require('../Text-B4LXL7gd.js');
-require('../Typography-DOt2Sswi.js');
-require('../Button-B-HKiPJf.js');
+require('../Text-C-jAtLPm.js');
+require('../Typography-DjNLW5lP.js');
+require('../Button-JPYYhZS1.js');
 require('react-router-dom');
-require('../ButtonDismiss-BEKk3x1a.js');
+require('../ButtonDismiss-D1HTTIhJ.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,17 @@
-export { B as Banner } from '../Banner-u0b1-oka.js';
+export { B as Banner } from '../Banner-Ct8-MpO7.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-C9bU_nr5.js';
-import '../_commonjsHelpers-BdWaUN63.js';
-import '../throttle-CZ-5HxaJ.js';
-import '../debounce-Dw0-b5-9.js';
-import '../isObjectLike-CjidE86r.js';
-import '../isSymbol-DgRq6vrr.js';
-import '../BannerIcon-DAdcI_ty.js';
-import '../Icon-Bt7Vo2Al.js';
+import '../useResizeObserver-CW0nNkvB.js';
+import '../_commonjsHelpers-gBNbgcZ6.js';
+import '../throttle-jKCGZAZl.js';
+import '../debounce-DW442j3O.js';
+import '../isObjectLike-Cxhsabfn.js';
+import '../isSymbol-tIvJKv9F.js';
+import '../BannerIcon-DoD6UZ3f.js';
+import '../Icon-CIJUNf3r.js';
 import '@jobber/design';
-import '../Text-DhM4zJcT.js';
-import '../Typography-DGNqI8Y0.js';
-import '../Button-DzOZeOut.js';
+import '../Text-CUXTbMAe.js';
+import '../Typography-Cuv13L-M.js';
+import '../Button-BTUw2PiB.js';
 import 'react-router-dom';
-import '../ButtonDismiss-BrV95K_f.js';
+import '../ButtonDismiss-m5BmI46G.js';

package/dist/{Banner-Am1COZCJ.js → Banner-B-ttycom.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-Br09VyPd.js');
-var BannerIcon = require('./BannerIcon-BxnpmcWj.js');
-var Text = require('./Text-B4LXL7gd.js');
-var Button = require('./Button-B-HKiPJf.js');
-var ButtonDismiss = require('./ButtonDismiss-BEKk3x1a.js');
+var useResizeObserver = require('./useResizeObserver-Buy-Nsu9.js');
+var BannerIcon = require('./BannerIcon-C0tSBSHe.js');
+var Text = require('./Text-C-jAtLPm.js');
+var Button = require('./Button-JPYYhZS1.js');
+var ButtonDismiss = require('./ButtonDismiss-D1HTTIhJ.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/{Banner-u0b1-oka.js → Banner-Ct8-MpO7.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-C9bU_nr5.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-DAdcI_ty.js';
-import { T as Text } from './Text-DhM4zJcT.js';
-import { B as Button } from './Button-DzOZeOut.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BrV95K_f.js';
+import { u as useResizeObserver } from './useResizeObserver-CW0nNkvB.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-DoD6UZ3f.js';
+import { T as Text } from './Text-CUXTbMAe.js';
+import { B as Button } from './Button-BTUw2PiB.js';
+import { B as ButtonDismiss } from './ButtonDismiss-m5BmI46G.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{BannerIcon-BxnpmcWj.js → BannerIcon-C0tSBSHe.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-ni_f0C-u.js');
+var Icon = require('./Icon-CPWseNxt.js');
 
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
+var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
 
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
+var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
 
 function BannerIcon({ icon, type }) {
     return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },

package/dist/{BannerIcon-DAdcI_ty.js → BannerIcon-DoD6UZ3f.js}

@@ -1,10 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-Bt7Vo2Al.js';
+import { I as Icon } from './Icon-CIJUNf3r.js';
 
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
+var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
 
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
+var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
 
 function BannerIcon({ icon, type }) {
     return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },

package/dist/{Body-D1g-mtBb.js → Body-0sf_VyWa.js}

@@ -2,7 +2,7 @@ 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-"};
+var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-","spinning":"Ow9tB6vajv0-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);
@@ -12,7 +12,7 @@ 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-"};
+var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-","spinning":"lRycOnKAeKk-"};
 
 function Cell({ children, align = "left" }) {
     const className = classnames(styles.cell, styles[align]);

package/dist/{Body-DRcwKnng.js → Body-CteV4gKG.js}

@@ -4,7 +4,7 @@ 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-"};
+var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-","spinning":"Ow9tB6vajv0-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);
@@ -14,7 +14,7 @@ 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-"};
+var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-","spinning":"lRycOnKAeKk-"};
 
 function Cell({ children, align = "left" }) {
     const className = classnames(styles.cell, styles[align]);

package/dist/Box/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Box = require('../Box-BoOkJ2x8.js');
-require('../tslib.es6-COXZmzY1.js');
+var Box = require('../Box-BZZNtMQ1.js');
+require('../tslib.es6-DPaZkqp4.js');
 require('react');
 require('classnames');
 

package/dist/Box/index.mjs

@@ -1,4 +1,4 @@
-export { B as Box } from '../Box-DSZ7F1ml.js';
-import '../tslib.es6-CwImoqKx.js';
+export { B as Box } from '../Box-CEAbwvyY.js';
+import '../tslib.es6-DDnMVceX.js';
 import 'react';
 import 'classnames';

package/dist/{Box-BoOkJ2x8.js → Box-BZZNtMQ1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-COXZmzY1.js');
+var tslib_es6 = require('./tslib.es6-DPaZkqp4.js');
 var React = require('react');
 var classnames = require('classnames');
 
-var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-"};
+var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-","spinning":"gcSzLRKh0KU-"};
 
 // Borders
 const getBorderClassNames = (size) => getClassNames$1({
@@ -45,7 +45,7 @@ function getVars$2({ size, tokenPrefix, varPrefix }) {
     return customProperties;
 }
 
-var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-"};
+var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-","spinning":"CSWAqxJcUps-"};
 
 const getHeightClassName = (value) => getClassName(value, "height");
 const getHeightVars = (value) => getVars$1(value, "height");
@@ -70,9 +70,9 @@ function getVars$1(value, prefix) {
     }
 }
 
-var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-"};
+var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-","spinning":"avhwkdby-Ng-"};
 
-var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-"};
+var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-","spinning":"U5ctWueFo0o-"};
 
 // Padding
 const getPaddingClassNames = getClassNames;
@@ -115,11 +115,11 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-"};
+var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-","spinning":"iBc0budzcr4-"};
 
-var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-"};
+var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-","spinning":"_1D4y4sNTCQU-"};
 
-var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-"};
+var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-","spinning":"IS9RxOAwpcQ-"};
 
 function Box(_a) {
     var { alignItems, alignSelf, as: Tag = "div", background, border, borderColor, children, direction, gap, height = "auto", justifyContent, margin, overflow, padding, position = "relative", preserveWhiteSpace, radius, width = "auto" } = _a, props = tslib_es6.__rest(_a, ["alignItems", "alignSelf", "as", "background", "border", "borderColor", "children", "direction", "gap", "height", "justifyContent", "margin", "overflow", "padding", "position", "preserveWhiteSpace", "radius", "width"]);

package/dist/{Box-DSZ7F1ml.js → Box-CEAbwvyY.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-CwImoqKx.js';
+import { _ as __rest } from './tslib.es6-DDnMVceX.js';
 import React from 'react';
 import classnames from 'classnames';
 
-var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-"};
+var borderStyles = {"border":"Fc3XmKHBRJI-","border-base":"eqs5gwb8U7o-","border-top":"tEDeSVLy-lk-","border-right":"WPxnJBHs26s-","border-bottom":"hjNAtsV6ve8-","border-left":"oVJMspWfaKU-","spinning":"gcSzLRKh0KU-"};
 
 // Borders
 const getBorderClassNames = (size) => getClassNames$1({
@@ -43,7 +43,7 @@ function getVars$2({ size, tokenPrefix, varPrefix }) {
     return customProperties;
 }
 
-var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-"};
+var styles$1 = {"height-auto":"WjhFgTcWtRQ-","width-auto":"V38qsc2Nv3I-","height-shrink":"LySXsk4GiSo-","width-shrink":"_704iSB00BWo-","height-grow":"z7MVaKdZk1A-","width-grow":"efOAzCs1oK4-","spinning":"CSWAqxJcUps-"};
 
 const getHeightClassName = (value) => getClassName(value, "height");
 const getHeightVars = (value) => getVars$1(value, "height");
@@ -68,9 +68,9 @@ function getVars$1(value, prefix) {
     }
 }
 
-var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-"};
+var marginStyles = {"base":"Pjky1t2oDsI-","horizontal":"_8cP7YNWn2Zk-","vertical":"V9qThknYUH4-","top":"xW4ppgE5baw-","right":"s4zJGb-14jw-","bottom":"Sjw-W4hUH3I-","left":"yUVKj8HRonc-","spinning":"avhwkdby-Ng-"};
 
-var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-"};
+var paddingStyles = {"base":"KVzsbOUPerc-","horizontal":"SilT7o6mmhA-","vertical":"DbN900qDR-I-","top":"zA4BoBuR1vo-","right":"H325dsXQAtg-","bottom":"uCGKNtqPMR0-","left":"_2VQrXLV9p8w-","spinning":"U5ctWueFo0o-"};
 
 // Padding
 const getPaddingClassNames = getClassNames;
@@ -113,11 +113,11 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-"};
+var styles = {"box":"-I0XNzSRsng-","preserve-white-space":"MgXLsiG70BE-","spinning":"iBc0budzcr4-"};
 
-var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-"};
+var gapStyles = {"gap-minuscule":"I110VRFhS6g-","gap-smallest":"-KwWkSHD3jc-","gap-smaller":"lqrj9tAPw08-","gap-small":"u7CUJIhbDX0-","gap-base":"-j6RcvHioPk-","gap-large":"YTSq8sF1JOU-","gap-larger":"_6UC4S5oet7U-","gap-largest":"UHSg4Quc-FU-","gap-extravagant":"_1cDbd49j8rQ-","spinning":"_1D4y4sNTCQU-"};
 
-var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-"};
+var radiusStyles = {"radius-small":"_2WZlkl6zzOM-","radius-base":"_0O-WoWgZuOk-","radius-large":"zZn1OwyCsDs-","radius-larger":"_8sjm89Pi2OU-","radius-circle":"Vebr9lHAPyE-","spinning":"IS9RxOAwpcQ-"};
 
 function Box(_a) {
     var { alignItems, alignSelf, as: Tag = "div", background, border, borderColor, children, direction, gap, height = "auto", justifyContent, margin, overflow, padding, position = "relative", preserveWhiteSpace, radius, width = "auto" } = _a, props = __rest(_a, ["alignItems", "alignSelf", "as", "background", "border", "borderColor", "children", "direction", "gap", "height", "justifyContent", "margin", "overflow", "padding", "position", "preserveWhiteSpace", "radius", "width"]);