@jobber/components 5.20.8-SCOTTTHd.47 → 5.20.8-SCOTTTHs-a30bcbb.35

package/dist/{DayOfMonthSelect-R1uQ83Jr.js → DayOfMonthSelect-CZ7rnmlM.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-CfNgmQPv.js');
-var Text = require('./Text-B9SvNYhV.js');
+var RadioGroup = require('./RadioGroup-D-HbIO_A.js');
+var Text = require('./Text-CJWvewR1.js');
 
-var styles$3 = {"container":"NfsRidfuJts-","spinning":"wNEBl2MEH1I-"};
+var styles$3 = {"container":"-R-TvZ9aU9g-","spinning":"SYARPwvkeO0-"};
 
-var checkboxStyles = {"checkboxWrapper":"GXNuQVAsUqs-","dayCheckboxInput":"PtlN3SI-Atc-","dayCheckbox":"VPZ0Os9TY5k-","spinning":"_0biUlc5Etp0-"};
+var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-","spinning":"jjJFVaCX4Zk-"};
 
 exports.WeekDay = void 0;
 (function (WeekDay) {
@@ -77,7 +77,7 @@ function WeeklySelect({ onChange, selectedDays, disabled, }) {
     })));
 }
 
-var styles$2 = {"radioContainer":"PW6L4PJe5TY-","spinning":"dsoVhbIukds-"};
+var styles$2 = {"radioContainer":"cr0irYOHA5k-","spinning":"CAeHbpYJvRk-"};
 
 function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
     return (React.createElement("div", { className: styles$2.radioContainer },
@@ -86,7 +86,7 @@ function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
             React.createElement(RadioGroup.RadioOption, { disabled: disabled, value: exports.DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
 }
 
-var styles$1 = {"container":"pqYw6oCVwO8-","parentContainer":"xtCFaHyTmfI-","spinning":"TPaN7Gs59Ls-"};
+var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-","spinning":"_3B10vRc7B6c-"};
 
 function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     const orderString = ["1st", "2nd", "3rd", "4th"];
@@ -103,7 +103,7 @@ function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     })));
 }
 
-var styles = {"container":"dBbFx0Vu16U-","spinning":"e0kTNyfoQww-"};
+var styles = {"container":"_4d0IFF7M5S0-","spinning":"TEqEHU-NbhU-"};
 
 const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
 function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {

package/dist/{DayOfMonthSelect-wMSodz6z.js → DayOfMonthSelect-DugeJycT.js}

@@ -1,10 +1,10 @@
 import React, { useId } from 'react';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-DfXnZuCM.js';
-import { T as Text } from './Text-CBZYvoLZ.js';
+import { R as RadioGroup, a as RadioOption } from './RadioGroup-dvfhizdp.js';
+import { T as Text } from './Text-DfqZm-hl.js';
 
-var styles$3 = {"container":"NfsRidfuJts-","spinning":"wNEBl2MEH1I-"};
+var styles$3 = {"container":"-R-TvZ9aU9g-","spinning":"SYARPwvkeO0-"};
 
-var checkboxStyles = {"checkboxWrapper":"GXNuQVAsUqs-","dayCheckboxInput":"PtlN3SI-Atc-","dayCheckbox":"VPZ0Os9TY5k-","spinning":"_0biUlc5Etp0-"};
+var checkboxStyles = {"checkboxWrapper":"HgFD6w2VXzo-","dayCheckboxInput":"XGjk9DHJAmw-","dayCheckbox":"zulupkPyEs8-","spinning":"jjJFVaCX4Zk-"};
 
 var WeekDay;
 (function (WeekDay) {
@@ -75,7 +75,7 @@ function WeeklySelect({ onChange, selectedDays, disabled, }) {
     })));
 }
 
-var styles$2 = {"radioContainer":"PW6L4PJe5TY-","spinning":"dsoVhbIukds-"};
+var styles$2 = {"radioContainer":"cr0irYOHA5k-","spinning":"CAeHbpYJvRk-"};
 
 function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
     return (React.createElement("div", { className: styles$2.radioContainer },
@@ -84,7 +84,7 @@ function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
             React.createElement(RadioOption, { disabled: disabled, value: DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
 }
 
-var styles$1 = {"container":"pqYw6oCVwO8-","parentContainer":"xtCFaHyTmfI-","spinning":"TPaN7Gs59Ls-"};
+var styles$1 = {"container":"Qup9qglgfQ8-","parentContainer":"FxW4kmZLd44-","spinning":"_3B10vRc7B6c-"};
 
 function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     const orderString = ["1st", "2nd", "3rd", "4th"];
@@ -101,7 +101,7 @@ function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
     })));
 }
 
-var styles = {"container":"dBbFx0Vu16U-","spinning":"e0kTNyfoQww-"};
+var styles = {"container":"_4d0IFF7M5S0-","spinning":"TEqEHU-NbhU-"};
 
 const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
 function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-Br0CjVLO.js');
+var DescriptionList = require('../DescriptionList-DpBnOcHy.js');
 require('react');
-require('../Typography-BbeLF-cH.js');
+require('../Typography-DYUPEo3A.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-DsBtbS2M.js';
+export { D as DescriptionList } from '../DescriptionList-DsU7tqNT.js';
 import 'react';
-import '../Typography-Dfc5QcyD.js';
+import '../Typography-DhGlhWcl.js';
 import 'classnames';

package/dist/{DescriptionList-Br0CjVLO.js → DescriptionList-DpBnOcHy.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-BbeLF-cH.js');
+var Typography = require('./Typography-DYUPEo3A.js');
 
-var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-","spinning":"rTOA3avVf8U-"};
+var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
 
 function DescriptionList({ data }) {
     return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },

package/dist/{DescriptionList-DsBtbS2M.js → DescriptionList-DsU7tqNT.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { T as Typography } from './Typography-Dfc5QcyD.js';
+import { T as Typography } from './Typography-DhGlhWcl.js';
 
-var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-","spinning":"rTOA3avVf8U-"};
+var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
 
 function DescriptionList({ data }) {
     return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },

package/dist/Disclosure/Disclosure.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactElement, ReactNode } from "react";
 interface DisclosureProps {
     /**
      * Child content that is manged by this component.
@@ -6,8 +6,9 @@ interface DisclosureProps {
     readonly children: ReactNode | ReactNode[];
     /**
      * Title for the disclosure pane.
+     * If ReactElement[] is provided, it must be wrapped in a container element (not a Fragment).
      */
-    readonly title: string;
+    readonly title: string | ReactElement | ReactElement[];
     /**
      * This sets the default open state of the disclosure.
      * By default the disclosure is closed.
@@ -15,6 +16,14 @@ interface DisclosureProps {
      * @default false
      */
     readonly defaultOpen?: boolean;
+    /**
+     * Callback that is called when the disclosure is toggled.
+     */
+    readonly onToggle?: (newOpened: boolean) => void;
+    /**
+     * Used to make the disclosure a Controlled Component.
+     */
+    readonly open?: boolean;
 }
-export declare function Disclosure({ children, title, defaultOpen, }: DisclosureProps): JSX.Element;
+export declare function Disclosure({ children, title, defaultOpen, onToggle, open, }: DisclosureProps): JSX.Element;
 export {};

package/dist/Disclosure/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-1kltijNK.js');
+var Disclosure = require('../Disclosure-CR7v7UI_.js');
 require('react');
-require('../useResizeObserver-CDlThO1I.js');
-require('../_commonjsHelpers-Ci46CUxA.js');
-require('../throttle-BiQ8DT9m.js');
-require('../debounce-BgaJlkp5.js');
-require('../isObjectLike-BM-uYAmX.js');
-require('../isSymbol-BxXQq1A2.js');
-require('../Icon-COz3twBh.js');
-require('@jobber/design');
-require('../Typography-BbeLF-cH.js');
 require('classnames');
+require('../useResizeObserver-BFycM9aW.js');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../throttle-BFHQHnGo.js');
+require('../debounce-BN5llZ7Y.js');
+require('../isObjectLike-D54Sylr4.js');
+require('../isSymbol-onvgp5ug.js');
+require('../Icon-DMURv2lZ.js');
+require('@jobber/design');
+require('../Typography-DYUPEo3A.js');
 
 
 

package/dist/Disclosure/index.mjs

@@ -1,12 +1,12 @@
-export { D as Disclosure } from '../Disclosure-C_wtlZ1g.js';
+export { D as Disclosure } from '../Disclosure-B7wTOgpi.js';
 import 'react';
-import '../useResizeObserver-BaRlQkGU.js';
-import '../_commonjsHelpers-qhLoVmu9.js';
-import '../throttle-B2QG4QCa.js';
-import '../debounce-cjF9b-E5.js';
-import '../isObjectLike-DKzW5wff.js';
-import '../isSymbol-BJl8Rtn2.js';
-import '../Icon-BkEAR5t9.js';
-import '@jobber/design';
-import '../Typography-Dfc5QcyD.js';
 import 'classnames';
+import '../useResizeObserver-DDopVH1n.js';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../throttle-Chp_VbrK.js';
+import '../debounce-BFEgsSNV.js';
+import '../isObjectLike-C73xmKqw.js';
+import '../isSymbol-lWxnii5_.js';
+import '../Icon-BPJYIZWC.js';
+import '@jobber/design';
+import '../Typography-DhGlhWcl.js';

package/dist/Disclosure-B7wTOgpi.js

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { u as useResizeObserver } from './useResizeObserver-DDopVH1n.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
+import { T as Typography } from './Typography-DhGlhWcl.js';
+
+var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-","openAnimation":"R-IWZjEaJeM-","spinning":"UfV5y-kjRUE-"};
+
+function Disclosure({ children, title, defaultOpen = false, onToggle, open, }) {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen || open || false);
+    const isOpen = open !== undefined ? open : internalOpen;
+    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver();
+    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.Breakpoints.small;
+    const isTitleString = typeof title === "string";
+    return (React.createElement("details", { open: isOpen, className: styles.details },
+        React.createElement("summary", { className: styles.summary, onClick: handleToggle },
+            React.createElement("div", { className: classnames(styles.summaryWrap, {
+                    [styles.customSummaryWrap]: !isTitleString,
+                }), ref: titleRef },
+                React.createElement(DisclosureTitle, { title: title, size: isBelowBreakpoint ? "base" : "large", isTitleString: isTitleString }),
+                React.createElement("span", { className: styles.arrowIconWrapper },
+                    React.createElement(Icon, { name: "arrowDown", color: "interactive" })))),
+        React.createElement("span", { className: styles.content }, children)));
+    function handleToggle(event) {
+        event.preventDefault();
+        setInternalOpen(!isOpen);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isOpen);
+    }
+}
+function DisclosureTitle({ title, size, isTitleString }) {
+    if (!isTitleString)
+        return React.createElement(React.Fragment, null, title);
+    return (React.createElement(Typography, { element: "h4", size: size, fontWeight: "bold", textColor: "heading" }, title));
+}
+
+export { Disclosure as D };

package/dist/Disclosure-CR7v7UI_.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var useResizeObserver = require('./useResizeObserver-BFycM9aW.js');
+var Icon = require('./Icon-DMURv2lZ.js');
+var Typography = require('./Typography-DYUPEo3A.js');
+
+var styles = {"arrowIconWrapper":"VMuRkKeqAs8-","details":"fNHz-uKoICo-","summary":"_8BfGPs1d3OI-","summaryWrap":"lPbWm-JxIOc-","customSummaryWrap":"qCHHx-9sUDU-","content":"v4nYwpvvlh8-","openAnimation":"R-IWZjEaJeM-","spinning":"UfV5y-kjRUE-"};
+
+function Disclosure({ children, title, defaultOpen = false, onToggle, open, }) {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen || open || false);
+    const isOpen = open !== undefined ? open : internalOpen;
+    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver.useResizeObserver();
+    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.useResizeObserver.Breakpoints.small;
+    const isTitleString = typeof title === "string";
+    return (React.createElement("details", { open: isOpen, className: styles.details },
+        React.createElement("summary", { className: styles.summary, onClick: handleToggle },
+            React.createElement("div", { className: classnames(styles.summaryWrap, {
+                    [styles.customSummaryWrap]: !isTitleString,
+                }), ref: titleRef },
+                React.createElement(DisclosureTitle, { title: title, size: isBelowBreakpoint ? "base" : "large", isTitleString: isTitleString }),
+                React.createElement("span", { className: styles.arrowIconWrapper },
+                    React.createElement(Icon.Icon, { name: "arrowDown", color: "interactive" })))),
+        React.createElement("span", { className: styles.content }, children)));
+    function handleToggle(event) {
+        event.preventDefault();
+        setInternalOpen(!isOpen);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isOpen);
+    }
+}
+function DisclosureTitle({ title, size, isTitleString }) {
+    if (!isTitleString)
+        return React.createElement(React.Fragment, null, title);
+    return (React.createElement(Typography.Typography, { element: "h4", size: size, fontWeight: "bold", textColor: "heading" }, title));
+}
+
+exports.Disclosure = Disclosure;

package/dist/Divider/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Divider = require('../Divider-ClppKCli.js');
+var Divider = require('../Divider-CN8o43md.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

@@ -1,3 +1,3 @@
-export { D as Divider } from '../Divider-CIe5LTq1.js';
+export { D as Divider } from '../Divider-C1BlJd6V.js';
 import 'react';
 import 'classnames';

package/dist/{Divider-CIe5LTq1.js → Divider-C1BlJd6V.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 
-var styles = {"divider":"dH7SqeSo70A-","large":"_07xjw8ykfvg-","larger":"TGD22T-KP78-","largest":"UUndaiRIryU-","horizontal":"HzWBc8FoucI-","vertical":"vu46ZKcGBWM-","spinning":"_6vwapKo7zSo-"};
+var styles = {"divider":"XLgPB38fKeE-","large":"EE23aLif9TE-","larger":"_3YM8cDUaQ0s-","largest":"bFtwsJp-w1g-","horizontal":"c4gI9U9imFo-","vertical":"_6-PzHAVWQP8-","spinning":"JenuDN3dhh4-"};
 
 function Divider({ size = "base", direction = "horizontal", }) {
     const className = classnames(styles.divider, {

package/dist/{Divider-ClppKCli.js → Divider-CN8o43md.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"divider":"dH7SqeSo70A-","large":"_07xjw8ykfvg-","larger":"TGD22T-KP78-","largest":"UUndaiRIryU-","horizontal":"HzWBc8FoucI-","vertical":"vu46ZKcGBWM-","spinning":"_6vwapKo7zSo-"};
+var styles = {"divider":"XLgPB38fKeE-","large":"EE23aLif9TE-","larger":"_3YM8cDUaQ0s-","largest":"bFtwsJp-w1g-","horizontal":"c4gI9U9imFo-","vertical":"_6-PzHAVWQP8-","spinning":"JenuDN3dhh4-"};
 
 function Divider({ size = "base", direction = "horizontal", }) {
     const className = classnames(styles.divider, {

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-D8U0Go8m.js');
+var DrawerGrid = require('../DrawerGrid-Bj7IP_ZC.js');
 require('react');
 require('classnames');
-require('../Heading-B5N5rCZp.js');
-require('../Typography-BbeLF-cH.js');
-require('../ButtonDismiss-CrVS9qvM.js');
-require('../Button-BJQ6Ejjr.js');
+require('../Heading-DNVMkz9q.js');
+require('../Typography-DYUPEo3A.js');
+require('../ButtonDismiss-DcTAOplu.js');
+require('../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../Icon-COz3twBh.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-DujM7R07.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-aVXg8d6D.js';
 import 'react';
 import 'classnames';
-import '../Heading-rMLWU5QQ.js';
-import '../Typography-Dfc5QcyD.js';
-import '../ButtonDismiss-BDk_IQwR.js';
-import '../Button-DNnlnxie.js';
+import '../Heading-De8Cz0wk.js';
+import '../Typography-DhGlhWcl.js';
+import '../ButtonDismiss-DUIaPWcl.js';
+import '../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../Icon-BkEAR5t9.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';

package/dist/{DrawerGrid-D8U0Go8m.js → DrawerGrid-Bj7IP_ZC.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-B5N5rCZp.js');
-var ButtonDismiss = require('./ButtonDismiss-CrVS9qvM.js');
+var Heading = require('./Heading-DNVMkz9q.js');
+var ButtonDismiss = require('./ButtonDismiss-DcTAOplu.js');
 
-var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-","spinning":"MHKS1w5d9j4-"};
+var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
@@ -17,7 +17,8 @@ function Drawer({ title, children, open = true, onRequestClose, id, }) {
 }
 function Header({ title, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React.createElement(Heading.Heading, { level: 2 }, title),
+        React.createElement("div", { className: styles$1.heading },
+            React.createElement(Heading.Heading, { level: 2 }, title)),
         React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
 }
 

package/dist/{DrawerGrid-DujM7R07.js → DrawerGrid-aVXg8d6D.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-rMLWU5QQ.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BDk_IQwR.js';
+import { H as Heading } from './Heading-De8Cz0wk.js';
+import { B as ButtonDismiss } from './ButtonDismiss-DUIaPWcl.js';
 
-var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-","spinning":"MHKS1w5d9j4-"};
+var styles$1 = {"container":"LNIwHwCs8gQ-","drawer":"iDSQR4mxUvM-","open":"y9lAhWPltyg-","header":"s830oNhRdZE-","heading":"MZuJ7od4r-o-","contentScroll":"I4XEGwkvw74-","content":"jZzp04L7Gao-","spinning":"dzsdJUdmmt8-"};
 
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
@@ -15,7 +15,8 @@ function Drawer({ title, children, open = true, onRequestClose, id, }) {
 }
 function Header({ title, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React.createElement(Heading, { level: 2 }, title),
+        React.createElement("div", { className: styles$1.heading },
+            React.createElement(Heading, { level: 2 }, title)),
         React.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
 }
 

package/dist/Emphasis/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Emphasis = require('../Emphasis-DoxS7S30.js');
+var Emphasis = require('../Emphasis-S49l0Kwc.js');
 require('react');
-require('../Typography-BbeLF-cH.js');
+require('../Typography-DYUPEo3A.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-BYo0U-bF.js';
+export { E as Emphasis } from '../Emphasis-CG2lsbZH.js';
 import 'react';
-import '../Typography-Dfc5QcyD.js';
+import '../Typography-DhGlhWcl.js';
 import 'classnames';

package/dist/{Emphasis-BYo0U-bF.js → Emphasis-CG2lsbZH.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-Dfc5QcyD.js';
+import { T as Typography } from './Typography-DhGlhWcl.js';
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/{Emphasis-DoxS7S30.js → Emphasis-S49l0Kwc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-BbeLF-cH.js');
+var Typography = require('./Typography-DYUPEo3A.js');
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-Dt0_wLFx.js');
+var FeatureSwitch = require('../FeatureSwitch-Bda-S0QW.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-B5N5rCZp.js');
-require('../Typography-BbeLF-cH.js');
-require('../Text-B9SvNYhV.js');
-require('../Content-CWPwg3vC.js');
-require('../Switch-CBh9-rWP.js');
-require('../Button-BJQ6Ejjr.js');
+require('../Heading-DNVMkz9q.js');
+require('../Typography-DYUPEo3A.js');
+require('../Text-CJWvewR1.js');
+require('../Content-Bvcrqi5z.js');
+require('../Switch--1aqaaSB.js');
+require('../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../Icon-COz3twBh.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
-require('../Emphasis-DoxS7S30.js');
-require('../Markdown-BeMoNwWk.js');
-require('../index-C76JIj31.js');
-require('../_commonjsHelpers-Ci46CUxA.js');
-require('../_polyfill-node.process-CPLFG6go.js');
+require('../Emphasis-S49l0Kwc.js');
+require('../Markdown-q4KytAGw.js');
+require('../index-C36nFO6W.js');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../_polyfill-node.process-DUypQ5CD.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-DGhqv4tE.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-BWgflu0w.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-rMLWU5QQ.js';
-import '../Typography-Dfc5QcyD.js';
-import '../Text-CBZYvoLZ.js';
-import '../Content-CzuStjZy.js';
-import '../Switch-CH5rxoAI.js';
-import '../Button-DNnlnxie.js';
+import '../Heading-De8Cz0wk.js';
+import '../Typography-DhGlhWcl.js';
+import '../Text-DfqZm-hl.js';
+import '../Content-CZscRWg1.js';
+import '../Switch-ktH_XnkS.js';
+import '../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../Icon-BkEAR5t9.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';
-import '../Emphasis-BYo0U-bF.js';
-import '../Markdown-D74vcFM4.js';
-import '../index-DP6F9DkH.js';
-import '../_commonjsHelpers-qhLoVmu9.js';
-import '../_polyfill-node.process-DGZnL0el.js';
+import '../Emphasis-CG2lsbZH.js';
+import '../Markdown-D1xb-Cwj.js';
+import '../index-BEcecQeg.js';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../_polyfill-node.process-BFFOZcuv.js';

package/dist/{FeatureSwitch-DGhqv4tE.js → FeatureSwitch-BWgflu0w.js}

@@ -1,15 +1,15 @@
 import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-rMLWU5QQ.js';
-import { T as Text } from './Text-CBZYvoLZ.js';
-import { C as Content } from './Content-CzuStjZy.js';
-import { S as Switch } from './Switch-CH5rxoAI.js';
-import { B as Button } from './Button-DNnlnxie.js';
-import { E as Emphasis } from './Emphasis-BYo0U-bF.js';
-import { M as Markdown } from './Markdown-D74vcFM4.js';
+import { H as Heading } from './Heading-De8Cz0wk.js';
+import { T as Text } from './Text-DfqZm-hl.js';
+import { C as Content } from './Content-CZscRWg1.js';
+import { S as Switch } from './Switch-ktH_XnkS.js';
+import { B as Button } from './Button-B_S7hCDq.js';
+import { E as Emphasis } from './Emphasis-CG2lsbZH.js';
+import { M as Markdown } from './Markdown-D1xb-Cwj.js';
 
-var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-","spinning":"_2z6hSpfyut0-"};
+var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
     const [savedIndicator, setSavedIndicator] = useState(false);

package/dist/{FeatureSwitch-Dt0_wLFx.js → FeatureSwitch-Bda-S0QW.js}

@@ -3,15 +3,15 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-B5N5rCZp.js');
-var Text = require('./Text-B9SvNYhV.js');
-var Content = require('./Content-CWPwg3vC.js');
-var Switch = require('./Switch-CBh9-rWP.js');
-var Button = require('./Button-BJQ6Ejjr.js');
-var Emphasis = require('./Emphasis-DoxS7S30.js');
-var Markdown = require('./Markdown-BeMoNwWk.js');
+var Heading = require('./Heading-DNVMkz9q.js');
+var Text = require('./Text-CJWvewR1.js');
+var Content = require('./Content-Bvcrqi5z.js');
+var Switch = require('./Switch--1aqaaSB.js');
+var Button = require('./Button-X03o-OsV.js');
+var Emphasis = require('./Emphasis-S49l0Kwc.js');
+var Markdown = require('./Markdown-q4KytAGw.js');
 
-var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-","spinning":"_2z6hSpfyut0-"};
+var styles = {"container":"o-b2tWQIZvw-","content":"NZtPT-dXFeQ-","action":"tDW-yhISuqQ-","savedIndicator":"Y-aeIDV1dL4-","featureContent":"iXr88Nr7vpk-","enabled":"GSDyu-sASro-","spinning":"gzT5ooqpZG4-"};
 
 function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
     const [savedIndicator, setSavedIndicator] = React.useState(false);

package/dist/Flex/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Flex = require('../Flex-BgqKTUyE.js');
+var Flex = require('../Flex-FEWYiEyG.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

@@ -1,3 +1,3 @@
-export { F as Flex } from '../Flex-YklbDzqk.js';
+export { F as Flex } from '../Flex-BuEj3_N5.js';
 import 'react';
 import 'classnames';

package/dist/{Flex-YklbDzqk.js → Flex-BuEj3_N5.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 
-var styles = {"flexible":"_8VpnrMKmsqQ-","smallestGap":"ooF1YfV4Usc-","smallerGap":"ppCZfXq-Kqc-","smallGap":"tElkBalXH3g-","baseGap":"_4u3OwUKxxbg-","largeGap":"RL7CJla0AAI-","noneGap":"fV4cvFYkhgo-","startAlign":"_04xVVjZgr-0-","centerAlign":"Nc3zrqHHYSg-","endAlign":"qA-v50wBX1U-","spinning":"g30TY7CAGIA-"};
+var styles = {"flexible":"pEdV7Oo29SE-","smallestGap":"ftl4BEGpmyA-","smallerGap":"ikaEWOhu3ZI-","smallGap":"V9xi4msiJlM-","baseGap":"Jzbdj1Ja38E-","largeGap":"cLrQOLCo-z8-","noneGap":"VZokN5bjMl0-","startAlign":"_9CW5WRJdMFo-","centerAlign":"zVzX2gVWEGw-","endAlign":"cnhrFSJxBCo-","spinning":"WKqP-JY0YEw-"};
 
 function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
     return (React.createElement("div", { className: classnames(styles.flexible, {

package/dist/{Flex-BgqKTUyE.js → Flex-FEWYiEyG.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 
-var styles = {"flexible":"_8VpnrMKmsqQ-","smallestGap":"ooF1YfV4Usc-","smallerGap":"ppCZfXq-Kqc-","smallGap":"tElkBalXH3g-","baseGap":"_4u3OwUKxxbg-","largeGap":"RL7CJla0AAI-","noneGap":"fV4cvFYkhgo-","startAlign":"_04xVVjZgr-0-","centerAlign":"Nc3zrqHHYSg-","endAlign":"qA-v50wBX1U-","spinning":"g30TY7CAGIA-"};
+var styles = {"flexible":"pEdV7Oo29SE-","smallestGap":"ftl4BEGpmyA-","smallerGap":"ikaEWOhu3ZI-","smallGap":"V9xi4msiJlM-","baseGap":"Jzbdj1Ja38E-","largeGap":"cLrQOLCo-z8-","noneGap":"VZokN5bjMl0-","startAlign":"_9CW5WRJdMFo-","centerAlign":"zVzX2gVWEGw-","endAlign":"cnhrFSJxBCo-","spinning":"WKqP-JY0YEw-"};
 
 function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
     return (React.createElement("div", { className: classnames(styles.flexible, {