@jobber/components 5.20.8-SCOTTTHd.47 → 5.20.8-SCOTTTHs-a30bcbb.35

package/AtlantisThemeContext.d.ts

@@ -0,0 +1 @@
+export * from "./dist/AtlantisThemeContext";

package/AtlantisThemeContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var AtlantisThemeContext = require("./dist/AtlantisThemeContext");
+
+Object.keys(AtlantisThemeContext).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return AtlantisThemeContext[key];
+    },
+  });
+});

package/SegmentedControl.d.ts

@@ -0,0 +1 @@
+export * from "./dist/SegmentedControl";

package/SegmentedControl.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var SegmentedControl = require("./dist/SegmentedControl");
+
+Object.keys(SegmentedControl).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return SegmentedControl[key];
+    },
+  });
+});

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-AsGjitPB.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-CBceYyHk.js');
 require('react');
 require('framer-motion');
-require('../Icon-COz3twBh.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-D1s7v7Pj.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-CxE7j2G5.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-BkEAR5t9.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-AsGjitPB.js → AnimatedSwitcher-CBceYyHk.js}

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

package/dist/{AnimatedSwitcher-D1s7v7Pj.js → AnimatedSwitcher-CxE7j2G5.js}

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

package/dist/AtlantisContext/index.mjs

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

package/dist/{AtlantisContext-DAx5jFfl.js → AtlantisContext-BXi54RcL.js}

@@ -1,6 +1,5 @@
 import { createContext, useContext } from 'react';
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const atlantisContextDefaultValues = {
     dateFormat: "P",
     // The system time is "p"

package/dist/{AtlantisContext-D5JBVe34.js → AtlantisContext-DHTcy92w.js}

@@ -2,7 +2,6 @@
 
 var React = require('react');
 
-/* eslint-disable @typescript-eslint/no-unused-vars */
 const atlantisContextDefaultValues = {
     dateFormat: "P",
     // The system time is "p"

package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AtlantisThemeContextProviderProps, AtlantisThemeContextValue } from "./types";
+export declare const atlantisThemeContextDefaultValues: AtlantisThemeContextValue;
+export declare function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }: AtlantisThemeContextProviderProps): JSX.Element;
+export declare function useAtlantisTheme(): AtlantisThemeContextValue;

package/dist/AtlantisThemeContext/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var updateTheme = require('../updateTheme-CbRJY1g2.js');
+require('@jobber/design');
+require('react');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../identity-yZSZ6DPp.js');
+require('../isTypedArray-D08u9m1t.js');
+require('../isObjectLike-D54Sylr4.js');
+require('../_baseAssignValue-3vPloKZj.js');
+require('../_baseFor-D-8hu2dP.js');
+require('../keysIn-DajsEWZN.js');
+require('../_isIterateeCall-DcMamw6d.js');
+require('../_setToString-DfItZ1r4.js');
+
+
+
+exports.AtlantisThemeContextProvider = updateTheme.AtlantisThemeContextProvider;
+exports.THEME_CHANGE_EVENT = updateTheme.THEME_CHANGE_EVENT;
+exports.atlantisThemeContextDefaultValues = updateTheme.atlantisThemeContextDefaultValues;
+exports.updateTheme = updateTheme.updateTheme;
+exports.useAtlantisTheme = updateTheme.useAtlantisTheme;

package/dist/AtlantisThemeContext/index.d.ts

@@ -0,0 +1,3 @@
+export { AtlantisThemeContextProvider, atlantisThemeContextDefaultValues, useAtlantisTheme, } from "./AtlantisThemeContext";
+export { THEME_CHANGE_EVENT, Theme, ThemeChangeDetails, AtlantisThemeContextProviderProps, AtlantisThemeContextValue, } from "./types";
+export { updateTheme } from "./updateTheme";

package/dist/AtlantisThemeContext/index.mjs

@@ -0,0 +1,12 @@
+export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, b as updateTheme, u as useAtlantisTheme } from '../updateTheme-MinlFlG9.js';
+import '@jobber/design';
+import 'react';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../identity-Cpwd6G6D.js';
+import '../isTypedArray-BYJ9R84I.js';
+import '../isObjectLike-C73xmKqw.js';
+import '../_baseAssignValue-DZi8O7oF.js';
+import '../_baseFor-dR9OH_0S.js';
+import '../keysIn-COV8vG-h.js';
+import '../_isIterateeCall-CQwBN61n.js';
+import '../_setToString-C9PwN-_B.js';

package/dist/AtlantisThemeContext/types.d.ts

@@ -0,0 +1,28 @@
+import { tokens } from "@jobber/design";
+import { PropsWithChildren } from "react";
+export interface AtlantisThemeContextValue {
+    /**
+     * The theme of the application.
+     */
+    readonly theme: Theme;
+    /**
+     * The design tokens for the current theme.
+     */
+    readonly tokens: typeof tokens;
+}
+export interface AtlantisThemeContextProviderProps extends PropsWithChildren {
+    /**
+     * The children to render.
+     */
+    readonly children: React.ReactNode;
+    /**
+     * Force the theme for this provider to always be the same as the provided theme. Useful for sections that should remain the same theme regardless of the rest of the application's theme.
+     * This is dangerous because the children in this provider will not be able to change the theme.
+     */
+    readonly dangerouslyOverrideTheme?: Theme;
+}
+export type Theme = "light" | "dark";
+export interface ThemeChangeDetails {
+    theme: Theme;
+}
+export declare const THEME_CHANGE_EVENT = "atlantis.toggle-theme";

package/dist/AtlantisThemeContext/updateTheme.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "./types";
+/**
+ * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
+ * Will add data-theme="<newTheme>" to the <html> element.
+ * Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
+ */
+export declare function updateTheme(theme: Theme): void;

package/dist/Autocomplete/Autocomplete.d.ts

@@ -4,7 +4,7 @@ import { GroupOption, Option } from "./Option";
 import { InputTextRef } from "../InputText";
 import { FormFieldProps } from "../FormField";
 type OptionCollection = XOR<Option[], GroupOption[]>;
-interface AutocompleteProps extends Pick<FormFieldProps, "invalid" | "name" | "onBlur" | "onFocus" | "prefix" | "size" | "suffix" | "validations"> {
+interface AutocompleteProps extends Pick<FormFieldProps, "clearable" | "invalid" | "name" | "onBlur" | "onFocus" | "prefix" | "size" | "suffix" | "validations"> {
     /**
      * @deprecated
      * Use `ref` instead.

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-D7C1D94X.js');
-require('../tslib.es6-BLv7qR2d.js');
+var Autocomplete = require('../Autocomplete-DhdMbZV1.js');
+require('../tslib.es6-D1nA6hj6.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-BWr1Uh0c.js');
-require('../useSafeLayoutEffect-B2rzYFeG.js');
-require('../useIsMounted-BcLpfdxY.js');
-require('../Text-B9SvNYhV.js');
-require('../Typography-BbeLF-cH.js');
-require('../Icon-COz3twBh.js');
+require('../useOnKeyDown-Dw5_7B0M.js');
+require('../useSafeLayoutEffect-BJHtGge9.js');
+require('../useIsMounted-B2QNmIn3.js');
+require('../Text-CJWvewR1.js');
+require('../Typography-DYUPEo3A.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
-require('../Heading-B5N5rCZp.js');
-require('../InputText-BaCsi_pl.js');
-require('../FormField-DKoakBiN.js');
+require('../Heading-DNVMkz9q.js');
+require('../InputText-BYu1XLNK.js');
+require('../FormField-1MVxQMeP.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-BJQ6Ejjr.js');
+require('../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../useFormFieldFocus-DZ9HMBGq.js');
-require('../InputValidation-CKE7P0ej.js');
-require('../Spinner-DUlWo9r8.js');
-require('../debounce-BgaJlkp5.js');
-require('../_commonjsHelpers-Ci46CUxA.js');
-require('../isObjectLike-BM-uYAmX.js');
-require('../isSymbol-BxXQq1A2.js');
+require('../useFormFieldFocus-0wEDq1A1.js');
+require('../InputValidation-Cex0nlcu.js');
+require('../Spinner-Cl4eyZlz.js');
+require('../debounce-BN5llZ7Y.js');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../isObjectLike-D54Sylr4.js');
+require('../isSymbol-onvgp5ug.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-DXmEPujC.js';
-import '../tslib.es6-DPdENH3v.js';
+export { A as Autocomplete } from '../Autocomplete-fJGAtJTv.js';
+import '../tslib.es6-CeHUynox.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-CP-ZHBUl.js';
-import '../useSafeLayoutEffect-BYpr1gmT.js';
-import '../useIsMounted-BAI_EWrW.js';
-import '../Text-CBZYvoLZ.js';
-import '../Typography-Dfc5QcyD.js';
-import '../Icon-BkEAR5t9.js';
+import '../useOnKeyDown-CN4xcllA.js';
+import '../useSafeLayoutEffect-zh3ddhlC.js';
+import '../useIsMounted-CgSxXL6-.js';
+import '../Text-DfqZm-hl.js';
+import '../Typography-DhGlhWcl.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';
-import '../Heading-rMLWU5QQ.js';
-import '../InputText-B0_O28Kj.js';
-import '../FormField-Dw60Yuaw.js';
+import '../Heading-De8Cz0wk.js';
+import '../InputText-yvD2bKCX.js';
+import '../FormField-vy2Hd8hQ.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-DNnlnxie.js';
+import '../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-CVSFNsqx.js';
-import '../InputValidation-9Iufa8oU.js';
-import '../Spinner-_wo9F4ko.js';
-import '../debounce-cjF9b-E5.js';
-import '../_commonjsHelpers-qhLoVmu9.js';
-import '../isObjectLike-DKzW5wff.js';
-import '../isSymbol-BJl8Rtn2.js';
+import '../useFormFieldFocus-ClQ0z2uo.js';
+import '../InputValidation-CzNHjrwl.js';
+import '../Spinner-COTKfUIp.js';
+import '../debounce-BFEgsSNV.js';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../isObjectLike-C73xmKqw.js';
+import '../isSymbol-lWxnii5_.js';

package/dist/{Autocomplete-D7C1D94X.js → Autocomplete-DhdMbZV1.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BLv7qR2d.js');
+var tslib_es6 = require('./tslib.es6-D1nA6hj6.js');
 var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-BWr1Uh0c.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-B2rzYFeG.js');
-var useIsMounted = require('./useIsMounted-BcLpfdxY.js');
-var Text = require('./Text-B9SvNYhV.js');
-var Icon = require('./Icon-COz3twBh.js');
-var Heading = require('./Heading-B5N5rCZp.js');
-var InputText = require('./InputText-BaCsi_pl.js');
-var debounce = require('./debounce-BgaJlkp5.js');
+var useOnKeyDown = require('./useOnKeyDown-Dw5_7B0M.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-BJHtGge9.js');
+var useIsMounted = require('./useIsMounted-B2QNmIn3.js');
+var Text = require('./Text-CJWvewR1.js');
+var Icon = require('./Icon-DMURv2lZ.js');
+var Heading = require('./Heading-DNVMkz9q.js');
+var InputText = require('./InputText-BYu1XLNK.js');
+var debounce = require('./debounce-BN5llZ7Y.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-","spinning":"iPB87GEOvKw-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","heading":"PWZL-94hH7k-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 var IndexChange;
 (function (IndexChange) {

package/dist/{Autocomplete-DXmEPujC.js → Autocomplete-fJGAtJTv.js}

@@ -1,18 +1,18 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-DPdENH3v.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-CeHUynox.js';
 import React, { useState, useEffect, useRef, useMemo, forwardRef } from 'react';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-CP-ZHBUl.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-BYpr1gmT.js';
-import { u as useIsMounted_2 } from './useIsMounted-BAI_EWrW.js';
-import { T as Text } from './Text-CBZYvoLZ.js';
-import { I as Icon } from './Icon-BkEAR5t9.js';
-import { H as Heading } from './Heading-rMLWU5QQ.js';
-import { I as InputText } from './InputText-B0_O28Kj.js';
-import { a as debounce } from './debounce-cjF9b-E5.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CN4xcllA.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-zh3ddhlC.js';
+import { u as useIsMounted_2 } from './useIsMounted-CgSxXL6-.js';
+import { T as Text } from './Text-DfqZm-hl.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
+import { H as Heading } from './Heading-De8Cz0wk.js';
+import { I as InputText } from './InputText-yvD2bKCX.js';
+import { a as debounce } from './debounce-BFEgsSNV.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-","spinning":"iPB87GEOvKw-"};
+var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","heading":"PWZL-94hH7k-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
 var IndexChange;
 (function (IndexChange) {

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-D87GFY_7.js');
+var Avatar = require('../Avatar-B_p8ulLU.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-COz3twBh.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-vVrRTgeo.js';
+export { A as Avatar } from '../Avatar-DoM7yDeY.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-BkEAR5t9.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';

package/dist/{Avatar-D87GFY_7.js → Avatar-B_p8ulLU.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-COz3twBh.js');
+var Icon = require('./Icon-DMURv2lZ.js');
 
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-","spinning":"Hy8OadVgshM-"};
+var styles = {"avatar":"QJpdGzG71k8-","large":"bexrcoi1lZk-","small":"xytAyzEap3U-","isDark":"E0Pgej0H3YA-","initials":"_85roPa-UvXQ-","smallInitials":"meLH-BCeXWU-","hasBorder":"OsEsZnEnjLc-","spinning":"VkgQaQlBDig-"};
 
 function isDark(colorToCheck) {
     if (colorToCheck == undefined) {

package/dist/{Avatar-vVrRTgeo.js → Avatar-DoM7yDeY.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-BkEAR5t9.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
 
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-","spinning":"Hy8OadVgshM-"};
+var styles = {"avatar":"QJpdGzG71k8-","large":"bexrcoi1lZk-","small":"xytAyzEap3U-","isDark":"E0Pgej0H3YA-","initials":"_85roPa-UvXQ-","smallInitials":"meLH-BCeXWU-","hasBorder":"OsEsZnEnjLc-","spinning":"VkgQaQlBDig-"};
 
 function isDark(colorToCheck) {
     if (colorToCheck == undefined) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-k-2aP-uo.js');
+var BannerIcon = require('../../../BannerIcon-CWR2tx2X.js');
 require('react');
 require('classnames');
-require('../../../Icon-COz3twBh.js');
+require('../../../Icon-DMURv2lZ.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-Cirag0mJ.js';
+export { B as BannerIcon } from '../../../BannerIcon-C9WzqCMH.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-BkEAR5t9.js';
+import '../../../Icon-BPJYIZWC.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-CkjotyDf.js');
+var Banner = require('../Banner-zAc_UEku.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-CDlThO1I.js');
-require('../_commonjsHelpers-Ci46CUxA.js');
-require('../throttle-BiQ8DT9m.js');
-require('../debounce-BgaJlkp5.js');
-require('../isObjectLike-BM-uYAmX.js');
-require('../isSymbol-BxXQq1A2.js');
-require('../BannerIcon-k-2aP-uo.js');
-require('../Icon-COz3twBh.js');
+require('../useResizeObserver-BFycM9aW.js');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../throttle-BFHQHnGo.js');
+require('../debounce-BN5llZ7Y.js');
+require('../isObjectLike-D54Sylr4.js');
+require('../isSymbol-onvgp5ug.js');
+require('../BannerIcon-CWR2tx2X.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
-require('../Text-B9SvNYhV.js');
-require('../Typography-BbeLF-cH.js');
-require('../Button-BJQ6Ejjr.js');
+require('../Text-CJWvewR1.js');
+require('../Typography-DYUPEo3A.js');
+require('../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../ButtonDismiss-CrVS9qvM.js');
+require('../ButtonDismiss-DcTAOplu.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,17 @@
-export { B as Banner } from '../Banner-C_6soDNx.js';
+export { B as Banner } from '../Banner-BxlhbSQK.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-BaRlQkGU.js';
-import '../_commonjsHelpers-qhLoVmu9.js';
-import '../throttle-B2QG4QCa.js';
-import '../debounce-cjF9b-E5.js';
-import '../isObjectLike-DKzW5wff.js';
-import '../isSymbol-BJl8Rtn2.js';
-import '../BannerIcon-Cirag0mJ.js';
-import '../Icon-BkEAR5t9.js';
+import '../useResizeObserver-DDopVH1n.js';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../throttle-Chp_VbrK.js';
+import '../debounce-BFEgsSNV.js';
+import '../isObjectLike-C73xmKqw.js';
+import '../isSymbol-lWxnii5_.js';
+import '../BannerIcon-C9WzqCMH.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';
-import '../Text-CBZYvoLZ.js';
-import '../Typography-Dfc5QcyD.js';
-import '../Button-DNnlnxie.js';
+import '../Text-DfqZm-hl.js';
+import '../Typography-DhGlhWcl.js';
+import '../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../ButtonDismiss-BDk_IQwR.js';
+import '../ButtonDismiss-DUIaPWcl.js';

package/dist/{Banner-C_6soDNx.js → Banner-BxlhbSQK.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-BaRlQkGU.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-Cirag0mJ.js';
-import { T as Text } from './Text-CBZYvoLZ.js';
-import { B as Button } from './Button-DNnlnxie.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BDk_IQwR.js';
+import { u as useResizeObserver } from './useResizeObserver-DDopVH1n.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-C9WzqCMH.js';
+import { T as Text } from './Text-DfqZm-hl.js';
+import { B as Button } from './Button-B_S7hCDq.js';
+import { B as ButtonDismiss } from './ButtonDismiss-DUIaPWcl.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{Banner-CkjotyDf.js → Banner-zAc_UEku.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-CDlThO1I.js');
-var BannerIcon = require('./BannerIcon-k-2aP-uo.js');
-var Text = require('./Text-B9SvNYhV.js');
-var Button = require('./Button-BJQ6Ejjr.js');
-var ButtonDismiss = require('./ButtonDismiss-CrVS9qvM.js');
+var useResizeObserver = require('./useResizeObserver-BFycM9aW.js');
+var BannerIcon = require('./BannerIcon-CWR2tx2X.js');
+var Text = require('./Text-CJWvewR1.js');
+var Button = require('./Button-X03o-OsV.js');
+var ButtonDismiss = require('./ButtonDismiss-DcTAOplu.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/BannerIcon-C9WzqCMH.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import classnames from 'classnames';
+import { I as Icon } from './Icon-BPJYIZWC.js';
+
+var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
+
+var iconStyles = {"success":"RRQ5CQj05jU-","error":"rLsOR1QiHC8-","warning":"KqPf0zuN2fg-","notice":"M3q29PUUYRM-","spinning":"ad7f3jNTQXM-"};
+
+function BannerIcon({ icon, type }) {
+    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-CWR2tx2X.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var Icon = require('./Icon-DMURv2lZ.js');
+
+var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
+
+var iconStyles = {"success":"RRQ5CQj05jU-","error":"rLsOR1QiHC8-","warning":"KqPf0zuN2fg-","notice":"M3q29PUUYRM-","spinning":"ad7f3jNTQXM-"};
+
+function BannerIcon({ icon, type }) {
+    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
+        React.createElement(Icon.Icon, { name: icon, color: "surface", size: "small" })));
+}
+
+exports.BannerIcon = BannerIcon;
+exports.styles = styles;