@jobber/components 5.23.2-use-correc.1 → 5.24.0

package/dist/AnimatedPresence/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AnimatedPresence = require('../AnimatedPresence-w3ltyIQ-.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-D5Ei2TvO.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-BDP3fZX6.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-DaV0sdny.js');
 require('react');
 require('framer-motion');
-require('../Icon-K1jmClcI.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

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

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

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

package/dist/{AnimatedSwitcher-B9JLQjNk.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-DWw0Bkjm.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-wLFH5XiV.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-DdTDfUTH.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-fQljcife.js');
-require('../tslib.es6-BUB_T3dM.js');
+var Autocomplete = require('../Autocomplete-2T6vAksT.js');
+require('../tslib.es6-DPaZkqp4.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-D6QNshtE.js');
-require('../useSafeLayoutEffect-D6gNUd27.js');
-require('../useIsMounted-CysJTqAs.js');
-require('../Text-EOWRgmdN.js');
-require('../Typography-DfxyBPbU.js');
-require('../Icon-K1jmClcI.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-DvwHYvaM.js');
-require('../InputText-C5onw-v3.js');
-require('../FormField-CpEy5OCY.js');
+require('../Heading-DbcdrYVS.js');
+require('../InputText-CpkJ4Ddr.js');
+require('../FormField-5T4IHzqV.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-Br3y9ZzO.js');
+require('../Button-JPYYhZS1.js');
 require('react-router-dom');
-require('../useFormFieldFocus-CmL-i_FG.js');
-require('../InputValidation-BaDIqn-P.js');
-require('../Spinner-CVJyQ6HV.js');
-require('../debounce-C1CN5OZv.js');
-require('../_commonjsHelpers-xU6NnbxT.js');
-require('../isObjectLike-eSjV81GZ.js');
-require('../isSymbol-Btmw3Ewh.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-FOuOW0_B.js';
-import '../tslib.es6-BjCjlhkV.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-CTJn_z-O.js';
-import '../useSafeLayoutEffect-673934pR.js';
-import '../useIsMounted-C8Il49Ic.js';
-import '../Text-C1AfP0sQ.js';
-import '../Typography-BH8nN6cm.js';
-import '../Icon-DWw0Bkjm.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-DAao-oGe.js';
-import '../InputText-BGrqagNZ.js';
-import '../FormField-BIpEABRo.js';
+import '../Heading-BB_MTdfw.js';
+import '../InputText-DsdM040H.js';
+import '../FormField-DB1iyKod.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-CLpdQxTM.js';
+import '../Button-BTUw2PiB.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-REasdYWt.js';
-import '../InputValidation-FtV47-pa.js';
-import '../Spinner-902mGyZn.js';
-import '../debounce-CVPMvYeJ.js';
-import '../_commonjsHelpers-BFDipJsQ.js';
-import '../isObjectLike-tv8OtDhd.js';
-import '../isSymbol-C8zfLPxu.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-fQljcife.js → Autocomplete-2T6vAksT.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BUB_T3dM.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-D6QNshtE.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-D6gNUd27.js');
-var useIsMounted = require('./useIsMounted-CysJTqAs.js');
-var Text = require('./Text-EOWRgmdN.js');
-var Icon = require('./Icon-K1jmClcI.js');
-var Heading = require('./Heading-DvwHYvaM.js');
-var InputText = require('./InputText-C5onw-v3.js');
-var debounce = require('./debounce-C1CN5OZv.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-FOuOW0_B.js → Autocomplete-B3zBbq5z.js}

@@ -1,18 +1,18 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-BjCjlhkV.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-CTJn_z-O.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-673934pR.js';
-import { u as useIsMounted_2 } from './useIsMounted-C8Il49Ic.js';
-import { T as Text } from './Text-C1AfP0sQ.js';
-import { I as Icon } from './Icon-DWw0Bkjm.js';
-import { H as Heading } from './Heading-DAao-oGe.js';
-import { I as InputText } from './InputText-BGrqagNZ.js';
-import { a as debounce } from './debounce-CVPMvYeJ.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-HhxkmH91.js');
+var Avatar = require('../Avatar-BI3-hfUI.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-K1jmClcI.js');
+require('../Icon-CPWseNxt.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

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

package/dist/{Avatar-HhxkmH91.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-K1jmClcI.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-C6lKgboW.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-DWw0Bkjm.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-DT1CDGDq.js');
+var BannerIcon = require('../../../BannerIcon-C0tSBSHe.js');
 require('react');
 require('classnames');
-require('../../../Icon-K1jmClcI.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-_aHSaRA2.js';
+export { B as BannerIcon } from '../../../BannerIcon-DoD6UZ3f.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-DWw0Bkjm.js';
+import '../../../Icon-CIJUNf3r.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-DoUlEorC.js');
+var Banner = require('../Banner-B-ttycom.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-D1BjCDWQ.js');
-require('../_commonjsHelpers-xU6NnbxT.js');
-require('../throttle-D8mucpQE.js');
-require('../debounce-C1CN5OZv.js');
-require('../isObjectLike-eSjV81GZ.js');
-require('../isSymbol-Btmw3Ewh.js');
-require('../BannerIcon-DT1CDGDq.js');
-require('../Icon-K1jmClcI.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-EOWRgmdN.js');
-require('../Typography-DfxyBPbU.js');
-require('../Button-Br3y9ZzO.js');
+require('../Text-C-jAtLPm.js');
+require('../Typography-DjNLW5lP.js');
+require('../Button-JPYYhZS1.js');
 require('react-router-dom');
-require('../ButtonDismiss-DUz7ydcy.js');
+require('../ButtonDismiss-D1HTTIhJ.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,17 @@
-export { B as Banner } from '../Banner-zIFWIC8l.js';
+export { B as Banner } from '../Banner-Ct8-MpO7.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-S_4eQ2YC.js';
-import '../_commonjsHelpers-BFDipJsQ.js';
-import '../throttle-BqNO4-Vd.js';
-import '../debounce-CVPMvYeJ.js';
-import '../isObjectLike-tv8OtDhd.js';
-import '../isSymbol-C8zfLPxu.js';
-import '../BannerIcon-_aHSaRA2.js';
-import '../Icon-DWw0Bkjm.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-C1AfP0sQ.js';
-import '../Typography-BH8nN6cm.js';
-import '../Button-CLpdQxTM.js';
+import '../Text-CUXTbMAe.js';
+import '../Typography-Cuv13L-M.js';
+import '../Button-BTUw2PiB.js';
 import 'react-router-dom';
-import '../ButtonDismiss-DUmJrgOu.js';
+import '../ButtonDismiss-m5BmI46G.js';

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

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-D1BjCDWQ.js');
-var BannerIcon = require('./BannerIcon-DT1CDGDq.js');
-var Text = require('./Text-EOWRgmdN.js');
-var Button = require('./Button-Br3y9ZzO.js');
-var ButtonDismiss = require('./ButtonDismiss-DUz7ydcy.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-zIFWIC8l.js → Banner-Ct8-MpO7.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-S_4eQ2YC.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-_aHSaRA2.js';
-import { T as Text } from './Text-C1AfP0sQ.js';
-import { B as Button } from './Button-CLpdQxTM.js';
-import { B as ButtonDismiss } from './ButtonDismiss-DUmJrgOu.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-DT1CDGDq.js → BannerIcon-C0tSBSHe.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-K1jmClcI.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-_aHSaRA2.js → BannerIcon-DoD6UZ3f.js}

@@ -1,10 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-DWw0Bkjm.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-cAZFtYr3.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-DUC5TlEA.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-DfqgaApT.js');
-require('../tslib.es6-BUB_T3dM.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-DmGV6qrP.js';
-import '../tslib.es6-BjCjlhkV.js';
+export { B as Box } from '../Box-CEAbwvyY.js';
+import '../tslib.es6-DDnMVceX.js';
 import 'react';
 import 'classnames';

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BUB_T3dM.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-DmGV6qrP.js → Box-CEAbwvyY.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-BjCjlhkV.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"]);