@jobber/components 5.20.9 → 5.21.0

package/dist/{FeatureSwitch-0MwUJU7o.js → FeatureSwitch-xrdSVFt6.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-CAWWkhBk.js');
-var Text = require('./Text-Ddcs0jDu.js');
-var Content = require('./Content-CiCM67T9.js');
-var Switch = require('./Switch-8sIAgVBY.js');
-var Button = require('./Button-DtxYyl-f.js');
-var Emphasis = require('./Emphasis-CRvMzIL1.js');
-var Markdown = require('./Markdown-bbq3-ZYr.js');
+var Heading = require('./Heading-DtXXe1w2.js');
+var Text = require('./Text-cqCD8B8_.js');
+var Content = require('./Content-CuuRxij3.js');
+var Switch = require('./Switch-Cx9QGGQd.js');
+var Button = require('./Button-hXP8FygY.js');
+var Emphasis = require('./Emphasis-JvyhO6xC.js');
+var Markdown = require('./Markdown-BWjhDrAu.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-Cppi4zoJ.js');
+var Flex = require('../Flex-DkcsjYo3.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-BhxvJvBR.js');
-require('../tslib.es6-CyhMSiJT.js');
+var Form = require('../Form-D0SqCajV.js');
+require('../tslib.es6-1fvkVSSc.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-DW8yaFhS.js';
-import '../tslib.es6-GqdpaSiO.js';
+export { F as Form } from '../Form-C7bQNwu4.js';
+import '../tslib.es6-zM1xpnzx.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-DW8yaFhS.js → Form-C7bQNwu4.js}

@@ -1,10 +1,12 @@
-import { a as __awaiter } from './tslib.es6-GqdpaSiO.js';
+import { a as __awaiter } from './tslib.es6-zM1xpnzx.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",
+    });
+    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
     useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     useImperativeHandle(ref, () => ({
         /**
@@ -14,14 +16,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 +29,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-BhxvJvBR.js → Form-D0SqCajV.js}

@@ -1,12 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CyhMSiJT.js');
+var tslib_es6 = require('./tslib.es6-1fvkVSSc.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",
+    });
+    const { trigger, handleSubmit, formState: { isDirty, isValid }, } = methods;
     React.useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
     React.useImperativeHandle(ref, () => ({
         /**
@@ -16,14 +18,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 +31,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-C2Vuz8rM.js');
-require('../tslib.es6-CyhMSiJT.js');
+var FormField = require('../FormField-X7R8ICTq.js');
+require('../tslib.es6-1fvkVSSc.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-DtxYyl-f.js');
+require('../Button-hXP8FygY.js');
 require('react-router-dom');
-require('../Icon-BtpoNgBs.js');
-require('../Typography-DVmh0TH-.js');
-require('../Text-Ddcs0jDu.js');
-require('../useFormFieldFocus-C8l6cIYx.js');
-require('../InputValidation-BJ3dK--S.js');
-require('../Spinner-DyQCU23G.js');
+require('../Icon-iv5tHaXF.js');
+require('../Typography-Bd4ppdO3.js');
+require('../Text-cqCD8B8_.js');
+require('../useFormFieldFocus-BbURpuGL.js');
+require('../InputValidation-BieRat8Z.js');
+require('../Spinner-DWJDUt6Z.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-DAgdn70K.js';
-import '../tslib.es6-GqdpaSiO.js';
+export { F as FormField } from '../FormField-BZ5wzH8s.js';
+import '../tslib.es6-zM1xpnzx.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-CSzL-qc9.js';
+import '../Button-QHcVI6xI.js';
 import 'react-router-dom';
-import '../Icon-ClDpTGsu.js';
-import '../Typography-ChW9MwVC.js';
-import '../Text-EmLVF_ml.js';
-import '../useFormFieldFocus-BHR7BCUB.js';
-import '../InputValidation-CW3WQTE8.js';
-import '../Spinner-DBmF2xVz.js';
+import '../Icon-BtAl_twd.js';
+import '../Typography-C3mPMlDr.js';
+import '../Text-vmVcFzma.js';
+import '../useFormFieldFocus-C6XhfunX.js';
+import '../InputValidation-qx0Hnjjq.js';
+import '../Spinner-DupCdnM8.js';

package/dist/{FormField-DAgdn70K.js → FormField-BZ5wzH8s.js}

@@ -1,15 +1,15 @@
-import { _ as __rest } from './tslib.es6-GqdpaSiO.js';
+import { _ as __rest } from './tslib.es6-zM1xpnzx.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-CSzL-qc9.js';
-import { I as Icon } from './Icon-ClDpTGsu.js';
-import { T as Text } from './Text-EmLVF_ml.js';
-import { u as useFormFieldFocus } from './useFormFieldFocus-BHR7BCUB.js';
-import { I as InputValidation } from './InputValidation-CW3WQTE8.js';
-import { S as Spinner } from './Spinner-DBmF2xVz.js';
+import { B as Button } from './Button-QHcVI6xI.js';
+import { I as Icon } from './Icon-BtAl_twd.js';
+import { T as Text } from './Text-vmVcFzma.js';
+import { u as useFormFieldFocus } from './useFormFieldFocus-C6XhfunX.js';
+import { I as InputValidation } from './InputValidation-qx0Hnjjq.js';
+import { S as Spinner } from './Spinner-DupCdnM8.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,23 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon, { name: "arrowDown" })) : (React.createElement(Spinner, { size: "small" }))));
 }
 
+/**
+ * Given an array of refs, merge them into a single ref callback.
+ * This is useful for cases where you need to pass a multiple refs to a component.
+ */
+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 +212,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
@@ -221,12 +237,13 @@ function FormFieldInternal(props) {
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = __rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, ref: fieldRef } = _c, rest = __rest(_c, ["onChange", "onBlur", "ref"]), { 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, 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 inputRefs = mergeRefs([inputRef, fieldRef]);
     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 +252,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: inputRefs }));
             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: inputRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/{FormField-C2Vuz8rM.js → FormField-X7R8ICTq.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CyhMSiJT.js');
+var tslib_es6 = require('./tslib.es6-1fvkVSSc.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-DtxYyl-f.js');
-var Icon = require('./Icon-BtpoNgBs.js');
-var Text = require('./Text-Ddcs0jDu.js');
-var useFormFieldFocus = require('./useFormFieldFocus-C8l6cIYx.js');
-var InputValidation = require('./InputValidation-BJ3dK--S.js');
-var Spinner = require('./Spinner-DyQCU23G.js');
+var Button = require('./Button-hXP8FygY.js');
+var Icon = require('./Icon-iv5tHaXF.js');
+var Text = require('./Text-cqCD8B8_.js');
+var useFormFieldFocus = require('./useFormFieldFocus-BbURpuGL.js');
+var InputValidation = require('./InputValidation-BieRat8Z.js');
+var Spinner = require('./Spinner-DWJDUt6Z.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,23 @@ 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" }))));
 }
 
+/**
+ * Given an array of refs, merge them into a single ref callback.
+ * This is useful for cases where you need to pass a multiple refs to a component.
+ */
+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 +214,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
@@ -223,12 +239,13 @@ function FormFieldInternal(props) {
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, ref: fieldRef } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "ref"]), { 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, 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 inputRefs = mergeRefs([inputRef, fieldRef]);
     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 +254,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: inputRefs }));
             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: inputRefs, onKeyUp: onKeyUp })),
                     loading && React.createElement(FormFieldPostFix, { variation: "spinner" }),
                     children));
         }

package/dist/FormatDate/index.cjs

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

package/dist/FormatDate/index.mjs

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

package/dist/FormatEmail/index.cjs

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

package/dist/FormatEmail/index.mjs

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

package/dist/FormatFile/index.cjs

@@ -1,33 +1,33 @@
 'use strict';
 
-var FormatFile = require('../FormatFile-Dk6yi_Hm.js');
+var FormatFile = require('../FormatFile-Ci82VBqA.js');
 require('react');
 require('classnames');
 require('filesize');
-require('../Button-DtxYyl-f.js');
+require('../Button-hXP8FygY.js');
 require('react-router-dom');
-require('../Icon-BtpoNgBs.js');
+require('../Icon-iv5tHaXF.js');
 require('@jobber/design');
-require('../Typography-DVmh0TH-.js');
-require('../ConfirmationModal-DpOXnI8s.js');
-require('../useOnKeyDown-CGbkCVJK.js');
-require('../Modal-NrzzNuPt.js');
+require('../Typography-Bd4ppdO3.js');
+require('../ConfirmationModal-BTJMDsut.js');
+require('../useOnKeyDown-CEcajoqG.js');
+require('../Modal-B8JKdljK.js');
 require('react-dom');
 require('framer-motion');
-require('../useRefocusOnActivator-C-rhQQXY.js');
-require('../useFocusTrap-DktVGKgm.js');
-require('../Heading-CAWWkhBk.js');
-require('../ButtonDismiss-C6B-vW5K.js');
-require('../Content-CiCM67T9.js');
-require('../Markdown-bbq3-ZYr.js');
-require('../Text-Ddcs0jDu.js');
-require('../Emphasis-CRvMzIL1.js');
-require('../index-BW-s9L_R.js');
-require('../_commonjsHelpers-drO_KQnx.js');
-require('../_polyfill-node.process-CjW5j8PA.js');
-require('../Glimmer-i7BU4tBF.js');
-require('../tslib.es6-CyhMSiJT.js');
-require('../ProgressBar-CR4QimfB.js');
+require('../useRefocusOnActivator-J1pj0wYo.js');
+require('../useFocusTrap-4JcccAgs.js');
+require('../Heading-DtXXe1w2.js');
+require('../ButtonDismiss-3JIZGEG3.js');
+require('../Content-CuuRxij3.js');
+require('../Markdown-BWjhDrAu.js');
+require('../Text-cqCD8B8_.js');
+require('../Emphasis-JvyhO6xC.js');
+require('../index-CpsqO76i.js');
+require('../_commonjsHelpers-Dd0wuUxW.js');
+require('../_polyfill-node.process-COJys07F.js');
+require('../Glimmer-CJEG6F9x.js');
+require('../tslib.es6-1fvkVSSc.js');
+require('../ProgressBar-Bsvgb-Vb.js');
 
 
 

package/dist/FormatFile/index.mjs

@@ -1,28 +1,28 @@
-export { F as FormatFile } from '../FormatFile-Cju9cGqm.js';
+export { F as FormatFile } from '../FormatFile-CDWyTA2e.js';
 import 'react';
 import 'classnames';
 import 'filesize';
-import '../Button-CSzL-qc9.js';
+import '../Button-QHcVI6xI.js';
 import 'react-router-dom';
-import '../Icon-ClDpTGsu.js';
+import '../Icon-BtAl_twd.js';
 import '@jobber/design';
-import '../Typography-ChW9MwVC.js';
-import '../ConfirmationModal-AwoSgIsf.js';
-import '../useOnKeyDown-Ce0lLPYn.js';
-import '../Modal-D6Qf1Mkq.js';
+import '../Typography-C3mPMlDr.js';
+import '../ConfirmationModal-CEiHPKVR.js';
+import '../useOnKeyDown-BtgwsOxF.js';
+import '../Modal-DVlnuOpP.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useRefocusOnActivator-Cic2OLg9.js';
-import '../useFocusTrap-BlIpZAf7.js';
-import '../Heading-DEHn_KFL.js';
-import '../ButtonDismiss-CPVdte_U.js';
-import '../Content-Bf80bKRj.js';
-import '../Markdown-MTR5R8mo.js';
-import '../Text-EmLVF_ml.js';
-import '../Emphasis-CHhZqqT4.js';
-import '../index-B7oKIr5l.js';
-import '../_commonjsHelpers-ZExZZh5h.js';
-import '../_polyfill-node.process-EkoSGnAo.js';
-import '../Glimmer-BmjbnuUs.js';
-import '../tslib.es6-GqdpaSiO.js';
-import '../ProgressBar-Bp3vOOqe.js';
+import '../useRefocusOnActivator-BzMpELDz.js';
+import '../useFocusTrap-C_IsGoGg.js';
+import '../Heading-BotwaTn9.js';
+import '../ButtonDismiss-CsT8GeUl.js';
+import '../Content-5c-ZteXS.js';
+import '../Markdown-D0C_w30B.js';
+import '../Text-vmVcFzma.js';
+import '../Emphasis-C-QWaYfB.js';
+import '../index-BjQHxDm9.js';
+import '../_commonjsHelpers-FVIf13mr.js';
+import '../_polyfill-node.process-D9Vw5eLm.js';
+import '../Glimmer-BKkne6gL.js';
+import '../tslib.es6-zM1xpnzx.js';
+import '../ProgressBar-DD1E6SkH.js';

package/dist/{FormatFile-Cju9cGqm.js → FormatFile-CDWyTA2e.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-CSzL-qc9.js';
-import { C as ConfirmationModal } from './ConfirmationModal-AwoSgIsf.js';
-import { G as Glimmer } from './Glimmer-BmjbnuUs.js';
-import { I as Icon } from './Icon-ClDpTGsu.js';
-import { T as Typography } from './Typography-ChW9MwVC.js';
-import { T as Text } from './Text-EmLVF_ml.js';
-import { P as ProgressBar } from './ProgressBar-Bp3vOOqe.js';
+import { B as Button } from './Button-QHcVI6xI.js';
+import { C as ConfirmationModal } from './ConfirmationModal-CEiHPKVR.js';
+import { G as Glimmer } from './Glimmer-BKkne6gL.js';
+import { I as Icon } from './Icon-BtAl_twd.js';
+import { T as Typography } from './Typography-C3mPMlDr.js';
+import { T as Text } from './Text-vmVcFzma.js';
+import { P as ProgressBar } from './ProgressBar-DD1E6SkH.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-Dk6yi_Hm.js → FormatFile-Ci82VBqA.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
-var Button = require('./Button-DtxYyl-f.js');
-var ConfirmationModal = require('./ConfirmationModal-DpOXnI8s.js');
-var Glimmer = require('./Glimmer-i7BU4tBF.js');
-var Icon = require('./Icon-BtpoNgBs.js');
-var Typography = require('./Typography-DVmh0TH-.js');
-var Text = require('./Text-Ddcs0jDu.js');
-var ProgressBar = require('./ProgressBar-CR4QimfB.js');
+var Button = require('./Button-hXP8FygY.js');
+var ConfirmationModal = require('./ConfirmationModal-BTJMDsut.js');
+var Glimmer = require('./Glimmer-CJEG6F9x.js');
+var Icon = require('./Icon-iv5tHaXF.js');
+var Typography = require('./Typography-Bd4ppdO3.js');
+var Text = require('./Text-cqCD8B8_.js');
+var ProgressBar = require('./ProgressBar-Bsvgb-Vb.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-DCjBbw4i.js');
+var FormatRelativeDateTime = require('../FormatRelativeDateTime-IO77DtR1.js');
 require('react');
 
 

package/dist/FormatRelativeDateTime/index.mjs

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

package/dist/FormatTime/index.cjs

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

package/dist/FormatTime/index.mjs

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