@jobber/components 7.1.2-MIKElock--7916eb4.2 → 7.2.0

package/dist/Combobox/components/ComboboxTrigger/index.mjs

@@ -1,6 +1,7 @@
 export { C as ComboboxTrigger } from '../../../ComboboxTrigger-es.js';
 import 'react';
 import '../../../Chip-es.js';
+import '../../../tslib.es6-es.js';
 import 'classnames';
 import '@jobber/hooks';
 import '../../../Avatar-es.js';
@@ -16,5 +17,4 @@ import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import 'framer-motion';
-import '../../../tslib.es6-es.js';
 import '../../../ComboboxProvider-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,

package/dist/Countdown-cjs.js

@@ -306,7 +306,7 @@ var Countdown$1$1 = function (_React$Component) {
     _this.offsetStartTimestamp = _this.props.autoStart ? 0 : _this.initialTimestamp;
     _this.offsetTime = 0;
     _this.legacyMode = false;
-    _this.legacyCountdownRef = null;
+    _this.legacyCountdownRef = React.createRef();
 
     _this.tick = function () {
       var timeDelta = _this.calcTimeDelta();
@@ -316,10 +316,6 @@ var Countdown$1$1 = function (_React$Component) {
       _this.setTimeDeltaState(timeDelta, undefined, callback);
     };
 
-    _this.setLegacyCountdownRef = function (ref) {
-      _this.legacyCountdownRef = ref;
-    };
-
     _this.start = function () {
       if (_this.isStarted()) return;
       var prevOffsetStartTimestamp = _this.offsetStartTimestamp;
@@ -448,7 +444,7 @@ var Countdown$1$1 = function (_React$Component) {
   }, {
     key: "addTime",
     value: function addTime(seconds) {
-      this.legacyCountdownRef.addTime(seconds);
+      this.legacyCountdownRef.current.addTime(seconds);
     }
   }, {
     key: "clearTimer",
@@ -536,7 +532,7 @@ var Countdown$1$1 = function (_React$Component) {
             _children = _this$props3.children,
             onComplete = _this$props3.onComplete;
         return React.createElement(Countdown$1, {
-          ref: this.setLegacyCountdownRef,
+          ref: this.legacyCountdownRef,
           count: count,
           onComplete: onComplete
         }, _children);

package/dist/Countdown-es.js

@@ -1,4 +1,4 @@
-import React__default, { cloneElement, Component, createElement, useMemo } from 'react';
+import React__default, { cloneElement, Component, createRef, createElement, useMemo } from 'react';
 import { p as propTypesExports } from './index-es2.js';
 
 function _classCallCheck(instance, Constructor) {
@@ -304,7 +304,7 @@ var Countdown$1$1 = function (_React$Component) {
     _this.offsetStartTimestamp = _this.props.autoStart ? 0 : _this.initialTimestamp;
     _this.offsetTime = 0;
     _this.legacyMode = false;
-    _this.legacyCountdownRef = null;
+    _this.legacyCountdownRef = createRef();
 
     _this.tick = function () {
       var timeDelta = _this.calcTimeDelta();
@@ -314,10 +314,6 @@ var Countdown$1$1 = function (_React$Component) {
       _this.setTimeDeltaState(timeDelta, undefined, callback);
     };
 
-    _this.setLegacyCountdownRef = function (ref) {
-      _this.legacyCountdownRef = ref;
-    };
-
     _this.start = function () {
       if (_this.isStarted()) return;
       var prevOffsetStartTimestamp = _this.offsetStartTimestamp;
@@ -446,7 +442,7 @@ var Countdown$1$1 = function (_React$Component) {
   }, {
     key: "addTime",
     value: function addTime(seconds) {
-      this.legacyCountdownRef.addTime(seconds);
+      this.legacyCountdownRef.current.addTime(seconds);
     }
   }, {
     key: "clearTimer",
@@ -534,7 +530,7 @@ var Countdown$1$1 = function (_React$Component) {
             _children = _this$props3.children,
             onComplete = _this$props3.onComplete;
         return createElement(Countdown$1, {
-          ref: this.setLegacyCountdownRef,
+          ref: this.legacyCountdownRef,
           count: count,
           onComplete: onComplete
         }, _children);

package/dist/Cover-cjs.js

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-"};
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-","spinning":"GG7BmJeHa9Q-"};
 
 function Cover({ children, minHeight, gap, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cover-min-height": minHeight, "--public-cover-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cover, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/Cover-es.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-"};
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-","spinning":"GG7BmJeHa9Q-"};
 
 function Cover({ children, minHeight, gap, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-cover-min-height": minHeight, "--public-cover-space": getMappedAtlantisSpaceToken(gap) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.cover, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));

package/dist/DataList-es.js

@@ -5,10 +5,10 @@ import { a as DataListTotalCount } from './DataListTotalCount-es.js';
 import { a as DataListLoadingState } from './DataListLoadingState-es.js';
 import { D as DataListLayout } from './DataListLayout-es.js';
 import { D as DataListHeader } from './DataListHeader-es.js';
-import { D as DataListFilters, I as InternalDataListFilters } from './DataListFilters-es.js';
+import { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters-es.js';
 import { D as DataListStickyHeader } from './DataListStickyHeader-es.js';
-import { a as DataListSearch, I as InternalDataListSearch } from './DataListSearch-es.js';
-import { D as DataListEmptyState, I as InternalDataListEmptyState } from './DataListEmptyState-es.js';
+import { I as InternalDataListSearch, a as DataListSearch } from './DataListSearch-es.js';
+import { I as InternalDataListEmptyState, D as DataListEmptyState } from './DataListEmptyState-es.js';
 import { D as DataListLoadMore } from './DataListLoadMore-es.js';
 import { D as DataListItemActions } from './DataListItemActions-es.js';
 import { D as DataListAction } from './DataListAction-es.js';

package/dist/DataList.const-cjs.js

@@ -10,6 +10,7 @@ const EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = "DataListEmptyState action prop mus
  */
 const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
 const BREAKPOINT_SIZES = {
+    xs: 0,
     sm: 490,
     md: 768,
     lg: 1080,

package/dist/DataList.const-es.js

@@ -8,6 +8,7 @@ const EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR = "DataListEmptyState action prop mus
  */
 const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
 const BREAKPOINT_SIZES = {
+    xs: 0,
     sm: 490,
     md: 768,
     lg: 1080,
@@ -22,4 +23,4 @@ const DATA_LIST_TITLE_CONTAINER_TEST_ID = "ATL-DataList-titleContainer";
 const TRANSITION_DURATION_IN_SECONDS = tokens["timing-base"] / 1000;
 const TRANSITION_DELAY_IN_SECONDS = tokens["timing-quick"] / 1000;
 
-export { BREAKPOINTS as B, DATA_LIST_TITLE_CONTAINER_TEST_ID as D, EMPTY_FILTER_RESULTS_MESSAGE as E, SEARCH_DEBOUNCE_DELAY as S, TRANSITION_DELAY_IN_SECONDS as T, DATA_LIST_FILTERING_SPINNER_TEST_ID as a, DATA_LIST_STICKY_HEADER_TEST_ID as b, EMPTY_RESULTS_MESSAGE as c, EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR as d, TRANSITION_DURATION_IN_SECONDS as e, BREAKPOINT_SIZES as f, DATA_LOAD_MORE_TEST_ID as g, DATA_LIST_LOADING_MORE_SPINNER_TEST_ID as h };
+export { BREAKPOINTS as B, DATA_LIST_TITLE_CONTAINER_TEST_ID as D, EMPTY_FILTER_RESULTS_MESSAGE as E, SEARCH_DEBOUNCE_DELAY as S, TRANSITION_DURATION_IN_SECONDS as T, DATA_LIST_FILTERING_SPINNER_TEST_ID as a, DATA_LIST_STICKY_HEADER_TEST_ID as b, EMPTY_RESULTS_MESSAGE as c, EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR as d, TRANSITION_DELAY_IN_SECONDS as e, BREAKPOINT_SIZES as f, DATA_LOAD_MORE_TEST_ID as g, DATA_LIST_LOADING_MORE_SPINNER_TEST_ID as h };

package/dist/DataList.module-cjs.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-"};
+var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
 
 exports.styles = styles;

package/dist/DataList.module-es.js

@@ -1,3 +1,3 @@
-var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-"};
+var styles = {"wrapper":"v3oESmhykhE-","titleContainer":"KuG6k-a5jEM-","headerFilters":"E0wzULGeIvs-","headerTitles":"TzEnOGRRd8g-","batchSelectContainer":"DvRzj3qOLCk-","headerBatchSelect":"pmQV-ZYKQMg-","listItem":"i-w6mU9puzE-","listItemClickable":"Hx3I3kI1E7Q-","active":"eCAyzR-N1Xk-","selectable":"zvpLQa7hDp0-","selectAllCheckbox":"_8fx-1j3wk2E-","selected":"_0qmb-Daumfs-","filtering":"Xl0eCv2fMNM-","filteringSpinner":"t9txZ5-Upp4-","srOnly":"HBTfumId4rA-","spinning":"_8Bw0FhmP0Mk-"};
 
 export { styles as s };

package/dist/DataList.utils-es.js

@@ -1,7 +1,7 @@
 import React__default, { Children, isValidElement } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { _ as _getTag, a as _baseKeys } from './_getTag-es.js';
-import { i as isArrayLike_1, a as isArray_1, b as isBufferExports, c as isTypedArray_1, d as isArguments_1, _ as _isPrototype } from './isTypedArray-es.js';
+import { _ as _baseKeys, a as _getTag } from './_getTag-es.js';
+import { i as isArguments_1, a as isArray_1, b as isArrayLike_1, c as isBufferExports, _ as _isPrototype, d as isTypedArray_1 } from './isTypedArray-es.js';
 import { B as BREAKPOINTS } from './DataList.const-es.js';
 import { D as DataListTags } from './DataListTags-es.js';
 import { D as DataListHeaderTile } from './DataListHeaderTile-es.js';
@@ -61,7 +61,7 @@ var hasOwnProperty = objectProto.hasOwnProperty;
  * _.isEmpty({ 'a': 1 });
  * // => false
  */
-function isEmpty$1(value) {
+function isEmpty(value) {
   if (value == null) {
     return true;
   }
@@ -85,9 +85,9 @@ function isEmpty$1(value) {
   return true;
 }
 
-var isEmpty_1 = isEmpty$1;
+var isEmpty_1 = isEmpty;
 
-var isEmpty = /*@__PURE__*/getDefaultExportFromCjs(isEmpty_1);
+var isEmpty$1 = /*@__PURE__*/getDefaultExportFromCjs(isEmpty_1);
 
 /**
  * Return the child component that matches the `type` provided
@@ -139,7 +139,7 @@ function generateListItemElement(item) {
  */
 function generateHeaderElements(headers) {
     const headerElements = Object.keys(headers).reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: React__default.createElement(DataListHeaderTile, { headers: headers, headerKey: key }) })), {});
-    return isEmpty(headerElements) ? undefined : headerElements;
+    return isEmpty$1(headerElements) ? undefined : headerElements;
 }
 function sortBreakpoints(sizeProp) {
     return sizeProp.sort((a, b) => BREAKPOINTS.indexOf(a) - BREAKPOINTS.indexOf(b));

package/dist/DataListAction-cjs.js

@@ -5,7 +5,7 @@ var Typography = require('./Typography-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var DataListLayoutContext = require('./DataListLayoutContext-cjs2.js');
 
-var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-"};
+var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-","spinning":"rP-C67Ex-6M-"};
 
 function DataListAction({ label, icon, destructive, visible = () => true, onClick, actionUrl, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();

package/dist/DataListAction-es.js

@@ -3,7 +3,7 @@ import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-es2.js';
 
-var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-"};
+var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-","spinning":"rP-C67Ex-6M-"};
 
 function DataListAction({ label, icon, destructive, visible = () => true, onClick, actionUrl, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/DataListActionsMenu-cjs.js

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var design = require('@jobber/design');
 var DataList_const = require('./DataList.const-cjs.js');
 
-var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
 
 const variants = {
     hidden: { opacity: 0, y: -10 },

package/dist/DataListActionsMenu-es.js

@@ -3,9 +3,9 @@ import { AnimatePresence, motion } from 'framer-motion';
 import { useIsMounted, useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
 import { createPortal } from 'react-dom';
 import { tokens } from '@jobber/design';
-import { T as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
+import { e as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
 
-var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
 
 const variants = {
     hidden: { opacity: 0, y: -10 },

package/dist/DataListBulkActions-cjs.js

@@ -5,7 +5,7 @@ var DataListContext = require('./DataListContext-cjs.js');
 var DataListActions = require('./DataListActions-cjs.js');
 var useResponsiveSizing = require('./useResponsiveSizing-cjs.js');
 
-var styles = {"bulkActions":"BJxca-StHxg-"};
+var styles = {"bulkActions":"BJxca-StHxg-","spinning":"p2-O4fMurTY-"};
 
 const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";
 

package/dist/DataListBulkActions-es.js

@@ -3,7 +3,7 @@ import { u as useDataListContext } from './DataListContext-es.js';
 import { D as DataListActions } from './DataListActions-es.js';
 import { u as useResponsiveSizing } from './useResponsiveSizing-es.js';
 
-var styles = {"bulkActions":"BJxca-StHxg-"};
+var styles = {"bulkActions":"BJxca-StHxg-","spinning":"p2-O4fMurTY-"};
 
 const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";
 

package/dist/DataListEmptyState-cjs.js

@@ -8,7 +8,7 @@ var Button = require('./Button-cjs.js');
 require('classnames');
 var DataList_const = require('./DataList.const-cjs.js');
 
-var styles = {"emptyStateWrapper":"R0MWvfTO9vg-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-","spinning":"hVJ2XoR6bR0-"};
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function DataListEmptyState(_) {

package/dist/DataListEmptyState-es.js

@@ -6,7 +6,7 @@ import { B as Button } from './Button-es.js';
 import 'classnames';
 import { E as EMPTY_FILTER_RESULTS_MESSAGE, c as EMPTY_RESULTS_MESSAGE, d as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-es.js';
 
-var styles = {"emptyStateWrapper":"R0MWvfTO9vg-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-","spinning":"hVJ2XoR6bR0-"};
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function DataListEmptyState(_) {

package/dist/DataListHeaderTile-cjs.js

@@ -7,9 +7,9 @@ var DataListSortingOptions = require('./DataListSortingOptions-cjs.js');
 var Text = require('./Text-cjs.js');
 var DataListContext = require('./DataListContext-cjs.js');
 
-var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
-var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
 const SORT_ORDER_MAP = {

package/dist/DataListHeaderTile-es.js

@@ -5,9 +5,9 @@ import { D as DataListSortingOptions } from './DataListSortingOptions-es.js';
 import { T as Text } from './Text-es.js';
 import { u as useDataListContext } from './DataListContext-es.js';
 
-var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-","spinning":"CY2nuF56w6Y-"};
 
-var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
 
 const SORTING_ICON_TEST_ID = "ATL-DataList-Sorting-Icon";
 const SORT_ORDER_MAP = {

package/dist/DataListItemActions-cjs.js

@@ -5,7 +5,7 @@ var framerMotion = require('framer-motion');
 var DataList_const = require('./DataList.const-cjs.js');
 var DataListActions = require('./DataListActions-cjs.js');
 
-var styles = {"menu":"SSm2j6d2kYo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/DataListItemActions-es.js

@@ -1,9 +1,9 @@
 import React__default from 'react';
 import { motion } from 'framer-motion';
-import { T as TRANSITION_DELAY_IN_SECONDS, e as TRANSITION_DURATION_IN_SECONDS } from './DataList.const-es.js';
+import { T as TRANSITION_DURATION_IN_SECONDS, e as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
 import { D as DataListActions } from './DataListActions-es.js';
 
-var styles = {"menu":"SSm2j6d2kYo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(

package/dist/DataListLayoutActions-cjs.js

@@ -6,7 +6,7 @@ var DataListLayoutContext = require('./DataListLayoutContext-cjs.js');
 var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 
-var styles = {"hidden":"CwWlXTKCPUg-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = DataListContext.useDataListContext();

package/dist/DataListLayoutActions-es.js

@@ -2,9 +2,9 @@ import React__default, { Children, useEffect } from 'react';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { u as useDataListLayoutContext } from './DataListLayoutContext-es.js';
 import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-es.js';
-import { a as Glimmer } from './Glimmer-es.js';
+import { G as Glimmer } from './Glimmer-es.js';
 
-var styles = {"hidden":"CwWlXTKCPUg-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = useDataListContext();

package/dist/DataListLoadMore-cjs.js

@@ -8,7 +8,7 @@ var Spinner = require('./Spinner-cjs.js');
 var Button = require('./Button-cjs.js');
 require('classnames');
 
-var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();