@jobber/components 5.11.0 → 5.12.1

package/dist/index.mjs

@@ -1,162 +1,163 @@
-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-zd_WhErW.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-DoYMPbaQ.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BrOVZ9g5.js';
+export { A as Autocomplete } from './Autocomplete-DzjrHuc1.js';
+export { A as Avatar } from './Avatar-B_Mg7cRz.js';
+export { B as Banner } from './Banner-D-7Cez1r.js';
+export { B as Box } from './Box-DMAt2KVC.js';
+export { B as Button } from './Button-BEjtnMi3.js';
+export { B as ButtonDismiss } from './ButtonDismiss-DO3kHm68.js';
+export { C as Card } from './Card-CGy-LG70.js';
+export { C as Checkbox } from './Checkbox-DUsHUoBL.js';
+export { C as Chip } from './Chip-CTlneFd7.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DM6LNUbp.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-D0MfwDr3.js';
+export { I as Icon } from './Icon-Dc7AZmIn.js';
+export { T as Typography } from './Typography-CBgV6lts.js';
+export { T as Tooltip } from './Tooltip-CFjVWuPC.js';
+export { C as Chips } from './Chips-BDIk2fBt.js';
+export { C as Combobox } from './Combobox-m14ZnABX.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-BmFT1dFn.js';
+export { C as ConfirmationModal } from './ConfirmationModal-CqwgPqeC.js';
+export { C as Content } from './Content-C9gPjmCx.js';
+export { C as Countdown } from './Countdown-HhnxeXiX.js';
+export { D as DataDump } from './DataDump-Bp-lUTgz.js';
+export { D as DataList } from './DataList-DAhvDHGK.js';
+export { D as DataTable } from './DataTable-C-OaYAfA.js';
+import './useResizeObserver-B6vbDD5q.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-iLxvIHOH.js';
+export { D as DescriptionList } from './DescriptionList-Dijh0CcV.js';
+export { D as Disclosure } from './Disclosure-BOXGdMB9.js';
+export { D as Divider } from './Divider-vZKeegVS.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Bclv65qz.js';
+export { E as Emphasis } from './Emphasis-BO14yW55.js';
+export { F as FeatureSwitch } from './FeatureSwitch-yNu1BAut.js';
+export { F as Flex } from './Flex-C-fSP--d.js';
+export { F as Form } from './Form-ZlbS-2CD.js';
+export { F as FormField } from './FormField-4PPgCjtX.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-ChNq-N_e.js';
+export { F as FormatEmail } from './FormatEmail-BJipZkn2.js';
+export { F as FormatFile } from './FormatFile-txKmaX6d.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-D3FgY8y_.js';
+export { F as FormatTime } from './FormatTime-D9pUcgau.js';
+export { G as Gallery } from './Gallery-BYs4sVke.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-xAXOWRoF.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-Ct_qaW-P.js';
+export { H as Heading } from './Heading-D5qh625g.js';
+export { I as InlineLabel } from './InlineLabel-DoIpszS2.js';
+export { I as InputAvatar } from './InputAvatar-BZGQ0qL_.js';
+export { I as InputDate } from './InputDate-SCB0CmfW.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-C0_IPRYC.js';
+export { I as InputFile, u as updateFiles } from './InputFile-BNcO4Fx3.js';
+export { I as InputGroup } from './InputGroup-BATnMZtt.js';
+export { I as InputNumber } from './InputNumber-CiBGaxai.js';
+export { I as InputPassword } from './InputPassword-CWp--f-d.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-BbMeTRPc.js';
+export { I as InputText } from './InputText-CGCG3amp.js';
+export { I as InputTime } from './InputTime-BYNBWpox.js';
+export { I as InputValidation } from './InputValidation-CDi9ZJMu.js';
+export { L as LightBox } from './LightBox-BUAOx_rP.js';
+export { L as Link } from './Link-C-TTsPTG.js';
+export { L as List, a as ListItem } from './List-CZ1mYM70.js';
+export { M as Markdown } from './Markdown-C7ydTQIh.js';
+export { M as Menu } from './Menu-CbxM-PCB.js';
+export { M as Modal } from './Modal-CxsVmF-G.js';
+export { M as MultiSelect } from './MultiSelect-CPBDtDvL.js';
+export { P as Page } from './Page-AEL5S49W.js';
+export { P as Popover } from './Popover-BmDmEtOV.js';
+export { P as ProgressBar } from './ProgressBar-DTF1yBRW.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-BZJEexRa.js';
+export { R as RecurringSelect } from './RecurringSelect-C9rGvsPP.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BWzFyeib.js';
+export { a as Option, S as Select } from './Option-ZGZvEn8l.js';
+export { S as SideDrawer } from './SideDrawer-ceIoqKar.js';
+export { S as Spinner } from './Spinner-DBlidS2K.js';
+export { S as StatusIndicator } from './StatusIndicator-BNRbvMsI.js';
+export { S as StatusLabel } from './StatusLabel-Dmfr-up5.js';
+export { S as Switch } from './Switch-CXRqnpmy.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-wbDMhFA_.js';
+export { a as Tab, T as Tabs } from './Tabs-khQdzKK2.js';
+export { T as Text } from './Text-CoFPi44l.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-0IukHSAe.js';
+import './debounce-S5mYnGyq.js';
+import './_commonjsHelpers-CTrz9JGn.js';
+import './isObjectLike-ByWGkAiE.js';
+import './isSymbol-CiYh-KtT.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CqyPoqjw.js';
-import './useSafeLayoutEffect-319318fT.js';
-import './useIsMounted-BMC4zYNy.js';
+import './useOnKeyDown-pB_LuijK.js';
+import './useSafeLayoutEffect-kMXCQs7S.js';
+import './useIsMounted-B6x6Ki5e.js';
 import 'color';
-import './BannerIcon-Ds0nb9IX.js';
+import './BannerIcon-mq8NQeSn.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-k_BB_YxE.js';
+import './useChildComponent-BasdEBhS.js';
+import './_polyfill-node.process-DYQy26FS.js';
+import './InternalChipDismissible-Bumonycz.js';
+import './useScrollToActive-CRLtXFeu.js';
+import './_setToString-C9ufzEZL.js';
+import './_defineProperty-CPQ7m1hX.js';
+import './_getTag-BsItOqoG.js';
+import './_baseEach-BkJnS0V3.js';
+import './ComboboxContent-1XPDtVak.js';
+import './ComboboxContentSearch-DY6d__Dd.js';
+import './ComboboxContentList-DFS4SzZn.js';
+import './ComboboxOption-CkOybSmM.js';
+import './ComboboxLoadMore-DYjpyUyj.js';
+import './ComboboxContentHeader-B18sU_II.js';
+import './useRefocusOnActivator-DoDVROI1.js';
+import './useFocusTrap-CpSdAyCV.js';
+import './ComboboxAction-CoiGS_vl.js';
+import './ComboboxTrigger-DBTRLSOF.js';
+import './noop-D69opIZ7.js';
+import './ComboboxActivator-B9uiVmHI.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-CplgD10C.js';
+import './DataList-DGygZEdg.js';
+import './DataListTotalCount-fI7ybnxa.js';
+import './DataListLoadingState-D3xo2K33.js';
+import './DataListContext-CL6VPJn3.js';
+import './useActiveLayout-DfpiICNe.js';
+import './useResponsiveSizing-pVnL9ait.js';
+import './DataList.const-BnDpm1vd.js';
+import './DataListLayout-DoXvBJ5A.js';
+import './DataListItems-CcQa1OBs.js';
+import './DataListLayoutContext-c6Rzm-yg.js';
+import './DataListItem-BeqtxdiU.js';
+import './DataListItemActions-wXhJDhMX.js';
+import './DataListActions-B5p68seM.js';
+import './DataListOverflowFade-PAoF2Bfg.js';
+import './DataList.utils-Cxfa4WFF.js';
+import './DataListTags-B3cUUNav.js';
+import './DataListHeaderTile-DVkABO_i.js';
+import './DataListSortingOptions-DWYgy1H-.js';
+import './DataListLayoutContext-Cx11IYbj.js';
+import './DataListItemActionsOverflow-C3MzXUyR.js';
+import './DataListActionsMenu-deyGTc7a.js';
+import './useBatchSelect-lU9h2oLp.js';
+import './DataListItemClickable-BgooeDl9.js';
+import './DataListHeader-Bv7mNDeW.js';
+import './DataListBulkActions-CmF6TTrs.js';
+import './DataListFilters-BCTXrL-X.js';
+import './DataListSort-CU-Vnk71.js';
+import './DataListStickyHeader-CApUBQZ2.js';
+import './DataListSearch-BPbzgsNq.js';
+import './DataListEmptyState-C81XJ4LU.js';
+import './DataListLoadMore-DxWTyxxC.js';
+import './DataListAction-CR9H6EsQ.js';
+import './DataListLayoutActions-CHlm7neF.js';
+import './DataListStatusBar-DYFDGzIf.js';
+import './throttle-DY7UJx0y.js';
+import './_baseAssignValue-1miuksgF.js';
+import './useFormFieldFocus-kwj-i77N.js';
 import 'filesize';
-import './InternalGridCell-B5JePZfk.js';
+import './InternalGridCell-USaVMGcv.js';
 import 'axios';
 import '@jobber/formatters';

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

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-qqP-oTwR.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-CTrz9JGn.js';
 
 /**
  * Checks if `value` is the
@@ -187,4 +187,4 @@ function isObjectLike(value) {
 
 var isObjectLike_1 = isObjectLike;
 
-export { _baseGetTag as _, _root as a, isObject_1 as b, _Symbol as c, _freeGlobal as d, isObjectLike_1 as i };
+export { _baseGetTag as _, isObjectLike_1 as a, _root as b, _Symbol as c, _freeGlobal as d, isObject_1 as i };

package/dist/{isObjectLike-BcvSPf3h.js → isObjectLike-DkMl4D9x.js}

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

package/dist/{isSymbol-DJxwLMmm.js → isSymbol-CiYh-KtT.js}

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-WnPwkoVA.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BHiefUCo.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;
 }