@jobber/components 5.3.2-rework-bas.15 → 5.3.2-rework-bas.16

package/dist/index.mjs

@@ -1,159 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-B4ygsxJZ.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-BOTqLp5_.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-f0xb4aTS.js';
-export { A as Autocomplete } from './Autocomplete-CS2kNKs5.js';
-export { A as Avatar } from './Avatar-CNRbn8Fj.js';
-export { B as Banner } from './Banner-3-CWPeCa.js';
-export { B as Button } from './Button-n5bixfjM.js';
-export { B as ButtonDismiss } from './ButtonDismiss-Ba5auk4Q.js';
-export { C as Card } from './Card-D8uaswzY.js';
-export { C as Checkbox } from './Checkbox-Pdgys0-h.js';
-export { C as Chip } from './Chip-C7s91VVF.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DasWY11q.js';
+export { A as AnimatedPresence } from './AnimatedPresence-DphfKSv1.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-qWOyk1CD.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-Dfr8Htsb.js';
+export { A as Autocomplete } from './Autocomplete-BtdP0EJn.js';
+export { A as Avatar } from './Avatar-B-2JvXjx.js';
+export { B as Banner } from './Banner-BfSeCLz3.js';
+export { B as Button } from './Button-BZVUBIIF.js';
+export { B as ButtonDismiss } from './ButtonDismiss-D_KjGear.js';
+export { C as Card } from './Card-vOjCF2gW.js';
+export { C as Checkbox } from './Checkbox-C5FfVs0M.js';
+export { C as Chip } from './Chip-xmpPdrfz.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-Cy_5KJlZ.js';
 import 'react';
 import 'classnames';
-import './useAssert-4zy8wYyJ.js';
-export { I as Icon } from './Icon-CdIpGMVI.js';
-export { T as Typography } from './Typography-dBIdzm1f.js';
-export { T as Tooltip } from './Tooltip-B2t0yTK9.js';
-export { C as Chips } from './Chips-CZY5d11z.js';
-export { C as Combobox } from './Combobox-CUyIOr92.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-u4M3_W-P.js';
-export { C as ConfirmationModal } from './ConfirmationModal-D4tanp95.js';
-export { C as Content } from './Content-CgitHyEw.js';
-export { C as Countdown } from './Countdown-LMXG64p7.js';
-export { D as DataDump } from './DataDump-CjBlg6bj.js';
-export { D as DataList } from './DataList-Bm-4OvqK.js';
-export { D as DataTable } from './DataTable-C7jZvobA.js';
-import './useResizeObserver-CIhCH2We.js';
+import './useAssert-DmbEWhDY.js';
+export { I as Icon } from './Icon-CwhKxl_c.js';
+export { T as Typography } from './Typography-CGfqSEkt.js';
+export { T as Tooltip } from './Tooltip-Ds3a7u-y.js';
+export { C as Chips } from './Chips-DNpLqN7R.js';
+export { C as Combobox } from './Combobox-Cz9kS9wd.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-DJ88Nf8B.js';
+export { C as ConfirmationModal } from './ConfirmationModal-DPuY6dLh.js';
+export { C as Content } from './Content-Ce-Jb_83.js';
+export { C as Countdown } from './Countdown-y2ryX68g.js';
+export { D as DataDump } from './DataDump-Di6whitC.js';
+export { D as DataList } from './DataList-pcRB1Wtx.js';
+export { D as DataTable } from './DataTable-DxeC9b_7.js';
+import './useResizeObserver-B0leuO-u.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-B1nhrgUo.js';
-export { D as DescriptionList } from './DescriptionList-1UFMxAB2.js';
-export { D as Disclosure } from './Disclosure-CuMAcCqK.js';
-export { D as Divider } from './Divider-DunSyIZa.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CLpgk5Lg.js';
-export { E as Emphasis } from './Emphasis-CU5527li.js';
-export { F as FeatureSwitch } from './FeatureSwitch-Bw17yY2t.js';
-export { F as Flex } from './Flex-DZNQFUi3.js';
-export { F as Form } from './Form-D1usH-0b.js';
-export { F as FormField } from './FormField-DpN8Bw9Y.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-C3DFZUWZ.js';
-export { F as FormatEmail } from './FormatEmail-QuAeROTL.js';
-export { F as FormatFile } from './FormatFile-Di6mx5b0.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BWb153SY.js';
-export { F as FormatTime } from './FormatTime-BJU3QufI.js';
-export { G as Gallery } from './Gallery-D5Qrma0I.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BEY_8Swa.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-v3E88oMc.js';
-export { H as Heading } from './Heading-BsTch6ZY.js';
-export { I as InlineLabel } from './InlineLabel-CxYUr7uJ.js';
-export { I as InputAvatar } from './InputAvatar-kmi6h0sj.js';
-export { I as InputDate } from './InputDate-BVDJIJct.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-2snocjTD.js';
-export { I as InputFile, u as updateFiles } from './InputFile-8-_FO3BD.js';
-export { I as InputGroup } from './InputGroup-pesj8t4i.js';
-export { I as InputNumber } from './InputNumber-m7bev7VK.js';
-export { I as InputPassword } from './InputPassword-DKjc5Rfp.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-CIq57Hwx.js';
-export { I as InputText } from './InputText-B9XbLZp4.js';
-export { I as InputTime } from './InputTime-DZtqdPL5.js';
-export { I as InputValidation } from './InputValidation-CmKa97CW.js';
-export { L as LightBox } from './LightBox-DWkaXre5.js';
-export { L as Link } from './Link-DfUuEP2O.js';
-export { L as List, a as ListItem } from './List-BONazOeU.js';
-export { M as Markdown } from './Markdown-uIexcpKX.js';
-export { M as Menu } from './Menu-CfffMub-.js';
-export { M as Modal } from './Modal-E1N8DN9u.js';
-export { M as MultiSelect } from './MultiSelect-DrUhDD7f.js';
-export { P as Page } from './Page-DAIn6hRE.js';
-export { P as Popover } from './Popover-DmzbReiH.js';
-export { P as ProgressBar } from './ProgressBar-BVacHZfm.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-BxD91hAn.js';
-export { R as RecurringSelect } from './RecurringSelect-CS4VxuC9.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-C6_Jx8RY.js';
-export { a as Option, S as Select } from './Option-5UkbnmTd.js';
-export { S as Spinner } from './Spinner-DY3upf8I.js';
-export { S as StatusIndicator } from './StatusIndicator-C8HmLWtz.js';
-export { S as StatusLabel } from './StatusLabel-sgjY13ks.js';
-export { S as Switch } from './Switch-B-UbcW1s.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-jq_NlaQN.js';
-export { a as Tab, T as Tabs } from './Tabs-zAsaIJy_.js';
-export { T as Text } from './Text-Br9C4ash.js';
+export { D as DatePicker } from './DatePicker-Jqs89Mww.js';
+export { D as DescriptionList } from './DescriptionList-x7rV-4TJ.js';
+export { D as Disclosure } from './Disclosure-CLfySMhu.js';
+export { D as Divider } from './Divider-yDBxesmr.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Dj6lzKoi.js';
+export { E as Emphasis } from './Emphasis-71HecxGf.js';
+export { F as FeatureSwitch } from './FeatureSwitch-D_-1kUui.js';
+export { F as Flex } from './Flex-BsoNIiw-.js';
+export { F as Form } from './Form-ZDbkVzaT.js';
+export { F as FormField } from './FormField-BHqQlH5G.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-gHbK6v2d.js';
+export { F as FormatEmail } from './FormatEmail-DnwSyjJI.js';
+export { F as FormatFile } from './FormatFile-1TaN22H1.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-Cie3zUsZ.js';
+export { F as FormatTime } from './FormatTime-BhQoAPhp.js';
+export { G as Gallery } from './Gallery-BCQFDGUa.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Bmf--Wu1.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-Bah-SarL.js';
+export { H as Heading } from './Heading-CXJ-ltuX.js';
+export { I as InlineLabel } from './InlineLabel-D6FApJe6.js';
+export { I as InputAvatar } from './InputAvatar-Biox1E71.js';
+export { I as InputDate } from './InputDate-DjL_RRKv.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BgvKcMjL.js';
+export { I as InputFile, u as updateFiles } from './InputFile-CC3fPvCT.js';
+export { I as InputGroup } from './InputGroup-CEvMpNuS.js';
+export { I as InputNumber } from './InputNumber-BkaGPKoA.js';
+export { I as InputPassword } from './InputPassword-CUnnu6Uv.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-Cu2HPTlI.js';
+export { I as InputText } from './InputText-ifcVF7hw.js';
+export { I as InputTime } from './InputTime-D_zcMZHt.js';
+export { I as InputValidation } from './InputValidation-C8pmyrII.js';
+export { L as LightBox } from './LightBox-DLe1fFxe.js';
+export { L as Link } from './Link-C2hHQPKl.js';
+export { L as List, a as ListItem } from './List-DJD84Cvs.js';
+export { M as Markdown } from './Markdown-h3aIVUnR.js';
+export { M as Menu } from './Menu-BVHlNfhh.js';
+export { M as Modal } from './Modal-CCe6WZCL.js';
+export { M as MultiSelect } from './MultiSelect-C5oCwwzC.js';
+export { P as Page } from './Page-C-zmNzzd.js';
+export { P as Popover } from './Popover-CkgUHPuf.js';
+export { P as ProgressBar } from './ProgressBar-DEq7km_w.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-y-F8mJ_u.js';
+export { R as RecurringSelect } from './RecurringSelect-s-ckvkJ9.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DIV_CMqL.js';
+export { a as Option, S as Select } from './Option-RoBfrskp.js';
+export { S as Spinner } from './Spinner-BVDdlptE.js';
+export { S as StatusIndicator } from './StatusIndicator-CyMreKmd.js';
+export { S as StatusLabel } from './StatusLabel-CW7AHna7.js';
+export { S as Switch } from './Switch-Z78N4cO-.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-DWjjKy5e.js';
+export { a as Tab, T as Tabs } from './Tabs-C5wveCc9.js';
+export { T as Text } from './Text-P56LkSWl.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-DzxdO20-.js';
-import './debounce-D_erIGLc.js';
-import './_commonjsHelpers-BBInCGNx.js';
-import './isObjectLike-5Yxy6fLR.js';
-import './isSymbol-Bd4YYMm9.js';
+import './tslib.es6-Bflw9DVi.js';
+import './debounce-BB8otsdc.js';
+import './_commonjsHelpers-DiFEEWdN.js';
+import './isObjectLike-CVwzuQI5.js';
+import './isSymbol-DiK2nhni.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CZZrT6pi.js';
-import './useSafeLayoutEffect-Cpt__XvU.js';
-import './useIsMounted-DCb3SJKl.js';
+import './useOnKeyDown-BUC_h678.js';
+import './useSafeLayoutEffect-CA2vElqP.js';
+import './useIsMounted-BU6Krv8t.js';
 import 'color';
-import './BannerIcon-DTVRJKoH.js';
+import './BannerIcon-SLd2PCkG.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-D5PglLgb.js';
-import './useChildComponent-BKUX_PQU.js';
-import './_polyfill-node.process-D5lNNh__.js';
-import './InternalChipDismissible-DFgvXoyZ.js';
-import './useScrollToActive-CPt1byCQ.js';
-import './_setToString-DetJJgm1.js';
-import './_defineProperty-yROxxeIQ.js';
-import './_getTag-BsEys0p9.js';
-import './_baseEach-BYGWL3UR.js';
-import './ComboboxContent-7Tabf-OK.js';
-import './ComboboxContentSearch-CMw4KSuT.js';
-import './ComboboxContentList-BL9mGFbX.js';
-import './ComboboxOption-CrZg9SGK.js';
-import './ComboboxLoadMore-BK3Oux7y.js';
-import './ComboboxContentHeader-C8vs3Qks.js';
-import './useRefocusOnActivator-7qYqpryu.js';
-import './useFocusTrap-UyWajgty.js';
-import './ComboboxAction-IAejs7rW.js';
-import './ComboboxTrigger--w_svtu0.js';
-import './noop-7a6UwND5.js';
-import './ComboboxActivator-pOlLereC.js';
+import './useInView-Cjp7b9On.js';
+import './useChildComponent-BlGzLvWj.js';
+import './_polyfill-node.process-WK8WSw1D.js';
+import './InternalChipDismissible-XQzbnvgH.js';
+import './useScrollToActive-DJZX236H.js';
+import './_setToString-CPYavhNb.js';
+import './_defineProperty-BruA97PD.js';
+import './_getTag-BOhu3tYw.js';
+import './_baseEach-D8IFZ5wf.js';
+import './ComboboxContent-C6JzDQeO.js';
+import './ComboboxContentSearch-JVoF1fiD.js';
+import './ComboboxContentList-COUnZHe-.js';
+import './ComboboxOption-CD1kA2Du.js';
+import './ComboboxLoadMore-CbUlAT37.js';
+import './ComboboxContentHeader-BVkHFbum.js';
+import './useRefocusOnActivator-uOxxUy3L.js';
+import './useFocusTrap-D4mpUWxa.js';
+import './ComboboxAction-L8StuVMG.js';
+import './ComboboxTrigger-DTDqoUhL.js';
+import './noop-CzykmY1J.js';
+import './ComboboxActivator-C_EQu9t_.js';
 import '@std-proposal/temporal';
-import './index-QyFLfPk9.js';
-import './DataList-BJTqtnpY.js';
-import './DataListTotalCount-BzIc2TfW.js';
-import './DataListLoadingState-Bz1ysrDM.js';
-import './DataListContext-4Wto-lBs.js';
-import './useActiveLayout-DcTjfLOK.js';
-import './useResponsiveSizing-CWwnd6hj.js';
-import './DataList.const-mToiZAX_.js';
-import './DataListLayout-DJTCCERX.js';
-import './DataListItems-DnPLFNYg.js';
-import './DataListLayoutContext-CzS8Qm4f.js';
-import './DataListItem-BpbCZDcQ.js';
-import './DataListItemActions-CU_wEa0J.js';
-import './DataListActions-DOcr7sQj.js';
-import './DataListOverflowFade-DzARF4NP.js';
-import './DataList.utils-C76M7G0B.js';
-import './DataListTags-9oMXiaAc.js';
-import './DataListHeaderTile-C-GfydLx.js';
-import './DataListSortingOptions-WyhYGTL-.js';
-import './DataListLayoutContext-wQu3VUQI.js';
-import './DataListItemActionsOverflow-BL7DDaq3.js';
-import './DataListActionsMenu-pBW3e-2L.js';
-import './useBatchSelect-Cry-S-T2.js';
-import './DataListItemClickable-HrTHzjhy.js';
-import './DataListHeader-DcRAR6zy.js';
-import './DataListBulkActions-L_0nh8HF.js';
-import './DataListFilters-BirBckLr.js';
-import './DataListSort-BoS4N9Vn.js';
-import './DataListStickyHeader-DLQfi3b6.js';
-import './DataListSearch-CWsJZ-rp.js';
-import './DataListEmptyState-Bmt-CCtf.js';
-import './DataListLoadMore-rrh58zIK.js';
-import './DataListAction-D0_KykuZ.js';
-import './DataListLayoutActions-DH0QQLjr.js';
-import './DataListStatusBar-BREuXwhz.js';
-import './_baseAssignValue-tl5J4tdL.js';
+import './index-CHO83BBL.js';
+import './DataList-yKC3qgDC.js';
+import './DataListTotalCount-rWACcSmW.js';
+import './DataListLoadingState-CFpu1qgb.js';
+import './DataListContext-D6s9xZ-t.js';
+import './useActiveLayout-DY-n2ebM.js';
+import './useResponsiveSizing-CwnYeJB6.js';
+import './DataList.const-C2ifcDi3.js';
+import './DataListLayout-CKOCDFqY.js';
+import './DataListItems-Ck8wPm1I.js';
+import './DataListLayoutContext-BqpYkY_A.js';
+import './DataListItem-Ciymwes2.js';
+import './DataListItemActions-BiVCO0Bb.js';
+import './DataListActions-Y-KhV1yu.js';
+import './DataListOverflowFade-DAP0TVxm.js';
+import './DataList.utils-D9NkkV3s.js';
+import './DataListTags-D2rsWxDu.js';
+import './DataListHeaderTile-cPPqKjcF.js';
+import './DataListSortingOptions-BmggZ9NJ.js';
+import './DataListLayoutContext-2NjWWrAX.js';
+import './DataListItemActionsOverflow-B7Q5CaFg.js';
+import './DataListActionsMenu-CH4SLkX1.js';
+import './useBatchSelect-CWr6eSDL.js';
+import './DataListItemClickable-X0X2rU16.js';
+import './DataListHeader-DbcLhKUm.js';
+import './DataListBulkActions-DO__T4-I.js';
+import './DataListFilters-C1HA0g_m.js';
+import './DataListSort-CMSngMn5.js';
+import './DataListStickyHeader-CmZuBLTS.js';
+import './DataListSearch-DzBZbpEw.js';
+import './DataListEmptyState-C5Pia-Z2.js';
+import './DataListLoadMore-Bh2jpsMi.js';
+import './DataListAction-D6RXzXCV.js';
+import './DataListLayoutActions-DVmsvQiv.js';
+import './DataListStatusBar-15vsI0TQ.js';
+import './_baseAssignValue-BQtxYBbf.js';
 import 'filesize';
-import './InternalGridCell-Drze6jZE.js';
+import './InternalGridCell-DssG71H9.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-DfkUEu3m.js → isObjectLike-B2wHCLqu.js}

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

package/dist/{isObjectLike-5Yxy6fLR.js → isObjectLike-CVwzuQI5.js}

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

package/dist/{isSymbol-Bd4YYMm9.js → isSymbol-DiK2nhni.js}

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

package/dist/{isSymbol-ouiSvPYj.js → isSymbol-qvSnAnCW.js}

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

package/dist/{noop-Dk_afw4Q.js → noop-BYpmIQib.js}

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

package/dist/{noop-7a6UwND5.js → noop-CzykmY1J.js}

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

package/dist/styles.css

@@ -2315,7 +2315,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .S4ILp9Wc1GY- {
   --checkbox--size: 20px;
   --checkbox--border--checked: var(--color-interactive);
-  --checkbox--border--unchecked: var(--color-border);
+  --checkbox--border--unchecked: var(--field--border-color);
   --checkbox--border--hover: var(--color-interactive);
   display: inline-block;
 }
@@ -2562,7 +2562,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .SmUxkzpIC84-:focus-visible,
 .Mux23dmZSuw-.SmUxkzpIC84-:hover,
 .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
-  background-color: hsl(49, 7%, 70%);
+  background-color: hsl(51, 17%, 85%);
   background-color: var(--color-surface--background--hover);
   --chip--gradient-color-variation: var(--color-surface--background--hover);
   --chip--gradient-color-variation--hover: var(
@@ -6067,7 +6067,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:hover,
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:focus {
-  background: hsl(49, 7%, 70%);
+  background: hsl(51, 17%, 85%);
   background: var(--color-surface--background--hover);
 }
 ._8kgzU28z2Eo- .react-datepicker__day:focus {
@@ -6468,8 +6468,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: calc(48px / 2);
   height: calc(var(--switch--width) / 2);
   padding: 0;
-  border: calc(16px / 8) solid hsl(200, 13%, 87%);
-  border: var(--border-thick) solid var(--color-border);
+  border: calc(16px / 8) solid var(--field--border-color);
+  border: var(--border-thick) solid var(--field--border-color);
   border-radius: 16px;
   border-radius: var(--switch--pipSize);
   overflow: hidden;
@@ -7473,7 +7473,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .C4DznaxLKiw-:hover,
 .C4DznaxLKiw-:focus {
-  background-color: hsl(49, 7%, 70%);
+  background-color: hsl(51, 17%, 85%);
   background-color: var(--color-surface--background--hover);
 }
 
@@ -7884,8 +7884,8 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-sizing: border-box;
   margin-right: calc(16px / 2);
   margin-right: var(--space-small);
-  border: calc(16px / 8) solid hsl(200, 13%, 87%);
-  border: var(--border-thick) solid var(--color-border);
+  border: calc(16px / 8) solid var(--field--border-color);
+  border: var(--border-thick) solid var(--field--border-color);
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);

package/dist/{useActiveLayout-DcTjfLOK.js → useActiveLayout-DY-n2ebM.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-CWwnd6hj.js';
-import { u as useDataListContext } from './DataListContext-4Wto-lBs.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-CwnYeJB6.js';
+import { u as useDataListContext } from './DataListContext-D6s9xZ-t.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-DZAobnJC.js → useActiveLayout-ZQpQ7DgN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BsBDi6TE.js');
-var DataListContext = require('./DataListContext-B9QUzsRa.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Bauak52Z.js');
+var DataListContext = require('./DataListContext-H2nLXmFQ.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-DCrCWlvy.js → useAssert-CXenUhCi.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
-var _polyfillNode_process = require('./_polyfill-node.process-CQQ6kQYT.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Bl716CKw.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CoPBT1DF.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-4zy8wYyJ.js → useAssert-DmbEWhDY.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BBInCGNx.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-D5lNNh__.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DiFEEWdN.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-WK8WSw1D.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-Cry-S-T2.js → useBatchSelect-CWr6eSDL.js}

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

package/dist/{useBatchSelect-ERla1mkj.js → useBatchSelect-DmQ7t01z.js}

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

package/dist/{useIsMounted-HqmEZXtC.js → useIsMounted-BBuK9Qkd.js}

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

package/dist/{useIsMounted-DCb3SJKl.js → useIsMounted-BU6Krv8t.js}

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

package/dist/{useResizeObserver-CIhCH2We.js → useResizeObserver-B0leuO-u.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BBInCGNx.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DiFEEWdN.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-D_erIGLc.js';
-import { b as isObject_1 } from './isObjectLike-5Yxy6fLR.js';
+import { a as debounce_1 } from './debounce-BB8otsdc.js';
+import { b as isObject_1 } from './isObjectLike-CVwzuQI5.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-CP591eRG.js → useResizeObserver-Ds7IwXqR.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Bl716CKw.js');
 var React = require('react');
-var debounce$1 = require('./debounce-DLeOf2fY.js');
-var isObjectLike = require('./isObjectLike-DfkUEu3m.js');
+var debounce$1 = require('./debounce-BD9nz63b.js');
+var isObjectLike = require('./isObjectLike-B2wHCLqu.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-BsBDi6TE.js → useResponsiveSizing-Bauak52Z.js}

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

package/dist/{useResponsiveSizing-CWwnd6hj.js → useResponsiveSizing-CwnYeJB6.js}

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

package/dist/{useScrollToActive-CPt1byCQ.js → useScrollToActive-DJZX236H.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BBInCGNx.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DetJJgm1.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-yROxxeIQ.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BYGWL3UR.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BsEys0p9.js';
-import { i as isSymbol_1 } from './isSymbol-Bd4YYMm9.js';
-import { b as isObject_1 } from './isObjectLike-5Yxy6fLR.js';
-import { d as debounce } from './debounce-D_erIGLc.js';
-import { I as Icon } from './Icon-CdIpGMVI.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DiFEEWdN.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CPYavhNb.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-BruA97PD.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-D8IFZ5wf.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BOhu3tYw.js';
+import { i as isSymbol_1 } from './isSymbol-DiK2nhni.js';
+import { b as isObject_1 } from './isObjectLike-CVwzuQI5.js';
+import { d as debounce } from './debounce-BB8otsdc.js';
+import { I as Icon } from './Icon-CwhKxl_c.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-DRrmF9h1.js → useScrollToActive-Lv3Xo8-n.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-DkbQDzu5.js');
-var _setToString = require('./_setToString-CDJ9SAXh.js');
-var _defineProperty = require('./_defineProperty-oPGyFi-N.js');
-var _baseEach = require('./_baseEach-bhFQwesh.js');
-var _getTag = require('./_getTag-BI4ZirVc.js');
-var isSymbol$1 = require('./isSymbol-ouiSvPYj.js');
-var isObjectLike = require('./isObjectLike-DfkUEu3m.js');
-var debounce = require('./debounce-DLeOf2fY.js');
-var Icon = require('./Icon-BrLf8QVP.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Bl716CKw.js');
+var _setToString = require('./_setToString-CgagxQq6.js');
+var _defineProperty = require('./_defineProperty-CgeN_kY_.js');
+var _baseEach = require('./_baseEach-Bc-QCENx.js');
+var _getTag = require('./_getTag-DlaEyGdC.js');
+var isSymbol$1 = require('./isSymbol-qvSnAnCW.js');
+var isObjectLike = require('./isObjectLike-B2wHCLqu.js');
+var debounce = require('./debounce-BD9nz63b.js');
+var Icon = require('./Icon-BsVny-JY.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.3.2-rework-bas.15+c28114c0",
+  "version": "5.3.2-rework-bas.16+87f1def8",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -402,7 +402,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.57.3-rework-bas.29+c28114c0",
+    "@jobber/design": "^0.57.3-rework-bas.30+87f1def8",
     "@jobber/formatters": "^0.3.0",
     "@jobber/hooks": "^2.9.5",
     "@popperjs/core": "^2.0.6",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c28114c048bdedf4a8153e69b6d4c0f3bc20e4ba"
+  "gitHead": "87f1def8b905fad6f5bc62eb4d6ef12af2d81f78"
 }