@jobber/components 6.123.1 → 6.123.2

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-","spinning":"hMjmTEgj6WU-"};
+var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-"};
 
 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-","spinning":"aW61BrnGmcw-"};
+var styles = {"trigger":"jPB--ZCYNNI-"};
 
 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-","spinning":"aW61BrnGmcw-"};
+var styles = {"trigger":"jPB--ZCYNNI-"};
 
 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-","spinning":"iwgbuC2MqzI-"};
+var styles = {"option":"HowvTX8-pw4-"};
 
 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-","spinning":"iwgbuC2MqzI-"};
+var styles = {"option":"HowvTX8-pw4-"};
 
 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-","spinning":"XRPRymOwkKg-"};
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
 
 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-","spinning":"XRPRymOwkKg-"};
+var styles = {"container":"Aj6o8FcaKHc-","apply":"eIsVvlXoWhs-"};
 
 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-","spinning":"_9iksvSyX2wY-"};
+var styles = {"padded":"cftWh-00zXM-"};
 
 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-","spinning":"_9iksvSyX2wY-"};
+var styles = {"padded":"cftWh-00zXM-"};
 
 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-","spinning":"sjMwRWFdKeo-"};
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
 
 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-","spinning":"sjMwRWFdKeo-"};
+var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-"};
 
 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 = React.createRef();
+    _this.legacyCountdownRef = null;
 
     _this.tick = function () {
       var timeDelta = _this.calcTimeDelta();
@@ -316,6 +316,10 @@ 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;
@@ -444,7 +448,7 @@ var Countdown$1$1 = function (_React$Component) {
   }, {
     key: "addTime",
     value: function addTime(seconds) {
-      this.legacyCountdownRef.current.addTime(seconds);
+      this.legacyCountdownRef.addTime(seconds);
     }
   }, {
     key: "clearTimer",
@@ -532,7 +536,7 @@ var Countdown$1$1 = function (_React$Component) {
             _children = _this$props3.children,
             onComplete = _this$props3.onComplete;
         return React.createElement(Countdown$1, {
-          ref: this.legacyCountdownRef,
+          ref: this.setLegacyCountdownRef,
           count: count,
           onComplete: onComplete
         }, _children);

package/dist/Countdown-es.js

@@ -1,4 +1,4 @@
-import React__default, { cloneElement, Component, createRef, createElement, useMemo } from 'react';
+import React__default, { cloneElement, Component, 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 = createRef();
+    _this.legacyCountdownRef = null;
 
     _this.tick = function () {
       var timeDelta = _this.calcTimeDelta();
@@ -314,6 +314,10 @@ 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;
@@ -442,7 +446,7 @@ var Countdown$1$1 = function (_React$Component) {
   }, {
     key: "addTime",
     value: function addTime(seconds) {
-      this.legacyCountdownRef.current.addTime(seconds);
+      this.legacyCountdownRef.addTime(seconds);
     }
   }, {
     key: "clearTimer",
@@ -530,7 +534,7 @@ var Countdown$1$1 = function (_React$Component) {
             _children = _this$props3.children,
             onComplete = _this$props3.onComplete;
         return createElement(Countdown$1, {
-          ref: this.legacyCountdownRef,
+          ref: this.setLegacyCountdownRef,
           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-","spinning":"GG7BmJeHa9Q-"};
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-"};
 
 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-","spinning":"GG7BmJeHa9Q-"};
+var styles = {"cover":"sGSmxHTsTfA-","centerContent":"_6S-jbOw7NEA-"};
 
 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 { I as InternalDataListFilters, D as DataListFilters } from './DataListFilters-es.js';
+import { D as DataListFilters, I as InternalDataListFilters } from './DataListFilters-es.js';
 import { D as DataListStickyHeader } from './DataListStickyHeader-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 { a as DataListSearch, I as InternalDataListSearch } from './DataListSearch-es.js';
+import { D as DataListEmptyState, I as InternalDataListEmptyState } 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,7 +10,6 @@ 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,7 +8,6 @@ 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,
@@ -23,4 +22,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_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 };
+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 };

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-","spinning":"_8Bw0FhmP0Mk-"};
+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-"};
 
 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-","spinning":"_8Bw0FhmP0Mk-"};
+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-"};
 
 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 _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 { _ 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 { 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(value) {
+function isEmpty$1(value) {
   if (value == null) {
     return true;
   }
@@ -85,9 +85,9 @@ function isEmpty(value) {
   return true;
 }
 
-var isEmpty_1 = isEmpty;
+var isEmpty_1 = isEmpty$1;
 
-var isEmpty$1 = /*@__PURE__*/getDefaultExportFromCjs(isEmpty_1);
+var isEmpty = /*@__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$1(headerElements) ? undefined : headerElements;
+    return isEmpty(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-","spinning":"rP-C67Ex-6M-"};
+var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-"};
 
 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-","spinning":"rP-C67Ex-6M-"};
+var styles = {"action":"zfAZTjk0VNE-","actionUrl":"iiHzJY7IVi0-","label":"R0mZNYJjNCg-"};
 
 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-","spinning":"_0wS9DWCNuj4-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-"};
 
 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 { e as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
+import { T as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
 
-var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-","spinning":"_0wS9DWCNuj4-"};
+var styles = {"menu":"e1ztw2-YxtM-","overlay":"uMoOb93Pf1Q-"};
 
 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-","spinning":"p2-O4fMurTY-"};
+var styles = {"bulkActions":"BJxca-StHxg-"};
 
 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-","spinning":"p2-O4fMurTY-"};
+var styles = {"bulkActions":"BJxca-StHxg-"};
 
 const BULK_ACTIONS_CONTAINER_TEST_ID = "ATL-DataListBulkActions-Container";
 

package/dist/DataListContext-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var noop = require('./noop-cjs.js');
 
+const defaultLayout = (children) => (React.createElement(React.Fragment, null, children));
 const defaultValues = {
     title: "",
     data: [],
@@ -11,11 +12,11 @@ const defaultValues = {
     selected: [],
     layoutBreakpoints: [],
     layouts: {
-        xs: children => React.createElement(React.Fragment, null, children),
-        sm: children => React.createElement(React.Fragment, null, children),
-        md: children => React.createElement(React.Fragment, null, children),
-        lg: children => React.createElement(React.Fragment, null, children),
-        xl: children => React.createElement(React.Fragment, null, children),
+        xs: defaultLayout,
+        sm: defaultLayout,
+        md: defaultLayout,
+        lg: defaultLayout,
+        xl: defaultLayout,
     },
     registerLayout: noop.noop,
 };

package/dist/DataListContext-es.js

@@ -1,6 +1,7 @@
 import React__default, { createContext, useContext } from 'react';
 import { n as noop } from './noop-es.js';
 
+const defaultLayout = (children) => (React__default.createElement(React__default.Fragment, null, children));
 const defaultValues = {
     title: "",
     data: [],
@@ -9,11 +10,11 @@ const defaultValues = {
     selected: [],
     layoutBreakpoints: [],
     layouts: {
-        xs: children => React__default.createElement(React__default.Fragment, null, children),
-        sm: children => React__default.createElement(React__default.Fragment, null, children),
-        md: children => React__default.createElement(React__default.Fragment, null, children),
-        lg: children => React__default.createElement(React__default.Fragment, null, children),
-        xl: children => React__default.createElement(React__default.Fragment, null, children),
+        xs: defaultLayout,
+        sm: defaultLayout,
+        md: defaultLayout,
+        lg: defaultLayout,
+        xl: defaultLayout,
     },
     registerLayout: noop,
 };

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-","spinning":"hVJ2XoR6bR0-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-"};
 
 // 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-","spinning":"hVJ2XoR6bR0-"};
+var styles = {"emptyStateWrapper":"R0MWvfTO9vg-"};
 
 // 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-","spinning":"CY2nuF56w6Y-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-"};
 
-var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-"};
 
 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-","spinning":"CY2nuF56w6Y-"};
+var styles$1 = {"headerLabel":"kXYd0fpUuek-","sortable":"kryUPRHDUcs-"};
 
-var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-","spinning":"l5wqDUSULQY-"};
+var styles = {"sortIcon":"_7-6mnR33fOk-","inactive":"GBbFLBGQDvI-","active":"ADTGMg72Zw4-"};
 
 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-","spinning":"Mpmu6IiBTSI-"};
+var styles = {"menu":"SSm2j6d2kYo-"};
 
 // 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_DURATION_IN_SECONDS, e as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-es.js';
+import { T as TRANSITION_DELAY_IN_SECONDS, e as TRANSITION_DURATION_IN_SECONDS } from './DataList.const-es.js';
 import { D as DataListActions } from './DataListActions-es.js';
 
-var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
+var styles = {"menu":"SSm2j6d2kYo-"};
 
 // 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-","spinning":"JD9H0C1ehv0-"};
+var styles = {"hidden":"CwWlXTKCPUg-"};
 
 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 { G as Glimmer } from './Glimmer-es.js';
+import { a as Glimmer } from './Glimmer-es.js';
 
-var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
+var styles = {"hidden":"CwWlXTKCPUg-"};
 
 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-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();

package/dist/DataListLoadMore-es.js

@@ -6,7 +6,7 @@ import { S as Spinner } from './Spinner-es.js';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 
-var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = useDataListContext();

package/dist/DataListLoadingState-cjs.js

@@ -5,7 +5,7 @@ var Glimmer = require('./Glimmer-cjs.js');
 var DataListContext = require('./DataListContext-cjs.js');
 var useActiveLayout = require('./useActiveLayout-cjs.js');
 
-var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/DataListLoadingState-es.js

@@ -1,9 +1,9 @@
 import React__default from 'react';
-import { G as Glimmer } from './Glimmer-es.js';
+import { a as Glimmer } from './Glimmer-es.js';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { u as useActiveLayout } from './useActiveLayout-es.js';
 
-var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/DataListOverflowFade-cjs.js

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = jobberHooks.useInView();

package/dist/DataListOverflowFade-es.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = useInView();

package/dist/DataListSearch-cjs.js

@@ -10,7 +10,7 @@ var DataList_const = require('./DataList.const-cjs.js');
 var Button = require('./Button-cjs.js');
 var AnimatedSwitcher = require('./AnimatedSwitcher-cjs.js');
 
-var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-"};
 
 const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 // This component is meant to capture the props of the DataList.Search

package/dist/DataListSearch-es.js

@@ -8,7 +8,7 @@ import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-es.js';
 import { B as Button } from './Button-es.js';
 import { A as AnimatedSwitcher } from './AnimatedSwitcher-es.js';
 
-var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-"};
 
 const DATA_LIST_SEARCH_TEST_ID = "ATL-DataList-Search-input-wrapper";
 // This component is meant to capture the props of the DataList.Search