@jobber/components 4.91.2-retheme-fe.1 → 4.91.2-retheme-fe.2

package/dist/InputDate/index.js

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var omit = require('lodash/omit');
 var React = require('react');
-var FormField = require('../FormField-223ccc74.js');
-var DatePicker = require('../DatePicker-62d46877.js');
+var FormField = require('../FormField-5134bf0e.js');
+var DatePicker = require('../DatePicker-8392951f.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 require('react-datepicker');

package/dist/InputEmail/index.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-223ccc74.js');
+var FormField = require('../FormField-5134bf0e.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/InputFile/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputFile = require('../InputFile-daaa5a05.js');
+var InputFile = require('../InputFile-5458fb6e.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('classnames');
 require('react-dropzone');
 require('axios');
 require('../style-inject.es-9d2f5f4e.js');
-require('../InputValidation-01b22c68.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
-require('../Text-f6404c6c.js');
-require('../Typography-224ae794.js');
+require('../Text-fdc65f0b.js');
+require('../Typography-018e1471.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Content-e3f7b6fc.js');
 

package/dist/{InputFile-daaa5a05.js → InputFile-5458fb6e.js}

@@ -6,10 +6,10 @@ var classnames = require('classnames');
 var reactDropzone = require('react-dropzone');
 var axios = require('axios');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var InputValidation = require('./InputValidation-01b22c68.js');
-var Button = require('./Button-dd7ed8c3.js');
+var InputValidation = require('./InputValidation-9c582130.js');
+var Button = require('./Button-bb77a513.js');
 var Content = require('./Content-e3f7b6fc.js');
-var Typography = require('./Typography-224ae794.js');
+var Typography = require('./Typography-018e1471.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputNumber/index.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-17d2a045.js');
+var InputNumber = require('../InputNumber-0cc0d204.js');
 require('react');
-require('../FormField-223ccc74.js');
+require('../FormField-5134bf0e.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/{InputNumber-17d2a045.js → InputNumber-0cc0d204.js}

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

package/dist/InputPassword/index.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var FormField = require('../FormField-223ccc74.js');
+var FormField = require('../FormField-5134bf0e.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/InputPhoneNumber/index.js

@@ -6,16 +6,16 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var FormField = require('../FormField-223ccc74.js');
+var FormField = require('../FormField-5134bf0e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/InputText/index.js

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputText = require('../InputText-0ce98f14.js');
+var InputText = require('../InputText-8af32879.js');
 require('react');
 require('@jobber/hooks/useSafeLayoutEffect');
-require('../FormField-223ccc74.js');
+require('../FormField-5134bf0e.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/{InputText-0ce98f14.js → InputText-8af32879.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
-var FormField = require('./FormField-223ccc74.js');
+var FormField = require('./FormField-5134bf0e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputTime/index.js

@@ -6,18 +6,18 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
 var debounce = require('lodash/debounce');
-var FormField = require('../FormField-223ccc74.js');
+var FormField = require('../FormField-5134bf0e.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('@jobber/hooks/useShowClear');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
-require('../Text-f6404c6c.js');
-require('../InputValidation-01b22c68.js');
+require('../Typography-018e1471.js');
+require('../Text-fdc65f0b.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 

package/dist/InputValidation/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputValidation = require('../InputValidation-01b22c68.js');
+var InputValidation = require('../InputValidation-9c582130.js');
 require('react');
 require('framer-motion');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Text-f6404c6c.js');
-require('../Typography-224ae794.js');
+require('../Text-fdc65f0b.js');
+require('../Typography-018e1471.js');
 require('classnames');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{InputValidation-01b22c68.js → InputValidation-9c582130.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Text = require('./Text-f6404c6c.js');
+var Text = require('./Text-fdc65f0b.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/LightBox/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-370d7aa6.js');
+var LightBox = require('../LightBox-ddbda5c6.js');
 require('react');
 require('framer-motion');
 require('react-dom');
@@ -12,13 +12,13 @@ require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('@jobber/hooks/useIsMounted');
 require('../style-inject.es-9d2f5f4e.js');
-require('../ButtonDismiss-4a7b9762.js');
-require('../Button-dd7ed8c3.js');
+require('../ButtonDismiss-a1df8656.js');
+require('../Button-bb77a513.js');
 require('classnames');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 
 
 

package/dist/{LightBox-370d7aa6.js → LightBox-ddbda5c6.js}

@@ -9,8 +9,8 @@ var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var useIsMounted = require('@jobber/hooks/useIsMounted');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var ButtonDismiss = require('./ButtonDismiss-4a7b9762.js');
-var Button = require('./Button-dd7ed8c3.js');
+var ButtonDismiss = require('./ButtonDismiss-a1df8656.js');
+var Button = require('./Button-bb77a513.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n  right: calc(16px * 1);\n  right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n  left: calc(16px * 1);\n  left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  padding: calc(16px / 2) calc(16px * 1);\n  padding: var(--space-small) var(--space-base);\n  color: rgb(193, 201, 206);\n  color: var(--color-text--reverse--secondary);\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  background-color: rgb(1, 40, 55);\n  background-color: var(--color-surface--reverse);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.jobber-retheme .AfUUWErd5S4- {\n  color: rgb(78, 105, 116);\n  color: var(--color-text--secondary);\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--background);\n}\n\n.ysUYbBTaORk- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n.-V917BdNqSs- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
+var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n  right: calc(16px * 1);\n  right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n  left: calc(16px * 1);\n  left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  padding: calc(16px / 2) calc(16px * 1);\n  padding: var(--space-small) var(--space-base);\n  color: rgb(78, 105, 116);\n  color: var(--color-text--secondary);\n  font-size: calc(16px * 1);\n  font-size: var(--typography--fontSize-large);\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--background);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.ysUYbBTaORk- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n.-V917BdNqSs- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
 var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/List/index.js

@@ -8,14 +8,12 @@ var get = require('lodash/get');
 var groupBy = require('lodash/groupBy');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Text = require('../Text-f6404c6c.js');
-var Heading = require('../Heading-a0e38319.js');
-var Typography = require('../Typography-224ae794.js');
-var Markdown = require('../Markdown-6d53b503.js');
-var Emphasis = require('../Emphasis-c01b5d06.js');
+var Text = require('../Text-fdc65f0b.js');
+var Heading = require('../Heading-d025ffbb.js');
+var Typography = require('../Typography-018e1471.js');
+var Markdown = require('../Markdown-8150d535.js');
+var Emphasis = require('../Emphasis-2bbe4da6.js');
 require('@jobber/design');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
 require('react-markdown');
 require('../Content-e3f7b6fc.js');
 

package/dist/Markdown/index.js

@@ -2,17 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Markdown = require('../Markdown-6d53b503.js');
+var Markdown = require('../Markdown-8150d535.js');
 require('react');
 require('react-markdown');
-require('../Text-f6404c6c.js');
-require('../Typography-224ae794.js');
+require('../Text-fdc65f0b.js');
+require('../Typography-018e1471.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Emphasis-c01b5d06.js');
-require('../Heading-a0e38319.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../Emphasis-2bbe4da6.js');
+require('../Heading-d025ffbb.js');
 require('../Content-e3f7b6fc.js');
 
 

package/dist/{Markdown-6d53b503.js → Markdown-8150d535.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var ReactMarkdown = require('react-markdown');
-var Text = require('./Text-f6404c6c.js');
-var Emphasis = require('./Emphasis-c01b5d06.js');
-var Heading = require('./Heading-a0e38319.js');
+var Text = require('./Text-fdc65f0b.js');
+var Emphasis = require('./Emphasis-2bbe4da6.js');
+var Heading = require('./Heading-d025ffbb.js');
 var Content = require('./Content-e3f7b6fc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Menu/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Menu = require('../Menu-98d76ebe.js');
+var Menu = require('../Menu-f9fb99bb.js');
 require('react');
 require('classnames');
 require('framer-motion');
@@ -10,11 +10,11 @@ require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useSafeLayoutEffect');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Button-dd7ed8c3.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 
 
 

package/dist/{Menu-98d76ebe.js → Menu-f9fb99bb.js}

@@ -7,8 +7,8 @@ var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-dd7ed8c3.js');
-var Typography = require('./Typography-224ae794.js');
+var Button = require('./Button-bb77a513.js');
+var Typography = require('./Typography-018e1471.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,8 +16,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z = ".dT6M9tp1sZc- * {\n  box-sizing: border-box;\n}\n\n.dT6M9tp1sZc- {\n  --menu-space: var(--space-small);\n  --menu-offset: var(--space-smallest);\n  display: inline-block;\n  position: relative;\n}\n\n.Qmxlsj0D3qM- {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  width: 100%;\n  max-height: 72vh;\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: var(--menu-space);\n  padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));\n  border-radius: 8px 8px 0 0;\n  border-radius: var(--radius-base) var(--radius-base) 0 0;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n@media (min-width: 490px) {\n\n.Qmxlsj0D3qM- {\n    position: absolute;\n    left: auto;\n    width: calc(16px * 12.5);\n    width: calc(var(--base-unit) * 12.5);\n    padding: var(--menu-space);\n    border: calc(16px / 16) solid rgb(218, 224, 226);\n    border: var(--border-base) solid var(--color-border);\n    border-radius: 8px;\n    border-radius: var(--radius-base);\n    overflow: auto;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.Qmxlsj0D3qM- {\n    position: absolute;\n    left: auto;\n    width: calc(16px * 12.5);\n    width: calc(var(--base-unit) * 12.5);\n    padding: var(--menu-space);\n    border: calc(16px / 16) solid rgb(218, 224, 226);\n    border: var(--border-base) solid var(--color-border);\n    border-radius: 8px;\n    border-radius: var(--radius-base);\n    overflow: auto;\n}\n  }\n\n@media (min-width: 490px) {\n\n.QTisUfiHwL4- {\n    bottom: 100%;\n    margin-bottom: var(--menu-offset);\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.QTisUfiHwL4- {\n    bottom: 100%;\n    margin-bottom: var(--menu-offset);\n}\n  }\n\n@media (min-width: 490px) {\n\n.qsch1dlpOHc- {\n    top: 100%;\n    bottom: auto;\n    margin-top: var(--menu-offset);\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.qsch1dlpOHc- {\n    top: 100%;\n    bottom: auto;\n    margin-top: var(--menu-offset);\n}\n  }\n\n@media (min-width: 490px) {\n\n._0xR9-oxWMOU- {\n    right: 0;\n    left: auto;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n._0xR9-oxWMOU- {\n    right: 0;\n    left: auto;\n}\n  }\n\n@media (min-width: 490px) {\n\n.gaZwsdyoG0k- {\n    right: auto;\n    left: 0;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.gaZwsdyoG0k- {\n    right: auto;\n    left: 0;\n}\n  }\n\n.LaKFjYCLHZc- {\n  padding: var(--menu-space) 0;\n  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.LaKFjYCLHZc-:first-of-type {\n  padding-top: 0;\n}\n\n.LaKFjYCLHZc-:last-of-type {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n._7HB7dWnqCi0- {\n  padding: var(--menu-space);\n}\n\n.jobber-retheme ._7HB7dWnqCi0- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(var(--menu-space) * 1.5) var(--menu-space);\n}\n\n.jobber-retheme ._7HB7dWnqCi0- h6 {\n  /* can move into the Typography component post re-theme */\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  font-weight: 400;\n  text-transform: none;\n}\n\n.ZuceCiefKqw- {\n  display: -ms-flexbox;\n  display: flex;\n  gap: calc(16px * 1);\n  gap: var(--space-base);\n  width: 100%;\n  padding: var(--menu-space);\n  border: none;\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n  background-color: transparent;\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme .ZuceCiefKqw- {\n  gap: var(--menu-space);\n}\n\n.ZuceCiefKqw-:hover,\n.ZuceCiefKqw-:focus-visible {\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--hover);\n  outline-color: rgb(131, 151, 160);\n  outline-color: var(--color-focus);\n}\n\n.jobber-retheme .ZuceCiefKqw- span {\n  /* can move into the Typography component post re-theme */\n  color: rgb(78, 105, 116);\n  color: var(--color-text--secondary);\n  font-weight: 600;\n}\n\n.jobber-retheme .Bz8TONF8kws- path {\n  /* can move into the Icon component post re-theme */\n  fill: rgb(1, 40, 55);\n  fill: var(--color-interactive--subtle);\n}\n\n.eKnUAucwwWU- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n@media (min-width: 490px) {\n\n.eKnUAucwwWU- {\n    background-color: transparent;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.eKnUAucwwWU- {\n    background-color: transparent;\n}\n  }\n\n.oaxefr58z-E- {\n  width: 100%;\n}\n\n.vz9opIdwHFg- {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n}\n";
-var styles = {"wrapper":"dT6M9tp1sZc-","menu":"Qmxlsj0D3qM-","above":"QTisUfiHwL4-","below":"qsch1dlpOHc-","left":"_0xR9-oxWMOU-","right":"gaZwsdyoG0k-","section":"LaKFjYCLHZc-","sectionHeader":"_7HB7dWnqCi0-","action":"ZuceCiefKqw-","icon":"Bz8TONF8kws-","overlay":"eKnUAucwwWU-","fullWidth":"oaxefr58z-E-","screenReaderOnly":"vz9opIdwHFg-"};
+var css_248z = ".dT6M9tp1sZc- * {\n  box-sizing: border-box;\n}\n\n.dT6M9tp1sZc- {\n  --menu-space: var(--space-small);\n  --menu-offset: var(--space-smallest);\n  display: inline-block;\n  position: relative;\n}\n\n.Qmxlsj0D3qM- {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  width: 100%;\n  max-height: 72vh;\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: var(--menu-space);\n  padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));\n  border-radius: 8px 8px 0 0;\n  border-radius: var(--radius-base) var(--radius-base) 0 0;\n  -webkit-overflow-scrolling: touch;\n  overflow-y: scroll;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n@media (min-width: 490px) {\n\n.Qmxlsj0D3qM- {\n    position: absolute;\n    left: auto;\n    width: calc(16px * 12.5);\n    width: calc(var(--base-unit) * 12.5);\n    padding: var(--menu-space);\n    border: calc(16px / 16) solid rgb(218, 224, 226);\n    border: var(--border-base) solid var(--color-border);\n    border-radius: 8px;\n    border-radius: var(--radius-base);\n    overflow: auto;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.Qmxlsj0D3qM- {\n    position: absolute;\n    left: auto;\n    width: calc(16px * 12.5);\n    width: calc(var(--base-unit) * 12.5);\n    padding: var(--menu-space);\n    border: calc(16px / 16) solid rgb(218, 224, 226);\n    border: var(--border-base) solid var(--color-border);\n    border-radius: 8px;\n    border-radius: var(--radius-base);\n    overflow: auto;\n}\n  }\n\n@media (min-width: 490px) {\n\n.QTisUfiHwL4- {\n    bottom: 100%;\n    margin-bottom: var(--menu-offset);\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.QTisUfiHwL4- {\n    bottom: 100%;\n    margin-bottom: var(--menu-offset);\n}\n  }\n\n@media (min-width: 490px) {\n\n.qsch1dlpOHc- {\n    top: 100%;\n    bottom: auto;\n    margin-top: var(--menu-offset);\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.qsch1dlpOHc- {\n    top: 100%;\n    bottom: auto;\n    margin-top: var(--menu-offset);\n}\n  }\n\n@media (min-width: 490px) {\n\n._0xR9-oxWMOU- {\n    right: 0;\n    left: auto;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n._0xR9-oxWMOU- {\n    right: 0;\n    left: auto;\n}\n  }\n\n@media (min-width: 490px) {\n\n.gaZwsdyoG0k- {\n    right: auto;\n    left: 0;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.gaZwsdyoG0k- {\n    right: auto;\n    left: 0;\n}\n  }\n\n.LaKFjYCLHZc- {\n  padding: var(--menu-space) 0;\n  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.LaKFjYCLHZc-:first-of-type {\n  padding-top: 0;\n}\n\n.LaKFjYCLHZc-:last-of-type {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n._7HB7dWnqCi0- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(var(--menu-space) * 1.5) var(--menu-space);\n}\n\n.ZuceCiefKqw- {\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--menu-space);\n  width: 100%;\n  padding: var(--menu-space);\n  border: none;\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n  background-color: transparent;\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.ZuceCiefKqw-:hover,\n.ZuceCiefKqw-:focus-visible {\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--hover);\n  outline-color: rgb(131, 151, 160);\n  outline-color: var(--color-focus);\n}\n\n.ZuceCiefKqw- span {\n  /* match appearance of Button labels */\n  -webkit-font-smoothing: antialiased;\n}\n\n.eKnUAucwwWU- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n@media (min-width: 490px) {\n\n.eKnUAucwwWU- {\n    background-color: transparent;\n}\n  }\n\n@media (--small-screens-and-up) {\n\n.eKnUAucwwWU- {\n    background-color: transparent;\n}\n  }\n\n.oaxefr58z-E- {\n  width: 100%;\n}\n\n.vz9opIdwHFg- {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n}\n";
+var styles = {"wrapper":"dT6M9tp1sZc-","menu":"Qmxlsj0D3qM-","above":"QTisUfiHwL4-","below":"qsch1dlpOHc-","left":"_0xR9-oxWMOU-","right":"gaZwsdyoG0k-","section":"LaKFjYCLHZc-","sectionHeader":"_7HB7dWnqCi0-","action":"ZuceCiefKqw-","overlay":"eKnUAucwwWU-","fullWidth":"oaxefr58z-E-","screenReaderOnly":"vz9opIdwHFg-"};
 styleInject_es.styleInject(css_248z);
 
 const variation = {
@@ -118,7 +118,7 @@ function Menu({ activator, items }) {
 }
 function SectionHeader({ text }) {
     return (React__default["default"].createElement("div", { className: styles.sectionHeader, "aria-hidden": true },
-        React__default["default"].createElement(Typography.Typography, { element: "h6", size: "small", textCase: "uppercase", textColor: "textSecondary", fontWeight: "bold" }, text)));
+        React__default["default"].createElement(Typography.Typography, { element: "h6", size: "base", textColor: "textSecondary", fontWeight: "regular" }, text)));
 }
 function Action({ label, sectionLabel, icon, onClick, shouldFocus = false, }) {
     const actionButtonRef = React.useRef();
@@ -129,9 +129,8 @@ function Action({ label, sectionLabel, icon, onClick, shouldFocus = false, }) {
         }
     }, [shouldFocus]);
     return (React__default["default"].createElement("button", { role: "menuitem", type: "button", className: styles.action, key: label, onClick: onClick, ref: actionButtonRef },
-        icon && (React__default["default"].createElement("span", { className: styles.icon },
-            React__default["default"].createElement(Icon.Icon, { name: icon }))),
-        React__default["default"].createElement(Typography.Typography, { element: "span", size: "base", textColor: "text" },
+        icon && React__default["default"].createElement(Icon.Icon, { name: icon }),
+        React__default["default"].createElement(Typography.Typography, { element: "span", fontWeight: "semiBold", textColor: "textSecondary" },
             sectionLabel && (React__default["default"].createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
             label)));
 }

package/dist/Modal/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-2ae9fe22.js');
+var Modal = require('../Modal-4f48de3a.js');
 require('react');
 require('react-dom');
 require('classnames');
@@ -11,15 +11,13 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Heading-a0e38319.js');
-require('../Typography-224ae794.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
-require('../Button-dd7ed8c3.js');
+require('../Heading-d025ffbb.js');
+require('../Typography-018e1471.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../ButtonDismiss-4a7b9762.js');
+require('../ButtonDismiss-a1df8656.js');
 
 
 

package/dist/{Modal-2ae9fe22.js → Modal-4f48de3a.js}

@@ -8,9 +8,9 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-a0e38319.js');
-var Button = require('./Button-dd7ed8c3.js');
-var ButtonDismiss = require('./ButtonDismiss-4a7b9762.js');
+var Heading = require('./Heading-d025ffbb.js');
+var Button = require('./Button-bb77a513.js');
+var ButtonDismiss = require('./ButtonDismiss-a1df8656.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,11 +18,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var css_248z$1 = ":root {\n  --modal--width: calc(var(--base-unit) * 37.5);\n  --modal--padding-horizontal: var(--space-base);\n  --modal--padding-vertical: var(--space-base);\n  --modal--padding: var(--modal--padding-vertical)\n    var(--modal--padding-horizontal);\n}\n\n@media (min-width: 768px) {\n\n:root {\n    --modal--padding-horizontal: var(--space-large);\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n:root {\n    --modal--padding-horizontal: var(--space-large);\n}\n  }\n\n:root .jobber-retheme {\n  --modal--shadow: var(--shadow-base);\n}\n\n@media (min-width: 768px) {\n\n:root .jobber-retheme {\n    --modal--padding-horizontal: var(--space-large);\n    --modal--padding-vertical: var(--space-large);\n    --modal--padding: var(--modal--padding-vertical)\n      var(--modal--padding-horizontal);\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n:root .jobber-retheme {\n    --modal--padding-horizontal: var(--space-large);\n    --modal--padding-vertical: var(--space-large);\n    --modal--padding: var(--modal--padding-vertical)\n      var(--modal--padding-horizontal);\n}\n  }\n\n.QGRLFHPoV5E- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  overflow: auto;\n}\n\n.QGRLFHPoV5E-,\n._4WzGOMUGj5I- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n._4WzGOMUGj5I- {\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n.WLId2NJBQcQ- {\n  position: relative;\n  width: 100%;\n  max-width: calc(16px * 37.5);\n  max-width: var(--modal--width);\n  box-shadow: var(--modal--shadow);\n  margin: auto;\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  outline-color: rgb(131, 151, 160);\n  outline-color: var(--color-focus);\n}\n\n/* Adjust `Content` and `Tab` components public padding to match the modal */\n\n.WLId2NJBQcQ- > * {\n  --public-content--padding: var(--modal--padding);\n  --public-tab--inset: var(--modal--padding-horizontal);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.WLId2NJBQcQ- > * > * {\n  --public-content--padding: 0;\n}\n\n.wjrPpIUNNrk- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  padding: calc(16px * 1)\n    calc(16px * 1);\n  padding: var(--modal--padding);\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--background);\n}\n\n.jobber-retheme .wjrPpIUNNrk- {\n  background-color: transparent;\n}\n\n/**\n * Ensure there's no extra padding top on the next element. This mostly negates\n * the <Content /> padding\n */\n\n.jobber-retheme .wjrPpIUNNrk- + * {\n  padding-top: 0;\n}\n\n.rKvigUnOyYE- {\n  margin-top: -6px;\n  margin-right: -6px;\n}\n\n._62c8HLZFwvs- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: calc(16px * 1)\n    calc(16px * 1);\n  padding: var(--modal--padding);\n  padding-top: 0;\n  -ms-flex: 1 1 100%;\n      flex: 1 1 100%;\n  -ms-flex-pack: end;\n      justify-content: flex-end;\n}\n\n/**\n * 1. Use CSS `order` to adjust the buttons position on the UI\n */\n\n.Xl1Ptn-P9Ew- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-order: 1;\n      order: 1; /* 1 */\n}\n\n.p2s7GtpoZz0- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-order: 2;\n      order: 2; /* 1 */\n}\n\n/* This is in a correct position and order */\n\n/* stylelint-disable-next-line no-descending-specificity */\n\n.p2s7GtpoZz0- > * {\n  margin-left: calc(16px / 2);\n  margin-left: var(--space-small);\n}\n\n.p2s7GtpoZz0- > *:first-child {\n  -ms-flex-order: 2;\n      order: 2; /* 1 */\n}\n\n.p2s7GtpoZz0- > *:nth-child(2) {\n  -ms-flex-order: 1;\n      order: 1; /* 1 */\n}\n";
+var css_248z$1 = ":root {\n  --modal--width: 600px;\n  --modal--padding-horizontal: var(--space-base);\n  --modal--padding-vertical: var(--space-base);\n  --modal--padding: var(--modal--padding-vertical)\n    var(--modal--padding-horizontal);\n\n  --modal--shadow: var(--shadow-base);\n}\n\n@media (min-width: 768px) {\n\n:root {\n    --modal--padding-horizontal: var(--space-large);\n    --modal--padding-vertical: var(--space-large);\n    --modal--padding: var(--modal--padding-vertical)\n      var(--modal--padding-horizontal);\n}\n  }\n\n@media (--medium-screens-and-up) {\n\n:root {\n    --modal--padding-horizontal: var(--space-large);\n    --modal--padding-vertical: var(--space-large);\n    --modal--padding: var(--modal--padding-vertical)\n      var(--modal--padding-horizontal);\n}\n  }\n\n.QGRLFHPoV5E- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  overflow: auto;\n}\n\n.QGRLFHPoV5E-,\n._4WzGOMUGj5I- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n._4WzGOMUGj5I- {\n  background-color: rgba(0, 0, 0, 0.32);\n  background-color: var(--color-overlay);\n}\n\n.WLId2NJBQcQ- {\n  position: relative;\n  width: 100%;\n  max-width: 600px;\n  max-width: var(--modal--width);\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(--modal--shadow);\n  margin: auto;\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  outline-color: rgb(131, 151, 160);\n  outline-color: var(--color-focus);\n}\n\n/* Adjust `Content` and `Tab` components public padding to match the modal */\n\n.WLId2NJBQcQ- > * {\n  --public-content--padding: var(--modal--padding);\n  --public-tab--inset: var(--modal--padding-horizontal);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.WLId2NJBQcQ- > * > * {\n  --public-content--padding: 0;\n}\n\n.wjrPpIUNNrk- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  padding: calc(16px * 1)\n    calc(16px * 1);\n  padding: var(--modal--padding);\n  background-color: transparent;\n}\n\n/**\n * Ensure there's no extra padding top on the next element. This mostly negates\n * the <Content /> padding\n */\n\n.wjrPpIUNNrk- + * {\n  padding-top: 0;\n}\n\n.rKvigUnOyYE- {\n  margin-top: -6px;\n  margin-right: -6px;\n}\n\n._62c8HLZFwvs- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: calc(16px * 1)\n    calc(16px * 1);\n  padding: var(--modal--padding);\n  padding-top: 0;\n  -ms-flex: 1 1 100%;\n      flex: 1 1 100%;\n  -ms-flex-pack: end;\n      justify-content: flex-end;\n}\n\n/**\n * 1. Use CSS `order` to adjust the buttons position on the UI\n */\n\n.Xl1Ptn-P9Ew- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-order: 1;\n      order: 1; /* 1 */\n}\n\n.p2s7GtpoZz0- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-order: 2;\n      order: 2; /* 1 */\n}\n\n/* This is in a correct position and order */\n\n/* stylelint-disable-next-line no-descending-specificity */\n\n.p2s7GtpoZz0- > * {\n  margin-left: calc(16px / 2);\n  margin-left: var(--space-small);\n}\n\n.p2s7GtpoZz0- > *:first-child {\n  -ms-flex-order: 2;\n      order: 2; /* 1 */\n}\n\n.p2s7GtpoZz0- > *:nth-child(2) {\n  -ms-flex-order: 1;\n      order: 1; /* 1 */\n}\n";
 var styles = {"container":"QGRLFHPoV5E-","overlay":"_4WzGOMUGj5I-","modal":"WLId2NJBQcQ-","header":"wjrPpIUNNrk-","closeButton":"rKvigUnOyYE-","actionBar":"_62c8HLZFwvs-","leftAction":"Xl1Ptn-P9Ew-","rightAction":"p2s7GtpoZz0-"};
 styleInject_es.styleInject(css_248z$1);
 
-var css_248z = "._65IpUjOZiBg- {\n  --modal--padding: var(--space-base);\n  --public-tab--inset: var(--space-base);\n  max-width: calc(16px * 25);\n  max-width: calc(var(--base-unit) * 25);\n}\n\n.Cpwnmw65caA- {\n  max-width: calc(16px * 58.75);\n  max-width: calc(var(--base-unit) * 58.75);\n}\n";
+var css_248z = "._65IpUjOZiBg- {\n  --modal--padding: var(--space-base);\n  --public-tab--inset: var(--space-base);\n  max-width: 400px;\n}\n\n.Cpwnmw65caA- {\n  max-width: 940px;\n}\n";
 var sizes = {"small":"_65IpUjOZiBg-","large":"Cpwnmw65caA-"};
 styleInject_es.styleInject(css_248z);
 

package/dist/MultiSelect/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Checkbox = require('../Checkbox-d769e1d4.js');
-var Text = require('../Text-f6404c6c.js');
+var Checkbox = require('../Checkbox-2ea61ab4.js');
+var Text = require('../Text-fdc65f0b.js');
 var Icon = require('../Icon-405a216c.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 require('@jobber/design');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/{Option-6c06237b.js → Option-8faed3bf.js}

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

package/dist/Page/index.js

@@ -6,16 +6,14 @@ var React = require('react');
 var classnames = require('classnames');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-a0e38319.js');
-var Text = require('../Text-f6404c6c.js');
+var Heading = require('../Heading-d025ffbb.js');
+var Text = require('../Text-fdc65f0b.js');
 var Content = require('../Content-e3f7b6fc.js');
-var Markdown = require('../Markdown-6d53b503.js');
-var Button = require('../Button-dd7ed8c3.js');
-var Menu = require('../Menu-98d76ebe.js');
-var Emphasis = require('../Emphasis-c01b5d06.js');
-require('../Typography-224ae794.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
+var Markdown = require('../Markdown-8150d535.js');
+var Button = require('../Button-bb77a513.js');
+var Menu = require('../Menu-f9fb99bb.js');
+var Emphasis = require('../Emphasis-2bbe4da6.js');
+require('../Typography-018e1471.js');
 require('react-markdown');
 require('react-router-dom');
 require('../Icon-405a216c.js');
@@ -23,6 +21,7 @@ require('@jobber/design');
 require('framer-motion');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks/useSafeLayoutEffect');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }