@jobber/components 5.20.6 → 5.20.7-JOB-98794.9

package/dist/{FeatureSwitch-BwWmMGWU.js → FeatureSwitch-DLzAmz9c.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-CUjsurp7.js';
-import { T as Text } from './Text-DHf4kjqf.js';
-import { C as Content } from './Content-C8XO9b3h.js';
-import { S as Switch } from './Switch-B9TCtjVj.js';
-import { B as Button } from './Button-CCFgUfCE.js';
-import { E as Emphasis } from './Emphasis-DmAhHwV4.js';
-import { M as Markdown } from './Markdown-BGKsCqEf.js';
+import { H as Heading } from './Heading-CHpkgnM8.js';
+import { T as Text } from './Text-CnPlw-0O.js';
+import { C as Content } from './Content-BCvsvs32.js';
+import { S as Switch } from './Switch-BjDsj_1K.js';
+import { B as Button } from './Button-DePoxtwg.js';
+import { E as Emphasis } from './Emphasis-_2x2GFJj.js';
+import { M as Markdown } from './Markdown-D8Kr3rdB.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/Flex/index.cjs

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

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-D8qL8AIB.js');
-require('../tslib.es6-BXcCkp2C.js');
+var Form = require('../Form-Bdhwtz4h.js');
+require('../tslib.es6-nJ5dZAIO.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-DJae8VvM.js';
-import '../tslib.es6-Cws4LuDZ.js';
+export { F as Form } from '../Form-7kDBa6MF.js';
+import '../tslib.es6-CLQ0TeDj.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-DJae8VvM.js → Form-7kDBa6MF.js}

@@ -1,10 +1,13 @@
-import { a as __awaiter } from './tslib.es6-Cws4LuDZ.js';
+import { a as __awaiter } from './tslib.es6-CLQ0TeDj.js';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 
 const Form = forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = useForm({ mode: "onTouched" });
-    const { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
+    const methods = useForm({
+        mode: "onTouched",
+        shouldFocusError: true,
+    });
+    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
     useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     useImperativeHandle(ref, () => ({
         /**
@@ -14,14 +17,10 @@ const Form = forwardRef(function InternalForm({ onSubmit, children, onStateChang
          * `Form` component.
          */
         submit: () => __awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger();
+            const valid = yield trigger(undefined, { shouldFocus: true });
             if (valid) {
                 submitHandler();
             }
-            else {
-                trigger();
-                errorHandler(errors);
-            }
         }),
     }));
     /**
@@ -31,18 +30,13 @@ const Form = forwardRef(function InternalForm({ onSubmit, children, onStateChang
      */
     const Wrapper = onSubmit ? "form" : "div";
     const formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
+        onSubmit: onSubmit && handleSubmit(submitHandler),
     };
     return (React.createElement(FormProvider, Object.assign({}, methods),
         React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
     function submitHandler() {
         onSubmit && onSubmit();
     }
-    function errorHandler(errs) {
-        const firstErrName = Object.keys(errs)[0];
-        const element = document.querySelector(`[name="${firstErrName}"]`);
-        element === null || element === void 0 ? void 0 : element.focus();
-    }
 });
 
 export { Form as F };

package/dist/{Form-D8qL8AIB.js → Form-Bdhwtz4h.js}

@@ -1,12 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BXcCkp2C.js');
+var tslib_es6 = require('./tslib.es6-nJ5dZAIO.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 
 const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = reactHookForm.useForm({ mode: "onTouched" });
-    const { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
+    const methods = reactHookForm.useForm({
+        mode: "onTouched",
+        shouldFocusError: true,
+    });
+    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
     React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     React.useImperativeHandle(ref, () => ({
         /**
@@ -16,14 +19,10 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
          * `Form` component.
          */
         submit: () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger();
+            const valid = yield trigger(undefined, { shouldFocus: true });
             if (valid) {
                 submitHandler();
             }
-            else {
-                trigger();
-                errorHandler(errors);
-            }
         }),
     }));
     /**
@@ -33,18 +32,13 @@ const Form = React.forwardRef(function InternalForm({ onSubmit, children, onStat
      */
     const Wrapper = onSubmit ? "form" : "div";
     const formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
+        onSubmit: onSubmit && handleSubmit(submitHandler),
     };
     return (React.createElement(reactHookForm.FormProvider, Object.assign({}, methods),
         React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
     function submitHandler() {
         onSubmit && onSubmit();
     }
-    function errorHandler(errs) {
-        const firstErrName = Object.keys(errs)[0];
-        const element = document.querySelector(`[name="${firstErrName}"]`);
-        element === null || element === void 0 ? void 0 : element.focus();
-    }
 });
 
 exports.Form = Form;

package/dist/FormField/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-C0m_5NTk.js');
-require('../tslib.es6-BXcCkp2C.js');
+var FormField = require('../FormField-D3CNT3ns.js');
+require('../tslib.es6-nJ5dZAIO.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-vg2selYY.js');
+require('../Button-CGKTQ5uU.js');
 require('react-router-dom');
-require('../Icon-j3zeP4lF.js');
-require('../Typography-CdIZaFn5.js');
-require('../Text-BE4Jmz4t.js');
-require('../useFormFieldFocus-B3Vogjye.js');
-require('../InputValidation-uw8Yt5ba.js');
-require('../Spinner-wdq2qUsS.js');
+require('../Icon-ydrPd3ae.js');
+require('../Typography-BRsmyZLG.js');
+require('../Text-MI4D7Uwi.js');
+require('../useFormFieldFocus-De9UOtDs.js');
+require('../InputValidation-Bz3ecmTi.js');
+require('../Spinner-B7EzXdzv.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-BSNpaK_3.js';
-import '../tslib.es6-Cws4LuDZ.js';
+export { F as FormField } from '../FormField-BlXttb0e.js';
+import '../tslib.es6-CLQ0TeDj.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-CCFgUfCE.js';
+import '../Button-DePoxtwg.js';
 import 'react-router-dom';
-import '../Icon-blKbeWdB.js';
-import '../Typography-CribLmPd.js';
-import '../Text-DHf4kjqf.js';
-import '../useFormFieldFocus-Bv8go7kt.js';
-import '../InputValidation-CrWEx8mM.js';
-import '../Spinner-BH9feRt4.js';
+import '../Icon-Br8TUmBj.js';
+import '../Typography-C6JoVSKw.js';
+import '../Text-CnPlw-0O.js';
+import '../useFormFieldFocus-BNzJHpl3.js';
+import '../InputValidation-BuC0f_DC.js';
+import '../Spinner-Ch9j6joq.js';

package/dist/{FormField-BSNpaK_3.js → FormField-BlXttb0e.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-Cws4LuDZ.js';
+import { _ as __rest } from './tslib.es6-CLQ0TeDj.js';
 import React, { useRef, useState, useEffect, useId, useImperativeHandle } from 'react';
 import { useFormContext, useForm, useController } from 'react-hook-form';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { tokens } from '@jobber/design';
-import { B as Button } from './Button-CCFgUfCE.js';
-import { I as Icon } from './Icon-blKbeWdB.js';
-import { T as Text } from './Text-DHf4kjqf.js';
-import { u as useFormFieldFocus } from './useFormFieldFocus-Bv8go7kt.js';
-import { I as InputValidation } from './InputValidation-CrWEx8mM.js';
-import { S as Spinner } from './Spinner-BH9feRt4.js';
+import { B as Button } from './Button-DePoxtwg.js';
+import { I as Icon } from './Icon-Br8TUmBj.js';
+import { T as Text } from './Text-CnPlw-0O.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-BNzJHpl3.js';
+import { I as InputValidation } from './InputValidation-BuC0f_DC.js';
+import { S as Spinner } from './Spinner-Ch9j6joq.js';
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
 
@@ -184,6 +184,19 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon, { name: "arrowDown" })) : (React.createElement(Spinner, { size: "small" }))));
 }
 
+function mergeRefs(refs) {
+    return value => {
+        refs.forEach(ref => {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+
 function FormField(props) {
     // Warning: do not move useId into FormFieldInternal. This must be here to avoid
     // a problem where useId isn't stable across multiple StrictMode renders.
@@ -195,10 +208,9 @@ function FormField(props) {
 function FormFieldInternal(props) {
     var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, setValue, watch } = useFormContext() != undefined
-        ? useFormContext()
-        : // If there isn't a Form Context being provided, get a form for this field.
-            useForm({ mode: "onTouched" });
+    const formContext = useFormContext();
+    // If there isn't a Form Context being provided, get a form for this field.
+    const { control, setValue, watch } = formContext !== null && formContext !== void 0 ? formContext : useForm({ mode: "onTouched" });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * Generate a name if one is not supplied, this is the name
@@ -227,6 +239,7 @@ function FormFieldInternal(props) {
     const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
+    const fieldRefs = mergeRefs([inputRef, rest.ref]);
     return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
@@ -235,10 +248,10 @@ function FormFieldInternal(props) {
                     React.createElement("select", Object.assign({}, fieldProps), children),
                     React.createElement(FormFieldPostFix, { variation: "select" })));
             case "textarea":
-                return (React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRef })));
+                return React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: fieldRefs }));
             default:
                 return (React.createElement(React.Fragment, null,
-                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRef, onKeyUp: onKeyUp })),
+                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: fieldRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/{FormField-C0m_5NTk.js → FormField-D3CNT3ns.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BXcCkp2C.js');
+var tslib_es6 = require('./tslib.es6-nJ5dZAIO.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
-var Button = require('./Button-vg2selYY.js');
-var Icon = require('./Icon-j3zeP4lF.js');
-var Text = require('./Text-BE4Jmz4t.js');
-var useFormFieldFocus = require('./useFormFieldFocus-B3Vogjye.js');
-var InputValidation = require('./InputValidation-uw8Yt5ba.js');
-var Spinner = require('./Spinner-wdq2qUsS.js');
+var Button = require('./Button-CGKTQ5uU.js');
+var Icon = require('./Icon-ydrPd3ae.js');
+var Text = require('./Text-MI4D7Uwi.js');
+var useFormFieldFocus = require('./useFormFieldFocus-De9UOtDs.js');
+var InputValidation = require('./InputValidation-Bz3ecmTi.js');
+var Spinner = require('./Spinner-B7EzXdzv.js');
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
 
@@ -186,6 +186,19 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon.Icon, { name: "arrowDown" })) : (React.createElement(Spinner.Spinner, { size: "small" }))));
 }
 
+function mergeRefs(refs) {
+    return value => {
+        refs.forEach(ref => {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref != null) {
+                ref.current = value;
+            }
+        });
+    };
+}
+
 function FormField(props) {
     // Warning: do not move useId into FormFieldInternal. This must be here to avoid
     // a problem where useId isn't stable across multiple StrictMode renders.
@@ -197,10 +210,9 @@ function FormField(props) {
 function FormFieldInternal(props) {
     var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
-        ? reactHookForm.useFormContext()
-        : // If there isn't a Form Context being provided, get a form for this field.
-            reactHookForm.useForm({ mode: "onTouched" });
+    const formContext = reactHookForm.useFormContext();
+    // If there isn't a Form Context being provided, get a form for this field.
+    const { control, setValue, watch } = formContext !== null && formContext !== void 0 ? formContext : reactHookForm.useForm({ mode: "onTouched" });
     const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * Generate a name if one is not supplied, this is the name
@@ -229,6 +241,7 @@ function FormFieldInternal(props) {
     const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
+    const fieldRefs = mergeRefs([inputRef, rest.ref]);
     return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
@@ -237,10 +250,10 @@ function FormFieldInternal(props) {
                     React.createElement("select", Object.assign({}, fieldProps), children),
                     React.createElement(FormFieldPostFix, { variation: "select" })));
             case "textarea":
-                return (React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: inputRef })));
+                return React.createElement("textarea", Object.assign({}, textFieldProps, { rows: rows, ref: fieldRefs }));
             default:
                 return (React.createElement(React.Fragment, null,
-                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: inputRef, onKeyUp: onKeyUp })),
+                    React.createElement("input", Object.assign({}, textFieldProps, { autoComplete: setAutocomplete(autocomplete), type: type, maxLength: maxLength, max: max, min: min, ref: fieldRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/FormatDate/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatDate = require('../FormatDate-BXF7cOKA.js');
+var FormatDate = require('../FormatDate-g0dttejg.js');
 require('react');
 
 

package/dist/FormatDate/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatDate, s as strFormatDate } from '../FormatDate-BIS7Vcdn.js';
+export { F as FormatDate, s as strFormatDate } from '../FormatDate-BfNg6uPA.js';
 import 'react';

package/dist/FormatEmail/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatEmail = require('../FormatEmail-D3oH2Y3N.js');
+var FormatEmail = require('../FormatEmail-BM--1To5.js');
 require('react');
 require('classnames');
 

package/dist/FormatEmail/index.mjs

@@ -1,3 +1,3 @@
-export { F as FormatEmail } from '../FormatEmail-qfm_tCQ3.js';
+export { F as FormatEmail } from '../FormatEmail-DfpngsRe.js';
 import 'react';
 import 'classnames';

package/dist/FormatFile/index.cjs

@@ -1,33 +1,33 @@
 'use strict';
 
-var FormatFile = require('../FormatFile-DZu1iDnE.js');
+var FormatFile = require('../FormatFile-zLlPcZDC.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-vg2selYY.js');
+require('../Button-CGKTQ5uU.js');
 require('react-router-dom');
-require('../Icon-j3zeP4lF.js');
+require('../Icon-ydrPd3ae.js');
 require('@jobber/design');
-require('../Typography-CdIZaFn5.js');
-require('../ConfirmationModal-YZP2ltRu.js');
-require('../useOnKeyDown-BJJ73E5I.js');
-require('../Modal-BQMLOlkT.js');
+require('../Typography-BRsmyZLG.js');
+require('../ConfirmationModal-DvIESLZG.js');
+require('../useOnKeyDown-LVgJ9f_q.js');
+require('../Modal-CcZ6aMgO.js');
 require('react-dom');
 require('framer-motion');
-require('../useRefocusOnActivator-DtgfsZvf.js');
-require('../useFocusTrap-DXxWSIPi.js');
-require('../Heading-CpBPRlMp.js');
-require('../ButtonDismiss-DUm_ndgy.js');
-require('../Content-nKMqHRgC.js');
-require('../Markdown-pxjX3jES.js');
-require('../Text-BE4Jmz4t.js');
-require('../Emphasis-CTZVtYzL.js');
-require('../index-DiIvwM5K.js');
-require('../_commonjsHelpers-B4QBCWyv.js');
-require('../_polyfill-node.process-BT-ojlAH.js');
-require('../Glimmer-p21JdcHu.js');
-require('../tslib.es6-BXcCkp2C.js');
-require('../ProgressBar-Dgoyi4EK.js');
+require('../useRefocusOnActivator-DzRAt5ER.js');
+require('../useFocusTrap-DjtTeKpR.js');
+require('../Heading-CL8hgvrU.js');
+require('../ButtonDismiss-BWc_0M64.js');
+require('../Content-BuPo8fsi.js');
+require('../Markdown-Bufv5zYK.js');
+require('../Text-MI4D7Uwi.js');
+require('../Emphasis-zyE9vBID.js');
+require('../index-CxHbx2_i.js');
+require('../_commonjsHelpers-1FiQiKjb.js');
+require('../_polyfill-node.process-wjbMXWBL.js');
+require('../Glimmer-CZzbHc1d.js');
+require('../tslib.es6-nJ5dZAIO.js');
+require('../ProgressBar-BxZOoI5R.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-Cs2CVNf7.js';
+export { F as FormatFile } from '../FormatFile-BQ9-74Wp.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-CCFgUfCE.js';
+import '../Button-DePoxtwg.js';
 import 'react-router-dom';
-import '../Icon-blKbeWdB.js';
+import '../Icon-Br8TUmBj.js';
 import '@jobber/design';
-import '../Typography-CribLmPd.js';
-import '../ConfirmationModal-Ds_31qZ_.js';
-import '../useOnKeyDown-Bs4xvuXy.js';
-import '../Modal-iowxZbUk.js';
+import '../Typography-C6JoVSKw.js';
+import '../ConfirmationModal-ChchXgeh.js';
+import '../useOnKeyDown-CCIjBZJW.js';
+import '../Modal-DRy2BnHX.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useRefocusOnActivator-8Ia4lNu_.js';
-import '../useFocusTrap-DF4LxGD7.js';
-import '../Heading-CUjsurp7.js';
-import '../ButtonDismiss-RrepOM09.js';
-import '../Content-C8XO9b3h.js';
-import '../Markdown-BGKsCqEf.js';
-import '../Text-DHf4kjqf.js';
-import '../Emphasis-DmAhHwV4.js';
-import '../index-W9KIk9f0.js';
-import '../_commonjsHelpers-CgkR5QkS.js';
-import '../_polyfill-node.process-fwmcfaH5.js';
-import '../Glimmer-BrG1PMK4.js';
-import '../tslib.es6-Cws4LuDZ.js';
-import '../ProgressBar-CIL-SvlV.js';
+import '../useRefocusOnActivator-DRT9M_xQ.js';
+import '../useFocusTrap-ko8uqPdD.js';
+import '../Heading-CHpkgnM8.js';
+import '../ButtonDismiss-CB-W8nfC.js';
+import '../Content-BCvsvs32.js';
+import '../Markdown-D8Kr3rdB.js';
+import '../Text-CnPlw-0O.js';
+import '../Emphasis-_2x2GFJj.js';
+import '../index-kwJcErAA.js';
+import '../_commonjsHelpers-NYXP2cY9.js';
+import '../_polyfill-node.process-7yir3W0V.js';
+import '../Glimmer-CQ60qabr.js';
+import '../tslib.es6-CLQ0TeDj.js';
+import '../ProgressBar-D94Fj8C3.js';

package/dist/{FormatFile-Cs2CVNf7.js → FormatFile-BQ9-74Wp.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import getHumanReadableFileSize from 'filesize';
-import { B as Button } from './Button-CCFgUfCE.js';
-import { C as ConfirmationModal } from './ConfirmationModal-Ds_31qZ_.js';
-import { G as Glimmer } from './Glimmer-BrG1PMK4.js';
-import { I as Icon } from './Icon-blKbeWdB.js';
-import { T as Typography } from './Typography-CribLmPd.js';
-import { T as Text } from './Text-DHf4kjqf.js';
-import { P as ProgressBar } from './ProgressBar-CIL-SvlV.js';
+import { B as Button } from './Button-DePoxtwg.js';
+import { C as ConfirmationModal } from './ConfirmationModal-ChchXgeh.js';
+import { G as Glimmer } from './Glimmer-CQ60qabr.js';
+import { I as Icon } from './Icon-Br8TUmBj.js';
+import { T as Typography } from './Typography-C6JoVSKw.js';
+import { T as Text } from './Text-CnPlw-0O.js';
+import { P as ProgressBar } from './ProgressBar-D94Fj8C3.js';
 
 var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
 

package/dist/{FormatFile-DZu1iDnE.js → FormatFile-zLlPcZDC.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
-var Button = require('./Button-vg2selYY.js');
-var ConfirmationModal = require('./ConfirmationModal-YZP2ltRu.js');
-var Glimmer = require('./Glimmer-p21JdcHu.js');
-var Icon = require('./Icon-j3zeP4lF.js');
-var Typography = require('./Typography-CdIZaFn5.js');
-var Text = require('./Text-BE4Jmz4t.js');
-var ProgressBar = require('./ProgressBar-Dgoyi4EK.js');
+var Button = require('./Button-CGKTQ5uU.js');
+var ConfirmationModal = require('./ConfirmationModal-DvIESLZG.js');
+var Glimmer = require('./Glimmer-CZzbHc1d.js');
+var Icon = require('./Icon-ydrPd3ae.js');
+var Typography = require('./Typography-BRsmyZLG.js');
+var Text = require('./Text-MI4D7Uwi.js');
+var ProgressBar = require('./ProgressBar-BxZOoI5R.js');
 
 var styles$2 = {"formatFile":"izUmsxxh1nU-","expanded":"cx4iQqlNNvc-","compact":"nSaog7-7Jn0-","wrapper":"_9jVt97W52JY-","large":"z-kUGMs0Yfg-","base":"x1Ql0enaIxY-","thumbnail":"il9-MCeoBts-","clickable":"O9EG-xJYVco-","hoverable":"QmrRp5CTpGU-","progress":"N5qVYfi1Pgo-","contentBlock":"TyXXZnJuVwo-","deleteButton":"_7wDO6nPXy-g-","deleteable":"sgUJuNv0rUE-"};
 

package/dist/FormatRelativeDateTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatRelativeDateTime = require('../FormatRelativeDateTime-y-H1x0lw.js');
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-DSFdez_O.js');
 require('react');
 
 

package/dist/FormatRelativeDateTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-Df7O9Dc4.js';
+export { F as FormatRelativeDateTime } from '../FormatRelativeDateTime-KXp4vxRV.js';
 import 'react';

package/dist/FormatTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatTime = require('../FormatTime-DQiRZa6t.js');
+var FormatTime = require('../FormatTime-DgCNRSvo.js');
 require('react');
 
 

package/dist/FormatTime/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatTime } from '../FormatTime-Cfh4589r.js';
+export { F as FormatTime } from '../FormatTime-D6IcIy63.js';
 import 'react';