@jobber/components 5.15.0 → 5.15.2-JOB-95931.4

package/dist/Markdown/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Markdown = require('../Markdown-Bpmfe6ls.js');
+var Markdown = require('../Markdown-D7i-DUcB.js');
 require('react');
-require('../Text-BsJX6l8b.js');
-require('../Typography-DJ_0r0qH.js');
+require('../Text-ClMWx4Cx.js');
+require('../Typography-BeJOz_Y1.js');
 require('classnames');
-require('../Emphasis-C4xpcD0G.js');
-require('../Heading-D297d8T5.js');
-require('../Content-BLmQVTeK.js');
-require('../index-Bw5jrWzB.js');
-require('../_commonjsHelpers-CagcQFgh.js');
-require('../_polyfill-node.process-0ZkdVC5U.js');
+require('../Emphasis-CEyOpzY9.js');
+require('../Heading-DkxQEIIx.js');
+require('../Content-DGrm3a3s.js');
+require('../index-2iA-rJPu.js');
+require('../_commonjsHelpers-C2EDNFCo.js');
+require('../_polyfill-node.process-DQjgqiaS.js');
 
 
 

package/dist/Markdown/index.mjs

@@ -1,11 +1,11 @@
-export { M as Markdown } from '../Markdown-BfXM75JR.js';
+export { M as Markdown } from '../Markdown-D9yWKcsX.js';
 import 'react';
-import '../Text-BSHy1qR8.js';
-import '../Typography-xUWAxp_k.js';
+import '../Text-BDvq1q6M.js';
+import '../Typography-Cgw6s7bq.js';
 import 'classnames';
-import '../Emphasis-JMvqzDSa.js';
-import '../Heading-V2swJYnr.js';
-import '../Content-3N_LuzJM.js';
-import '../index--4f8Hfju.js';
-import '../_commonjsHelpers-CHmtto5F.js';
-import '../_polyfill-node.process-Ce-JUbSe.js';
+import '../Emphasis-o2YlTk42.js';
+import '../Heading-BCVMnz6f.js';
+import '../Content-BvHXJxPf.js';
+import '../index-DasfoNVi.js';
+import '../_commonjsHelpers-BhigmKrC.js';
+import '../_polyfill-node.process-aQpd869G.js';

package/dist/{Markdown-Bpmfe6ls.js → Markdown-D7i-DUcB.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-BsJX6l8b.js');
-var Emphasis = require('./Emphasis-C4xpcD0G.js');
-var Heading = require('./Heading-D297d8T5.js');
-var Content = require('./Content-BLmQVTeK.js');
-var index$3 = require('./index-Bw5jrWzB.js');
-var _commonjsHelpers = require('./_commonjsHelpers-CagcQFgh.js');
-var _polyfillNode_process = require('./_polyfill-node.process-0ZkdVC5U.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Emphasis = require('./Emphasis-CEyOpzY9.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Content = require('./Content-DGrm3a3s.js');
+var index$3 = require('./index-2iA-rJPu.js');
+var _commonjsHelpers = require('./_commonjsHelpers-C2EDNFCo.js');
+var _polyfillNode_process = require('./_polyfill-node.process-DQjgqiaS.js');
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/{Markdown-BfXM75JR.js → Markdown-D9yWKcsX.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { T as Text } from './Text-BSHy1qR8.js';
-import { E as Emphasis } from './Emphasis-JMvqzDSa.js';
-import { H as Heading } from './Heading-V2swJYnr.js';
-import { C as Content } from './Content-3N_LuzJM.js';
-import { P as PropTypes } from './index--4f8Hfju.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CHmtto5F.js';
-import { b as browser$1 } from './_polyfill-node.process-Ce-JUbSe.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { E as Emphasis } from './Emphasis-o2YlTk42.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { C as Content } from './Content-BvHXJxPf.js';
+import { P as PropTypes } from './index-DasfoNVi.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BhigmKrC.js';
+import { b as browser$1 } from './_polyfill-node.process-aQpd869G.js';
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/Menu/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Menu = require('../Menu-4DSrslqL.js');
+var Menu = require('../Menu-BBegPFv2.js');
 require('react');
 require('classnames');
 require('framer-motion');
-require('../useOnKeyDown-CPs80myR.js');
-require('../useRefocusOnActivator-CQf2DFND.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
 require('react-popper');
-require('../useIsMounted-DAqWWufe.js');
-require('../useSafeLayoutEffect-Q8UQWpBF.js');
+require('../useIsMounted-BmNUnJfa.js');
+require('../useSafeLayoutEffect-bMDPXSpI.js');
 require('react-dom');
-require('../useFocusTrap-BpFGTp1k.js');
-require('../Button-Byq88mad.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-BufrGs6u.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Typography-DJ_0r0qH.js');
-require('../useFormFieldFocus-CUcefyla.js');
+require('../Typography-BeJOz_Y1.js');
+require('../useFormFieldFocus-Cp7qK_Oj.js');
 
 
 

package/dist/Menu/index.mjs

@@ -1,17 +1,17 @@
-export { M as Menu } from '../Menu-CoyNuoT0.js';
+export { M as Menu } from '../Menu-Bd4jDRaI.js';
 import 'react';
 import 'classnames';
 import 'framer-motion';
-import '../useOnKeyDown-D1aFcDVr.js';
-import '../useRefocusOnActivator-CLjx9gOZ.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
 import 'react-popper';
-import '../useIsMounted-CHf8alqF.js';
-import '../useSafeLayoutEffect-pKlF2XUN.js';
+import '../useIsMounted-BmnEY7TN.js';
+import '../useSafeLayoutEffect-PUF6XCZJ.js';
 import 'react-dom';
-import '../useFocusTrap-BvdfAryl.js';
-import '../Button-CM1YNhZU.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DNGk_9ux.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Typography-xUWAxp_k.js';
-import '../useFormFieldFocus-cbE-huvJ.js';
+import '../Typography-Cgw6s7bq.js';
+import '../useFormFieldFocus-8xvu_EXm.js';

package/dist/{Menu-4DSrslqL.js → Menu-BBegPFv2.js}

@@ -3,16 +3,16 @@
 var React = require('react');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useOnKeyDown = require('./useOnKeyDown-CPs80myR.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-CQf2DFND.js');
+var useOnKeyDown = require('./useOnKeyDown-592DmDGX.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CDC1dWYb.js');
 var reactPopper = require('react-popper');
-var useIsMounted = require('./useIsMounted-DAqWWufe.js');
+var useIsMounted = require('./useIsMounted-BmNUnJfa.js');
 var ReactDOM = require('react-dom');
-var useFocusTrap = require('./useFocusTrap-BpFGTp1k.js');
-var Button = require('./Button-Byq88mad.js');
-var Typography = require('./Typography-DJ_0r0qH.js');
-var Icon = require('./Icon-BufrGs6u.js');
-var useFormFieldFocus = require('./useFormFieldFocus-CUcefyla.js');
+var useFocusTrap = require('./useFocusTrap-i2g6vOqh.js');
+var Button = require('./Button-I9WiKpzK.js');
+var Typography = require('./Typography-BeJOz_Y1.js');
+var Icon = require('./Icon-6XBJKf2A.js');
+var useFormFieldFocus = require('./useFormFieldFocus-Cp7qK_Oj.js');
 
 var useWindowDimensions$1 = {};
 

package/dist/{Menu-CoyNuoT0.js → Menu-Bd4jDRaI.js}

@@ -1,16 +1,16 @@
 import React, { useState, useRef, useId } from 'react';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-D1aFcDVr.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CLjx9gOZ.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-D6ZzXGwm.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-8qHQbbZR.js';
 import { usePopper } from 'react-popper';
-import { u as useIsMounted_2 } from './useIsMounted-CHf8alqF.js';
+import { u as useIsMounted_2 } from './useIsMounted-BmnEY7TN.js';
 import ReactDOM from 'react-dom';
-import { u as useFocusTrap_2 } from './useFocusTrap-BvdfAryl.js';
-import { B as Button } from './Button-CM1YNhZU.js';
-import { T as Typography } from './Typography-xUWAxp_k.js';
-import { I as Icon } from './Icon-DNGk_9ux.js';
-import { f as formFieldFocusAttribute } from './useFormFieldFocus-cbE-huvJ.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CP-NTW8x.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { T as Typography } from './Typography-Cgw6s7bq.js';
+import { I as Icon } from './Icon-DPdxUnVA.js';
+import { f as formFieldFocusAttribute } from './useFormFieldFocus-8xvu_EXm.js';
 
 var useWindowDimensions$1 = {};
 

package/dist/Modal/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Modal = require('../Modal-C5SwgdEq.js');
+var Modal = require('../Modal-CYYuRvVc.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../useRefocusOnActivator-CQf2DFND.js');
-require('../useOnKeyDown-CPs80myR.js');
-require('../useFocusTrap-BpFGTp1k.js');
-require('../Heading-D297d8T5.js');
-require('../Typography-DJ_0r0qH.js');
-require('../Button-Byq88mad.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../Heading-DkxQEIIx.js');
+require('../Typography-BeJOz_Y1.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-BufrGs6u.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../ButtonDismiss-DIHHf_I5.js');
+require('../ButtonDismiss-CUB3N5MP.js');
 
 
 

package/dist/Modal/index.mjs

@@ -1,15 +1,15 @@
-export { M as Modal } from '../Modal-CJq8YbTy.js';
+export { M as Modal } from '../Modal-DT35fkFS.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../useRefocusOnActivator-CLjx9gOZ.js';
-import '../useOnKeyDown-D1aFcDVr.js';
-import '../useFocusTrap-BvdfAryl.js';
-import '../Heading-V2swJYnr.js';
-import '../Typography-xUWAxp_k.js';
-import '../Button-CM1YNhZU.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../Heading-BCVMnz6f.js';
+import '../Typography-Cgw6s7bq.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DNGk_9ux.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../ButtonDismiss-DQUhTWXw.js';
+import '../ButtonDismiss-BwfmrrsW.js';

package/dist/{Modal-C5SwgdEq.js → Modal-CYYuRvVc.js}

@@ -4,12 +4,12 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useRefocusOnActivator = require('./useRefocusOnActivator-CQf2DFND.js');
-var useOnKeyDown = require('./useOnKeyDown-CPs80myR.js');
-var useFocusTrap = require('./useFocusTrap-BpFGTp1k.js');
-var Heading = require('./Heading-D297d8T5.js');
-var Button = require('./Button-Byq88mad.js');
-var ButtonDismiss = require('./ButtonDismiss-DIHHf_I5.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CDC1dWYb.js');
+var useOnKeyDown = require('./useOnKeyDown-592DmDGX.js');
+var useFocusTrap = require('./useFocusTrap-i2g6vOqh.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Button = require('./Button-I9WiKpzK.js');
+var ButtonDismiss = require('./ButtonDismiss-CUB3N5MP.js');
 
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 

package/dist/{Modal-CJq8YbTy.js → Modal-DT35fkFS.js}

@@ -2,12 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CLjx9gOZ.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-D1aFcDVr.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-BvdfAryl.js';
-import { H as Heading } from './Heading-V2swJYnr.js';
-import { B as Button } from './Button-CM1YNhZU.js';
-import { B as ButtonDismiss } from './ButtonDismiss-DQUhTWXw.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-8qHQbbZR.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-D6ZzXGwm.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CP-NTW8x.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BwfmrrsW.js';
 
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 

package/dist/MultiSelect/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var MultiSelect = require('../MultiSelect-DXzEs-ck.js');
+var MultiSelect = require('../MultiSelect-Dgvs5zB9.js');
 require('react');
 require('classnames');
-require('../Checkbox-CVu9FXa2.js');
-require('../tslib.es6-BmTskphq.js');
+require('../Checkbox-CZmIwg-S.js');
+require('../tslib.es6-CyV5PTod.js');
 require('react-hook-form');
-require('../Icon-BufrGs6u.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Text-BsJX6l8b.js');
-require('../Typography-DJ_0r0qH.js');
+require('../Text-ClMWx4Cx.js');
+require('../Typography-BeJOz_Y1.js');
 
 
 

package/dist/MultiSelect/index.mjs

@@ -1,10 +1,10 @@
-export { M as MultiSelect } from '../MultiSelect-ct4TmrI7.js';
+export { M as MultiSelect } from '../MultiSelect-DND9SgvQ.js';
 import 'react';
 import 'classnames';
-import '../Checkbox-D1fCf3ym.js';
-import '../tslib.es6-B5BWPhpb.js';
+import '../Checkbox-CioTpx9P.js';
+import '../tslib.es6-DZQtziZ1.js';
 import 'react-hook-form';
-import '../Icon-DNGk_9ux.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Text-BSHy1qR8.js';
-import '../Typography-xUWAxp_k.js';
+import '../Text-BDvq1q6M.js';
+import '../Typography-Cgw6s7bq.js';

package/dist/{MultiSelect-ct4TmrI7.js → MultiSelect-DND9SgvQ.js}

@@ -1,8 +1,8 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { C as Checkbox } from './Checkbox-D1fCf3ym.js';
-import { T as Text } from './Text-BSHy1qR8.js';
-import { I as Icon } from './Icon-DNGk_9ux.js';
+import { C as Checkbox } from './Checkbox-CioTpx9P.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { I as Icon } from './Icon-DPdxUnVA.js';
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 

package/dist/{MultiSelect-DXzEs-ck.js → MultiSelect-Dgvs5zB9.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Checkbox = require('./Checkbox-CVu9FXa2.js');
-var Text = require('./Text-BsJX6l8b.js');
-var Icon = require('./Icon-BufrGs6u.js');
+var Checkbox = require('./Checkbox-CZmIwg-S.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Icon = require('./Icon-6XBJKf2A.js');
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 

package/dist/{Option-avQphnAA.js → Option-Bs-TcPC9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-CULogi7N.js');
+var FormField = require('./FormField-DZON4qpL.js');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/{Option-DKC5M92X.js → Option-D6q6wSoo.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-CXvu2Pa7.js';
+import { F as FormField } from './FormField-B1pc7Wxt.js';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/Page/Page.d.ts

@@ -8,6 +8,11 @@ interface PageFoundationProps {
      * Title of the page.
      */
     readonly title: string;
+    /**
+     * TitleMetaData component to be displayed
+     * next to the title.
+     */
+    readonly titleMetaData?: ReactNode;
     /**
      * Subtitle of the page.
      */
@@ -55,5 +60,5 @@ interface PageWithIntroProps extends PageFoundationProps {
     readonly externalIntroLinks?: boolean;
 }
 export type PageProps = XOR<PageFoundationProps, PageWithIntroProps>;
-export declare function Page({ title, intro, externalIntroLinks, subtitle, children, width, primaryAction, secondaryAction, moreActionsMenu, }: PageProps): JSX.Element;
+export declare function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width, primaryAction, secondaryAction, moreActionsMenu, }: PageProps): JSX.Element;
 export {};

package/dist/Page/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var Page = require('../Page-B59BN3RS.js');
+var Page = require('../Page-eYdWpxJp.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-CQ_VqXq7.js');
-require('../_commonjsHelpers-CagcQFgh.js');
-require('../throttle-CPKoQFgR.js');
-require('../debounce-Dn4tqiQx.js');
-require('../isObjectLike-B1hE1OXW.js');
-require('../isSymbol-ln3O6KKY.js');
-require('../Heading-D297d8T5.js');
-require('../Typography-DJ_0r0qH.js');
-require('../Text-BsJX6l8b.js');
-require('../Content-BLmQVTeK.js');
-require('../Markdown-Bpmfe6ls.js');
-require('../Emphasis-C4xpcD0G.js');
-require('../index-Bw5jrWzB.js');
-require('../_polyfill-node.process-0ZkdVC5U.js');
-require('../Button-Byq88mad.js');
+require('../useResizeObserver-DgCrXCqs.js');
+require('../_commonjsHelpers-C2EDNFCo.js');
+require('../throttle-DhhWXaTB.js');
+require('../debounce-C6eIHGBp.js');
+require('../isObjectLike-D3o1bGX4.js');
+require('../isSymbol-Cb9M4mlu.js');
+require('../Heading-DkxQEIIx.js');
+require('../Typography-BeJOz_Y1.js');
+require('../Text-ClMWx4Cx.js');
+require('../Content-DGrm3a3s.js');
+require('../Markdown-D7i-DUcB.js');
+require('../Emphasis-CEyOpzY9.js');
+require('../index-2iA-rJPu.js');
+require('../_polyfill-node.process-DQjgqiaS.js');
+require('../Button-I9WiKpzK.js');
 require('react-router-dom');
-require('../Icon-BufrGs6u.js');
+require('../Icon-6XBJKf2A.js');
 require('@jobber/design');
-require('../Menu-4DSrslqL.js');
+require('../Menu-BBegPFv2.js');
 require('framer-motion');
-require('../useOnKeyDown-CPs80myR.js');
-require('../useRefocusOnActivator-CQf2DFND.js');
+require('../useOnKeyDown-592DmDGX.js');
+require('../useRefocusOnActivator-CDC1dWYb.js');
 require('react-popper');
-require('../useIsMounted-DAqWWufe.js');
-require('../useSafeLayoutEffect-Q8UQWpBF.js');
+require('../useIsMounted-BmNUnJfa.js');
+require('../useSafeLayoutEffect-bMDPXSpI.js');
 require('react-dom');
-require('../useFocusTrap-BpFGTp1k.js');
-require('../useFormFieldFocus-CUcefyla.js');
+require('../useFocusTrap-i2g6vOqh.js');
+require('../useFormFieldFocus-Cp7qK_Oj.js');
 
 
 

package/dist/Page/index.mjs

@@ -1,31 +1,31 @@
-export { P as Page } from '../Page-BjvpWpSV.js';
+export { P as Page } from '../Page-DYBkSS8c.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-DR6y7MbD.js';
-import '../_commonjsHelpers-CHmtto5F.js';
-import '../throttle-CJo-uIIk.js';
-import '../debounce-C2D9ngL5.js';
-import '../isObjectLike-h5CBja4r.js';
-import '../isSymbol-BW7R27fk.js';
-import '../Heading-V2swJYnr.js';
-import '../Typography-xUWAxp_k.js';
-import '../Text-BSHy1qR8.js';
-import '../Content-3N_LuzJM.js';
-import '../Markdown-BfXM75JR.js';
-import '../Emphasis-JMvqzDSa.js';
-import '../index--4f8Hfju.js';
-import '../_polyfill-node.process-Ce-JUbSe.js';
-import '../Button-CM1YNhZU.js';
+import '../useResizeObserver-C9o-3S6a.js';
+import '../_commonjsHelpers-BhigmKrC.js';
+import '../throttle-z3JJ-osn.js';
+import '../debounce-6TAT4YvR.js';
+import '../isObjectLike-B0t9cxZM.js';
+import '../isSymbol-D_lHa6Mk.js';
+import '../Heading-BCVMnz6f.js';
+import '../Typography-Cgw6s7bq.js';
+import '../Text-BDvq1q6M.js';
+import '../Content-BvHXJxPf.js';
+import '../Markdown-D9yWKcsX.js';
+import '../Emphasis-o2YlTk42.js';
+import '../index-DasfoNVi.js';
+import '../_polyfill-node.process-aQpd869G.js';
+import '../Button-w0bFqF8B.js';
 import 'react-router-dom';
-import '../Icon-DNGk_9ux.js';
+import '../Icon-DPdxUnVA.js';
 import '@jobber/design';
-import '../Menu-CoyNuoT0.js';
+import '../Menu-Bd4jDRaI.js';
 import 'framer-motion';
-import '../useOnKeyDown-D1aFcDVr.js';
-import '../useRefocusOnActivator-CLjx9gOZ.js';
+import '../useOnKeyDown-D6ZzXGwm.js';
+import '../useRefocusOnActivator-8qHQbbZR.js';
 import 'react-popper';
-import '../useIsMounted-CHf8alqF.js';
-import '../useSafeLayoutEffect-pKlF2XUN.js';
+import '../useIsMounted-BmnEY7TN.js';
+import '../useSafeLayoutEffect-PUF6XCZJ.js';
 import 'react-dom';
-import '../useFocusTrap-BvdfAryl.js';
-import '../useFormFieldFocus-cbE-huvJ.js';
+import '../useFocusTrap-CP-NTW8x.js';
+import '../useFormFieldFocus-8xvu_EXm.js';

package/dist/{Page-BjvpWpSV.js → Page-DYBkSS8c.js}

@@ -1,18 +1,18 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-DR6y7MbD.js';
-import { H as Heading } from './Heading-V2swJYnr.js';
-import { T as Text } from './Text-BSHy1qR8.js';
-import { C as Content } from './Content-3N_LuzJM.js';
-import { M as Markdown } from './Markdown-BfXM75JR.js';
-import { B as Button } from './Button-CM1YNhZU.js';
-import { M as Menu } from './Menu-CoyNuoT0.js';
-import { E as Emphasis } from './Emphasis-JMvqzDSa.js';
+import { u as useResizeObserver } from './useResizeObserver-C9o-3S6a.js';
+import { H as Heading } from './Heading-BCVMnz6f.js';
+import { T as Text } from './Text-BDvq1q6M.js';
+import { C as Content } from './Content-BvHXJxPf.js';
+import { M as Markdown } from './Markdown-D9yWKcsX.js';
+import { B as Button } from './Button-w0bFqF8B.js';
+import { M as Menu } from './Menu-Bd4jDRaI.js';
+import { E as Emphasis } from './Emphasis-o2YlTk42.js';
 
-var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
+var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","titleRow":"Rwavr8hZaCg-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
 
 // eslint-disable-next-line max-statements
-function Page({ title, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
+function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
     const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
@@ -36,7 +36,9 @@ function Page({ title, intro, externalIntroLinks, subtitle, children, width = "s
             React.createElement(Content, null,
                 React.createElement("div", { className: titleBarClasses, ref: titleBarRef },
                     React.createElement("div", null,
-                        React.createElement(Heading, { level: 1 }, title),
+                        React.createElement("div", { className: styles.titleRow },
+                            React.createElement(Heading, { level: 1 }, title),
+                            titleMetaData),
                         subtitle && (React.createElement("div", { className: styles.subtitle },
                             React.createElement(Text, { size: "large", variation: "subdued" },
                                 React.createElement(Emphasis, { variation: "bold" },

package/dist/{Page-B59BN3RS.js → Page-eYdWpxJp.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-CQ_VqXq7.js');
-var Heading = require('./Heading-D297d8T5.js');
-var Text = require('./Text-BsJX6l8b.js');
-var Content = require('./Content-BLmQVTeK.js');
-var Markdown = require('./Markdown-Bpmfe6ls.js');
-var Button = require('./Button-Byq88mad.js');
-var Menu = require('./Menu-4DSrslqL.js');
-var Emphasis = require('./Emphasis-C4xpcD0G.js');
+var useResizeObserver = require('./useResizeObserver-DgCrXCqs.js');
+var Heading = require('./Heading-DkxQEIIx.js');
+var Text = require('./Text-ClMWx4Cx.js');
+var Content = require('./Content-DGrm3a3s.js');
+var Markdown = require('./Markdown-D7i-DUcB.js');
+var Button = require('./Button-I9WiKpzK.js');
+var Menu = require('./Menu-BBegPFv2.js');
+var Emphasis = require('./Emphasis-CEyOpzY9.js');
 
-var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
+var styles = {"page":"pVEdXlwstrc-","fill":"_9r84iz--C5M-","standard":"_0LO26JFXU9g-","narrow":"KiMIF8eFbuE-","titleBar":"GCeQrLFyml4-","titleRow":"Rwavr8hZaCg-","actionGroup":"KP-BTjB82iQ-","large":"GuFU-PgC1j4-","medium":"qiwlkB5pxkA-","small":"CbPnpIk7-EE-","primaryAction":"E5FEsck9zwg-","actionButton":"Sn3-wJuNCqk-","subtitle":"_9ZKFDK2jL80-"};
 
 // eslint-disable-next-line max-statements
-function Page({ title, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
+function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
     const [titleBarRef, { width: titleBarWidth = useResizeObserver.useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
@@ -38,7 +38,9 @@ function Page({ title, intro, externalIntroLinks, subtitle, children, width = "s
             React.createElement(Content.Content, null,
                 React.createElement("div", { className: titleBarClasses, ref: titleBarRef },
                     React.createElement("div", null,
-                        React.createElement(Heading.Heading, { level: 1 }, title),
+                        React.createElement("div", { className: styles.titleRow },
+                            React.createElement(Heading.Heading, { level: 1 }, title),
+                            titleMetaData),
                         subtitle && (React.createElement("div", { className: styles.subtitle },
                             React.createElement(Text.Text, { size: "large", variation: "subdued" },
                                 React.createElement(Emphasis.Emphasis, { variation: "bold" },