@jobber/components 5.16.0 → 5.16.1

package/dist/{FormField-B1JciJQc.js → FormField-B70-tQCu.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DXwP9wMW.js');
+var tslib_es6 = require('./tslib.es6-CLDXsKAY.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-Cajv2K1x.js');
+var Icon = require('./Icon-BChBxTT8.js');
+var Text = require('./Text-1pi9oJGW.js');
+var useFormFieldFocus = require('./useFormFieldFocus-BitxFzHz.js');
+var InputValidation = require('./InputValidation-BBfuAnwp.js');
+var Spinner = require('./Spinner-CCLJiQgp.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-BB-3IPJh.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-DuU4GgKA.js';
+import { _ as __rest } from './tslib.es6-QQS3IHnJ.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-DrzDHrmN.js';
+import { I as Icon } from './Icon-BzDrgdkX.js';
+import { T as Text } from './Text-CeA7Qzyi.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-BIlnZxLi.js';
+import { I as InputValidation } from './InputValidation-THzQ7gfR.js';
+import { S as Spinner } from './Spinner-B0M1cZxf.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-CqqQad_-.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-P5MQC2YI.js';
 import 'react';

package/dist/FormatEmail/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatEmail = require('../FormatEmail-Bhw5bETs.js');
+var FormatEmail = require('../FormatEmail-fjYArY8v.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-fiITfwg7.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-CybvZUa4.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-Dvop_Fif.js');
+require('../Button-Cajv2K1x.js');
 require('react-router-dom');
-require('../Icon-BW7lQvxN.js');
+require('../Icon-BChBxTT8.js');
 require('@jobber/design');
-require('../Typography-C8-hgHgG.js');
-require('../ConfirmationModal-Ds46tllY.js');
-require('../useOnKeyDown-C31qoCpg.js');
-require('../Modal-8pUvpHAj.js');
+require('../Typography-BdBN61w9.js');
+require('../ConfirmationModal-AJ3u4eAH.js');
+require('../useOnKeyDown-jqv6GQ42.js');
+require('../Modal-DEhMtSJ4.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-DU4Xma7L.js');
+require('../useFocusTrap-CYxqsTJx.js');
+require('../Heading-s4hkgshA.js');
+require('../ButtonDismiss-uVM_6Au0.js');
+require('../Content-Dl8UVUWL.js');
+require('../Markdown-D35YHVUz.js');
+require('../Text-1pi9oJGW.js');
+require('../Emphasis-DhvC7JBz.js');
+require('../index-CoHTzpsy.js');
+require('../_commonjsHelpers-BRV6pmS_.js');
+require('../_polyfill-node.process-C1NZvzAF.js');
+require('../Glimmer-D1mfJwlw.js');
+require('../tslib.es6-CLDXsKAY.js');
+require('../ProgressBar-BsP6zGs9.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-DmxAhPn8.js';
+export { F as FormatFile } from '../FormatFile-HSAvy7Ij.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-yiqmT_1D.js';
+import '../Button-DrzDHrmN.js';
 import 'react-router-dom';
-import '../Icon-CNsuEDfQ.js';
+import '../Icon-BzDrgdkX.js';
 import '@jobber/design';
-import '../Typography-BtcHcCL8.js';
-import '../ConfirmationModal-DVYu7Cnf.js';
-import '../useOnKeyDown-C72shq8y.js';
-import '../Modal-BEgRJ2d8.js';
+import '../Typography-DDtPon8c.js';
+import '../ConfirmationModal-DXtTuN5M.js';
+import '../useOnKeyDown-CKfJJ61m.js';
+import '../Modal-w3tbGnJ8.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-DSxSFnRh.js';
+import '../useFocusTrap-CnqW-9Cn.js';
+import '../Heading-QUT5LtX2.js';
+import '../ButtonDismiss-DG74xeqf.js';
+import '../Content-CKYCDjXg.js';
+import '../Markdown-CokFxJAV.js';
+import '../Text-CeA7Qzyi.js';
+import '../Emphasis-DNj_o63B.js';
+import '../index-DXE43WX7.js';
+import '../_commonjsHelpers-DwlS0CXy.js';
+import '../_polyfill-node.process-DGu3UXkz.js';
+import '../Glimmer-Q5A5At2t.js';
+import '../tslib.es6-QQS3IHnJ.js';
+import '../ProgressBar-H2lwj3UG.js';

package/dist/{FormatFile-BU3a8x9F.js → FormatFile-CybvZUa4.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-Cajv2K1x.js');
+var ConfirmationModal = require('./ConfirmationModal-AJ3u4eAH.js');
+var Glimmer = require('./Glimmer-D1mfJwlw.js');
+var Icon = require('./Icon-BChBxTT8.js');
+var Typography = require('./Typography-BdBN61w9.js');
+var Text = require('./Text-1pi9oJGW.js');
+var ProgressBar = require('./ProgressBar-BsP6zGs9.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-HSAvy7Ij.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-DrzDHrmN.js';
+import { C as ConfirmationModal } from './ConfirmationModal-DXtTuN5M.js';
+import { G as Glimmer } from './Glimmer-Q5A5At2t.js';
+import { I as Icon } from './Icon-BzDrgdkX.js';
+import { T as Typography } from './Typography-DDtPon8c.js';
+import { T as Text } from './Text-CeA7Qzyi.js';
+import { P as ProgressBar } from './ProgressBar-H2lwj3UG.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-DkmefgLc.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-BvziMd2b.js';
 import 'react';

package/dist/FormatTime/index.cjs

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