@jobber/components 4.79.0 → 4.79.1-JOB-85851.2

package/dist/DataTable/index.js

@@ -7,23 +7,22 @@ var classnames = require('classnames');
 var React = require('react');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Glimmer = require('../Glimmer-7c317864.js');
+var Glimmer = require('../Glimmer-84dee1ed.js');
 var tslib_es6 = require('../tslib.es6-754e2961.js');
-var Option = require('../Option-8565da71.js');
-var Button = require('../Button-b73a5e01.js');
-var Text = require('../Text-259af966.js');
+var Option = require('../Option-c4b05656.js');
+var Button = require('../Button-6b922fc1.js');
+var Text = require('../Text-fbeaaca6.js');
 require('../Content-e3f7b6fc.js');
-require('../FormField-b4e6c549.js');
-require('uuid');
+require('../FormField-3ec1c85d.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../InputValidation-05e839fa.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-router-dom');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DatePicker/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-64c5ab1a.js');
+var DatePicker = require('../DatePicker-dd9173c7.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks/useRefocusOnActivator');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-c45bf216.js');
-require('../Button-b73a5e01.js');
+require('../Typography-e2a23b7e.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{DatePicker-64c5ab1a.js → DatePicker-dd9173c7.js}

@@ -5,8 +5,8 @@ var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-c45bf216.js');
-var Button = require('./Button-b73a5e01.js');
+var Typography = require('./Typography-e2a23b7e.js');
+var Button = require('./Button-6b922fc1.js');
 var omit = require('lodash/omit');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DescriptionList/DescriptionList.d.ts

@@ -4,7 +4,7 @@ interface DescriptionListProps {
      * A tuple where the first item is the string to display as the term
      * and the second value is the string to display as the definition
      */
-    data: [string, string | ReactNode][];
+    readonly data: [string, string | ReactNode][];
 }
 export declare function DescriptionList({ data }: DescriptionListProps): JSX.Element;
 export {};

package/dist/DescriptionList/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Typography = require('../Typography-c45bf216.js');
+var Typography = require('../Typography-e2a23b7e.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,7 +16,7 @@ var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
 styleInject_es.styleInject(css_248z);
 
 function DescriptionList({ data }) {
-    return (React__default["default"].createElement("dl", { className: styles.descriptionList }, data.map(([term, description]) => (React__default["default"].createElement("div", { key: term, className: styles.termGroup },
+    return (React__default["default"].createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React__default["default"].createElement("div", { key: `${term}-${i}`, className: styles.termGroup },
         React__default["default"].createElement(Typography.Typography, { element: "dt", textColor: "heading", size: "base" }, term),
         React__default["default"].createElement(Typography.Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
 }

package/dist/Disclosure/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Typography = require('../Typography-c45bf216.js');
+var Typography = require('../Typography-e2a23b7e.js');
 require('@jobber/design');
 require('classnames');
 

package/dist/Drawer/DrawerGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 interface DrawerGridProps {
-    children: ReactElement | ReactElement[];
+    readonly children: ReactElement | ReactElement[];
 }
 export declare function DrawerGrid({ children }: DrawerGridProps): JSX.Element;
 export {};

package/dist/Drawer/index.js

@@ -5,11 +5,12 @@ 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-1e8e4bd3.js');
-var ButtonDismiss = require('../ButtonDismiss-350af163.js');
-require('../Typography-c45bf216.js');
-require('../getAtlantisConfig-0f3e8af2.js');
-require('../Button-b73a5e01.js');
+var Heading = require('../Heading-bae3c69e.js');
+var ButtonDismiss = require('../ButtonDismiss-a3ba1de2.js');
+require('../Typography-e2a23b7e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
@@ -25,12 +26,11 @@ styleInject_es.styleInject(css_248z$1);
 
 function Drawer({ title, children, open = true, onRequestClose, id, }) {
     const drawerClassNames = classnames__default["default"](styles$1.container, open && styles$1.open);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
-            React__default["default"].createElement("div", { className: styles$1.drawer },
-                React__default["default"].createElement(Header, { title: title, onRequestClose: onRequestClose }),
-                React__default["default"].createElement("div", { className: styles$1.contentScroll },
-                    React__default["default"].createElement("div", { className: styles$1.content }, children))))));
+    return (React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
+        React__default["default"].createElement("div", { className: styles$1.drawer },
+            React__default["default"].createElement(Header, { title: title, onRequestClose: onRequestClose }),
+            React__default["default"].createElement("div", { className: styles$1.contentScroll },
+                React__default["default"].createElement("div", { className: styles$1.content }, children)))));
 }
 function Header({ title, onRequestClose }) {
     return (React__default["default"].createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },

package/dist/Emphasis/Emphasis.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
 import { TypographyOptions } from "../Typography";
 interface EmphasisProps {
-    variation: "bold" | "italic" | "highlight";
-    children: ReactNode;
+    readonly variation: "bold" | "italic" | "highlight";
+    readonly children: ReactNode;
 }
 export interface VariationMap {
     [variation: string]: TypographyOptions;

package/dist/Emphasis/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Emphasis = require('../Emphasis-bda56d3b.js');
+var Emphasis = require('../Emphasis-a77d8ee9.js');
 require('react');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
 

package/dist/{Emphasis-bda56d3b.js → Emphasis-a77d8ee9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-c45bf216.js');
+var Typography = require('./Typography-e2a23b7e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/FeatureSwitch/index.js

@@ -6,15 +6,16 @@ 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-1e8e4bd3.js');
-var Text = require('../Text-259af966.js');
+var Heading = require('../Heading-bae3c69e.js');
+var Text = require('../Text-fbeaaca6.js');
 var Content = require('../Content-e3f7b6fc.js');
-var Switch = require('../Switch-7d4aa7c3.js');
-var Button = require('../Button-b73a5e01.js');
-var Emphasis = require('../Emphasis-bda56d3b.js');
-var Markdown = require('../Markdown-f7c55304.js');
-require('../Typography-c45bf216.js');
-require('../getAtlantisConfig-0f3e8af2.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');
+require('../Typography-e2a23b7e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/Flex/index.js

@@ -2,39 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
+var Flex = require('../Flex-d490c4db.js');
+require('react');
+require('classnames');
+require('../style-inject.es-9d2f5f4e.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = "._8VpnrMKmsqQ- {\n  display: grid;\n  /* If this gets wrapped in a flex container, it should take the remaining space */\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.ooF1YfV4Usc- {\n  gap: calc(16px / 8);\n  gap: var(--space-smallest);\n}\n\n.ppCZfXq-Kqc- {\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.tElkBalXH3g- {\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n._4u3OwUKxxbg- {\n  gap: calc(16px * 1);\n  gap: var(--space-base);\n}\n\n.RL7CJla0AAI- {\n  gap: calc(16px * 1.5);\n  gap: var(--space-large);\n}\n\n.fV4cvFYkhgo- {\n  gap: 0;\n}\n\n._04xVVjZgr-0- {\n  -ms-flex-align: start;\n      align-items: start;\n}\n\n.Nc3zrqHHYSg- {\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.qA-v50wBX1U- {\n  -ms-flex-align: end;\n      align-items: end;\n}\n";
-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-"};
-styleInject_es.styleInject(css_248z);
-
-function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
-    return (React__default["default"].createElement("div", { className: classnames__default["default"](styles.flexible, {
-            [styles[`${gap}Gap`]]: Boolean(gap),
-            [styles[`${align}Align`]]: Boolean(align),
-        }), style: generateGridStylesFromTemplate(direction, template) }, children));
-}
-function generateGridStylesFromTemplate(direction, layoutTemplate) {
-    const containerStyles = {};
-    const templateKeys = {
-        row: "gridTemplateColumns",
-        column: "gridTemplateRows",
-    };
-    const templateValues = {
-        grow: "1fr",
-        shrink: "max-content",
-    };
-    containerStyles[templateKeys[direction]] = layoutTemplate
-        .map(key => templateValues[key])
-        .join(" ");
-    return containerStyles;
-}
-
-exports.Flex = Flex;
+exports.Flex = Flex.Flex;

package/dist/Flex-d490c4db.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var css_248z = "._8VpnrMKmsqQ- {\n  display: grid;\n  /* If this gets wrapped in a flex container, it should take the remaining space */\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.ooF1YfV4Usc- {\n  gap: calc(16px / 8);\n  gap: var(--space-smallest);\n}\n\n.ppCZfXq-Kqc- {\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.tElkBalXH3g- {\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n._4u3OwUKxxbg- {\n  gap: calc(16px * 1);\n  gap: var(--space-base);\n}\n\n.RL7CJla0AAI- {\n  gap: calc(16px * 1.5);\n  gap: var(--space-large);\n}\n\n.fV4cvFYkhgo- {\n  gap: 0;\n}\n\n._04xVVjZgr-0- {\n  -ms-flex-align: start;\n      align-items: start;\n}\n\n.Nc3zrqHHYSg- {\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.qA-v50wBX1U- {\n  -ms-flex-align: end;\n      align-items: end;\n}\n";
+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-"};
+styleInject_es.styleInject(css_248z);
+
+function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
+    return (React__default["default"].createElement("div", { className: classnames__default["default"](styles.flexible, {
+            [styles[`${gap}Gap`]]: Boolean(gap),
+            [styles[`${align}Align`]]: Boolean(align),
+        }), style: generateGridStylesFromTemplate(direction, template) }, children));
+}
+function generateGridStylesFromTemplate(direction, layoutTemplate) {
+    const containerStyles = {};
+    const templateKeys = {
+        row: "gridTemplateColumns",
+        column: "gridTemplateRows",
+    };
+    const templateValues = {
+        grow: "1fr",
+        shrink: "max-content",
+    };
+    containerStyles[templateKeys[direction]] = layoutTemplate
+        .map(key => templateValues[key])
+        .join(" ");
+    return containerStyles;
+}
+
+exports.Flex = Flex;

package/dist/FormField/FormFieldAffix.d.ts

@@ -2,8 +2,8 @@ import { RefObject } from "react";
 import { XOR } from "ts-xor";
 import { Affix, FormFieldProps, Suffix } from "./FormFieldTypes";
 interface AffixLabelProps extends Affix {
-    labelRef: RefObject<HTMLDivElement>;
-    variation?: "prefix" | "suffix";
+    readonly labelRef: RefObject<HTMLDivElement>;
+    readonly variation?: "prefix" | "suffix";
 }
 export declare function AffixLabel({ label, variation, labelRef, }: AffixLabelProps): JSX.Element;
 interface AffixIconProps extends Pick<FormFieldProps, "size"> {

package/dist/FormField/index.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-b4e6c549.js');
+var FormField = require('../FormField-3ec1c85d.js');
 require('../tslib.es6-754e2961.js');
 require('react');
-require('uuid');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../Text-259af966.js');
-require('../InputValidation-05e839fa.js');
+require('../Typography-e2a23b7e.js');
+require('../Text-fbeaaca6.js');
+require('../InputValidation-a92bb519.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/{FormField-b4e6c549.js → FormField-3ec1c85d.js}

@@ -2,15 +2,14 @@
 
 var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
-var uuid = require('uuid');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
 var useShowClear = require('@jobber/hooks/useShowClear');
-var Button = require('./Button-b73a5e01.js');
+var Button = require('./Button-6b922fc1.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-259af966.js');
-var InputValidation = require('./InputValidation-05e839fa.js');
+var Text = require('./Text-fbeaaca6.js');
+var InputValidation = require('./InputValidation-a92bb519.js');
 var Spinner = require('./Spinner-9d8fc7ff.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -151,8 +150,8 @@ function FormField(props) {
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    const [identifier] = React.useState(uuid.v1());
-    const [descriptionIdentifier] = React.useState(`descriptionUUID--${uuid.v1()}`);
+    const [identifier] = React.useState(React.useId());
+    const [descriptionIdentifier] = React.useState(`descriptionUUID--${React.useId()}`);
     /**
      * Generate a name if one is not supplied, this is the name
      * that will be used for react-hook-form and not neccessarily

package/dist/FormatFile/FormatFileDeleteButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface DeleteButtonProps {
-    size?: "base" | "large";
-    onDelete?: () => void;
+    readonly size?: "base" | "large";
+    readonly onDelete?: () => void;
 }
 export declare function FormatFileDeleteButton({ size, onDelete }: DeleteButtonProps): JSX.Element;
 export {};

package/dist/FormatFile/index.js

@@ -2,32 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-652edda8.js');
+var FormatFile = require('../FormatFile-5ba4cf69.js');
 require('react');
 require('classnames');
 require('filesize');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-b73a5e01.js');
+require('../Button-6b922fc1.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-c45bf216.js');
-require('../ConfirmationModal-f1a049fb.js');
+require('../Typography-e2a23b7e.js');
+require('../ConfirmationModal-387aa1b5.js');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-a0627c92.js');
+require('../Modal-5b866c72.js');
 require('react-dom');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
-require('../Heading-1e8e4bd3.js');
-require('../getAtlantisConfig-0f3e8af2.js');
-require('../ButtonDismiss-350af163.js');
+require('../Heading-bae3c69e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../ButtonDismiss-a3ba1de2.js');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-f7c55304.js');
+require('../Markdown-b1b65457.js');
 require('react-markdown');
-require('../Text-259af966.js');
-require('../Emphasis-bda56d3b.js');
-require('../Glimmer-7c317864.js');
+require('../Text-fbeaaca6.js');
+require('../Emphasis-a77d8ee9.js');
+require('../Glimmer-84dee1ed.js');
 require('../tslib.es6-754e2961.js');
 require('../ProgressBar-b68edc8f.js');
 

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

@@ -4,12 +4,12 @@ var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-b73a5e01.js');
-var ConfirmationModal = require('./ConfirmationModal-f1a049fb.js');
-var Glimmer = require('./Glimmer-7c317864.js');
+var Button = require('./Button-6b922fc1.js');
+var ConfirmationModal = require('./ConfirmationModal-387aa1b5.js');
+var Glimmer = require('./Glimmer-84dee1ed.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-c45bf216.js');
-var Text = require('./Text-259af966.js');
+var Typography = require('./Typography-e2a23b7e.js');
+var Text = require('./Text-fbeaaca6.js');
 var ProgressBar = require('./ProgressBar-b68edc8f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -42,9 +42,9 @@ function InternalThumbnailImage({ file }) {
     const { name, src } = file;
     const [imageSource, setImageSource] = React.useState();
     const [imageLoaded, setImageLoaded] = React.useState(false);
-    if (!imageSource) {
+    React.useEffect(() => {
         src().then(url => setImageSource(url));
-    }
+    }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         !imageLoaded && React__default["default"].createElement(Glimmer.Glimmer, { size: "auto" }),
         React__default["default"].createElement("img", { src: imageSource, onLoad: handleImageLoad, alt: name, "data-testid": "internalThumbnailImage", className: classnames__default["default"](styles.image, { [styles.hidden]: !imageLoaded }) })));

package/dist/Gallery/index.js

@@ -5,28 +5,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var LightBox = require('../LightBox-a89d8863.js');
-var FormatFile = require('../FormatFile-652edda8.js');
-var Button = require('../Button-b73a5e01.js');
+var LightBox = require('../LightBox-7efe8932.js');
+var FormatFile = require('../FormatFile-5ba4cf69.js');
+var Button = require('../Button-6b922fc1.js');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
-require('../ButtonDismiss-350af163.js');
+require('@jobber/hooks/useIsMounted');
+require('../ButtonDismiss-a3ba1de2.js');
 require('filesize');
-require('../ConfirmationModal-f1a049fb.js');
-require('../Modal-a0627c92.js');
-require('../Heading-1e8e4bd3.js');
-require('../Typography-c45bf216.js');
-require('../getAtlantisConfig-0f3e8af2.js');
+require('../ConfirmationModal-387aa1b5.js');
+require('../Modal-5b866c72.js');
+require('../Heading-bae3c69e.js');
+require('../Typography-e2a23b7e.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-f7c55304.js');
+require('../Markdown-b1b65457.js');
 require('react-markdown');
-require('../Text-259af966.js');
-require('../Emphasis-bda56d3b.js');
-require('../Glimmer-7c317864.js');
+require('../Text-fbeaaca6.js');
+require('../Emphasis-a77d8ee9.js');
+require('../Glimmer-84dee1ed.js');
 require('../tslib.es6-754e2961.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/Glimmer/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Glimmer = require('../Glimmer-7c317864.js');
+var Glimmer = require('../Glimmer-84dee1ed.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('classnames');

package/dist/{Glimmer-7c317864.js → Glimmer-84dee1ed.js}

@@ -40,7 +40,7 @@ const GLIMMER_BUTTON_TEST_ID = "ATL-GlimmerButton";
  */
 function Glimmer({ size = "base", shape = "rectangle", timing = "base", reverseTheme = false, width, }) {
     const className = classnames__default["default"](styles.glimmer, sizes[size], shapes[shape], timings[timing], { [styles.reverseTheme]: reverseTheme });
-    return (React__default["default"].createElement("div", { "aria-busy": "true", className: className, "data-testid": GLIMMER_TEST_ID, style: { width } }));
+    return (React__default["default"].createElement("div", { "aria-busy": "true", role: "status", className: className, "data-testid": GLIMMER_TEST_ID, style: { width } }));
 }
 Glimmer.Header = function GlimmerHeader(_a) {
     var { level = 3 } = _a, props = tslib_es6.__rest(_a, ["level"]);

package/dist/Heading/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../Heading-1e8e4bd3.js');
+var Heading = require('../Heading-bae3c69e.js');
 require('react');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../getAtlantisConfig-0f3e8af2.js');
+require('../useAtlantisConfig-ed0bee66.js');
+require('@jobber/hooks/useSafeLayoutEffect');
 
 
 

package/dist/{Heading-1e8e4bd3.js → Heading-bae3c69e.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-c45bf216.js');
-var getAtlantisConfig = require('./getAtlantisConfig-0f3e8af2.js');
+var Typography = require('./Typography-e2a23b7e.js');
+var useAtlantisConfig = require('./useAtlantisConfig-ed0bee66.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Heading({ level = 5, children }) {
-    const { JOBBER_RETHEME: inRetheme } = getAtlantisConfig.getAtlantisConfig();
+    const { JOBBER_RETHEME: inRetheme } = useAtlantisConfig.useAtlantisConfig();
     const levelMap = {
         1: {
             element: "h1",

package/dist/InlineLabel/InlineLabel.d.ts

@@ -5,13 +5,13 @@ interface InlineLabelProps {
      * The size of the label
      * @default base
      */
-    size?: "base" | "large" | "larger";
+    readonly size?: "base" | "large" | "larger";
     /**
      * The color of the label
      * @default "greyBlue"
      */
-    color?: InlineLabelColors;
-    children: ReactNode;
+    readonly color?: InlineLabelColors;
+    readonly children: ReactNode;
 }
 export declare function InlineLabel({ size, color, children, }: InlineLabelProps): JSX.Element;
 export {};

package/dist/InlineLabel/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InlineLabel = require('../InlineLabel-a6557829.js');
+var InlineLabel = require('../InlineLabel-4d463bd6.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-c45bf216.js');
+require('../Typography-e2a23b7e.js');
 
 
 

package/dist/{InlineLabel-a6557829.js → InlineLabel-4d463bd6.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-c45bf216.js');
+var Typography = require('./Typography-e2a23b7e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }