@jobber/components 7.3.0 → 7.5.0

package/dist/Button/Button.d.ts

@@ -1,7 +1,13 @@
 import React from "react";
-import { type ButtonProps } from "./Button.types";
+import type { ButtonProps } from "./Button.types";
 import { ButtonIcon, ButtonLabel } from "./ButtonInternals";
-declare function Button(props: ButtonProps): React.JSX.Element;
+type ButtonElement = HTMLAnchorElement | HTMLButtonElement;
+type ButtonRuntimeProps = ButtonProps & React.HTMLAttributes<ButtonElement> & {
+    readonly className?: string;
+    readonly ref?: React.Ref<ButtonElement>;
+    readonly style?: React.CSSProperties;
+};
+declare function Button(props: ButtonRuntimeProps): React.JSX.Element;
 declare namespace Button {
     var Label: typeof ButtonLabel;
     var Icon: typeof ButtonIcon;

package/dist/Button/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var Button = require('../Button-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react');
 require('react-router-dom');
 require('classnames');
-require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');

package/dist/Button/index.mjs

@@ -1,8 +1,8 @@
 export { B as Button, a as useButtonContext, u as useButtonStyles } from '../Button-es.js';
+import '../tslib.es6-es.js';
 import 'react';
 import 'react-router-dom';
 import 'classnames';
-import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Typography-es.js';

package/dist/Button-cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var reactRouterDom = require('react-router-dom');
 var classnames = require('classnames');
-var tslib_es6 = require('./tslib.es6-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var Typography = require('./Typography-cjs.js');
 
@@ -74,22 +74,47 @@ function Button(props) {
     return (React.createElement(ButtonProvider, { size: size },
         React.createElement(ButtonWrapper, Object.assign({}, props))));
 }
+// eslint-disable-next-line max-statements
 function ButtonWrapper(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, "aria-controls": ariaControlsProp, "aria-haspopup": ariaHaspopupProp, "aria-expanded": ariaExpandedProp, "aria-label": ariaLabelProp, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, fullWidth: _fullWidth, icon: _icon, iconOnRight: _iconOnRight, label: _label, size: _size, to, type: _type, url, variation: _variation, UNSAFE_className = {}, UNSAFE_style = {}, children, className, style, ref, onKeyDown, onKeyUp, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, tabIndex, title } = props, rest = tslib_es6.__rest(props, ["ariaControls", "ariaHaspopup", "ariaExpanded", "ariaLabel", "aria-controls", "aria-haspopup", "aria-expanded", "aria-label", "disabled", "external", "id", "name", "onClick", "onMouseDown", "loading", "role", "value", "submit", "fullWidth", "icon", "iconOnRight", "label", "size", "to", "type", "url", "variation", "UNSAFE_className", "UNSAFE_style", "children", "className", "style", "ref", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "tabIndex", "title"]);
     const { combined } = useButtonStyles(props);
-    const buttonType = submit ? "submit" : "button";
-    const buttonClassNames = classnames(combined, UNSAFE_className.container);
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && {
+    const isLinkButton = Boolean(url || to);
+    const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
+    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
+        onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        },
+    })), (!disabled && {
+        onMouseDown: (event) => {
+            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+        },
+    })), (external && {
         target: "_blank",
         rel: "noopener noreferrer",
-    })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-busy": loading, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    })), { "aria-disabled": disabled && isLinkButton ? true : undefined, "aria-controls": ariaControls !== null && ariaControls !== void 0 ? ariaControls : ariaControlsProp, "aria-haspopup": ariaHaspopup !== null && ariaHaspopup !== void 0 ? ariaHaspopup : ariaHaspopupProp, "aria-busy": loading, "aria-expanded": ariaExpanded !== null && ariaExpanded !== void 0 ? ariaExpanded : ariaExpandedProp, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role,
+        tabIndex,
+        title,
+        onKeyDown,
+        onKeyUp,
+        onFocus,
+        onBlur,
+        onPointerDown,
+        onPointerUp,
+        onPointerEnter,
+        onPointerLeave,
+        onMouseEnter,
+        onMouseLeave,
+        onTouchStart,
+        onTouchEnd,
+        onContextMenu });
     const buttonInternals = children || React.createElement(ButtonContent, Object.assign({}, props));
     if (to) {
-        return (React.createElement(reactRouterDom.Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
+        return (React.createElement(reactRouterDom.Link, Object.assign({}, sharedTagProps, { to: to }), buttonInternals));
+    }
+    if (url) {
+        return (React.createElement("a", Object.assign({}, sharedTagProps, { ref: ref, href: !disabled ? url : undefined }), buttonInternals));
     }
-    const Tag = url ? "a" : "button";
-    return React.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
+    return (React.createElement("button", Object.assign({}, sharedTagProps, { ref: ref, type: submit ? "submit" : "button", disabled: disabled }, (submit ? { name, value } : {})), buttonInternals));
 }
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;

package/dist/Button-es.js

@@ -1,7 +1,7 @@
+import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { createContext, useContext } from 'react';
 import { Link } from 'react-router-dom';
 import classnames from 'classnames';
-import { _ as __rest } from './tslib.es6-es.js';
 import { I as Icon } from './Icon-es.js';
 import { T as Typography } from './Typography-es.js';
 
@@ -72,22 +72,47 @@ function Button(props) {
     return (React__default.createElement(ButtonProvider, { size: size },
         React__default.createElement(ButtonWrapper, Object.assign({}, props))));
 }
+// eslint-disable-next-line max-statements
 function ButtonWrapper(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, to, url, UNSAFE_className = {}, UNSAFE_style = {}, children, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, "aria-controls": ariaControlsProp, "aria-haspopup": ariaHaspopupProp, "aria-expanded": ariaExpandedProp, "aria-label": ariaLabelProp, disabled = false, external, id, name, onClick, onMouseDown, loading, role, value, submit, fullWidth: _fullWidth, icon: _icon, iconOnRight: _iconOnRight, label: _label, size: _size, to, type: _type, url, variation: _variation, UNSAFE_className = {}, UNSAFE_style = {}, children, className, style, ref, onKeyDown, onKeyUp, onFocus, onBlur, onPointerDown, onPointerUp, onPointerEnter, onPointerLeave, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, onContextMenu, tabIndex, title } = props, rest = __rest(props, ["ariaControls", "ariaHaspopup", "ariaExpanded", "ariaLabel", "aria-controls", "aria-haspopup", "aria-expanded", "aria-label", "disabled", "external", "id", "name", "onClick", "onMouseDown", "loading", "role", "value", "submit", "fullWidth", "icon", "iconOnRight", "label", "size", "to", "type", "url", "variation", "UNSAFE_className", "UNSAFE_style", "children", "className", "style", "ref", "onKeyDown", "onKeyUp", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerEnter", "onPointerLeave", "onMouseEnter", "onMouseLeave", "onTouchStart", "onTouchEnd", "onContextMenu", "tabIndex", "title"]);
     const { combined } = useButtonStyles(props);
-    const buttonType = submit ? "submit" : "button";
-    const buttonClassNames = classnames(combined, UNSAFE_className.container);
-    const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id, style: UNSAFE_style.container }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && {
+    const isLinkButton = Boolean(url || to);
+    const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
+    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
+        onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        },
+    })), (!disabled && {
+        onMouseDown: (event) => {
+            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+        },
+    })), (external && {
         target: "_blank",
         rel: "noopener noreferrer",
-    })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-busy": loading, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+    })), { "aria-disabled": disabled && isLinkButton ? true : undefined, "aria-controls": ariaControls !== null && ariaControls !== void 0 ? ariaControls : ariaControlsProp, "aria-haspopup": ariaHaspopup !== null && ariaHaspopup !== void 0 ? ariaHaspopup : ariaHaspopupProp, "aria-busy": loading, "aria-expanded": ariaExpanded !== null && ariaExpanded !== void 0 ? ariaExpanded : ariaExpandedProp, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ariaLabelProp, role,
+        tabIndex,
+        title,
+        onKeyDown,
+        onKeyUp,
+        onFocus,
+        onBlur,
+        onPointerDown,
+        onPointerUp,
+        onPointerEnter,
+        onPointerLeave,
+        onMouseEnter,
+        onMouseLeave,
+        onTouchStart,
+        onTouchEnd,
+        onContextMenu });
     const buttonInternals = children || React__default.createElement(ButtonContent, Object.assign({}, props));
     if (to) {
-        return (React__default.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
+        return (React__default.createElement(Link, Object.assign({}, sharedTagProps, { to: to }), buttonInternals));
+    }
+    if (url) {
+        return (React__default.createElement("a", Object.assign({}, sharedTagProps, { ref: ref, href: !disabled ? url : undefined }), buttonInternals));
     }
-    const Tag = url ? "a" : "button";
-    return React__default.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
+    return (React__default.createElement("button", Object.assign({}, sharedTagProps, { ref: ref, type: submit ? "submit" : "button", disabled: disabled }, (submit ? { name, value } : {})), buttonInternals));
 }
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;

package/dist/ButtonDismiss/index.cjs

@@ -3,9 +3,9 @@
 var ButtonDismiss = require('../ButtonDismiss-cjs.js');
 require('react');
 require('../Button-cjs.js');
+require('../tslib.es6-cjs.js');
 require('react-router-dom');
 require('classnames');
-require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');

package/dist/ButtonDismiss/index.mjs

@@ -1,9 +1,9 @@
 export { B as ButtonDismiss } from '../ButtonDismiss-es.js';
 import 'react';
 import '../Button-es.js';
+import '../tslib.es6-es.js';
 import 'react-router-dom';
 import 'classnames';
-import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Typography-es.js';

package/dist/Card/index.cjs

@@ -6,8 +6,8 @@ require('classnames');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');

package/dist/Card/index.mjs

@@ -4,8 +4,8 @@ import 'classnames';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -29,8 +29,8 @@ require('classnames');
 require('../../Text-cjs.js');
 require('../../Typography-cjs.js');
 require('../../Button-cjs.js');
-require('react-router-dom');
 require('../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../Spinner-cjs.js');
 require('../../Chip-cjs.js');
 require('../../Avatar-cjs.js');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -27,8 +27,8 @@ import 'classnames';
 import '../../Text-es.js';
 import '../../Typography-es.js';
 import '../../Button-es.js';
-import 'react-router-dom';
 import '../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../Spinner-es.js';
 import '../../Chip-es.js';
 import '../../Avatar-es.js';

package/dist/Chips/index.cjs

@@ -31,8 +31,8 @@ require('classnames');
 require('../Text-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Spinner-cjs.js');
 require('../Avatar-cjs.js');
 require('color');

package/dist/Chips/index.mjs

@@ -29,8 +29,8 @@ import 'classnames';
 import '../Text-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Spinner-es.js';
 import '../Avatar-es.js';
 import 'color';

package/dist/Combobox/components/ComboboxActivator/index.cjs

@@ -3,9 +3,9 @@
 var ComboboxActivator = require('../../../ComboboxActivator-cjs.js');
 require('react');
 require('../../../Button-cjs.js');
+require('../../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('classnames');
-require('../../../tslib.es6-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');

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

@@ -1,9 +1,9 @@
 export { C as ComboboxActivator } from '../../../ComboboxActivator-es.js';
 import 'react';
 import '../../../Button-es.js';
+import '../../../tslib.es6-es.js';
 import 'react-router-dom';
 import 'classnames';
-import '../../../tslib.es6-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.cjs

@@ -5,8 +5,8 @@ require('react');
 require('../../../../Typography-cjs.js');
 require('classnames');
 require('../../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../../Icon-cjs.js');
 require('@jobber/design');
 

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.mjs

@@ -3,7 +3,7 @@ import 'react';
 import '../../../../Typography-es.js';
 import 'classnames';
 import '../../../../Button-es.js';
-import 'react-router-dom';
 import '../../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../../Icon-es.js';
 import '@jobber/design';

package/dist/ConfirmationModal/index.cjs

@@ -10,8 +10,8 @@ require('framer-motion');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../ButtonDismiss-cjs.js');

package/dist/ConfirmationModal/index.mjs

@@ -8,8 +8,8 @@ import 'framer-motion';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../ButtonDismiss-es.js';

package/dist/DataDump/index.cjs

@@ -7,8 +7,8 @@ require('classnames');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');

package/dist/DataDump/index.mjs

@@ -5,8 +5,8 @@ import 'classnames';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';

package/dist/DataList/components/DataListActions/index.cjs

@@ -12,8 +12,8 @@ require('../../../floating-ui.react-dom-cjs.js');
 require('framer-motion');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');

package/dist/DataList/components/DataListActions/index.mjs

@@ -10,8 +10,8 @@ import '../../../floating-ui.react-dom-es.js';
 import 'framer-motion';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';

package/dist/DataList/components/DataListBulkActions/index.cjs

@@ -16,8 +16,8 @@ require('../../../floating-ui.react-dom-cjs.js');
 require('framer-motion');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');

package/dist/DataList/components/DataListBulkActions/index.mjs

@@ -14,8 +14,8 @@ import '../../../floating-ui.react-dom-es.js';
 import 'framer-motion';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';

package/dist/DataList/components/DataListHeader/index.cjs

@@ -26,8 +26,8 @@ require('../../../useResponsiveSizing-cjs.js');
 require('../../../AnimatedSwitcher-cjs.js');
 require('framer-motion');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Checkbox-cjs.js');
 require('../../../filterDataAttributes-cjs.js');
 require('../../../DataList.module-cjs.js');

package/dist/DataList/components/DataListHeader/index.mjs

@@ -24,8 +24,8 @@ import '../../../useResponsiveSizing-es.js';
 import '../../../AnimatedSwitcher-es.js';
 import 'framer-motion';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Checkbox-es.js';
 import '../../../filterDataAttributes-es.js';
 import '../../../DataList.module-es.js';

package/dist/DataList/components/DataListItem/index.cjs

@@ -19,8 +19,8 @@ require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../DataList.utils-cjs.js');

package/dist/DataList/components/DataListItem/index.mjs

@@ -17,8 +17,8 @@ import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../DataList.utils-es.js';

package/dist/DataList/components/DataListItemActions/index.cjs

@@ -15,8 +15,8 @@ require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../DataList.utils-cjs.js');

package/dist/DataList/components/DataListItemActions/index.mjs

@@ -13,8 +13,8 @@ import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../DataList.utils-es.js';

package/dist/DataList/components/DataListItemActionsOverflow/index.cjs

@@ -3,9 +3,9 @@
 var DataListItemActionsOverflow = require('../../../DataListItemActionsOverflow-cjs.js');
 require('react');
 require('../../../Button-cjs.js');
+require('../../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('classnames');
-require('../../../tslib.es6-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');

package/dist/DataList/components/DataListItemActionsOverflow/index.mjs

@@ -1,9 +1,9 @@
 export { D as DataListItemActionsOverflow } from '../../../DataListItemActionsOverflow-es.js';
 import 'react';
 import '../../../Button-es.js';
+import '../../../tslib.es6-es.js';
 import 'react-router-dom';
 import 'classnames';
-import '../../../tslib.es6-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';

package/dist/DataList/components/DataListItems/index.cjs

@@ -21,8 +21,8 @@ require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../DataList.utils-cjs.js');

package/dist/DataList/components/DataListItems/index.mjs

@@ -19,8 +19,8 @@ import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../DataList.utils-es.js';

package/dist/DataList/components/DataListLayout/index.cjs

@@ -22,8 +22,8 @@ require('react-dom');
 require('../../../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../DataList.utils-cjs.js');

package/dist/DataList/components/DataListLayout/index.mjs

@@ -20,8 +20,8 @@ import 'react-dom';
 import '../../../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../DataList.utils-es.js';

package/dist/DataList/components/DataListLayoutActions/index.cjs

@@ -8,9 +8,9 @@ require('../../../_commonjsHelpers-cjs.js');
 require('../../../DataListLayoutContext-cjs.js');
 require('../../../DataListItemActionsOverflow-cjs.js');
 require('../../../Button-cjs.js');
+require('../../../tslib.es6-cjs.js');
 require('react-router-dom');
 require('classnames');
-require('../../../tslib.es6-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');

package/dist/DataList/components/DataListLayoutActions/index.mjs

@@ -6,9 +6,9 @@ import '../../../_commonjsHelpers-es.js';
 import '../../../DataListLayoutContext-es.js';
 import '../../../DataListItemActionsOverflow-es.js';
 import '../../../Button-es.js';
+import '../../../tslib.es6-es.js';
 import 'react-router-dom';
 import 'classnames';
-import '../../../tslib.es6-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';

package/dist/DataList/components/DataListLoadMore/index.cjs

@@ -11,8 +11,8 @@ require('@jobber/design');
 require('../../../Spinner-cjs.js');
 require('classnames');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 

package/dist/DataList/components/DataListLoadMore/index.mjs

@@ -9,7 +9,7 @@ import '@jobber/design';
 import '../../../Spinner-es.js';
 import 'classnames';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';

package/dist/DataList/components/DataListSearch/index.cjs

@@ -9,8 +9,8 @@ require('../../../InputText/index.cjs');
 require('../../../FormField-cjs.js');
 require('framer-motion');
 require('../../../Button-cjs.js');
-require('react-router-dom');
 require('../../../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../../../Icon-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Text-cjs.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -7,8 +7,8 @@ import '../../../InputText/index.mjs';
 import '../../../FormField-es.js';
 import 'framer-motion';
 import '../../../Button-es.js';
-import 'react-router-dom';
 import '../../../tslib.es6-es.js';
+import 'react-router-dom';
 import '../../../Icon-es.js';
 import '../../../Typography-es.js';
 import '../../../Text-es.js';

package/dist/DatePicker/index.cjs

@@ -12,8 +12,8 @@ require('../floating-ui.react-dom-cjs.js');
 require('@jobber/hooks');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../omit-cjs.js');