@jobber/components 5.3.4 → 5.3.6

package/dist/index.mjs

@@ -1,159 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-D_nFnPO9.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-C4_WHXVd.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-C63FlYum.js';
-export { A as Autocomplete } from './Autocomplete-BTNSWiG9.js';
-export { A as Avatar } from './Avatar-dL8aUb6z.js';
-export { B as Banner } from './Banner-DUCikT9w.js';
-export { B as Button } from './Button-CP9Bg57p.js';
-export { B as ButtonDismiss } from './ButtonDismiss-RjncDsv1.js';
-export { C as Card } from './Card-o8qcpD0W.js';
-export { C as Checkbox } from './Checkbox-BptxODsd.js';
-export { C as Chip } from './Chip-DcFm4xwO.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DyzXUMQX.js';
+export { A as AnimatedPresence } from './AnimatedPresence-B6pdb9e_.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-G2TFMZjq.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CETLl5lV.js';
+export { A as Autocomplete } from './Autocomplete-C9urkePa.js';
+export { A as Avatar } from './Avatar-CZgRGV0u.js';
+export { B as Banner } from './Banner-CSJbYkXI.js';
+export { B as Button } from './Button-CqtSknXh.js';
+export { B as ButtonDismiss } from './ButtonDismiss-CJl1HkTj.js';
+export { C as Card } from './Card-Cij1F9OG.js';
+export { C as Checkbox } from './Checkbox-DRzuObPi.js';
+export { C as Chip } from './Chip-B-MUKvMh.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BwExvL_K.js';
 import 'react';
 import 'classnames';
-import './useAssert-CSkAEb_M.js';
-export { I as Icon } from './Icon-DiohRKqK.js';
-export { T as Typography } from './Typography-By3ElXpG.js';
-export { T as Tooltip } from './Tooltip-CcdR4Gek.js';
-export { C as Chips } from './Chips-CZxGFApV.js';
-export { C as Combobox } from './Combobox-Dz9MB8yW.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-DpRPKumZ.js';
-export { C as ConfirmationModal } from './ConfirmationModal-Baau26jQ.js';
-export { C as Content } from './Content-B8q4skIN.js';
-export { C as Countdown } from './Countdown-B_BpqLmG.js';
-export { D as DataDump } from './DataDump-D9QNq47z.js';
-export { D as DataList } from './DataList-B-yU7T6I.js';
-export { D as DataTable } from './DataTable-DzBUMoCQ.js';
-import './useResizeObserver-DsQ83nP-.js';
+import './useAssert-DZwHeE4I.js';
+export { I as Icon } from './Icon-Cx73UWqD.js';
+export { T as Typography } from './Typography-DvQnX0rj.js';
+export { T as Tooltip } from './Tooltip-EKviL5eH.js';
+export { C as Chips } from './Chips-DBppyuI8.js';
+export { C as Combobox } from './Combobox-DxZkrrfi.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-1XJFNDzd.js';
+export { C as ConfirmationModal } from './ConfirmationModal-DBsFUAZn.js';
+export { C as Content } from './Content-DdlP7MLZ.js';
+export { C as Countdown } from './Countdown-DaKO2RE4.js';
+export { D as DataDump } from './DataDump-BIt3mMJE.js';
+export { D as DataList } from './DataList-DohKb274.js';
+export { D as DataTable } from './DataTable-Dxv0PUdE.js';
+import './useResizeObserver-B-fyaLFG.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-DvvJQTgm.js';
-export { D as DescriptionList } from './DescriptionList-VMEVJptv.js';
-export { D as Disclosure } from './Disclosure-DkNfhUkG.js';
-export { D as Divider } from './Divider-DEbImiHC.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CBGrkiun.js';
-export { E as Emphasis } from './Emphasis-CYaZRSVB.js';
-export { F as FeatureSwitch } from './FeatureSwitch-Bpa7I8Et.js';
-export { F as Flex } from './Flex-DnMhMgcK.js';
-export { F as Form } from './Form-Df03ygm5.js';
-export { F as FormField } from './FormField-BcLK6jI0.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-Dqx5gaY_.js';
-export { F as FormatEmail } from './FormatEmail-CaqiUJ-h.js';
-export { F as FormatFile } from './FormatFile-CbOGSppZ.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DUA-i6pe.js';
-export { F as FormatTime } from './FormatTime-CDaKWSXA.js';
-export { G as Gallery } from './Gallery-CvKNL9X_.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-wehU3xku.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-CVhBdARR.js';
-export { H as Heading } from './Heading-CwbNdEMl.js';
-export { I as InlineLabel } from './InlineLabel-Cg8H4Ixh.js';
-export { I as InputAvatar } from './InputAvatar-hxqou6yo.js';
-export { I as InputDate } from './InputDate-DIEfJyvq.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail--yz8Xj0q.js';
-export { I as InputFile, u as updateFiles } from './InputFile-CzhZ97t-.js';
-export { I as InputGroup } from './InputGroup-BJGODZqT.js';
-export { I as InputNumber } from './InputNumber-CwEkj2hX.js';
-export { I as InputPassword } from './InputPassword-BDjvJFLp.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-Br0lWORO.js';
-export { I as InputText } from './InputText-CygCEIy3.js';
-export { I as InputTime } from './InputTime-D1f9XTO7.js';
-export { I as InputValidation } from './InputValidation-BG0URIss.js';
-export { L as LightBox } from './LightBox-BZWUGXIH.js';
-export { L as Link } from './Link-DUKOnO8j.js';
-export { L as List, a as ListItem } from './List-D7MtYVQx.js';
-export { M as Markdown } from './Markdown-v_SVsvqn.js';
-export { M as Menu } from './Menu-Cwdy1Tj-.js';
-export { M as Modal } from './Modal-DiGBWXvk.js';
-export { M as MultiSelect } from './MultiSelect-D_Jbdtrh.js';
-export { P as Page } from './Page-0IlztTEb.js';
-export { P as Popover } from './Popover-C3JKbI1b.js';
-export { P as ProgressBar } from './ProgressBar-CqcDO4oI.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-BQZIFkwO.js';
-export { R as RecurringSelect } from './RecurringSelect-B5iSgUN-.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-vn50DSfy.js';
-export { a as Option, S as Select } from './Option-CeKKBS0A.js';
-export { S as Spinner } from './Spinner-DuVECVZh.js';
-export { S as StatusIndicator } from './StatusIndicator-MOQhtrhh.js';
-export { S as StatusLabel } from './StatusLabel-D7N2rOWc.js';
-export { S as Switch } from './Switch-lFbYrvvA.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-eyoqe7v4.js';
-export { a as Tab, T as Tabs } from './Tabs-CPT-6Iq9.js';
-export { T as Text } from './Text-DxQOrTV0.js';
+export { D as DatePicker } from './DatePicker-SB-JzBbd.js';
+export { D as DescriptionList } from './DescriptionList-gVd7mfmF.js';
+export { D as Disclosure } from './Disclosure-Cx87wvNy.js';
+export { D as Divider } from './Divider-BIPuhdr9.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-xKJK88FV.js';
+export { E as Emphasis } from './Emphasis-CtG3zTgP.js';
+export { F as FeatureSwitch } from './FeatureSwitch-w6SF5l6D.js';
+export { F as Flex } from './Flex-fghrknxL.js';
+export { F as Form } from './Form-BDXHMdLk.js';
+export { F as FormField } from './FormField-9UsGztQP.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-BpjpsiWp.js';
+export { F as FormatEmail } from './FormatEmail-U0hneo1s.js';
+export { F as FormatFile } from './FormatFile-Do7n7ydx.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CCxfFGM1.js';
+export { F as FormatTime } from './FormatTime-znE03BpE.js';
+export { G as Gallery } from './Gallery-yf1C5_3s.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-ixKbnvQT.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-CNePJUAv.js';
+export { H as Heading } from './Heading-C1SEssJX.js';
+export { I as InlineLabel } from './InlineLabel-BLdVd7p3.js';
+export { I as InputAvatar } from './InputAvatar-B3jPaHtS.js';
+export { I as InputDate } from './InputDate-QgN66oPG.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-DarQxVpb.js';
+export { I as InputFile, u as updateFiles } from './InputFile-D5nMX1ML.js';
+export { I as InputGroup } from './InputGroup-D-_O_5zm.js';
+export { I as InputNumber } from './InputNumber-DdAF3ONq.js';
+export { I as InputPassword } from './InputPassword-ChKp7cnT.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-DoKUU29d.js';
+export { I as InputText } from './InputText-0pQugIEz.js';
+export { I as InputTime } from './InputTime-CaQe8h_5.js';
+export { I as InputValidation } from './InputValidation-LsmEfLkM.js';
+export { L as LightBox } from './LightBox-DJY-VIF0.js';
+export { L as Link } from './Link-Ds8mZPHQ.js';
+export { L as List, a as ListItem } from './List-BcaPFMa_.js';
+export { M as Markdown } from './Markdown-VaIRRri1.js';
+export { M as Menu } from './Menu-CLFgnyp1.js';
+export { M as Modal } from './Modal-sWk89ajp.js';
+export { M as MultiSelect } from './MultiSelect-Bf3yLa1b.js';
+export { P as Page } from './Page-HD5vkpgR.js';
+export { P as Popover } from './Popover-Bl6dacpe.js';
+export { P as ProgressBar } from './ProgressBar-BdH06rpU.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-MXfetLWE.js';
+export { R as RecurringSelect } from './RecurringSelect-SucGnJJK.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-Cd0BTwdf.js';
+export { a as Option, S as Select } from './Option-DqE-IHm0.js';
+export { S as Spinner } from './Spinner-Cf-c6f3W.js';
+export { S as StatusIndicator } from './StatusIndicator-DAsjL7J-.js';
+export { S as StatusLabel } from './StatusLabel-D_EX-aSW.js';
+export { S as Switch } from './Switch-Ce0A0-qq.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-DzpQGp2D.js';
+export { a as Tab, T as Tabs } from './Tabs-7dhZoaFz.js';
+export { T as Text } from './Text-BQ4pB1oQ.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-nnNHhWHg.js';
-import './debounce-D-iyOZ_U.js';
-import './_commonjsHelpers-DwBjLMu-.js';
-import './isObjectLike-DUO9pQ9k.js';
-import './isSymbol-Cbf0eXVe.js';
+import './tslib.es6-BJKC1Uev.js';
+import './debounce-Bp9bLE29.js';
+import './_commonjsHelpers-EfUCh5Oq.js';
+import './isObjectLike-CKZ6YQeV.js';
+import './isSymbol-BcFeyTEF.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-XSiWPMT9.js';
-import './useSafeLayoutEffect-C6w4jyHN.js';
-import './useIsMounted-KnUqVCJx.js';
+import './useOnKeyDown-C66qH2ga.js';
+import './useSafeLayoutEffect-rC6TVNAz.js';
+import './useIsMounted-DLIRg-F6.js';
 import 'color';
-import './BannerIcon-DRUUcIn-.js';
+import './BannerIcon-B95_xzAV.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-Dc674MOz.js';
-import './useChildComponent-D19EeWZE.js';
-import './_polyfill-node.process-a3wqIVxz.js';
-import './InternalChipDismissible-DwZN6LUO.js';
-import './useScrollToActive-CQjdXE_2.js';
-import './_setToString-BrHsaoPf.js';
-import './_defineProperty-DazHwaGR.js';
-import './_getTag-BNXYj9LK.js';
-import './_baseEach-BDFnkmY6.js';
-import './ComboboxContent-DLlp5vp8.js';
-import './ComboboxContentSearch-BN0dD8Vt.js';
-import './ComboboxContentList-BGgp-O_E.js';
-import './ComboboxOption-z0mTZ07W.js';
-import './ComboboxLoadMore-B8ReH3Tm.js';
-import './ComboboxContentHeader-Do0QquBY.js';
-import './useRefocusOnActivator-Bi0S4Owm.js';
-import './useFocusTrap-15mBBadP.js';
-import './ComboboxAction-BMDpRASR.js';
-import './ComboboxTrigger-BU_k_9Xd.js';
-import './noop-CTJ6iP1I.js';
-import './ComboboxActivator-DEPeYVGD.js';
+import './useInView-D9Sd9hR2.js';
+import './useChildComponent-baGPv5N0.js';
+import './_polyfill-node.process-B7S0YUqT.js';
+import './InternalChipDismissible-sLOALPLE.js';
+import './useScrollToActive-BNprkTWd.js';
+import './_setToString-flg2E1Rn.js';
+import './_defineProperty-DLg7pyNz.js';
+import './_getTag-CeVBEhfY.js';
+import './_baseEach-DpExk-mU.js';
+import './ComboboxContent-DKEaPldv.js';
+import './ComboboxContentSearch-BsZvhJEV.js';
+import './ComboboxContentList-DqgDEPZW.js';
+import './ComboboxOption-Dgw7iz9P.js';
+import './ComboboxLoadMore-BfT8wTTo.js';
+import './ComboboxContentHeader-C_HOYj7D.js';
+import './useRefocusOnActivator-CY94eZqH.js';
+import './useFocusTrap-JaprpON7.js';
+import './ComboboxAction-CFH5XHFJ.js';
+import './ComboboxTrigger-86IAu6NU.js';
+import './noop-KennzOQ6.js';
+import './ComboboxActivator-CfFQQri1.js';
 import '@std-proposal/temporal';
-import './index-CTfJhCOZ.js';
-import './DataList-Y7XCuBdQ.js';
-import './DataListTotalCount-C0lnog-J.js';
-import './DataListLoadingState-CtB8F7sg.js';
-import './DataListContext-Bwa-PYKg.js';
-import './useActiveLayout-ROhlzUib.js';
-import './useResponsiveSizing-D4ayCbvh.js';
-import './DataList.const-BfXf0LwI.js';
-import './DataListLayout-DptYfU3m.js';
-import './DataListItems-C7drAb89.js';
-import './DataListLayoutContext-D_tpyHHJ.js';
-import './DataListItem-ByXcQJWD.js';
-import './DataListItemActions-BscscX6m.js';
-import './DataListActions-DvZiIxHl.js';
-import './DataListOverflowFade-DjetoKj-.js';
-import './DataList.utils-DAnC6ef1.js';
-import './DataListTags-BeTUTCZx.js';
-import './DataListHeaderTile-BmNRtjy-.js';
-import './DataListSortingOptions-ppVebpFf.js';
-import './DataListLayoutContext-8gVz46KN.js';
-import './DataListItemActionsOverflow-BbxDLer4.js';
-import './DataListActionsMenu-BYdMeuJA.js';
-import './useBatchSelect-nTRwiF0d.js';
-import './DataListItemClickable-BwC-n6FC.js';
-import './DataListHeader-CeB9Y1aO.js';
-import './DataListBulkActions-D_YdWbzX.js';
-import './DataListFilters-Cthe-382.js';
-import './DataListSort-GScX8SDL.js';
-import './DataListStickyHeader-CTObkSRA.js';
-import './DataListSearch-BcgiuwrI.js';
-import './DataListEmptyState-uWqe3OMN.js';
-import './DataListLoadMore-Co4PFsvS.js';
-import './DataListAction-AvxkpTqV.js';
-import './DataListLayoutActions-EzIKl7jS.js';
-import './DataListStatusBar-DkCIJ5BQ.js';
-import './_baseAssignValue-BOMCZGcE.js';
+import './index-BPrmLEWJ.js';
+import './DataList-DIyPHmoy.js';
+import './DataListTotalCount-mCzJB1st.js';
+import './DataListLoadingState-Dbn2pr4r.js';
+import './DataListContext-Beu_smOY.js';
+import './useActiveLayout-DFr-HNFD.js';
+import './useResponsiveSizing-D5nH18jg.js';
+import './DataList.const-D0PcEprS.js';
+import './DataListLayout-1bEY1zMO.js';
+import './DataListItems-BjrNVhXV.js';
+import './DataListLayoutContext-DosC97IK.js';
+import './DataListItem-BQd1XD-Y.js';
+import './DataListItemActions-D_f85uX7.js';
+import './DataListActions-CLgiy_UR.js';
+import './DataListOverflowFade-D0EfTwrG.js';
+import './DataList.utils-BUo4WOtf.js';
+import './DataListTags-NLpP2Tiu.js';
+import './DataListHeaderTile-DHGwewry.js';
+import './DataListSortingOptions-BZQ06yjN.js';
+import './DataListLayoutContext-D1rAlqVx.js';
+import './DataListItemActionsOverflow-BRNgdlQX.js';
+import './DataListActionsMenu-CpkqvtY2.js';
+import './useBatchSelect-ForQCRNR.js';
+import './DataListItemClickable-k6I-kkC9.js';
+import './DataListHeader-BnA324b0.js';
+import './DataListBulkActions-C1IBP9WS.js';
+import './DataListFilters-BHQPfa8Z.js';
+import './DataListSort-tu0RFF5o.js';
+import './DataListStickyHeader-Dcdohrgi.js';
+import './DataListSearch-C5QygvIi.js';
+import './DataListEmptyState-r5AIsDh1.js';
+import './DataListLoadMore-DuVJBvEo.js';
+import './DataListAction-2ucgDbj5.js';
+import './DataListLayoutActions-D1Xf9-FV.js';
+import './DataListStatusBar-C4rqAj0k.js';
+import './_baseAssignValue-DDun5srG.js';
 import 'filesize';
-import './InternalGridCell-Bvc4hf1y.js';
+import './InternalGridCell-gH3T-O52.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-DUO9pQ9k.js → isObjectLike-CKZ6YQeV.js}

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

package/dist/{isObjectLike-DG6roj4l.js → isObjectLike-GdiZIr7Q.js}

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

package/dist/{isSymbol-Cbf0eXVe.js → isSymbol-BcFeyTEF.js}

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

package/dist/{isSymbol-DkcpxBzq.js → isSymbol-By0ha1b2.js}

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

package/dist/{noop-BwqMLq6e.js → noop-BKEad4Af.js}

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

package/dist/{noop-CTJ6iP1I.js → noop-KennzOQ6.js}

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

package/dist/styles.css

@@ -567,12 +567,15 @@
 .q7AxfhwVVBs- {
   display: -ms-flexbox;
   display: flex;
-  width: 100%;
   height: var(--field--height);
   -ms-flex: 1;
       flex: 1;
 }
 
+.mgPacJ6Z71Y- .q7AxfhwVVBs- {
+  margin-right: var(--field--padding-right);
+}
+
 .YhserUiOeFE-:not(:focus-within) input {
   color: var(--field--background-color);
   -webkit-text-fill-color: var(--field--background-color);
@@ -732,6 +735,7 @@
   resize: none;
   scroll-padding-bottom: calc(16px * 1);
   scroll-padding-bottom: var(--space-base);
+  padding-right: 0;
 }
 
 .i31GQXcMz54- .LSHPV7PwOTg- {
@@ -3194,11 +3198,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border: none;
   border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
+  color: var(--field-value-color);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
   font-size: calc((16px * 1) * 0.875);
   font-size: calc(calc(16px * 1) * 0.875);
   font-size: var(--typography--fontSize-base);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
 }
 
 .WZPK91I4aJs-::-webkit-search-decoration,
@@ -3517,8 +3524,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   bottom: var(--space-small);
   background: linear-gradient(
     180deg,
-    rgba(255, 255, 255, 0) 0%,
-    rgb(255, 255, 255) 100%
+    transparent 0%,
+    rgba(255, 255, 255, 1) 100%
+  );
+  background: linear-gradient(
+    180deg,
+    transparent 0%,
+    var(--color-surface) 100%
   );
 }
 
@@ -3526,9 +3538,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   top: calc(16px / 2);
   top: var(--space-small);
   background: linear-gradient(
-    to bottom,
-    rgba(255, 255, 255, 1),
-    rgba(255, 255, 255, 0)
+    180deg,
+    rgba(255, 255, 255, 1) 0%,
+    transparent 100%
+  );
+  background: linear-gradient(
+    180deg,
+    var(--color-surface) 0%,
+    transparent 100%
   );
 }
 

package/dist/{useActiveLayout-ROhlzUib.js → useActiveLayout-DFr-HNFD.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-D4ayCbvh.js';
-import { u as useDataListContext } from './DataListContext-Bwa-PYKg.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-D5nH18jg.js';
+import { u as useDataListContext } from './DataListContext-Beu_smOY.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-CpjgN9ag.js → useActiveLayout-_GMdlNzC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-CV3bJztH.js');
-var DataListContext = require('./DataListContext-DgM88eO7.js');
+var useResponsiveSizing = require('./useResponsiveSizing-zvYKs3y5.js');
+var DataListContext = require('./DataListContext-rRiVY2gR.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-BZK5j1uk.js → useAssert-ChnUuJiN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BI3isZX_.js');
-var _polyfillNode_process = require('./_polyfill-node.process-8M2w2bry.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D5-JenwK.js');
+var _polyfillNode_process = require('./_polyfill-node.process-C6P9lIWV.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-CSkAEb_M.js → useAssert-DZwHeE4I.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-DwBjLMu-.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-a3wqIVxz.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-EfUCh5Oq.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-B7S0YUqT.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-hdQGRCei.js → useBatchSelect-BPL-Vz2o.js}

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

package/dist/{useBatchSelect-nTRwiF0d.js → useBatchSelect-ForQCRNR.js}

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

package/dist/{useIsMounted-DJo9orhS.js → useIsMounted-Cvkqav9M.js}

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

package/dist/{useIsMounted-KnUqVCJx.js → useIsMounted-DLIRg-F6.js}

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

package/dist/{useResizeObserver-DsQ83nP-.js → useResizeObserver-B-fyaLFG.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-DwBjLMu-.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-EfUCh5Oq.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-D-iyOZ_U.js';
-import { b as isObject_1 } from './isObjectLike-DUO9pQ9k.js';
+import { a as debounce_1 } from './debounce-Bp9bLE29.js';
+import { b as isObject_1 } from './isObjectLike-CKZ6YQeV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-r9NjXpfj.js → useResizeObserver-BXlvd993.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BI3isZX_.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D5-JenwK.js');
 var React = require('react');
-var debounce$1 = require('./debounce-Cf5w7iLk.js');
-var isObjectLike = require('./isObjectLike-DG6roj4l.js');
+var debounce$1 = require('./debounce-DuOLBpQK.js');
+var isObjectLike = require('./isObjectLike-GdiZIr7Q.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-D4ayCbvh.js → useResponsiveSizing-D5nH18jg.js}

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

package/dist/{useResponsiveSizing-CV3bJztH.js → useResponsiveSizing-zvYKs3y5.js}

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

package/dist/{useScrollToActive-CQjdXE_2.js → useScrollToActive-BNprkTWd.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DwBjLMu-.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-BrHsaoPf.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DazHwaGR.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BDFnkmY6.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BNXYj9LK.js';
-import { i as isSymbol_1 } from './isSymbol-Cbf0eXVe.js';
-import { b as isObject_1 } from './isObjectLike-DUO9pQ9k.js';
-import { d as debounce } from './debounce-D-iyOZ_U.js';
-import { I as Icon } from './Icon-DiohRKqK.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-EfUCh5Oq.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-flg2E1Rn.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DLg7pyNz.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-DpExk-mU.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-CeVBEhfY.js';
+import { i as isSymbol_1 } from './isSymbol-BcFeyTEF.js';
+import { b as isObject_1 } from './isObjectLike-CKZ6YQeV.js';
+import { d as debounce } from './debounce-Bp9bLE29.js';
+import { I as Icon } from './Icon-Cx73UWqD.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-CY4RZQUL.js → useScrollToActive-D0WOdOxM.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-BI3isZX_.js');
-var _setToString = require('./_setToString-q5EX3Sd0.js');
-var _defineProperty = require('./_defineProperty-BsJle9iE.js');
-var _baseEach = require('./_baseEach-DquC7Rim.js');
-var _getTag = require('./_getTag-Bau8uLi7.js');
-var isSymbol$1 = require('./isSymbol-DkcpxBzq.js');
-var isObjectLike = require('./isObjectLike-DG6roj4l.js');
-var debounce = require('./debounce-Cf5w7iLk.js');
-var Icon = require('./Icon-gofYfHiX.js');
+var _commonjsHelpers = require('./_commonjsHelpers-D5-JenwK.js');
+var _setToString = require('./_setToString-fWOj8ly3.js');
+var _defineProperty = require('./_defineProperty-BehXujWY.js');
+var _baseEach = require('./_baseEach-DpxHDWFO.js');
+var _getTag = require('./_getTag-C2Oj8krQ.js');
+var isSymbol$1 = require('./isSymbol-By0ha1b2.js');
+var isObjectLike = require('./isObjectLike-GdiZIr7Q.js');
+var debounce = require('./debounce-DuOLBpQK.js');
+var Icon = require('./Icon-Cq1XD3Gm.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.3.4",
+  "version": "5.3.6",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "cc50762bf1a585240036b13d9ecc0a1f0e1d7585"
+  "gitHead": "f87fa4d87318b787f494084e736ec7e914e18579"
 }