@jobber/components 5.7.9-poc-moving.0 → 5.8.0

package/dist/{DataListActionsMenu-CM49fTVL.js → DataListActionsMenu-CS8d2H5c.js}

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var useFocusTrap = require('./useFocusTrap-EK8W7K9i.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-Bx69qGB4.js');
-var useOnKeyDown = require('./useOnKeyDown-BiFGeUHj.js');
+var useFocusTrap = require('./useFocusTrap-iNPP7SH8.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-Doj-bKfo.js');
+var useOnKeyDown = require('./useOnKeyDown-CnkMzGEX.js');
 var ReactDOM = require('react-dom');
 var design = require('@jobber/design');
-var useIsMounted = require('./useIsMounted-CZ1WNfzW.js');
-var DataList_const = require('./DataList.const-DRVUuOCE.js');
+var useIsMounted = require('./useIsMounted-CawLImYr.js');
+var DataList_const = require('./DataList.const-NEM-MM3c.js');
 
 var styles = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-"};
 

package/dist/{DataListBulkActions-Bu6SPIgE.js → DataListBulkActions-4wF2nn0q.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataListActions = require('./DataListActions-BLq9yqoJ.js');
-var useResponsiveSizing = require('./useResponsiveSizing-Dec7P8mX.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataListActions = require('./DataListActions-ChIm9giO.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BMPfW2Ys.js');
 
 var styles = {"bulkActions":"v-GrdlFpBLk-"};
 

package/dist/{DataListBulkActions-CApy-iSj.js → DataListBulkActions-DS7kHmw1.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { D as DataListActions } from './DataListActions-BCAdDg1G.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-BdzoNAMy.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { D as DataListActions } from './DataListActions-C83u8wGn.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DXqjS5wM.js';
 
 var styles = {"bulkActions":"v-GrdlFpBLk-"};
 

package/dist/{DataListContext-DBqHBfaS.js → DataListContext-CfLBiORV.js}

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react';
-import { n as noop } from './noop-DQR_MJGD.js';
+import { n as noop } from './noop-Iqj5FwEt.js';
 
 const defaultValues = {
     title: "",

package/dist/{DataListContext-FRrP5WWZ.js → DataListContext-D4Fw5c9x.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var noop = require('./noop-DQkFxeNg.js');
+var noop = require('./noop-DzI-beuu.js');
 
 const defaultValues = {
     title: "",

package/dist/{DataListEmptyState-C3n_bn8O.js → DataListEmptyState-DHy3WRAk.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var Text = require('./Text-DCpKaF5f.js');
-var Button = require('./Button-DfoSryhu.js');
-var DataList_const = require('./DataList.const-DRVUuOCE.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var Text = require('./Text-DrEbJ-f7.js');
+var Button = require('./Button-BHR__Xp1.js');
+var DataList_const = require('./DataList.const-NEM-MM3c.js');
 
 var styles = {"emptyStateWrapper":"zg3w9nQga-M-"};
 

package/dist/{DataListEmptyState-C7s1eizw.js → DataListEmptyState-jrAJEkab.js}

@@ -1,8 +1,8 @@
 import React, { useContext, cloneElement } from 'react';
-import { D as DataListContext } from './DataListContext-DBqHBfaS.js';
-import { T as Text } from './Text-CnsVDzdo.js';
-import { B as Button } from './Button-CjmFrkGt.js';
-import { E as EMPTY_FILTER_RESULTS_MESSAGE, b as EMPTY_RESULTS_MESSAGE, c as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-B-dWQTMg.js';
+import { D as DataListContext } from './DataListContext-CfLBiORV.js';
+import { T as Text } from './Text-jAK9RUhf.js';
+import { B as Button } from './Button-I8bsy701.js';
+import { E as EMPTY_FILTER_RESULTS_MESSAGE, b as EMPTY_RESULTS_MESSAGE, c as EMPTY_STATE_ACTION_BUTTON_ONLY_ERROR } from './DataList.const-BOb5Z2Ap.js';
 
 var styles = {"emptyStateWrapper":"zg3w9nQga-M-"};
 

package/dist/{DataListFilters-e1CbRVjP.js → DataListFilters-DHTtdEnj.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var DataListSort = require('./DataListSort-BQs0uXgO.js');
-var DataListOverflowFade = require('./DataListOverflowFade-DxUmzDkJ.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataList_utils = require('./DataList.utils-SomqOqfA.js');
-var useResponsiveSizing = require('./useResponsiveSizing-Dec7P8mX.js');
+var DataListSort = require('./DataListSort--cMPwE0g.js');
+var DataListOverflowFade = require('./DataListOverflowFade-ByTuPBSC.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataList_utils = require('./DataList.utils-DfTSPcoz.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BMPfW2Ys.js');
 
 function useShowHeader() {
     const { headerVisibility } = DataListContext.useDataListContext();

package/dist/{DataListFilters-DVg65vvr.js → DataListFilters-RVYeG7GN.js}

@@ -1,9 +1,9 @@
 import React from 'react';
-import { D as DataListSort } from './DataListSort-De8N8Ry3.js';
-import { D as DataListOverflowFade } from './DataListOverflowFade-RUaBId-I.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { g as getCompoundComponent } from './DataList.utils-C3rX73Y9.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-BdzoNAMy.js';
+import { D as DataListSort } from './DataListSort-DioDYCKp.js';
+import { D as DataListOverflowFade } from './DataListOverflowFade-DDRCgzGR.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { g as getCompoundComponent } from './DataList.utils-DokU6uyp.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DXqjS5wM.js';
 
 function useShowHeader() {
     const { headerVisibility } = useDataListContext();

package/dist/{DataListHeader-BB4kF3Mx.js → DataListHeader-BkXs-JCK.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataList_utils = require('./DataList.utils-SomqOqfA.js');
-var useResponsiveSizing = require('./useResponsiveSizing-Dec7P8mX.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataList_utils = require('./DataList.utils-DfTSPcoz.js');
+var useResponsiveSizing = require('./useResponsiveSizing-BMPfW2Ys.js');
 var classnames = require('classnames');
-var AnimatedSwitcher = require('./AnimatedSwitcher-D9kIlX4w.js');
-var Text = require('./Text-DCpKaF5f.js');
-var Button = require('./Button-DfoSryhu.js');
-var Checkbox = require('./Checkbox-CILVBS9h.js');
-var DataList = require('./DataList-TPzMHyuH.js');
-var DataListBulkActions = require('./DataListBulkActions-Bu6SPIgE.js');
-var useBatchSelect = require('./useBatchSelect-BTfk8B5A.js');
-var useActiveLayout = require('./useActiveLayout-BMdEaN9U.js');
+var AnimatedSwitcher = require('./AnimatedSwitcher-CH2ZwoJn.js');
+var Text = require('./Text-DrEbJ-f7.js');
+var Button = require('./Button-BHR__Xp1.js');
+var Checkbox = require('./Checkbox-DVByk01Q.js');
+var DataList = require('./DataList-B09TnpkO.js');
+var DataListBulkActions = require('./DataListBulkActions-4wF2nn0q.js');
+var useBatchSelect = require('./useBatchSelect-Cmnl1tGK.js');
+var useActiveLayout = require('./useActiveLayout-DxCOOPIx.js');
 
 function DataListHeaderCheckbox({ children }) {
     const { sm } = useResponsiveSizing.useResponsiveSizing();

package/dist/{DataListHeader-Dao0wlDX.js → DataListHeader-CTQf3F_y.js}

@@ -1,16 +1,16 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { c as generateHeaderElements, s as sortBreakpoints } from './DataList.utils-C3rX73Y9.js';
-import { u as useResponsiveSizing } from './useResponsiveSizing-BdzoNAMy.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { c as generateHeaderElements, s as sortBreakpoints } from './DataList.utils-DokU6uyp.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DXqjS5wM.js';
 import classnames from 'classnames';
-import { A as AnimatedSwitcher } from './AnimatedSwitcher-BABVxHgR.js';
-import { T as Text } from './Text-CnsVDzdo.js';
-import { B as Button } from './Button-CjmFrkGt.js';
-import { C as Checkbox } from './Checkbox-CSwX0ray.js';
-import { s as styles } from './DataList-iyVYy4dA.js';
-import { I as InternalDataListBulkActions } from './DataListBulkActions-CApy-iSj.js';
-import { u as useBatchSelect } from './useBatchSelect-YfeXD3YR.js';
-import { u as useActiveLayout } from './useActiveLayout-Dn5V7DdK.js';
+import { A as AnimatedSwitcher } from './AnimatedSwitcher-B9HWMJcK.js';
+import { T as Text } from './Text-jAK9RUhf.js';
+import { B as Button } from './Button-I8bsy701.js';
+import { C as Checkbox } from './Checkbox-DIzQIW7B.js';
+import { s as styles } from './DataList-CcQi9XFw.js';
+import { I as InternalDataListBulkActions } from './DataListBulkActions-DS7kHmw1.js';
+import { u as useBatchSelect } from './useBatchSelect-CRFOjqRF.js';
+import { u as useActiveLayout } from './useActiveLayout-DYH8dG_d.js';
 
 function DataListHeaderCheckbox({ children }) {
     const { sm } = useResponsiveSizing();

package/dist/{DataListHeaderTile-Bg86VFjn.js → DataListHeaderTile-Bt-KE-_Z.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useFocusTrap = require('./useFocusTrap-EK8W7K9i.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-Bx69qGB4.js');
-var DataListSortingOptions = require('./DataListSortingOptions-DvVDuOD5.js');
-var Text = require('./Text-DCpKaF5f.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
+var useFocusTrap = require('./useFocusTrap-iNPP7SH8.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-Doj-bKfo.js');
+var DataListSortingOptions = require('./DataListSortingOptions-Uwmu7Ggl.js');
+var Text = require('./Text-DrEbJ-f7.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
 
 var styles$1 = {"headerLabel":"fLmJZJJqMcE-","sortable":"UG8cHUT3Hds-"};
 

package/dist/{DataListHeaderTile-H_40Ow-l.js → DataListHeaderTile-CECKTyaK.js}

@@ -1,10 +1,10 @@
 import React, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import { u as useFocusTrap_2 } from './useFocusTrap-DQjHsTgA.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-TEw2oXdf.js';
-import { D as DataListSortingOptions } from './DataListSortingOptions-BvaWjuDL.js';
-import { T as Text } from './Text-CnsVDzdo.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-BHtshy_w.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-9aD5j5BK.js';
+import { D as DataListSortingOptions } from './DataListSortingOptions-B7jhDXMI.js';
+import { T as Text } from './Text-jAK9RUhf.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
 
 var styles$1 = {"headerLabel":"fLmJZJJqMcE-","sortable":"UG8cHUT3Hds-"};
 

package/dist/{DataListItem-Dv6ou29A.js → DataListItem-DfXwQ4FC.js}

@@ -3,16 +3,16 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var DataListLayoutContext = require('./DataListLayoutContext-6r_iaktS.js');
-var DataListItemActions = require('./DataListItemActions-Dgoo-VVv.js');
-var DataListActionsMenu = require('./DataListActionsMenu-CM49fTVL.js');
-var DataListLayoutContext$1 = require('./DataListLayoutContext-YnJqNXNb.js');
-var DataList_utils = require('./DataList.utils-SomqOqfA.js');
-var Checkbox = require('./Checkbox-CILVBS9h.js');
-var useBatchSelect = require('./useBatchSelect-BTfk8B5A.js');
-var DataList = require('./DataList-TPzMHyuH.js');
-var DataListItemClickable = require('./DataListItemClickable-D2QY_s9f.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CSQnIBf2.js');
+var DataListItemActions = require('./DataListItemActions-fL14KecK.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CS8d2H5c.js');
+var DataListLayoutContext$1 = require('./DataListLayoutContext-CfmhZO0Z.js');
+var DataList_utils = require('./DataList.utils-DfTSPcoz.js');
+var Checkbox = require('./Checkbox-DVByk01Q.js');
+var useBatchSelect = require('./useBatchSelect-Cmnl1tGK.js');
+var DataList = require('./DataList-B09TnpkO.js');
+var DataListItemClickable = require('./DataListItemClickable-DEyJ0ZBJ.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect.useBatchSelect();
@@ -85,6 +85,7 @@ function DataListItem({ item, layout, }) {
     const { actions, hasActions } = useGetItemActions(item);
     const isContextMenuVisible = Boolean(contextPosition);
     const shouldShowContextMenu = showMenu && isContextMenuVisible && hasActions;
+    const shouldShowHoverMenu = showMenu && hasActions && !hasInLayoutActions && !shouldShowContextMenu;
     return (React.createElement(DataListLayoutContext$1.DataListLayoutActionsContext.Provider, { value: { activeItem: item } },
         React.createElement("div", { onMouseEnter: handleShowMenu, onMouseLeave: handleHideMenu, onFocus: handleShowMenu, onBlur: handleHideMenu, onContextMenu: handleContextMenu, className: classnames(DataList.styles.listItem, {
                 [DataList.styles.active]: showMenu && isContextMenuVisible,
@@ -92,7 +93,7 @@ function DataListItem({ item, layout, }) {
             React.createElement(DataListItemInternal, { item: item },
                 React.createElement(DataListItemClickable.DataListItemClickable, null, layout(generatedItem))),
             React.createElement(framerMotion.AnimatePresence, null,
-                showMenu && hasActions && !hasInLayoutActions && (React.createElement(DataListItemActions.InternalDataListItemActions, { actions: actions })),
+                shouldShowHoverMenu && (React.createElement(DataListItemActions.InternalDataListItemActions, { actions: actions })),
                 React.createElement(DataListActionsMenu.DataListActionsMenu, { key: item.id, visible: shouldShowContextMenu, position: contextPosition || { x: 0, y: 0 }, onRequestClose: () => setContextPosition(undefined) }, actions)))));
     function handleShowMenu() {
         setShowMenu(true);

package/dist/{DataListItem-DzMg6ORO.js → DataListItem-DyQELPkj.js}

@@ -1,16 +1,16 @@
 import React, { Children, useMemo, isValidElement, useState } from 'react';
 import { AnimatePresence } from 'framer-motion';
 import classnames from 'classnames';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-jhc076HB.js';
-import { I as InternalDataListItemActions } from './DataListItemActions-gAnWPNSH.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-DDcd26C2.js';
-import { D as DataListLayoutActionsContext } from './DataListLayoutContext-CwnmYEfK.js';
-import { d as generateListItemElement } from './DataList.utils-C3rX73Y9.js';
-import { C as Checkbox } from './Checkbox-CSwX0ray.js';
-import { u as useBatchSelect } from './useBatchSelect-YfeXD3YR.js';
-import { s as styles } from './DataList-iyVYy4dA.js';
-import { D as DataListItemClickable } from './DataListItemClickable-DnZ4_irn.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-Cx1xMgAj.js';
+import { I as InternalDataListItemActions } from './DataListItemActions-0nnrRG6R.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-C5qOwrRU.js';
+import { D as DataListLayoutActionsContext } from './DataListLayoutContext-CVTDnkv2.js';
+import { d as generateListItemElement } from './DataList.utils-DokU6uyp.js';
+import { C as Checkbox } from './Checkbox-DIzQIW7B.js';
+import { u as useBatchSelect } from './useBatchSelect-CRFOjqRF.js';
+import { s as styles } from './DataList-CcQi9XFw.js';
+import { D as DataListItemClickable } from './DataListItemClickable-S3Z6UFHi.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
 
 function DataListItemInternal({ children, item, }) {
     const { canSelect, hasAtLeastOneSelected, isSelectAll, selectedIDs, selected, onSelect, } = useBatchSelect();
@@ -83,6 +83,7 @@ function DataListItem({ item, layout, }) {
     const { actions, hasActions } = useGetItemActions(item);
     const isContextMenuVisible = Boolean(contextPosition);
     const shouldShowContextMenu = showMenu && isContextMenuVisible && hasActions;
+    const shouldShowHoverMenu = showMenu && hasActions && !hasInLayoutActions && !shouldShowContextMenu;
     return (React.createElement(DataListLayoutActionsContext.Provider, { value: { activeItem: item } },
         React.createElement("div", { onMouseEnter: handleShowMenu, onMouseLeave: handleHideMenu, onFocus: handleShowMenu, onBlur: handleHideMenu, onContextMenu: handleContextMenu, className: classnames(styles.listItem, {
                 [styles.active]: showMenu && isContextMenuVisible,
@@ -90,7 +91,7 @@ function DataListItem({ item, layout, }) {
             React.createElement(DataListItemInternal, { item: item },
                 React.createElement(DataListItemClickable, null, layout(generatedItem))),
             React.createElement(AnimatePresence, null,
-                showMenu && hasActions && !hasInLayoutActions && (React.createElement(InternalDataListItemActions, { actions: actions })),
+                shouldShowHoverMenu && (React.createElement(InternalDataListItemActions, { actions: actions })),
                 React.createElement(DataListActionsMenu, { key: item.id, visible: shouldShowContextMenu, position: contextPosition || { x: 0, y: 0 }, onRequestClose: () => setContextPosition(undefined) }, actions)))));
     function handleShowMenu() {
         setShowMenu(true);

package/dist/{DataListItemActions-gAnWPNSH.js → DataListItemActions-0nnrRG6R.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { motion } from 'framer-motion';
-import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-B-dWQTMg.js';
-import { D as DataListActions } from './DataListActions-BCAdDg1G.js';
+import { T as TRANSITION_DURATION_IN_SECONDS, d as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-BOb5Z2Ap.js';
+import { D as DataListActions } from './DataListActions-C83u8wGn.js';
 
 var styles = {"menu":"jHcHGQ-HDbk-"};
 
@@ -12,8 +12,8 @@ _) {
     return null;
 }
 const variants = {
-    hidden: { opacity: 0, y: 0 },
-    visible: { opacity: 1, y: 4 },
+    hidden: { opacity: 0, y: 10 },
+    visible: { opacity: 1, y: 0 },
 };
 function InternalDataListItemActions({ actions, }) {
     return (React.createElement(motion.div, { variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {

package/dist/{DataListItemActions-Dgoo-VVv.js → DataListItemActions-fL14KecK.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var DataList_const = require('./DataList.const-DRVUuOCE.js');
-var DataListActions = require('./DataListActions-BLq9yqoJ.js');
+var DataList_const = require('./DataList.const-NEM-MM3c.js');
+var DataListActions = require('./DataListActions-ChIm9giO.js');
 
 var styles = {"menu":"jHcHGQ-HDbk-"};
 
@@ -14,8 +14,8 @@ _) {
     return null;
 }
 const variants = {
-    hidden: { opacity: 0, y: 0 },
-    visible: { opacity: 1, y: 4 },
+    hidden: { opacity: 0, y: 10 },
+    visible: { opacity: 1, y: 0 },
 };
 function InternalDataListItemActions({ actions, }) {
     return (React.createElement(framerMotion.motion.div, { variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {

package/dist/{DataListItemActionsOverflow-BgOcYQ78.js → DataListItemActionsOverflow-Blfs0qZX.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-DfoSryhu.js');
-var Tooltip = require('./Tooltip-CwLAXZP7.js');
-var DataListActionsMenu = require('./DataListActionsMenu-CM49fTVL.js');
+var Button = require('./Button-BHR__Xp1.js');
+var Tooltip = require('./Tooltip-Dn2njaLf.js');
+var DataListActionsMenu = require('./DataListActionsMenu-CS8d2H5c.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", size: "small", variation: "subtle", onClick: handleMoreClick })),
+            React.createElement(Button.Button, { icon: "more", ariaLabel: "More actions", type: "secondary", 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-Dyw5M3hP.js → DataListItemActionsOverflow-Cps1O4va.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { B as Button } from './Button-CjmFrkGt.js';
-import { T as Tooltip } from './Tooltip-C7bZ1xII.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-DDcd26C2.js';
+import { B as Button } from './Button-I8bsy701.js';
+import { T as Tooltip } from './Tooltip-BzL7ceh5.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-C5qOwrRU.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", size: "small", variation: "subtle", onClick: handleMoreClick })),
+            React.createElement(Button, { icon: "more", ariaLabel: "More actions", type: "secondary", 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-D2QY_s9f.js → DataListItemClickable-DEyJ0ZBJ.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
 var reactRouterDom = require('react-router-dom');
-var DataList = require('./DataList-TPzMHyuH.js');
-var DataListLayoutContext = require('./DataListLayoutContext-YnJqNXNb.js');
+var DataList = require('./DataList-B09TnpkO.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CfmhZO0Z.js');
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = DataListLayoutContext.useDataListLayoutActionsContext();

package/dist/{DataListItemClickable-DnZ4_irn.js → DataListItemClickable-S3Z6UFHi.js}

@@ -1,8 +1,8 @@
 import React from 'react';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
 import { Link } from 'react-router-dom';
-import { s as styles } from './DataList-iyVYy4dA.js';
-import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-CwnmYEfK.js';
+import { s as styles } from './DataList-CcQi9XFw.js';
+import { u as useDataListLayoutActionsContext } from './DataListLayoutContext-CVTDnkv2.js';
 
 function DataListItemClickableInternal({ onClick, url, to, children, }) {
     const { activeItem } = useDataListLayoutActionsContext();

package/dist/{DataListItems-nJU9Tv9f.js → DataListItems-CC_DDHL-.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { D as DataListLayoutContext } from './DataListLayoutContext-jhc076HB.js';
-import { D as DataListItem } from './DataListItem-DzMg6ORO.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { D as DataListLayoutContext } from './DataListLayoutContext-Cx1xMgAj.js';
+import { D as DataListItem } from './DataListItem-DyQELPkj.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListItems-2020GohP.js → DataListItems-CvopZ99C.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataListLayoutContext = require('./DataListLayoutContext-6r_iaktS.js');
-var DataListItem = require('./DataListItem-Dv6ou29A.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CSQnIBf2.js');
+var DataListItem = require('./DataListItem-DfXwQ4FC.js');
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = DataListContext.useDataListContext();

package/dist/{DataListLayout-DAtliBvR.js → DataListLayout-BUYTpGzO.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-2020GohP.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var useActiveLayout = require('./useActiveLayout-BMdEaN9U.js');
+var DataListItems = require('./DataListItems-CvopZ99C.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var useActiveLayout = require('./useActiveLayout-DxCOOPIx.js');
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = DataListContext.useDataListContext();

package/dist/{DataListLayout-VhJ8vm0H.js → DataListLayout-DCfEeFTG.js}

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-nJU9Tv9f.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { u as useActiveLayout } from './useActiveLayout-Dn5V7DdK.js';
+import { D as DataListItems } from './DataListItems-CC_DDHL-.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { u as useActiveLayout } from './useActiveLayout-DYH8dG_d.js';
 
 function DataListLayout({ children, size = "xs", }) {
     const { registerLayout, loadingState } = useDataListContext();

package/dist/{DataListLayoutActions-DmMYg0U8.js → DataListLayoutActions-BruPwoZn.js}

@@ -1,8 +1,8 @@
 import React, { Children, useEffect } from 'react';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { u as useDataListLayoutContext } from './DataListLayoutContext-jhc076HB.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-Dyw5M3hP.js';
-import { G as Glimmer } from './Glimmer-DBrXFx5J.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { u as useDataListLayoutContext } from './DataListLayoutContext-Cx1xMgAj.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-Cps1O4va.js';
+import { G as Glimmer } from './Glimmer-CHCNn56m.js';
 
 var styles = {"hidden":"_0m75bgCVBhk-"};
 

package/dist/{DataListLayoutActions-BuiHXpRZ.js → DataListLayoutActions-DteWZ5AT.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataListLayoutContext = require('./DataListLayoutContext-6r_iaktS.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-BgOcYQ78.js');
-var Glimmer = require('./Glimmer-d4eMT0wI.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataListLayoutContext = require('./DataListLayoutContext-CSQnIBf2.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-Blfs0qZX.js');
+var Glimmer = require('./Glimmer-Db0GJyw2.js');
 
 var styles = {"hidden":"_0m75bgCVBhk-"};
 

package/dist/{DataListLayoutContext-6r_iaktS.js → DataListLayoutContext-CSQnIBf2.js}

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

package/dist/{DataListLayoutContext-jhc076HB.js → DataListLayoutContext-Cx1xMgAj.js}

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

package/dist/{DataListLoadMore-CNwLZXGB.js → DataListLoadMore-DFeQhnLp.js}

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-CX9dXX3D.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-B-dWQTMg.js';
-import { S as Spinner } from './Spinner-CPP7RjUV.js';
-import { B as Button } from './Button-CjmFrkGt.js';
+import { u as useInView_2 } from './useInView-BVtqJL8_.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { f as DATA_LOAD_MORE_TEST_ID, g as DATA_LIST_LOADING_MORE_SPINNER_TEST_ID } from './DataList.const-BOb5Z2Ap.js';
+import { S as Spinner } from './Spinner-Dpn5yo2n.js';
+import { B as Button } from './Button-I8bsy701.js';
 
 var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-"};
 

package/dist/{DataListLoadMore-Czc58Z3c.js → DataListLoadMore-FGTr5oJE.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-BF8zzXdW.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var DataList_const = require('./DataList.const-DRVUuOCE.js');
-var Spinner = require('./Spinner-DHE9Yg8j.js');
-var Button = require('./Button-DfoSryhu.js');
+var useInView = require('./useInView-BGdv1k1O.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var DataList_const = require('./DataList.const-NEM-MM3c.js');
+var Spinner = require('./Spinner-iGPO1rkT.js');
+var Button = require('./Button-BHR__Xp1.js');
 
 var styles = {"trigger":"IC-Y9bTIVFo-","loadingMore":"PbZLGpbI6ZM-","backToTop":"_6zA6B-jmz6o-","fadeIn":"gZ4DUv82g5I-"};
 

package/dist/{DataListLoadingState-D8r0fPpG.js → DataListLoadingState-DNNkaB03.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Glimmer = require('./Glimmer-d4eMT0wI.js');
-var DataListContext = require('./DataListContext-FRrP5WWZ.js');
-var useActiveLayout = require('./useActiveLayout-BMdEaN9U.js');
+var Glimmer = require('./Glimmer-Db0GJyw2.js');
+var DataListContext = require('./DataListContext-D4Fw5c9x.js');
+var useActiveLayout = require('./useActiveLayout-DxCOOPIx.js');
 
 var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-"};
 

package/dist/{DataListLoadingState-CtenXjwv.js → DataListLoadingState-DgHpd2na.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { G as Glimmer } from './Glimmer-DBrXFx5J.js';
-import { u as useDataListContext } from './DataListContext-DBqHBfaS.js';
-import { u as useActiveLayout } from './useActiveLayout-Dn5V7DdK.js';
+import { G as Glimmer } from './Glimmer-CHCNn56m.js';
+import { u as useDataListContext } from './DataListContext-CfLBiORV.js';
+import { u as useActiveLayout } from './useActiveLayout-DYH8dG_d.js';
 
 var styles = {"wrapper":"_8cMzUF8XEwY-","loadingItem":"Rh--6fVpkm4-","glimmer":"NFaWWvmxtkw-"};
 

package/dist/{DataListOverflowFade-DxUmzDkJ.js → DataListOverflowFade-ByTuPBSC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-BF8zzXdW.js');
+var useInView = require('./useInView-BGdv1k1O.js');
 var classnames = require('classnames');
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";

package/dist/{DataListOverflowFade-RUaBId-I.js → DataListOverflowFade-DDRCgzGR.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { u as useInView_2 } from './useInView-CX9dXX3D.js';
+import { u as useInView_2 } from './useInView-BVtqJL8_.js';
 import classnames from 'classnames';
 
 const CONTAINER_TEST_ID = "ATL-DataListFilters-Container";