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

package/dist/ConfirmationModal/index.js

@@ -2,30 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-6d376450.js');
+var ConfirmationModal = require('../ConfirmationModal-289df9ad.js');
 require('react');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-2ae9fe22.js');
+require('../Modal-4f48de3a.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-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');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-6d53b503.js');
+require('../Markdown-8150d535.js');
 require('react-markdown');
-require('../Text-f6404c6c.js');
-require('../Emphasis-c01b5d06.js');
+require('../Text-fdc65f0b.js');
+require('../Emphasis-2bbe4da6.js');
 
 
 

package/dist/{ConfirmationModal-6d376450.js → ConfirmationModal-289df9ad.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var Modal = require('./Modal-2ae9fe22.js');
+var Modal = require('./Modal-4f48de3a.js');
 var Content = require('./Content-e3f7b6fc.js');
-var Markdown = require('./Markdown-6d53b503.js');
+var Markdown = require('./Markdown-8150d535.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataDump/index.js

@@ -3,23 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-0d37c3cc.js');
+var Card = require('../Card-69212ecd.js');
 var Content = require('../Content-e3f7b6fc.js');
-var Emphasis = require('../Emphasis-c01b5d06.js');
+var Emphasis = require('../Emphasis-2bbe4da6.js');
 require('classnames');
 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('../Menu-98d76ebe.js');
+require('../Menu-f9fb99bb.js');
 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 }; }
 

package/dist/DataList/index.js

@@ -5,47 +5,46 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Text = require('../Text-f6404c6c.js');
+var Text = require('../Text-fdc65f0b.js');
 var Glimmer = require('../Glimmer-156bb2d1.js');
 var noop = require('lodash/noop');
 var design = require('@jobber/design');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Tooltip = require('../Tooltip-f353204e.js');
-var Button = require('../Button-dd7ed8c3.js');
+var Tooltip = require('../Tooltip-1e3abeb6.js');
+var Button = require('../Button-bb77a513.js');
 var useInView = require('@jobber/hooks/useInView');
 var isEmpty = require('lodash/isEmpty');
-var InlineLabel = require('../InlineLabel-0d6c7ade.js');
+var InlineLabel = require('../InlineLabel-d092e45a.js');
 var useFocusTrap = require('@jobber/hooks/useFocusTrap');
 var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
 var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
 var Icon = require('../Icon-405a216c.js');
 var FormatDate = require('../FormatDate-70ea5b43.js');
-var Heading = require('../Heading-a0e38319.js');
+var Heading = require('../Heading-d025ffbb.js');
 var ReactDOM = require('react-dom');
 var useIsMounted = require('@jobber/hooks/useIsMounted');
-var Checkbox = require('../Checkbox-d769e1d4.js');
+var Checkbox = require('../Checkbox-2ea61ab4.js');
 var reactRouterDom = require('react-router-dom');
 var AnimatedSwitcher = require('../AnimatedSwitcher-3d45ec5d.js');
-var Combobox = require('../Combobox-7320bde1.js');
-var Chip = require('../Chip-5c2af757.js');
+var Combobox = require('../Combobox-faa6bffe.js');
+var Chip = require('../Chip-b67ae770.js');
 var debounce = require('lodash/debounce');
-var InputText = require('../InputText-0ce98f14.js');
+var InputText = require('../InputText-8af32879.js');
 var Spinner = require('../Spinner-e15a3ae0.js');
-var Typography = require('../Typography-224ae794.js');
+var Typography = require('../Typography-018e1471.js');
 require('../Content-e3f7b6fc.js');
 require('@jobber/hooks/useSafeLayoutEffect');
 require('react-popper');
-require('../useAtlantisConfig-ed0bee66.js');
 require('react-hook-form');
 require('../AnimatedPresence-20a02aaa.js');
 require('../Flex-d490c4db.js');
 require('@jobber/hooks/useAssert');
 require('../Avatar-a5a90da9.js');
 require('color');
-require('../FormField-223ccc74.js');
+require('../FormField-5134bf0e.js');
 require('@jobber/hooks/useShowClear');
-require('../InputValidation-01b22c68.js');
+require('../InputValidation-9c582130.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -206,7 +205,7 @@ function useDataListLayoutContext() {
     return React.useContext(DataListLayoutContext);
 }
 
-var css_248z$d = ".jHcHGQ-HDbk- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: calc((16px / 2) * -1);\n  top: calc(calc(16px / 2) * -1);\n  top: calc(var(--space-small) * -1);\n  right: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\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 / 4);\n  padding: var(--space-smaller);\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(8px * 3);\n  border-radius: var(--radius-larger);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.jobber-retheme .jHcHGQ-HDbk- {\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n}\n";
+var css_248z$d = ".jHcHGQ-HDbk- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: calc((16px / 2) * -1);\n  top: calc(calc(16px / 2) * -1);\n  top: calc(var(--space-small) * -1);\n  right: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\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 / 4);\n  padding: var(--space-smaller);\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  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n";
 var styles$d = {"menu":"jHcHGQ-HDbk-"};
 styleInject_es.styleInject(css_248z$d);
 
@@ -306,7 +305,7 @@ function DataListSortingArrows({ order }) {
     }
 }
 
-var css_248z$8 = ".thBUfVNaigs- {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  max-width: var(--popover--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(--shadow-base);\n  margin-top: calc(16px / 4);\n  margin-top: var(--space-smaller);\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(8px * 3);\n  border-radius: var(--radius-larger);\n  background: rgba(255, 255, 255, 1);\n  background: var(--color-surface);\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n.QaXuqbVjG04- {\n  display: -ms-flexbox;\n  display: flex;\n  min-width: calc((16px * 3) * 3.5);\n  min-width: calc(calc(16px * 3) * 3.5);\n  min-width: calc(var(--space-largest) * 3.5);\n  min-height: calc((calc(16px * 3) - calc(16px / 4)));\n  min-height: calc((var(--space-largest) - var(--space-smaller)));\n  box-sizing: border-box;\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border-radius: calc(8px * 2);\n  border-radius: var(--radius-large);\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\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: 500;\n  white-space: nowrap;\n  list-style: none;\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.jobber-retheme .QaXuqbVjG04-,\n.jobber-retheme .thBUfVNaigs- {\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n}\n\n.QaXuqbVjG04-:hover,\n.QaXuqbVjG04-:focus {\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--hover);\n}\n\n.QaXuqbVjG04-:focus-visible {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);\n  box-shadow: var(--shadow-focus);\n}\n";
+var css_248z$8 = ".thBUfVNaigs- {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  max-width: var(--popover--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(--shadow-base);\n  margin-top: calc(16px / 4);\n  margin-top: var(--space-smaller);\n  padding: calc(16px / 2);\n  padding: var(--space-small);\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: rgba(255, 255, 255, 1);\n  background: var(--color-surface);\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n.QaXuqbVjG04- {\n  display: -ms-flexbox;\n  display: flex;\n  min-width: 168px;\n  min-height: 40px;\n  box-sizing: border-box;\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border-radius: calc(8px / 2);\n  border-radius: var(--radius-small);\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\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: 500;\n  white-space: nowrap;\n  list-style: none;\n  cursor: pointer;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.QaXuqbVjG04-:hover,\n.QaXuqbVjG04-:focus {\n  background-color: rgb(241, 239, 233);\n  background-color: var(--color-surface--hover);\n}\n\n.QaXuqbVjG04-:focus-visible {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);\n  box-shadow: var(--shadow-focus);\n}\n";
 var styles$8 = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-"};
 styleInject_es.styleInject(css_248z$8);
 
@@ -467,7 +466,7 @@ function useDataListLayoutActionsContext() {
     return React.useContext(DataListLayoutActionsContext);
 }
 
-var css_248z$7 = ".aokwZU8jbWU- {\n  position: fixed;\n  top: 0;\n  top: var(--actions-menu-y, 0);\n  left: 0;\n  left: var(--actions-menu-x, 0);\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  min-width: 150px;\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 / 4);\n  padding: var(--space-smaller);\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(8px * 3);\n  border-radius: var(--radius-larger);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n.jobber-retheme .aokwZU8jbWU- {\n  border-radius: 8px;\n  border-radius: var(--radius-base);\n}\n\n.XtVRP97TVSE- {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: calc(6 - 1);\n  z-index: calc(var(--elevation-menu) - 1);\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n}\n";
+var css_248z$7 = ".aokwZU8jbWU- {\n  position: fixed;\n  top: 0;\n  top: var(--actions-menu-y, 0);\n  left: 0;\n  left: var(--actions-menu-x, 0);\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  min-width: 150px;\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 / 4);\n  padding: var(--space-smaller);\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}\n\n.XtVRP97TVSE- {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: calc(6 - 1);\n  z-index: calc(var(--elevation-menu) - 1);\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n}\n";
 var styles$7 = {"menu":"aokwZU8jbWU-","overlay":"XtVRP97TVSE-"};
 styleInject_es.styleInject(css_248z$7);
 

package/dist/DataTable/index.js

@@ -9,20 +9,20 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Glimmer = require('../Glimmer-156bb2d1.js');
 var tslib_es6 = require('../tslib.es6-754e2961.js');
-var Option = require('../Option-6c06237b.js');
-var Button = require('../Button-dd7ed8c3.js');
-var Text = require('../Text-f6404c6c.js');
+var Option = require('../Option-8faed3bf.js');
+var Button = require('../Button-bb77a513.js');
+var Text = require('../Text-fdc65f0b.js');
 require('../Content-e3f7b6fc.js');
-require('../FormField-223ccc74.js');
+require('../FormField-5134bf0e.js');
 require('react-hook-form');
 require('@jobber/hooks/useShowClear');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../InputValidation-01b22c68.js');
+require('../InputValidation-9c582130.js');
 require('framer-motion');
 require('../Spinner-e15a3ae0.js');
 require('react-router-dom');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.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-62d46877.js');
+var DatePicker = require('../DatePicker-8392951f.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks/useRefocusOnActivator');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-224ae794.js');
-require('../Button-dd7ed8c3.js');
+require('../Typography-018e1471.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/{DatePicker-62d46877.js → DatePicker-8392951f.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-224ae794.js');
-var Button = require('./Button-dd7ed8c3.js');
+var Typography = require('./Typography-018e1471.js');
+var Button = require('./Button-bb77a513.js');
 var omit = require('lodash/omit');
 var AtlantisContext = require('./AtlantisContext-64608897.js');
 

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-224ae794.js');
+var Typography = require('../Typography-018e1471.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Disclosure/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Icon = require('../Icon-405a216c.js');
-var Typography = require('../Typography-224ae794.js');
+var Typography = require('../Typography-018e1471.js');
 require('@jobber/design');
 require('classnames');
 

package/dist/Drawer/index.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var Heading = require('../Heading-a0e38319.js');
-var ButtonDismiss = require('../ButtonDismiss-4a7b9762.js');
-require('../Typography-224ae794.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
-require('../Button-dd7ed8c3.js');
+var Heading = require('../Heading-d025ffbb.js');
+var ButtonDismiss = require('../ButtonDismiss-a1df8656.js');
+require('../Typography-018e1471.js');
+require('../Button-bb77a513.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
@@ -20,7 +18,7 @@ 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 = ":root {\n  --drawer-width: calc(var(--space-base) * 17.5);\n  --drawer--base-padding: var(--space-base);\n}\n\n.jobber-retheme {\n  --drawer--base-padding: var(--space-large);\n}\n\n.IJAyrFb2GpA- {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\n  overflow: hidden;\n\n  /* SPECIAL CASE:\n     Drawer is primarily used in Jobber Online and is currently used in a layout\n     that rearranges at 640px. For compatibility, this is hardcoded here\n     rather than using the breakpoint custom properties.\n     DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!\n  */\n}\n\n@media (min-width: 640px), print {\n\n.IJAyrFb2GpA- {\n    position: relative;\n    z-index: auto;\n    width: calc((16px * 1) * 17.5);\n    width: calc(calc(16px * 1) * 17.5);\n    width: var(--drawer-width);\n}\n  }\n\n@media (min-width: 1080px) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: calc(var(--space-base) * 26.25);\n}\n  }\n\n@media (--large-screens-and-up) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: calc(var(--space-base) * 26.25);\n}\n  }\n\n.jobber-retheme .IJAyrFb2GpA- {\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  border-top-left-radius: 8px;\n  border-top-left-radius: var(--radius-base);\n}\n\n.Hsmk6Pg14PQ- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  border: calc(16px / 16) solid rgb(218, 224, 226);\n  border: var(--border-base) solid var(--color-border);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.jobber-retheme .Hsmk6Pg14PQ- {\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--radius-base);\n}\n\n.DwF3Q9EMPvQ- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.TcdyXiTbnMU- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: calc(16px / 2) calc(16px * 1);\n  padding: var(--space-small) var(--drawer--base-padding);\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  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme .TcdyXiTbnMU- {\n  padding: calc(16px * 1) calc(16px * 1) 0 calc(16px * 1);\n  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);\n  background-color: transparent;\n}\n\n.srL7xqEzwhM- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  overflow-y: auto;\n}\n\n.p6-yqttoIJI- {\n  width: 100%;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n.p6-yqttoIJI- > * {\n  --public-content--padding: var(--drawer--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.p6-yqttoIJI- > * > * {\n  --public-content--padding: 0;\n}\n";
+var css_248z$1 = ":root {\n  --drawer-width: 280px;\n  --drawer--base-padding: var(--space-large);\n}\n\n.IJAyrFb2GpA- {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1001;\n  z-index: var(--elevation-modal);\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  overflow: hidden;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n\n  /* SPECIAL CASE:\n  Drawer is primarily used in Jobber Online and is currently used in a layout\n  that rearranges at 640px. For compatibility, this is hardcoded here\n  rather than using the breakpoint custom properties.\n  DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!\n  */\n}\n\n@media (min-width: 640px), print {\n\n.IJAyrFb2GpA- {\n    position: relative;\n    z-index: auto;\n    width: 280px;\n    width: var(--drawer-width);\n    border: calc(16px / 16) solid rgb(218, 224, 226);\n    border: var(--border-base) solid var(--color-border);\n    border-bottom-left-radius: 8px;\n    border-bottom-left-radius: var(--radius-base);\n    border-top-left-radius: 8px;\n    border-top-left-radius: var(--radius-base);\n}\n  }\n\n@media (min-width: 1080px) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: 420px;\n}\n  }\n\n@media (--large-screens-and-up) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: 420px;\n}\n  }\n\n.Hsmk6Pg14PQ- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.DwF3Q9EMPvQ- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.TcdyXiTbnMU- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: calc(16px * 1) calc(16px * 1) 0 calc(16px * 1.5);\n  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);\n  background-color: transparent;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.srL7xqEzwhM- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  overflow-y: auto;\n}\n\n.p6-yqttoIJI- {\n  width: 100%;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n.p6-yqttoIJI- > * {\n  --public-content--padding: var(--drawer--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.p6-yqttoIJI- > * > * {\n  --public-content--padding: 0;\n}\n";
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 styleInject_es.styleInject(css_248z$1);
 
@@ -34,7 +32,7 @@ function Drawer({ title, children, open = true, onRequestClose, id, }) {
 }
 function Header({ title, onRequestClose }) {
     return (React__default["default"].createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React__default["default"].createElement(Heading.Heading, { level: 3 }, title),
+        React__default["default"].createElement(Heading.Heading, { level: 2 }, title),
         React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
 }
 

package/dist/Emphasis/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Emphasis = require('../Emphasis-c01b5d06.js');
+var Emphasis = require('../Emphasis-2bbe4da6.js');
 require('react');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
 

package/dist/{Emphasis-c01b5d06.js → Emphasis-2bbe4da6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-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/FeatureSwitch/index.js

@@ -6,16 +6,14 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 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 Switch = require('../Switch-37dc9331.js');
-var Button = require('../Button-dd7ed8c3.js');
-var Emphasis = require('../Emphasis-c01b5d06.js');
-var Markdown = require('../Markdown-6d53b503.js');
-require('../Typography-224ae794.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
+var Switch = require('../Switch-57fbf575.js');
+var Button = require('../Button-bb77a513.js');
+var Emphasis = require('../Emphasis-2bbe4da6.js');
+var Markdown = require('../Markdown-8150d535.js');
+require('../Typography-018e1471.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');

package/dist/FormField/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-223ccc74.js');
+var FormField = require('../FormField-5134bf0e.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 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/{FormField-223ccc74.js → FormField-5134bf0e.js}

@@ -6,10 +6,10 @@ var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
 var useShowClear = require('@jobber/hooks/useShowClear');
-var Button = require('./Button-dd7ed8c3.js');
+var Button = require('./Button-bb77a513.js');
 var Icon = require('./Icon-405a216c.js');
-var Text = require('./Text-f6404c6c.js');
-var InputValidation = require('./InputValidation-01b22c68.js');
+var Text = require('./Text-fdc65f0b.js');
+var InputValidation = require('./InputValidation-9c582130.js');
 var Spinner = require('./Spinner-e15a3ae0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/FormatFile/index.js

@@ -2,32 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-e6f1b4e0.js');
+var FormatFile = require('../FormatFile-7e432b0d.js');
 require('react');
 require('classnames');
 require('filesize');
 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('../ConfirmationModal-6d376450.js');
+require('../Typography-018e1471.js');
+require('../ConfirmationModal-289df9ad.js');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-2ae9fe22.js');
+require('../Modal-4f48de3a.js');
 require('react-dom');
 require('framer-motion');
 require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useFocusTrap');
-require('../Heading-a0e38319.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
-require('../ButtonDismiss-4a7b9762.js');
+require('../Heading-d025ffbb.js');
+require('../ButtonDismiss-a1df8656.js');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-6d53b503.js');
+require('../Markdown-8150d535.js');
 require('react-markdown');
-require('../Text-f6404c6c.js');
-require('../Emphasis-c01b5d06.js');
+require('../Text-fdc65f0b.js');
+require('../Emphasis-2bbe4da6.js');
 require('../Glimmer-156bb2d1.js');
 require('../tslib.es6-754e2961.js');
 require('../ProgressBar-e4bb029e.js');

package/dist/{FormatFile-e6f1b4e0.js → FormatFile-7e432b0d.js}

@@ -4,12 +4,12 @@ var React = require('react');
 var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Button = require('./Button-dd7ed8c3.js');
-var ConfirmationModal = require('./ConfirmationModal-6d376450.js');
+var Button = require('./Button-bb77a513.js');
+var ConfirmationModal = require('./ConfirmationModal-289df9ad.js');
 var Glimmer = require('./Glimmer-156bb2d1.js');
 var Icon = require('./Icon-405a216c.js');
-var Typography = require('./Typography-224ae794.js');
-var Text = require('./Text-f6404c6c.js');
+var Typography = require('./Typography-018e1471.js');
+var Text = require('./Text-fdc65f0b.js');
 var ProgressBar = require('./ProgressBar-e4bb029e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Gallery/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
-var LightBox = require('../LightBox-370d7aa6.js');
-var FormatFile = require('../FormatFile-e6f1b4e0.js');
-var Button = require('../Button-dd7ed8c3.js');
+var LightBox = require('../LightBox-ddbda5c6.js');
+var FormatFile = require('../FormatFile-7e432b0d.js');
+var Button = require('../Button-bb77a513.js');
 require('framer-motion');
 require('react-dom');
 require('lodash/debounce');
@@ -15,19 +15,17 @@ require('@jobber/hooks/useRefocusOnActivator');
 require('@jobber/hooks/useOnKeyDown');
 require('@jobber/hooks/useFocusTrap');
 require('@jobber/hooks/useIsMounted');
-require('../ButtonDismiss-4a7b9762.js');
+require('../ButtonDismiss-a1df8656.js');
 require('filesize');
-require('../ConfirmationModal-6d376450.js');
-require('../Modal-2ae9fe22.js');
-require('../Heading-a0e38319.js');
-require('../Typography-224ae794.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../ConfirmationModal-289df9ad.js');
+require('../Modal-4f48de3a.js');
+require('../Heading-d025ffbb.js');
+require('../Typography-018e1471.js');
 require('../Content-e3f7b6fc.js');
-require('../Markdown-6d53b503.js');
+require('../Markdown-8150d535.js');
 require('react-markdown');
-require('../Text-f6404c6c.js');
-require('../Emphasis-c01b5d06.js');
+require('../Text-fdc65f0b.js');
+require('../Emphasis-2bbe4da6.js');
 require('../Glimmer-156bb2d1.js');
 require('../tslib.es6-754e2961.js');
 require('../Icon-405a216c.js');

package/dist/Heading/index.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../Heading-a0e38319.js');
+var Heading = require('../Heading-d025ffbb.js');
 require('react');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../useAtlantisConfig-ed0bee66.js');
-require('@jobber/hooks/useSafeLayoutEffect');
 
 
 

package/dist/{Heading-a0e38319.js → Heading-d025ffbb.js}

@@ -1,32 +1,30 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-224ae794.js');
-var useAtlantisConfig = require('./useAtlantisConfig-ed0bee66.js');
+var Typography = require('./Typography-018e1471.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Heading({ level = 5, children, element }) {
-    const { JOBBER_RETHEME: inRetheme } = useAtlantisConfig.useAtlantisConfig();
     const levelMap = {
         1: {
             element: "h1",
             size: "jumbo",
-            fontWeight: inRetheme ? "extraBold" : "black",
+            fontWeight: "black",
             textColor: "heading",
         },
         2: {
             element: "h2",
             size: "largest",
-            fontWeight: inRetheme ? "bold" : "black",
+            fontWeight: "bold",
             textColor: "heading",
         },
         3: {
             element: "h3",
             size: "larger",
-            fontWeight: inRetheme ? "bold" : "extraBold",
+            fontWeight: "bold",
             textColor: "heading",
         },
         4: {

package/dist/InlineLabel/index.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InlineLabel = require('../InlineLabel-0d6c7ade.js');
+var InlineLabel = require('../InlineLabel-d092e45a.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../Typography-224ae794.js');
+require('../Typography-018e1471.js');
 
 
 

package/dist/{InlineLabel-0d6c7ade.js → InlineLabel-d092e45a.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.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/InputAvatar/index.js

@@ -6,19 +6,19 @@ var tslib_es6 = require('../tslib.es6-754e2961.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var Avatar = require('../Avatar-a5a90da9.js');
-var InputFile = require('../InputFile-daaa5a05.js');
+var InputFile = require('../InputFile-5458fb6e.js');
 var ProgressBar = require('../ProgressBar-e4bb029e.js');
-var Button = require('../Button-dd7ed8c3.js');
+var Button = require('../Button-bb77a513.js');
 require('classnames');
 require('color');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('react-dropzone');
 require('axios');
-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('../Content-e3f7b6fc.js');
 require('react-router-dom');