@jobber/components 5.10.1 → 5.12.0

package/dist/index.mjs

@@ -1,162 +1,162 @@
-export { A as AnimatedPresence } from './AnimatedPresence-DLvRtLhK.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-DjlrSIR-.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BIw-EWqX.js';
-export { A as Autocomplete } from './Autocomplete-D0oJm4a3.js';
-export { A as Avatar } from './Avatar-BktTz4oT.js';
-export { B as Banner } from './Banner-CPqwF-WC.js';
-export { B as Box } from './Box-CbWGc_jC.js';
-export { B as Button } from './Button-acSM7UYl.js';
-export { B as ButtonDismiss } from './ButtonDismiss-Wkz0Djfy.js';
-export { C as Card } from './Card-DTQD83jC.js';
-export { C as Checkbox } from './Checkbox-BBjHMpqu.js';
-export { C as Chip } from './Chip-cAKBn631.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DbMAc2ra.js';
+export { A as AnimatedPresence } from './AnimatedPresence-BTqHYLL4.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-eBEb8tzm.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-MqbxQaZh.js';
+export { A as Autocomplete } from './Autocomplete-CbGTck76.js';
+export { A as Avatar } from './Avatar-BzNNI2-g.js';
+export { B as Banner } from './Banner-Dw0X_kmM.js';
+export { B as Box } from './Box-CneeUizP.js';
+export { B as Button } from './Button-DIu8woBI.js';
+export { B as ButtonDismiss } from './ButtonDismiss-Db6Czg_O.js';
+export { C as Card } from './Card-C90klbVQ.js';
+export { C as Checkbox } from './Checkbox-DRttk3xg.js';
+export { C as Chip } from './Chip-BztW53_K.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DC3gdz1w.js';
 import 'react';
 import 'classnames';
-import './useAssert-B8KY0mYk.js';
-export { I as Icon } from './Icon-Cj4Xz7cR.js';
-export { T as Typography } from './Typography-C_Gl9If1.js';
-export { T as Tooltip } from './Tooltip-Btl8M5an.js';
-export { C as Chips } from './Chips-BkPXo-N-.js';
-export { C as Combobox } from './Combobox-pm8xtH4o.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-CQc-iLTy.js';
-export { C as ConfirmationModal } from './ConfirmationModal-B5oweLSE.js';
-export { C as Content } from './Content-CLJaonkJ.js';
-export { C as Countdown } from './Countdown-BR913ry5.js';
-export { D as DataDump } from './DataDump-Drmv_YBy.js';
-export { D as DataList } from './DataList-DGRm5b-Q.js';
-export { D as DataTable } from './DataTable-DsUer5au.js';
-import './useResizeObserver-CiTvhix7.js';
+import './useAssert-BxWQiOqQ.js';
+export { I as Icon } from './Icon-Dh8K_yZd.js';
+export { T as Typography } from './Typography-DbxLi7l1.js';
+export { T as Tooltip } from './Tooltip-DatY51Ci.js';
+export { C as Chips } from './Chips-BctDBc4C.js';
+export { C as Combobox } from './Combobox-IU_BVrLg.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-Ct64HNHP.js';
+export { C as ConfirmationModal } from './ConfirmationModal-Bk9jVi6O.js';
+export { C as Content } from './Content-DTJYoYxA.js';
+export { C as Countdown } from './Countdown-B1Ay-HH1.js';
+export { D as DataDump } from './DataDump-DmOV17Dw.js';
+export { D as DataList } from './DataList-COLfIv0C.js';
+export { D as DataTable } from './DataTable-CkSwZFEr.js';
+import './useResizeObserver-uJbKq0tQ.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-DNWPlNhO.js';
-export { D as DescriptionList } from './DescriptionList-DYQH6-xU.js';
-export { D as Disclosure } from './Disclosure-BzVDoy7n.js';
-export { D as Divider } from './Divider-CqiUDqnn.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-zqu_GKBC.js';
-export { E as Emphasis } from './Emphasis-cmoH_v_w.js';
-export { F as FeatureSwitch } from './FeatureSwitch-BWH8oOXz.js';
-export { F as Flex } from './Flex-BY15tqpT.js';
-export { F as Form } from './Form-DMAmheiI.js';
-export { F as FormField } from './FormField-CIvJlcSy.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-Gi-YVVfU.js';
-export { F as FormatEmail } from './FormatEmail-CtQG9Qog.js';
-export { F as FormatFile } from './FormatFile-CKIBzi1G.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-C_-L85Gz.js';
-export { F as FormatTime } from './FormatTime-DreSQj5d.js';
-export { G as Gallery } from './Gallery-BGweQm4l.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BAQGizXL.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-C9MnRWa3.js';
-export { H as Heading } from './Heading-BaGG35oe.js';
-export { I as InlineLabel } from './InlineLabel-Bf5znBm8.js';
-export { I as InputAvatar } from './InputAvatar-Df8QFum-.js';
-export { I as InputDate } from './InputDate-DG8CKrHl.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-BDSZ8V7q.js';
-export { I as InputFile, u as updateFiles } from './InputFile-DQykLGnb.js';
-export { I as InputGroup } from './InputGroup-BgNjzFgG.js';
-export { I as InputNumber } from './InputNumber-DbXKccpi.js';
-export { I as InputPassword } from './InputPassword-DzRCzUQo.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-C5AXKhV1.js';
-export { I as InputText } from './InputText-_QGfkwOw.js';
-export { I as InputTime } from './InputTime-njLbcUxm.js';
-export { I as InputValidation } from './InputValidation-B6CCOrEv.js';
-export { L as LightBox } from './LightBox-DpHJ6Ep_.js';
-export { L as Link } from './Link-ByMjXXvw.js';
-export { L as List, a as ListItem } from './List-BFgPklpi.js';
-export { M as Markdown } from './Markdown-Dq71VtAT.js';
-export { M as Menu } from './Menu-BcevGeeu.js';
-export { M as Modal } from './Modal-CQOEIZ10.js';
-export { M as MultiSelect } from './MultiSelect-BHbX-E-f.js';
-export { P as Page } from './Page-BZQ23uIh.js';
-export { P as Popover } from './Popover-jm604FB0.js';
-export { P as ProgressBar } from './ProgressBar-C8RKQ7Kc.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-CtgqMYjG.js';
-export { R as RecurringSelect } from './RecurringSelect-BFpoEPla.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BPBIfwH_.js';
-export { a as Option, S as Select } from './Option-B5vB-bUu.js';
-export { S as SideDrawer } from './SideDrawer-DyMC0oZX.js';
-export { S as Spinner } from './Spinner-CXUs73L2.js';
-export { S as StatusIndicator } from './StatusIndicator-CD1AckjJ.js';
-export { S as StatusLabel } from './StatusLabel-xvrQlUp1.js';
-export { S as Switch } from './Switch-YWigAynE.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-BejNYB7Q.js';
-export { a as Tab, T as Tabs } from './Tabs-DM6W0iSC.js';
-export { T as Text } from './Text-BVW7dHjH.js';
+export { D as DatePicker } from './DatePicker-BUephr9s.js';
+export { D as DescriptionList } from './DescriptionList-fn_sWItm.js';
+export { D as Disclosure } from './Disclosure-Eua_9jHC.js';
+export { D as Divider } from './Divider-BvL-ZYHI.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-BRDwFg7b.js';
+export { E as Emphasis } from './Emphasis-DBZYX10y.js';
+export { F as FeatureSwitch } from './FeatureSwitch-DLV3OnkP.js';
+export { F as Flex } from './Flex-Dwc25RRt.js';
+export { F as Form } from './Form-De2xM3P7.js';
+export { F as FormField } from './FormField-DoVeD-Yr.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-BYdjCxPT.js';
+export { F as FormatEmail } from './FormatEmail-CluaPEug.js';
+export { F as FormatFile } from './FormatFile-DwwZN9Nf.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CAR9LcYD.js';
+export { F as FormatTime } from './FormatTime-BaW6Qh1h.js';
+export { G as Gallery } from './Gallery-C0FkRoTb.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Djr_Yyaa.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-CVSBdilc.js';
+export { H as Heading } from './Heading-nksu2YDx.js';
+export { I as InlineLabel } from './InlineLabel-A4IKFdWO.js';
+export { I as InputAvatar } from './InputAvatar-D2H0pbru.js';
+export { I as InputDate } from './InputDate-Cj7hU5xv.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-C90gwDfo.js';
+export { I as InputFile, u as updateFiles } from './InputFile-PTYkO0t5.js';
+export { I as InputGroup } from './InputGroup-B8P5TQ-N.js';
+export { I as InputNumber } from './InputNumber-DaiEMXpM.js';
+export { I as InputPassword } from './InputPassword-Rrk7RFUS.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-DWg6fAIr.js';
+export { I as InputText } from './InputText-DcaZMfiR.js';
+export { I as InputTime } from './InputTime-D3qaelOE.js';
+export { I as InputValidation } from './InputValidation-BEJ0zNne.js';
+export { L as LightBox } from './LightBox-Yq3VHk-j.js';
+export { L as Link } from './Link-BKgZoczm.js';
+export { L as List, a as ListItem } from './List-D3XaDCIO.js';
+export { M as Markdown } from './Markdown-2bJpJaIc.js';
+export { M as Menu } from './Menu-B6Ka8i_L.js';
+export { M as Modal } from './Modal-DacA6BqI.js';
+export { M as MultiSelect } from './MultiSelect-0mzf4QJ0.js';
+export { P as Page } from './Page-auFC4Din.js';
+export { P as Popover } from './Popover-BfmQFhuE.js';
+export { P as ProgressBar } from './ProgressBar-BBIOR5C_.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-0OvwqAJp.js';
+export { R as RecurringSelect } from './RecurringSelect-DxO9KdA7.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BgLjiRF2.js';
+export { a as Option, S as Select } from './Option-JU5pq_BM.js';
+export { S as SideDrawer } from './SideDrawer-Doix8FjZ.js';
+export { S as Spinner } from './Spinner-CfXufd99.js';
+export { S as StatusIndicator } from './StatusIndicator-C3o4gvxS.js';
+export { S as StatusLabel } from './StatusLabel-D8l_Hw6W.js';
+export { S as Switch } from './Switch-DWUneRBW.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-D5cspvIU.js';
+export { a as Tab, T as Tabs } from './Tabs-Jv_Af73l.js';
+export { T as Text } from './Text-CeTEU5FJ.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-CgiFWwQa.js';
-import './debounce-BLDXZ211.js';
-import './_commonjsHelpers-E5-HOhA6.js';
-import './isObjectLike-DlzBHngH.js';
-import './isSymbol-BrdD8PqA.js';
+import './tslib.es6-BJxEp6YK.js';
+import './debounce-CTycFwQ7.js';
+import './_commonjsHelpers-hZKvD3QA.js';
+import './isObjectLike-WytokQfh.js';
+import './isSymbol-9ZswF0VM.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-BlYhZZOF.js';
-import './useSafeLayoutEffect-GjiILhWs.js';
-import './useIsMounted-lgZ5PQdX.js';
+import './useOnKeyDown-Bn3yJp2v.js';
+import './useSafeLayoutEffect-ndpgTq7-.js';
+import './useIsMounted-C9OyDyfz.js';
 import 'color';
-import './BannerIcon-D7z7JRJ7.js';
+import './BannerIcon-BkT2qZ3p.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-CA6Rrao3.js';
-import './useChildComponent-omv4bpl6.js';
-import './_polyfill-node.process-DDAoVSuq.js';
-import './InternalChipDismissible-Cb_n8kRJ.js';
-import './useScrollToActive-C_yGUh3j.js';
-import './_setToString-CQt6cnCm.js';
-import './_defineProperty-BPkaiLpk.js';
-import './_getTag-C5eQcMph.js';
-import './_baseEach-DvPZDUE2.js';
-import './ComboboxContent-Cao6utXm.js';
-import './ComboboxContentSearch-XTxaVbGI.js';
-import './ComboboxContentList-CDwo2ZNu.js';
-import './ComboboxOption-md0mYg5n.js';
-import './ComboboxLoadMore-B8W8gjwn.js';
-import './ComboboxContentHeader-BS4XzAXY.js';
-import './useRefocusOnActivator-DjW9eW4Z.js';
-import './useFocusTrap-_0spfVOc.js';
-import './ComboboxAction-C8VyMZ9Q.js';
-import './ComboboxTrigger-B5YK7rxQ.js';
-import './noop-B5AtTTKb.js';
-import './ComboboxActivator-CC633p4B.js';
+import './useInView-aKoEDqQV.js';
+import './useChildComponent-B5VQBZza.js';
+import './_polyfill-node.process-nHWMg7zO.js';
+import './InternalChipDismissible-DePvHsOW.js';
+import './useScrollToActive-CXqaDslY.js';
+import './_setToString-BMlAuqwl.js';
+import './_defineProperty-qZufxncM.js';
+import './_getTag-BgnFOYSA.js';
+import './_baseEach-Sn_IEyV7.js';
+import './ComboboxContent-CxMNXB8T.js';
+import './ComboboxContentSearch-DYtnRZa7.js';
+import './ComboboxContentList-zF2lVTHr.js';
+import './ComboboxOption-NeGK1ifW.js';
+import './ComboboxLoadMore-DXz_t8Dx.js';
+import './ComboboxContentHeader-mdfFU61Q.js';
+import './useRefocusOnActivator-BvpwlQes.js';
+import './useFocusTrap-Agx6eowS.js';
+import './ComboboxAction-B5MgCrBj.js';
+import './ComboboxTrigger-C_fuOd0q.js';
+import './noop-AQ1tW29S.js';
+import './ComboboxActivator-C3X9Py9h.js';
 import '@std-proposal/temporal';
-import './index-CA40S1il.js';
-import './DataList-Dbk_OPE-.js';
-import './DataListTotalCount-B8-62k1r.js';
-import './DataListLoadingState-drfr214H.js';
-import './DataListContext-BDZhp_aV.js';
-import './useActiveLayout-ST-k23AK.js';
-import './useResponsiveSizing-B4jZbnyh.js';
-import './DataList.const-B3IKY850.js';
-import './DataListLayout-BFO-xNC2.js';
-import './DataListItems-ChELfyTS.js';
-import './DataListLayoutContext-C9Q-suMz.js';
-import './DataListItem-Bs-L6uOb.js';
-import './DataListItemActions-qbDgD-f6.js';
-import './DataListActions-DdV7M4Aj.js';
-import './DataListOverflowFade-Sp15wh1j.js';
-import './DataList.utils-BRec7uKB.js';
-import './DataListTags-CdeTsYXu.js';
-import './DataListHeaderTile-DbACKjVY.js';
-import './DataListSortingOptions-Cfgy4TMe.js';
-import './DataListLayoutContext-Dv78Tz1K.js';
-import './DataListItemActionsOverflow-CiSud1oo.js';
-import './DataListActionsMenu-BOxZhPmK.js';
-import './useBatchSelect-VlJ-WWt0.js';
-import './DataListItemClickable-B32G_83R.js';
-import './DataListHeader-Dn6FQiA0.js';
-import './DataListBulkActions-D4MCpDid.js';
-import './DataListFilters-DAjc84Kf.js';
-import './DataListSort-DdNrHE0s.js';
-import './DataListStickyHeader-B_04ezM5.js';
-import './DataListSearch-Bo2MnVNN.js';
-import './DataListEmptyState-B5cGppX-.js';
-import './DataListLoadMore-BXBK9ngF.js';
-import './DataListAction-DzFVmzcG.js';
-import './DataListLayoutActions-D-6_rMOM.js';
-import './DataListStatusBar-BpLhkgb0.js';
-import './_baseAssignValue-CKEwqdrj.js';
-import './useFormFieldFocus-DtElPru8.js';
+import './index-CZNSdNUj.js';
+import './DataList-DmnY3d0r.js';
+import './DataListTotalCount-wB0TLsbV.js';
+import './DataListLoadingState-ayzua26s.js';
+import './DataListContext-oNFp4cB5.js';
+import './useActiveLayout-DanHnygw.js';
+import './useResponsiveSizing-DjxpqjZh.js';
+import './DataList.const-DyHVdi7i.js';
+import './DataListLayout-XHcnDz-r.js';
+import './DataListItems-D0NlG4dm.js';
+import './DataListLayoutContext-BDo1uIZe.js';
+import './DataListItem-Ct8y_x9C.js';
+import './DataListItemActions-DwthvWk0.js';
+import './DataListActions-ChHkaW1a.js';
+import './DataListOverflowFade-D2G1ywoa.js';
+import './DataList.utils-Cef1_8dA.js';
+import './DataListTags-2Fd-ekGJ.js';
+import './DataListHeaderTile-BL-NLSvQ.js';
+import './DataListSortingOptions-DIVuE22_.js';
+import './DataListLayoutContext-BjRIs5Ja.js';
+import './DataListItemActionsOverflow-C5uzphgq.js';
+import './DataListActionsMenu-Cctm057n.js';
+import './useBatchSelect-DPZlqdld.js';
+import './DataListItemClickable-Dc93cpAl.js';
+import './DataListHeader-BoW-N0YF.js';
+import './DataListBulkActions-By9vy8Gr.js';
+import './DataListFilters-24nk3y2e.js';
+import './DataListSort-ubpHWqhw.js';
+import './DataListStickyHeader-DNXHXAxX.js';
+import './DataListSearch-Dj4ZgLdO.js';
+import './DataListEmptyState-Bd_96Pex.js';
+import './DataListLoadMore-D2x5PxIV.js';
+import './DataListAction-BBHdK7aS.js';
+import './DataListLayoutActions-BwKfW0TA.js';
+import './DataListStatusBar-P0R_cO6w.js';
+import './_baseAssignValue-CGVSLpoa.js';
+import './useFormFieldFocus-BJZNo2h6.js';
 import 'filesize';
-import './InternalGridCell-UvB-OnGj.js';
+import './InternalGridCell-BI2wrl_g.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-PiQOOdrO.js → isObjectLike-B7qv-K-t.js}

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

package/dist/{isObjectLike-DlzBHngH.js → isObjectLike-WytokQfh.js}

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

package/dist/{isSymbol-BrdD8PqA.js → isSymbol-9ZswF0VM.js}

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

package/dist/{isSymbol-DbnyhpW9.js → isSymbol-CXoKzKhv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-PiQOOdrO.js');
+var isObjectLike$1 = require('./isObjectLike-B7qv-K-t.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{noop-B5AtTTKb.js → noop-AQ1tW29S.js}

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

package/dist/{noop-BAOqvPMe.js → noop-BOYeKegs.js}

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

package/dist/styles.css

@@ -494,7 +494,7 @@
 
   --field--placeholder-color: var(--color-base-blue--600);
   --field--value-color: var(--color-heading);
-  --field--border-color: var(--color-border);
+  --field--border-color: var(--color-border--interactive);
 
   --postfix-right: var(--space-base);
 }
@@ -1057,7 +1057,7 @@ a.U9VsquOtk2I-:active {
 .pf6G840lKdA-,
 .vDKO-cmh8vY-.FXqN12jWtPo- {
   border-color: hsl(200, 13%, 87%);
-  border-color: var(--color-border);
+  border-color: var(--color-border--interactive);
 }
 
 .vDKO-cmh8vY-.FXqN12jWtPo-:hover,
@@ -1454,7 +1454,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   font-size: var(--avatar-size);
   -webkit-font-smoothing: antialiased;
   background: no-repeat center center hsl(197, 15%, 45%);
-  background: no-repeat center center var(--color-greyBlue);
+  background: no-repeat center center var(--color-base-blue--600);
   background-size: cover;
 }
 
@@ -1476,7 +1476,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .S1iBGElfOUA- {
   color: rgba(255, 255, 255, 1);
-  color: var(--color-text--reverse);
+  color: var(--color-base-white);
 }
 
 .ErPhpHHpiBQ- {
@@ -1500,7 +1500,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: calc(calc(16px * 2) - (calc(16px / 16) * 2));
   height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
   box-shadow: 0 0 0 calc(16px / 8) rgba(255, 255, 255, 1) inset;
-  box-shadow: 0 0 0 var(--border-thick) var(--color-white) inset;
+  box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
   border-style: solid;
   border-width: calc(16px / 16);
   border-width: var(--avatar-border-size);
@@ -2480,7 +2480,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(--color-border--interactive);
   --checkbox--border--hover: var(--color-interactive);
   display: inline-block;
 }
@@ -2737,7 +2737,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .Mux23dmZSuw- {
   border: calc(16px / 16) solid hsl(200, 13%, 87%);
-  border: var(--border-base) solid var(--color-border);
+  border: var(--border-base) solid var(--color-border--interactive);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   --chip--gradient-color-variation: var(--color-surface);
@@ -3005,7 +3005,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc(16px / 2);
   padding: var(--space-small);
   border: calc(16px / 16) solid hsl(200, 13%, 87%);
-  border: var(--border-base) solid var(--color-border);
+  border: var(--border-base) solid var(--color-border--interactive);
   border-radius: calc(8px * 3);
   border-radius: var(--radius-larger);
   color: hsl(197, 15%, 45%);
@@ -6164,6 +6164,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border-radius: var(--radius-base);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
 }
 ._8kgzU28z2Eo-._1Z7yDS-JQa0- {
   box-shadow: none;
@@ -6674,7 +6676,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   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: var(--border-thick) solid var(--color-border--interactive);
   border-radius: 16px;
   border-radius: var(--switch--pipSize);
   overflow: hidden;
@@ -7425,10 +7427,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 .WHhHWgaoXk4- {
   padding: calc(16px * 1);
   padding: var(--space-base);
-  border: hsl(200, 13%, 87%) dashed calc(16px / 8);
-  border: var(--color-border) dashed var(--border-thick);
-  border-radius: calc(8px * 3);
-  border-radius: var(--radius-larger);
+  border: calc(16px / 8) dashed hsl(200, 13%, 87%);
+  border: var(--border-thick) dashed var(--color-border--interactive);
+  border-radius: calc(8px * 2);
+  border-radius: var(--radius-large);
   text-align: center;
 }
 
@@ -8095,7 +8097,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   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: var(--border-thick) solid var(--color-border--interactive);
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -8412,15 +8414,21 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   max-width: 420px;
 }
 
-.ZMrzd2xJCtQ- {
+.ZMrzd2xJCtQ-,
+.f-MKdBvCQXQ-,
+.di7wVz6Zdy8-,
+.ngWetY6itkw-,
+.UXAxYfbJy1Q- {
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+.ZMrzd2xJCtQ- {
   height: 100%;
-  overflow-y: auto;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--sideDrawer--background);
-  -ms-flex-direction: column;
-      flex-direction: column;
 }
 
 .j-us8-p4bfY- {
@@ -8429,8 +8437,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .di7wVz6Zdy8-,
 .UXAxYfbJy1Q- {
-  display: -ms-flexbox;
-  display: flex;
   position: sticky;
   z-index: 1;
   z-index: var(--elevation-base);
@@ -8438,8 +8444,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   padding: var(--sideDrawer--base-padding);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--sideDrawer--background);
-  -ms-flex-direction: column;
-      flex-direction: column;
   transition:
     box-shadow 200ms ease-in-out,
     -webkit-filter 200ms ease-in-out;
@@ -8560,12 +8564,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .ngWetY6itkw- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
   -ms-flex: 1;
       flex: 1;
+  overflow-y: scroll;
 }
 
 /* Adjust `Content` components public padding to match the drawer */
@@ -8580,6 +8581,63 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   --public-content--padding: 0;
 }
 
+.D2c5PtgziXk- .ngWetY6itkw- {
+    -ms-flex-direction: column-reverse;
+        flex-direction: column-reverse;
+  }
+
+.D2c5PtgziXk- .-zW1vxkjXYU- {
+    -ms-flex-order: 1;
+        order: 1;
+  }
+
+.D2c5PtgziXk- .ZTQgpIVUpoQ- {
+    -ms-flex-order: -1;
+        order: -1;
+  }
+
+.P8ODgotVStw- {
+  --transition: var(--timing-base) ease-in-out;
+
+  width: 0;
+  opacity: 0;
+  -webkit-transform: translateX(-8px);
+          transform: translateX(-8px);
+  transition:
+    width 200ms ease-in-out,
+    opacity 200ms ease-in-out,
+    -webkit-transform 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    opacity var(--transition),
+    -webkit-transform var(--transition);
+  transition:
+    width 200ms ease-in-out,
+    transform 200ms ease-in-out,
+    opacity 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    transform var(--transition),
+    opacity var(--transition);
+  transition:
+    width 200ms ease-in-out,
+    transform 200ms ease-in-out,
+    opacity 200ms ease-in-out,
+    -webkit-transform 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    transform var(--transition),
+    opacity var(--transition),
+    -webkit-transform var(--transition);
+}
+
+.P8ODgotVStw-._2HLMHzID71U- {
+    width: 40px;
+    opacity: 1;
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+
 :root {
   --statusLabel-icon-diameter: 8px;
 }

package/dist/{useActiveLayout-DUjyIgm-.js → useActiveLayout-DIuQn03b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing--WNQ-0bC.js');
-var DataListContext = require('./DataListContext-COfauQcR.js');
+var useResponsiveSizing = require('./useResponsiveSizing-Bi6RVjXi.js');
+var DataListContext = require('./DataListContext-DnZXobuz.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-ST-k23AK.js → useActiveLayout-DanHnygw.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-B4jZbnyh.js';
-import { u as useDataListContext } from './DataListContext-BDZhp_aV.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DjxpqjZh.js';
+import { u as useDataListContext } from './DataListContext-oNFp4cB5.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-B8KY0mYk.js → useAssert-BxWQiOqQ.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-E5-HOhA6.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DDAoVSuq.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-hZKvD3QA.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-nHWMg7zO.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-Cm-HfzE1.js → useAssert-f0TnoTGg.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BTa7F8aU.js');
-var _polyfillNode_process = require('./_polyfill-node.process-qh83IHry.js');
+var _commonjsHelpers = require('./_commonjsHelpers-HvomFGm4.js');
+var _polyfillNode_process = require('./_polyfill-node.process-Cy1eytCM.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-BUtwLODp.js → useBatchSelect-CsKQwUG7.js}

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