@jobber/components 7.1.1 → 7.1.2-CLEANUPfi-de42c71.7

package/README.md

@@ -8,7 +8,7 @@ Atlantis is a component library designed and maintained by
 This package contains the base set of [React components](https://reactjs.org/)
 for Atlantis.
 
-## Installation 
+## Installation
 
 To install this package into your project run:
 

package/dist/AtlantisThemeContext-cjs.js

@@ -342,7 +342,7 @@ var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",

package/dist/AtlantisThemeContext-es.js

@@ -1,11 +1,11 @@
 import { tokens, darkTokens } from '@jobber/design';
-import React__default, { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
+import React__default, { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { e as eq_1, c as _Stack } from './identity-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
-import { _ as _copyObject, k as keysIn_1, a as _copyArray, b as _cloneBufferExports, c as _cloneTypedArray, i as isPlainObject_1, d as _initCloneObject } from './keysIn-es.js';
-import { i as isArrayLike_1, b as isBufferExports, c as isTypedArray_1, a as isArray_1, d as isArguments_1, j as isFunction_1 } from './isTypedArray-es.js';
+import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
+import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
 import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 
@@ -330,23 +330,23 @@ var baseMerge = _baseMerge,
  * _.merge(object, other);
  * // => { 'a': [{ 'b': 2, 'c': 3 }, { 'd': 4, 'e': 5 }] }
  */
-var merge$1 = createAssigner(function(object, source, srcIndex) {
+var merge = createAssigner(function(object, source, srcIndex) {
   baseMerge(object, source, srcIndex);
 });
 
-var merge_1 = merge$1;
+var merge_1 = merge;
 
-var merge = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
+var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
 
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
 
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-"};
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 
 const atlantisThemeContextDefaultValues = {
     theme: "light",
     tokens: tokens,
 };
-const actualDarkTokens = merge({}, tokens, darkTokens);
+const actualDarkTokens = merge$1({}, tokens, darkTokens);
 const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
 function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
     if (dangerouslyOverrideTheme) {
@@ -401,7 +401,7 @@ function useTokens(theme, overrideTokens) {
     const currentTokens = theme === "dark" ? actualDarkTokens : tokens;
     const finalTokens = useMemo(() => {
         if (overrideTokens) {
-            return merge({}, currentTokens, overrideTokens);
+            return merge$1({}, currentTokens, overrideTokens);
         }
         return currentTokens;
     }, [currentTokens, overrideTokens]);

package/dist/Autocomplete/index.cjs

@@ -32,7 +32,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1312,7 +1312,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = floatingUi_react.useFloating(Object.assign({ placement: "bottom", middleware: [

package/dist/Autocomplete/index.mjs

@@ -4,14 +4,14 @@ import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
 import { c as calculateMaxHeight } from '../maxHeight-es.js';
-import { a as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
+import { b as autoUpdate, o as offset, f as flip, d as size } from '../floating-ui.react-dom-es.js';
 import { H as Heading } from '../Heading-es.js';
 import { T as Text } from '../Text-es.js';
 import { T as Typography } from '../Typography-es.js';
 import { I as Icon } from '../Icon-es.js';
-import { a as Glimmer } from '../Glimmer-es.js';
+import { G as Glimmer } from '../Glimmer-es.js';
 import { InputText } from '../InputText/index.mjs';
-import { n as mergeRefs, e as FormFieldWrapper } from '../FormField-es.js';
+import { n as mergeRefs, f as FormFieldWrapper } from '../FormField-es.js';
 import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
 import 'react-hook-form';
 import '../Button-es.js';
@@ -30,7 +30,7 @@ const AUTOCOMPLETE_MAX_HEIGHT$1 = 300;
 /** Stable empty array for cleared/empty selection state. Reuse to avoid reference churn. */
 const EMPTY_SELECTED_VALUES = [];
 
-var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-"};
+var styles$1 = {"list":"_37kZB-nYE08-","loadingList":"ULib3TUQja0-","option":"h5-1Pp0eRyo-","defaultOptionContent":"iBkyj85vd-E-","icon":"I6wAbSJJHNQ-","optionActive":"_4yhnonWAWRY-","actionActive":"oGLMF6n8C74-","action":"LBrwH6TEUYA-","section":"DDOv4DR8bJQ-","emptyStateMessage":"Twgjn26oldE-","stickyTop":"mc1-CEwZtHE-","scrollRegion":"kOR88SFNOn0-","persistentHeader":"_0O-kEf3h9ZI-","persistentFooter":"rQ9ZS7Rb7Z4-","textPersistent":"vxk57ZhP8GU-","multiSelectField":"AWoK6-P8fFE-","chipArea":"zJm0oR5x4qY-","inlineInput":"Oa26ZaVEi3g-","selectionChip":"IarOrfyYExE-","selectionChipActive":"pmtAk9HEhF4-","selectionChipDisabled":"nmXqlAV-DJo-","chipDismiss":"SmrmwoOlZDo-","limitText":"pqwAJ8VczCU-","spinning":"_0d8hyvaCPAw-"};
 
 function flattenMenu(menu) {
     const optionItems = [];
@@ -1310,7 +1310,7 @@ function MultipleSelectionLayout({ selectedValues, inputValue, disabled, error,
         children));
 }
 
-var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
     const { refs, floatingStyles, update } = useFloating(Object.assign({ placement: "bottom", middleware: [

package/dist/Body-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var formatters = require('@jobber/formatters');
 var classnames = require('classnames');
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);

package/dist/Body-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { formatCurrency } from '@jobber/formatters';
 import classnames from 'classnames';
 
-var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-"};
+var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
 
 function Table({ children }) {
     return React__default.createElement("table", { className: styles$1.table }, children);
@@ -42,4 +42,4 @@ function Body({ children }) {
     return React__default.createElement("tbody", null, children);
 }
 
-export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellCurrency as a, CellNumeric as b };
+export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };

package/dist/BottomSheet-cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var DrawerRoot = require('./DrawerRoot-cjs.js');
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
 
 const BOTTOM_THRESHOLD = 1;
 const BottomSheetContext = React.createContext(null);

package/dist/BottomSheet-es.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { D as DrawerPortal, a as DrawerBackdrop, b as DrawerPopup, c as DrawerContent, d as DrawerRoot } from './DrawerRoot-es.js';
 
-var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-"};
+var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
 
 const BOTTOM_THRESHOLD = 1;
 const BottomSheetContext = React__default.createContext(null);

package/dist/Box-cjs.js

@@ -18,7 +18,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        styles[defaultClass],
+        defaultClass && styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -115,7 +115,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Box-es.js

@@ -16,7 +16,7 @@ function getClassNames$1({ defaultClass, prefix, size, styles, }) {
     if (!size)
         return;
     const className = [
-        styles[defaultClass],
+        defaultClass && styles[defaultClass],
     ];
     if (typeof size === "string") {
         className.push(styles[`${prefix}-base`]);
@@ -113,7 +113,7 @@ function getVars(size, basePrefix = "--box-padding") {
     return customProperties;
 }
 
-var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-"};
+var styles = {"box":"_3hq7jJitEgs-","preserve-white-space":"oWJNe7O1DFI-","spinning":"wXEsL-y93kQ-"};
 
 var gapStyles = {"gap-minuscule":"QJaShYW08G4-","gap-smallest":"_6Cm3NqSDt4Y-","gap-smaller":"_4HNb8yqqy34-","gap-small":"O-c4Zb8TOoE-","gap-slim":"-jtvRWsRRc4-","gap-base":"JdxCZSu6mUE-","gap-large":"-yIVkzs7exw-","gap-larger":"obuoQPiyBuc-","gap-largest":"VqE9QLxSDIE-","gap-extravagant":"_4jHngIdjuqo-","spinning":"a-aXE4DiSRI-"};
 

package/dist/Button/index.mjs

@@ -1,4 +1,4 @@
-export { B as Button, u as useButtonContext, a as useButtonStyles } from '../Button-es.js';
+export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
 import 'react';
 import 'react-router-dom';
 import 'classnames';

package/dist/Button-es.js

@@ -92,4 +92,4 @@ function ButtonWrapper(props) {
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;
 
-export { Button as B, useButtonStyles as a, useButtonContext as u };
+export { Button as B, useButtonContext as a, useButtonStyles as u };

package/dist/Card-cjs.js

@@ -6,7 +6,7 @@ var Heading = require('./Heading-cjs.js');
 var Button = require('./Button-cjs.js');
 var Menu = require('./Menu-cjs.js');
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Card-es.js

@@ -4,7 +4,7 @@ import { H as Heading } from './Heading-es.js';
 import { B as Button } from './Button-es.js';
 import { M as Menu } from './Menu-es.js';
 
-var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-"};
+var styles = {"card":"-PlHaWx00Hw-","accent":"Iilm5Uhxo50-","clickable":"Vppn4k0fBsc-","header":"l3-Pkynq2zA-","spinning":"hvqmZrWenIs-"};
 
 var colors = {"requestColor":"_5mDLThZ7dBQ-","quoteColor":"-n66fUZcIH4-","jobColor":"vfz0wjl-krU-","invoiceColor":"UnWnEyw0-jY-","clientColor":"iRFdI5utAsU-","blue":"_0f94rfGFhgQ-","blueLight":"UZmLtIoFU0w-","blueLighter":"_5bsgmHFheR8-","blueLightest":"odY4oZL82vc-","blueDark":"efMKqzdbpSM-","green":"PuLfA1HnrOs-","greenLight":"_9xiJ-MAQiTY-","greenLighter":"lmzbPrdLKIM-","greenLightest":"S5ZiMPMgAmo-","greenDark":"NIwEAXj-xbU-","lime":"_4rexkfLqzOk-","limeLight":"H3c6K82o178-","limeLighter":"_7-lMfROnQU8-","limeLightest":"Ula38LO3Ays-","limeDark":"GQCFMOlKqhw-","yellowGreen":"WxVa9PUSqNk-","yellowGreenLight":"-XIQhBSotwA-","yellowGreenLighter":"r9f1ybI7SeU-","yellowGreenLightest":"JgtJf0Qh1sg-","yellowGreenDark":"ON15q9QZXPA-","yellow":"Oi95vpOkcj4-","yellowLight":"hTJPhQ2V8RM-","yellowLighter":"YLRdqtxcY5g-","yellowLightest":"WiyLCwtXnPg-","yellowDark":"ujxwIinNJ0A-","red":"yL4o-89200k-","redLight":"_1C9So1tlmCo-","redLighter":"AVKIKX3Jk2Y-","redLightest":"NtJ7t9sNRxY-","redDark":"nuliwU-1NCI-","grey":"WPvwxb8gzwI-","greyLight":"O8FMSwoZOog-","greyLighter":"M4Ag1a-ThKE-","greyLightest":"adtwz9eEtbE-","greyDark":"EJoHvQW5sXw-","greyBlue":"ocGhxlAjeA8-","greyBlueLight":"FC48-U489FM-","greyBlueLighter":"Jc5SOCWjD0I-","greyBlueLightest":"-JQhLuDsLTg-","greyBlueDark":"YXdImUdlDwQ-","lightBlue":"hRRwMChk2-k-","lightBlueLight":"usPlm5p7svg-","lightBlueLighter":"jN9BGAMnCLQ-","lightBlueLightest":"xeJfT0FMKtc-","lightBlueDark":"vWSUNAsOB6g-","purple":"Q17e9VQy-kI-","purpleLight":"pKusyI7bMxc-","purpleLighter":"ceTZn8oUUCg-","purpleLightest":"GYwXWYcZPPc-","purpleDark":"uXNnhLCRSPc-","pink":"eptfViHsA5o-","pinkLight":"_9mgeBAoZsME-","pinkLighter":"fCkb0vtBUJY-","pinkLightest":"Nfx7Me6gfew-","pinkDark":"PXtxWUy1pvk-","teal":"TCIFwV-8jfU-","tealLight":"QKM3Gc0bQxI-","tealLighter":"ILaFINMoSlM-","tealLightest":"wj7qD0ryDNw-","tealDark":"tUjjyB7GN-Q-","orange":"gtKRbI99aQU-","orangeLight":"uUvtDEYmYhE-","orangeLighter":"UNvUmONc6bM-","orangeLightest":"sBl1hHCnBpA-","orangeDark":"ceM7ISMCfX4-","brown":"XGl6Iv7N1e0-","brownLight":"n474Hn3j8es-","brownLighter":"UoyCJSsgMI0-","brownLightest":"_8rrvx00EpUc-","brownDark":"JWWWvdngqx4-","navy":"Jfp-dUno4KQ-","navyLight":"_5SGbQDSEQlE-","navyLighter":"DMElPhnEjrM-","navyLightest":"Nd80Eh7efmo-","navyDark":"YNxCRirQrH4-","indigo":"oiO69PZN9YQ-","indigoLight":"_0IY3-0yi-R8-","indigoLighter":"EhlKEc9GoHs-","indigoLightest":"AdDWGn8NI00-","indigoDark":"_2ps4Uk-mog0-","white":"mflIgpDr82Y-","spinning":"qesphJ0zKaM-"};
 

package/dist/Checkbox/index.cjs

@@ -10,7 +10,7 @@ var filterDataAttributes = require('../filterDataAttributes-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined

package/dist/Checkbox/index.mjs

@@ -8,7 +8,7 @@ import { f as filterDataAttributes } from '../filterDataAttributes-es.js';
 import '@jobber/design';
 import '../Typography-es.js';
 
-var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-"};
+var styles = {"checkBoxParent":"YxKKPXAU10s-","wrapper":"KxWx-msbH9c-","disabled":"TKr3J-6ARFo-","checkHolder":"NO34ZbhNqhI-","input":"XnCmS-EzK2M-","checkBox":"_-8JCQE6SA9s-","indeterminate":"rqHq3ff9In0-","invalid":"Gqnclw4WaeQ-","label":"l8z5TxzVvqA-","description":"DcBfVgpiWa4-","spinning":"rFBN9M5-4Ok-"};
 
 function CheckboxLegacy({ checked, defaultChecked, disabled, label, name, value, indeterminate = false, description, children, onBlur, onChange, onFocus, }) {
     const { control, setValue, watch } = useFormContext() != undefined

package/dist/Chip/index.mjs

@@ -1,5 +1,5 @@
 export { C as Chip } from '../Chip-es.js';
-export { C as ChipDismissible, a as ChipSelectable } from '../ChipDismissible-es.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-es.js';
 import 'react';
 import 'classnames';
 import '@jobber/hooks';

package/dist/Chip-cjs.js

@@ -9,7 +9,7 @@ var useChildComponent = require('./useChildComponent-cjs.js');
 var Typography = require('./Typography-cjs.js');
 var Tooltip = require('./Tooltip-cjs.js');
 
-var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
+var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
 
 function ChipPrefix({ children }) {
     const avatarOrIcon = useChildComponent.useChildComponent(children, d => d.type === Avatar.Avatar || d.type === Icon.Icon);
@@ -18,7 +18,7 @@ function ChipPrefix({ children }) {
     return React.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
 }
 
-var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
+var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = React.useRef(null);

package/dist/Chip-es.js

@@ -7,7 +7,7 @@ import { u as useChildComponent } from './useChildComponent-es.js';
 import { T as Typography } from './Typography-es.js';
 import { T as Tooltip } from './Tooltip-es.js';
 
-var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-"};
+var styles$1 = {"chip":"FJNLweTKlm4-","clickableSuffix":"VI-h7qe-Bl0-","suffix":"OufFSBZ4gLc-","prefix":"cmAqSkFDPFA-","empty":"CWJcbOmNtsY-","chipBar":"oV7kqacWv-U-","selected":"NO1-MLiNi0g-","base":"_5cCHfc5LzqY-","invalid":"CMvHum0PGzY-","subtle":"ln-ky9jFiLI-","disabled":"_3uJEejbZvig-","chipContent":"fLGluRRWPSk-","truncateGradient":"H3-SjXQhoS4-","chipLabelRef":"rYoQfOpWeMk-","spinning":"DDVRXFECqIo-"};
 
 function ChipPrefix({ children }) {
     const avatarOrIcon = useChildComponent(children, d => d.type === Avatar || d.type === Icon);
@@ -16,7 +16,7 @@ function ChipPrefix({ children }) {
     return React__default.createElement("span", { className: classnames(styles$1.prefix) }, avatarOrIcon);
 }
 
-var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-"};
+var styles = {"wrapper":"NLNJBhRffp4-","input":"ulLzwMsQL3U-","inactive":"_3LLjp8oIxJ0-","invalid":"H7VZzUBkgjk-","disabled":"-yQxZSnxBBU-","button":"ngKOY8l4BG4-","icon":"rzbiB2nz36Q-","spinning":"X7Bx5CDPfDs-"};
 
 function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
     const buttonRef = useRef(null);

package/dist/ChipDismissible-es.js

@@ -16,4 +16,4 @@ function ChipDismissible(props) {
             React__default.createElement(Icon, { name: "cross", size: "small", color: "interactiveSubtle" }))));
 }
 
-export { ChipDismissible as C, ChipSelectable as a };
+export { ChipSelectable as C, ChipDismissible as a };

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -1,4 +1,4 @@
-export { u as useInView, a as useInternalChipDismissible, b as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
+export { b as useInView, u as useInternalChipDismissible, a as useInternalChipDismissibleInput, c as useRepositionMenu, d as useScrollToActive } from '../../../useScrollToActive-es.js';
 import 'react';
 import '../../../_commonjsHelpers-es.js';
 import '../../../_baseFlatten-es.js';

package/dist/Combobox-cjs.js

@@ -10,7 +10,7 @@ var noop = require('./noop-cjs.js');
 var jobberHooks = require('@jobber/hooks');
 var ComboboxActivator = require('./ComboboxActivator-cjs.js');
 
-var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-"};
+var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
 
 function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
     const handleClose = React.useCallback(() => {

package/dist/Combobox-es.js

@@ -8,7 +8,7 @@ import { n as noop } from './noop-es.js';
 import { useDebounce } from '@jobber/hooks';
 import { C as ComboboxActivator } from './ComboboxActivator-es.js';
 
-var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-"};
+var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
 
 function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions, shouldScroll, selectedStateSetter, multiSelect, onClose, onSearch) {
     const handleClose = useCallback(() => {

package/dist/ComboboxAction-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var Typography = require('./Typography-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 
-var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-"};
+var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = React.useContext(ComboboxProvider.ComboboxContext);

package/dist/ComboboxAction-es.js

@@ -2,7 +2,7 @@ import React__default, { useContext } from 'react';
 import { T as Typography } from './Typography-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
 
-var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-"};
+var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = useContext(ComboboxContext);

package/dist/ComboboxContent-cjs.js

@@ -11,7 +11,7 @@ var jobberHooks = require('@jobber/hooks');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var constants = require('./constants-cjs.js');
 
-var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-"};
+var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
 
 function useComboboxContent(open, selected) {
     const { onClear, onSelectAll, shouldScroll } = React.useContext(ComboboxProvider.ComboboxContext);

package/dist/ComboboxContent-es.js

@@ -6,10 +6,10 @@ import { C as ComboboxContentList } from './ComboboxContentList-es.js';
 import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
 import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
-import { o as offset, f as flip, a as autoUpdate } from './floating-ui.react-dom-es.js';
+import { o as offset, f as flip, b as autoUpdate } from './floating-ui.react-dom-es.js';
 import { C as COMBOBOX_MENU_ID } from './constants-es.js';
 
-var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-"};
+var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
 
 function useComboboxContent(open, selected) {
     const { onClear, onSelectAll, shouldScroll } = useContext(ComboboxContext);

package/dist/ComboboxContentHeader-cjs.js

@@ -5,7 +5,7 @@ var Typography = require('./Typography-cjs.js');
 var Button = require('./Button-cjs.js');
 require('classnames');
 
-var styles = {"header":"nrNh3feibg8-"};
+var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
 
 function ComboboxContentHeader(props) {
     const hasSelected = props.selectedCount > 0;

package/dist/ComboboxContentHeader-es.js

@@ -3,7 +3,7 @@ import { T as Typography } from './Typography-es.js';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 
-var styles = {"header":"nrNh3feibg8-"};
+var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
 
 function ComboboxContentHeader(props) {
     const hasSelected = props.selectedCount > 0;

package/dist/ComboboxContentList-es.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { T as Text } from './Text-es.js';
-import { a as Glimmer } from './Glimmer-es.js';
+import { G as Glimmer } from './Glimmer-es.js';
 import { S as Spinner } from './Spinner-es.js';
 import { A as AnimatedPresence } from './AnimatedPresence-es.js';
 import { C as ComboboxOption } from './ComboboxOption-es.js';

package/dist/ComboboxContentSearch-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Icon = require('./Icon-cjs.js');
 
-var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-"};
+var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
 
 function ComboboxContentSearch(props) {
     const searchRef = React.useRef(null);

package/dist/ComboboxContentSearch-es.js

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect } from 'react';
 import { I as Icon } from './Icon-es.js';
 
-var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-"};
+var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
 
 function ComboboxContentSearch(props) {
     const searchRef = useRef(null);

package/dist/ComboboxLoadMore-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var jobberHooks = require('@jobber/hooks');
 
-var styles = {"trigger":"jPB--ZCYNNI-"};
+var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
     const [inViewRef, isInView] = jobberHooks.useInView();

package/dist/ComboboxLoadMore-es.js

@@ -1,7 +1,7 @@
 import React__default, { useEffect } from 'react';
 import { useInView } from '@jobber/hooks';
 
-var styles = {"trigger":"jPB--ZCYNNI-"};
+var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
     const [inViewRef, isInView] = useInView();

package/dist/ComboboxOption-cjs.js

@@ -7,7 +7,7 @@ var Icon = require('./Icon-cjs.js');
 var Flex = require('./Flex-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 
-var styles = {"option":"HowvTX8-pw4-"};
+var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
 
 function ComboboxOption(props) {
     const { customRender, onClick } = props, contentProps = tslib_es6.__rest(props, ["customRender", "onClick"]);

package/dist/ComboboxOption-es.js

@@ -5,7 +5,7 @@ import { I as Icon } from './Icon-es.js';
 import { F as Flex } from './Flex-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
 
-var styles = {"option":"HowvTX8-pw4-"};
+var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
 
 function ComboboxOption(props) {
     const { customRender, onClick } = props, contentProps = __rest(props, ["customRender", "onClick"]);

package/dist/Container-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
 
 const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {

package/dist/Container-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import classnames from 'classnames';
 
-var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-","spinning":"XRPRymOwkKg-"};
 
 const Container = ({ children, name, className, as: Tag = "div", autoWidth = false, dataAttributes, ariaAttributes, role, id, }) => {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: {

package/dist/Content-cjs.js

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 
 var spacings = {"minuscule":"B1cBkstNQhM-","smallest":"rjAxJwaso0s-","smaller":"Chezd5Sqtmk-","small":"hzVGRy-KUeY-","slim":"B67dzZpuwr4-","base":"XFi-EWH3Rc0-","large":"JTt98vS-CLk-","larger":"-h5Dm7qvnss-","largest":"K7DP0lB9veI-","extravagant":"d8bHHzbOHk4-","spinning":"P4hbXYfU8i0-"};
 
-var styles = {"padded":"cftWh-00zXM-"};
+var styles = {"padded":"cftWh-00zXM-","spinning":"_9iksvSyX2wY-"};
 
 function Content({ children, spacing = "base", type = "div", }) {
     const className = classnames(styles.padded, spacings[spacing]);

package/dist/Content-es.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 
 var spacings = {"minuscule":"B1cBkstNQhM-","smallest":"rjAxJwaso0s-","smaller":"Chezd5Sqtmk-","small":"hzVGRy-KUeY-","slim":"B67dzZpuwr4-","base":"XFi-EWH3Rc0-","large":"JTt98vS-CLk-","larger":"-h5Dm7qvnss-","largest":"K7DP0lB9veI-","extravagant":"d8bHHzbOHk4-","spinning":"P4hbXYfU8i0-"};
 
-var styles = {"padded":"cftWh-00zXM-"};
+var styles = {"padded":"cftWh-00zXM-","spinning":"_9iksvSyX2wY-"};
 
 function Content({ children, spacing = "base", type = "div", }) {
     const className = classnames(styles.padded, spacings[spacing]);

package/dist/ContentBlock-cjs.js

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
 
 const AtlantisBreakpoints = {
     xs: 0,

package/dist/ContentBlock-es.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { Breakpoints } from '@jobber/hooks';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
 
 const AtlantisBreakpoints = {
     xs: 0,