@jobber/components 5.20.8 → 5.20.10

package/dist/{DatePicker-ivnC8oCi.js → DatePicker-Dob146RJ.js}

@@ -1,18 +1,18 @@
 import React, { createRef, forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import './index-Cz_OMxYp.js';
+import './index-BxNN3nwV.js';
 import ReactDOM from 'react-dom';
 import { Popper, Manager, Reference } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-C8N8UYnn.js';
-import { T as Typography } from './Typography-BezGxmSo.js';
-import { B as Button } from './Button-Cli_QHuc.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BZhsvtUa.js';
-import { e as eq_1, k as keys_1, o as _arrayLikeKeys, p as _getSymbols, a as _arrayPush, s as stubArray_1, q as _baseGetAllKeys, g as _Uint8Array, j as _Stack, h as _getAllKeys, c as _baseGet, l as _castPath, m as _toKey, b as _arrayMap } from './_defineProperty-CjnGvqCM.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-QHBp3Ao2.js';
-import { i as isObject_1, b as _root, c as _Symbol, a as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-Dkk-wtIf.js';
-import { e as _isPrototype, c as isArrayLike_1, l as _overArg, a as _getTag, m as _nodeUtilExports, g as _baseUnary, d as isBufferExports, b as isArray_1 } from './_getTag-DNeE3oxG.js';
-import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-BTSQtPlt.js';
-import { u as useAtlantisContext } from './AtlantisContext-B8w81l9-.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-D5NzQc7N.js';
+import { T as Typography } from './Typography-w3yqZjuc.js';
+import { B as Button } from './Button-KvLuDxD2.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CPFCbIeu.js';
+import { e as eq_1, k as keys_1, o as _arrayLikeKeys, p as _getSymbols, a as _arrayPush, s as stubArray_1, q as _baseGetAllKeys, g as _Uint8Array, j as _Stack, h as _getAllKeys, c as _baseGet, l as _castPath, m as _toKey, b as _arrayMap } from './_defineProperty-DcLL-7iW.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-D6CWmnAM.js';
+import { i as isObject_1, b as _root, c as _Symbol, a as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-CDH58NJ6.js';
+import { e as _isPrototype, c as isArrayLike_1, l as _overArg, a as _getTag, m as _nodeUtilExports, g as _baseUnary, d as isBufferExports, b as isArray_1 } from './_getTag-CMCxya1x.js';
+import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-CWtR_wnT.js';
+import { u as useAtlantisContext } from './AtlantisContext-E6FWxPMb.js';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-BrLGG905.js → DayOfMonthSelect-BZB7EVQe.js}

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

package/dist/{DayOfMonthSelect-Pl6UIYi0.js → DayOfMonthSelect-CKiryS0X.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-gABVwmiI.js');
-var Text = require('./Text-_-sN8_fu.js');
+var RadioGroup = require('./RadioGroup-CbGo_-y-.js');
+var Text = require('./Text-C7ilRo9u.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-Yx90V__e.js');
+var DescriptionList = require('../DescriptionList-ww2v4XPg.js');
 require('react');
-require('../Typography-NVLVkETO.js');
+require('../Typography-DWwoOTS2.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-Dz4oZNy0.js';
+export { D as DescriptionList } from '../DescriptionList-CQQssakj.js';
 import 'react';
-import '../Typography-BezGxmSo.js';
+import '../Typography-w3yqZjuc.js';
 import 'classnames';

package/dist/{DescriptionList-Dz4oZNy0.js → DescriptionList-CQQssakj.js}

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

package/dist/{DescriptionList-Yx90V__e.js → DescriptionList-ww2v4XPg.js}

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

package/dist/Disclosure/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-DRmYKo4G.js');
+var Disclosure = require('../Disclosure-S0Pr2zZa.js');
 require('react');
-require('../useResizeObserver-CiDz68Em.js');
-require('../_commonjsHelpers-Bt1N8xmT.js');
-require('../throttle-CezreguU.js');
-require('../debounce-CBV98bDT.js');
-require('../isObjectLike-h0Zl_f2X.js');
-require('../isSymbol-BEvnqnEv.js');
-require('../Icon-C1z3VwUf.js');
+require('../useResizeObserver-BK30airR.js');
+require('../_commonjsHelpers-Cdh8v2JZ.js');
+require('../throttle-Dog56gE5.js');
+require('../debounce-CMufjKq6.js');
+require('../isObjectLike-BIX7WSC5.js');
+require('../isSymbol-RRHYipRA.js');
+require('../Icon-D3AM7uE5.js');
 require('@jobber/design');
-require('../Typography-NVLVkETO.js');
+require('../Typography-DWwoOTS2.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,12 +1,12 @@
-export { D as Disclosure } from '../Disclosure-CBk9LzSI.js';
+export { D as Disclosure } from '../Disclosure-DX3Hsc1M.js';
 import 'react';
-import '../useResizeObserver-BI_pahHG.js';
-import '../_commonjsHelpers-BZhsvtUa.js';
-import '../throttle-CA8LtZRL.js';
-import '../debounce-BxY_n9BB.js';
-import '../isObjectLike-Dkk-wtIf.js';
-import '../isSymbol-C7yRjb6c.js';
-import '../Icon-bOjhgsu6.js';
+import '../useResizeObserver-DDXI0Ydu.js';
+import '../_commonjsHelpers-CPFCbIeu.js';
+import '../throttle-BVH2Eft0.js';
+import '../debounce-CzOgK10p.js';
+import '../isObjectLike-CDH58NJ6.js';
+import '../isSymbol-ReeAYxdo.js';
+import '../Icon-FiJKLhQN.js';
 import '@jobber/design';
-import '../Typography-BezGxmSo.js';
+import '../Typography-w3yqZjuc.js';
 import 'classnames';

package/dist/{Disclosure-CBk9LzSI.js → Disclosure-DX3Hsc1M.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-BI_pahHG.js';
-import { I as Icon } from './Icon-bOjhgsu6.js';
-import { T as Typography } from './Typography-BezGxmSo.js';
+import { u as useResizeObserver } from './useResizeObserver-DDXI0Ydu.js';
+import { I as Icon } from './Icon-FiJKLhQN.js';
+import { T as Typography } from './Typography-w3yqZjuc.js';
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-DRmYKo4G.js → Disclosure-S0Pr2zZa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-CiDz68Em.js');
-var Icon = require('./Icon-C1z3VwUf.js');
-var Typography = require('./Typography-NVLVkETO.js');
+var useResizeObserver = require('./useResizeObserver-BK30airR.js');
+var Icon = require('./Icon-D3AM7uE5.js');
+var Typography = require('./Typography-DWwoOTS2.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-a2hiidKW.js');
+var Divider = require('../Divider-CzzaP9c5.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

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

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-D3VwY--o.js');
+var DrawerGrid = require('../DrawerGrid-l_nQwY37.js');
 require('react');
 require('classnames');
-require('../Heading-D22Dm_jS.js');
-require('../Typography-NVLVkETO.js');
-require('../ButtonDismiss-BCATfd8s.js');
-require('../Button-DTPgOic5.js');
+require('../Heading-DmRGbx7N.js');
+require('../Typography-DWwoOTS2.js');
+require('../ButtonDismiss-DAoNVaHV.js');
+require('../Button-BNmjEoY7.js');
 require('react-router-dom');
-require('../Icon-C1z3VwUf.js');
+require('../Icon-D3AM7uE5.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-BvGPuTj3.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-BdkJykVI.js';
 import 'react';
 import 'classnames';
-import '../Heading-CcyMZ_sK.js';
-import '../Typography-BezGxmSo.js';
-import '../ButtonDismiss-eYLR5QQb.js';
-import '../Button-Cli_QHuc.js';
+import '../Heading-C-gNKzT_.js';
+import '../Typography-w3yqZjuc.js';
+import '../ButtonDismiss-Bg32gLtq.js';
+import '../Button-KvLuDxD2.js';
 import 'react-router-dom';
-import '../Icon-bOjhgsu6.js';
+import '../Icon-FiJKLhQN.js';
 import '@jobber/design';

package/dist/{DrawerGrid-BvGPuTj3.js → DrawerGrid-BdkJykVI.js}

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

package/dist/{DrawerGrid-D3VwY--o.js → DrawerGrid-l_nQwY37.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-D22Dm_jS.js');
-var ButtonDismiss = require('./ButtonDismiss-BCATfd8s.js');
+var Heading = require('./Heading-DmRGbx7N.js');
+var ButtonDismiss = require('./ButtonDismiss-DAoNVaHV.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-D3m55ShQ.js');
+var Emphasis = require('../Emphasis-D3ytS_s0.js');
 require('react');
-require('../Typography-NVLVkETO.js');
+require('../Typography-DWwoOTS2.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-Ci8WxCBP.js';
+export { E as Emphasis } from '../Emphasis-nVNCZgVQ.js';
 import 'react';
-import '../Typography-BezGxmSo.js';
+import '../Typography-w3yqZjuc.js';
 import 'classnames';

package/dist/{Emphasis-D3m55ShQ.js → Emphasis-D3ytS_s0.js}

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

package/dist/{Emphasis-Ci8WxCBP.js → Emphasis-nVNCZgVQ.js}

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

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-C9tl0ovQ.js');
+var FeatureSwitch = require('../FeatureSwitch-DahHb9jD.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-D22Dm_jS.js');
-require('../Typography-NVLVkETO.js');
-require('../Text-_-sN8_fu.js');
-require('../Content-h6Orb0ST.js');
-require('../Switch-DtQMJBMc.js');
-require('../Button-DTPgOic5.js');
+require('../Heading-DmRGbx7N.js');
+require('../Typography-DWwoOTS2.js');
+require('../Text-C7ilRo9u.js');
+require('../Content-CpL6wpK5.js');
+require('../Switch-B7V-lLuq.js');
+require('../Button-BNmjEoY7.js');
 require('react-router-dom');
-require('../Icon-C1z3VwUf.js');
+require('../Icon-D3AM7uE5.js');
 require('@jobber/design');
-require('../Emphasis-D3m55ShQ.js');
-require('../Markdown--PWqHiml.js');
-require('../index-DSvC4nJD.js');
-require('../_commonjsHelpers-Bt1N8xmT.js');
-require('../_polyfill-node.process-SGm5om0N.js');
+require('../Emphasis-D3ytS_s0.js');
+require('../Markdown-BDCTGWrm.js');
+require('../index-hUjDCeUm.js');
+require('../_commonjsHelpers-Cdh8v2JZ.js');
+require('../_polyfill-node.process-DahS_zzG.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-DlfcrXeF.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-CH-sLQ8P.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-CcyMZ_sK.js';
-import '../Typography-BezGxmSo.js';
-import '../Text-INUZPTMS.js';
-import '../Content-DrYzFtA_.js';
-import '../Switch-D9cPfZXm.js';
-import '../Button-Cli_QHuc.js';
+import '../Heading-C-gNKzT_.js';
+import '../Typography-w3yqZjuc.js';
+import '../Text-CT0vy0_P.js';
+import '../Content-KNsnV1QS.js';
+import '../Switch-DZkLu0vX.js';
+import '../Button-KvLuDxD2.js';
 import 'react-router-dom';
-import '../Icon-bOjhgsu6.js';
+import '../Icon-FiJKLhQN.js';
 import '@jobber/design';
-import '../Emphasis-Ci8WxCBP.js';
-import '../Markdown-D77dqgdw.js';
-import '../index-Cz_OMxYp.js';
-import '../_commonjsHelpers-BZhsvtUa.js';
-import '../_polyfill-node.process-CAmvHjcr.js';
+import '../Emphasis-nVNCZgVQ.js';
+import '../Markdown-BYTgoHuG.js';
+import '../index-BxNN3nwV.js';
+import '../_commonjsHelpers-CPFCbIeu.js';
+import '../_polyfill-node.process-DjA4I5nq.js';

package/dist/{FeatureSwitch-DlfcrXeF.js → FeatureSwitch-CH-sLQ8P.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-CcyMZ_sK.js';
-import { T as Text } from './Text-INUZPTMS.js';
-import { C as Content } from './Content-DrYzFtA_.js';
-import { S as Switch } from './Switch-D9cPfZXm.js';
-import { B as Button } from './Button-Cli_QHuc.js';
-import { E as Emphasis } from './Emphasis-Ci8WxCBP.js';
-import { M as Markdown } from './Markdown-D77dqgdw.js';
+import { H as Heading } from './Heading-C-gNKzT_.js';
+import { T as Text } from './Text-CT0vy0_P.js';
+import { C as Content } from './Content-KNsnV1QS.js';
+import { S as Switch } from './Switch-DZkLu0vX.js';
+import { B as Button } from './Button-KvLuDxD2.js';
+import { E as Emphasis } from './Emphasis-nVNCZgVQ.js';
+import { M as Markdown } from './Markdown-BYTgoHuG.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-C9tl0ovQ.js → FeatureSwitch-DahHb9jD.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-D22Dm_jS.js');
-var Text = require('./Text-_-sN8_fu.js');
-var Content = require('./Content-h6Orb0ST.js');
-var Switch = require('./Switch-DtQMJBMc.js');
-var Button = require('./Button-DTPgOic5.js');
-var Emphasis = require('./Emphasis-D3m55ShQ.js');
-var Markdown = require('./Markdown--PWqHiml.js');
+var Heading = require('./Heading-DmRGbx7N.js');
+var Text = require('./Text-C7ilRo9u.js');
+var Content = require('./Content-CpL6wpK5.js');
+var Switch = require('./Switch-B7V-lLuq.js');
+var Button = require('./Button-BNmjEoY7.js');
+var Emphasis = require('./Emphasis-D3ytS_s0.js');
+var Markdown = require('./Markdown-BDCTGWrm.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-DDGb0TDv.js');
+var Flex = require('../Flex-EHEicnIm.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-DUxXPWjq.js');
-require('../tslib.es6-DBDr8RNy.js');
+var Form = require('../Form-D23NsFWg.js');
+require('../tslib.es6-ift9N82R.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-CqAjDCYD.js';
-import '../tslib.es6-FNfQfRgA.js';
+export { F as Form } from '../Form-D3hrXloc.js';
+import '../tslib.es6-CMiONuvj.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-DUxXPWjq.js → Form-D23NsFWg.js}

@@ -1,12 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DBDr8RNy.js');
+var tslib_es6 = require('./tslib.es6-ift9N82R.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/{Form-CqAjDCYD.js → Form-D3hrXloc.js}

@@ -1,10 +1,12 @@
-import { a as __awaiter } from './tslib.es6-FNfQfRgA.js';
+import { a as __awaiter } from './tslib.es6-CMiONuvj.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/FormField/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-BRX67ssc.js');
-require('../tslib.es6-DBDr8RNy.js');
+var FormField = require('../FormField-TUqBOW4I.js');
+require('../tslib.es6-ift9N82R.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-DTPgOic5.js');
+require('../Button-BNmjEoY7.js');
 require('react-router-dom');
-require('../Icon-C1z3VwUf.js');
-require('../Typography-NVLVkETO.js');
-require('../Text-_-sN8_fu.js');
-require('../useFormFieldFocus-CRzfHTFB.js');
-require('../InputValidation-DEC5v7TR.js');
-require('../Spinner-w3lBmy28.js');
+require('../Icon-D3AM7uE5.js');
+require('../Typography-DWwoOTS2.js');
+require('../Text-C7ilRo9u.js');
+require('../useFormFieldFocus-BHsER99t.js');
+require('../InputValidation-MXxGrdvj.js');
+require('../Spinner-1tcQOVQK.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-CTn2HcDd.js';
-import '../tslib.es6-FNfQfRgA.js';
+export { F as FormField } from '../FormField-BnUCFqzu.js';
+import '../tslib.es6-CMiONuvj.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-Cli_QHuc.js';
+import '../Button-KvLuDxD2.js';
 import 'react-router-dom';
-import '../Icon-bOjhgsu6.js';
-import '../Typography-BezGxmSo.js';
-import '../Text-INUZPTMS.js';
-import '../useFormFieldFocus-AdLhcXGP.js';
-import '../InputValidation-Cd3_4AYd.js';
-import '../Spinner-DqLjoXsM.js';
+import '../Icon-FiJKLhQN.js';
+import '../Typography-w3yqZjuc.js';
+import '../Text-CT0vy0_P.js';
+import '../useFormFieldFocus-C3o7I7y0.js';
+import '../InputValidation-D-HEvu1_.js';
+import '../Spinner-Bj88PApg.js';