@jobber/components 5.1.5 → 5.3.0

package/dist/index.mjs

@@ -1,159 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-DuhQNUic.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-ljEYMTmr.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CuD_dcu9.js';
-export { A as Autocomplete } from './Autocomplete-DcR-Yj2t.js';
-export { A as Avatar } from './Avatar-C6sgAmkp.js';
-export { B as Banner } from './Banner-B4Uouuyz.js';
-export { B as Button } from './Button-CMkahsUS.js';
-export { B as ButtonDismiss } from './ButtonDismiss-CQG_TrbB.js';
-export { C as Card } from './Card-DCC_DUtN.js';
-export { C as Checkbox } from './Checkbox-DYDR_PbC.js';
-export { C as Chip } from './Chip-BOqYgG_X.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-zGUCKOvw.js';
+export { A as AnimatedPresence } from './AnimatedPresence-CPGNazAf.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-BPvX4PO_.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-RsEzUwlm.js';
+export { A as Autocomplete } from './Autocomplete-D__iJbY1.js';
+export { A as Avatar } from './Avatar-5EREVg4u.js';
+export { B as Banner } from './Banner-DpdNIgLy.js';
+export { B as Button } from './Button-DphsaJ2N.js';
+export { B as ButtonDismiss } from './ButtonDismiss-B80ZoISQ.js';
+export { C as Card } from './Card-B00dTN9x.js';
+export { C as Checkbox } from './Checkbox-C1bURq1H.js';
+export { C as Chip } from './Chip-ByIL0YxW.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BLaZjnAS.js';
 import 'react';
 import 'classnames';
-import './useAssert-DrH9pDVq.js';
-export { I as Icon } from './Icon-Cx_Ktflt.js';
-export { T as Typography } from './Typography-Cw3F4Rct.js';
-export { T as Tooltip } from './Tooltip-DjdnI-n5.js';
-export { C as Chips } from './Chips-qqSl3qoc.js';
-export { C as Combobox } from './Combobox-qR2U3kz9.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-C932OtDv.js';
-export { C as ConfirmationModal } from './ConfirmationModal-FW9KiVe5.js';
-export { C as Content } from './Content-tJg0b8sb.js';
-export { C as Countdown } from './Countdown-R870om1j.js';
-export { D as DataDump } from './DataDump-Cl411Xdd.js';
-export { D as DataList } from './DataList--OZav5pq.js';
-export { D as DataTable } from './DataTable-CLwcd1Nd.js';
-import './useResizeObserver-TjulKkhA.js';
+import './useAssert-DBBmZb5a.js';
+export { I as Icon } from './Icon-mKNhhLlM.js';
+export { T as Typography } from './Typography-CHkHpIpY.js';
+export { T as Tooltip } from './Tooltip-D9_Qf__b.js';
+export { C as Chips } from './Chips-BTrkmWWR.js';
+export { C as Combobox } from './Combobox-B6A0y7o9.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-DewF1RVE.js';
+export { C as ConfirmationModal } from './ConfirmationModal-wBdjMryd.js';
+export { C as Content } from './Content-BVuNlQrb.js';
+export { C as Countdown } from './Countdown-HJ17OU9y.js';
+export { D as DataDump } from './DataDump-DvztCGef.js';
+export { D as DataList } from './DataList-D6UMBGbC.js';
+export { D as DataTable } from './DataTable-DAY8zMrL.js';
+import './useResizeObserver-Dn9-IVOM.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-NAYXFpnU.js';
-export { D as DescriptionList } from './DescriptionList-BfrIdXCP.js';
-export { D as Disclosure } from './Disclosure-CaJRi_zE.js';
-export { D as Divider } from './Divider-D79_A-gR.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Bpg1eSwN.js';
-export { E as Emphasis } from './Emphasis-vubk3W6M.js';
-export { F as FeatureSwitch } from './FeatureSwitch-DmHt-0QH.js';
-export { F as Flex } from './Flex-DMlGkPPM.js';
-export { F as Form } from './Form-DA-zvRDo.js';
-export { F as FormField } from './FormField-CnPTpuxr.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-CTSWk-po.js';
-export { F as FormatEmail } from './FormatEmail-DABqVrSo.js';
-export { F as FormatFile } from './FormatFile-rGpOg8h-.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CtncQUDC.js';
-export { F as FormatTime } from './FormatTime-vQ35heit.js';
-export { G as Gallery } from './Gallery-DMFPU7kY.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Ca4JVKdT.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-3EREFiud.js';
-export { H as Heading } from './Heading-Cer-Tyt5.js';
-export { I as InlineLabel } from './InlineLabel-PwGmhehQ.js';
-export { I as InputAvatar } from './InputAvatar-DRdF_rWf.js';
-export { I as InputDate } from './InputDate-28JFIS8a.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-B5ctn-sx.js';
-export { I as InputFile, u as updateFiles } from './InputFile-DSpmf8ay.js';
-export { I as InputGroup } from './InputGroup-BwK_gsqa.js';
-export { I as InputNumber } from './InputNumber-2F88h4ar.js';
-export { I as InputPassword } from './InputPassword-t3keEtCf.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-DdIMDOKT.js';
-export { I as InputText } from './InputText-CQT-IXCb.js';
-export { I as InputTime } from './InputTime-D-ORAHkw.js';
-export { I as InputValidation } from './InputValidation-CpVD6rqA.js';
-export { L as LightBox } from './LightBox-sDpzZaxd.js';
-export { L as Link } from './Link-Dim2Kq8B.js';
-export { L as List, a as ListItem } from './List-CAYphgWF.js';
-export { M as Markdown } from './Markdown-CJ9pUoqI.js';
-export { M as Menu } from './Menu-CYJBf7kz.js';
-export { M as Modal } from './Modal-C1kFWtNv.js';
-export { M as MultiSelect } from './MultiSelect-BptE1xBL.js';
-export { P as Page } from './Page-BGDdonjA.js';
-export { P as Popover } from './Popover-DTlcASfC.js';
-export { P as ProgressBar } from './ProgressBar-4qhP-KDi.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-CG0brUzX.js';
-export { R as RecurringSelect } from './RecurringSelect-jffG0ib7.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-vrlKgunX.js';
-export { a as Option, S as Select } from './Option-Ccv-U2ey.js';
-export { S as Spinner } from './Spinner-DjBP7aIM.js';
-export { S as StatusIndicator } from './StatusIndicator-ulpUzfuI.js';
-export { S as StatusLabel } from './StatusLabel-BKwTJwmU.js';
-export { S as Switch } from './Switch-DQjPnLuq.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-CLMA8NKj.js';
-export { a as Tab, T as Tabs } from './Tabs-Bt2H7Spi.js';
-export { T as Text } from './Text-CPbFvIGm.js';
+export { D as DatePicker } from './DatePicker-BUgkEu_L.js';
+export { D as DescriptionList } from './DescriptionList-DUNbrk5n.js';
+export { D as Disclosure } from './Disclosure-BFAHizvP.js';
+export { D as Divider } from './Divider-D9qmrIKM.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-BJgcONnN.js';
+export { E as Emphasis } from './Emphasis-KTh3qF8B.js';
+export { F as FeatureSwitch } from './FeatureSwitch-CRYW5qb6.js';
+export { F as Flex } from './Flex-BwgrUo3K.js';
+export { F as Form } from './Form-Cm5S6sqW.js';
+export { F as FormField } from './FormField-CoyJGAVy.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-CZVTG31T.js';
+export { F as FormatEmail } from './FormatEmail-Bjc6ESkw.js';
+export { F as FormatFile } from './FormatFile-DHU7gmRM.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BPEHh2Tr.js';
+export { F as FormatTime } from './FormatTime-BI2IOLLl.js';
+export { G as Gallery } from './Gallery-hPxjCGqz.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-DEsto_lK.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-b3PSDAp8.js';
+export { H as Heading } from './Heading-8KJMP1ZE.js';
+export { I as InlineLabel } from './InlineLabel-DO95_9ER.js';
+export { I as InputAvatar } from './InputAvatar-CfYtxtRK.js';
+export { I as InputDate } from './InputDate-CSIlxk1R.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-DdzxJZx1.js';
+export { I as InputFile, u as updateFiles } from './InputFile-aD7UHz7E.js';
+export { I as InputGroup } from './InputGroup-Bofoy34X.js';
+export { I as InputNumber } from './InputNumber-YsaVs0-Z.js';
+export { I as InputPassword } from './InputPassword-Bt07opi0.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-C1lqZdeR.js';
+export { I as InputText } from './InputText-DeiYWOQM.js';
+export { I as InputTime } from './InputTime-COtLxFCD.js';
+export { I as InputValidation } from './InputValidation-S_Fw4V6C.js';
+export { L as LightBox } from './LightBox-C30mXFBL.js';
+export { L as Link } from './Link-CE50gCut.js';
+export { L as List, a as ListItem } from './List-CvdZND2G.js';
+export { M as Markdown } from './Markdown-DwqQzH9h.js';
+export { M as Menu } from './Menu-BCGtvcZN.js';
+export { M as Modal } from './Modal-Geij_1xy.js';
+export { M as MultiSelect } from './MultiSelect-D0o3CnSO.js';
+export { P as Page } from './Page-BMujn5M4.js';
+export { P as Popover } from './Popover-D1dYp7A3.js';
+export { P as ProgressBar } from './ProgressBar-gMuG8qxG.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-BTazthP0.js';
+export { R as RecurringSelect } from './RecurringSelect-DL8YhAQ0.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DAz5KfAQ.js';
+export { a as Option, S as Select } from './Option-Crgiw80L.js';
+export { S as Spinner } from './Spinner-CJLKR-Xv.js';
+export { S as StatusIndicator } from './StatusIndicator-BgLfD1Yw.js';
+export { S as StatusLabel } from './StatusLabel-CDYBkqFM.js';
+export { S as Switch } from './Switch-BlyFAa1-.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-BULUAcMk.js';
+export { a as Tab, T as Tabs } from './Tabs-CT_dzfTF.js';
+export { T as Text } from './Text-DkNm4sVq.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-PGjtTazq.js';
-import './debounce-DOSwR4tR.js';
-import './_commonjsHelpers-CXHNZgRE.js';
-import './isObjectLike-DUaq_9Xk.js';
-import './isSymbol-kZMPVIgZ.js';
+import './tslib.es6-De4Bn7R0.js';
+import './debounce-Cw6b902x.js';
+import './_commonjsHelpers-D6r2ggSt.js';
+import './isObjectLike-BcICVoxt.js';
+import './isSymbol-BRfnQIck.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CO76qwkn.js';
-import './useSafeLayoutEffect-I3qMfKlY.js';
-import './useIsMounted-DvOxzjvA.js';
+import './useOnKeyDown-C_ih59Qv.js';
+import './useSafeLayoutEffect-DfYEVDlo.js';
+import './useIsMounted-BMPRSmsQ.js';
 import 'color';
-import './BannerIcon-D0V5ATrI.js';
+import './BannerIcon-F9yWHPCd.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-d0jARB4-.js';
-import './useChildComponent-B_nZQZW1.js';
-import './_polyfill-node.process-B_uzIWT6.js';
-import './InternalChipDismissible-BlRB5-nf.js';
-import './useScrollToActive-CZ75uQKW.js';
-import './_setToString-CvEyG1A4.js';
-import './_defineProperty-Bv6kiZu7.js';
-import './_getTag-D0VqGIAO.js';
-import './_baseEach-BF7gudML.js';
-import './ComboboxContent-C_rh83_O.js';
-import './ComboboxContentSearch-KNb55Zoe.js';
-import './ComboboxContentList-Bixzns-p.js';
-import './ComboboxOption-DlVqUD8x.js';
-import './ComboboxLoadMore-BccRFbQc.js';
-import './ComboboxContentHeader-CKLgA-Nw.js';
-import './useRefocusOnActivator-CAKbkg1i.js';
-import './useFocusTrap-BL1MCSua.js';
-import './ComboboxAction-DqjdoL8S.js';
-import './ComboboxTrigger-C-tamT6X.js';
-import './noop-DEAmU1PF.js';
-import './ComboboxActivator-BLjUwWOG.js';
+import './useInView-NQrpYVIf.js';
+import './useChildComponent-DYpagVnA.js';
+import './_polyfill-node.process-svm-UfAT.js';
+import './InternalChipDismissible-swm24Svg.js';
+import './useScrollToActive-x6TBG9yM.js';
+import './_setToString-O4I7PIlK.js';
+import './_defineProperty-PhH3QGtc.js';
+import './_getTag-DssrQ25-.js';
+import './_baseEach-Dj103Dgc.js';
+import './ComboboxContent-C7-IMAn4.js';
+import './ComboboxContentSearch-BP8Vej8x.js';
+import './ComboboxContentList-BnhsJQsO.js';
+import './ComboboxOption-C5w7zpOa.js';
+import './ComboboxLoadMore-CmC9LrZW.js';
+import './ComboboxContentHeader-DaN2--S2.js';
+import './useRefocusOnActivator-xjOg8XdQ.js';
+import './useFocusTrap-D_sa2pps.js';
+import './ComboboxAction-BAQYx01K.js';
+import './ComboboxTrigger-Ddx8aZK7.js';
+import './noop-DPvOvsrT.js';
+import './ComboboxActivator-DtZanH3K.js';
 import '@std-proposal/temporal';
-import './index-CBHSpFM7.js';
-import './DataList-k2l0GdWk.js';
-import './DataListTotalCount-D5jM4-0r.js';
-import './DataListLoadingState-CSYySVG3.js';
-import './DataListContext-CFlcKIXp.js';
-import './useActiveLayout-C2kHKDZq.js';
-import './useResponsiveSizing-DqF8-X3g.js';
-import './DataList.const-Cz49rwxQ.js';
-import './DataListLayout-Bm7z60Fl.js';
-import './DataListItems-CaQiUsaS.js';
-import './DataListLayoutContext-DkKPxLXO.js';
-import './DataListItem-y8h23M3b.js';
-import './DataListItemActions-XLgWsHIO.js';
-import './DataListActions-CWfWFENU.js';
-import './DataListOverflowFade-PIDofRIK.js';
-import './DataList.utils-Vkk8ars2.js';
-import './DataListTags-BfaOQ_HJ.js';
-import './DataListHeaderTile-COwIjVjD.js';
-import './DataListSortingOptions-C2WHp18G.js';
-import './DataListLayoutContext-C_fdJ5d_.js';
-import './DataListItemActionsOverflow-ClPP0Kny.js';
-import './DataListActionsMenu-DJfhq09s.js';
-import './useBatchSelect-D6IyqYwk.js';
-import './DataListItemClickable-bsutaOhi.js';
-import './DataListHeader-DEygH-Gw.js';
-import './DataListBulkActions-BKtOh6gE.js';
-import './DataListFilters-BIRwnpB2.js';
-import './DataListSort-DAqZ5R27.js';
-import './DataListStickyHeader-BT79Opub.js';
-import './DataListSearch-BDcFUHm_.js';
-import './DataListEmptyState-CeRdWoNb.js';
-import './DataListLoadMore-ekbwIGlD.js';
-import './DataListAction-sDwJp4PI.js';
-import './DataListLayoutActions-SE5LqUVZ.js';
-import './DataListStatusBar-C3s10oLP.js';
-import './_baseAssignValue-Cr1akFNg.js';
+import './index-CkU4RUJc.js';
+import './DataList-CtYPhNZX.js';
+import './DataListTotalCount-BG_WP5QQ.js';
+import './DataListLoadingState-Bg4-erpO.js';
+import './DataListContext-C_goVBmW.js';
+import './useActiveLayout-C_Go0dMv.js';
+import './useResponsiveSizing-DAsxwfkB.js';
+import './DataList.const-BZWSvJ19.js';
+import './DataListLayout-BlP3q9-p.js';
+import './DataListItems-Dn_R7IDD.js';
+import './DataListLayoutContext-DML_iY1A.js';
+import './DataListItem-C5VS26Zz.js';
+import './DataListItemActions-BAeVEMFO.js';
+import './DataListActions-5MeegPQR.js';
+import './DataListOverflowFade-D6ixj5Ty.js';
+import './DataList.utils-D5uBTtVM.js';
+import './DataListTags-jUXtRv-v.js';
+import './DataListHeaderTile-CG-QUa4X.js';
+import './DataListSortingOptions-CVcDsIS1.js';
+import './DataListLayoutContext-ClMREIX5.js';
+import './DataListItemActionsOverflow-Ce4fonPl.js';
+import './DataListActionsMenu-Cr_UNFaR.js';
+import './useBatchSelect-B9ELU1fY.js';
+import './DataListItemClickable-DiP1QhLN.js';
+import './DataListHeader-BIlMlywD.js';
+import './DataListBulkActions-Dr7u2N58.js';
+import './DataListFilters-BkNoBbed.js';
+import './DataListSort-DVFYcxl0.js';
+import './DataListStickyHeader-gd0I7lSf.js';
+import './DataListSearch-CtOur-Fv.js';
+import './DataListEmptyState-D1Q9XVek.js';
+import './DataListLoadMore-DBKFTCjQ.js';
+import './DataListAction-BCVQyDAR.js';
+import './DataListLayoutActions-yRiiF5Ve.js';
+import './DataListStatusBar-hERzuMhL.js';
+import './_baseAssignValue-DcGg82Qw.js';
 import 'filesize';
-import './InternalGridCell-BZBbbA-z.js';
+import './InternalGridCell-DUoaAEqL.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-CKVZa-cM.js → isObjectLike-BLFVLu_a.js}

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

package/dist/{isObjectLike-DUaq_9Xk.js → isObjectLike-BcICVoxt.js}

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

package/dist/{isSymbol-kZMPVIgZ.js → isSymbol-BRfnQIck.js}

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

package/dist/{isSymbol-Dcl-_X3Q.js → isSymbol-CJJE2f37.js}

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

package/dist/{noop-faQ-34Gi.js → noop-Bot2EMDu.js}

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

package/dist/{noop-DEAmU1PF.js → noop-DPvOvsrT.js}

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

package/dist/styles.css

@@ -528,9 +528,9 @@
   display: -ms-flexbox;
 
   display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
   width: 100%;
-  height: calc(16px * 3);
-  height: var(--field--height);
   border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--field--border-color);
   border-radius: 8px;
@@ -564,6 +564,15 @@
   box-shadow: var(--shadow-focus);
 }
 
+.q7AxfhwVVBs- {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  height: var(--field--height);
+  -ms-flex: 1;
+      flex: 1;
+}
+
 .YhserUiOeFE-:not(:focus-within) input {
   color: var(--field--background-color);
   -webkit-text-fill-color: var(--field--background-color);
@@ -583,13 +592,17 @@
   --field--padding-top: calc(var(--space-large) + var(--space-smaller));
 }
 
-.nPGhTEEzsoU-.mgPacJ6Z71Y- {
+.nPGhTEEzsoU-.e4VYDAkWHAg- {
   --field--placeholder-offset: 0;
   --field--placeholder-transform: 0;
-  height: auto;
   min-height: auto;
 }
 
+.nPGhTEEzsoU-.mgPacJ6Z71Y- {
+  resize: vertical;
+  overflow: auto;
+}
+
 .gJ-15M615eY-,
 .gJ-15M615eY-:focus-within {
   --field--border-color: var(--color-critical);
@@ -685,7 +698,6 @@
   position: relative;
   z-index: var(--field--base-elevation);
   width: 100%;
-  height: 100%;
   padding-top: var(--field--padding-top);
   padding-bottom: var(--field--padding-bottom);
   padding-left: var(--field--padding-left);
@@ -706,8 +718,20 @@
   outline: none;
 }
 
+.mgPacJ6Z71Y- .Yo2Wi9dpa-Y- {
+  display: -ms-flexbox;
+  display: flex;
+  min-height: var(--field--height);
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
 .mgPacJ6Z71Y- .LSHPV7PwOTg- {
-  resize: vertical;
+  -ms-flex: 1;
+      flex: 1;
+  resize: none;
+  scroll-padding-bottom: calc(16px * 1);
+  scroll-padding-bottom: var(--space-base);
 }
 
 .i31GQXcMz54- .LSHPV7PwOTg- {
@@ -754,14 +778,17 @@
   padding-right: calc(var(--field--padding-right) + var(--base-unit) * 2);
 }
 
+.e4VYDAkWHAg- ._3xREbTN5pPg- {
+  padding-top: var(--field--padding-top);
+  -webkit-transform: translateY(var(--field--placeholder-transform));
+          transform: translateY(var(--field--placeholder-transform));
+}
+
 .mgPacJ6Z71Y- ._3xREbTN5pPg- {
   /* Changes the width so that the scrollbar on the textarea doesn't get cut off */
   width: calc(100% - var(--field--padding-right));
-  padding-top: var(--field--padding-top);
   /* Remove padding on right to make use of the entire width */
   padding-right: 0;
-  -webkit-transform: translateY(var(--field--placeholder-transform));
-          transform: translateY(var(--field--placeholder-transform));
 }
 
 .UIZq8hTmJVU- ._3xREbTN5pPg-,
@@ -771,9 +798,12 @@
   font-size: var(--typography--fontSize-small);
 }
 
-.mgPacJ6Z71Y-.UIZq8hTmJVU- ._3xREbTN5pPg- {
+.e4VYDAkWHAg-.UIZq8hTmJVU- ._3xREbTN5pPg- {
   padding-top: calc(16px / 8);
   padding-top: var(--space-smallest);
+}
+
+.mgPacJ6Z71Y-.UIZq8hTmJVU- ._3xREbTN5pPg- {
   background-color: var(--field--background-color);
 }
 
@@ -821,19 +851,6 @@
   padding: 0 var(--field--padding-right) 0 var(--field--padding-left);
 }
 
-@supports (aspect-ratio: 1/1) {
-  .uPLklxvtfJw- {
-    /*
-     * disabling property-no-unknown here as this is a real property
-     * that stylelint just doesn't know about. We may be able to remove
-     * this when we update our stylelint to not care about IE11.
-     */
-    /* stylelint-disable-next-line property-no-unknown */
-    aspect-ratio: 1/1;
-    padding: 0;
-  }
-}
-
 .uPLklxvtfJw-.pYqqDvv57JE- {
   margin: 0 0 0 calc(var(--field--padding-right) * -1);
 }
@@ -872,6 +889,33 @@
   margin-top: var(--space-smaller);
 }
 
+._3GtIRFCkZMg- {
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  margin: calc(16px / 2) var(--field--padding-right) calc(16px * 1)
+    var(--field--padding-left);
+  margin: var(--space-small) var(--field--padding-right) var(--space-base)
+    var(--field--padding-left);
+}
+
+._3GtIRFCkZMg-::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: calc(-1.25 * (16px * 1));
+  top: calc(-1.25 * calc(16px * 1));
+  top: calc(-1.25 * var(--space-base));
+  right: 0;
+  left: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  height: calc(16px * 1);
+  height: var(--space-base);
+  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1) 60%);
+  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
+}
+
 :root {
   --button--color-variation: var(--color-interactive);
   --button--color-variation--hover: var(--color-interactive--hover);
@@ -1225,15 +1269,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   }
 }
 
-._07kZJ5ltI5E- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  padding-left: calc(16px / 2);
-  padding-left: var(--space-small);
-}
-
 .t1fFX8kDJh8- {
   display: -ms-flexbox;
   display: flex;
@@ -1257,6 +1292,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       justify-content: center;
   -ms-flex-align: center;
       align-items: center;
+  -webkit-transform: translateY(50%);
+          transform: translateY(50%);
 }
 
 .t1fFX8kDJh8-:focus {

package/dist/{useActiveLayout-C2kHKDZq.js → useActiveLayout-C_Go0dMv.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-DqF8-X3g.js';
-import { u as useDataListContext } from './DataListContext-CFlcKIXp.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-DAsxwfkB.js';
+import { u as useDataListContext } from './DataListContext-C_goVBmW.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-Bf2w6crs.js → useActiveLayout-IV_oIqiY.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-DKXeizNO.js');
-var DataListContext = require('./DataListContext-CHu4mSVK.js');
+var useResponsiveSizing = require('./useResponsiveSizing-DujMesX7.js');
+var DataListContext = require('./DataListContext-DntcHCEe.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-D7sH297m.js → useAssert-AZdnP5Mr.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
-var _polyfillNode_process = require('./_polyfill-node.process-FtweimZa.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CD5-_3Iw.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BwBFrIHL.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-DrH9pDVq.js → useAssert-DBBmZb5a.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CXHNZgRE.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-B_uzIWT6.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-D6r2ggSt.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-svm-UfAT.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-D6IyqYwk.js → useBatchSelect-B9ELU1fY.js}

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

package/dist/{useBatchSelect-Bb45vZFx.js → useBatchSelect-rv09mQw-.js}

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

package/dist/{useIsMounted-DvOxzjvA.js → useIsMounted-BMPRSmsQ.js}

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

package/dist/{useIsMounted-DRL5awNo.js → useIsMounted-Cx-XeB3j.js}

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

package/dist/{useResizeObserver-C2T3HfNI.js → useResizeObserver-DTH-_Z8k.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-BGCqE92r.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CD5-_3Iw.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BRr5vqBr.js');
-var isObjectLike = require('./isObjectLike-CKVZa-cM.js');
+var debounce$1 = require('./debounce-DAtx90qF.js');
+var isObjectLike = require('./isObjectLike-BLFVLu_a.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {