@jobber/components 7.3.0 → 7.4.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');

package/dist/DatePicker/index.mjs

@@ -10,8 +10,8 @@ import '../floating-ui.react-dom-es.js';
 import '@jobber/hooks';
 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 '../omit-es.js';

package/dist/Drawer/index.cjs

@@ -7,8 +7,8 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../ButtonDismiss-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');
 

package/dist/Drawer/index.mjs

@@ -5,7 +5,7 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../ButtonDismiss-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';

package/dist/FeatureSwitch/index.cjs

@@ -12,8 +12,8 @@ require('../Switch-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Emphasis-cjs.js');
 require('../Markdown-cjs.js');
 require('react/jsx-runtime');

package/dist/FeatureSwitch/index.mjs

@@ -10,8 +10,8 @@ import '../Switch-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Emphasis-es.js';
 import '../Markdown-es.js';
 import 'react/jsx-runtime';

package/dist/FormField/index.cjs

@@ -7,8 +7,8 @@ require('framer-motion');
 require('@jobber/design');
 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');
 require('../Text-cjs.js');

package/dist/FormField/index.mjs

@@ -5,8 +5,8 @@ import 'framer-motion';
 import '@jobber/design';
 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';
 import '../Text-es.js';

package/dist/InputPassword/index.cjs

@@ -8,8 +8,8 @@ require('framer-motion');
 require('@jobber/design');
 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');
 require('../Text-cjs.js');

package/dist/InputPassword/index.mjs

@@ -6,8 +6,8 @@ import 'framer-motion';
 import '@jobber/design';
 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';
 import '../Text-es.js';

package/dist/LightBox/index.cjs

@@ -10,8 +10,8 @@ require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../ButtonDismiss-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('../Typography-cjs.js');

package/dist/LightBox/index.mjs

@@ -8,8 +8,8 @@ import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../ButtonDismiss-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 '../Typography-es.js';

package/dist/Menu/index.cjs

@@ -14,8 +14,8 @@ require('../Text-cjs2.js');
 require('../clsx-cjs.js');
 require('../index-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('../Typography-cjs.js');

package/dist/Menu/index.mjs

@@ -12,8 +12,8 @@ import '../Text-es2.js';
 import '../clsx-es.js';
 import '../index-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 '../Typography-es.js';

package/dist/Modal/index.cjs

@@ -13,8 +13,8 @@ var floatingUi_react = require('../floating-ui.react-cjs.js');
 var identity = require('../identity-cjs.js');
 var AtlantisPortalContent = require('../AtlantisPortalContent-cjs.js');
 require('../Typography-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../_commonjsHelpers-cjs.js');

package/dist/Modal/index.mjs

@@ -11,8 +11,8 @@ import { b as useFloatingNodeId, u as useFloating, c as useDismiss, g as useRole
 import { b as identity } from '../identity-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
 import '../Typography-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../_commonjsHelpers-es.js';

package/dist/RecurringSelect/index.cjs

@@ -24,8 +24,8 @@ require('@jobber/hooks');
 require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');
-require('react-router-dom');
 require('../tslib.es6-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');

package/dist/RecurringSelect/index.mjs

@@ -22,8 +22,8 @@ import '@jobber/hooks';
 import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';
-import 'react-router-dom';
 import '../tslib.es6-es.js';
+import 'react-router-dom';
 import '../Icon-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';

package/dist/SideDrawer/index.cjs

@@ -10,8 +10,8 @@ require('@jobber/design');
 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('../Flex-cjs.js');
 

package/dist/SideDrawer/index.mjs

@@ -8,7 +8,7 @@ import '@jobber/design';
 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 '../Flex-es.js';

package/dist/Toast/index.cjs

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

package/dist/Toast/index.mjs

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

package/dist/docs/Button/Button.md

@@ -917,9 +917,9 @@ export const styles = StyleSheet.create({
 | `label` | `string` | No | — |  |
 | `loading` | `boolean` | No | — |  |
 | `name` | `string` | No | — |  |
-| `onClick` | `(event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void` | No | — |  |
-| `onMouseDown` | `(event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void` | No | — |  |
-| `role` | `string` | No | — | Used to override the default button role. |
+| `onClick` | `((event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<ButtonElement>` | No | — |  |
+| `onMouseDown` | `((event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<ButtonElement>` | No | — |  |
+| `ref` | `Ref<ButtonElement>` | No | — |  |
 | `size` | `ButtonSize` | No | — |  |
 | `submit` | `boolean` | No | — | Allows the button to submit a form |
 | `to` | `LocationDescriptor<unknown> | ((location: Location<unknown>) => LocationDescriptor<unknown>)` | No | — | **Deprecated**: to will be removed in the next major version @deprecated |
@@ -942,7 +942,7 @@ export const styles = StyleSheet.create({
 | `id` | `string` | No | — |  |
 | `numberOfLines` | `number` | No | — |  |
 | `size` | `"small" | "base" | "large" | "extravagant" | "jumbo" | "larger" | "largest" | "smaller"` | No | — |  |
-| `textCase` | `"capitalize" | "lowercase" | "none" | "uppercase"` | No | — |  |
+| `textCase` | `"none" | "capitalize" | "lowercase" | "uppercase"` | No | — |  |
 | `underline` | `UnderlineStyle | "solid color-indigo" | "solid color-indigo--light" | "solid color-indigo--lighter" | "solid color-indigo--lightest" | "solid color-indigo--dark" | ... 646 more ... | "dashed color-client--onSurface"` | No | — | The style (and optionally a color) of underline the text is decorated with. All semantic color tokens (other than the... |
 | `UNSAFE_className` | `{ textStyle?: string; }` | No | — | **Use at your own risk:** Custom classNames for specific elements. This should only be used as a **last resort**. Usi... |
 | `UNSAFE_style` | `{ textStyle?: CSSProperties; }` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |

package/dist/docs/Icon/Icon.md

@@ -210,6 +210,7 @@ export function IconSizesExample() {
 |      | `availability`          |
 |      | `beforeDate`            |
 |      | `calendar`              |
+|      | `calendarCheck`         |
 |      | `clearFilters`          |
 |      | `event`                 |
 |      | `onlineBooking`         |

package/dist/docs/usage-guidelines/usage-guidelines.md

@@ -14,7 +14,6 @@ deprecated.
 | Component        | Import                                                                   | v2 prop                                                                                                   |
 | ---------------- | ------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------- |
 | Autocomplete     | `import { Autocomplete } from "@jobber/components/Autocomplete"`         | `version={2}` — fully controlled, async support                                                           |
-| Checkbox         | `import { Checkbox } from "@jobber/components/Checkbox"`                 | `version={2}`                                                                                             |
 | InputDate        | `import { InputDate } from "@jobber/components/InputDate"`               | `version={2}`                                                                                             |
 | InputEmail       | `import { InputEmail } from "@jobber/components/InputEmail"`             | `version={2}`                                                                                             |
 | InputNumber      | `import { InputNumber } from "@jobber/components/InputNumber"`           | `version={2}`                                                                                             |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -528,7 +528,7 @@
   "devDependencies": {
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
-    "@jobber/design": "0.98.0",
+    "@jobber/design": "0.99.0",
     "@jobber/hooks": "2.19.4",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -583,5 +583,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "3de45c6bd3fda1207525ad3328be9c60b407765b"
+  "gitHead": "1513cc5ba2285ff22a2cb3eb537a2c105e9f793b"
 }