@jobber/components 5.10.1 → 5.12.0

package/dist/{List-BFgPklpi.js → List-D3XaDCIO.js}

@@ -1,15 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
-import { _ as _baseEach, a as _baseIteratee, g as get } from './_baseEach-DvPZDUE2.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E5-HOhA6.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-CKEwqdrj.js';
-import { b as isArray_1 } from './_getTag-C5eQcMph.js';
-import { I as Icon } from './Icon-Cj4Xz7cR.js';
-import { T as Text } from './Text-BVW7dHjH.js';
-import { H as Heading } from './Heading-BaGG35oe.js';
-import { T as Typography } from './Typography-C_Gl9If1.js';
-import { M as Markdown } from './Markdown-Dq71VtAT.js';
-import { E as Emphasis } from './Emphasis-cmoH_v_w.js';
+import { _ as _baseEach, a as _baseIteratee, g as get } from './_baseEach-Sn_IEyV7.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-hZKvD3QA.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-CGVSLpoa.js';
+import { b as isArray_1 } from './_getTag-BgnFOYSA.js';
+import { I as Icon } from './Icon-Dh8K_yZd.js';
+import { T as Text } from './Text-CeTEU5FJ.js';
+import { H as Heading } from './Heading-nksu2YDx.js';
+import { T as Typography } from './Typography-DbxLi7l1.js';
+import { M as Markdown } from './Markdown-2bJpJaIc.js';
+import { E as Emphasis } from './Emphasis-DBZYX10y.js';
 
 /**
  * A specialized version of `baseAggregator` for arrays.

package/dist/Markdown/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Markdown = require('../Markdown-CQj_pdV-.js');
+var Markdown = require('../Markdown-B4wbLllV.js');
 require('react');
-require('../Text-_EV-h5cU.js');
-require('../Typography-WjGCe5uo.js');
+require('../Text-BCeitAaG.js');
+require('../Typography-CqTtFYxk.js');
 require('classnames');
-require('../Emphasis-CD4rDGoy.js');
-require('../Heading-BX_pue9Z.js');
-require('../Content-zhbnwE2s.js');
-require('../index-DOXseF34.js');
-require('../_commonjsHelpers-BTa7F8aU.js');
-require('../_polyfill-node.process-qh83IHry.js');
+require('../Emphasis-dpJzjZxP.js');
+require('../Heading-RRQxj1Q5.js');
+require('../Content-8XJsQm83.js');
+require('../index-CSPbTiKY.js');
+require('../_commonjsHelpers-HvomFGm4.js');
+require('../_polyfill-node.process-Cy1eytCM.js');
 
 
 

package/dist/Markdown/index.mjs

@@ -1,11 +1,11 @@
-export { M as Markdown } from '../Markdown-Dq71VtAT.js';
+export { M as Markdown } from '../Markdown-2bJpJaIc.js';
 import 'react';
-import '../Text-BVW7dHjH.js';
-import '../Typography-C_Gl9If1.js';
+import '../Text-CeTEU5FJ.js';
+import '../Typography-DbxLi7l1.js';
 import 'classnames';
-import '../Emphasis-cmoH_v_w.js';
-import '../Heading-BaGG35oe.js';
-import '../Content-CLJaonkJ.js';
-import '../index-CA40S1il.js';
-import '../_commonjsHelpers-E5-HOhA6.js';
-import '../_polyfill-node.process-DDAoVSuq.js';
+import '../Emphasis-DBZYX10y.js';
+import '../Heading-nksu2YDx.js';
+import '../Content-DTJYoYxA.js';
+import '../index-CZNSdNUj.js';
+import '../_commonjsHelpers-hZKvD3QA.js';
+import '../_polyfill-node.process-nHWMg7zO.js';

package/dist/{Markdown-Dq71VtAT.js → Markdown-2bJpJaIc.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { T as Text } from './Text-BVW7dHjH.js';
-import { E as Emphasis } from './Emphasis-cmoH_v_w.js';
-import { H as Heading } from './Heading-BaGG35oe.js';
-import { C as Content } from './Content-CLJaonkJ.js';
-import { P as PropTypes } from './index-CA40S1il.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-E5-HOhA6.js';
-import { b as browser$1 } from './_polyfill-node.process-DDAoVSuq.js';
+import { T as Text } from './Text-CeTEU5FJ.js';
+import { E as Emphasis } from './Emphasis-DBZYX10y.js';
+import { H as Heading } from './Heading-nksu2YDx.js';
+import { C as Content } from './Content-DTJYoYxA.js';
+import { P as PropTypes } from './index-CZNSdNUj.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-hZKvD3QA.js';
+import { b as browser$1 } from './_polyfill-node.process-nHWMg7zO.js';
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/{Markdown-CQj_pdV-.js → Markdown-B4wbLllV.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Text = require('./Text-_EV-h5cU.js');
-var Emphasis = require('./Emphasis-CD4rDGoy.js');
-var Heading = require('./Heading-BX_pue9Z.js');
-var Content = require('./Content-zhbnwE2s.js');
-var index$3 = require('./index-DOXseF34.js');
-var _commonjsHelpers = require('./_commonjsHelpers-BTa7F8aU.js');
-var _polyfillNode_process = require('./_polyfill-node.process-qh83IHry.js');
+var Text = require('./Text-BCeitAaG.js');
+var Emphasis = require('./Emphasis-dpJzjZxP.js');
+var Heading = require('./Heading-RRQxj1Q5.js');
+var Content = require('./Content-8XJsQm83.js');
+var index$3 = require('./index-CSPbTiKY.js');
+var _commonjsHelpers = require('./_commonjsHelpers-HvomFGm4.js');
+var _polyfillNode_process = require('./_polyfill-node.process-Cy1eytCM.js');
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 

package/dist/Menu/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Menu = require('../Menu-BSfI92A0.js');
+var Menu = require('../Menu-VI64pPjz.js');
 require('react');
 require('classnames');
 require('framer-motion');
-require('../useOnKeyDown-DqMNOk7O.js');
-require('../useRefocusOnActivator-CQlAuC-h.js');
+require('../useOnKeyDown-DyxhkFUJ.js');
+require('../useRefocusOnActivator-BWYONoDx.js');
 require('react-popper');
-require('../useIsMounted-CaZPs_oM.js');
-require('../useSafeLayoutEffect-BWsAKsKK.js');
+require('../useIsMounted-De2VLVJt.js');
+require('../useSafeLayoutEffect-DQpvWMZy.js');
 require('react-dom');
-require('../useFocusTrap-BCQN47Iu.js');
-require('../Button-A6LAX-7t.js');
+require('../useFocusTrap-Dy3gwkZf.js');
+require('../Button-BFJGQVFV.js');
 require('react-router-dom');
-require('../Icon-CDhoj_8v.js');
+require('../Icon-C_DbPbIP.js');
 require('@jobber/design');
-require('../Typography-WjGCe5uo.js');
-require('../useFormFieldFocus-D3AHz_vI.js');
+require('../Typography-CqTtFYxk.js');
+require('../useFormFieldFocus-smsbamXp.js');
 
 
 

package/dist/Menu/index.mjs

@@ -1,17 +1,17 @@
-export { M as Menu } from '../Menu-BcevGeeu.js';
+export { M as Menu } from '../Menu-B6Ka8i_L.js';
 import 'react';
 import 'classnames';
 import 'framer-motion';
-import '../useOnKeyDown-BlYhZZOF.js';
-import '../useRefocusOnActivator-DjW9eW4Z.js';
+import '../useOnKeyDown-Bn3yJp2v.js';
+import '../useRefocusOnActivator-BvpwlQes.js';
 import 'react-popper';
-import '../useIsMounted-lgZ5PQdX.js';
-import '../useSafeLayoutEffect-GjiILhWs.js';
+import '../useIsMounted-C9OyDyfz.js';
+import '../useSafeLayoutEffect-ndpgTq7-.js';
 import 'react-dom';
-import '../useFocusTrap-_0spfVOc.js';
-import '../Button-acSM7UYl.js';
+import '../useFocusTrap-Agx6eowS.js';
+import '../Button-DIu8woBI.js';
 import 'react-router-dom';
-import '../Icon-Cj4Xz7cR.js';
+import '../Icon-Dh8K_yZd.js';
 import '@jobber/design';
-import '../Typography-C_Gl9If1.js';
-import '../useFormFieldFocus-DtElPru8.js';
+import '../Typography-DbxLi7l1.js';
+import '../useFormFieldFocus-BJZNo2h6.js';

package/dist/{Menu-BcevGeeu.js → Menu-B6Ka8i_L.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-BlYhZZOF.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DjW9eW4Z.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-Bn3yJp2v.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BvpwlQes.js';
 import { usePopper } from 'react-popper';
-import { u as useIsMounted_2 } from './useIsMounted-lgZ5PQdX.js';
+import { u as useIsMounted_2 } from './useIsMounted-C9OyDyfz.js';
 import ReactDOM from 'react-dom';
-import { u as useFocusTrap_2 } from './useFocusTrap-_0spfVOc.js';
-import { B as Button } from './Button-acSM7UYl.js';
-import { T as Typography } from './Typography-C_Gl9If1.js';
-import { I as Icon } from './Icon-Cj4Xz7cR.js';
-import { f as formFieldFocusAttribute } from './useFormFieldFocus-DtElPru8.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-Agx6eowS.js';
+import { B as Button } from './Button-DIu8woBI.js';
+import { T as Typography } from './Typography-DbxLi7l1.js';
+import { I as Icon } from './Icon-Dh8K_yZd.js';
+import { f as formFieldFocusAttribute } from './useFormFieldFocus-BJZNo2h6.js';
 
 var useWindowDimensions$1 = {};
 
@@ -114,7 +114,7 @@ function Menu({ activator, items }) {
                         type: "tween",
                         duration: 0.15,
                     } }),
-                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, formFieldFocusAttribute), items.length > 0 && (React.createElement(motion.div, { className: styles.menu, role: "menu", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
+                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, formFieldFocusAttribute), items.length > 0 && (React.createElement(motion.div, { className: styles.menu, role: "menu", "data-elevation": "elevated", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
                         type: "tween",
                         duration: 0.25,
                     } }, items.map((item, key) => (React.createElement("div", { key: key, className: styles.section },

package/dist/{Menu-BSfI92A0.js → Menu-VI64pPjz.js}

@@ -3,16 +3,16 @@
 var React = require('react');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useOnKeyDown = require('./useOnKeyDown-DqMNOk7O.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-CQlAuC-h.js');
+var useOnKeyDown = require('./useOnKeyDown-DyxhkFUJ.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-BWYONoDx.js');
 var reactPopper = require('react-popper');
-var useIsMounted = require('./useIsMounted-CaZPs_oM.js');
+var useIsMounted = require('./useIsMounted-De2VLVJt.js');
 var ReactDOM = require('react-dom');
-var useFocusTrap = require('./useFocusTrap-BCQN47Iu.js');
-var Button = require('./Button-A6LAX-7t.js');
-var Typography = require('./Typography-WjGCe5uo.js');
-var Icon = require('./Icon-CDhoj_8v.js');
-var useFormFieldFocus = require('./useFormFieldFocus-D3AHz_vI.js');
+var useFocusTrap = require('./useFocusTrap-Dy3gwkZf.js');
+var Button = require('./Button-BFJGQVFV.js');
+var Typography = require('./Typography-CqTtFYxk.js');
+var Icon = require('./Icon-C_DbPbIP.js');
+var useFormFieldFocus = require('./useFormFieldFocus-smsbamXp.js');
 
 var useWindowDimensions$1 = {};
 
@@ -116,7 +116,7 @@ function Menu({ activator, items }) {
                         type: "tween",
                         duration: 0.15,
                     } }),
-                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, useFormFieldFocus.formFieldFocusAttribute), items.length > 0 && (React.createElement(framerMotion.motion.div, { className: styles.menu, role: "menu", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
+                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, useFormFieldFocus.formFieldFocusAttribute), items.length > 0 && (React.createElement(framerMotion.motion.div, { className: styles.menu, role: "menu", "data-elevation": "elevated", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
                         type: "tween",
                         duration: 0.25,
                     } }, items.map((item, key) => (React.createElement("div", { key: key, className: styles.section },

package/dist/Modal/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Modal = require('../Modal-BRLtLubc.js');
+var Modal = require('../Modal-CTJm79Ug.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../useRefocusOnActivator-CQlAuC-h.js');
-require('../useOnKeyDown-DqMNOk7O.js');
-require('../useFocusTrap-BCQN47Iu.js');
-require('../Heading-BX_pue9Z.js');
-require('../Typography-WjGCe5uo.js');
-require('../Button-A6LAX-7t.js');
+require('../useRefocusOnActivator-BWYONoDx.js');
+require('../useOnKeyDown-DyxhkFUJ.js');
+require('../useFocusTrap-Dy3gwkZf.js');
+require('../Heading-RRQxj1Q5.js');
+require('../Typography-CqTtFYxk.js');
+require('../Button-BFJGQVFV.js');
 require('react-router-dom');
-require('../Icon-CDhoj_8v.js');
+require('../Icon-C_DbPbIP.js');
 require('@jobber/design');
-require('../ButtonDismiss-CcRokoPH.js');
+require('../ButtonDismiss-xbNuUUar.js');
 
 
 

package/dist/Modal/index.mjs

@@ -1,15 +1,15 @@
-export { M as Modal } from '../Modal-CQOEIZ10.js';
+export { M as Modal } from '../Modal-DacA6BqI.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../useRefocusOnActivator-DjW9eW4Z.js';
-import '../useOnKeyDown-BlYhZZOF.js';
-import '../useFocusTrap-_0spfVOc.js';
-import '../Heading-BaGG35oe.js';
-import '../Typography-C_Gl9If1.js';
-import '../Button-acSM7UYl.js';
+import '../useRefocusOnActivator-BvpwlQes.js';
+import '../useOnKeyDown-Bn3yJp2v.js';
+import '../useFocusTrap-Agx6eowS.js';
+import '../Heading-nksu2YDx.js';
+import '../Typography-DbxLi7l1.js';
+import '../Button-DIu8woBI.js';
 import 'react-router-dom';
-import '../Icon-Cj4Xz7cR.js';
+import '../Icon-Dh8K_yZd.js';
 import '@jobber/design';
-import '../ButtonDismiss-Wkz0Djfy.js';
+import '../ButtonDismiss-Db6Czg_O.js';

package/dist/{Modal-BRLtLubc.js → Modal-CTJm79Ug.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-CQlAuC-h.js');
-var useOnKeyDown = require('./useOnKeyDown-DqMNOk7O.js');
-var useFocusTrap = require('./useFocusTrap-BCQN47Iu.js');
-var Heading = require('./Heading-BX_pue9Z.js');
-var Button = require('./Button-A6LAX-7t.js');
-var ButtonDismiss = require('./ButtonDismiss-CcRokoPH.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-BWYONoDx.js');
+var useOnKeyDown = require('./useOnKeyDown-DyxhkFUJ.js');
+var useFocusTrap = require('./useFocusTrap-Dy3gwkZf.js');
+var Heading = require('./Heading-RRQxj1Q5.js');
+var Button = require('./Button-BFJGQVFV.js');
+var ButtonDismiss = require('./ButtonDismiss-xbNuUUar.js');
 
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 

package/dist/{Modal-CQOEIZ10.js → Modal-DacA6BqI.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-DjW9eW4Z.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-BlYhZZOF.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-_0spfVOc.js';
-import { H as Heading } from './Heading-BaGG35oe.js';
-import { B as Button } from './Button-acSM7UYl.js';
-import { B as ButtonDismiss } from './ButtonDismiss-Wkz0Djfy.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BvpwlQes.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-Bn3yJp2v.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-Agx6eowS.js';
+import { H as Heading } from './Heading-nksu2YDx.js';
+import { B as Button } from './Button-DIu8woBI.js';
+import { B as ButtonDismiss } from './ButtonDismiss-Db6Czg_O.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-wE4cnecL.js');
+var MultiSelect = require('../MultiSelect-TLLMcEOt.js');
 require('react');
 require('classnames');
-require('../Checkbox-CYzQALAD.js');
-require('../tslib.es6-DE4NMgYE.js');
+require('../Checkbox-DKanBTcO.js');
+require('../tslib.es6-DrMmFaEy.js');
 require('react-hook-form');
-require('../Icon-CDhoj_8v.js');
+require('../Icon-C_DbPbIP.js');
 require('@jobber/design');
-require('../Text-_EV-h5cU.js');
-require('../Typography-WjGCe5uo.js');
+require('../Text-BCeitAaG.js');
+require('../Typography-CqTtFYxk.js');
 
 
 

package/dist/MultiSelect/index.mjs

@@ -1,10 +1,10 @@
-export { M as MultiSelect } from '../MultiSelect-BHbX-E-f.js';
+export { M as MultiSelect } from '../MultiSelect-0mzf4QJ0.js';
 import 'react';
 import 'classnames';
-import '../Checkbox-BBjHMpqu.js';
-import '../tslib.es6-CgiFWwQa.js';
+import '../Checkbox-DRttk3xg.js';
+import '../tslib.es6-BJxEp6YK.js';
 import 'react-hook-form';
-import '../Icon-Cj4Xz7cR.js';
+import '../Icon-Dh8K_yZd.js';
 import '@jobber/design';
-import '../Text-BVW7dHjH.js';
-import '../Typography-C_Gl9If1.js';
+import '../Text-CeTEU5FJ.js';
+import '../Typography-DbxLi7l1.js';

package/dist/{MultiSelect-BHbX-E-f.js → MultiSelect-0mzf4QJ0.js}

@@ -1,8 +1,8 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { C as Checkbox } from './Checkbox-BBjHMpqu.js';
-import { T as Text } from './Text-BVW7dHjH.js';
-import { I as Icon } from './Icon-Cj4Xz7cR.js';
+import { C as Checkbox } from './Checkbox-DRttk3xg.js';
+import { T as Text } from './Text-CeTEU5FJ.js';
+import { I as Icon } from './Icon-Dh8K_yZd.js';
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 
@@ -70,7 +70,7 @@ function DropDownMenu({ options, setOptions }) {
         // focus first option
         handleOptionFocus(0);
     }, [menuDiv]);
-    return (React.createElement("ul", { "data-testid": "dropdown-menu", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
+    return (React.createElement("ul", { "data-testid": "dropdown-menu", "data-elevation": "elevated", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
         });

package/dist/{MultiSelect-wE4cnecL.js → MultiSelect-TLLMcEOt.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Checkbox = require('./Checkbox-CYzQALAD.js');
-var Text = require('./Text-_EV-h5cU.js');
-var Icon = require('./Icon-CDhoj_8v.js');
+var Checkbox = require('./Checkbox-DKanBTcO.js');
+var Text = require('./Text-BCeitAaG.js');
+var Icon = require('./Icon-C_DbPbIP.js');
 
 var styles$1 = {"multiSelectContainer":"D-J03az6XL4-","multiSelect":"EzNdHgwsT40-","active":"bu7HWKRu6HI-","small":"eQ6yfQg6zLc-","large":"pM-ts4-QMZY-"};
 
@@ -72,7 +72,7 @@ function DropDownMenu({ options, setOptions }) {
         // focus first option
         handleOptionFocus(0);
     }, [menuDiv]);
-    return (React.createElement("ul", { "data-testid": "dropdown-menu", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
+    return (React.createElement("ul", { "data-testid": "dropdown-menu", "data-elevation": "elevated", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
         });

package/dist/{Option-5nUB_XJY.js → Option-DAWVGrms.js}

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

package/dist/{Option-B5vB-bUu.js → Option-JU5pq_BM.js}

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

package/dist/Page/index.cjs

@@ -1,35 +1,35 @@
 'use strict';
 
-var Page = require('../Page-CN-FUHZA.js');
+var Page = require('../Page-B0sJrayT.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-CkGuZMW7.js');
-require('../_commonjsHelpers-BTa7F8aU.js');
-require('../debounce-CWEgeWh4.js');
-require('../isObjectLike-PiQOOdrO.js');
-require('../isSymbol-DbnyhpW9.js');
-require('../Heading-BX_pue9Z.js');
-require('../Typography-WjGCe5uo.js');
-require('../Text-_EV-h5cU.js');
-require('../Content-zhbnwE2s.js');
-require('../Markdown-CQj_pdV-.js');
-require('../Emphasis-CD4rDGoy.js');
-require('../index-DOXseF34.js');
-require('../_polyfill-node.process-qh83IHry.js');
-require('../Button-A6LAX-7t.js');
+require('../useResizeObserver-hXo3MK3z.js');
+require('../_commonjsHelpers-HvomFGm4.js');
+require('../debounce-DSX5L5Ak.js');
+require('../isObjectLike-B7qv-K-t.js');
+require('../isSymbol-CXoKzKhv.js');
+require('../Heading-RRQxj1Q5.js');
+require('../Typography-CqTtFYxk.js');
+require('../Text-BCeitAaG.js');
+require('../Content-8XJsQm83.js');
+require('../Markdown-B4wbLllV.js');
+require('../Emphasis-dpJzjZxP.js');
+require('../index-CSPbTiKY.js');
+require('../_polyfill-node.process-Cy1eytCM.js');
+require('../Button-BFJGQVFV.js');
 require('react-router-dom');
-require('../Icon-CDhoj_8v.js');
+require('../Icon-C_DbPbIP.js');
 require('@jobber/design');
-require('../Menu-BSfI92A0.js');
+require('../Menu-VI64pPjz.js');
 require('framer-motion');
-require('../useOnKeyDown-DqMNOk7O.js');
-require('../useRefocusOnActivator-CQlAuC-h.js');
+require('../useOnKeyDown-DyxhkFUJ.js');
+require('../useRefocusOnActivator-BWYONoDx.js');
 require('react-popper');
-require('../useIsMounted-CaZPs_oM.js');
-require('../useSafeLayoutEffect-BWsAKsKK.js');
+require('../useIsMounted-De2VLVJt.js');
+require('../useSafeLayoutEffect-DQpvWMZy.js');
 require('react-dom');
-require('../useFocusTrap-BCQN47Iu.js');
-require('../useFormFieldFocus-D3AHz_vI.js');
+require('../useFocusTrap-Dy3gwkZf.js');
+require('../useFormFieldFocus-smsbamXp.js');
 
 
 

package/dist/Page/index.mjs

@@ -1,30 +1,30 @@
-export { P as Page } from '../Page-BZQ23uIh.js';
+export { P as Page } from '../Page-auFC4Din.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-CiTvhix7.js';
-import '../_commonjsHelpers-E5-HOhA6.js';
-import '../debounce-BLDXZ211.js';
-import '../isObjectLike-DlzBHngH.js';
-import '../isSymbol-BrdD8PqA.js';
-import '../Heading-BaGG35oe.js';
-import '../Typography-C_Gl9If1.js';
-import '../Text-BVW7dHjH.js';
-import '../Content-CLJaonkJ.js';
-import '../Markdown-Dq71VtAT.js';
-import '../Emphasis-cmoH_v_w.js';
-import '../index-CA40S1il.js';
-import '../_polyfill-node.process-DDAoVSuq.js';
-import '../Button-acSM7UYl.js';
+import '../useResizeObserver-uJbKq0tQ.js';
+import '../_commonjsHelpers-hZKvD3QA.js';
+import '../debounce-CTycFwQ7.js';
+import '../isObjectLike-WytokQfh.js';
+import '../isSymbol-9ZswF0VM.js';
+import '../Heading-nksu2YDx.js';
+import '../Typography-DbxLi7l1.js';
+import '../Text-CeTEU5FJ.js';
+import '../Content-DTJYoYxA.js';
+import '../Markdown-2bJpJaIc.js';
+import '../Emphasis-DBZYX10y.js';
+import '../index-CZNSdNUj.js';
+import '../_polyfill-node.process-nHWMg7zO.js';
+import '../Button-DIu8woBI.js';
 import 'react-router-dom';
-import '../Icon-Cj4Xz7cR.js';
+import '../Icon-Dh8K_yZd.js';
 import '@jobber/design';
-import '../Menu-BcevGeeu.js';
+import '../Menu-B6Ka8i_L.js';
 import 'framer-motion';
-import '../useOnKeyDown-BlYhZZOF.js';
-import '../useRefocusOnActivator-DjW9eW4Z.js';
+import '../useOnKeyDown-Bn3yJp2v.js';
+import '../useRefocusOnActivator-BvpwlQes.js';
 import 'react-popper';
-import '../useIsMounted-lgZ5PQdX.js';
-import '../useSafeLayoutEffect-GjiILhWs.js';
+import '../useIsMounted-C9OyDyfz.js';
+import '../useSafeLayoutEffect-ndpgTq7-.js';
 import 'react-dom';
-import '../useFocusTrap-_0spfVOc.js';
-import '../useFormFieldFocus-DtElPru8.js';
+import '../useFocusTrap-Agx6eowS.js';
+import '../useFormFieldFocus-BJZNo2h6.js';

package/dist/{Page-CN-FUHZA.js → Page-B0sJrayT.js}

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-CkGuZMW7.js');
-var Heading = require('./Heading-BX_pue9Z.js');
-var Text = require('./Text-_EV-h5cU.js');
-var Content = require('./Content-zhbnwE2s.js');
-var Markdown = require('./Markdown-CQj_pdV-.js');
-var Button = require('./Button-A6LAX-7t.js');
-var Menu = require('./Menu-BSfI92A0.js');
-var Emphasis = require('./Emphasis-CD4rDGoy.js');
+var useResizeObserver = require('./useResizeObserver-hXo3MK3z.js');
+var Heading = require('./Heading-RRQxj1Q5.js');
+var Text = require('./Text-BCeitAaG.js');
+var Content = require('./Content-8XJsQm83.js');
+var Markdown = require('./Markdown-B4wbLllV.js');
+var Button = require('./Button-BFJGQVFV.js');
+var Menu = require('./Menu-VI64pPjz.js');
+var Emphasis = require('./Emphasis-dpJzjZxP.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-"};
 

package/dist/{Page-BZQ23uIh.js → Page-auFC4Din.js}

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-CiTvhix7.js';
-import { H as Heading } from './Heading-BaGG35oe.js';
-import { T as Text } from './Text-BVW7dHjH.js';
-import { C as Content } from './Content-CLJaonkJ.js';
-import { M as Markdown } from './Markdown-Dq71VtAT.js';
-import { B as Button } from './Button-acSM7UYl.js';
-import { M as Menu } from './Menu-BcevGeeu.js';
-import { E as Emphasis } from './Emphasis-cmoH_v_w.js';
+import { u as useResizeObserver } from './useResizeObserver-uJbKq0tQ.js';
+import { H as Heading } from './Heading-nksu2YDx.js';
+import { T as Text } from './Text-CeTEU5FJ.js';
+import { C as Content } from './Content-DTJYoYxA.js';
+import { M as Markdown } from './Markdown-2bJpJaIc.js';
+import { B as Button } from './Button-DIu8woBI.js';
+import { M as Menu } from './Menu-B6Ka8i_L.js';
+import { E as Emphasis } from './Emphasis-DBZYX10y.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-"};