@jobber/components 4.89.0 → 4.90.1-JOB-89349.4

package/dist/Autocomplete/index.js

@@ -14,7 +14,7 @@ var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var useIsMounted = require('@jobber/hooks/useIsMounted');
 var Text = require('../Text-fbeaaca6.js');
 var Icon = require('../Icon-405a216c.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var InputText = require('../InputText-130b0440.js');
 require('../Typography-e2a23b7e.js');
 require('@jobber/design');

package/dist/Card/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-74f078a4.js');
+var Card = require('../Card-01d6ba19.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');

package/dist/{Card-74f078a4.js → Card-01d6ba19.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-bae3c69e.js');
+var Heading = require('./Heading-23d382a1.js');
 var Button = require('./Button-6b922fc1.js');
 var Menu = require('./Menu-d6dd673e.js');
 

package/dist/ConfirmationModal/index.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-387aa1b5.js');
+var ConfirmationModal = require('../ConfirmationModal-b44e302f.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-5b866c72.js');
+require('../Modal-067becad.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');
@@ -22,7 +22,7 @@ require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../ButtonDismiss-a3ba1de2.js');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-b1b65457.js');
+require('../Markdown-0f24de70.js');
 require('react-markdown');
 require('../Text-fbeaaca6.js');
 require('../Emphasis-a77d8ee9.js');

package/dist/{ConfirmationModal-387aa1b5.js → ConfirmationModal-b44e302f.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-5b866c72.js');
+var Modal = require('./Modal-067becad.js');
 var Content = require('./Content-e3f7b6fc.js');
-var Markdown = require('./Markdown-b1b65457.js');
+var Markdown = require('./Markdown-0f24de70.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataDump/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-74f078a4.js');
+var Card = require('../Card-01d6ba19.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Emphasis = require('../Emphasis-a77d8ee9.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');

package/dist/DataList/index.js

@@ -21,7 +21,7 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var Icon = require('../Icon-405a216c.js');
 var FormatDate = require('../FormatDate-70ea5b43.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var ReactDOM = require('react-dom');
 var useIsMounted = require('@jobber/hooks/useIsMounted');
 var Checkbox = require('../Checkbox-e481a4b1.js');

package/dist/Drawer/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var ButtonDismiss = require('../ButtonDismiss-a3ba1de2.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');

package/dist/FeatureSwitch/index.js

@@ -6,13 +6,13 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var Text = require('../Text-fbeaaca6.js');
 var Content = require('../Content-e3f7b6fc.js');
 var Switch = require('../Switch-eac89586.js');
 var Button = require('../Button-6b922fc1.js');
 var Emphasis = require('../Emphasis-a77d8ee9.js');
-var Markdown = require('../Markdown-b1b65457.js');
+var Markdown = require('../Markdown-0f24de70.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-5ba4cf69.js');
+var FormatFile = require('../FormatFile-32228107.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,19 +12,19 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-e2a23b7e.js');
-require('../ConfirmationModal-387aa1b5.js');
+require('../ConfirmationModal-b44e302f.js');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-5b866c72.js');
+require('../Modal-067becad.js');
 require('react-dom');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');
 require('../ButtonDismiss-a3ba1de2.js');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-b1b65457.js');
+require('../Markdown-0f24de70.js');
 require('react-markdown');
 require('../Text-fbeaaca6.js');
 require('../Emphasis-a77d8ee9.js');

package/dist/{FormatFile-5ba4cf69.js → FormatFile-32228107.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-6b922fc1.js');
-var ConfirmationModal = require('./ConfirmationModal-387aa1b5.js');
+var ConfirmationModal = require('./ConfirmationModal-b44e302f.js');
 var Glimmer = require('./Glimmer-84dee1ed.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-e2a23b7e.js');

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var LightBox = require('../LightBox-7efe8932.js');
-var FormatFile = require('../FormatFile-5ba4cf69.js');
+var FormatFile = require('../FormatFile-32228107.js');
 var Button = require('../Button-6b922fc1.js');
 require('framer-motion');
 require('react-dom');
@@ -17,14 +17,14 @@ require('@jobber/hooks/useFocusTrap');
 require('@jobber/hooks/useIsMounted');
 require('../ButtonDismiss-a3ba1de2.js');
 require('filesize');
-require('../ConfirmationModal-387aa1b5.js');
-require('../Modal-5b866c72.js');
-require('../Heading-bae3c69e.js');
+require('../ConfirmationModal-b44e302f.js');
+require('../Modal-067becad.js');
+require('../Heading-23d382a1.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-b1b65457.js');
+require('../Markdown-0f24de70.js');
 require('react-markdown');
 require('../Text-fbeaaca6.js');
 require('../Emphasis-a77d8ee9.js');

package/dist/Heading/Heading.d.ts

@@ -7,7 +7,11 @@ interface HeadingProps {
      */
     readonly level: HeadingLevel;
     readonly children: ReactNode;
+    /**
+     * Allows overriding of the element rendered. Defaults to the heading specified with level.
+     */
+    readonly element?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
 }
 export type LevelMap = Record<HeadingLevel, TypographyOptions>;
-export declare function Heading({ level, children }: HeadingProps): JSX.Element;
+export declare function Heading({ level, children, element }: HeadingProps): JSX.Element;
 export {};

package/dist/Heading/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 require('react');
 require('../Typography-e2a23b7e.js');
 require('classnames');

package/dist/{Heading-bae3c69e.js → Heading-23d382a1.js}

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function Heading({ level = 5, children }) {
+function Heading({ level = 5, children, element }) {
     const { JOBBER_RETHEME: inRetheme } = useAtlantisConfig.useAtlantisConfig();
     const levelMap = {
         1: {
@@ -49,7 +49,7 @@ function Heading({ level = 5, children }) {
             textColor: "heading",
         },
     };
-    return React__default["default"].createElement(Typography.Typography, Object.assign({}, levelMap[level]), children);
+    return (React__default["default"].createElement(Typography.Typography, Object.assign({}, levelMap[level], { element: element || levelMap[level].element }), children));
 }
 
 exports.Heading = Heading;

package/dist/List/index.js

@@ -9,9 +9,9 @@ var groupBy = require('lodash/groupBy');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
 var Text = require('../Text-fbeaaca6.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var Typography = require('../Typography-e2a23b7e.js');
-var Markdown = require('../Markdown-b1b65457.js');
+var Markdown = require('../Markdown-0f24de70.js');
 var Emphasis = require('../Emphasis-a77d8ee9.js');
 require('@jobber/design');
 require('../useAtlantisConfig-ed0bee66.js');

package/dist/Markdown/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-b1b65457.js');
+var Markdown = require('../Markdown-0f24de70.js');
 require('react');
 require('react-markdown');
 require('../Text-fbeaaca6.js');
@@ -10,7 +10,7 @@ require('../Typography-e2a23b7e.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Emphasis-a77d8ee9.js');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');
 require('../Content-e3f7b6fc.js');

package/dist/{Markdown-b1b65457.js → Markdown-0f24de70.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var ReactMarkdown = require('react-markdown');
 var Text = require('./Text-fbeaaca6.js');
 var Emphasis = require('./Emphasis-a77d8ee9.js');
-var Heading = require('./Heading-bae3c69e.js');
+var Heading = require('./Heading-23d382a1.js');
 var Content = require('./Content-e3f7b6fc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-5b866c72.js');
+var Modal = require('../Modal-067becad.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -11,7 +11,7 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-bae3c69e.js');
+require('../Heading-23d382a1.js');
 require('../Typography-e2a23b7e.js');
 require('../useAtlantisConfig-ed0bee66.js');
 require('@jobber/hooks/useSafeLayoutEffect');

package/dist/{Modal-5b866c72.js → Modal-067becad.js}

@@ -8,7 +8,7 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-bae3c69e.js');
+var Heading = require('./Heading-23d382a1.js');
 var Button = require('./Button-6b922fc1.js');
 var ButtonDismiss = require('./ButtonDismiss-a3ba1de2.js');
 

package/dist/Page/index.js

@@ -6,10 +6,10 @@ var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-bae3c69e.js');
+var Heading = require('../Heading-23d382a1.js');
 var Text = require('../Text-fbeaaca6.js');
 var Content = require('../Content-e3f7b6fc.js');
-var Markdown = require('../Markdown-b1b65457.js');
+var Markdown = require('../Markdown-0f24de70.js');
 var Button = require('../Button-6b922fc1.js');
 var Menu = require('../Menu-d6dd673e.js');
 var Emphasis = require('../Emphasis-a77d8ee9.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.89.0",
+  "version": "4.90.1-JOB-89349.4+a278aa27",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,8 +19,8 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.56.0",
-    "@jobber/formatters": "*",
+    "@jobber/design": "^0.56.1-JOB-89349.50+a278aa27",
+    "@jobber/formatters": "^0.2.2",
     "@jobber/hooks": "^2.9.4",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
@@ -82,5 +82,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "e4e34e98398b726ec5c349d6287bdc00eac5f209"
+  "gitHead": "a278aa27395eaf829657420110d8e3f517c45443"
 }