@jobber/components 4.68.13-chore-upda.2 → 4.68.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@ var reactPopper = require('react-popper');
12
12
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
13
13
  var Text = require('../Text-259af966.js');
14
14
  var Icon = require('../Icon-405a216c.js');
15
- var Heading = require('../Heading-5a2e0b25.js');
15
+ var Heading = require('../Heading-8940f2a3.js');
16
16
  var InputText = require('../InputText-9386ad9b.js');
17
17
  require('../Typography-c45bf216.js');
18
18
  require('@jobber/design');
@@ -2,17 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Card = require('../Card-df3f4ca0.js');
5
+ var Card = require('../Card-104904ba.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('../style-inject.es-9d2f5f4e.js');
9
- require('../Heading-5a2e0b25.js');
9
+ require('../Heading-8940f2a3.js');
10
10
  require('../Typography-c45bf216.js');
11
11
  require('../Button-ce519335.js');
12
12
  require('react-router-dom');
13
13
  require('../Icon-405a216c.js');
14
14
  require('@jobber/design');
15
- require('../Menu-05bc59aa.js');
15
+ require('../Menu-5b156261.js');
16
16
  require('uuid');
17
17
  require('framer-motion');
18
18
  require('@jobber/hooks/useOnKeyDown');
@@ -3,9 +3,9 @@
3
3
  var React = require('react');
4
4
  var classnames = require('classnames');
5
5
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
6
- var Heading = require('./Heading-5a2e0b25.js');
6
+ var Heading = require('./Heading-8940f2a3.js');
7
7
  var Button = require('./Button-ce519335.js');
8
- var Menu = require('./Menu-05bc59aa.js');
8
+ var Menu = require('./Menu-5b156261.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
@@ -2,17 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var ConfirmationModal = require('../ConfirmationModal-a5dfc759.js');
5
+ var ConfirmationModal = require('../ConfirmationModal-e1c1af73.js');
6
6
  require('react');
7
7
  require('@jobber/hooks/useOnKeyDown');
8
- require('../Modal-7e2d64e9.js');
8
+ require('../Modal-bdf40fe4.js');
9
9
  require('react-dom');
10
10
  require('classnames');
11
11
  require('framer-motion');
12
12
  require('@jobber/hooks/useRefocusOnActivator');
13
13
  require('@jobber/hooks/useFocusTrap');
14
14
  require('../style-inject.es-9d2f5f4e.js');
15
- require('../Heading-5a2e0b25.js');
15
+ require('../Heading-8940f2a3.js');
16
16
  require('../Typography-c45bf216.js');
17
17
  require('../Button-ce519335.js');
18
18
  require('react-router-dom');
@@ -20,7 +20,7 @@ require('../Icon-405a216c.js');
20
20
  require('@jobber/design');
21
21
  require('../ButtonDismiss-099ad8fa.js');
22
22
  require('../Content-2ca1ffe1.js');
23
- require('../Markdown-9bb4de5e.js');
23
+ require('../Markdown-908e8da0.js');
24
24
  require('react-markdown');
25
25
  require('../Text-259af966.js');
26
26
  require('../Emphasis-bda56d3b.js');
@@ -2,9 +2,9 @@
2
2
 
3
3
  var React = require('react');
4
4
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
5
- var Modal = require('./Modal-7e2d64e9.js');
5
+ var Modal = require('./Modal-bdf40fe4.js');
6
6
  var Content = require('./Content-2ca1ffe1.js');
7
- var Markdown = require('./Markdown-9bb4de5e.js');
7
+ var Markdown = require('./Markdown-908e8da0.js');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
10
 
@@ -3,18 +3,18 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var Card = require('../Card-df3f4ca0.js');
6
+ var Card = require('../Card-104904ba.js');
7
7
  var Content = require('../Content-2ca1ffe1.js');
8
8
  var Emphasis = require('../Emphasis-bda56d3b.js');
9
9
  require('classnames');
10
10
  require('../style-inject.es-9d2f5f4e.js');
11
- require('../Heading-5a2e0b25.js');
11
+ require('../Heading-8940f2a3.js');
12
12
  require('../Typography-c45bf216.js');
13
13
  require('../Button-ce519335.js');
14
14
  require('react-router-dom');
15
15
  require('../Icon-405a216c.js');
16
16
  require('@jobber/design');
17
- require('../Menu-05bc59aa.js');
17
+ require('../Menu-5b156261.js');
18
18
  require('uuid');
19
19
  require('framer-motion');
20
20
  require('@jobber/hooks/useOnKeyDown');
@@ -17,7 +17,7 @@ var useInView = require('@jobber/hooks/useInView');
17
17
  var isEmpty = require('lodash/isEmpty');
18
18
  var InlineLabel = require('../InlineLabel-a6557829.js');
19
19
  var FormatDate = require('../FormatDate-70ea5b43.js');
20
- var Heading = require('../Heading-5a2e0b25.js');
20
+ var Heading = require('../Heading-8940f2a3.js');
21
21
  var useFocusTrap = require('@jobber/hooks/useFocusTrap');
22
22
  var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
23
23
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var Heading = require('../Heading-5a2e0b25.js');
8
+ var Heading = require('../Heading-8940f2a3.js');
9
9
  var ButtonDismiss = require('../ButtonDismiss-099ad8fa.js');
10
10
  require('../Typography-c45bf216.js');
11
11
  require('../Button-ce519335.js');
@@ -6,13 +6,13 @@ var React = require('react');
6
6
  var framerMotion = require('framer-motion');
7
7
  var classnames = require('classnames');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
- var Heading = require('../Heading-5a2e0b25.js');
9
+ var Heading = require('../Heading-8940f2a3.js');
10
10
  var Text = require('../Text-259af966.js');
11
11
  var Content = require('../Content-2ca1ffe1.js');
12
12
  var Switch = require('../Switch-7d4aa7c3.js');
13
13
  var Button = require('../Button-ce519335.js');
14
14
  var Emphasis = require('../Emphasis-bda56d3b.js');
15
- var Markdown = require('../Markdown-9bb4de5e.js');
15
+ var Markdown = require('../Markdown-908e8da0.js');
16
16
  require('../Typography-c45bf216.js');
17
17
  require('react-router-dom');
18
18
  require('../Icon-405a216c.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var FormatFile = require('../FormatFile-db28e8e7.js');
5
+ var FormatFile = require('../FormatFile-45a3d625.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('filesize');
@@ -12,17 +12,17 @@ require('react-router-dom');
12
12
  require('../Icon-405a216c.js');
13
13
  require('@jobber/design');
14
14
  require('../Typography-c45bf216.js');
15
- require('../ConfirmationModal-a5dfc759.js');
15
+ require('../ConfirmationModal-e1c1af73.js');
16
16
  require('@jobber/hooks/useOnKeyDown');
17
- require('../Modal-7e2d64e9.js');
17
+ require('../Modal-bdf40fe4.js');
18
18
  require('react-dom');
19
19
  require('framer-motion');
20
20
  require('@jobber/hooks/useRefocusOnActivator');
21
21
  require('@jobber/hooks/useFocusTrap');
22
- require('../Heading-5a2e0b25.js');
22
+ require('../Heading-8940f2a3.js');
23
23
  require('../ButtonDismiss-099ad8fa.js');
24
24
  require('../Content-2ca1ffe1.js');
25
- require('../Markdown-9bb4de5e.js');
25
+ require('../Markdown-908e8da0.js');
26
26
  require('react-markdown');
27
27
  require('../Text-259af966.js');
28
28
  require('../Emphasis-bda56d3b.js');
@@ -5,7 +5,7 @@ var classnames = require('classnames');
5
5
  var getHumanReadableFileSize = require('filesize');
6
6
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
7
7
  var Button = require('./Button-ce519335.js');
8
- var ConfirmationModal = require('./ConfirmationModal-a5dfc759.js');
8
+ var ConfirmationModal = require('./ConfirmationModal-e1c1af73.js');
9
9
  var Glimmer = require('./Glimmer-cfa92a88.js');
10
10
  var Icon = require('./Icon-405a216c.js');
11
11
  var Typography = require('./Typography-c45bf216.js');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
8
  var LightBox = require('../LightBox-9f7f6764.js');
9
- var FormatFile = require('../FormatFile-db28e8e7.js');
9
+ var FormatFile = require('../FormatFile-45a3d625.js');
10
10
  var Button = require('../Button-ce519335.js');
11
11
  require('framer-motion');
12
12
  require('react-dom');
@@ -16,12 +16,12 @@ require('@jobber/hooks/useOnKeyDown');
16
16
  require('@jobber/hooks/useFocusTrap');
17
17
  require('../ButtonDismiss-099ad8fa.js');
18
18
  require('filesize');
19
- require('../ConfirmationModal-a5dfc759.js');
20
- require('../Modal-7e2d64e9.js');
21
- require('../Heading-5a2e0b25.js');
19
+ require('../ConfirmationModal-e1c1af73.js');
20
+ require('../Modal-bdf40fe4.js');
21
+ require('../Heading-8940f2a3.js');
22
22
  require('../Typography-c45bf216.js');
23
23
  require('../Content-2ca1ffe1.js');
24
- require('../Markdown-9bb4de5e.js');
24
+ require('../Markdown-908e8da0.js');
25
25
  require('react-markdown');
26
26
  require('../Text-259af966.js');
27
27
  require('../Emphasis-bda56d3b.js');
@@ -1,14 +1,13 @@
1
1
  import { ReactNode } from "react";
2
2
  import { TypographyOptions } from "../Typography";
3
+ type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
3
4
  interface HeadingProps {
4
5
  /**
5
6
  * @default 5
6
7
  */
7
- readonly level: 1 | 2 | 3 | 4 | 5 | 6;
8
+ readonly level: HeadingLevel;
8
9
  readonly children: ReactNode;
9
10
  }
10
- export interface LevelMap {
11
- [level: string]: TypographyOptions;
12
- }
11
+ export type LevelMap = Record<HeadingLevel, TypographyOptions>;
13
12
  export declare function Heading({ level, children }: HeadingProps): JSX.Element;
14
13
  export {};
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Heading = require('../Heading-5a2e0b25.js');
5
+ var Heading = require('../Heading-8940f2a3.js');
6
6
  require('react');
7
7
  require('../Typography-c45bf216.js');
8
8
  require('classnames');
@@ -10,14 +10,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
  // For retheme purposes only.
11
11
  // This will be removed once the retheme is out of the experiment.
12
12
  function getAtlantisConfig() {
13
+ let JOBBER_RETHEME = false;
13
14
  if (typeof window !== "undefined") {
14
- return window.ATLANTIS_CONFIG;
15
+ JOBBER_RETHEME = document.body.classList.contains("jobber-retheme");
15
16
  }
17
+ return { JOBBER_RETHEME };
16
18
  }
17
19
 
18
20
  function Heading({ level = 5, children }) {
19
- const config = getAtlantisConfig();
20
- const inRetheme = config === null || config === void 0 ? void 0 : config.JOBBER_RETHEME;
21
+ const { JOBBER_RETHEME: inRetheme } = getAtlantisConfig();
21
22
  const levelMap = {
22
23
  1: {
23
24
  element: "h1",
@@ -9,9 +9,9 @@ var groupBy = require('lodash/groupBy');
9
9
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
10
10
  var Icon = require('../Icon-405a216c.js');
11
11
  var Text = require('../Text-259af966.js');
12
- var Heading = require('../Heading-5a2e0b25.js');
12
+ var Heading = require('../Heading-8940f2a3.js');
13
13
  var Typography = require('../Typography-c45bf216.js');
14
- var Markdown = require('../Markdown-9bb4de5e.js');
14
+ var Markdown = require('../Markdown-908e8da0.js');
15
15
  var Emphasis = require('../Emphasis-bda56d3b.js');
16
16
  require('@jobber/design');
17
17
  require('react-markdown');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Markdown = require('../Markdown-9bb4de5e.js');
5
+ var Markdown = require('../Markdown-908e8da0.js');
6
6
  require('react');
7
7
  require('react-markdown');
8
8
  require('../Text-259af966.js');
@@ -10,7 +10,7 @@ require('../Typography-c45bf216.js');
10
10
  require('classnames');
11
11
  require('../style-inject.es-9d2f5f4e.js');
12
12
  require('../Emphasis-bda56d3b.js');
13
- require('../Heading-5a2e0b25.js');
13
+ require('../Heading-8940f2a3.js');
14
14
  require('../Content-2ca1ffe1.js');
15
15
 
16
16
 
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var ReactMarkdown = require('react-markdown');
5
5
  var Text = require('./Text-259af966.js');
6
6
  var Emphasis = require('./Emphasis-bda56d3b.js');
7
- var Heading = require('./Heading-5a2e0b25.js');
7
+ var Heading = require('./Heading-8940f2a3.js');
8
8
  var Content = require('./Content-2ca1ffe1.js');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Menu = require('../Menu-05bc59aa.js');
5
+ var Menu = require('../Menu-5b156261.js');
6
6
  require('react');
7
7
  require('uuid');
8
8
  require('classnames');
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
18
18
 
19
- var css_248z = ".dT6M9tp1sZc- * {\n box-sizing: border-box;\n}\n\n.dT6M9tp1sZc- {\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 padding: calc(16px / 2);\n padding: var(--space-small);\n padding-bottom: calc(env(safe-area-inset-bottom) + (16px / 2));\n padding-bottom: calc(env(safe-area-inset-bottom) + calc(16px / 2));\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--space-small));\n border-radius: calc(16px / 8) calc(16px / 8) 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 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 / 2);\n padding: var(--space-small);\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 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 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 / 2);\n padding: var(--space-small);\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 overflow: auto;\n}\n }\n\n@media (min-width: 490px) {\n\n.QTisUfiHwL4- {\n bottom: 100%;\n margin-bottom: calc(16px / 8);\n margin-bottom: var(--space-smallest);\n}\n }\n\n@media (--small-screens-and-up) {\n\n.QTisUfiHwL4- {\n bottom: 100%;\n margin-bottom: calc(16px / 8);\n margin-bottom: var(--space-smallest);\n}\n }\n\n@media (min-width: 490px) {\n\n.qsch1dlpOHc- {\n top: 100%;\n bottom: auto;\n margin-top: calc(16px / 8);\n margin-top: var(--space-smallest);\n}\n }\n\n@media (--small-screens-and-up) {\n\n.qsch1dlpOHc- {\n top: 100%;\n bottom: auto;\n margin-top: calc(16px / 8);\n margin-top: var(--space-smallest);\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: calc(16px / 2) 0;\n padding: var(--space-small) 0;\n border-bottom: calc(16px / 16) dotted rgb(217, 223, 225);\n border-bottom: var(--border-base) dotted 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: calc(16px / 2);\n padding: var(--space-small);\n}\n\n.ZuceCiefKqw- {\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n padding: calc(16px / 2);\n padding: var(--space-small);\n border: none;\n border-radius: calc(16px / 8);\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 {\n background-color: rgb(244, 246, 250);\n background-color: var(--color-surface--hover);\n outline-color: rgb(147, 161, 169);\n outline-color: var(--color-focus);\n}\n\n.Bz8TONF8kws- {\n margin-right: calc(16px * 1);\n margin-right: var(--space-base);\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";
19
+ 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 padding: var(--menu-space);\n padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));\n border-radius: calc(16px / 8) calc(16px / 8) 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 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 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 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 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 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 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(217, 223, 225);\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: calc(16px / 8);\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(244, 246, 250);\n background-color: var(--color-surface--hover);\n outline-color: rgb(147, 161, 169);\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(77, 105, 116);\n color: var(--color-text--secondary);\n font-weight: 600;\n}\n\n.jobber-retheme .Bz8TONF8kws- svg {\n /* can move into the Icon component post re-theme */\n fill: rgba(101, 120, 132, 1);\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";
20
20
  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-"};
21
21
  styleInject_es.styleInject(css_248z);
22
22
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Modal = require('../Modal-7e2d64e9.js');
5
+ var Modal = require('../Modal-bdf40fe4.js');
6
6
  require('react');
7
7
  require('react-dom');
8
8
  require('classnames');
@@ -11,7 +11,7 @@ require('@jobber/hooks/useRefocusOnActivator');
11
11
  require('@jobber/hooks/useOnKeyDown');
12
12
  require('@jobber/hooks/useFocusTrap');
13
13
  require('../style-inject.es-9d2f5f4e.js');
14
- require('../Heading-5a2e0b25.js');
14
+ require('../Heading-8940f2a3.js');
15
15
  require('../Typography-c45bf216.js');
16
16
  require('../Button-ce519335.js');
17
17
  require('react-router-dom');
@@ -8,7 +8,7 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
8
8
  var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
9
9
  var useFocusTrap = require('@jobber/hooks/useFocusTrap');
10
10
  var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
11
- var Heading = require('./Heading-5a2e0b25.js');
11
+ var Heading = require('./Heading-8940f2a3.js');
12
12
  var Button = require('./Button-ce519335.js');
13
13
  var ButtonDismiss = require('./ButtonDismiss-099ad8fa.js');
14
14
 
@@ -6,12 +6,12 @@ var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var jobberHooks = require('@jobber/hooks/useResizeObserver');
8
8
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
9
- var Heading = require('../Heading-5a2e0b25.js');
9
+ var Heading = require('../Heading-8940f2a3.js');
10
10
  var Text = require('../Text-259af966.js');
11
11
  var Content = require('../Content-2ca1ffe1.js');
12
- var Markdown = require('../Markdown-9bb4de5e.js');
12
+ var Markdown = require('../Markdown-908e8da0.js');
13
13
  var Button = require('../Button-ce519335.js');
14
- var Menu = require('../Menu-05bc59aa.js');
14
+ var Menu = require('../Menu-5b156261.js');
15
15
  var Emphasis = require('../Emphasis-bda56d3b.js');
16
16
  require('../Typography-c45bf216.js');
17
17
  require('react-markdown');
@@ -1 +1,3 @@
1
- export declare function getAtlantisConfig(): typeof window.ATLANTIS_CONFIG;
1
+ export declare function getAtlantisConfig(): {
2
+ JOBBER_RETHEME: boolean;
3
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.68.13-chore-upda.2+f83a9ac8",
3
+ "version": "4.68.14",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.51.1",
23
- "@jobber/formatters": "^0.2.2",
23
+ "@jobber/formatters": "*",
24
24
  "@jobber/hooks": "^2.8.0",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
@@ -83,5 +83,5 @@
83
83
  "> 1%",
84
84
  "IE 10"
85
85
  ],
86
- "gitHead": "f83a9ac88fb0168de740adc60aa50c4296e7dfdf"
86
+ "gitHead": "c8017f74ed818fb5e0116f934d11a6435dd68685"
87
87
  }