@jobber/components 5.2.0 → 5.3.0

package/dist/{DatePicker-DEyZnAax.js → DatePicker-Cky9j76f.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
-require('./index-C1wEB9Bm.js');
+require('./index-2Uy3eyO0.js');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useRefocusOnActivator = require('./useRefocusOnActivator-LGXHlyGz.js');
-var Typography = require('./Typography-tP7G8sl-.js');
-var Button = require('./Button-OdOXqKLy.js');
-var _commonjsHelpers = require('./_commonjsHelpers-nhjdfSrh.js');
-var _defineProperty$1 = require('./_defineProperty-B5IFq25F.js');
-var _baseAssignValue = require('./_baseAssignValue-B1ESzH-8.js');
-var isObjectLike$3 = require('./isObjectLike-JstvtTq0.js');
-var _getTag = require('./_getTag-B6gaTb-i.js');
-var _setToString = require('./_setToString-CO8cXagN.js');
-var AtlantisContext = require('./AtlantisContext-BYXQeWYy.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-4tvV0_tR.js');
+var Typography = require('./Typography-DtrR-UIr.js');
+var Button = require('./Button-CrNtqYZi.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CD5-_3Iw.js');
+var _defineProperty$1 = require('./_defineProperty-B8PITi2S.js');
+var _baseAssignValue = require('./_baseAssignValue-CJAu5eqp.js');
+var isObjectLike$3 = require('./isObjectLike-BLFVLu_a.js');
+var _getTag = require('./_getTag-DB1yvK6h.js');
+var _setToString = require('./_setToString-BwIs7FJh.js');
+var AtlantisContext = require('./AtlantisContext-DLYYPfYE.js');
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-D0ZnG3yT.js → DayOfMonthSelect-CfH9N3AB.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-CX7m2NOP.js');
-var Text = require('./Text-SmbEqyUC.js');
+var RadioGroup = require('./RadioGroup-BkxO7Tq2.js');
+var Text = require('./Text-DXUZ3Xqc.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-BFqsFeJ6.js → DayOfMonthSelect-DAz5KfAQ.js}

@@ -1,6 +1,6 @@
 import React, { useId } from 'react';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-CAcE36sD.js';
-import { T as Text } from './Text-pJiGeGnf.js';
+import { R as RadioGroup, a as RadioOption } from './RadioGroup-BTazthP0.js';
+import { T as Text } from './Text-DkNm4sVq.js';
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-TqxKrcGg.js');
+var DescriptionList = require('../DescriptionList-mGCEbG1x.js');
 require('react');
-require('../Typography-tP7G8sl-.js');
+require('../Typography-DtrR-UIr.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-DSGax4lq.js';
+export { D as DescriptionList } from '../DescriptionList-DUNbrk5n.js';
 import 'react';
-import '../Typography-gIq6g6Rc.js';
+import '../Typography-CHkHpIpY.js';
 import 'classnames';

package/dist/{DescriptionList-DSGax4lq.js → DescriptionList-DUNbrk5n.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-gIq6g6Rc.js';
+import { T as Typography } from './Typography-CHkHpIpY.js';
 
 var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
 

package/dist/{DescriptionList-TqxKrcGg.js → DescriptionList-mGCEbG1x.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-tP7G8sl-.js');
+var Typography = require('./Typography-DtrR-UIr.js');
 
 var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
 

package/dist/Disclosure/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-VylP7W0B.js');
+var Disclosure = require('../Disclosure-D4Ljg-qH.js');
 require('react');
-require('../useResizeObserver-httVe-Tj.js');
-require('../_commonjsHelpers-nhjdfSrh.js');
-require('../debounce-Bnf4hEiS.js');
-require('../isObjectLike-JstvtTq0.js');
-require('../isSymbol-B8nwmBwI.js');
-require('../Icon-BVFuPKYG.js');
+require('../useResizeObserver-DTH-_Z8k.js');
+require('../_commonjsHelpers-CD5-_3Iw.js');
+require('../debounce-DAtx90qF.js');
+require('../isObjectLike-BLFVLu_a.js');
+require('../isSymbol-CJJE2f37.js');
+require('../Icon-lHYv-rc2.js');
 require('@jobber/design');
-require('../Typography-tP7G8sl-.js');
+require('../Typography-DtrR-UIr.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,11 +1,11 @@
-export { D as Disclosure } from '../Disclosure-CknO76wy.js';
+export { D as Disclosure } from '../Disclosure-BFAHizvP.js';
 import 'react';
-import '../useResizeObserver-qHokk_1R.js';
-import '../_commonjsHelpers-DbzqrCSE.js';
-import '../debounce-B-2SBoHX.js';
-import '../isObjectLike-srkRoDpL.js';
-import '../isSymbol-Bqm7fAbO.js';
-import '../Icon-BtAyqPaM.js';
+import '../useResizeObserver-Dn9-IVOM.js';
+import '../_commonjsHelpers-D6r2ggSt.js';
+import '../debounce-Cw6b902x.js';
+import '../isObjectLike-BcICVoxt.js';
+import '../isSymbol-BRfnQIck.js';
+import '../Icon-mKNhhLlM.js';
 import '@jobber/design';
-import '../Typography-gIq6g6Rc.js';
+import '../Typography-CHkHpIpY.js';
 import 'classnames';

package/dist/{Disclosure-CknO76wy.js → Disclosure-BFAHizvP.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-qHokk_1R.js';
-import { I as Icon } from './Icon-BtAyqPaM.js';
-import { T as Typography } from './Typography-gIq6g6Rc.js';
+import { u as useResizeObserver } from './useResizeObserver-Dn9-IVOM.js';
+import { I as Icon } from './Icon-mKNhhLlM.js';
+import { T as Typography } from './Typography-CHkHpIpY.js';
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-VylP7W0B.js → Disclosure-D4Ljg-qH.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-httVe-Tj.js');
-var Icon = require('./Icon-BVFuPKYG.js');
-var Typography = require('./Typography-tP7G8sl-.js');
+var useResizeObserver = require('./useResizeObserver-DTH-_Z8k.js');
+var Icon = require('./Icon-lHYv-rc2.js');
+var Typography = require('./Typography-DtrR-UIr.js');
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/Divider/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Divider = require('../Divider-DCSzalmD.js');
+var Divider = require('../Divider-DVq2lfHh.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

@@ -1,3 +1,3 @@
-export { D as Divider } from '../Divider-aNyQFdMG.js';
+export { D as Divider } from '../Divider-D9qmrIKM.js';
 import 'react';
 import 'classnames';

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-C1fcg3TJ.js');
+var DrawerGrid = require('../DrawerGrid-CrifRNvC.js');
 require('react');
 require('classnames');
-require('../Heading-CywZoQgW.js');
-require('../Typography-tP7G8sl-.js');
-require('../ButtonDismiss-DuswING_.js');
-require('../Button-OdOXqKLy.js');
+require('../Heading-DvxeGTNo.js');
+require('../Typography-DtrR-UIr.js');
+require('../ButtonDismiss-B5hiZLaf.js');
+require('../Button-CrNtqYZi.js');
 require('react-router-dom');
-require('../Icon-BVFuPKYG.js');
+require('../Icon-lHYv-rc2.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-H6H3s652.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-BJgcONnN.js';
 import 'react';
 import 'classnames';
-import '../Heading-CXr5EipT.js';
-import '../Typography-gIq6g6Rc.js';
-import '../ButtonDismiss-GvkRJz9L.js';
-import '../Button-C5TFhwBF.js';
+import '../Heading-8KJMP1ZE.js';
+import '../Typography-CHkHpIpY.js';
+import '../ButtonDismiss-B80ZoISQ.js';
+import '../Button-DphsaJ2N.js';
 import 'react-router-dom';
-import '../Icon-BtAyqPaM.js';
+import '../Icon-mKNhhLlM.js';
 import '@jobber/design';

package/dist/{DrawerGrid-H6H3s652.js → DrawerGrid-BJgcONnN.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-CXr5EipT.js';
-import { B as ButtonDismiss } from './ButtonDismiss-GvkRJz9L.js';
+import { H as Heading } from './Heading-8KJMP1ZE.js';
+import { B as ButtonDismiss } from './ButtonDismiss-B80ZoISQ.js';
 
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 

package/dist/{DrawerGrid-C1fcg3TJ.js → DrawerGrid-CrifRNvC.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-CywZoQgW.js');
-var ButtonDismiss = require('./ButtonDismiss-DuswING_.js');
+var Heading = require('./Heading-DvxeGTNo.js');
+var ButtonDismiss = require('./ButtonDismiss-B5hiZLaf.js');
 
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 

package/dist/Emphasis/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Emphasis = require('../Emphasis-CS81rSVx.js');
+var Emphasis = require('../Emphasis-hPCg4FBq.js');
 require('react');
-require('../Typography-tP7G8sl-.js');
+require('../Typography-DtrR-UIr.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-le9NSdHJ.js';
+export { E as Emphasis } from '../Emphasis-KTh3qF8B.js';
 import 'react';
-import '../Typography-gIq6g6Rc.js';
+import '../Typography-CHkHpIpY.js';
 import 'classnames';

package/dist/{Emphasis-le9NSdHJ.js → Emphasis-KTh3qF8B.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-gIq6g6Rc.js';
+import { T as Typography } from './Typography-CHkHpIpY.js';
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/{Emphasis-CS81rSVx.js → Emphasis-hPCg4FBq.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-tP7G8sl-.js');
+var Typography = require('./Typography-DtrR-UIr.js');
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-4VL4toid.js');
+var FeatureSwitch = require('../FeatureSwitch-CaeXyNyH.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-CywZoQgW.js');
-require('../Typography-tP7G8sl-.js');
-require('../Text-SmbEqyUC.js');
-require('../Content--9EmEZse.js');
-require('../Switch-DHRNYRm6.js');
-require('../Button-OdOXqKLy.js');
+require('../Heading-DvxeGTNo.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../Content-DZpCfEYh.js');
+require('../Switch-CYUre9f3.js');
+require('../Button-CrNtqYZi.js');
 require('react-router-dom');
-require('../Icon-BVFuPKYG.js');
+require('../Icon-lHYv-rc2.js');
 require('@jobber/design');
-require('../Emphasis-CS81rSVx.js');
-require('../Markdown-WUs2DQOV.js');
-require('../index-C1wEB9Bm.js');
-require('../_commonjsHelpers-nhjdfSrh.js');
-require('../_polyfill-node.process-DpvXRb7o.js');
+require('../Emphasis-hPCg4FBq.js');
+require('../Markdown-HP4yRbhE.js');
+require('../index-2Uy3eyO0.js');
+require('../_commonjsHelpers-CD5-_3Iw.js');
+require('../_polyfill-node.process-BwBFrIHL.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-B6cgfE35.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-CRYW5qb6.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-CXr5EipT.js';
-import '../Typography-gIq6g6Rc.js';
-import '../Text-pJiGeGnf.js';
-import '../Content-BFwZaedB.js';
-import '../Switch-CoJHAVA7.js';
-import '../Button-C5TFhwBF.js';
+import '../Heading-8KJMP1ZE.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../Content-BVuNlQrb.js';
+import '../Switch-BlyFAa1-.js';
+import '../Button-DphsaJ2N.js';
 import 'react-router-dom';
-import '../Icon-BtAyqPaM.js';
+import '../Icon-mKNhhLlM.js';
 import '@jobber/design';
-import '../Emphasis-le9NSdHJ.js';
-import '../Markdown-zPtIR5Nx.js';
-import '../index-C93oT6aE.js';
-import '../_commonjsHelpers-DbzqrCSE.js';
-import '../_polyfill-node.process-BTv4F0Wu.js';
+import '../Emphasis-KTh3qF8B.js';
+import '../Markdown-DwqQzH9h.js';
+import '../index-CkU4RUJc.js';
+import '../_commonjsHelpers-D6r2ggSt.js';
+import '../_polyfill-node.process-svm-UfAT.js';

package/dist/{FeatureSwitch-B6cgfE35.js → FeatureSwitch-CRYW5qb6.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-CXr5EipT.js';
-import { T as Text } from './Text-pJiGeGnf.js';
-import { C as Content } from './Content-BFwZaedB.js';
-import { S as Switch } from './Switch-CoJHAVA7.js';
-import { B as Button } from './Button-C5TFhwBF.js';
-import { E as Emphasis } from './Emphasis-le9NSdHJ.js';
-import { M as Markdown } from './Markdown-zPtIR5Nx.js';
+import { H as Heading } from './Heading-8KJMP1ZE.js';
+import { T as Text } from './Text-DkNm4sVq.js';
+import { C as Content } from './Content-BVuNlQrb.js';
+import { S as Switch } from './Switch-BlyFAa1-.js';
+import { B as Button } from './Button-DphsaJ2N.js';
+import { E as Emphasis } from './Emphasis-KTh3qF8B.js';
+import { M as Markdown } from './Markdown-DwqQzH9h.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-4VL4toid.js → FeatureSwitch-CaeXyNyH.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-CywZoQgW.js');
-var Text = require('./Text-SmbEqyUC.js');
-var Content = require('./Content--9EmEZse.js');
-var Switch = require('./Switch-DHRNYRm6.js');
-var Button = require('./Button-OdOXqKLy.js');
-var Emphasis = require('./Emphasis-CS81rSVx.js');
-var Markdown = require('./Markdown-WUs2DQOV.js');
+var Heading = require('./Heading-DvxeGTNo.js');
+var Text = require('./Text-DXUZ3Xqc.js');
+var Content = require('./Content-DZpCfEYh.js');
+var Switch = require('./Switch-CYUre9f3.js');
+var Button = require('./Button-CrNtqYZi.js');
+var Emphasis = require('./Emphasis-hPCg4FBq.js');
+var Markdown = require('./Markdown-HP4yRbhE.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-ByIi78Iw.js');
+var Flex = require('../Flex-SQRlz-cQ.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-Bb63qkTy.js');
-require('../tslib.es6-DP6llR4E.js');
+var Form = require('../Form-COY9YG8a.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-BNmJ_Rhi.js';
-import '../tslib.es6-BDzB5aw8.js';
+export { F as Form } from '../Form-Cm5S6sqW.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-Bb63qkTy.js → Form-COY9YG8a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DP6llR4E.js');
+var tslib_es6 = require('./tslib.es6-BzJQO8hv.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 

package/dist/{Form-BNmJ_Rhi.js → Form-Cm5S6sqW.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-BDzB5aw8.js';
+import { a as __awaiter } from './tslib.es6-De4Bn7R0.js';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 

package/dist/FormField/FormFieldTypes.d.ts

@@ -85,6 +85,10 @@ export interface CommonFormFieldProps {
 }
 export interface FormFieldProps extends CommonFormFieldProps {
     actionsRef?: RefObject<FieldActionsRef>;
+    /**
+     * Determines if the input should be auto-focused, using the HTML attribute
+     */
+    readonly autofocus?: boolean;
     /**
      * Determines if browser form autocomplete is enabled.
      * Note that "one-time-code" is experimental and should not be used without

package/dist/FormField/index.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var FormField = require('../FormField-1DpY2AiT.js');
-require('../tslib.es6-DP6llR4E.js');
+var FormField = require('../FormField-BG7r08Dq.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-OdOXqKLy.js');
+require('../Button-CrNtqYZi.js');
 require('react-router-dom');
-require('../Icon-BVFuPKYG.js');
-require('../Typography-tP7G8sl-.js');
-require('../Text-SmbEqyUC.js');
-require('../InputValidation-DSKR1KgZ.js');
-require('../Spinner-Bi_Kvgu6.js');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,14 +1,14 @@
-export { F as FormField } from '../FormField-CFgdCz4h.js';
-import '../tslib.es6-BDzB5aw8.js';
+export { F as FormField } from '../FormField-CoyJGAVy.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-C5TFhwBF.js';
+import '../Button-DphsaJ2N.js';
 import 'react-router-dom';
-import '../Icon-BtAyqPaM.js';
-import '../Typography-gIq6g6Rc.js';
-import '../Text-pJiGeGnf.js';
-import '../InputValidation-DkbuRaS5.js';
-import '../Spinner-D6Ymf6lg.js';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{FormField-1DpY2AiT.js → FormField-BG7r08Dq.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DP6llR4E.js');
+var tslib_es6 = require('./tslib.es6-BzJQO8hv.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-OdOXqKLy.js');
-var Icon = require('./Icon-BVFuPKYG.js');
-var Text = require('./Text-SmbEqyUC.js');
-var InputValidation = require('./InputValidation-DSKR1KgZ.js');
-var Spinner = require('./Spinner-Bi_Kvgu6.js');
+var Button = require('./Button-CrNtqYZi.js');
+var Icon = require('./Icon-lHYv-rc2.js');
+var Text = require('./Text-DXUZ3Xqc.js');
+var InputValidation = require('./InputValidation-CQHollVB.js');
+var Spinner = require('./Spinner-C51SF7aY.js');
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","textarea":"mgPacJ6Z71Y-","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-"};
 
@@ -210,7 +210,7 @@ function FormFieldPostFix({ variation }) {
 /*eslint max-statements: ["error", 13]*/
 function FormField(props) {
     var _a, _b;
-    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", } = props;
+    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
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
@@ -238,9 +238,9 @@ function FormField(props) {
     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 }), (description &&
+            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), { onKeyDown: handleKeyDown });
+            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) {

package/dist/{FormField-CFgdCz4h.js → FormField-CoyJGAVy.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-BDzB5aw8.js';
+import { _ as __rest } from './tslib.es6-De4Bn7R0.js';
 import React, { useState, useEffect, useRef, useId, useImperativeHandle } from 'react';
 import { useFormContext, useForm, Controller } 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-C5TFhwBF.js';
-import { I as Icon } from './Icon-BtAyqPaM.js';
-import { T as Text } from './Text-pJiGeGnf.js';
-import { I as InputValidation } from './InputValidation-DkbuRaS5.js';
-import { S as Spinner } from './Spinner-D6Ymf6lg.js';
+import { B as Button } from './Button-DphsaJ2N.js';
+import { I as Icon } from './Icon-mKNhhLlM.js';
+import { T as Text } from './Text-DkNm4sVq.js';
+import { I as InputValidation } from './InputValidation-S_Fw4V6C.js';
+import { S as Spinner } from './Spinner-CJLKR-Xv.js';
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","textarea":"mgPacJ6Z71Y-","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-"};
 
@@ -208,7 +208,7 @@ function FormFieldPostFix({ variation }) {
 /*eslint max-statements: ["error", 13]*/
 function FormField(props) {
     var _a, _b;
-    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", } = props;
+    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
         ? useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
@@ -236,9 +236,9 @@ function FormField(props) {
     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 }), (description &&
+            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), { onKeyDown: handleKeyDown });
+            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) {

package/dist/FormatDate/index.cjs

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