@jobber/components 5.16.0 → 5.17.0

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DXwP9wMW.js');
+var tslib_es6 = require('./tslib.es6-AfsYtsmk.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-d-kYEegS.js');
+var Icon = require('./Icon-Cq-ZIaBf.js');
+var Text = require('./Text-BoB0kHxO.js');
+var useFormFieldFocus = require('./useFormFieldFocus-BL6nL-lB.js');
+var InputValidation = require('./InputValidation-DgfGC0Nf.js');
+var Spinner = require('./Spinner-Bc5izPYJ.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-CT7IRaJA.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-DuU4GgKA.js';
+import { _ as __rest } from './tslib.es6-BIhRMeBQ.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-BEvoKzzG.js';
+import { I as Icon } from './Icon-Cue0zbnV.js';
+import { T as Text } from './Text-D7l-7fzM.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-CQ3vceQj.js';
+import { I as InputValidation } from './InputValidation-BtVXN-Tr.js';
+import { S as Spinner } from './Spinner-glAdojL5.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-DN9Xteiu.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-lib-BLcT.js';
 import 'react';

package/dist/FormatEmail/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatEmail = require('../FormatEmail-Bhw5bETs.js');
+var FormatEmail = require('../FormatEmail-svgcLEU5.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-D0bxBDoV.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-B6GYc_di.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-Dvop_Fif.js');
+require('../Button-d-kYEegS.js');
 require('react-router-dom');
-require('../Icon-BW7lQvxN.js');
+require('../Icon-Cq-ZIaBf.js');
 require('@jobber/design');
-require('../Typography-C8-hgHgG.js');
-require('../ConfirmationModal-Ds46tllY.js');
-require('../useOnKeyDown-C31qoCpg.js');
-require('../Modal-8pUvpHAj.js');
+require('../Typography-wSnGsMN-.js');
+require('../ConfirmationModal-C1-iZ0-y.js');
+require('../useOnKeyDown-29xBjXKH.js');
+require('../Modal-CI-Ywx16.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-D4WGGMZF.js');
+require('../useFocusTrap-I0Ski17T.js');
+require('../Heading-X__fH-mu.js');
+require('../ButtonDismiss-A2jwGN2Y.js');
+require('../Content-BQbA0akz.js');
+require('../Markdown-CMPHJAvg.js');
+require('../Text-BoB0kHxO.js');
+require('../Emphasis-BO1RXPij.js');
+require('../index-B7SYRt5v.js');
+require('../_commonjsHelpers-Dost2nvQ.js');
+require('../_polyfill-node.process-D5lMDl3C.js');
+require('../Glimmer-CHjUkafT.js');
+require('../tslib.es6-AfsYtsmk.js');
+require('../ProgressBar-GNAvsJ8T.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-DmxAhPn8.js';
+export { F as FormatFile } from '../FormatFile-DT9vWqr7.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-yiqmT_1D.js';
+import '../Button-BEvoKzzG.js';
 import 'react-router-dom';
-import '../Icon-CNsuEDfQ.js';
+import '../Icon-Cue0zbnV.js';
 import '@jobber/design';
-import '../Typography-BtcHcCL8.js';
-import '../ConfirmationModal-DVYu7Cnf.js';
-import '../useOnKeyDown-C72shq8y.js';
-import '../Modal-BEgRJ2d8.js';
+import '../Typography-DgjbENxT.js';
+import '../ConfirmationModal-7nTuOdha.js';
+import '../useOnKeyDown-CDlOXYrU.js';
+import '../Modal-vL5GdI1c.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-BRvGeNEb.js';
+import '../useFocusTrap-k3GWTpgl.js';
+import '../Heading-DBtCp_pI.js';
+import '../ButtonDismiss-D41mI-7o.js';
+import '../Content-8Yodubf_.js';
+import '../Markdown-DX27aBQv.js';
+import '../Text-D7l-7fzM.js';
+import '../Emphasis-D1V0G7Px.js';
+import '../index-CbOZUj5k.js';
+import '../_commonjsHelpers-nO-57OAc.js';
+import '../_polyfill-node.process-CWB_oDeb.js';
+import '../Glimmer-COyCNrOW.js';
+import '../tslib.es6-BIhRMeBQ.js';
+import '../ProgressBar-DAFdyre0.js';

package/dist/{FormatFile-BU3a8x9F.js → FormatFile-B6GYc_di.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-d-kYEegS.js');
+var ConfirmationModal = require('./ConfirmationModal-C1-iZ0-y.js');
+var Glimmer = require('./Glimmer-CHjUkafT.js');
+var Icon = require('./Icon-Cq-ZIaBf.js');
+var Typography = require('./Typography-wSnGsMN-.js');
+var Text = require('./Text-BoB0kHxO.js');
+var ProgressBar = require('./ProgressBar-GNAvsJ8T.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-DmxAhPn8.js → FormatFile-DT9vWqr7.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-BEvoKzzG.js';
+import { C as ConfirmationModal } from './ConfirmationModal-7nTuOdha.js';
+import { G as Glimmer } from './Glimmer-COyCNrOW.js';
+import { I as Icon } from './Icon-Cue0zbnV.js';
+import { T as Typography } from './Typography-DgjbENxT.js';
+import { T as Text } from './Text-D7l-7fzM.js';
+import { P as ProgressBar } from './ProgressBar-DAFdyre0.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-LdhDet7a.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-DVNekxN0.js';
 import 'react';

package/dist/FormatTime/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatTime = require('../FormatTime-D8VLzNSU.js');
+var FormatTime = require('../FormatTime-BVNHduuX.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-DWpgYIeA.js';
 import 'react';