@jobber/components 5.3.8-TAYLORdat.4 → 5.3.9-add-value-.2

package/dist/AnimatedPresence/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AnimatedPresence = require('../AnimatedPresence-BC6N-yw6.js');
+var AnimatedPresence = require('../AnimatedPresence-lYdqC9Es.js');
 require('react');
 require('framer-motion');
 require('@jobber/design');

package/dist/AnimatedPresence/index.mjs

@@ -1,4 +1,4 @@
-export { A as AnimatedPresence } from '../AnimatedPresence-aePvlncG.js';
+export { A as AnimatedPresence } from '../AnimatedPresence-DK6q4Zm7.js';
 import 'react';
 import 'framer-motion';
 import '@jobber/design';

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-BgSLpROB.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-C2QhwlHH.js');
 require('react');
 require('framer-motion');
-require('../Icon-CKLujwRW.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-l_l4pDjk.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-CIM5j95f.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-DpKXEgsd.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-BgSLpROB.js → AnimatedSwitcher-C2QhwlHH.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-CKLujwRW.js');
+var Icon = require('./Icon-B0XxxDxG.js');
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/{AnimatedSwitcher-l_l4pDjk.js → AnimatedSwitcher-CIM5j95f.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-DpKXEgsd.js';
+import { I as Icon } from './Icon-DHWA6BmC.js';
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/AtlantisContext/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AtlantisContext = require('../AtlantisContext-DEnF3GLX.js');
+var AtlantisContext = require('../AtlantisContext-CH74e1_n.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

@@ -1,2 +1,2 @@
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-BJHtzVXH.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-DnQq9kbJ.js';
 import 'react';

package/dist/Autocomplete/index.cjs

@@ -1,31 +1,31 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-DLqGpbjw.js');
-require('../tslib.es6-BkXdiqwx.js');
+var Autocomplete = require('../Autocomplete-CeniJxkY.js');
+require('../tslib.es6-D5pcu3x_.js');
 require('react');
-require('../debounce-CtzR8pOr.js');
-require('../_commonjsHelpers-BnGl-5af.js');
-require('../isObjectLike-CvHT3Fj0.js');
-require('../isSymbol-B437xZVM.js');
+require('../debounce-CNpeTG4c.js');
+require('../_commonjsHelpers-CAxyl6l4.js');
+require('../isObjectLike-DSOk_9KM.js');
+require('../isSymbol-CDuDNxeD.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-D2BMw5dX.js');
-require('../useSafeLayoutEffect-BZhegP0R.js');
-require('../useIsMounted-BD0xUmFG.js');
-require('../Text-BOJ7dGnM.js');
-require('../Typography-BS1KmqnR.js');
-require('../Icon-CKLujwRW.js');
+require('../useOnKeyDown-B_2BXPWx.js');
+require('../useSafeLayoutEffect-DBpSjjbX.js');
+require('../useIsMounted-CcmrYvWr.js');
+require('../Text-CLpdnfDW.js');
+require('../Typography-Cx5-dUgs.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
-require('../Heading-CP5uEOOo.js');
-require('../InputText-KUkQ11XM.js');
-require('../FormField-Cbyw6VNx.js');
+require('../Heading-kFJCIbw2.js');
+require('../InputText-CVDyW8uu.js');
+require('../FormField-Jl26JUP-.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-CQOVQ9Zo.js');
+require('../Button-Coxc9W_s.js');
 require('react-router-dom');
-require('../InputValidation-BRyNyxTn.js');
-require('../Spinner-BUuQw3Lk.js');
+require('../InputValidation-B0WjZHoH.js');
+require('../Spinner-CcyJU4VU.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,26 +1,26 @@
-export { A as Autocomplete } from '../Autocomplete-C4wiUg95.js';
-import '../tslib.es6-DoTwrNKt.js';
+export { A as Autocomplete } from '../Autocomplete-YiBiPqHe.js';
+import '../tslib.es6-DDiyq77t.js';
 import 'react';
-import '../debounce-CGiMRP9s.js';
-import '../_commonjsHelpers-DdBWioA_.js';
-import '../isObjectLike-BAdwxNuR.js';
-import '../isSymbol-CmcJn0al.js';
+import '../debounce-DjQuB9iA.js';
+import '../_commonjsHelpers-OWMC7aGv.js';
+import '../isObjectLike-BByeRBCh.js';
+import '../isSymbol-C08h5SJe.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-B9qWoa6u.js';
-import '../useSafeLayoutEffect-DaeaVZTF.js';
-import '../useIsMounted-CocrViS7.js';
-import '../Text-B9RNvPXP.js';
-import '../Typography-D5rIkNpj.js';
-import '../Icon-DpKXEgsd.js';
+import '../useOnKeyDown-CM5g6L5T.js';
+import '../useSafeLayoutEffect-DJ9iDM1y.js';
+import '../useIsMounted-BbG4SXLJ.js';
+import '../Text-Do5L0vud.js';
+import '../Typography-DWgqE2sG.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';
-import '../Heading-CO5koGuk.js';
-import '../InputText-BbPHiz9q.js';
-import '../FormField-2WnsejzI.js';
+import '../Heading-BuApssG6.js';
+import '../InputText-CrKbo0P_.js';
+import '../FormField-B474YXmS.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-JqsHr6fA.js';
+import '../Button-qipgJcpg.js';
 import 'react-router-dom';
-import '../InputValidation-xp4sXIZ1.js';
-import '../Spinner-6vhPFjPv.js';
+import '../InputValidation-CNMhPhfd.js';
+import '../Spinner-BDbt8-8X.js';

package/dist/{Autocomplete-DLqGpbjw.js → Autocomplete-CeniJxkY.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BkXdiqwx.js');
+var tslib_es6 = require('./tslib.es6-D5pcu3x_.js');
 var React = require('react');
-var debounce = require('./debounce-CtzR8pOr.js');
+var debounce = require('./debounce-CNpeTG4c.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-D2BMw5dX.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-BZhegP0R.js');
-var useIsMounted = require('./useIsMounted-BD0xUmFG.js');
-var Text = require('./Text-BOJ7dGnM.js');
-var Icon = require('./Icon-CKLujwRW.js');
-var Heading = require('./Heading-CP5uEOOo.js');
-var InputText = require('./InputText-KUkQ11XM.js');
+var useOnKeyDown = require('./useOnKeyDown-B_2BXPWx.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-DBpSjjbX.js');
+var useIsMounted = require('./useIsMounted-CcmrYvWr.js');
+var Text = require('./Text-CLpdnfDW.js');
+var Icon = require('./Icon-B0XxxDxG.js');
+var Heading = require('./Heading-kFJCIbw2.js');
+var InputText = require('./InputText-CVDyW8uu.js');
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 

package/dist/{Autocomplete-C4wiUg95.js → Autocomplete-YiBiPqHe.js}

@@ -1,16 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-DoTwrNKt.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-DDiyq77t.js';
 import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { d as debounce } from './debounce-CGiMRP9s.js';
+import { d as debounce } from './debounce-DjQuB9iA.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-B9qWoa6u.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DaeaVZTF.js';
-import { u as useIsMounted_2 } from './useIsMounted-CocrViS7.js';
-import { T as Text } from './Text-B9RNvPXP.js';
-import { I as Icon } from './Icon-DpKXEgsd.js';
-import { H as Heading } from './Heading-CO5koGuk.js';
-import { I as InputText } from './InputText-BbPHiz9q.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CM5g6L5T.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DJ9iDM1y.js';
+import { u as useIsMounted_2 } from './useIsMounted-BbG4SXLJ.js';
+import { T as Text } from './Text-Do5L0vud.js';
+import { I as Icon } from './Icon-DHWA6BmC.js';
+import { H as Heading } from './Heading-BuApssG6.js';
+import { I as InputText } from './InputText-CrKbo0P_.js';
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-DwIy2-ml.js');
+var Avatar = require('../Avatar-Dqs2i8cb.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-CKLujwRW.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-CLHavtAn.js';
+export { A as Avatar } from '../Avatar-C7dESUA6.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-DpKXEgsd.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';

package/dist/{Avatar-CLHavtAn.js → Avatar-C7dESUA6.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-DpKXEgsd.js';
+import { I as Icon } from './Icon-DHWA6BmC.js';
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

package/dist/{Avatar-DwIy2-ml.js → Avatar-Dqs2i8cb.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-CKLujwRW.js');
+var Icon = require('./Icon-B0XxxDxG.js');
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

package/dist/Banner/components/BannerIcon/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-Ci7EqAd7.js');
+var BannerIcon = require('../../../BannerIcon-vDaZlIEq.js');
 require('react');
 require('classnames');
-require('../../../Icon-CKLujwRW.js');
+require('../../../Icon-B0XxxDxG.js');
 require('@jobber/design');
 
 

package/dist/Banner/components/BannerIcon/index.mjs

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-UqXAcTlO.js';
+export { B as BannerIcon } from '../../../BannerIcon-DkF8Rr4h.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-DpKXEgsd.js';
+import '../../../Icon-DHWA6BmC.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var Banner = require('../Banner-DQ7XmU78.js');
+var Banner = require('../Banner-N2rkRwlF.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-8yyyQO0t.js');
-require('../_commonjsHelpers-BnGl-5af.js');
-require('../debounce-CtzR8pOr.js');
-require('../isObjectLike-CvHT3Fj0.js');
-require('../isSymbol-B437xZVM.js');
-require('../BannerIcon-Ci7EqAd7.js');
-require('../Icon-CKLujwRW.js');
+require('../useResizeObserver-Dhb9lksk.js');
+require('../_commonjsHelpers-CAxyl6l4.js');
+require('../debounce-CNpeTG4c.js');
+require('../isObjectLike-DSOk_9KM.js');
+require('../isSymbol-CDuDNxeD.js');
+require('../BannerIcon-vDaZlIEq.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
-require('../Text-BOJ7dGnM.js');
-require('../Typography-BS1KmqnR.js');
-require('../Button-CQOVQ9Zo.js');
+require('../Text-CLpdnfDW.js');
+require('../Typography-Cx5-dUgs.js');
+require('../Button-Coxc9W_s.js');
 require('react-router-dom');
-require('../ButtonDismiss-BPfF2gBT.js');
+require('../ButtonDismiss-BYCtVdir.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,16 +1,16 @@
-export { B as Banner } from '../Banner-BO9bKynD.js';
+export { B as Banner } from '../Banner-BEd91CZS.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-BldwpiCa.js';
-import '../_commonjsHelpers-DdBWioA_.js';
-import '../debounce-CGiMRP9s.js';
-import '../isObjectLike-BAdwxNuR.js';
-import '../isSymbol-CmcJn0al.js';
-import '../BannerIcon-UqXAcTlO.js';
-import '../Icon-DpKXEgsd.js';
+import '../useResizeObserver-EVESN2QI.js';
+import '../_commonjsHelpers-OWMC7aGv.js';
+import '../debounce-DjQuB9iA.js';
+import '../isObjectLike-BByeRBCh.js';
+import '../isSymbol-C08h5SJe.js';
+import '../BannerIcon-DkF8Rr4h.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';
-import '../Text-B9RNvPXP.js';
-import '../Typography-D5rIkNpj.js';
-import '../Button-JqsHr6fA.js';
+import '../Text-Do5L0vud.js';
+import '../Typography-DWgqE2sG.js';
+import '../Button-qipgJcpg.js';
 import 'react-router-dom';
-import '../ButtonDismiss-CcRcsyhB.js';
+import '../ButtonDismiss-BJoODi4w.js';

package/dist/{Banner-BO9bKynD.js → Banner-BEd91CZS.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-BldwpiCa.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-UqXAcTlO.js';
-import { T as Text } from './Text-B9RNvPXP.js';
-import { B as Button } from './Button-JqsHr6fA.js';
-import { B as ButtonDismiss } from './ButtonDismiss-CcRcsyhB.js';
+import { u as useResizeObserver } from './useResizeObserver-EVESN2QI.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-DkF8Rr4h.js';
+import { T as Text } from './Text-Do5L0vud.js';
+import { B as Button } from './Button-qipgJcpg.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BJoODi4w.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{Banner-DQ7XmU78.js → Banner-N2rkRwlF.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-8yyyQO0t.js');
-var BannerIcon = require('./BannerIcon-Ci7EqAd7.js');
-var Text = require('./Text-BOJ7dGnM.js');
-var Button = require('./Button-CQOVQ9Zo.js');
-var ButtonDismiss = require('./ButtonDismiss-BPfF2gBT.js');
+var useResizeObserver = require('./useResizeObserver-Dhb9lksk.js');
+var BannerIcon = require('./BannerIcon-vDaZlIEq.js');
+var Text = require('./Text-CLpdnfDW.js');
+var Button = require('./Button-Coxc9W_s.js');
+var ButtonDismiss = require('./ButtonDismiss-BYCtVdir.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/{BannerIcon-UqXAcTlO.js → BannerIcon-DkF8Rr4h.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-DpKXEgsd.js';
+import { I as Icon } from './Icon-DHWA6BmC.js';
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/{BannerIcon-Ci7EqAd7.js → BannerIcon-vDaZlIEq.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-CKLujwRW.js');
+var Icon = require('./Icon-B0XxxDxG.js');
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/Button/Button.d.ts

@@ -19,7 +19,9 @@ interface ButtonFoundationProps {
     readonly id?: string;
     readonly label?: string;
     readonly loading?: boolean;
+    readonly name?: string;
     readonly size?: "small" | "base" | "large";
+    readonly value?: string;
     onClick?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
     onMouseDown?(event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>): void;
 }

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-CQOVQ9Zo.js');
+var Button = require('../Button-Coxc9W_s.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-CKLujwRW.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
-require('../Typography-BS1KmqnR.js');
+require('../Typography-Cx5-dUgs.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-JqsHr6fA.js';
+export { B as Button } from '../Button-qipgJcpg.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-DpKXEgsd.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';
-import '../Typography-D5rIkNpj.js';
+import '../Typography-DWgqE2sG.js';

package/dist/{Button-CQOVQ9Zo.js → Button-Coxc9W_s.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
-var Icon = require('./Icon-CKLujwRW.js');
-var Typography = require('./Typography-BS1KmqnR.js');
+var Icon = require('./Icon-B0XxxDxG.js');
+var Typography = require('./Typography-Cx5-dUgs.js');
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 
 function Button(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, onClick, onMouseDown, role, size = "base", type = "primary", url, to, variation = "work", submit, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, name, onClick, onMouseDown, role, size = "base", type = "primary", url, to, value, variation = "work", submit, } = props;
     const buttonClassNames = classnames(styles.button, styles[size], {
         [styles.onlyIcon]: icon && !label,
         [styles.hasIconAndLabel]: icon && label,
@@ -22,7 +22,9 @@ function Button(props) {
     });
     const buttonType = submit ? "submit" : "button";
     const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+        id,
+        name,
+        value }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
     const buttonInternals = React.createElement(ButtonInternals, Object.assign({}, props));
     if (to) {
         return (React.createElement(reactRouterDom.Link, Object.assign({}, tagProps, { to: to }), buttonInternals));

package/dist/{Button-JqsHr6fA.js → Button-qipgJcpg.js}

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-DpKXEgsd.js';
-import { T as Typography } from './Typography-D5rIkNpj.js';
+import { I as Icon } from './Icon-DHWA6BmC.js';
+import { T as Typography } from './Typography-DWgqE2sG.js';
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","subtle":"vDKO-cmh8vY-","destructive":"_4W8X0dxZDK4-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 
 function Button(props) {
-    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, onClick, onMouseDown, role, size = "base", type = "primary", url, to, variation = "work", submit, } = props;
+    const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, fullWidth, icon, label, iconOnRight, id, loading, name, onClick, onMouseDown, role, size = "base", type = "primary", url, to, value, variation = "work", submit, } = props;
     const buttonClassNames = classnames(styles.button, styles[size], {
         [styles.onlyIcon]: icon && !label,
         [styles.hasIconAndLabel]: icon && label,
@@ -20,7 +20,9 @@ function Button(props) {
     });
     const buttonType = submit ? "submit" : "button";
     const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: buttonClassNames, disabled,
-        id }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
+        id,
+        name,
+        value }, (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
     const buttonInternals = React.createElement(ButtonInternals, Object.assign({}, props));
     if (to) {
         return (React.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));

package/dist/ButtonDismiss/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var ButtonDismiss = require('../ButtonDismiss-BPfF2gBT.js');
+var ButtonDismiss = require('../ButtonDismiss-BYCtVdir.js');
 require('react');
-require('../Button-CQOVQ9Zo.js');
+require('../Button-Coxc9W_s.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-CKLujwRW.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
-require('../Typography-BS1KmqnR.js');
+require('../Typography-Cx5-dUgs.js');
 
 
 

package/dist/ButtonDismiss/index.mjs

@@ -1,8 +1,8 @@
-export { B as ButtonDismiss } from '../ButtonDismiss-CcRcsyhB.js';
+export { B as ButtonDismiss } from '../ButtonDismiss-BJoODi4w.js';
 import 'react';
-import '../Button-JqsHr6fA.js';
+import '../Button-qipgJcpg.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-DpKXEgsd.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';
-import '../Typography-D5rIkNpj.js';
+import '../Typography-DWgqE2sG.js';

package/dist/{ButtonDismiss-CcRcsyhB.js → ButtonDismiss-BJoODi4w.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { B as Button } from './Button-JqsHr6fA.js';
+import { B as Button } from './Button-qipgJcpg.js';
 
 function ButtonDismiss({ onClick, ariaLabel }) {
     return (React.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));

package/dist/{ButtonDismiss-BPfF2gBT.js → ButtonDismiss-BYCtVdir.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-CQOVQ9Zo.js');
+var Button = require('./Button-Coxc9W_s.js');
 
 function ButtonDismiss({ onClick, ariaLabel }) {
     return (React.createElement(Button.Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));

package/dist/Card/index.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var Card = require('../Card-1J7mFzKA.js');
+var Card = require('../Card-BXQDCxyt.js');
 require('react');
 require('classnames');
-require('../Heading-CP5uEOOo.js');
-require('../Typography-BS1KmqnR.js');
-require('../Button-CQOVQ9Zo.js');
+require('../Heading-kFJCIbw2.js');
+require('../Typography-Cx5-dUgs.js');
+require('../Button-Coxc9W_s.js');
 require('react-router-dom');
-require('../Icon-CKLujwRW.js');
+require('../Icon-B0XxxDxG.js');
 require('@jobber/design');
-require('../Menu-2mG26zqy.js');
+require('../Menu-DfzufftN.js');
 require('framer-motion');
-require('../useOnKeyDown-D2BMw5dX.js');
-require('../useRefocusOnActivator-CYMCpW82.js');
-require('../useSafeLayoutEffect-BZhegP0R.js');
+require('../useOnKeyDown-B_2BXPWx.js');
+require('../useRefocusOnActivator-Cx_xJAs2.js');
+require('../useSafeLayoutEffect-DBpSjjbX.js');
 
 
 

package/dist/Card/index.mjs

@@ -1,14 +1,14 @@
-export { C as Card } from '../Card-OMvisc07.js';
+export { C as Card } from '../Card-BXZedaCC.js';
 import 'react';
 import 'classnames';
-import '../Heading-CO5koGuk.js';
-import '../Typography-D5rIkNpj.js';
-import '../Button-JqsHr6fA.js';
+import '../Heading-BuApssG6.js';
+import '../Typography-DWgqE2sG.js';
+import '../Button-qipgJcpg.js';
 import 'react-router-dom';
-import '../Icon-DpKXEgsd.js';
+import '../Icon-DHWA6BmC.js';
 import '@jobber/design';
-import '../Menu-BoHHTeQx.js';
+import '../Menu-DOSBmt7_.js';
 import 'framer-motion';
-import '../useOnKeyDown-B9qWoa6u.js';
-import '../useRefocusOnActivator-fLKMwNM2.js';
-import '../useSafeLayoutEffect-DaeaVZTF.js';
+import '../useOnKeyDown-CM5g6L5T.js';
+import '../useRefocusOnActivator-CEqCpq8x.js';
+import '../useSafeLayoutEffect-DJ9iDM1y.js';