@jobber/components 5.6.1 → 5.7.1-JOB-91952.5

package/dist/index.mjs

@@ -1,159 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-CYgaHqQV.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-CZb7SCsj.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BRhPXnNm.js';
-export { A as Autocomplete } from './Autocomplete-CPb4qdJV.js';
-export { A as Avatar } from './Avatar-BKByS0dy.js';
-export { B as Banner } from './Banner-Scg46iYx.js';
-export { B as Button } from './Button--ZHiooY_.js';
-export { B as ButtonDismiss } from './ButtonDismiss-C2VnnhKf.js';
-export { C as Card } from './Card-CjY_x0su.js';
-export { C as Checkbox } from './Checkbox-BiMOvRdX.js';
-export { C as Chip } from './Chip-CGPsQNOj.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-CccnSd1W.js';
+export { A as AnimatedPresence } from './AnimatedPresence-Cf5FAb3Y.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-OJtKuQSW.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DYud01UD.js';
+export { A as Autocomplete } from './Autocomplete-COsUOzo7.js';
+export { A as Avatar } from './Avatar-bYoKsI-U.js';
+export { B as Banner } from './Banner-DQ-vjvAK.js';
+export { B as Button } from './Button-BjAmXhDh.js';
+export { B as ButtonDismiss } from './ButtonDismiss-Cv-bGq9d.js';
+export { C as Card } from './Card-1C2l163f.js';
+export { C as Checkbox } from './Checkbox-CmvhSxs2.js';
+export { C as Chip } from './Chip-B8cTVt7C.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DmyzI_zF.js';
 import 'react';
 import 'classnames';
-import './useAssert-BzbqFlLb.js';
-export { I as Icon } from './Icon-TSGF3K7E.js';
-export { T as Typography } from './Typography-CcZns3bY.js';
-export { T as Tooltip } from './Tooltip-DbcW9B-4.js';
-export { C as Chips } from './Chips-CRqLPzI4.js';
-export { C as Combobox } from './Combobox-BtTBYki2.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-37iOKZBY.js';
-export { C as ConfirmationModal } from './ConfirmationModal-Cm5-QjAn.js';
-export { C as Content } from './Content-BqETfpIA.js';
-export { C as Countdown } from './Countdown-B3nrX384.js';
-export { D as DataDump } from './DataDump-CBaqzEfv.js';
-export { D as DataList } from './DataList-CG7myLHS.js';
-export { D as DataTable } from './DataTable-D7kLEfHi.js';
-import './useResizeObserver-7TlwAL59.js';
+import './useAssert-BrilmU6Z.js';
+export { I as Icon } from './Icon-Chfb-CdY.js';
+export { T as Typography } from './Typography-D736BvzF.js';
+export { T as Tooltip } from './Tooltip-_6ZwoHLC.js';
+export { C as Chips } from './Chips-BxIGuksG.js';
+export { C as Combobox } from './Combobox-CcWceuHq.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-BuuUiUaZ.js';
+export { C as ConfirmationModal } from './ConfirmationModal-B1fmUe4K.js';
+export { C as Content } from './Content-BHlj_uzf.js';
+export { C as Countdown } from './Countdown-D_4Gb8pZ.js';
+export { D as DataDump } from './DataDump-CLd44CoC.js';
+export { D as DataList } from './DataList-CRsYGNAG.js';
+export { D as DataTable } from './DataTable-U-STy9cu.js';
+import './useResizeObserver-BPPmWNMs.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-CEbnLKx7.js';
-export { D as DescriptionList } from './DescriptionList-8BNcTbgy.js';
-export { D as Disclosure } from './Disclosure-C4dNaGOr.js';
-export { D as Divider } from './Divider-C5DqStja.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-B43o1FrS.js';
-export { E as Emphasis } from './Emphasis-BhIy49g_.js';
-export { F as FeatureSwitch } from './FeatureSwitch-jm2H8vRx.js';
-export { F as Flex } from './Flex-DxklixBu.js';
-export { F as Form } from './Form-CGVhLuZd.js';
-export { F as FormField } from './FormField-Btd3js5W.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-CMBPAu1i.js';
-export { F as FormatEmail } from './FormatEmail-1lQhZziz.js';
-export { F as FormatFile } from './FormatFile-BS_ZKawd.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-B02RaoWk.js';
-export { F as FormatTime } from './FormatTime-BxizBIQ6.js';
-export { G as Gallery } from './Gallery-e19xas5v.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-D33UTh4x.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-DnmRGMMd.js';
-export { H as Heading } from './Heading-CVIPs3Ev.js';
-export { I as InlineLabel } from './InlineLabel-DU8DB5M-.js';
-export { I as InputAvatar } from './InputAvatar-BKJbLpNK.js';
-export { I as InputDate } from './InputDate-Bb71lb2-.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-ejlIDlnp.js';
-export { I as InputFile, u as updateFiles } from './InputFile-nJeDUi6p.js';
-export { I as InputGroup } from './InputGroup-B76kaMvr.js';
-export { I as InputNumber } from './InputNumber-CnsHCRbt.js';
-export { I as InputPassword } from './InputPassword-A4e2kxXA.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-CP0bfLCB.js';
-export { I as InputText } from './InputText-CqVAroBw.js';
-export { I as InputTime } from './InputTime-BLCFBHLz.js';
-export { I as InputValidation } from './InputValidation-BQdwIHbB.js';
-export { L as LightBox } from './LightBox-DP_kc9Sf.js';
-export { L as Link } from './Link-CEGgB_Rm.js';
-export { L as List, a as ListItem } from './List-DA7PvMKa.js';
-export { M as Markdown } from './Markdown-CC9ZsPtf.js';
-export { M as Menu } from './Menu-Dq_5wcos.js';
-export { M as Modal } from './Modal-BaZMq0rW.js';
-export { M as MultiSelect } from './MultiSelect-gsYMsRYD.js';
-export { P as Page } from './Page-CvYfJOek.js';
-export { P as Popover } from './Popover-B5fsiAZK.js';
-export { P as ProgressBar } from './ProgressBar-CgpgLn7O.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-Q3k9oQCe.js';
-export { R as RecurringSelect } from './RecurringSelect-Vpaz-cac.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-n6bwm2xt.js';
-export { a as Option, S as Select } from './Option-dwEgF9-g.js';
-export { S as Spinner } from './Spinner-z__Td9P1.js';
-export { S as StatusIndicator } from './StatusIndicator-CbylYkgt.js';
-export { S as StatusLabel } from './StatusLabel-CnHufwpp.js';
-export { S as Switch } from './Switch-wE4Dg5na.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-dZzeZ7l1.js';
-export { a as Tab, T as Tabs } from './Tabs-LdQlPvde.js';
-export { T as Text } from './Text-BdW_VrhU.js';
+export { D as DatePicker } from './DatePicker-rN4_VExP.js';
+export { D as DescriptionList } from './DescriptionList-H_eRFelm.js';
+export { D as Disclosure } from './Disclosure-DhZf4EaK.js';
+export { D as Divider } from './Divider-C-H-3vys.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-BOqdsJCH.js';
+export { E as Emphasis } from './Emphasis-w35dPjXx.js';
+export { F as FeatureSwitch } from './FeatureSwitch-D8TWpRou.js';
+export { F as Flex } from './Flex-BXDbrfdp.js';
+export { F as Form } from './Form-aL5qjaIB.js';
+export { F as FormField } from './FormField-BjxnnAAV.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-BheQugj-.js';
+export { F as FormatEmail } from './FormatEmail-E3li1q0K.js';
+export { F as FormatFile } from './FormatFile-B2PS_eO8.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-QUkmaXO2.js';
+export { F as FormatTime } from './FormatTime-D6NjKTG9.js';
+export { G as Gallery } from './Gallery-B6oTDOP_.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-iD1z0vc4.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-ypfI6feU.js';
+export { H as Heading } from './Heading-i9n1OA3Z.js';
+export { I as InlineLabel } from './InlineLabel-Cqae-zDA.js';
+export { I as InputAvatar } from './InputAvatar-DUsOdyrJ.js';
+export { I as InputDate } from './InputDate-CN18inOn.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-Bdcd1iCN.js';
+export { I as InputFile, u as updateFiles } from './InputFile-SEaKVs3O.js';
+export { I as InputGroup } from './InputGroup-dzfa2vlX.js';
+export { I as InputNumber } from './InputNumber-SA_gCPag.js';
+export { I as InputPassword } from './InputPassword-COfo99ES.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-DuXshyqW.js';
+export { I as InputText } from './InputText-CRXhIrjq.js';
+export { I as InputTime } from './InputTime-DBRIbbej.js';
+export { I as InputValidation } from './InputValidation-BfxTx1tk.js';
+export { L as LightBox } from './LightBox-mRbUQqxH.js';
+export { L as Link } from './Link-_YxivY1b.js';
+export { L as List, a as ListItem } from './List-Cgqwv9u6.js';
+export { M as Markdown } from './Markdown-BlPOjOnV.js';
+export { M as Menu } from './Menu-D-Qceefc.js';
+export { M as Modal } from './Modal-B9px4p9Z.js';
+export { M as MultiSelect } from './MultiSelect-B0KlFyN4.js';
+export { P as Page } from './Page-Bv7-lj8P.js';
+export { P as Popover } from './Popover-DIRjkTmQ.js';
+export { P as ProgressBar } from './ProgressBar-DE3m6qnr.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-0GU6ifpV.js';
+export { R as RecurringSelect } from './RecurringSelect-BLv0PP_i.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BKEM_HhZ.js';
+export { a as Option, S as Select } from './Option-3T4AsP0E.js';
+export { S as Spinner } from './Spinner-CumIbqvJ.js';
+export { S as StatusIndicator } from './StatusIndicator-CpNUrEIq.js';
+export { S as StatusLabel } from './StatusLabel-DqcrT_6L.js';
+export { S as Switch } from './Switch-TqpEmLKl.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-CO_o478n.js';
+export { a as Tab, T as Tabs } from './Tabs-62ZhhRHH.js';
+export { T as Text } from './Text-DHz82yEN.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-DANlMoQP.js';
-import './debounce-B90dPbG7.js';
-import './_commonjsHelpers-HcBRkGxc.js';
-import './isObjectLike-DTfwCKi9.js';
-import './isSymbol-cow3c0VJ.js';
+import './tslib.es6-CwICmbPz.js';
+import './debounce-BQH27ZH5.js';
+import './_commonjsHelpers-3hmvFtuq.js';
+import './isObjectLike-BVorE_UX.js';
+import './isSymbol-BeG-J4h6.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-NXZwhhOV.js';
-import './useSafeLayoutEffect-B2GY-vfJ.js';
-import './useIsMounted-DSh35JXe.js';
+import './useOnKeyDown-DuHP6Ca0.js';
+import './useSafeLayoutEffect-DtLKEMp8.js';
+import './useIsMounted-BxFkJb6R.js';
 import 'color';
-import './BannerIcon-BuDttsFa.js';
+import './BannerIcon-Dd1yDNct.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-Dwo-lF3P.js';
-import './useChildComponent-Biwjlg_f.js';
-import './_polyfill-node.process-BR0MYTD9.js';
-import './InternalChipDismissible-D04PSYHF.js';
-import './useScrollToActive-efrsO-lz.js';
-import './_setToString-CTV3xJDx.js';
-import './_defineProperty-C2AzFd75.js';
-import './_getTag-CBOEe3_6.js';
-import './_baseEach-DzBrVvFz.js';
-import './ComboboxContent-C8hQH3Yy.js';
-import './ComboboxContentSearch-CLdgQ2JL.js';
-import './ComboboxContentList-DP28MMR9.js';
-import './ComboboxOption-DC1Ne7Sf.js';
-import './ComboboxLoadMore-jQtJ0ick.js';
-import './ComboboxContentHeader-CCO8S5Jb.js';
-import './useRefocusOnActivator-UeetJyTd.js';
-import './useFocusTrap-BbPu48Eh.js';
-import './ComboboxAction-B1l8aNhx.js';
-import './ComboboxTrigger-Dv4_OEG2.js';
-import './noop-muRivsHV.js';
-import './ComboboxActivator-DUmT5xz0.js';
+import './useInView-DOiIclTx.js';
+import './useChildComponent-Dkem5f3k.js';
+import './_polyfill-node.process-CLUEOmDv.js';
+import './InternalChipDismissible-DngSUBuB.js';
+import './useScrollToActive-PPvRvyBj.js';
+import './_setToString-BvmO5qTL.js';
+import './_defineProperty-BmVr1j6U.js';
+import './_getTag-BuCvXdgt.js';
+import './_baseEach-DiMhR28A.js';
+import './ComboboxContent-C4InlUYF.js';
+import './ComboboxContentSearch-lwr4I4aj.js';
+import './ComboboxContentList-Be_BOURn.js';
+import './ComboboxOption-DnGUiYAk.js';
+import './ComboboxLoadMore-C4Ghu6W4.js';
+import './ComboboxContentHeader-CAugxI5d.js';
+import './useRefocusOnActivator-Cff25gx3.js';
+import './useFocusTrap-D8da-uxa.js';
+import './ComboboxAction-C-aJkc67.js';
+import './ComboboxTrigger-DLhNL1Wj.js';
+import './noop-DzPPGzpV.js';
+import './ComboboxActivator-CqcwTqa9.js';
 import '@std-proposal/temporal';
-import './index-DdhWUrkl.js';
-import './DataList-DN7dfsVm.js';
-import './DataListTotalCount-C0aIA4IA.js';
-import './DataListLoadingState-26k_GDjk.js';
-import './DataListContext-B9L1yqJG.js';
-import './useActiveLayout-Bp110IYN.js';
-import './useResponsiveSizing-D_NV7AWb.js';
-import './DataList.const-DvBLsW63.js';
-import './DataListLayout-Bz07tkoT.js';
-import './DataListItems-CAfwgph7.js';
-import './DataListLayoutContext-EZDzmERm.js';
-import './DataListItem-CsOZL_PW.js';
-import './DataListItemActions-Dq0BtUEL.js';
-import './DataListActions-CJay3gfn.js';
-import './DataListOverflowFade-Cqc3QJAE.js';
-import './DataList.utils-LEgiS9FM.js';
-import './DataListTags-C580YKtk.js';
-import './DataListHeaderTile-DKg_wWkd.js';
-import './DataListSortingOptions-BJH7YHKa.js';
-import './DataListLayoutContext-Cdz7ZRFt.js';
-import './DataListItemActionsOverflow-BoWsMc17.js';
-import './DataListActionsMenu-CwW64De9.js';
-import './useBatchSelect-0-mOd5ME.js';
-import './DataListItemClickable-CjU5UjVd.js';
-import './DataListHeader-3F4Ouz06.js';
-import './DataListBulkActions-Chw5cpr4.js';
-import './DataListFilters-DsOGBqjv.js';
-import './DataListSort-pAadjmfM.js';
-import './DataListStickyHeader-CpVFN5im.js';
-import './DataListSearch-DbWWWaRu.js';
-import './DataListEmptyState-CtAQ0KqC.js';
-import './DataListLoadMore-C-1kcyYW.js';
-import './DataListAction-bCuVw5zs.js';
-import './DataListLayoutActions-C4NLMXly.js';
-import './DataListStatusBar-CtI4Gd_V.js';
-import './_baseAssignValue-D6KAEs_f.js';
+import './index-BHrzAkRJ.js';
+import './DataList-MrdY1eYu.js';
+import './DataListTotalCount-DGQwGPAe.js';
+import './DataListLoadingState-BGWfEH7b.js';
+import './DataListContext-UgNLF3eJ.js';
+import './useActiveLayout-RJOivXYS.js';
+import './useResponsiveSizing-BPEkWFls.js';
+import './DataList.const-POsn1IIU.js';
+import './DataListLayout-DrSq5SEd.js';
+import './DataListItems-hrbR8d1u.js';
+import './DataListLayoutContext-D0cH6WnY.js';
+import './DataListItem-L1Rx043h.js';
+import './DataListItemActions-BCdNk0A-.js';
+import './DataListActions-D9APTRlj.js';
+import './DataListOverflowFade-DiBWDaXF.js';
+import './DataList.utils-DnVSmqxU.js';
+import './DataListTags-DcA9JuRF.js';
+import './DataListHeaderTile-DItxVZjA.js';
+import './DataListSortingOptions-BZxRPylH.js';
+import './DataListLayoutContext-C4tCXJfx.js';
+import './DataListItemActionsOverflow-SbOYO8QJ.js';
+import './DataListActionsMenu-Dj6jAag1.js';
+import './useBatchSelect-CAByO-QD.js';
+import './DataListItemClickable-B6GDy1sK.js';
+import './DataListHeader-Bf8_7B2d.js';
+import './DataListBulkActions-DPeDALMk.js';
+import './DataListFilters-Bb59q6lo.js';
+import './DataListSort-BmaxcRiD.js';
+import './DataListStickyHeader-BxlLSXqE.js';
+import './DataListSearch-DM8yacsj.js';
+import './DataListEmptyState-BeE0LZLY.js';
+import './DataListLoadMore-XvOVW76n.js';
+import './DataListAction-B1bX4uOH.js';
+import './DataListLayoutActions-hPm4GCLG.js';
+import './DataListStatusBar-BLrS0M8O.js';
+import './_baseAssignValue-BeKlE5Zw.js';
 import 'filesize';
-import './InternalGridCell-HRPynLRR.js';
+import './InternalGridCell-1lSziC2q.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-DTfwCKi9.js → isObjectLike-BVorE_UX.js}

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

package/dist/{isObjectLike-BJrVMRDB.js → isObjectLike-DmXzDKs4.js}

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

package/dist/{isSymbol-cow3c0VJ.js → isSymbol-BeG-J4h6.js}

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

package/dist/{isSymbol-clDG1hMv.js → isSymbol-DGkGsN-A.js}

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

package/dist/{noop-CiFl-l6P.js → noop-Dbt9ZrvW.js}

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

package/dist/{noop-muRivsHV.js → noop-DzPPGzpV.js}

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

package/dist/styles.css

@@ -8395,8 +8395,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .qI4lWMSNH40- {
   position: relative;
-  border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
-  border-bottom: solid var(--border-base) var(--color-border);
+  padding-left: calc(16px * 1);
+  padding-left: var(--public-tab--inset);
+  padding-right: calc(16px * 1);
+  padding-right: var(--public-tab--inset);
 }
 
 .xohIah5wcoE-:after,
@@ -8405,17 +8407,22 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 24px;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  width: calc(16px * 1.5);
+  width: var(--space-large);
 }
 
 .xohIah5wcoE-:after {
-  right: 0;
+  right: calc(16px * 1);
+  right: var(--public-tab--inset);
   box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
   box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
 }
 
 .qnY4S9sz-8g-:before {
-  left: 0;
+  left: calc(16px * 1);
+  left: var(--public-tab--inset);
   box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
   box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
 }
@@ -8427,8 +8434,13 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   margin-bottom: calc(-1 * (16px / 16));
   margin-bottom: calc(-1 * calc(16px / 16));
   margin-bottom: calc(-1 * var(--border-base));
+  padding: 0;
+  border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
+  border-bottom: solid var(--border-base) var(--color-border);
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
+  gap: calc(16px * 1.5);
+  gap: var(--space-large);
 }
 
 ul.wdW31G8Trag- {
@@ -8439,48 +8451,56 @@ ul.wdW31G8Trag- {
 .wdW31G8Trag- li {
   display: -ms-flexbox;
   display: flex;
+  position: relative;
   list-style: none;
+  -ms-flex: 0 0 fit-content;
+      flex: 0 0 fit-content;
 }
 
 .MO7CXQ8xJXo- {
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
   height: calc((16px * 2) + (16px / 2));
   height: calc(calc(16px * 2) + calc(16px / 2));
   height: var(--tab--height);
   margin: 0;
-  padding-left: calc(16px * 1);
-  padding-left: var(--public-tab--inset);
-  padding-right: calc(16px * 1);
-  padding-right: var(--public-tab--inset);
-  border: solid calc(16px / 16) hsl(200, 13%, 87%);
-  border: solid var(--border-base) var(--color-border);
-  border-left-width: 0;
+  padding: calc(16px / 4) calc(16px / 2);
+  padding: var(--space-smaller) var(--space-small);
+  border: none;
   outline: none;
+  color: hsl(197, 15%, 45%);
+  color: var(--color-text--secondary);
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
   cursor: pointer;
   transition: all 200ms;
   transition: all var(--timing-base);
+  -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
 }
 
-.MO7CXQ8xJXo-:hover,
-.MO7CXQ8xJXo-:focus {
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--hover);
+.MO7CXQ8xJXo-.kqof65gyv7g-,
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):hover,
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):focus {
+  color: hsl(197, 90%, 12%);
+  color: var(--color-heading);
 }
 
-.MO7CXQ8xJXo-:focus span {
-  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
-  box-shadow: var(--shadow-focus);
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):focus-within {
+  outline: none;
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
 }
 
-.kqof65gyv7g- {
-  border-top-color: hsl(107, 58%, 33%);
-  border-top-color: var(--color-interactive);
-  border-bottom-color: rgba(255, 255, 255, 1);
-  border-bottom-color: var(--color-surface);
+.kqof65gyv7g-::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: calc(16px / 4);
+  height: var(--space-smaller);
+  background-color: hsl(107, 58%, 33%);
+  background-color: var(--color-interactive);
 }
 
 .kqof65gyv7g-:focus {

package/dist/{useActiveLayout-C82cE39o.js → useActiveLayout-MH2Kgr59.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BK23kUq1.js');
-var DataListContext = require('./DataListContext-CA0XDtVn.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Dq6VNy8b.js');
+var DataListContext = require('./DataListContext-COsYkjF2.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-Bp110IYN.js → useActiveLayout-RJOivXYS.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-D_NV7AWb.js';
-import { u as useDataListContext } from './DataListContext-B9L1yqJG.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-BPEkWFls.js';
+import { u as useDataListContext } from './DataListContext-UgNLF3eJ.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-BzbqFlLb.js → useAssert-BrilmU6Z.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-HcBRkGxc.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-BR0MYTD9.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-3hmvFtuq.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-CLUEOmDv.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-CKoWl1cT.js → useAssert-CAdNs_Pv.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-o45BnhrS.js');
-var _polyfillNode_process = require('./_polyfill-node.process-eEBQAqGu.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Buma0fjX.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BW-MhbAo.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-Dp00NDIV.js → useBatchSelect-BudluCLZ.js}

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

package/dist/{useBatchSelect-0-mOd5ME.js → useBatchSelect-CAByO-QD.js}

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

package/dist/{useIsMounted-DSh35JXe.js → useIsMounted-BxFkJb6R.js}

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

package/dist/{useIsMounted-DdIC_aFi.js → useIsMounted-FKsjblcM.js}

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

package/dist/{useResizeObserver-7TlwAL59.js → useResizeObserver-BPPmWNMs.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-HcBRkGxc.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-3hmvFtuq.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-B90dPbG7.js';
-import { b as isObject_1 } from './isObjectLike-DTfwCKi9.js';
+import { a as debounce_1 } from './debounce-BQH27ZH5.js';
+import { b as isObject_1 } from './isObjectLike-BVorE_UX.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-DvKX_x-i.js → useResizeObserver-BrHehtW5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-o45BnhrS.js');
+var _commonjsHelpers = require('./_commonjsHelpers-Buma0fjX.js');
 var React = require('react');
-var debounce$1 = require('./debounce-Dnx8fpDW.js');
-var isObjectLike = require('./isObjectLike-BJrVMRDB.js');
+var debounce$1 = require('./debounce-C_k4xD37.js');
+var isObjectLike = require('./isObjectLike-DmXzDKs4.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-D_NV7AWb.js → useResponsiveSizing-BPEkWFls.js}

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

package/dist/{useResponsiveSizing-BK23kUq1.js → useResponsiveSizing-Dq6VNy8b.js}

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