@jobber/components 4.68.13 → 4.68.15

package/dist/Autocomplete/index.js

@@ -10,19 +10,20 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Text = require('../Text-4a2bc89f.js');
+var Text = require('../Text-259af966.js');
 var Icon = require('../Icon-405a216c.js');
-var Heading = require('../Heading-0f4ecb0c.js');
-var InputText = require('../InputText-3e0f054a.js');
-require('../Typography-973b122e.js');
+var Heading = require('../Heading-1e8e4bd3.js');
+var InputText = require('../InputText-9386ad9b.js');
+require('../Typography-c45bf216.js');
 require('@jobber/design');
-require('../FormField-dfa3992f.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../FormField-dc73a8e4.js');
 require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
-require('../Button-b1e5f46b.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 

package/dist/Banner/Banner.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 import { IconNames } from "@jobber/design";
+import { BannerType } from "./Banner.types";
 import { ButtonProps } from "../Button";
-export type BannerType = "notice" | "success" | "warning" | "error";
 interface BannerProps {
     readonly children: ReactNode;
     readonly type: BannerType;
@@ -20,5 +20,5 @@ interface BannerProps {
     readonly icon?: IconNames;
     onDismiss?(): void;
 }
-export declare function Banner({ children, type, primaryAction, dismissible, icon, onDismiss, }: BannerProps): JSX.Element;
+export declare function Banner({ children, type, primaryAction, dismissible, icon, onDismiss, }: BannerProps): JSX.Element | null;
 export {};

package/dist/Banner/Banner.types.d.ts

@@ -0,0 +1 @@
+export type BannerType = "notice" | "success" | "warning" | "error";

package/dist/Banner/components/BannerIcon/BannerIcon.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { IconNames } from "@jobber/design";
+import { BannerType } from "../../Banner.types";
 export interface BannerIconProps {
-    icon: IconNames;
+    readonly icon: IconNames;
+    readonly type: BannerType;
 }
-export declare function BannerIcon({ icon }: BannerIconProps): JSX.Element;
+export declare function BannerIcon({ icon, type }: BannerIconProps): JSX.Element;

package/dist/Banner/index.d.ts

@@ -1 +1,2 @@
-export { Banner, BannerType } from "./Banner";
+export { Banner } from "./Banner";
+export { BannerType } from "./Banner.types";

package/dist/Banner/index.js

@@ -6,11 +6,12 @@ var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
+var getAtlantisConfig = require('../getAtlantisConfig-0f3e8af2.js');
 var Icon = require('../Icon-405a216c.js');
-var Text = require('../Text-4a2bc89f.js');
-var Button = require('../Button-b1e5f46b.js');
+var Text = require('../Text-259af966.js');
+var Button = require('../Button-ce519335.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,20 +19,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z$1 = ".meuT8gYQPJU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-base);\n  padding: calc(16px * 1);\n  padding: var(--space-base);\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--color-surface--background);\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.y4BapyZr-fo- > a {\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n}\n\n.y4BapyZr-fo- > a:hover {\n  color: rgb(1, 41, 57);\n  color: var(--color-blue);\n}\n\n._6v1woNSLEvc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n@media (max-width: 489px) {\n\n._6v1woNSLEvc- {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n  }\n\n@media (--small-screens-and-below) {\n\n._6v1woNSLEvc- {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n  }\n\n.y4BapyZr-fo- {\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n._6v1woNSLEvc- > *:last-child {\n  margin-bottom: 0;\n}\n\n.bocgLmEhcTU- .y4BapyZr-fo- {\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.rtNjEzmABX4- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n}\n\n@media (max-width: 489px) {\n\n.rtNjEzmABX4- {\n    width: 100%;\n    margin-top: calc(16px / 2);\n    margin-top: var(--space-small);\n}\n  }\n\n@media (--small-screens-and-below) {\n\n.rtNjEzmABX4- {\n    width: 100%;\n    margin-top: calc(16px / 2);\n    margin-top: var(--space-small);\n}\n  }\n\n.lunQ5SOfyLg- {\n  margin: calc((16px / 8) * -1) 0;\n  margin: calc(calc(16px / 8) * -1) 0;\n  margin: calc(var(--space-smallest) * -1) 0;\n  padding: calc(16px / 8);\n  padding: var(--space-smallest);\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n  -ms-flex: 0;\n      flex: 0;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n.lunQ5SOfyLg-:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.lunQ5SOfyLg-:focus {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: none;\n  background: rgba(0, 0, 0, 0.05);\n}\n";
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-"};
-styleInject_es.styleInject(css_248z$1);
+var css_248z$2 = ".meuT8gYQPJU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-base);\n  padding: calc(16px * 1);\n  padding: var(--space-base);\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--color-surface--background);\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme .meuT8gYQPJU- {\n  padding: calc((16px * 1) - (16px / 4)) calc(16px * 1);\n  padding: calc(calc(16px * 1) - calc(16px / 4)) calc(16px * 1);\n  padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);\n  border: calc(16px / 16) solid rgb(217, 223, 225);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n.y4BapyZr-fo- > a {\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n}\n\n.y4BapyZr-fo- > a:hover {\n  color: rgb(1, 41, 57);\n  color: var(--color-blue);\n}\n\n._6v1woNSLEvc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n@media (max-width: 489px) {\n\n._6v1woNSLEvc- {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n  }\n\n@media (--small-screens-and-below) {\n\n._6v1woNSLEvc- {\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n  }\n\n.y4BapyZr-fo- {\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-item-align: center;\n      align-self: center;\n}\n\n._6v1woNSLEvc- > *:last-child {\n  margin-bottom: 0;\n}\n\n.bocgLmEhcTU- .y4BapyZr-fo- {\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.rtNjEzmABX4- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n}\n\n@media (max-width: 489px) {\n\n.rtNjEzmABX4- {\n    width: 100%;\n    margin-top: calc(16px / 2);\n    margin-top: var(--space-small);\n}\n  }\n\n@media (--small-screens-and-below) {\n\n.rtNjEzmABX4- {\n    width: 100%;\n    margin-top: calc(16px / 2);\n    margin-top: var(--space-small);\n}\n  }\n\n.lunQ5SOfyLg- {\n  margin: calc((16px / 8) * -1) 0;\n  margin: calc(calc(16px / 8) * -1) 0;\n  margin: calc(var(--space-smallest) * -1) 0;\n  padding: calc(16px / 8);\n  padding: var(--space-smallest);\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n  -ms-flex: 0;\n      flex: 0;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n.lunQ5SOfyLg-:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.lunQ5SOfyLg-:focus {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: none;\n  background: rgba(0, 0, 0, 0.05);\n}\n";
+var styles$1 = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-"};
+styleInject_es.styleInject(css_248z$2);
 
-var css_248z = ".wWW-2T7rCV0- {\n  background-color: rgb(226, 241, 250);\n  background-color: var(--color-informative--surface);\n}\n\n/* Our Banner \"surface\" colors should be lighter than they are so we're leaving the following alone for now */\n\n._7h8FUHIkVjg- {\n  background-color: rgb(203, 223, 159);\n  background-color: var(--color-green--lighter);\n}\n\n.d5fXcE1L0lc- {\n  background-color: rgb(241, 231, 159);\n  background-color: var(--color-yellow--lighter);\n}\n\n.oYaw-T3c0IU- {\n  background-color: rgb(255, 206, 194);\n  background-color: var(--color-red--lighter);\n}\n";
+var css_248z$1 = ".wWW-2T7rCV0- {\n  background-color: rgb(226, 241, 250);\n  background-color: var(--color-informative--surface);\n}\n\n/* Our Banner \"surface\" colors should be lighter than they are so we're leaving the following alone for now */\n\n._7h8FUHIkVjg- {\n  background-color: rgb(203, 223, 159);\n  background-color: var(--color-green--lighter);\n}\n\n.d5fXcE1L0lc- {\n  background-color: rgb(241, 231, 159);\n  background-color: var(--color-yellow--lighter);\n}\n\n.oYaw-T3c0IU- {\n  background-color: rgb(255, 206, 194);\n  background-color: var(--color-red--lighter);\n}\n";
 var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
+styleInject_es.styleInject(css_248z$1);
+
+var css_248z = ".vVsm1tTEkcs- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  padding: calc(16px / 4);\n  padding: var(--space-smaller);\n  border-radius: 100%;\n  border-radius: var(--radius-circle);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--color-surface--background);\n}\n\n._5-B0X5vn0eA- {\n  background-color: rgb(125, 176, 14);\n  background-color: var(--color-success);\n}\n\n.r3hqur-vxwI- {\n  background-color: rgb(201, 66, 33);\n  background-color: var(--color-destructive);\n}\n\n.-c8TbjyV5YU- {\n  background-color: rgb(221, 195, 15);\n  background-color: var(--color-warning);\n}\n\n.bMc69fYWngM- {\n  background-color: rgb(60, 162, 224);\n  background-color: var(--color-informative);\n}\n";
+var styles = {"wrapper":"vVsm1tTEkcs-","success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
 styleInject_es.styleInject(css_248z);
 
-function BannerIcon({ icon }) {
+function BannerIcon({ icon, type }) {
+    const { JOBBER_RETHEME } = getAtlantisConfig.getAtlantisConfig();
+    if (JOBBER_RETHEME) {
+        return (React__default["default"].createElement("span", { className: classnames__default["default"](styles.wrapper, styles[type]) },
+            React__default["default"].createElement(Icon.Icon, { name: icon, color: "white", size: "small" })));
+    }
     return React__default["default"].createElement(Icon.Icon, { name: icon, color: "greyBlueDark" });
 }
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, }) {
+    const { JOBBER_RETHEME } = getAtlantisConfig.getAtlantisConfig();
     const [showBanner, setShowBanner] = React.useState(true);
+    const bannerIcon = icon || getBannerIcon(type);
     const bannerWidths = {
         small: 320,
         medium: 480,
@@ -52,23 +64,40 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
             variation: type === "notice" ? "learning" : "work",
         }, primaryAction);
     }
-    const bannerClassNames = classnames__default["default"](styles.banner, types[type], {
-        [styles.medium]: bannerWidth >= bannerWidths.medium,
+    const bannerClassNames = classnames__default["default"](styles$1.banner, types[type], {
+        [styles$1.medium]: bannerWidth >= bannerWidths.medium,
     });
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, showBanner && (React__default["default"].createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
-        React__default["default"].createElement("div", { className: styles.bannerContent },
-            icon && React__default["default"].createElement(BannerIcon, { icon: icon }),
-            React__default["default"].createElement("div", { className: styles.bannerChildren },
+    if (!showBanner)
+        return null;
+    return (React__default["default"].createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
+        React__default["default"].createElement("div", { className: styles$1.bannerContent },
+            bannerIcon && React__default["default"].createElement(BannerIcon, { icon: bannerIcon, type: type }),
+            React__default["default"].createElement("div", { className: styles$1.bannerChildren },
                 React__default["default"].createElement(BannerChildren, null, children)),
-            primaryAction && (React__default["default"].createElement("div", { className: styles.bannerAction },
+            primaryAction && (React__default["default"].createElement("div", { className: styles$1.bannerAction },
                 React__default["default"].createElement(Button.Button, Object.assign({}, primaryAction))))),
-        dismissible && (React__default["default"].createElement("button", { className: styles.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
-            React__default["default"].createElement(Icon.Icon, { name: "cross", color: iconColors[type] })))))));
+        dismissible && (React__default["default"].createElement("button", { className: styles$1.closeButton, onClick: handleClose, "aria-label": "Close this notification" },
+            React__default["default"].createElement(Icon.Icon, { name: "cross", color: JOBBER_RETHEME ? "interactiveSubtle" : iconColors[type] })))));
     function handleClose() {
         setShowBanner(!showBanner);
         onDismiss && onDismiss();
     }
 }
+function getBannerIcon(type) {
+    const { JOBBER_RETHEME } = getAtlantisConfig.getAtlantisConfig();
+    if (!JOBBER_RETHEME)
+        return;
+    switch (type) {
+        case "notice":
+            return "starburst";
+        case "success":
+            return "checkmark";
+        case "warning":
+            return "help";
+        case "error":
+            return "alert";
+    }
+}
 function BannerChildren({ children, }) {
     if (!children)
         return React__default["default"].createElement(React__default["default"].Fragment, null);

package/dist/Button/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../Button-b1e5f46b.js');
+var Button = require('../Button-ce519335.js');
 require('react');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{Button-b1e5f46b.js → Button-ce519335.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-973b122e.js');
+var Typography = require('./Typography-c45bf216.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/ButtonDismiss/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ButtonDismiss = require('../ButtonDismiss-e81375a1.js');
+var ButtonDismiss = require('../ButtonDismiss-099ad8fa.js');
 require('react');
-require('../Button-b1e5f46b.js');
+require('../Button-ce519335.js');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{ButtonDismiss-e81375a1.js → ButtonDismiss-099ad8fa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-b1e5f46b.js');
+var Button = require('./Button-ce519335.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Card/index.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-89b08a90.js');
+var Card = require('../Card-9ff596d1.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-b1e5f46b.js');
+require('../Heading-1e8e4bd3.js');
+require('../Typography-c45bf216.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-8e2b9274.js');
+require('../Menu-5b156261.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');

package/dist/{Card-89b08a90.js → Card-9ff596d1.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-0f4ecb0c.js');
-var Button = require('./Button-b1e5f46b.js');
-var Menu = require('./Menu-8e2b9274.js');
+var Heading = require('./Heading-1e8e4bd3.js');
+var Button = require('./Button-ce519335.js');
+var Menu = require('./Menu-5b156261.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-3b2ffad6.js');
+var Checkbox = require('../Checkbox-1cdd5cf6.js');
 require('../tslib.es6-5b8768b7.js');
 require('react');
 require('uuid');
@@ -11,8 +11,8 @@ require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Text-4a2bc89f.js');
-require('../Typography-973b122e.js');
+require('../Text-259af966.js');
+require('../Typography-c45bf216.js');
 
 
 

package/dist/{Checkbox-3b2ffad6.js → Checkbox-1cdd5cf6.js}

@@ -7,7 +7,7 @@ var classnames = require('classnames');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-4a2bc89f.js');
+var Text = require('./Text-259af966.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chip/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chip = require('../Chip-168acf3e.js');
+var Chip = require('../Chip-22700379.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var Icon = require('../Icon-405a216c.js');
@@ -11,7 +11,7 @@ require('@jobber/hooks/useInView');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 require('../Tooltip-6b12f1c2.js');
 require('react-dom');
 require('framer-motion');

package/dist/{Chip-168acf3e.js → Chip-22700379.js}

@@ -6,7 +6,7 @@ var useInView = require('@jobber/hooks/useInView');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Avatar = require('./Avatar-76a799fa.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-973b122e.js');
+var Typography = require('./Typography-c45bf216.js');
 var Tooltip = require('./Tooltip-6b12f1c2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Chips/index.js

@@ -8,15 +8,15 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var useAssert = require('@jobber/hooks/useAssert');
 var Icon = require('../Icon-405a216c.js');
 var Avatar = require('../Avatar-76a799fa.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 var Tooltip = require('../Tooltip-6b12f1c2.js');
 var uuid = require('uuid');
 var sortBy = require('lodash/sortBy');
 var useLiveAnnounce = require('@jobber/hooks/useLiveAnnounce');
 var debounce = require('lodash/debounce');
 var reactPopper = require('react-popper');
-var Text = require('../Text-4a2bc89f.js');
-var Button = require('../Button-b1e5f46b.js');
+var Text = require('../Text-259af966.js');
+var Button = require('../Button-ce519335.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
 require('@jobber/design');
 require('color');

package/dist/Combobox/index.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Combobox = require('../Combobox-fd7a82d1.js');
+var Combobox = require('../Combobox-fbd25ef7.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Text-4a2bc89f.js');
-require('../Typography-973b122e.js');
+require('../Text-259af966.js');
+require('../Typography-c45bf216.js');
 require('../tslib.es6-5b8768b7.js');
-require('../Button-b1e5f46b.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('react-popper');
 require('@jobber/hooks/useOnKeyDown');
-require('../Chip-168acf3e.js');
+require('../Chip-22700379.js');
 require('@jobber/hooks/useInView');
 require('../Avatar-76a799fa.js');
 require('color');

package/dist/{Combobox-fd7a82d1.js → Combobox-fbd25ef7.js}

@@ -5,15 +5,15 @@ var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-4a2bc89f.js');
+var Text = require('./Text-259af966.js');
 var tslib_es6 = require('./tslib.es6-5b8768b7.js');
-var Typography = require('./Typography-973b122e.js');
-var Button = require('./Button-b1e5f46b.js');
+var Typography = require('./Typography-c45bf216.js');
+var Button = require('./Button-ce519335.js');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var reactPopper = require('react-popper');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Chip = require('./Chip-168acf3e.js');
+var Chip = require('./Chip-22700379.js');
 require('@jobber/design');
 var useAssert = require('@jobber/hooks/useAssert');
 

package/dist/ConfirmationModal/index.js

@@ -2,28 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-cf2b177c.js');
+var ConfirmationModal = require('../ConfirmationModal-7eccca13.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-4cc89447.js');
+require('../Modal-c2a9e9fb.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-b1e5f46b.js');
+require('../Heading-1e8e4bd3.js');
+require('../Typography-c45bf216.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ButtonDismiss-e81375a1.js');
+require('../ButtonDismiss-099ad8fa.js');
 require('../Content-2ca1ffe1.js');
-require('../Markdown-96070121.js');
+require('../Markdown-b80706ed.js');
 require('react-markdown');
-require('../Text-4a2bc89f.js');
-require('../Emphasis-b2d1b3aa.js');
+require('../Text-259af966.js');
+require('../Emphasis-bda56d3b.js');
 
 
 

package/dist/{ConfirmationModal-cf2b177c.js → ConfirmationModal-7eccca13.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-4cc89447.js');
+var Modal = require('./Modal-c2a9e9fb.js');
 var Content = require('./Content-2ca1ffe1.js');
-var Markdown = require('./Markdown-96070121.js');
+var Markdown = require('./Markdown-b80706ed.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataDump/index.js

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-89b08a90.js');
+var Card = require('../Card-9ff596d1.js');
 var Content = require('../Content-2ca1ffe1.js');
-var Emphasis = require('../Emphasis-b2d1b3aa.js');
+var Emphasis = require('../Emphasis-bda56d3b.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-0f4ecb0c.js');
-require('../Typography-973b122e.js');
-require('../Button-b1e5f46b.js');
+require('../Heading-1e8e4bd3.js');
+require('../Typography-c45bf216.js');
+require('../getAtlantisConfig-0f3e8af2.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-8e2b9274.js');
+require('../Menu-5b156261.js');
 require('uuid');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');

package/dist/DataList/index.js

@@ -5,43 +5,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Text = require('../Text-4a2bc89f.js');
+var Text = require('../Text-259af966.js');
 var Glimmer = require('../Glimmer-cfa92a88.js');
 var noop = require('lodash/noop');
 var design = require('@jobber/design');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var Tooltip = require('../Tooltip-6b12f1c2.js');
-var Button = require('../Button-b1e5f46b.js');
+var Button = require('../Button-ce519335.js');
 var useInView = require('@jobber/hooks/useInView');
 var isEmpty = require('lodash/isEmpty');
-var InlineLabel = require('../InlineLabel-9a517c19.js');
+var InlineLabel = require('../InlineLabel-a6557829.js');
 var FormatDate = require('../FormatDate-70ea5b43.js');
-var Heading = require('../Heading-0f4ecb0c.js');
+var Heading = require('../Heading-1e8e4bd3.js');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var ReactDOM = require('react-dom');
-var Checkbox = require('../Checkbox-3b2ffad6.js');
+var Checkbox = require('../Checkbox-1cdd5cf6.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-d1e1ddcf.js');
-var Combobox = require('../Combobox-fd7a82d1.js');
-var Chip = require('../Chip-168acf3e.js');
+var Combobox = require('../Combobox-fbd25ef7.js');
+var Chip = require('../Chip-22700379.js');
 var Icon = require('../Icon-405a216c.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-3e0f054a.js');
+var InputText = require('../InputText-9386ad9b.js');
 var Spinner = require('../Spinner-9d8fc7ff.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 require('../Content-2ca1ffe1.js');
 require('react-popper');
+require('../getAtlantisConfig-0f3e8af2.js');
 require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useAssert');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../FormField-dfa3992f.js');
+require('../FormField-dc73a8e4.js');
 require('@jobber/hooks/useShowClear');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataTable/index.js

@@ -9,21 +9,21 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-cfa92a88.js');
 var tslib_es6 = require('../tslib.es6-5b8768b7.js');
-var Option = require('../Option-68d64610.js');
-var Button = require('../Button-b1e5f46b.js');
-var Text = require('../Text-4a2bc89f.js');
+var Option = require('../Option-0c97b8d6.js');
+var Button = require('../Button-ce519335.js');
+var Text = require('../Text-259af966.js');
 require('../Content-2ca1ffe1.js');
-require('../FormField-dfa3992f.js');
+require('../FormField-dc73a8e4.js');
 require('uuid');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../InputValidation-179f0926.js');
+require('../InputValidation-a7a737f9.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
 require('react-router-dom');
-require('../Typography-973b122e.js');
+require('../Typography-c45bf216.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DatePicker/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-ba9ee8e0.js');
+var DatePicker = require('../DatePicker-73ab88dd.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks/useRefocusOnActivator');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-973b122e.js');
-require('../Button-b1e5f46b.js');
+require('../Typography-c45bf216.js');
+require('../Button-ce519335.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{DatePicker-ba9ee8e0.js → DatePicker-73ab88dd.js}

@@ -5,8 +5,8 @@ var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Typography = require('./Typography-973b122e.js');
-var Button = require('./Button-b1e5f46b.js');
+var Typography = require('./Typography-c45bf216.js');
+var Button = require('./Button-ce519335.js');
 var omit = require('lodash/omit');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DescriptionList/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Typography = require('../Typography-973b122e.js');
+var Typography = require('../Typography-c45bf216.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }