@jobber/components 7.3.0 → 7.5.0

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/DrawerRoot-cjs.js

@@ -144,13 +144,19 @@ const itemPress = 'item-press';
 const closePress = 'close-press';
 const clearPress = 'clear-press';
 const chipRemovePress = 'chip-remove-press';
+const incrementPress = 'increment-press';
+const decrementPress = 'decrement-press';
 const inputChange = 'input-change';
 const inputClear = 'input-clear';
+const inputBlur = 'input-blur';
+const inputPaste = 'input-paste';
 const inputPress = 'input-press';
 const focusOut = 'focus-out';
 const escapeKey = 'escape-key';
 const closeWatcher = 'close-watcher';
 const listNavigation = 'list-navigation';
+const keyboard = 'keyboard';
+const scrub = 'scrub';
 const imperativeAction = 'imperative-action';
 const swipe = 'swipe';
 
@@ -173,7 +179,7 @@ const swipe = 'swipe';
 function createChangeEventDetails(reason, event, trigger, customProperties) {
   let canceled = false;
   let allowPropagation = false;
-  const custom = useRenderElement.EMPTY_OBJECT;
+  const custom = customProperties ?? useRenderElement.EMPTY_OBJECT;
   const details = {
     reason,
     event: event ?? new Event('base-ui'),
@@ -6102,6 +6108,7 @@ exports.InternalBackdrop = InternalBackdrop;
 exports.PopupTriggerMap = PopupTriggerMap;
 exports.SafeReact = SafeReact;
 exports.Store = Store;
+exports.Timeout = Timeout;
 exports.TransitionStatusDataAttributes = TransitionStatusDataAttributes;
 exports.activeElement = activeElement;
 exports.chipRemovePress = chipRemovePress;
@@ -6113,6 +6120,7 @@ exports.createChangeEventDetails = createChangeEventDetails;
 exports.createGenericEventDetails = createGenericEventDetails;
 exports.createGridCellMap = createGridCellMap;
 exports.createSelector = createSelector;
+exports.decrementPress = decrementPress;
 exports.enqueueFocus = enqueueFocus;
 exports.escapeKey = escapeKey;
 exports.findNonDisabledListIndex = findNonDisabledListIndex;
@@ -6125,14 +6133,18 @@ exports.getMaxListIndex = getMaxListIndex;
 exports.getMinListIndex = getMinListIndex;
 exports.getTarget = getTarget;
 exports.imperativeAction = imperativeAction;
+exports.incrementPress = incrementPress;
 exports.inertValue = inertValue;
+exports.inputBlur = inputBlur;
 exports.inputChange = inputChange;
 exports.inputClear = inputClear;
+exports.inputPaste = inputPaste;
 exports.inputPress = inputPress;
 exports.isAndroid = isAndroid;
 exports.isClickLikeEvent = isClickLikeEvent;
 exports.isElementVisible = isElementVisible;
 exports.isFirefox = isFirefox;
+exports.isIOS = isIOS;
 exports.isIndexOutOfListBounds = isIndexOutOfListBounds;
 exports.isListIndexDisabled = isListIndexDisabled;
 exports.isMouseLikePointerType = isMouseLikePointerType;
@@ -6140,13 +6152,16 @@ exports.isTypeableCombobox = isTypeableCombobox;
 exports.isTypeableElement = isTypeableElement;
 exports.isVirtualClick = isVirtualClick;
 exports.isVirtualPointerEvent = isVirtualPointerEvent;
+exports.isWebKit = isWebKit;
 exports.itemPress = itemPress;
+exports.keyboard = keyboard;
 exports.listNavigation = listNavigation;
 exports.none = none;
 exports.outsidePress = outsidePress;
 exports.ownerDocument = ownerDocument;
 exports.popupStateMapping = popupStateMapping;
 exports.pressableTriggerOpenStateMapping = pressableTriggerOpenStateMapping;
+exports.scrub = scrub;
 exports.stopEvent = stopEvent;
 exports.swipe = swipe;
 exports.transitionStatusMapping = transitionStatusMapping;
@@ -6166,6 +6181,7 @@ exports.useId = useId;
 exports.useInteractions = useInteractions;
 exports.useIsoLayoutEffect = useIsoLayoutEffect;
 exports.useOnFirstRender = useOnFirstRender;
+exports.useOnMount = useOnMount;
 exports.useOpenChangeComplete = useOpenChangeComplete;
 exports.useOpenInteractionType = useOpenInteractionType;
 exports.useScrollLock = useScrollLock;

package/dist/DrawerRoot-es.js

@@ -123,13 +123,19 @@ const itemPress = 'item-press';
 const closePress = 'close-press';
 const clearPress = 'clear-press';
 const chipRemovePress = 'chip-remove-press';
+const incrementPress = 'increment-press';
+const decrementPress = 'decrement-press';
 const inputChange = 'input-change';
 const inputClear = 'input-clear';
+const inputBlur = 'input-blur';
+const inputPaste = 'input-paste';
 const inputPress = 'input-press';
 const focusOut = 'focus-out';
 const escapeKey = 'escape-key';
 const closeWatcher = 'close-watcher';
 const listNavigation = 'list-navigation';
+const keyboard = 'keyboard';
+const scrub = 'scrub';
 const imperativeAction = 'imperative-action';
 const swipe = 'swipe';
 
@@ -152,7 +158,7 @@ const swipe = 'swipe';
 function createChangeEventDetails(reason, event, trigger, customProperties) {
   let canceled = false;
   let allowPropagation = false;
-  const custom = EMPTY_OBJECT;
+  const custom = customProperties ?? EMPTY_OBJECT;
   const details = {
     reason,
     event: event ?? new Event('base-ui'),
@@ -6053,4 +6059,4 @@ function DrawerProviderReporter() {
   return null;
 }
 
-export { CommonPopupDataAttributes as $, listNavigation as A, createGridCellMap as B, isListIndexDisabled as C, DrawerPortal as D, getGridNavigatedIndex as E, FloatingRootStore as F, getGridCellIndices as G, getGridCellIndexOfCorner as H, ARROW_DOWN$1 as I, ARROW_LEFT$1 as J, ARROW_RIGHT$1 as K, findNonDisabledListIndex as L, getTarget as M, focusOut as N, enqueueFocus as O, PopupTriggerMap as P, isVirtualClick as Q, isVirtualPointerEvent as R, SafeReact as S, ARROW_UP$1 as T, isElementVisible as U, useDialogRootContext as V, closePress as W, useTriggerDataForwarding as X, useInteractions as Y, CLICK_TRIGGER_IDENTIFIER as Z, triggerOpenStateMapping as _, DrawerBackdrop as a, popupStateMapping as a0, transitionStatusMapping as a1, useDialogPortalContext as a2, DialogStore as a3, imperativeAction as a4, createSelector as a5, useControlled as a6, useStore as a7, useTransitionStatus as a8, useOpenInteractionType as a9, chipRemovePress as aA, useDrawerProviderContext as aB, DrawerBackdropCssVars as aC, DrawerPopupCssVars as aD, DrawerProviderContext as aE, clamp as aF, useDrawerRootContext as aG, useTriggerRegistration as aH, DrawerPopupDataAttributes as aI, swipe as aJ, useDrawerSnapPoints as aK, DrawerViewportContext as aL, BASE_UI_SWIPE_IGNORE_SELECTOR as aM, TransitionStatusDataAttributes as aN, DRAWER_CONTENT_ATTRIBUTE as aO, createGenericEventDetails as aa, inputClear as ab, inputChange as ac, outsidePress as ad, itemPress as ae, useOpenChangeComplete as af, useValueChanged as ag, inputPress as ah, useDismiss as ai, useOnFirstRender as aj, none as ak, visuallyHiddenInput as al, visuallyHidden as am, Store as an, pressableTriggerOpenStateMapping as ao, isAndroid as ap, isFirefox as aq, escapeKey as ar, clearPress as as, FloatingPortal as at, DISABLED_TRANSITIONS_STYLE as au, useScrollLock as av, InternalBackdrop as aw, inertValue as ax, DROPDOWN_COLLISION_AVOIDANCE as ay, FloatingFocusManager as az, DrawerPopup as b, DrawerContent as c, DrawerRoot as d, useIsoLayoutEffect as e, useId as f, useAnimationFrame as g, useTimeout as h, isMouseLikePointerType as i, isTypeableElement as j, createChangeEventDetails as k, isClickLikeEvent as l, useFloatingParentNodeId as m, useFloatingTree as n, getFloatingFocusElement as o, useValueAsRef as p, isTypeableCombobox as q, isIndexOutOfListBounds as r, getMinListIndex as s, triggerPress as t, useStableCallback as u, getMaxListIndex as v, activeElement as w, ownerDocument as x, contains as y, stopEvent as z };
+export { CommonPopupDataAttributes as $, listNavigation as A, createGridCellMap as B, isListIndexDisabled as C, DrawerPortal as D, getGridNavigatedIndex as E, FloatingRootStore as F, getGridCellIndices as G, getGridCellIndexOfCorner as H, ARROW_DOWN$1 as I, ARROW_LEFT$1 as J, ARROW_RIGHT$1 as K, findNonDisabledListIndex as L, getTarget as M, focusOut as N, enqueueFocus as O, PopupTriggerMap as P, isVirtualClick as Q, isVirtualPointerEvent as R, SafeReact as S, ARROW_UP$1 as T, isElementVisible as U, useDialogRootContext as V, closePress as W, useTriggerDataForwarding as X, useInteractions as Y, CLICK_TRIGGER_IDENTIFIER as Z, triggerOpenStateMapping as _, DrawerBackdrop as a, popupStateMapping as a0, transitionStatusMapping as a1, useDialogPortalContext as a2, DialogStore as a3, imperativeAction as a4, createSelector as a5, useControlled as a6, useStore as a7, useTransitionStatus as a8, useOpenInteractionType as a9, chipRemovePress as aA, useDrawerProviderContext as aB, DrawerBackdropCssVars as aC, DrawerPopupCssVars as aD, DrawerProviderContext as aE, clamp as aF, useDrawerRootContext as aG, useTriggerRegistration as aH, DrawerPopupDataAttributes as aI, swipe as aJ, useDrawerSnapPoints as aK, DrawerViewportContext as aL, BASE_UI_SWIPE_IGNORE_SELECTOR as aM, TransitionStatusDataAttributes as aN, DRAWER_CONTENT_ATTRIBUTE as aO, useOnMount as aP, Timeout as aQ, isIOS as aR, inputBlur as aS, inputPaste as aT, incrementPress as aU, decrementPress as aV, keyboard as aW, scrub as aX, isWebKit as aY, createGenericEventDetails as aa, inputClear as ab, inputChange as ac, outsidePress as ad, itemPress as ae, useOpenChangeComplete as af, useValueChanged as ag, none as ah, inputPress as ai, useDismiss as aj, useOnFirstRender as ak, visuallyHiddenInput as al, visuallyHidden as am, Store as an, pressableTriggerOpenStateMapping as ao, isAndroid as ap, isFirefox as aq, escapeKey as ar, clearPress as as, FloatingPortal as at, DISABLED_TRANSITIONS_STYLE as au, useScrollLock as av, InternalBackdrop as aw, inertValue as ax, DROPDOWN_COLLISION_AVOIDANCE as ay, FloatingFocusManager as az, DrawerPopup as b, DrawerContent as c, DrawerRoot as d, useIsoLayoutEffect as e, useId as f, useAnimationFrame as g, useTimeout as h, isMouseLikePointerType as i, isTypeableElement as j, createChangeEventDetails as k, isClickLikeEvent as l, useFloatingParentNodeId as m, useFloatingTree as n, getFloatingFocusElement as o, useValueAsRef as p, isTypeableCombobox as q, isIndexOutOfListBounds as r, getMinListIndex as s, triggerPress as t, useStableCallback as u, getMaxListIndex as v, activeElement as w, ownerDocument as x, contains as y, stopEvent as z };

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}`                                                                                             |