@jobber/components 5.20.8-SCOTTTHd.47 → 5.20.8-SCOTTTHs-a30bcbb.35

package/dist/{DataListItemActions-WS4r_fsO.js → DataListItemActions-Bb2qUFmn.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var DataList_const = require('./DataList.const-DPiGv0GD.js');
-var DataListActions = require('./DataListActions-B4IWR5tf.js');
+var DataList_const = require('./DataList.const-DrS_5CIC.js');
+var DataListActions = require('./DataListActions-CHtKbrmO.js');
 
-var styles = {"menu":"jHcHGQ-HDbk-","spinning":"FPXSEmAikIo-"};
+var styles = {"menu":"SSm2j6d2kYo-","spinning":"Mpmu6IiBTSI-"};
 
 // This component is meant to capture the props of the DataList.ItemActions
 function DataListItemActions(
@@ -14,14 +14,14 @@ _) {
     return null;
 }
 const variants = {
-    hidden: { opacity: 0, y: 10 },
-    visible: { opacity: 1, y: 0 },
+    hidden: { opacity: 0, y: 0 },
+    visible: { opacity: 1, y: 4 },
 };
 function InternalDataListItemActions({ actions, }) {
     return (React.createElement(framerMotion.motion.div, { variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {
             duration: DataList_const.TRANSITION_DURATION_IN_SECONDS,
             delay: DataList_const.TRANSITION_DELAY_IN_SECONDS,
-        }, className: styles.menu, onContextMenu: handleContextMenu },
+        }, className: styles.menu, "data-elevation": "elevated", onContextMenu: handleContextMenu },
         React.createElement(DataListActions.DataListActions, null, actions)));
 }
 function handleContextMenu(event) {

package/dist/{DataListItemActionsOverflow-BBpkbgAS.js → DataListItemActionsOverflow-8mIsG7TE.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-BJQ6Ejjr.js');
-var Tooltip = require('./Tooltip-RH0OxkfB.js');
-var DataListActionsMenu = require('./DataListActionsMenu-h1tBbMCR.js');
+var Button = require('./Button-X03o-OsV.js');
+var Tooltip = require('./Tooltip-BoY5a6uJ.js');
+var DataListActionsMenu = require('./DataListActionsMenu-DjwdEIAJ.js');
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = React.useState({ x: 0, y: 0 });
@@ -12,7 +12,7 @@ function DataListItemActionsOverflow({ actions, }) {
         return null;
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip.Tooltip, { message: "More actions" },
-            React.createElement(Button.Button, { icon: "more", ariaLabel: "More actions", type: "secondary", variation: "subtle", onClick: handleMoreClick })),
+            React.createElement(Button.Button, { icon: "more", ariaLabel: "More actions", type: "tertiary", variation: "subtle", onClick: handleMoreClick })),
         React.createElement(DataListActionsMenu.DataListActionsMenu, { visible: showMenu, position: menuPosition, onRequestClose: handleClose }, actions)));
     function handleMoreClick(event) {
         // Prevent firing the parent's onClick event when it is nested

package/dist/{DataListItemActionsOverflow-ymQbtOAT.js → DataListItemActionsOverflow-CFdANFqT.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { B as Button } from './Button-DNnlnxie.js';
-import { T as Tooltip } from './Tooltip-C86S21LH.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-DYcKhvhV.js';
+import { B as Button } from './Button-B_S7hCDq.js';
+import { T as Tooltip } from './Tooltip-BcPn1-6w.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-LsNt9fHn.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });
@@ -10,7 +10,7 @@ function DataListItemActionsOverflow({ actions, }) {
         return null;
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { message: "More actions" },
-            React.createElement(Button, { icon: "more", ariaLabel: "More actions", type: "secondary", variation: "subtle", onClick: handleMoreClick })),
+            React.createElement(Button, { icon: "more", ariaLabel: "More actions", type: "tertiary", variation: "subtle", onClick: handleMoreClick })),
         React.createElement(DataListActionsMenu, { visible: showMenu, position: menuPosition, onRequestClose: handleClose }, actions)));
     function handleMoreClick(event) {
         // Prevent firing the parent's onClick event when it is nested

package/dist/{DataListItemClickable-DTZC8LBk.js → DataListItemClickable-DPkNmxTK.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
 import { Link } from 'react-router-dom';
-import { s as styles } from './DataList-jeNDHtJs.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-DQ_x9-Ss.js';
+import { s as styles } from './DataList.module-Q7upEK9h.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-DddNXBVd.js';
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListItemClickable-DTLYmwzb.js → DataListItemClickable-Ddfntxxd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
 var reactRouterDom = require('react-router-dom');
-var DataList = require('./DataList-keHLIPwl.js');
-var DataListLayoutContext = require('./DataListLayoutContext-D02swPeQ.js');
+var DataList_module = require('./DataList.module-NXjaDrGs.js');
+var DataListLayoutContext = require('./DataListLayoutContext-Cbo2cMSj.js');
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();
@@ -12,17 +12,17 @@ function DataListItemClickableInternal({ onClick, url, to, children, }) {
         return React.createElement(React.Fragment, null, children);
     if (to) {
         const computedTo = typeof to === "string" ? to : to(activeItem);
-        return (React.createElement(reactRouterDom.Link, { className: DataList.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
+        return (React.createElement(reactRouterDom.Link, { className: DataList_module.styles.listItemClickable, to: computedTo, onClick: handleClick }, children));
     }
     if (url) {
         const href = typeof url === "string" ? url : url(activeItem);
-        return (React.createElement("a", { className: DataList.styles.listItemClickable, href: href, onClick: handleClick }, children));
+        return (React.createElement("a", { className: DataList_module.styles.listItemClickable, href: href, onClick: handleClick }, children));
     }
     if (onClick) {
         return (
         // A button can be nested within the list item. To prevent a button inside
         // button error, we need to manually declare a div to be a button
-        React.createElement("div", { role: "button", tabIndex: 0, className: DataList.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
+        React.createElement("div", { role: "button", tabIndex: 0, className: DataList_module.styles.listItemClickable, onClick: handleClick, onKeyDown: e => {
                 if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     handleClick();

package/dist/{DataListItems-DD7ejX2f.js → DataListItems-BNCC1Itt.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-B3M4u7IY.js';
-import { D as DataListItem } from './DataListItem-DZ7-4jpM.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-JpnTKRYv.js';
+import { D as DataListItem } from './DataListItem-3ouu-Rrk.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListItems-BdBv2zT9.js → DataListItems-_lA1t4k1.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CE6HfDu8.js');
-var DataListItem = require('./DataListItem-DTJKGP_i.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var DataListLayoutContext = require('./DataListLayoutContext-BarBgPay.js');
+var DataListItem = require('./DataListItem-CHDV6x4P.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListLayout-8ysXI0s3.js → DataListLayout-BAb_cssS.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-BdBv2zT9.js');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var useActiveLayout = require('./useActiveLayout-Cotya0aL.js');
+var DataListItems = require('./DataListItems-_lA1t4k1.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var useActiveLayout = require('./useActiveLayout-KeBUhg6X.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayout-DMgOzImm.js → DataListLayout-vhpqzyV3.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-DD7ejX2f.js';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { u as useActiveLayout } from './useActiveLayout-DqLTs8SC.js';
+import { D as DataListItems } from './DataListItems-BNCC1Itt.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { u as useActiveLayout } from './useActiveLayout-BDqWO57G.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayoutActions-CdEi1CT5.js → DataListLayoutActions-C538wntJ.js}

@@ -1,10 +1,10 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-B3M4u7IY.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-ymQbtOAT.js';
-import { G as Glimmer } from './Glimmer-Cph2YnVP.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-JpnTKRYv.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-CFdANFqT.js';
+import { G as Glimmer } from './Glimmer-DDQazCKz.js';
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = useDataListContext();

package/dist/{DataListLayoutActions-DALzZc9t.js → DataListLayoutActions-Cdb4TOuP.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var DataListLayoutContext = require('./DataListLayoutContext-CE6HfDu8.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-BBpkbgAS.js');
-var Glimmer = require('./Glimmer-BOm0xXjY.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var DataListLayoutContext = require('./DataListLayoutContext-BarBgPay.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-8mIsG7TE.js');
+var Glimmer = require('./Glimmer-Dp6TA00Z.js');
 
-var styles = {"hidden":"_0m75bgCVBhk-","spinning":"vScnCKM-Mi8-"};
+var styles = {"hidden":"CwWlXTKCPUg-","spinning":"JD9H0C1ehv0-"};
 
 function DataListLayoutActions() {
     const { itemActionComponent, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayoutContext-CE6HfDu8.js → DataListLayoutContext-BarBgPay.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var noop = require('./noop-CJMBQplB.js');
+var noop = require('./noop-BUBheiOg.js');
 var React = require('react');
 
 const defaultValues = {

package/dist/{DataListLayoutContext-B3M4u7IY.js → DataListLayoutContext-JpnTKRYv.js}

@@ -1,4 +1,4 @@
-import { n as noop } from './noop-Cik5WVpU.js';
+import { n as noop } from './noop-RKdG5BZD.js';
 import { createContext, useContext } from 'react';
 
 const defaultValues = {

package/dist/{DataListLoadMore-DulhoU_2.js → DataListLoadMore-BpCnevr4.js}

@@ -1,11 +1,11 @@
 import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-EF3RtRwj.js';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-DocgTf-L.js';
-import { S as Spinner } from './Spinner-_wo9F4ko.js';
-import { B as Button } from './Button-DNnlnxie.js';
+import { u as useInView_2 } from './useInView-lNn9gvvm.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-Dqstiu7B.js';
+import { S as Spinner } from './Spinner-COTKfUIp.js';
+import { B as Button } from './Button-B_S7hCDq.js';
 
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-","spinning":"dkUnNae-qZA-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = useDataListContext();

package/dist/{DataListLoadMore-C9r5FwVj.js → DataListLoadMore-Citj3TMb.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-qPX0Djna.js');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var DataList_const = require('./DataList.const-DPiGv0GD.js');
-var Spinner = require('./Spinner-DUlWo9r8.js');
-var Button = require('./Button-BJQ6Ejjr.js');
+var useInView = require('./useInView-BWRX95_u.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var DataList_const = require('./DataList.const-DrS_5CIC.js');
+var Spinner = require('./Spinner-Cl4eyZlz.js');
+var Button = require('./Button-X03o-OsV.js');
 
-var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-","spinning":"dkUnNae-qZA-"};
+var styles = {"trigger":"aJIHa8Q-WbY-","loadingMore":"lLYWNAYcURY-","backToTop":"qA8J2KI6khc-","fadeIn":"WKPuBJINNCg-","spinning":"mZH3CAkfppI-"};
 
 function DataListLoadMoreTrigger() {
     const { onLoadMore } = DataListContext.useDataListContext();

package/dist/{DataListLoadingState-BCuR5_I0.js → DataListLoadingState-CHYLfE0-.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var Glimmer = require('./Glimmer-BOm0xXjY.js');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var useActiveLayout = require('./useActiveLayout-Cotya0aL.js');
+var Glimmer = require('./Glimmer-Dp6TA00Z.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var useActiveLayout = require('./useActiveLayout-KeBUhg6X.js');
 
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-","spinning":"s1jir3dzI2E-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/{DataListLoadingState-d6UDdDuF.js → DataListLoadingState-DreuiLoF.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { G as Glimmer } from './Glimmer-Cph2YnVP.js';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { u as useActiveLayout } from './useActiveLayout-DqLTs8SC.js';
+import { G as Glimmer } from './Glimmer-DDQazCKz.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { u as useActiveLayout } from './useActiveLayout-BDqWO57G.js';
 
-var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-","spinning":"s1jir3dzI2E-"};
+var styles = {"wrapper":"_85AuDa3YmT4-","loadingItem":"_7DSXt2KpxYc-","glimmer":"_80Ger-sdJDc-","spinning":"ZL6R4NENP64-"};
 
 const LOADING_STATE_LIMIT_ITEMS = 10;
 const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";

package/dist/{DataListOverflowFade-D7Po9LC5.js → DataListOverflowFade-DHZ17hJm.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { u as useInView_2 } from './useInView-EF3RtRwj.js';
+import { u as useInView_2 } from './useInView-lNn9gvvm.js';
 import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-","spinning":"LyQfycA87tU-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = useInView_2();

package/dist/{DataListOverflowFade-DWQereGo.js → DataListOverflowFade-DO8zPJQT.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-qPX0Djna.js');
+var useInView = require('./useInView-BWRX95_u.js');
 var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";
 
-var styles = {"fadeContainer":"jbBRoxlZlNI-","overflowItems":"P6uJ-vHfKrM-","overflowGrid":"MnN8qbS4hw4-","overflowTrigger":"b-5P7Z8eGO8-","overflowLeft":"xzaCS4slLpI-","overflowRight":"Jf227kC8Nu0-","spinning":"LyQfycA87tU-"};
+var styles = {"fadeContainer":"a-KvXvaVQks-","overflowItems":"faGQ-G8kLN8-","overflowGrid":"TBUIm7AHO68-","overflowTrigger":"FMXUosxE5aQ-","overflowLeft":"kxQNzyS1RsY-","overflowRight":"AXW-X8-zsI8-","spinning":"bPN5dkeOZKI-"};
 
 function DataListOverflowFade({ children }) {
     const [leftRef, isLeftVisible] = useInView.useInView_2();

package/dist/{DataListSearch-DAXyiD_s.js → DataListSearch-BxoG00dG.js}

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('./debounce-BgaJlkp5.js');
+var debounce = require('./debounce-BN5llZ7Y.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
-var InputText = require('./InputText-BaCsi_pl.js');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var DataList_const = require('./DataList.const-DPiGv0GD.js');
-var Button = require('./Button-BJQ6Ejjr.js');
-var AnimatedSwitcher = require('./AnimatedSwitcher-AsGjitPB.js');
+var InputText = require('./InputText-BYu1XLNK.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var DataList_const = require('./DataList.const-DrS_5CIC.js');
+var Button = require('./Button-X03o-OsV.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-CBceYyHk.js');
 
-var styles = {"wrapper":"tj0MOMhLEEY-","searchInput":"SaPMOnvw-3c-","searchInputVisible":"_3S1-91v2SYI-","searchButton":"_9GlBktsUALw-","withNoFilters":"_3Pjrt42x454-","spinning":"_4njn3YEdhG0-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 
 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-CL0rwLA_.js → DataListSearch-DSt-vZEw.js}

@@ -1,14 +1,14 @@
 import React, { useRef, useState, useCallback } from 'react';
-import { a as debounce } from './debounce-cjF9b-E5.js';
+import { a as debounce } from './debounce-BFEgsSNV.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
-import { I as InputText } from './InputText-B0_O28Kj.js';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-DocgTf-L.js';
-import { B as Button } from './Button-DNnlnxie.js';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher-D1s7v7Pj.js';
+import { I as InputText } from './InputText-yvD2bKCX.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-Dqstiu7B.js';
+import { B as Button } from './Button-B_S7hCDq.js';
+import { A as AnimatedSwitcher } from './AnimatedSwitcher-CxE7j2G5.js';
 
-var styles = {"wrapper":"tj0MOMhLEEY-","searchInput":"SaPMOnvw-3c-","searchInputVisible":"_3S1-91v2SYI-","searchButton":"_9GlBktsUALw-","withNoFilters":"_3Pjrt42x454-","spinning":"_4njn3YEdhG0-"};
+var styles = {"wrapper":"S2Bu0Rv4w-E-","searchInput":"N8dyu-defmc-","searchInputVisible":"UhMQC1SZUns-","searchButton":"zQPIm20aF50-","withNoFilters":"oOqZupWkemo-","spinning":"Wq63M3dVuYs-"};
 
 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/{DataListSort-DIlg5xhJ.js → DataListSort-BlHKzLmm.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
-var Combobox = require('./Combobox-BeAVWQDK.js');
-require('./ComboboxProvider-Cveif_i-.js');
-var Chip = require('./Chip-j5Ln6eoD.js');
-require('./tslib.es6-BLv7qR2d.js');
-var Icon = require('./Icon-COz3twBh.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
+var Combobox = require('./Combobox-CatuMSqJ.js');
+require('./ComboboxProvider-BTlRaM5o.js');
+var Chip = require('./Chip-CMURaeyE.js');
+require('./tslib.es6-D1nA6hj6.js');
+var Icon = require('./Icon-DMURv2lZ.js');
 
 function DataListSort() {
     const { sorting, headers } = DataListContext.useDataListContext();

package/dist/{DataListSort-C_bEHo6o.js → DataListSort-CMwS5ZOU.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
-import { C as Combobox } from './Combobox-BtSG4IUz.js';
-import './ComboboxProvider-knSwscF4.js';
-import { C as Chip } from './Chip-yurfbRf_.js';
-import './tslib.es6-DPdENH3v.js';
-import { I as Icon } from './Icon-BkEAR5t9.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
+import { C as Combobox } from './Combobox-6kYP0nof.js';
+import './ComboboxProvider-LU3bOsya.js';
+import { C as Chip } from './Chip-D3p5kdQT.js';
+import './tslib.es6-CeHUynox.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
 
 function DataListSort() {
     const { sorting, headers } = useDataListContext();

package/dist/{DataListSortingOptions-DVZ3IPmO.js → DataListSortingOptions-BwvPQi3S.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-BWr1Uh0c.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-BFTtukDp.js');
-var Icon = require('./Icon-COz3twBh.js');
+var useOnKeyDown = require('./useOnKeyDown-Dw5_7B0M.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-DWAxYZut.js');
+var Icon = require('./Icon-DMURv2lZ.js');
 
-var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-","spinning":"-kL4frL3BeQ-"};
+var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
     useRefocusOnActivator.useRefocusOnActivator_2(!optionsListRef.current);

package/dist/{DataListSortingOptions-ChsgR4HN.js → DataListSortingOptions-DGtLyAlP.js}

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-CP-ZHBUl.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DRpjaqxT.js';
-import { I as Icon } from './Icon-BkEAR5t9.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CN4xcllA.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-pF1A-PEc.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
 
-var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-","spinning":"-kL4frL3BeQ-"};
+var styles = {"optionsList":"krkUjDI-P7E-","option":"d4hPt6o50kw-","spinning":"CNq0y1X8-Eo-"};
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
     useRefocusOnActivator_2(!optionsListRef.current);

package/dist/{DataListStatusBar-BUdfh2Zs.js → DataListStatusBar-gfUIa0gS.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var DataList_utils = require('./DataList.utils-BDFmppBo.js');
-var DataListContext = require('./DataListContext-AwEVhjUT.js');
+var DataList_utils = require('./DataList.utils-CL18qiqW.js');
+var DataListContext = require('./DataListContext-CuIrm1YO.js');
 
 // This component is meant to capture the props of the DataList.Filters
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/{DataListStatusBar-DUm2xzOz.js → DataListStatusBar-lMlXXCw4.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { g as getCompoundComponent } from './DataList.utils-D1bfZwFM.js';
-import { u as useDataListContext } from './DataListContext-DKVwenO-.js';
+import { g as getCompoundComponent } from './DataList.utils-B2oGWkP7.js';
+import { u as useDataListContext } from './DataListContext-D9dIXF3x.js';
 
 // This component is meant to capture the props of the DataList.Filters
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/{DataListStickyHeader-6F6Q5Vhb.js → DataListStickyHeader-CPitWOi5.js}

@@ -1,8 +1,8 @@
 import classnames from 'classnames';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-DocgTf-L.js';
+import { a as DATA_LIST_STICKY_HEADER_TEST_ID } from './DataList.const-Dqstiu7B.js';
 
-var styles = {"header":"PGOHzrMh374-","stuck":"PGjWc5ocjpI-","spinning":"_8Sl4Cnhmgjc-"};
+var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 
 function DataListStickyHeader({ children }) {
     const [isStuck, setIsStuck] = useState(false);

package/dist/{DataListStickyHeader-B78iC-bf.js → DataListStickyHeader-mkbiQiWW.js}

@@ -2,9 +2,9 @@
 
 var classnames = require('classnames');
 var React = require('react');
-var DataList_const = require('./DataList.const-DPiGv0GD.js');
+var DataList_const = require('./DataList.const-DrS_5CIC.js');
 
-var styles = {"header":"PGOHzrMh374-","stuck":"PGjWc5ocjpI-","spinning":"_8Sl4Cnhmgjc-"};
+var styles = {"header":"u5YTRL-PlTI-","stuck":"rylbmDbzCts-","spinning":"_2VUVOWcGjbc-"};
 
 function DataListStickyHeader({ children }) {
     const [isStuck, setIsStuck] = React.useState(false);

package/dist/{DataListTags-BlI0nUV4.js → DataListTags-AUVTAjnr.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var InlineLabel = require('./InlineLabel-BwJ9vKGE.js');
-var Text = require('./Text-B9SvNYhV.js');
+var InlineLabel = require('./InlineLabel-DHdH7SuF.js');
+var Text = require('./Text-CJWvewR1.js');
 
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-","spinning":"Uo9-1igljUE-"};
+var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 
 function DataListTags({ items }) {
     const ref = React.useRef(null);

package/dist/{DataListTags-CZYGLAGg.js → DataListTags-KGO2pNAA.js}

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { I as InlineLabel } from './InlineLabel-BvuV8WW4.js';
-import { T as Text } from './Text-CBZYvoLZ.js';
+import { I as InlineLabel } from './InlineLabel-C9RpmTLl.js';
+import { T as Text } from './Text-DfqZm-hl.js';
 
-var styles = {"tagWrapper":"_8MYxAQYdZzM-","tags":"WRV-UmQmPzo-","tagsMask":"ND-cN-mX5-c-","tagCount":"liQeWCMenD0-","spinning":"Uo9-1igljUE-"};
+var styles = {"tagWrapper":"ld5hWlraYD8-","tags":"yi316XKxcHc-","tagsMask":"OHjlxTgwQMM-","tagCount":"uUuTxKoLb5k-","spinning":"mlKQ8-cSttI-"};
 
 function DataListTags({ items }) {
     const ref = useRef(null);

package/dist/{DataListTotalCount-COG7ogjx.js → DataListTotalCount-0VAk4vvY.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { T as Text } from './Text-CBZYvoLZ.js';
-import { G as Glimmer } from './Glimmer-Cph2YnVP.js';
+import { T as Text } from './Text-DfqZm-hl.js';
+import { G as Glimmer } from './Glimmer-DDQazCKz.js';
 
-var styles = {"results":"F56prQsXm3A-","spinning":"z5qHtKbDjIw-"};
+var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};
 
 const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
 function DataListTotalCount({ totalCount, loading, }) {

package/dist/{DataListTotalCount-oUYLBaPU.js → DataListTotalCount-BDyNldWJ.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-B9SvNYhV.js');
-var Glimmer = require('./Glimmer-BOm0xXjY.js');
+var Text = require('./Text-CJWvewR1.js');
+var Glimmer = require('./Glimmer-Dp6TA00Z.js');
 
-var styles = {"results":"F56prQsXm3A-","spinning":"z5qHtKbDjIw-"};
+var styles = {"results":"_9wfZRG5vXI8-","spinning":"_7A1FU9kI3mY-"};
 
 const DATALIST_TOTALCOUNT_TEST_ID = "ATL-DataList-TotalCount";
 function DataListTotalCount({ totalCount, loading, }) {