@jobber/components 5.11.0 → 5.12.0

package/dist/index.mjs

@@ -1,162 +1,162 @@
-export { A as AnimatedPresence } from './AnimatedPresence-CK1SQiaT.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-DAghBrWm.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CPIlh3qG.js';
-export { A as Autocomplete } from './Autocomplete-DMVVLcTP.js';
-export { A as Avatar } from './Avatar-DefSeSX5.js';
-export { B as Banner } from './Banner-ByN9z7QO.js';
-export { B as Box } from './Box-CK_jmhKX.js';
-export { B as Button } from './Button-D1Nl8eFV.js';
-export { B as ButtonDismiss } from './ButtonDismiss-CJzdAhsU.js';
-export { C as Card } from './Card-mfPnlJbi.js';
-export { C as Checkbox } from './Checkbox-B8pdOpwB.js';
-export { C as Chip } from './Chip-DKgiq81G.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-zWL65gln.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-1Y02G3i_.js';
-export { I as Icon } from './Icon-Cqm8KRQs.js';
-export { T as Typography } from './Typography-CPMGPK-a.js';
-export { T as Tooltip } from './Tooltip-DCxZIBYV.js';
-export { C as Chips } from './Chips-B7FgQQ1d.js';
-export { C as Combobox } from './Combobox-CCp3DnbF.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-BQZKaxnr.js';
-export { C as ConfirmationModal } from './ConfirmationModal-jf_ksZvH.js';
-export { C as Content } from './Content-CwIE879S.js';
-export { C as Countdown } from './Countdown-CeP9q52c.js';
-export { D as DataDump } from './DataDump-CKztrqT_.js';
-export { D as DataList } from './DataList-BnjUiDoj.js';
-export { D as DataTable } from './DataTable-C33g99NR.js';
-import './useResizeObserver-C2eqPBbF.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-CXkVTnxp.js';
-export { D as DescriptionList } from './DescriptionList-86Aheoed.js';
-export { D as Disclosure } from './Disclosure-DJvEzGhR.js';
-export { D as Divider } from './Divider-Cs6FuGfo.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-ni__xenJ.js';
-export { E as Emphasis } from './Emphasis-DA4tW0oO.js';
-export { F as FeatureSwitch } from './FeatureSwitch-UGB1RuG8.js';
-export { F as Flex } from './Flex-B9ElSsrT.js';
-export { F as Form } from './Form-CpKNg_8S.js';
-export { F as FormField } from './FormField-DcMCUJf9.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-DEWiZuhv.js';
-export { F as FormatEmail } from './FormatEmail-DxU-f4xc.js';
-export { F as FormatFile } from './FormatFile-DYAVG-zT.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DHGQnDLz.js';
-export { F as FormatTime } from './FormatTime-D66uqdrW.js';
-export { G as Gallery } from './Gallery-DK7eoywz.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CB9AAwYA.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-blqRlhW3.js';
-export { H as Heading } from './Heading-C--rNVSj.js';
-export { I as InlineLabel } from './InlineLabel-DvhdRbPU.js';
-export { I as InputAvatar } from './InputAvatar-tEPi1g3I.js';
-export { I as InputDate } from './InputDate-DswXTITe.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CgW_pNMu.js';
-export { I as InputFile, u as updateFiles } from './InputFile-BgqGe3n2.js';
-export { I as InputGroup } from './InputGroup-DQ5eUg9Q.js';
-export { I as InputNumber } from './InputNumber-fNzZ_6en.js';
-export { I as InputPassword } from './InputPassword-CufVUK5A.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-SrpvxuJ_.js';
-export { I as InputText } from './InputText-DXsJgROH.js';
-export { I as InputTime } from './InputTime-D8dowZIb.js';
-export { I as InputValidation } from './InputValidation-B-Lr3_tT.js';
-export { L as LightBox } from './LightBox-ChtA7ZqU.js';
-export { L as Link } from './Link-BBkNP9u-.js';
-export { L as List, a as ListItem } from './List-BF7_F0Gb.js';
-export { M as Markdown } from './Markdown-Cz5U2zlZ.js';
-export { M as Menu } from './Menu-cTTLmoPK.js';
-export { M as Modal } from './Modal-DM0D1yyK.js';
-export { M as MultiSelect } from './MultiSelect-DN7Czdcy.js';
-export { P as Page } from './Page-Cnj45brs.js';
-export { P as Popover } from './Popover-DBHBOiwE.js';
-export { P as ProgressBar } from './ProgressBar-D06yrUri.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-CO6TAUBS.js';
-export { R as RecurringSelect } from './RecurringSelect-BDMS2cZA.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CuKT54hM.js';
-export { a as Option, S as Select } from './Option-CJQw3ohr.js';
-export { S as SideDrawer } from './SideDrawer-Cwyvsm5Y.js';
-export { S as Spinner } from './Spinner-B9UIT0G5.js';
-export { S as StatusIndicator } from './StatusIndicator-CTmlnvlz.js';
-export { S as StatusLabel } from './StatusLabel-1yqLHpSh.js';
-export { S as Switch } from './Switch-BNQv5IPe.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-DyCG2oeq.js';
-export { a as Tab, T as Tabs } from './Tabs-CeM8e2Ff.js';
-export { T as Text } from './Text-BBOi4ZNp.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-7RZhiWZm.js';
-import './debounce-CpJQqQw-.js';
-import './_commonjsHelpers-qqP-oTwR.js';
-import './isObjectLike-Lvxbq7zr.js';
-import './isSymbol-DJxwLMmm.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-CqyPoqjw.js';
-import './useSafeLayoutEffect-319318fT.js';
-import './useIsMounted-BMC4zYNy.js';
+import './useOnKeyDown-Bn3yJp2v.js';
+import './useSafeLayoutEffect-ndpgTq7-.js';
+import './useIsMounted-C9OyDyfz.js';
 import 'color';
-import './BannerIcon-Ds0nb9IX.js';
+import './BannerIcon-BkT2qZ3p.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-CjhUP8KX.js';
-import './useChildComponent-CNLogHCh.js';
-import './_polyfill-node.process-4ER99p2V.js';
-import './InternalChipDismissible-BfO_9edl.js';
-import './useScrollToActive-Fv_vRDKS.js';
-import './_setToString-DmoSw7FF.js';
-import './_defineProperty-CIDUQDMa.js';
-import './_getTag-Bm2CdA7U.js';
-import './_baseEach-Bwh0zWRI.js';
-import './ComboboxContent-Bmnam3OR.js';
-import './ComboboxContentSearch-PEkpOo5m.js';
-import './ComboboxContentList-BNkeFaVE.js';
-import './ComboboxOption-DiE5KxKV.js';
-import './ComboboxLoadMore-ClZN8gcy.js';
-import './ComboboxContentHeader-B-1of_5V.js';
-import './useRefocusOnActivator-DT5qHsLH.js';
-import './useFocusTrap-hzWdB2fN.js';
-import './ComboboxAction-CiXyqTvL.js';
-import './ComboboxTrigger-Bdm1l_sA.js';
-import './noop-B-JWMU5W.js';
-import './ComboboxActivator-DuYQzCdQ.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-C2Ta-MH3.js';
-import './DataList-CVYSPBx9.js';
-import './DataListTotalCount-D4fq5vbD.js';
-import './DataListLoadingState-Dg0K61B2.js';
-import './DataListContext-BfPGFcfi.js';
-import './useActiveLayout-B1ZaO2du.js';
-import './useResponsiveSizing-D9ZexwxR.js';
-import './DataList.const-QVpLnaMg.js';
-import './DataListLayout-BbFdnf3r.js';
-import './DataListItems-CKumMsVv.js';
-import './DataListLayoutContext-DQAOwW7L.js';
-import './DataListItem-SZalm4Vf.js';
-import './DataListItemActions-CpUbsyth.js';
-import './DataListActions-CGAOuYly.js';
-import './DataListOverflowFade-Dhqarsdq.js';
-import './DataList.utils-C24oJr-i.js';
-import './DataListTags-CZ4xKQJR.js';
-import './DataListHeaderTile-B5RtcLvl.js';
-import './DataListSortingOptions-DEogOulA.js';
-import './DataListLayoutContext-CmdZZxfp.js';
-import './DataListItemActionsOverflow-eFJKIA2P.js';
-import './DataListActionsMenu-DMcEfnh4.js';
-import './useBatchSelect-D1yYd83W.js';
-import './DataListItemClickable-BiZUkXIB.js';
-import './DataListHeader-BJAgZv2p.js';
-import './DataListBulkActions-Coz3ssNp.js';
-import './DataListFilters-D4d-dtS4.js';
-import './DataListSort-BP_FN0WP.js';
-import './DataListStickyHeader-CWcye6dN.js';
-import './DataListSearch-X1nw3x-G.js';
-import './DataListEmptyState-DfhETUvm.js';
-import './DataListLoadMore-DrC2LCQ6.js';
-import './DataListAction-CMmUIOHV.js';
-import './DataListLayoutActions-ScMedubn.js';
-import './DataListStatusBar-k4A_QEP_.js';
-import './_baseAssignValue-DpKPuVtc.js';
-import './useFormFieldFocus-f6SspGfA.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-B5JePZfk.js';
+import './InternalGridCell-BI2wrl_g.js';
 import 'axios';
 import '@jobber/formatters';

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

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

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

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

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

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

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

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

package/dist/{noop-B-JWMU5W.js → noop-AQ1tW29S.js}

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

package/dist/{noop-DfQimD-3.js → noop-BOYeKegs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-WnPwkoVA.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%);
@@ -6676,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;
@@ -7427,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;
 }
 
@@ -8097,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);
@@ -8414,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- {
@@ -8431,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);
@@ -8440,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;
@@ -8562,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 */
@@ -8582,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-C2tZHA4i.js → useActiveLayout-DIuQn03b.js}

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

package/dist/{useActiveLayout-B1ZaO2du.js → useActiveLayout-DanHnygw.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-D9ZexwxR.js';
-import { u as useDataListContext } from './DataListContext-BfPGFcfi.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-1Y02G3i_.js → useAssert-BxWQiOqQ.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-qqP-oTwR.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-4ER99p2V.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-emsMG85h.js → useAssert-f0TnoTGg.js}

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

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

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

package/dist/{useBatchSelect-D1yYd83W.js → useBatchSelect-DPZlqdld.js}

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