@jobber/components 4.68.14 → 4.68.16
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.
- package/dist/Autocomplete/index.js +5 -4
- package/dist/Banner/Banner.d.ts +2 -2
- package/dist/Banner/Banner.types.d.ts +1 -0
- package/dist/Banner/components/BannerIcon/BannerIcon.d.ts +4 -2
- package/dist/Banner/index.d.ts +2 -1
- package/dist/Banner/index.js +44 -15
- package/dist/Button/index.js +1 -1
- package/dist/{Button-ce519335.js → Button-b73a5e01.js} +1 -1
- package/dist/ButtonDismiss/index.js +2 -2
- package/dist/{ButtonDismiss-099ad8fa.js → ButtonDismiss-350af163.js} +1 -1
- package/dist/Card/index.js +5 -4
- package/dist/{Card-104904ba.js → Card-644dd256.js} +3 -3
- package/dist/Chip/index.js +2 -2
- package/dist/{Chip-22700379.js → Chip-c91fd6c8.js} +1 -1
- package/dist/Chips/index.js +2 -2
- package/dist/Combobox/index.js +4 -4
- package/dist/{Combobox-fbd25ef7.js → Combobox-95b3c413.js} +5 -5
- package/dist/ConfirmationModal/index.js +7 -6
- package/dist/{ConfirmationModal-e1c1af73.js → ConfirmationModal-189e107a.js} +2 -2
- package/dist/DataDump/index.js +5 -4
- package/dist/DataList/index.js +11 -10
- package/dist/DataTable/index.js +3 -3
- package/dist/DatePicker/index.js +2 -2
- package/dist/{DatePicker-73ab88dd.js → DatePicker-64c5ab1a.js} +1 -1
- package/dist/Drawer/index.js +5 -4
- package/dist/FeatureSwitch/index.js +4 -3
- package/dist/FormField/index.js +2 -2
- package/dist/{FormField-dc73a8e4.js → FormField-18cda9ed.js} +1 -1
- package/dist/FormatFile/index.js +8 -7
- package/dist/{FormatFile-45a3d625.js → FormatFile-aae6c6e2.js} +2 -2
- package/dist/Gallery/index.js +9 -8
- package/dist/Heading/index.js +2 -1
- package/dist/{Heading-8940f2a3.js → Heading-1e8e4bd3.js} +2 -11
- package/dist/InputAvatar/index.js +2 -2
- package/dist/InputDate/index.js +3 -3
- package/dist/InputEmail/index.js +2 -2
- package/dist/InputFile/index.js +2 -2
- package/dist/{InputFile-65829a06.js → InputFile-65bfbd78.js} +1 -1
- package/dist/InputNumber/index.js +3 -3
- package/dist/{InputNumber-eb187377.js → InputNumber-29416358.js} +1 -1
- package/dist/InputPassword/index.js +2 -2
- package/dist/InputPhoneNumber/index.js +2 -2
- package/dist/InputText/index.js +3 -3
- package/dist/{InputText-9386ad9b.js → InputText-0e3c927f.js} +1 -1
- package/dist/InputTime/index.js +2 -2
- package/dist/LightBox/index.js +3 -3
- package/dist/{LightBox-9f7f6764.js → LightBox-a1b87af7.js} +2 -2
- package/dist/List/index.js +3 -2
- package/dist/Markdown/index.js +3 -2
- package/dist/{Markdown-908e8da0.js → Markdown-b80706ed.js} +1 -1
- package/dist/Menu/index.js +2 -2
- package/dist/{Menu-5b156261.js → Menu-da5d8217.js} +2 -2
- package/dist/Modal/index.js +5 -4
- package/dist/{Modal-bdf40fe4.js → Modal-a0627c92.js} +3 -3
- package/dist/{Option-0c97b8d6.js → Option-a4f8abe7.js} +1 -1
- package/dist/Page/index.js +5 -4
- package/dist/Popover/index.js +2 -2
- package/dist/RecurringSelect/index.js +4 -4
- package/dist/Select/index.js +3 -3
- package/dist/Toast/index.js +1 -1
- package/dist/Tooltip/index.js +1 -1
- package/dist/{Tooltip-6b12f1c2.js → Tooltip-27771182.js} +1 -1
- package/dist/getAtlantisConfig-0f3e8af2.js +13 -0
- package/package.json +2 -2
package/dist/DataTable/index.js
CHANGED
|
@@ -9,11 +9,11 @@ var jobberHooks = require('@jobber/hooks/useResizeObserver');
|
|
|
9
9
|
var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
|
|
10
10
|
var Glimmer = require('../Glimmer-cfa92a88.js');
|
|
11
11
|
var tslib_es6 = require('../tslib.es6-5b8768b7.js');
|
|
12
|
-
var Option = require('../Option-
|
|
13
|
-
var Button = require('../Button-
|
|
12
|
+
var Option = require('../Option-a4f8abe7.js');
|
|
13
|
+
var Button = require('../Button-b73a5e01.js');
|
|
14
14
|
var Text = require('../Text-259af966.js');
|
|
15
15
|
require('../Content-2ca1ffe1.js');
|
|
16
|
-
require('../FormField-
|
|
16
|
+
require('../FormField-18cda9ed.js');
|
|
17
17
|
require('uuid');
|
|
18
18
|
require('react-hook-form');
|
|
19
19
|
require('@jobber/hooks/useShowClear');
|
package/dist/DatePicker/index.js
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var DatePicker = require('../DatePicker-
|
|
5
|
+
var DatePicker = require('../DatePicker-64c5ab1a.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('react-datepicker');
|
|
9
9
|
require('@jobber/hooks/useRefocusOnActivator');
|
|
10
10
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
11
|
require('../Typography-c45bf216.js');
|
|
12
|
-
require('../Button-
|
|
12
|
+
require('../Button-b73a5e01.js');
|
|
13
13
|
require('react-router-dom');
|
|
14
14
|
require('../Icon-405a216c.js');
|
|
15
15
|
require('@jobber/design');
|
|
@@ -6,7 +6,7 @@ var ReactDatePicker = require('react-datepicker');
|
|
|
6
6
|
var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
|
|
7
7
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
8
8
|
var Typography = require('./Typography-c45bf216.js');
|
|
9
|
-
var Button = require('./Button-
|
|
9
|
+
var Button = require('./Button-b73a5e01.js');
|
|
10
10
|
var omit = require('lodash/omit');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/dist/Drawer/index.js
CHANGED
|
@@ -5,10 +5,11 @@ 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-
|
|
9
|
-
var ButtonDismiss = require('../ButtonDismiss-
|
|
8
|
+
var Heading = require('../Heading-1e8e4bd3.js');
|
|
9
|
+
var ButtonDismiss = require('../ButtonDismiss-350af163.js');
|
|
10
10
|
require('../Typography-c45bf216.js');
|
|
11
|
-
require('../
|
|
11
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
12
|
+
require('../Button-b73a5e01.js');
|
|
12
13
|
require('react-router-dom');
|
|
13
14
|
require('../Icon-405a216c.js');
|
|
14
15
|
require('@jobber/design');
|
|
@@ -18,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
20
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
20
21
|
|
|
21
|
-
var css_248z$1 = ":root {\n --drawer-width: calc(var(--space-base) * 17.5);\n --drawer--base-padding: var(--space-base);\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.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(217, 223, 225);\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.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(238, 240, 242);\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.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";
|
|
22
|
+
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: calc(16px / 8);\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(217, 223, 225);\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: calc(16px / 8);\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(238, 240, 242);\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";
|
|
22
23
|
var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
|
|
23
24
|
styleInject_es.styleInject(css_248z$1);
|
|
24
25
|
|
|
@@ -6,14 +6,15 @@ 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-
|
|
9
|
+
var Heading = require('../Heading-1e8e4bd3.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
|
-
var Button = require('../Button-
|
|
13
|
+
var Button = require('../Button-b73a5e01.js');
|
|
14
14
|
var Emphasis = require('../Emphasis-bda56d3b.js');
|
|
15
|
-
var Markdown = require('../Markdown-
|
|
15
|
+
var Markdown = require('../Markdown-b80706ed.js');
|
|
16
16
|
require('../Typography-c45bf216.js');
|
|
17
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
17
18
|
require('react-router-dom');
|
|
18
19
|
require('../Icon-405a216c.js');
|
|
19
20
|
require('@jobber/design');
|
package/dist/FormField/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var FormField = require('../FormField-
|
|
5
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
6
6
|
require('../tslib.es6-5b8768b7.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('uuid');
|
|
@@ -10,7 +10,7 @@ require('react-hook-form');
|
|
|
10
10
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
11
|
require('classnames');
|
|
12
12
|
require('@jobber/hooks/useShowClear');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
|
@@ -7,7 +7,7 @@ var reactHookForm = require('react-hook-form');
|
|
|
7
7
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var useShowClear = require('@jobber/hooks/useShowClear');
|
|
10
|
-
var Button = require('./Button-
|
|
10
|
+
var Button = require('./Button-b73a5e01.js');
|
|
11
11
|
var Icon = require('./Icon-405a216c.js');
|
|
12
12
|
var Text = require('./Text-259af966.js');
|
|
13
13
|
var InputValidation = require('./InputValidation-a7a737f9.js');
|
package/dist/FormatFile/index.js
CHANGED
|
@@ -2,27 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var FormatFile = require('../FormatFile-
|
|
5
|
+
var FormatFile = require('../FormatFile-aae6c6e2.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('filesize');
|
|
9
9
|
require('../style-inject.es-9d2f5f4e.js');
|
|
10
|
-
require('../Button-
|
|
10
|
+
require('../Button-b73a5e01.js');
|
|
11
11
|
require('react-router-dom');
|
|
12
12
|
require('../Icon-405a216c.js');
|
|
13
13
|
require('@jobber/design');
|
|
14
14
|
require('../Typography-c45bf216.js');
|
|
15
|
-
require('../ConfirmationModal-
|
|
15
|
+
require('../ConfirmationModal-189e107a.js');
|
|
16
16
|
require('@jobber/hooks/useOnKeyDown');
|
|
17
|
-
require('../Modal-
|
|
17
|
+
require('../Modal-a0627c92.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-
|
|
23
|
-
require('../
|
|
22
|
+
require('../Heading-1e8e4bd3.js');
|
|
23
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
24
|
+
require('../ButtonDismiss-350af163.js');
|
|
24
25
|
require('../Content-2ca1ffe1.js');
|
|
25
|
-
require('../Markdown-
|
|
26
|
+
require('../Markdown-b80706ed.js');
|
|
26
27
|
require('react-markdown');
|
|
27
28
|
require('../Text-259af966.js');
|
|
28
29
|
require('../Emphasis-bda56d3b.js');
|
|
@@ -4,8 +4,8 @@ var React = require('react');
|
|
|
4
4
|
var classnames = require('classnames');
|
|
5
5
|
var getHumanReadableFileSize = require('filesize');
|
|
6
6
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
7
|
-
var Button = require('./Button-
|
|
8
|
-
var ConfirmationModal = require('./ConfirmationModal-
|
|
7
|
+
var Button = require('./Button-b73a5e01.js');
|
|
8
|
+
var ConfirmationModal = require('./ConfirmationModal-189e107a.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');
|
package/dist/Gallery/index.js
CHANGED
|
@@ -5,23 +5,24 @@ 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 LightBox = require('../LightBox-
|
|
9
|
-
var FormatFile = require('../FormatFile-
|
|
10
|
-
var Button = require('../Button-
|
|
8
|
+
var LightBox = require('../LightBox-a1b87af7.js');
|
|
9
|
+
var FormatFile = require('../FormatFile-aae6c6e2.js');
|
|
10
|
+
var Button = require('../Button-b73a5e01.js');
|
|
11
11
|
require('framer-motion');
|
|
12
12
|
require('react-dom');
|
|
13
13
|
require('lodash/debounce');
|
|
14
14
|
require('@jobber/hooks/useRefocusOnActivator');
|
|
15
15
|
require('@jobber/hooks/useOnKeyDown');
|
|
16
16
|
require('@jobber/hooks/useFocusTrap');
|
|
17
|
-
require('../ButtonDismiss-
|
|
17
|
+
require('../ButtonDismiss-350af163.js');
|
|
18
18
|
require('filesize');
|
|
19
|
-
require('../ConfirmationModal-
|
|
20
|
-
require('../Modal-
|
|
21
|
-
require('../Heading-
|
|
19
|
+
require('../ConfirmationModal-189e107a.js');
|
|
20
|
+
require('../Modal-a0627c92.js');
|
|
21
|
+
require('../Heading-1e8e4bd3.js');
|
|
22
22
|
require('../Typography-c45bf216.js');
|
|
23
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
23
24
|
require('../Content-2ca1ffe1.js');
|
|
24
|
-
require('../Markdown-
|
|
25
|
+
require('../Markdown-b80706ed.js');
|
|
25
26
|
require('react-markdown');
|
|
26
27
|
require('../Text-259af966.js');
|
|
27
28
|
require('../Emphasis-bda56d3b.js');
|
package/dist/Heading/index.js
CHANGED
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Heading = require('../Heading-
|
|
5
|
+
var Heading = require('../Heading-1e8e4bd3.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('../Typography-c45bf216.js');
|
|
8
8
|
require('classnames');
|
|
9
9
|
require('../style-inject.es-9d2f5f4e.js');
|
|
10
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
|
|
@@ -2,23 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var Typography = require('./Typography-c45bf216.js');
|
|
5
|
+
var getAtlantisConfig = require('./getAtlantisConfig-0f3e8af2.js');
|
|
5
6
|
|
|
6
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
8
|
|
|
8
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
9
10
|
|
|
10
|
-
// For retheme purposes only.
|
|
11
|
-
// This will be removed once the retheme is out of the experiment.
|
|
12
|
-
function getAtlantisConfig() {
|
|
13
|
-
let JOBBER_RETHEME = false;
|
|
14
|
-
if (typeof window !== "undefined") {
|
|
15
|
-
JOBBER_RETHEME = document.body.classList.contains("jobber-retheme");
|
|
16
|
-
}
|
|
17
|
-
return { JOBBER_RETHEME };
|
|
18
|
-
}
|
|
19
|
-
|
|
20
11
|
function Heading({ level = 5, children }) {
|
|
21
|
-
const { JOBBER_RETHEME: inRetheme } = getAtlantisConfig();
|
|
12
|
+
const { JOBBER_RETHEME: inRetheme } = getAtlantisConfig.getAtlantisConfig();
|
|
22
13
|
const levelMap = {
|
|
23
14
|
1: {
|
|
24
15
|
element: "h1",
|
|
@@ -6,9 +6,9 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
|
|
8
8
|
var Avatar = require('../Avatar-76a799fa.js');
|
|
9
|
-
var InputFile = require('../InputFile-
|
|
9
|
+
var InputFile = require('../InputFile-65bfbd78.js');
|
|
10
10
|
var ProgressBar = require('../ProgressBar-b68edc8f.js');
|
|
11
|
-
var Button = require('../Button-
|
|
11
|
+
var Button = require('../Button-b73a5e01.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
require('color');
|
|
14
14
|
require('../Icon-405a216c.js');
|
package/dist/InputDate/index.js
CHANGED
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var omit = require('lodash/omit');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var FormField = require('../FormField-
|
|
8
|
-
var DatePicker = require('../DatePicker-
|
|
7
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
8
|
+
var DatePicker = require('../DatePicker-64c5ab1a.js');
|
|
9
9
|
require('../tslib.es6-5b8768b7.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-9d2f5f4e.js');
|
|
13
13
|
require('classnames');
|
|
14
14
|
require('@jobber/hooks/useShowClear');
|
|
15
|
-
require('../Button-
|
|
15
|
+
require('../Button-b73a5e01.js');
|
|
16
16
|
require('react-router-dom');
|
|
17
17
|
require('../Icon-405a216c.js');
|
|
18
18
|
require('@jobber/design');
|
package/dist/InputEmail/index.js
CHANGED
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var FormField = require('../FormField-
|
|
6
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
7
7
|
require('../tslib.es6-5b8768b7.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
11
|
require('classnames');
|
|
12
12
|
require('@jobber/hooks/useShowClear');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
package/dist/InputFile/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputFile = require('../InputFile-
|
|
5
|
+
var InputFile = require('../InputFile-65bfbd78.js');
|
|
6
6
|
require('../tslib.es6-5b8768b7.js');
|
|
7
7
|
require('react');
|
|
8
8
|
require('classnames');
|
|
@@ -10,7 +10,7 @@ require('react-dropzone');
|
|
|
10
10
|
require('axios');
|
|
11
11
|
require('uuid');
|
|
12
12
|
require('../style-inject.es-9d2f5f4e.js');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
|
@@ -7,7 +7,7 @@ var reactDropzone = require('react-dropzone');
|
|
|
7
7
|
var axios = require('axios');
|
|
8
8
|
var uuid = require('uuid');
|
|
9
9
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
10
|
-
var Button = require('./Button-
|
|
10
|
+
var Button = require('./Button-b73a5e01.js');
|
|
11
11
|
var Content = require('./Content-2ca1ffe1.js');
|
|
12
12
|
var Typography = require('./Typography-c45bf216.js');
|
|
13
13
|
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputNumber = require('../InputNumber-
|
|
5
|
+
var InputNumber = require('../InputNumber-29416358.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../FormField-
|
|
7
|
+
require('../FormField-18cda9ed.js');
|
|
8
8
|
require('../tslib.es6-5b8768b7.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-9d2f5f4e.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
require('@jobber/hooks/useShowClear');
|
|
14
|
-
require('../Button-
|
|
14
|
+
require('../Button-b73a5e01.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('../Icon-405a216c.js');
|
|
17
17
|
require('@jobber/design');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var FormField = require('./FormField-
|
|
4
|
+
var FormField = require('./FormField-18cda9ed.js');
|
|
5
5
|
|
|
6
6
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
7
|
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var FormField = require('../FormField-
|
|
6
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
7
7
|
require('../tslib.es6-5b8768b7.js');
|
|
8
8
|
require('uuid');
|
|
9
9
|
require('react-hook-form');
|
|
10
10
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
11
|
require('classnames');
|
|
12
12
|
require('@jobber/hooks/useShowClear');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
|
@@ -6,11 +6,11 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactHookForm = require('react-hook-form');
|
|
8
8
|
var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
|
|
9
|
-
var FormField = require('../FormField-
|
|
9
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('classnames');
|
|
12
12
|
require('@jobber/hooks/useShowClear');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
package/dist/InputText/index.js
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var InputText = require('../InputText-
|
|
5
|
+
var InputText = require('../InputText-0e3c927f.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../FormField-
|
|
7
|
+
require('../FormField-18cda9ed.js');
|
|
8
8
|
require('../tslib.es6-5b8768b7.js');
|
|
9
9
|
require('uuid');
|
|
10
10
|
require('react-hook-form');
|
|
11
11
|
require('../style-inject.es-9d2f5f4e.js');
|
|
12
12
|
require('classnames');
|
|
13
13
|
require('@jobber/hooks/useShowClear');
|
|
14
|
-
require('../Button-
|
|
14
|
+
require('../Button-b73a5e01.js');
|
|
15
15
|
require('react-router-dom');
|
|
16
16
|
require('../Icon-405a216c.js');
|
|
17
17
|
require('@jobber/design');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var FormField = require('./FormField-
|
|
4
|
+
var FormField = require('./FormField-18cda9ed.js');
|
|
5
5
|
|
|
6
6
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
7
|
|
package/dist/InputTime/index.js
CHANGED
|
@@ -6,13 +6,13 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var debounce = require('lodash/debounce');
|
|
8
8
|
var temporal = require('@std-proposal/temporal');
|
|
9
|
-
var FormField = require('../FormField-
|
|
9
|
+
var FormField = require('../FormField-18cda9ed.js');
|
|
10
10
|
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-9d2f5f4e.js');
|
|
13
13
|
require('classnames');
|
|
14
14
|
require('@jobber/hooks/useShowClear');
|
|
15
|
-
require('../Button-
|
|
15
|
+
require('../Button-b73a5e01.js');
|
|
16
16
|
require('react-router-dom');
|
|
17
17
|
require('../Icon-405a216c.js');
|
|
18
18
|
require('@jobber/design');
|
package/dist/LightBox/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var LightBox = require('../LightBox-
|
|
5
|
+
var LightBox = require('../LightBox-a1b87af7.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('framer-motion');
|
|
8
8
|
require('react-dom');
|
|
@@ -11,8 +11,8 @@ 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('../ButtonDismiss-
|
|
15
|
-
require('../Button-
|
|
14
|
+
require('../ButtonDismiss-350af163.js');
|
|
15
|
+
require('../Button-b73a5e01.js');
|
|
16
16
|
require('classnames');
|
|
17
17
|
require('react-router-dom');
|
|
18
18
|
require('../Icon-405a216c.js');
|
|
@@ -8,8 +8,8 @@ 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 ButtonDismiss = require('./ButtonDismiss-
|
|
12
|
-
var Button = require('./Button-
|
|
11
|
+
var ButtonDismiss = require('./ButtonDismiss-350af163.js');
|
|
12
|
+
var Button = require('./Button-b73a5e01.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
package/dist/List/index.js
CHANGED
|
@@ -9,11 +9,12 @@ 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-
|
|
12
|
+
var Heading = require('../Heading-1e8e4bd3.js');
|
|
13
13
|
var Typography = require('../Typography-c45bf216.js');
|
|
14
|
-
var Markdown = require('../Markdown-
|
|
14
|
+
var Markdown = require('../Markdown-b80706ed.js');
|
|
15
15
|
var Emphasis = require('../Emphasis-bda56d3b.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
17
18
|
require('react-markdown');
|
|
18
19
|
require('../Content-2ca1ffe1.js');
|
|
19
20
|
|
package/dist/Markdown/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Markdown = require('../Markdown-
|
|
5
|
+
var Markdown = require('../Markdown-b80706ed.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-markdown');
|
|
8
8
|
require('../Text-259af966.js');
|
|
@@ -10,7 +10,8 @@ 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-
|
|
13
|
+
require('../Heading-1e8e4bd3.js');
|
|
14
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
14
15
|
require('../Content-2ca1ffe1.js');
|
|
15
16
|
|
|
16
17
|
|
|
@@ -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-
|
|
7
|
+
var Heading = require('./Heading-1e8e4bd3.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 }; }
|
package/dist/Menu/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Menu = require('../Menu-
|
|
5
|
+
var Menu = require('../Menu-da5d8217.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('uuid');
|
|
8
8
|
require('classnames');
|
|
@@ -10,7 +10,7 @@ require('framer-motion');
|
|
|
10
10
|
require('@jobber/hooks/useOnKeyDown');
|
|
11
11
|
require('@jobber/hooks/useRefocusOnActivator');
|
|
12
12
|
require('../style-inject.es-9d2f5f4e.js');
|
|
13
|
-
require('../Button-
|
|
13
|
+
require('../Button-b73a5e01.js');
|
|
14
14
|
require('react-router-dom');
|
|
15
15
|
require('../Icon-405a216c.js');
|
|
16
16
|
require('@jobber/design');
|
|
@@ -7,7 +7,7 @@ var framerMotion = require('framer-motion');
|
|
|
7
7
|
var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
|
|
8
8
|
var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
|
|
9
9
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
10
|
-
var Button = require('./Button-
|
|
10
|
+
var Button = require('./Button-b73a5e01.js');
|
|
11
11
|
var Typography = require('./Typography-c45bf216.js');
|
|
12
12
|
var Icon = require('./Icon-405a216c.js');
|
|
13
13
|
|
|
@@ -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 --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-
|
|
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- path {\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
|
|
package/dist/Modal/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Modal = require('../Modal-
|
|
5
|
+
var Modal = require('../Modal-a0627c92.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-dom');
|
|
8
8
|
require('classnames');
|
|
@@ -11,13 +11,14 @@ 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-
|
|
14
|
+
require('../Heading-1e8e4bd3.js');
|
|
15
15
|
require('../Typography-c45bf216.js');
|
|
16
|
-
require('../
|
|
16
|
+
require('../getAtlantisConfig-0f3e8af2.js');
|
|
17
|
+
require('../Button-b73a5e01.js');
|
|
17
18
|
require('react-router-dom');
|
|
18
19
|
require('../Icon-405a216c.js');
|
|
19
20
|
require('@jobber/design');
|
|
20
|
-
require('../ButtonDismiss-
|
|
21
|
+
require('../ButtonDismiss-350af163.js');
|
|
21
22
|
|
|
22
23
|
|
|
23
24
|
|
|
@@ -8,9 +8,9 @@ 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-
|
|
12
|
-
var Button = require('./Button-
|
|
13
|
-
var ButtonDismiss = require('./ButtonDismiss-
|
|
11
|
+
var Heading = require('./Heading-1e8e4bd3.js');
|
|
12
|
+
var Button = require('./Button-b73a5e01.js');
|
|
13
|
+
var ButtonDismiss = require('./ButtonDismiss-350af163.js');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
16
|
|