@jobber/components 5.1.1 → 5.1.2

package/dist/index.mjs

@@ -1,161 +1,161 @@
-export { A as AnimatedPresence } from './AnimatedPresence-GXoaCdbQ.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-3FOVCeez.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-beibCOFE.js';
-export { A as Autocomplete } from './Autocomplete-BQXaE2b9.js';
-export { A as Avatar } from './Avatar-BebstcYY.js';
-export { B as Banner } from './Banner-BLiGNyYM.js';
-export { B as Button } from './Button-DaxPs-HB.js';
-export { B as ButtonDismiss } from './ButtonDismiss-DRWMqdsK.js';
-export { C as Card } from './Card-C4CMqVL6.js';
-export { C as Checkbox } from './Checkbox-DDDy94yJ.js';
-export { C as Chip } from './Chip-DYaDRQAf.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BQZljsee.js';
+export { A as AnimatedPresence } from './AnimatedPresence-YnvPHyMa.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-CnLjmBNi.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DqoJoyD6.js';
+export { A as Autocomplete } from './Autocomplete-BxipXY9V.js';
+export { A as Avatar } from './Avatar-C5CLK8IK.js';
+export { B as Banner } from './Banner-BCB0bCSk.js';
+export { B as Button } from './Button-COITRSTW.js';
+export { B as ButtonDismiss } from './ButtonDismiss-BkaX3DIP.js';
+export { C as Card } from './Card-CSAxWHcm.js';
+export { C as Checkbox } from './Checkbox-DqeJkQlq.js';
+export { C as Chip } from './Chip-D4CH52K0.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-CfnOJhxJ.js';
 import 'react';
 import 'classnames';
-import './useAssert-9ZKvzeXk.js';
-export { I as Icon } from './Icon-BrES1_Vn.js';
-export { T as Typography } from './Typography-lKQSd8tO.js';
-export { T as Tooltip } from './Tooltip-UL4CGlXC.js';
-export { C as Chips } from './Chips-CBcjYQZE.js';
-export { C as Combobox } from './Combobox-BFuJEdfz.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-CBr5ZFRz.js';
-export { C as ConfirmationModal } from './ConfirmationModal-CFkFNwrl.js';
-export { C as Content } from './Content-BtWSAc3-.js';
-export { C as Countdown } from './Countdown-BPl3g7nl.js';
-export { D as DataDump } from './DataDump-BIwuFQsD.js';
-export { D as DataList } from './DataList-3bVrT6uc.js';
-export { D as DataTable } from './DataTable-BMG2LC2U.js';
-import './useResizeObserver-B39UtZEk.js';
+import './useAssert-B2EZncMB.js';
+export { I as Icon } from './Icon-Z91Se2yb.js';
+export { T as Typography } from './Typography-VkKLa63T.js';
+export { T as Tooltip } from './Tooltip-PVOrQwrb.js';
+export { C as Chips } from './Chips-CGhOA1Ll.js';
+export { C as Combobox } from './Combobox-p-OAAn2A.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-DN7_iOzn.js';
+export { C as ConfirmationModal } from './ConfirmationModal-B7YiY1Wl.js';
+export { C as Content } from './Content-ckLpiCm3.js';
+export { C as Countdown } from './Countdown-7zGqIQWQ.js';
+export { D as DataDump } from './DataDump-BbVDnVsx.js';
+export { D as DataList } from './DataList-B4dMxpdo.js';
+export { D as DataTable } from './DataTable-e9wD-Rzz.js';
+import './useResizeObserver-CPK6Me4_.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-rrkfedd-.js';
-export { D as DescriptionList } from './DescriptionList-DTR0NBDa.js';
-export { D as Disclosure } from './Disclosure-CQ-Br26r.js';
-export { D as Divider } from './Divider-zClmXJZ5.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-DD-Jt3JY.js';
-export { E as Emphasis } from './Emphasis-C3ucK693.js';
-export { F as FeatureSwitch } from './FeatureSwitch-DuNWoznf.js';
-export { F as Flex } from './Flex-Cf_zj6pq.js';
-export { F as Form } from './Form-BnOD0gGB.js';
-export { F as FormField } from './FormField-UVZjNqMB.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-8V9xA7Fu.js';
-export { F as FormatEmail } from './FormatEmail-m-ijRQFI.js';
-export { F as FormatFile } from './FormatFile-DTGxozqr.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BYeEO4Zu.js';
-export { F as FormatTime } from './FormatTime-Beu36pYg.js';
-export { G as Gallery } from './Gallery-D1ZWBJKc.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-vbP_NH-7.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-Bb_a0AAW.js';
-export { H as Heading } from './Heading-B-_ctzin.js';
-export { I as InlineLabel } from './InlineLabel-zgPfMYqh.js';
-export { I as InputAvatar } from './InputAvatar-Dt8bHzo-.js';
-export { I as InputDate } from './InputDate-sC0bXaIi.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CV_KOl1T.js';
-export { I as InputFile, u as updateFiles } from './InputFile-CQ_ghc9o.js';
-export { I as InputGroup } from './InputGroup-BqV2KYoF.js';
-export { I as InputNumber } from './InputNumber-DxJsc9BK.js';
-export { I as InputPassword } from './InputPassword-B459yigQ.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-DnIPDJAj.js';
-export { I as InputText } from './InputText-Cftwqibk.js';
-export { I as InputTime } from './InputTime-BfjVjwi1.js';
-export { I as InputValidation } from './InputValidation-d1s0-eip.js';
-export { L as LightBox } from './LightBox-BExQ9r7E.js';
-export { L as Link } from './Link-WxG_zXJF.js';
-export { L as List, a as ListItem } from './List-BDICtPG8.js';
-export { M as Markdown } from './Markdown-Ck9U2GQk.js';
-export { M as Menu } from './Menu-BXOT6cf5.js';
-export { M as Modal } from './Modal-BXHv8y2a.js';
-export { M as MultiSelect } from './MultiSelect-CPMB_xC6.js';
-export { P as Page } from './Page-DFelfLJ1.js';
-export { P as Popover } from './Popover-zfvId2t7.js';
-export { P as ProgressBar } from './ProgressBar-C04-ZVZx.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-Dku2R4Qh.js';
-export { R as RecurringSelect } from './RecurringSelect-Bn_Eio78.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-1L3mJ_hM.js';
-export { a as Option, S as Select } from './Option-CvoOkslp.js';
-export { S as Spinner } from './Spinner-DKKHdiIN.js';
-export { S as StatusIndicator } from './StatusIndicator-Chk8NV0D.js';
-export { S as StatusLabel } from './StatusLabel-B12_ozn2.js';
-export { S as Switch } from './Switch-D02vpwCF.js';
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-Dp4cfubE.js';
-export { a as Tab, T as Tabs } from './Tabs-B2TnKQb_.js';
-export { T as Text } from './Text-DW-p4bZX.js';
-export { s as showToast } from './showToast-CCJcxmRi.js';
+export { D as DatePicker } from './DatePicker-DEoYNX8D.js';
+export { D as DescriptionList } from './DescriptionList-C0dsuxw9.js';
+export { D as Disclosure } from './Disclosure-Cu_IvZQA.js';
+export { D as Divider } from './Divider-BL_xEuEU.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-2KjNwLNf.js';
+export { E as Emphasis } from './Emphasis-Bh2ubqAn.js';
+export { F as FeatureSwitch } from './FeatureSwitch-KliOdINH.js';
+export { F as Flex } from './Flex-Cz5XEiwC.js';
+export { F as Form } from './Form-BkxijaLh.js';
+export { F as FormField } from './FormField-UgS2HtMs.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-Bw_7t1cb.js';
+export { F as FormatEmail } from './FormatEmail-rqqA16td.js';
+export { F as FormatFile } from './FormatFile-D9hGYfA-.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BQMrc6yo.js';
+export { F as FormatTime } from './FormatTime-DOzile2c.js';
+export { G as Gallery } from './Gallery-SJ7kX7gY.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-DgidGtH9.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BJJQgoVO.js';
+export { H as Heading } from './Heading-DFqCzJvq.js';
+export { I as InlineLabel } from './InlineLabel-Btxd1at9.js';
+export { I as InputAvatar } from './InputAvatar-wWIDqFY3.js';
+export { I as InputDate } from './InputDate-B39dsPB4.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-DQXPz2T-.js';
+export { I as InputFile, u as updateFiles } from './InputFile-kZFpcqgH.js';
+export { I as InputGroup } from './InputGroup-q1yv4nEW.js';
+export { I as InputNumber } from './InputNumber-DoHjBQc3.js';
+export { I as InputPassword } from './InputPassword-CQRl2u85.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-Q11WmESM.js';
+export { I as InputText } from './InputText-DwSVuITx.js';
+export { I as InputTime } from './InputTime-Ygra5OGp.js';
+export { I as InputValidation } from './InputValidation-BvSdNvgZ.js';
+export { L as LightBox } from './LightBox-BAjc9j-h.js';
+export { L as Link } from './Link-DNKzMD0W.js';
+export { L as List, a as ListItem } from './List-CcQPx8AQ.js';
+export { M as Markdown } from './Markdown-DA9Uj5ga.js';
+export { M as Menu } from './Menu-DyhL4fDR.js';
+export { M as Modal } from './Modal-DiXEZ1PA.js';
+export { M as MultiSelect } from './MultiSelect-C3AwzF0V.js';
+export { P as Page } from './Page-DC8KAqKP.js';
+export { P as Popover } from './Popover-BCni6KHv.js';
+export { P as ProgressBar } from './ProgressBar-h9rv7Ohl.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-4LbeykXJ.js';
+export { R as RecurringSelect } from './RecurringSelect-CeCa4zn7.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-agcQvNBw.js';
+export { a as Option, S as Select } from './Option-euADf8Fz.js';
+export { S as Spinner } from './Spinner-EMW2JXJu.js';
+export { S as StatusIndicator } from './StatusIndicator-C8quA0iU.js';
+export { S as StatusLabel } from './StatusLabel-4IcC7BSH.js';
+export { S as Switch } from './Switch-DYGrsx05.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-C7vgnUph.js';
+export { a as Tab, T as Tabs } from './Tabs-z0OFYPQa.js';
+export { T as Text } from './Text-Dn3tEx9U.js';
+export { s as showToast } from './showToast-CVCGyXXc.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-NHSMObaF.js';
-import './debounce-EE06TasN.js';
-import './_commonjsHelpers-FDuDI3yN.js';
-import './isObjectLike-BjNZb4hG.js';
-import './isSymbol-CjTAkzEG.js';
+import './tslib.es6-B8vT_B9o.js';
+import './debounce-DajlFv1Y.js';
+import './_commonjsHelpers-BNmO2JhD.js';
+import './isObjectLike-CKKx8Kgb.js';
+import './isSymbol-D4i7Da4R.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-7GU_Uz48.js';
-import './useSafeLayoutEffect-B2KLgbex.js';
-import './useIsMounted-C8KmhT8g.js';
+import './useOnKeyDown-DeRJk6EV.js';
+import './useSafeLayoutEffect-D6HKKPTI.js';
+import './useIsMounted-Ctn0OVGI.js';
 import 'color';
-import './BannerIcon-BWv9xr6C.js';
+import './BannerIcon-Dli276GK.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-wCRJ7rmh.js';
-import './useChildComponent-CKHsZQ3S.js';
-import './_polyfill-node.process-X8XpnfAR.js';
-import './InternalChipDismissible-BYIvJQqq.js';
-import './useScrollToActive-BRi4Qwpm.js';
-import './_setToString-DE10BRDE.js';
-import './_defineProperty-CyMSkW5h.js';
-import './_getTag-BTSk-dxT.js';
-import './_baseEach-Dvsxuokw.js';
-import './ComboboxContent-DpwzmAkq.js';
-import './ComboboxContentSearch-C4Ne3k9l.js';
-import './ComboboxContentList-B-QvIadE.js';
-import './ComboboxOption-Djkbakah.js';
-import './ComboboxLoadMore-D5j9o2Hg.js';
-import './ComboboxContentHeader-CsUZurRY.js';
-import './useRefocusOnActivator-CC5a-6FG.js';
-import './useFocusTrap-C-gjKLLd.js';
-import './ComboboxAction-BlfmKWZ_.js';
-import './ComboboxTrigger-8K50ffMu.js';
-import './noop-WxeekgtS.js';
-import './ComboboxActivator-CQx_m20o.js';
+import './useInView-DhohH-OC.js';
+import './useChildComponent-6XKLi_2o.js';
+import './_polyfill-node.process-pXKnP0CW.js';
+import './InternalChipDismissible-CSfSGkF1.js';
+import './useScrollToActive-DWigKSlw.js';
+import './_setToString-Bfyi82MS.js';
+import './_defineProperty-CJ8hiQQe.js';
+import './_getTag-LJLrnJvR.js';
+import './_baseEach-rWpX8a9J.js';
+import './ComboboxContent-BCsKE-oL.js';
+import './ComboboxContentSearch-CDGj2DDo.js';
+import './ComboboxContentList-BY5PwXdH.js';
+import './ComboboxOption-C1J8kTGV.js';
+import './ComboboxLoadMore-CQ9iqGNa.js';
+import './ComboboxContentHeader-B1Y3RIg3.js';
+import './useRefocusOnActivator-BfcJyPxe.js';
+import './useFocusTrap-LnOfVlsr.js';
+import './ComboboxAction-BMnZFiYM.js';
+import './ComboboxTrigger-Dz_YtMNN.js';
+import './noop-93bTHfbo.js';
+import './ComboboxActivator-B3TZXEZe.js';
 import '@std-proposal/temporal';
-import './index-6RRU_MGm.js';
-import './DataList-DihFjt0P.js';
-import './DataListTotalCount-BVK06RUR.js';
-import './DataListLoadingState-C1FefsZV.js';
-import './DataListContext-BjqMJ-4d.js';
-import './useActiveLayout-BBoJgOq8.js';
-import './useResponsiveSizing-u1eItyWI.js';
-import './DataList.const-DnufTI9-.js';
-import './DataListLayout-C_RLjrXY.js';
-import './DataListItems-M9S__XXj.js';
-import './DataListLayoutContext-DRkAMVYG.js';
-import './DataListItem-D39TRiob.js';
-import './DataListItemActions-_53vVdOW.js';
-import './DataListActions-bk1c6P0f.js';
-import './DataListOverflowFade-D2ZcBWlN.js';
-import './DataList.utils-DVsWHLcW.js';
-import './DataListTags-DN40iuAT.js';
-import './DataListHeaderTile-Dh4_igvo.js';
-import './DataListSortingOptions-DiE5sL7B.js';
-import './DataListLayoutContext-Bw_j3zBL.js';
-import './DataListItemActionsOverflow-Bm_fsbo2.js';
-import './DataListActionsMenu-BFVzJLO1.js';
-import './useBatchSelect-D9j7OuQI.js';
-import './DataListItemClickable-DLBF9Stn.js';
-import './DataListHeader-BfKd_SaC.js';
-import './DataListBulkActions-B81RUkMb.js';
-import './DataListFilters-RRCQb14U.js';
-import './DataListSort-pe1EB0v4.js';
-import './DataListStickyHeader-CAMenGlz.js';
-import './DataListSearch-DnbzthEC.js';
-import './DataListEmptyState-DS33WBNC.js';
-import './DataListLoadMore-DVAid6pZ.js';
-import './DataListAction-B9K_qH9E.js';
-import './DataListLayoutActions-wRm7-BiE.js';
-import './DataListStatusBar-gqSM7T9I.js';
-import './_baseAssignValue-ag9L7JVU.js';
+import './index-BYaW4DcB.js';
+import './DataList-9x1OibmJ.js';
+import './DataListTotalCount-JtSpfOvT.js';
+import './DataListLoadingState-DPDVmtcS.js';
+import './DataListContext-sM0R6T4t.js';
+import './useActiveLayout-t6C46_ct.js';
+import './useResponsiveSizing-52piYT1u.js';
+import './DataList.const-D1eebw6q.js';
+import './DataListLayout-03r90Yg0.js';
+import './DataListItems-D37hfMyE.js';
+import './DataListLayoutContext-BgzoJceT.js';
+import './DataListItem-C6ucknyF.js';
+import './DataListItemActions-B6qgQTZO.js';
+import './DataListActions-CbncduXU.js';
+import './DataListOverflowFade-BdInYCwK.js';
+import './DataList.utils-DitLyc8u.js';
+import './DataListTags-ngFP7Hzm.js';
+import './DataListHeaderTile-CQ6vzGeo.js';
+import './DataListSortingOptions-BPXmK-u1.js';
+import './DataListLayoutContext-DiHrDqrC.js';
+import './DataListItemActionsOverflow-D07pJkQx.js';
+import './DataListActionsMenu-CHVwVApI.js';
+import './useBatchSelect-Dv040S1V.js';
+import './DataListItemClickable-D0hao_ao.js';
+import './DataListHeader-Ss7WkD8C.js';
+import './DataListBulkActions-ZQf7hwKi.js';
+import './DataListFilters-Bct_MnPJ.js';
+import './DataListSort-WaTowis4.js';
+import './DataListStickyHeader-hAS6EWHf.js';
+import './DataListSearch-CeAJNFx1.js';
+import './DataListEmptyState-B6YYwGk4.js';
+import './DataListLoadMore-BxipY4jQ.js';
+import './DataListAction-j8nKd4ES.js';
+import './DataListLayoutActions-DxTQ_kdj.js';
+import './DataListStatusBar-tngCZ8oY.js';
+import './_baseAssignValue-geMQyqRb.js';
 import 'filesize';
-import './InternalGridCell-CLPq4yjq.js';
+import './InternalGridCell-DZ3CutAh.js';
 import 'axios';
 import '@jobber/formatters';
 import 'react-dom/client';

package/dist/{isObjectLike-BjNZb4hG.js → isObjectLike-CKKx8Kgb.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-FDuDI3yN.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-BNmO2JhD.js';
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-DjvaGrhQ.js → isObjectLike-CdeFkvyb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DJh9hfMI.js');
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-CjTAkzEG.js → isSymbol-D4i7Da4R.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-BjNZb4hG.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-CKKx8Kgb.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{isSymbol-BUZV9F5t.js → isSymbol-NGm3-_6h.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-DjvaGrhQ.js');
+var isObjectLike$1 = require('./isObjectLike-CdeFkvyb.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{noop-WxeekgtS.js → noop-93bTHfbo.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-FDuDI3yN.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BNmO2JhD.js';
 
 /**
  * This method returns `undefined`.

package/dist/{noop-C16BUhzg.js → noop-CXjzBCKt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DJh9hfMI.js');
 
 /**
  * This method returns `undefined`.

package/dist/{showToast-CCJcxmRi.js → showToast-CVCGyXXc.js}

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
 import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-BrES1_Vn.js';
-import { B as Button } from './Button-DaxPs-HB.js';
-import { T as Typography } from './Typography-lKQSd8tO.js';
+import { I as Icon } from './Icon-Z91Se2yb.js';
+import { B as Button } from './Button-COITRSTW.js';
+import { T as Typography } from './Typography-VkKLa63T.js';
 
 var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 

package/dist/{showToast-D8jOk13D.js → showToast-D5bGNqig.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-Diextvrd.js');
-var Button = require('./Button-CgfDbNAL.js');
-var Typography = require('./Typography-p4MU6BtC.js');
+var Icon = require('./Icon-BzFuiv68.js');
+var Button = require('./Button-CiEy2b1E.js');
+var Typography = require('./Typography-JiLR7Zpi.js');
 
 var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
 

package/dist/styles.css

@@ -415,6 +415,8 @@
   --field--placeholder-color: var(--color-greyBlue--light);
   --field--value-color: var(--color-heading);
   --field--border-color: var(--color-border);
+
+  --postfix-right: var(--space-base);
 }
 
 .geR7qBhrMfk- {
@@ -539,12 +541,14 @@
   --field--padding-top: var(--space-small);
   --field--padding-bottom: var(--space-small);
   --field--height: calc(var(--space-larger) + var(--space-smaller));
+  --postfix-right: calc(var(--space-small) + var(--space-smaller));
 }
 
 .Ku8sWS0mLew- {
   --field--padding-left: var(--space-large);
   --field--padding-right: var(--space-large);
   --field--height: calc(var(--space-extravagant));
+  --postfix-right: var(--space-large);
 }
 
 ._5Hu2F3cBvng- {
@@ -552,6 +556,11 @@
   width: auto;
 }
 
+._5Hu2F3cBvng- .i31GQXcMz54- select {
+  padding-right: calc(var(--field--padding-right) + 16px * 2);
+  padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
+}
+
 .s1WLQs6ffD8- {
   --field--textAlign: center;
 }
@@ -713,7 +722,7 @@
   position: absolute;
   top: 50%;
   right: calc(16px * 1);
-  right: var(--space-base);
+  right: var(--postfix-right);
   z-index: var(--field--postfix-elevation);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);

package/dist/{useActiveLayout-DaH9D_ov.js → useActiveLayout-ny3ML0jE.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-CDi66WIl.js');
-var DataListContext = require('./DataListContext-CU5iGejj.js');
+var useResponsiveSizing = require('./useResponsiveSizing-CUAUqUXN.js');
+var DataListContext = require('./DataListContext-C2CO73PN.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-BBoJgOq8.js → useActiveLayout-t6C46_ct.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-u1eItyWI.js';
-import { u as useDataListContext } from './DataListContext-BjqMJ-4d.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-52piYT1u.js';
+import { u as useDataListContext } from './DataListContext-sM0R6T4t.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-9ZKvzeXk.js → useAssert-B2EZncMB.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-FDuDI3yN.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-X8XpnfAR.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BNmO2JhD.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-pXKnP0CW.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DP2RMJ7Q.js → useAssert-CsfSnPVT.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
-var _polyfillNode_process = require('./_polyfill-node.process-B7t2Axwl.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DJh9hfMI.js');
+var _polyfillNode_process = require('./_polyfill-node.process-Cmk7fyxR.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-D9j7OuQI.js → useBatchSelect-Dv040S1V.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-BjqMJ-4d.js';
+import { u as useDataListContext } from './DataListContext-sM0R6T4t.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useBatchSelect-e1FGk-t2.js → useBatchSelect-puYf-gYQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext-CU5iGejj.js');
+var DataListContext = require('./DataListContext-C2CO73PN.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/{useIsMounted-C8KmhT8g.js → useIsMounted-Ctn0OVGI.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-B2KLgbex.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-D6HKKPTI.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-B2D11SGr.js → useIsMounted-xFOL1Sr-.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-D5xhBMEa.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-DHUBdp7r.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-B39UtZEk.js → useResizeObserver-CPK6Me4_.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-FDuDI3yN.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BNmO2JhD.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-EE06TasN.js';
-import { b as isObject_1 } from './isObjectLike-BjNZb4hG.js';
+import { a as debounce_1 } from './debounce-DajlFv1Y.js';
+import { b as isObject_1 } from './isObjectLike-CKKx8Kgb.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-6W1I8-Jf.js → useResizeObserver-D_DRcbMm.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DJh9hfMI.js');
 var React = require('react');
-var debounce$1 = require('./debounce-DXMtE7kr.js');
-var isObjectLike = require('./isObjectLike-DjvaGrhQ.js');
+var debounce$1 = require('./debounce-C3sYZGkr.js');
+var isObjectLike = require('./isObjectLike-CdeFkvyb.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-u1eItyWI.js → useResponsiveSizing-52piYT1u.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-DnufTI9-.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-D1eebw6q.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-CDi66WIl.js → useResponsiveSizing-CUAUqUXN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-CWheZAYv.js');
+var DataList_const = require('./DataList.const-CeIzgU8U.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-CvNZslMs.js → useScrollToActive-D0bXt2Me.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-y1DUp6b7.js');
-var _setToString = require('./_setToString-CVuvFiw5.js');
-var _defineProperty = require('./_defineProperty-Bj_R6Koh.js');
-var _baseEach = require('./_baseEach-Bw4dPke8.js');
-var _getTag = require('./_getTag-C6RnyIho.js');
-var isSymbol$1 = require('./isSymbol-BUZV9F5t.js');
-var isObjectLike = require('./isObjectLike-DjvaGrhQ.js');
-var debounce = require('./debounce-DXMtE7kr.js');
-var Icon = require('./Icon-Diextvrd.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DJh9hfMI.js');
+var _setToString = require('./_setToString-BiixAVH0.js');
+var _defineProperty = require('./_defineProperty-6WNbSyG4.js');
+var _baseEach = require('./_baseEach-yP6HIZXe.js');
+var _getTag = require('./_getTag-D8VgvWSK.js');
+var isSymbol$1 = require('./isSymbol-NGm3-_6h.js');
+var isObjectLike = require('./isObjectLike-CdeFkvyb.js');
+var debounce = require('./debounce-C3sYZGkr.js');
+var Icon = require('./Icon-BzFuiv68.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-BRi4Qwpm.js → useScrollToActive-DWigKSlw.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-FDuDI3yN.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DE10BRDE.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CyMSkW5h.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-Dvsxuokw.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BTSk-dxT.js';
-import { i as isSymbol_1 } from './isSymbol-CjTAkzEG.js';
-import { b as isObject_1 } from './isObjectLike-BjNZb4hG.js';
-import { d as debounce } from './debounce-EE06TasN.js';
-import { I as Icon } from './Icon-BrES1_Vn.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BNmO2JhD.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-Bfyi82MS.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CJ8hiQQe.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-rWpX8a9J.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-LJLrnJvR.js';
+import { i as isSymbol_1 } from './isSymbol-D4i7Da4R.js';
+import { b as isObject_1 } from './isObjectLike-CKKx8Kgb.js';
+import { d as debounce } from './debounce-DajlFv1Y.js';
+import { I as Icon } from './Icon-Z91Se2yb.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8df11e29be0a8a9c5718021bfc9f83092ccddeb6"
+  "gitHead": "7833c240a56da90fdd2981e49cb4407eb37a02ad"
 }