@jobber/components 5.7.1 → 5.7.2

package/dist/index.mjs

@@ -1,159 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-HZlxtMNb.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-BIHAIdmk.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BnH2Kq-D.js';
-export { A as Autocomplete } from './Autocomplete-C_D3NEfC.js';
-export { A as Avatar } from './Avatar-HV6VfIqY.js';
-export { B as Banner } from './Banner-D8mmXlsn.js';
-export { B as Button } from './Button-CSiwmaLZ.js';
-export { B as ButtonDismiss } from './ButtonDismiss-CIN5SXE1.js';
-export { C as Card } from './Card-AOXI--gF.js';
-export { C as Checkbox } from './Checkbox-ztmXG1OA.js';
-export { C as Chip } from './Chip-BGau_MLZ.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-CQA7ZmrE.js';
+export { A as AnimatedPresence } from './AnimatedPresence-COik-nM7.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-C8ERpDY7.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BHNrWSl_.js';
+export { A as Autocomplete } from './Autocomplete-C4uoRTT9.js';
+export { A as Avatar } from './Avatar-Co6eQ_hq.js';
+export { B as Banner } from './Banner-BMOV8j3i.js';
+export { B as Button } from './Button-5NZGPGRp.js';
+export { B as ButtonDismiss } from './ButtonDismiss-B32HVZaK.js';
+export { C as Card } from './Card-DXl9F7jP.js';
+export { C as Checkbox } from './Checkbox-B5H8oHVx.js';
+export { C as Chip } from './Chip-Kiht7nox.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-Dvm6-BY0.js';
 import 'react';
 import 'classnames';
-import './useAssert-DvJYxOJz.js';
-export { I as Icon } from './Icon-ai_18uv4.js';
-export { T as Typography } from './Typography-1CqyGXAj.js';
-export { T as Tooltip } from './Tooltip-bkKBLO89.js';
-export { C as Chips } from './Chips-CqyN5nwP.js';
-export { C as Combobox } from './Combobox-tlZkP9dM.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-Ccyzu6nC.js';
-export { C as ConfirmationModal } from './ConfirmationModal-BNTR0wJF.js';
-export { C as Content } from './Content-B12Xk3SE.js';
-export { C as Countdown } from './Countdown-CnWPFI82.js';
-export { D as DataDump } from './DataDump-CzdB2hIp.js';
-export { D as DataList } from './DataList-Bgj65hVy.js';
-export { D as DataTable } from './DataTable-DCJjlC10.js';
-import './useResizeObserver-Cjpm8rmz.js';
+import './useAssert-BNIHT9_e.js';
+export { I as Icon } from './Icon-Chojdqvk.js';
+export { T as Typography } from './Typography-C3XvpGji.js';
+export { T as Tooltip } from './Tooltip-DBPNFimU.js';
+export { C as Chips } from './Chips-DtBkf31V.js';
+export { C as Combobox } from './Combobox-DYnQXPP_.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-Dc5Qbmus.js';
+export { C as ConfirmationModal } from './ConfirmationModal-CU3PRUXC.js';
+export { C as Content } from './Content-Dlxr9tpp.js';
+export { C as Countdown } from './Countdown-CHqE7Pbb.js';
+export { D as DataDump } from './DataDump-tRsfJ-52.js';
+export { D as DataList } from './DataList-Dbah0rGv.js';
+export { D as DataTable } from './DataTable-BD4ZSqdh.js';
+import './useResizeObserver-a3dVd6W_.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-Dj6eNWIS.js';
-export { D as DescriptionList } from './DescriptionList-Bu7hJIHc.js';
-export { D as Disclosure } from './Disclosure-9XZWXcbl.js';
-export { D as Divider } from './Divider-FUsJGo_L.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Cf_-lWI6.js';
-export { E as Emphasis } from './Emphasis-Bw3tJV_o.js';
-export { F as FeatureSwitch } from './FeatureSwitch-CPbMBKSH.js';
-export { F as Flex } from './Flex-DwzwKjaQ.js';
-export { F as Form } from './Form-DYrA-IXd.js';
-export { F as FormField } from './FormField-9zcFztod.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-D50g3Hhy.js';
-export { F as FormatEmail } from './FormatEmail-DPsOb7BJ.js';
-export { F as FormatFile } from './FormatFile-xsoRnBI5.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-C4WhRTzr.js';
-export { F as FormatTime } from './FormatTime-ByhaFsEB.js';
-export { G as Gallery } from './Gallery-N4I-sv7U.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-DLshH5EQ.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-CB8-AzO-.js';
-export { H as Heading } from './Heading-BlyeWyfz.js';
-export { I as InlineLabel } from './InlineLabel-CHGQjM-Z.js';
-export { I as InputAvatar } from './InputAvatar-CTwlkm5X.js';
-export { I as InputDate } from './InputDate-BXoL9-S6.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CE64ADIo.js';
-export { I as InputFile, u as updateFiles } from './InputFile-qJBfA_Ru.js';
-export { I as InputGroup } from './InputGroup-CbT48HWR.js';
-export { I as InputNumber } from './InputNumber-fzeQ_KWF.js';
-export { I as InputPassword } from './InputPassword-Dt0Pw5T_.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-5UsBdhru.js';
-export { I as InputText } from './InputText--3oIqQj9.js';
-export { I as InputTime } from './InputTime-F03t4KW3.js';
-export { I as InputValidation } from './InputValidation-EX9II0xK.js';
-export { L as LightBox } from './LightBox-DfTTN7m3.js';
-export { L as Link } from './Link-TlPAFxa2.js';
-export { L as List, a as ListItem } from './List-Bo_RpaKu.js';
-export { M as Markdown } from './Markdown-D-fQJ4CK.js';
-export { M as Menu } from './Menu-u8etepL-.js';
-export { M as Modal } from './Modal-DCv31iw0.js';
-export { M as MultiSelect } from './MultiSelect-C8FzHI7u.js';
-export { P as Page } from './Page-DX4InNd9.js';
-export { P as Popover } from './Popover-CRSNUX8J.js';
-export { P as ProgressBar } from './ProgressBar-DwAPxuY5.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-oWIlCDJK.js';
-export { R as RecurringSelect } from './RecurringSelect-B4-dqzUP.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BG5ILlVx.js';
-export { a as Option, S as Select } from './Option-MjJwzFK9.js';
-export { S as Spinner } from './Spinner-dU-crFCh.js';
-export { S as StatusIndicator } from './StatusIndicator-wF6Pt9lx.js';
-export { S as StatusLabel } from './StatusLabel-D6qcQnGt.js';
-export { S as Switch } from './Switch-9Kf5PCQ9.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-0dkYE-Lo.js';
-export { a as Tab, T as Tabs } from './Tabs-_aLPyRDr.js';
-export { T as Text } from './Text-CYmJFKs4.js';
+export { D as DatePicker } from './DatePicker-F4BiQr_B.js';
+export { D as DescriptionList } from './DescriptionList-Bw991yhF.js';
+export { D as Disclosure } from './Disclosure-D0VszH38.js';
+export { D as Divider } from './Divider-6oC4Q0YM.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-C7RARTpO.js';
+export { E as Emphasis } from './Emphasis-lqZqdpMQ.js';
+export { F as FeatureSwitch } from './FeatureSwitch-Brmqf7oY.js';
+export { F as Flex } from './Flex-DShYjczf.js';
+export { F as Form } from './Form-CLDa30c5.js';
+export { F as FormField } from './FormField-DyazCx_1.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-BTFW38v7.js';
+export { F as FormatEmail } from './FormatEmail-D-IIz05j.js';
+export { F as FormatFile } from './FormatFile-CWjzsMMi.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-C40ktI6C.js';
+export { F as FormatTime } from './FormatTime-CYAXeQyx.js';
+export { G as Gallery } from './Gallery-CWAdqNDs.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-B8NHK9th.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-lZjGqDQs.js';
+export { H as Heading } from './Heading-2zEW71bU.js';
+export { I as InlineLabel } from './InlineLabel-x42jm7do.js';
+export { I as InputAvatar } from './InputAvatar-C-CNrAD0.js';
+export { I as InputDate } from './InputDate-MTM3tchG.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BLYOE45H.js';
+export { I as InputFile, u as updateFiles } from './InputFile-Cyma-9Iq.js';
+export { I as InputGroup } from './InputGroup-uAezD2h5.js';
+export { I as InputNumber } from './InputNumber-B7DwZlCv.js';
+export { I as InputPassword } from './InputPassword-BO0c19ZO.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-B8bzNuaH.js';
+export { I as InputText } from './InputText-jF8xq1yr.js';
+export { I as InputTime } from './InputTime-Ijro0VNk.js';
+export { I as InputValidation } from './InputValidation-DL_hYaKU.js';
+export { L as LightBox } from './LightBox-Pvgfboe8.js';
+export { L as Link } from './Link-CzRXg-be.js';
+export { L as List, a as ListItem } from './List-B61Ps4o3.js';
+export { M as Markdown } from './Markdown-DTUbQBbr.js';
+export { M as Menu } from './Menu-_C77zmA-.js';
+export { M as Modal } from './Modal-BAg8-RZS.js';
+export { M as MultiSelect } from './MultiSelect-5MgWeJnf.js';
+export { P as Page } from './Page-VqptKnL9.js';
+export { P as Popover } from './Popover-DIaVQ9D1.js';
+export { P as ProgressBar } from './ProgressBar-CvCVmfHV.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-DcqHfbMr.js';
+export { R as RecurringSelect } from './RecurringSelect-B04uvi8H.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CiIwOfrJ.js';
+export { a as Option, S as Select } from './Option-BqZ-KuAf.js';
+export { S as Spinner } from './Spinner-D89Y1GpK.js';
+export { S as StatusIndicator } from './StatusIndicator-DcesTtD0.js';
+export { S as StatusLabel } from './StatusLabel-CMsb9lm-.js';
+export { S as Switch } from './Switch-CxR0k9or.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-DBq17TyR.js';
+export { a as Tab, T as Tabs } from './Tabs-D1VIeNLX.js';
+export { T as Text } from './Text-C2XAkhfc.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-3pu1kCPI.js';
-import './debounce-C_8MNZvc.js';
-import './_commonjsHelpers-7HnGSPBC.js';
-import './isObjectLike-DMv7rkP3.js';
-import './isSymbol-Bu0pjdaQ.js';
+import './tslib.es6-qFW5vQHH.js';
+import './debounce-BFOiFt5k.js';
+import './_commonjsHelpers-BU0995Qc.js';
+import './isObjectLike-Df2lodes.js';
+import './isSymbol-D7K5ON8L.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-0pxQNR4_.js';
-import './useSafeLayoutEffect-s1n9DnNj.js';
-import './useIsMounted-BP-PXkst.js';
+import './useOnKeyDown-Cfa02OWJ.js';
+import './useSafeLayoutEffect-DxhzMr-r.js';
+import './useIsMounted-DqEM0Exv.js';
 import 'color';
-import './BannerIcon-DwKmDTPR.js';
+import './BannerIcon-CBqONIDX.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-CdN6WIqx.js';
-import './useChildComponent-BPWaQtpg.js';
-import './_polyfill-node.process-DxRyKYoI.js';
-import './InternalChipDismissible-DsB_U9Dw.js';
-import './useScrollToActive-BTdYUxqM.js';
-import './_setToString-FRc8EFQ1.js';
-import './_defineProperty-CpcRcQ-4.js';
-import './_getTag-DelIXH9j.js';
-import './_baseEach-C5vDn--3.js';
-import './ComboboxContent-CZdgP_jX.js';
-import './ComboboxContentSearch-C23HI6u3.js';
-import './ComboboxContentList-Bvfo3YUN.js';
-import './ComboboxOption-Dh2bucSq.js';
-import './ComboboxLoadMore-DsdMniwp.js';
-import './ComboboxContentHeader-DA_ioNnj.js';
-import './useRefocusOnActivator-CaL9F9m0.js';
-import './useFocusTrap-C4JMVwv7.js';
-import './ComboboxAction-CuwcYGyT.js';
-import './ComboboxTrigger-Dl76TY2H.js';
-import './noop-CS9EEEma.js';
-import './ComboboxActivator-DRmF70yg.js';
+import './useInView-L6iVJv8F.js';
+import './useChildComponent-CqKW4yHr.js';
+import './_polyfill-node.process-BUBN7HW7.js';
+import './InternalChipDismissible-nxQvVFjp.js';
+import './useScrollToActive-Zo3p8qzn.js';
+import './_setToString-oANaJoqn.js';
+import './_defineProperty-CiQj14Oi.js';
+import './_getTag-CQF_pbAy.js';
+import './_baseEach-BZTpzMLN.js';
+import './ComboboxContent-DvYccsSh.js';
+import './ComboboxContentSearch-DYvJ9-oV.js';
+import './ComboboxContentList-D8fiuD5T.js';
+import './ComboboxOption-BBzdKdAC.js';
+import './ComboboxLoadMore-CFqi-mB-.js';
+import './ComboboxContentHeader-CfCFfJPq.js';
+import './useRefocusOnActivator-BKvAL2ta.js';
+import './useFocusTrap-bfeaAEuz.js';
+import './ComboboxAction-CRlhP9z6.js';
+import './ComboboxTrigger-DuXuKIOY.js';
+import './noop-CiNHwMe8.js';
+import './ComboboxActivator-CjGJj4tW.js';
 import '@std-proposal/temporal';
-import './index-CYDeRSPR.js';
-import './DataList-e4LC8EGH.js';
-import './DataListTotalCount-DY68PEEp.js';
-import './DataListLoadingState-DnyZ9SSz.js';
-import './DataListContext-C6THwi_D.js';
-import './useActiveLayout-Bff7QmWG.js';
-import './useResponsiveSizing-BjlYJj_m.js';
-import './DataList.const-D3LDCv2q.js';
-import './DataListLayout-CM-pfJ7N.js';
-import './DataListItems-fD9O4PsZ.js';
-import './DataListLayoutContext-oqz9R5RT.js';
-import './DataListItem-B42toyhj.js';
-import './DataListItemActions-CWt4l8Fm.js';
-import './DataListActions-CPh7mRhK.js';
-import './DataListOverflowFade-ZHRE9RRF.js';
-import './DataList.utils-CgmNZt0N.js';
-import './DataListTags-BAYoellv.js';
-import './DataListHeaderTile-C57I0k8X.js';
-import './DataListSortingOptions-DgGs1Yz2.js';
-import './DataListLayoutContext-C8EPWddZ.js';
-import './DataListItemActionsOverflow-DeL2kMAb.js';
-import './DataListActionsMenu-fjkqAXz9.js';
-import './useBatchSelect-Cb4VI0SM.js';
-import './DataListItemClickable-U_YeN0b-.js';
-import './DataListHeader-rvkmS8td.js';
-import './DataListBulkActions-C1s4DVTC.js';
-import './DataListFilters-qIc0DfSk.js';
-import './DataListSort-CRMxRvuF.js';
-import './DataListStickyHeader-Cg0GF9j-.js';
-import './DataListSearch-BvDYOv_9.js';
-import './DataListEmptyState-DGhF06o_.js';
-import './DataListLoadMore-DYAvzgOi.js';
-import './DataListAction-Bt4wmF0V.js';
-import './DataListLayoutActions-BmJOAhgN.js';
-import './DataListStatusBar-C5anoMLB.js';
-import './_baseAssignValue-Cn-Nm69K.js';
+import './index-DN6ehSy0.js';
+import './DataList-B2Ro3dIJ.js';
+import './DataListTotalCount-BqD5VxXa.js';
+import './DataListLoadingState-CtkZX3-x.js';
+import './DataListContext-BONiWdzX.js';
+import './useActiveLayout-DVVSQ-0Z.js';
+import './useResponsiveSizing-C8rE-xm1.js';
+import './DataList.const-BVqcPkpX.js';
+import './DataListLayout-BQ2GF_l4.js';
+import './DataListItems-CDTZUT6O.js';
+import './DataListLayoutContext-DIs5FEtJ.js';
+import './DataListItem-BUS1gtDI.js';
+import './DataListItemActions-BRxyqEyb.js';
+import './DataListActions-Dd605_hq.js';
+import './DataListOverflowFade-hKTuzcTz.js';
+import './DataList.utils-Dawo0aa-.js';
+import './DataListTags-Bmgao6_3.js';
+import './DataListHeaderTile-CSEQQLSt.js';
+import './DataListSortingOptions-De1xI_mp.js';
+import './DataListLayoutContext-WnZdFL7X.js';
+import './DataListItemActionsOverflow-BbKEXpyh.js';
+import './DataListActionsMenu-F4cFv1ax.js';
+import './useBatchSelect-TIdF40FB.js';
+import './DataListItemClickable-CdKGwSEn.js';
+import './DataListHeader-D4aG-ki3.js';
+import './DataListBulkActions-Ba0LawZK.js';
+import './DataListFilters-CAQViUiG.js';
+import './DataListSort-BPgDYDK5.js';
+import './DataListStickyHeader-G9CSKOI6.js';
+import './DataListSearch-7bJ4YqtL.js';
+import './DataListEmptyState-DDPZrh3Y.js';
+import './DataListLoadMore-C1WERP57.js';
+import './DataListAction-Bs3FtpMo.js';
+import './DataListLayoutActions-BM2mTAv0.js';
+import './DataListStatusBar-8eg_33Nn.js';
+import './_baseAssignValue-CMAt3UhR.js';
 import 'filesize';
-import './InternalGridCell-BNKTr3E5.js';
+import './InternalGridCell-ycYw8c6D.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-C8BVn0L5.js → isObjectLike-CtDU20ss.js}

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

package/dist/{isObjectLike-DMv7rkP3.js → isObjectLike-Df2lodes.js}

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

package/dist/{isSymbol-Bu0pjdaQ.js → isSymbol-D7K5ON8L.js}

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

package/dist/{isSymbol-CJUuvcUv.js → isSymbol-Dq_4lH3A.js}

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

package/dist/{noop-CS9EEEma.js → noop-CiNHwMe8.js}

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

package/dist/{noop-C1EFXTCa.js → noop-CrQ5qq7s.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjI7jxHZ.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-C7CT7ZnR.js → useActiveLayout-BEWUzI6I.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BHph8mkd.js');
-var DataListContext = require('./DataListContext-DKsEgTdw.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DgdoYgkn.js');
+var DataListContext = require('./DataListContext-keTgFNvv.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-Bff7QmWG.js → useActiveLayout-DVVSQ-0Z.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-BjlYJj_m.js';
-import { u as useDataListContext } from './DataListContext-C6THwi_D.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-C8rE-xm1.js';
+import { u as useDataListContext } from './DataListContext-BONiWdzX.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-DvJYxOJz.js → useAssert-BNIHT9_e.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-7HnGSPBC.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DxRyKYoI.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BU0995Qc.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-BUBN7HW7.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-BEetFyK6.js → useAssert-oQRdECre.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
-var _polyfillNode_process = require('./_polyfill-node.process-8h0cucTg.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjI7jxHZ.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BYckUdqD.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-BQ8PJB7T.js → useBatchSelect-BKLkKI__.js}

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

package/dist/{useBatchSelect-Cb4VI0SM.js → useBatchSelect-TIdF40FB.js}

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

package/dist/{useIsMounted-qY-fClyz.js → useIsMounted-Ct-pu3MO.js}

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

package/dist/{useIsMounted-BP-PXkst.js → useIsMounted-DqEM0Exv.js}

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

package/dist/{useResizeObserver-DBzZI22o.js → useResizeObserver--Hq5NVxA.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DjI7jxHZ.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BAc8jx9V.js');
-var isObjectLike = require('./isObjectLike-C8BVn0L5.js');
+var debounce$1 = require('./debounce-CIgJ0zDw.js');
+var isObjectLike = require('./isObjectLike-CtDU20ss.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-Cjpm8rmz.js → useResizeObserver-a3dVd6W_.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-7HnGSPBC.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BU0995Qc.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-C_8MNZvc.js';
-import { b as isObject_1 } from './isObjectLike-DMv7rkP3.js';
+import { a as debounce_1 } from './debounce-BFOiFt5k.js';
+import { b as isObject_1 } from './isObjectLike-Df2lodes.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-BjlYJj_m.js → useResponsiveSizing-C8rE-xm1.js}

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

package/dist/{useResponsiveSizing-BHph8mkd.js → useResponsiveSizing-DgdoYgkn.js}

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