@jobber/components 5.16.0 → 5.16.2-clean-up-s.1

package/dist/{FormField-B1JciJQc.js → FormField-CzCxl19r.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DXwP9wMW.js');
+var tslib_es6 = require('./tslib.es6-CxJ3DCm2.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-Dvop_Fif.js');
-var Icon = require('./Icon-BW7lQvxN.js');
-var Text = require('./Text-B2L260nY.js');
-var useFormFieldFocus = require('./useFormFieldFocus-DcjDaEoC.js');
-var InputValidation = require('./InputValidation-CZreqock.js');
-var Spinner = require('./Spinner-C5G2Ssh-.js');
+var Button = require('./Button-CxFkb1h5.js');
+var Icon = require('./Icon-ejPlBfmq.js');
+var Text = require('./Text-D7T7ESa2.js');
+var useFormFieldFocus = require('./useFormFieldFocus-DnGajmgI.js');
+var InputValidation = require('./InputValidation-DbaRESo3.js');
+var Spinner = require('./Spinner-DCaGhlKl.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,12 +186,11 @@ 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" }))));
 }
 
-// Added 13th statement to accommodate getErrorMessage function
-/*eslint max-statements: ["error", 13]*/
+// eslint-disable-next-line max-statements
 function FormField(props) {
-    var _a, _b;
+    var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, formState: { errors }, setValue, watch, } = reactHookForm.useFormContext() != undefined
+    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" });
@@ -213,76 +212,72 @@ function FormField(props) {
             setValue(controlledName, newValue, { shouldValidate: true });
         },
     }));
-    const message = (_a = errors[controlledName]) === null || _a === void 0 ? void 0 : _a.message;
-    const error = getErrorMessage();
-    React.useEffect(() => handleValidation(), [error]);
-    return (React.createElement(reactHookForm.Controller, { control: control, name: controlledName, rules: Object.assign({}, validations), defaultValue: (_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : "", render: (_a) => {
-            var _b = _a.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _b, rest = tslib_es6.__rest(_b, ["onChange", "onBlur", "name"]);
-            const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, 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 });
-            return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: error, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
-            function renderField() {
-                switch (type) {
-                    case "select":
-                        return (React.createElement(React.Fragment, null,
-                            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 })));
-                    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 })),
-                            loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
-                            children));
-                }
-            }
-            function handleClear() {
-                var _a;
-                handleBlur();
-                setValue(controlledName, "", { shouldValidate: true });
-                onChange && onChange("");
-                (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            function handleChange(event) {
-                let newValue;
-                newValue = event.currentTarget.value;
-                if (type === "number" && newValue.length > 0) {
-                    newValue = parseFloat(newValue);
-                }
-                onChange && onChange(newValue, event);
-                onControllerChange(event);
-            }
-            function handleKeyDown(event) {
-                if (!onEnter)
-                    return;
-                if (event.key !== "Enter")
-                    return;
-                if (event.shiftKey || event.ctrlKey)
-                    return;
-                event.preventDefault();
-                onEnter && onEnter(event);
-            }
-            function handleFocus(event) {
-                const target = event.currentTarget;
-                if (target.select) {
-                    setTimeout(() => readonly && target.select());
-                }
-                onFocus && onFocus();
-            }
-            function handleBlur() {
-                onBlur && onBlur();
-                onControllerBlur();
-            }
-        } }));
-    function getErrorMessage() {
-        if (typeof message === "string") {
-            return message;
+    const _b = reactHookForm.useController({
+        name: controlledName,
+        control,
+        rules: validations,
+        defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "name"]), { fieldState: { error } } = _b;
+    const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
+    React.useEffect(() => handleValidation(errorMessage), [errorMessage]);
+    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, 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 });
+    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
+    function renderField() {
+        switch (type) {
+            case "select":
+                return (React.createElement(React.Fragment, null,
+                    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 })));
+            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 })),
+                    loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
+                    children));
+        }
+    }
+    function handleClear() {
+        var _a;
+        handleBlur();
+        setValue(controlledName, "", { shouldValidate: true });
+        onChange && onChange("");
+        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function handleChange(event) {
+        let newValue;
+        newValue = event.currentTarget.value;
+        if (type === "number" && newValue.length > 0) {
+            newValue = parseFloat(newValue);
         }
-        return "";
+        onChange && onChange(newValue, event);
+        onControllerChange(event);
+    }
+    function handleKeyDown(event) {
+        if (!onEnter)
+            return;
+        if (event.key !== "Enter")
+            return;
+        if (event.shiftKey || event.ctrlKey)
+            return;
+        event.preventDefault();
+        onEnter && onEnter(event);
+    }
+    function handleFocus(event) {
+        const target = event.currentTarget;
+        if (target.select) {
+            setTimeout(() => readonly && target.select());
+        }
+        onFocus && onFocus();
+    }
+    function handleBlur() {
+        onBlur && onBlur();
+        onControllerBlur();
     }
-    function handleValidation() {
-        onValidation && onValidation(error);
+    function handleValidation(message) {
+        onValidation && onValidation(message);
     }
 }
 function setAutocomplete(autocompleteSetting) {

package/dist/{FormField-yxDgo2yR.js → FormField-DjZqMMjJ.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-DuU4GgKA.js';
+import { _ as __rest } from './tslib.es6-DVMj2Jax.js';
 import React, { useRef, useState, useEffect, useId, useImperativeHandle } from 'react';
-import { useFormContext, useForm, Controller } from 'react-hook-form';
+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-yiqmT_1D.js';
-import { I as Icon } from './Icon-CNsuEDfQ.js';
-import { T as Text } from './Text-Dk9ZAYen.js';
-import { u as useFormFieldFocus } from './useFormFieldFocus-fyw8Tt8w.js';
-import { I as InputValidation } from './InputValidation-xAO7gmeW.js';
-import { S as Spinner } from './Spinner-DNdptS2G.js';
+import { B as Button } from './Button-BNyhYMNE.js';
+import { I as Icon } from './Icon-BSQjOHiE.js';
+import { T as Text } from './Text-CL12nnYh.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-OdfEv3rd.js';
+import { I as InputValidation } from './InputValidation-BtKibSfh.js';
+import { S as Spinner } from './Spinner-Bh6OCDZr.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,12 +184,11 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon, { name: "arrowDown" })) : (React.createElement(Spinner, { size: "small" }))));
 }
 
-// Added 13th statement to accommodate getErrorMessage function
-/*eslint max-statements: ["error", 13]*/
+// eslint-disable-next-line max-statements
 function FormField(props) {
-    var _a, _b;
+    var _a;
     const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
-    const { control, formState: { errors }, setValue, watch, } = useFormContext() != undefined
+    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" });
@@ -211,76 +210,72 @@ function FormField(props) {
             setValue(controlledName, newValue, { shouldValidate: true });
         },
     }));
-    const message = (_a = errors[controlledName]) === null || _a === void 0 ? void 0 : _a.message;
-    const error = getErrorMessage();
-    useEffect(() => handleValidation(), [error]);
-    return (React.createElement(Controller, { control: control, name: controlledName, rules: Object.assign({}, validations), defaultValue: (_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : "", render: (_a) => {
-            var _b = _a.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _b, rest = __rest(_b, ["onChange", "onBlur", "name"]);
-            const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, 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 });
-            return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: error, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
-            function renderField() {
-                switch (type) {
-                    case "select":
-                        return (React.createElement(React.Fragment, null,
-                            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 })));
-                    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 })),
-                            loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
-                            children));
-                }
-            }
-            function handleClear() {
-                var _a;
-                handleBlur();
-                setValue(controlledName, "", { shouldValidate: true });
-                onChange && onChange("");
-                (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            function handleChange(event) {
-                let newValue;
-                newValue = event.currentTarget.value;
-                if (type === "number" && newValue.length > 0) {
-                    newValue = parseFloat(newValue);
-                }
-                onChange && onChange(newValue, event);
-                onControllerChange(event);
-            }
-            function handleKeyDown(event) {
-                if (!onEnter)
-                    return;
-                if (event.key !== "Enter")
-                    return;
-                if (event.shiftKey || event.ctrlKey)
-                    return;
-                event.preventDefault();
-                onEnter && onEnter(event);
-            }
-            function handleFocus(event) {
-                const target = event.currentTarget;
-                if (target.select) {
-                    setTimeout(() => readonly && target.select());
-                }
-                onFocus && onFocus();
-            }
-            function handleBlur() {
-                onBlur && onBlur();
-                onControllerBlur();
-            }
-        } }));
-    function getErrorMessage() {
-        if (typeof message === "string") {
-            return message;
+    const _b = useController({
+        name: controlledName,
+        control,
+        rules: validations,
+        defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _c, rest = __rest(_c, ["onChange", "onBlur", "name"]), { fieldState: { error } } = _b;
+    const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
+    useEffect(() => handleValidation(errorMessage), [errorMessage]);
+    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, 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 });
+    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
+    function renderField() {
+        switch (type) {
+            case "select":
+                return (React.createElement(React.Fragment, null,
+                    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 })));
+            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 })),
+                    loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
+                    children));
+        }
+    }
+    function handleClear() {
+        var _a;
+        handleBlur();
+        setValue(controlledName, "", { shouldValidate: true });
+        onChange && onChange("");
+        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function handleChange(event) {
+        let newValue;
+        newValue = event.currentTarget.value;
+        if (type === "number" && newValue.length > 0) {
+            newValue = parseFloat(newValue);
         }
-        return "";
+        onChange && onChange(newValue, event);
+        onControllerChange(event);
+    }
+    function handleKeyDown(event) {
+        if (!onEnter)
+            return;
+        if (event.key !== "Enter")
+            return;
+        if (event.shiftKey || event.ctrlKey)
+            return;
+        event.preventDefault();
+        onEnter && onEnter(event);
+    }
+    function handleFocus(event) {
+        const target = event.currentTarget;
+        if (target.select) {
+            setTimeout(() => readonly && target.select());
+        }
+        onFocus && onFocus();
+    }
+    function handleBlur() {
+        onBlur && onBlur();
+        onControllerBlur();
     }
-    function handleValidation() {
-        onValidation && onValidation(error);
+    function handleValidation(message) {
+        onValidation && onValidation(message);
     }
 }
 function setAutocomplete(autocompleteSetting) {

package/dist/FormatDate/index.cjs

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

package/dist/FormatDate/index.mjs

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

package/dist/FormatEmail/index.cjs

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

package/dist/FormatEmail/index.mjs

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

package/dist/FormatFile/index.cjs

@@ -1,33 +1,33 @@
 'use strict';
 
-var FormatFile = require('../FormatFile-BU3a8x9F.js');
+var FormatFile = require('../FormatFile-WoxNPbbC.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-Dvop_Fif.js');
+require('../Button-CxFkb1h5.js');
 require('react-router-dom');
-require('../Icon-BW7lQvxN.js');
+require('../Icon-ejPlBfmq.js');
 require('@jobber/design');
-require('../Typography-C8-hgHgG.js');
-require('../ConfirmationModal-Ds46tllY.js');
-require('../useOnKeyDown-C31qoCpg.js');
-require('../Modal-8pUvpHAj.js');
+require('../Typography-CcnRTDsF.js');
+require('../ConfirmationModal-C_3S7lmP.js');
+require('../useOnKeyDown-Bjsh_w8K.js');
+require('../Modal-nfEwpWus.js');
 require('react-dom');
 require('framer-motion');
-require('../useRefocusOnActivator-DAg3LEJq.js');
-require('../useFocusTrap-C7CxPunp.js');
-require('../Heading-60_LK_ND.js');
-require('../ButtonDismiss-BGHIxf-w.js');
-require('../Content-Bm-jpX3R.js');
-require('../Markdown-CGsGCqlK.js');
-require('../Text-B2L260nY.js');
-require('../Emphasis-D6a0j479.js');
-require('../index-BSr4ns4p.js');
-require('../_commonjsHelpers-B94Midz0.js');
-require('../_polyfill-node.process-D-4P-t2A.js');
-require('../Glimmer-CG8JeLSp.js');
-require('../tslib.es6-DXwP9wMW.js');
-require('../ProgressBar-D-iNQRyY.js');
+require('../useRefocusOnActivator-h86G4d78.js');
+require('../useFocusTrap-C89Wo-FY.js');
+require('../Heading-DVzHxqlg.js');
+require('../ButtonDismiss-arwXgUFp.js');
+require('../Content-DAHMmowd.js');
+require('../Markdown-BgLtr7f4.js');
+require('../Text-D7T7ESa2.js');
+require('../Emphasis-Bz-iA90i.js');
+require('../index-B1FrfCbK.js');
+require('../_commonjsHelpers-DWfvahQj.js');
+require('../_polyfill-node.process-CDHxGXnp.js');
+require('../Glimmer-1xkyLJzw.js');
+require('../tslib.es6-CxJ3DCm2.js');
+require('../ProgressBar-B3uQPF0e.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-DmxAhPn8.js';
+export { F as FormatFile } from '../FormatFile-D-hrWfVj.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-yiqmT_1D.js';
+import '../Button-BNyhYMNE.js';
 import 'react-router-dom';
-import '../Icon-CNsuEDfQ.js';
+import '../Icon-BSQjOHiE.js';
 import '@jobber/design';
-import '../Typography-BtcHcCL8.js';
-import '../ConfirmationModal-DVYu7Cnf.js';
-import '../useOnKeyDown-C72shq8y.js';
-import '../Modal-BEgRJ2d8.js';
+import '../Typography-xMechel0.js';
+import '../ConfirmationModal-bDEiqawr.js';
+import '../useOnKeyDown-d7nF_TYH.js';
+import '../Modal-DArF0M5N.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useRefocusOnActivator-TJ40RFof.js';
-import '../useFocusTrap-CX99-YnP.js';
-import '../Heading-BHJ_xwdS.js';
-import '../ButtonDismiss-BYQUGjTc.js';
-import '../Content-Cq-xmzEz.js';
-import '../Markdown-DqJisKMY.js';
-import '../Text-Dk9ZAYen.js';
-import '../Emphasis-Cn-UYVfJ.js';
-import '../index-yNFDMXVw.js';
-import '../_commonjsHelpers-dbUQlwt9.js';
-import '../_polyfill-node.process-QqAAIsFg.js';
-import '../Glimmer-CMyOC_C9.js';
-import '../tslib.es6-DuU4GgKA.js';
-import '../ProgressBar-Bn8J95dT.js';
+import '../useRefocusOnActivator-i1rq6DjO.js';
+import '../useFocusTrap-Cno--pcE.js';
+import '../Heading-B42ENpbV.js';
+import '../ButtonDismiss-B9d75Z9R.js';
+import '../Content-CGgldHHh.js';
+import '../Markdown-C5ibBits.js';
+import '../Text-CL12nnYh.js';
+import '../Emphasis-CuKrHpsW.js';
+import '../index-D30FiP6C.js';
+import '../_commonjsHelpers-C82QmvRe.js';
+import '../_polyfill-node.process-WXY6TPwS.js';
+import '../Glimmer-MN2R4yaw.js';
+import '../tslib.es6-DVMj2Jax.js';
+import '../ProgressBar-BLDK6Byu.js';

package/dist/{FormatFile-DmxAhPn8.js → FormatFile-D-hrWfVj.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-yiqmT_1D.js';
-import { C as ConfirmationModal } from './ConfirmationModal-DVYu7Cnf.js';
-import { G as Glimmer } from './Glimmer-CMyOC_C9.js';
-import { I as Icon } from './Icon-CNsuEDfQ.js';
-import { T as Typography } from './Typography-BtcHcCL8.js';
-import { T as Text } from './Text-Dk9ZAYen.js';
-import { P as ProgressBar } from './ProgressBar-Bn8J95dT.js';
+import { B as Button } from './Button-BNyhYMNE.js';
+import { C as ConfirmationModal } from './ConfirmationModal-bDEiqawr.js';
+import { G as Glimmer } from './Glimmer-MN2R4yaw.js';
+import { I as Icon } from './Icon-BSQjOHiE.js';
+import { T as Typography } from './Typography-xMechel0.js';
+import { T as Text } from './Text-CL12nnYh.js';
+import { P as ProgressBar } from './ProgressBar-BLDK6Byu.js';
 
 var styles$2 = {"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-BU3a8x9F.js → FormatFile-WoxNPbbC.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
-var Button = require('./Button-Dvop_Fif.js');
-var ConfirmationModal = require('./ConfirmationModal-Ds46tllY.js');
-var Glimmer = require('./Glimmer-CG8JeLSp.js');
-var Icon = require('./Icon-BW7lQvxN.js');
-var Typography = require('./Typography-C8-hgHgG.js');
-var Text = require('./Text-B2L260nY.js');
-var ProgressBar = require('./ProgressBar-D-iNQRyY.js');
+var Button = require('./Button-CxFkb1h5.js');
+var ConfirmationModal = require('./ConfirmationModal-C_3S7lmP.js');
+var Glimmer = require('./Glimmer-1xkyLJzw.js');
+var Icon = require('./Icon-ejPlBfmq.js');
+var Typography = require('./Typography-CcnRTDsF.js');
+var Text = require('./Text-D7T7ESa2.js');
+var ProgressBar = require('./ProgressBar-B3uQPF0e.js');
 
 var styles$2 = {"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-CLkXnupN.js');
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-DhTWfBlT.js');
 require('react');
 
 

package/dist/FormatRelativeDateTime/index.mjs

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

package/dist/FormatTime/index.cjs

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

package/dist/FormatTime/index.mjs

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