@jobber/components 4.81.5-fix-inline.5 → 4.81.5-fix-inline.6

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-B9Ib0WXS.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-Bj-IonTP.js');
 require('react');
 require('framer-motion');
-require('../Icon-BrJTp9Vt.js');
+require('../Icon-BeNL3Bs4.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-iJcHkx38.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-tTN6pexo.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-DroGZxeN.js';
+import '../Icon-Uw6px9gk.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-B9Ib0WXS.js → AnimatedSwitcher-Bj-IonTP.js}

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

package/dist/{AnimatedSwitcher-iJcHkx38.js → AnimatedSwitcher-tTN6pexo.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-DroGZxeN.js';
+import { I as Icon } from './Icon-Uw6px9gk.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-9WIbQMoM.js');
+var AtlantisContext = require('../AtlantisContext-McVokWNO.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

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

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,31 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-8iFlvM04.js');
-require('../tslib.es6-B4nBbkFK.js');
+var Autocomplete = require('../Autocomplete-D-E4rq7x.js');
+require('../tslib.es6-CfiRnq_7.js');
 require('react');
-require('../debounce-1muae-Ut.js');
-require('../_commonjsHelpers-C9K4YQdM.js');
-require('../isObjectLike-YWtFvxic.js');
-require('../isSymbol-CJDTfNDS.js');
+require('../debounce-D71vgcjx.js');
+require('../_commonjsHelpers-BCyT9Idg.js');
+require('../isObjectLike-YrK7qV4L.js');
+require('../isSymbol-OiCqYx6B.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-DaXbWAZ6.js');
-require('../useSafeLayoutEffect-CZ6wCDjK.js');
-require('../useIsMounted-CXxfr2c8.js');
-require('../Text-DSPNdx-G.js');
-require('../Typography-CM061MDN.js');
-require('../Icon-BrJTp9Vt.js');
+require('../useOnKeyDown-ChshXt65.js');
+require('../useSafeLayoutEffect-NLHEukcW.js');
+require('../useIsMounted-tqKILR1Z.js');
+require('../Text-g6OBHSXo.js');
+require('../Typography-DZCJA_Wq.js');
+require('../Icon-BeNL3Bs4.js');
 require('@jobber/design');
-require('../Heading-D7OXKyAI.js');
-require('../useAtlantisConfig-CobJL-7W.js');
-require('../InputText-DrzKel_0.js');
-require('../FormField-dnMo50u0.js');
+require('../Heading-BmOEQ8Em.js');
+require('../InputText-CZZEAxLw.js');
+require('../FormField-BWCDDGP0.js');
 require('react-hook-form');
-require('../Button-jIxCW0ny.js');
+require('../Button-t9NBzYnV.js');
 require('react-router-dom');
-require('../InputValidation-B42k7Thv.js');
+require('../InputValidation-axS_ya-p.js');
 require('framer-motion');
-require('../Spinner-CybMa8fZ.js');
+require('../Spinner-CcAGPLTY.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,26 @@
-export { A as Autocomplete } from '../Autocomplete-qwqcQW-G.js';
-import '../tslib.es6-CI8-zPBP.js';
+export { A as Autocomplete } from '../Autocomplete-Blp64EOc.js';
+import '../tslib.es6-CUZXBU-U.js';
 import 'react';
-import '../debounce-D_4D9mM0.js';
-import '../_commonjsHelpers-BXnGpbsa.js';
-import '../isObjectLike-C3_86EK7.js';
-import '../isSymbol-DbK65Wqh.js';
+import '../debounce-OITNgymh.js';
+import '../_commonjsHelpers-C3OhaWMb.js';
+import '../isObjectLike-DvXoc4PL.js';
+import '../isSymbol-BUePin4f.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-CcHH4eJq.js';
-import '../useSafeLayoutEffect-CHC_rFYf.js';
-import '../useIsMounted-BE756G6o.js';
-import '../Text-BCjpwsQZ.js';
-import '../Typography-DLd7_kJN.js';
-import '../Icon-DroGZxeN.js';
+import '../useOnKeyDown-Calmeygo.js';
+import '../useSafeLayoutEffect-nna7AeVv.js';
+import '../useIsMounted-Bc3K5fmG.js';
+import '../Text-DdDclEtm.js';
+import '../Typography-CBPzm8y_.js';
+import '../Icon-Uw6px9gk.js';
 import '@jobber/design';
-import '../Heading-CUqAdDVb.js';
-import '../useAtlantisConfig-DeZLs6Di.js';
-import '../InputText-BRD2bEln.js';
-import '../FormField-CvUwWHYU.js';
+import '../Heading-DdHSIhRk.js';
+import '../InputText-BF0EhLGz.js';
+import '../FormField-DZZUpgei.js';
 import 'react-hook-form';
-import '../Button-D4ylkMVt.js';
+import '../Button-BDSW6W3Q.js';
 import 'react-router-dom';
-import '../InputValidation-B-4mgs5R.js';
+import '../InputValidation-CZTPma5N.js';
 import 'framer-motion';
-import '../Spinner-WydT8fKP.js';
+import '../Spinner-DB0cAyOC.js';

package/dist/{Autocomplete-qwqcQW-G.js → Autocomplete-Blp64EOc.js}

@@ -1,16 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-CI8-zPBP.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-CUZXBU-U.js';
 import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { d as debounce } from './debounce-D_4D9mM0.js';
+import { d as debounce } from './debounce-OITNgymh.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-CcHH4eJq.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-CHC_rFYf.js';
-import { u as useIsMounted_2 } from './useIsMounted-BE756G6o.js';
-import { T as Text } from './Text-BCjpwsQZ.js';
-import { I as Icon } from './Icon-DroGZxeN.js';
-import { H as Heading } from './Heading-CUqAdDVb.js';
-import { I as InputText } from './InputText-BRD2bEln.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-Calmeygo.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-nna7AeVv.js';
+import { u as useIsMounted_2 } from './useIsMounted-Bc3K5fmG.js';
+import { T as Text } from './Text-DdDclEtm.js';
+import { I as Icon } from './Icon-Uw6px9gk.js';
+import { H as Heading } from './Heading-DdHSIhRk.js';
+import { I as InputText } from './InputText-BF0EhLGz.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-8iFlvM04.js → Autocomplete-D-E4rq7x.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-B4nBbkFK.js');
+var tslib_es6 = require('./tslib.es6-CfiRnq_7.js');
 var React = require('react');
-var debounce = require('./debounce-1muae-Ut.js');
+var debounce = require('./debounce-D71vgcjx.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-DaXbWAZ6.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-CZ6wCDjK.js');
-var useIsMounted = require('./useIsMounted-CXxfr2c8.js');
-var Text = require('./Text-DSPNdx-G.js');
-var Icon = require('./Icon-BrJTp9Vt.js');
-var Heading = require('./Heading-D7OXKyAI.js');
-var InputText = require('./InputText-DrzKel_0.js');
+var useOnKeyDown = require('./useOnKeyDown-ChshXt65.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-NLHEukcW.js');
+var useIsMounted = require('./useIsMounted-tqKILR1Z.js');
+var Text = require('./Text-g6OBHSXo.js');
+var Icon = require('./Icon-BeNL3Bs4.js');
+var Heading = require('./Heading-BmOEQ8Em.js');
+var InputText = require('./InputText-CZZEAxLw.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-Cnc0H7v8.js');
+var Avatar = require('../Avatar-hTXwCPUh.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-BrJTp9Vt.js');
+require('../Icon-BeNL3Bs4.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-DDSUdhLG.js';
+export { A as Avatar } from '../Avatar-b2Mu_ICR.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-DroGZxeN.js';
+import '../Icon-Uw6px9gk.js';
 import '@jobber/design';

package/dist/{Avatar-DDSUdhLG.js → Avatar-b2Mu_ICR.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-DroGZxeN.js';
+import { I as Icon } from './Icon-Uw6px9gk.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-Cnc0H7v8.js → Avatar-hTXwCPUh.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-BrJTp9Vt.js');
+var Icon = require('./Icon-BeNL3Bs4.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,11 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-DG7kv-pm.js');
+var BannerIcon = require('../../../BannerIcon-DsWASFoD.js');
 require('react');
 require('classnames');
-require('../../../useAtlantisConfig-CobJL-7W.js');
-require('../../../useSafeLayoutEffect-CZ6wCDjK.js');
-require('../../../Icon-BrJTp9Vt.js');
+require('../../../Icon-BeNL3Bs4.js');
 require('@jobber/design');
 
 

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

@@ -1,7 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-MD-siWyZ.js';
+export { B as BannerIcon } from '../../../BannerIcon-BjEEAuY7.js';
 import 'react';
 import 'classnames';
-import '../../../useAtlantisConfig-DeZLs6Di.js';
-import '../../../useSafeLayoutEffect-CHC_rFYf.js';
-import '../../../Icon-DroGZxeN.js';
+import '../../../Icon-Uw6px9gk.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,21 @@
 'use strict';
 
-var Banner = require('../Banner-C32N1pUt.js');
+var Banner = require('../Banner-CxW5_usf.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-sV7ZZKSP.js');
-require('../_commonjsHelpers-C9K4YQdM.js');
-require('../debounce-1muae-Ut.js');
-require('../isObjectLike-YWtFvxic.js');
-require('../isSymbol-CJDTfNDS.js');
-require('../BannerIcon-DG7kv-pm.js');
-require('../useAtlantisConfig-CobJL-7W.js');
-require('../useSafeLayoutEffect-CZ6wCDjK.js');
-require('../Icon-BrJTp9Vt.js');
+require('../useResizeObserver-CG6bj44u.js');
+require('../_commonjsHelpers-BCyT9Idg.js');
+require('../debounce-D71vgcjx.js');
+require('../isObjectLike-YrK7qV4L.js');
+require('../isSymbol-OiCqYx6B.js');
+require('../BannerIcon-DsWASFoD.js');
+require('../Icon-BeNL3Bs4.js');
 require('@jobber/design');
-require('../Text-DSPNdx-G.js');
-require('../Typography-CM061MDN.js');
-require('../Button-jIxCW0ny.js');
+require('../Text-g6OBHSXo.js');
+require('../Typography-DZCJA_Wq.js');
+require('../Button-t9NBzYnV.js');
 require('react-router-dom');
+require('../ButtonDismiss-CHur0ZZn.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,16 @@
-export { B as Banner } from '../Banner-BXRZ5tHw.js';
+export { B as Banner } from '../Banner-c2dK8NZZ.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-x39HEwvU.js';
-import '../_commonjsHelpers-BXnGpbsa.js';
-import '../debounce-D_4D9mM0.js';
-import '../isObjectLike-C3_86EK7.js';
-import '../isSymbol-DbK65Wqh.js';
-import '../BannerIcon-MD-siWyZ.js';
-import '../useAtlantisConfig-DeZLs6Di.js';
-import '../useSafeLayoutEffect-CHC_rFYf.js';
-import '../Icon-DroGZxeN.js';
+import '../useResizeObserver-DM7nNlJO.js';
+import '../_commonjsHelpers-C3OhaWMb.js';
+import '../debounce-OITNgymh.js';
+import '../isObjectLike-DvXoc4PL.js';
+import '../isSymbol-BUePin4f.js';
+import '../BannerIcon-BjEEAuY7.js';
+import '../Icon-Uw6px9gk.js';
 import '@jobber/design';
-import '../Text-BCjpwsQZ.js';
-import '../Typography-DLd7_kJN.js';
-import '../Button-D4ylkMVt.js';
+import '../Text-DdDclEtm.js';
+import '../Typography-CBPzm8y_.js';
+import '../Button-BDSW6W3Q.js';
 import 'react-router-dom';
+import '../ButtonDismiss-CpVB8XbG.js';

package/dist/{Banner-C32N1pUt.js → Banner-CxW5_usf.js}

@@ -2,17 +2,13 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-sV7ZZKSP.js');
-var BannerIcon = require('./BannerIcon-DG7kv-pm.js');
-var Icon = require('./Icon-BrJTp9Vt.js');
-var Text = require('./Text-DSPNdx-G.js');
-var Button = require('./Button-jIxCW0ny.js');
-var useAtlantisConfig = require('./useAtlantisConfig-CobJL-7W.js');
-
-var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
+var useResizeObserver = require('./useResizeObserver-CG6bj44u.js');
+var BannerIcon = require('./BannerIcon-DsWASFoD.js');
+var Text = require('./Text-g6OBHSXo.js');
+var Button = require('./Button-t9NBzYnV.js');
+var ButtonDismiss = require('./ButtonDismiss-CHur0ZZn.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
     const [showBanner, setShowBanner] = React.useState(true);
     const bannerIcon = icon || getBannerIcon(type);
     const bannerWidths = {
@@ -22,12 +18,6 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
     const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver.useResizeObserver({
         widths: bannerWidths,
     });
-    const iconColors = {
-        notice: "informative",
-        success: "success",
-        warning: "warning",
-        error: "critical",
-    };
     if (primaryAction != undefined) {
         primaryAction = Object.assign({
             size: "small",
@@ -35,7 +25,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
             variation: type === "notice" ? "learning" : "work",
         }, primaryAction);
     }
-    const bannerClassNames = classnames(BannerIcon.styles.banner, types[type], {
+    const bannerClassNames = classnames(BannerIcon.styles.banner, {
         [BannerIcon.styles.medium]: bannerWidth >= bannerWidths.medium,
     });
     if (!showBanner)
@@ -47,17 +37,14 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
                 React.createElement(BannerChildren, null, children)),
             primaryAction && (React.createElement("div", { className: BannerIcon.styles.bannerAction },
                 React.createElement(Button.Button, Object.assign({}, primaryAction))))),
-        dismissible && (React.createElement("button", { type: "button", className: BannerIcon.styles.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
-            React.createElement(Icon.Icon, { name: "cross", color: JOBBER_RETHEME ? "interactiveSubtle" : iconColors[type] })))));
+        dismissible && (React.createElement("div", { className: BannerIcon.styles.closeButton },
+            React.createElement(ButtonDismiss.ButtonDismiss, { ariaLabel: "Dismiss notification", onClick: handleClose })))));
     function handleClose() {
         setShowBanner(!showBanner);
         onDismiss && onDismiss();
     }
 }
 function getBannerIcon(type) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
-    if (!JOBBER_RETHEME)
-        return;
     switch (type) {
         case "notice":
             return "starburst";

package/dist/{Banner-BXRZ5tHw.js → Banner-c2dK8NZZ.js}

@@ -1,16 +1,12 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-x39HEwvU.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-MD-siWyZ.js';
-import { I as Icon } from './Icon-DroGZxeN.js';
-import { T as Text } from './Text-BCjpwsQZ.js';
-import { B as Button } from './Button-D4ylkMVt.js';
-import { u as useAtlantisConfig } from './useAtlantisConfig-DeZLs6Di.js';
-
-var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
+import { u as useResizeObserver } from './useResizeObserver-DM7nNlJO.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-BjEEAuY7.js';
+import { T as Text } from './Text-DdDclEtm.js';
+import { B as Button } from './Button-BDSW6W3Q.js';
+import { B as ButtonDismiss } from './ButtonDismiss-CpVB8XbG.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
     const [showBanner, setShowBanner] = useState(true);
     const bannerIcon = icon || getBannerIcon(type);
     const bannerWidths = {
@@ -20,12 +16,6 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
     const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
         widths: bannerWidths,
     });
-    const iconColors = {
-        notice: "informative",
-        success: "success",
-        warning: "warning",
-        error: "critical",
-    };
     if (primaryAction != undefined) {
         primaryAction = Object.assign({
             size: "small",
@@ -33,7 +23,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
             variation: type === "notice" ? "learning" : "work",
         }, primaryAction);
     }
-    const bannerClassNames = classnames(styles.banner, types[type], {
+    const bannerClassNames = classnames(styles.banner, {
         [styles.medium]: bannerWidth >= bannerWidths.medium,
     });
     if (!showBanner)
@@ -45,17 +35,14 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
                 React.createElement(BannerChildren, null, children)),
             primaryAction && (React.createElement("div", { className: styles.bannerAction },
                 React.createElement(Button, Object.assign({}, primaryAction))))),
-        dismissible && (React.createElement("button", { type: "button", className: styles.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
-            React.createElement(Icon, { name: "cross", color: JOBBER_RETHEME ? "interactiveSubtle" : iconColors[type] })))));
+        dismissible && (React.createElement("div", { className: styles.closeButton },
+            React.createElement(ButtonDismiss, { ariaLabel: "Dismiss notification", onClick: handleClose })))));
     function handleClose() {
         setShowBanner(!showBanner);
         onDismiss && onDismiss();
     }
 }
 function getBannerIcon(type) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
-    if (!JOBBER_RETHEME)
-        return;
     switch (type) {
         case "notice":
             return "starburst";

package/dist/{BannerIcon-MD-siWyZ.js → BannerIcon-BjEEAuY7.js}

@@ -1,19 +1,14 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useAtlantisConfig } from './useAtlantisConfig-DeZLs6Di.js';
-import { I as Icon } from './Icon-DroGZxeN.js';
+import { I as Icon } from './Icon-Uw6px9gk.js';
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 
 var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
 
 function BannerIcon({ icon, type }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig();
-    if (JOBBER_RETHEME) {
-        return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-            React.createElement(Icon, { name: icon, color: "white", size: "small" })));
-    }
-    return React.createElement(Icon, { name: icon, color: "greyBlueDark" });
+    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
+        React.createElement(Icon, { name: icon, color: "surface", size: "small" })));
 }
 
 export { BannerIcon as B, styles as s };

package/dist/{BannerIcon-DG7kv-pm.js → BannerIcon-DsWASFoD.js}

@@ -2,20 +2,15 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useAtlantisConfig = require('./useAtlantisConfig-CobJL-7W.js');
-var Icon = require('./Icon-BrJTp9Vt.js');
+var Icon = require('./Icon-BeNL3Bs4.js');
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 
 var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
 
 function BannerIcon({ icon, type }) {
-    const { JOBBER_RETHEME } = useAtlantisConfig.useAtlantisConfig();
-    if (JOBBER_RETHEME) {
-        return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-            React.createElement(Icon.Icon, { name: icon, color: "white", size: "small" })));
-    }
-    return React.createElement(Icon.Icon, { name: icon, color: "greyBlueDark" });
+    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
+        React.createElement(Icon.Icon, { name: icon, color: "surface", size: "small" })));
 }
 
 exports.BannerIcon = BannerIcon;

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-jIxCW0ny.js');
+var Button = require('../Button-t9NBzYnV.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-BrJTp9Vt.js');
+require('../Icon-BeNL3Bs4.js');
 require('@jobber/design');
-require('../Typography-CM061MDN.js');
+require('../Typography-DZCJA_Wq.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-D4ylkMVt.js';
+export { B as Button } from '../Button-BDSW6W3Q.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-DroGZxeN.js';
+import '../Icon-Uw6px9gk.js';
 import '@jobber/design';
-import '../Typography-DLd7_kJN.js';
+import '../Typography-CBPzm8y_.js';

package/dist/{Button-D4ylkMVt.js → Button-BDSW6W3Q.js}

@@ -1,10 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-DroGZxeN.js';
-import { T as Typography } from './Typography-DLd7_kJN.js';
+import { I as Icon } from './Icon-Uw6px9gk.js';
+import { T as Typography } from './Typography-CBPzm8y_.js';
 
-var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","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-"};
+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;
@@ -31,12 +31,12 @@ function Button(props) {
 function ButtonInternals({ label, icon, size = "base" }) {
     return (React.createElement(React.Fragment, null,
         icon && React.createElement(Icon, { name: icon, size: size }),
-        React.createElement(Typography, { element: "span", fontWeight: "extraBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
+        React.createElement(Typography, { element: "span", fontWeight: "semiBold", fontFamily: "base", size: getTypeSizes(size) }, label)));
 }
 function getTypeSizes(size) {
     switch (size) {
         case "small":
-            return "small";
+            return "base";
         case "large":
             return "large";
         default: