@jobber/components 4.85.4-CJS-to-ESM.2 → 4.85.4

package/dist/DatePicker.js

@@ -1,12 +0,0 @@
-export { D as DatePicker } from './DatePicker-5d0c0353.js';
-import 'react';
-import 'classnames';
-import 'react-datepicker';
-import '@jobber/hooks/useRefocusOnActivator';
-import './style-inject.es-a0e1a0ba.js';
-import './Typography-52ed1386.js';
-import './Button-30154871.js';
-import 'react-router-dom';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import 'lodash/omit';

package/dist/DescriptionList-2cb975a9.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { T as Typography } from './Typography-52ed1386.js';
-
-var css_248z = ".EQDmgmJchDA- {\n  margin: 0;\n}\n\n.DkzfClUGQlc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  padding: var(--space-small) 0;\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.DkzfClUGQlc-:first-child {\n  padding-top: 0;\n}\n\n.DkzfClUGQlc-:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.DkzfClUGQlc- dd {\n  min-width: calc(var(--base-unit) * 7.5);\n  box-sizing: border-box;\n  padding-right: var(--space-small);\n  -webkit-margin-start: 0;\n          margin-left: 0;\n  -ms-flex: 1 1 60%;\n      flex: 1 1 60%;\n}\n\n.DkzfClUGQlc- dt {\n  -ms-flex: 1 1 40%;\n      flex: 1 1 40%;\n}\n";
-var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
-styleInject(css_248z);
-
-function DescriptionList({ data }) {
-    return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description]) => (React.createElement("div", { key: term, className: styles.termGroup },
-        React.createElement(Typography, { element: "dt", textColor: "heading", size: "base" }, term),
-        React.createElement(Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
-}
-
-export { DescriptionList as D };

package/dist/DescriptionList.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DescriptionList = require('./DescriptionList-74db99a5.js');
-require('react');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Typography-fd88fcce.js');
-require('classnames');
-
-
-
-exports.DescriptionList = DescriptionList.DescriptionList;

package/dist/DescriptionList.js

@@ -1,5 +0,0 @@
-export { D as DescriptionList } from './DescriptionList-2cb975a9.js';
-import 'react';
-import './style-inject.es-a0e1a0ba.js';
-import './Typography-52ed1386.js';
-import 'classnames';

package/dist/Disclosure-00a9459b.js

@@ -1,36 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useResizeObserver, Breakpoints } from '@jobber/hooks/useResizeObserver';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { I as Icon } from './Icon-22723fe6.js';
-import { T as Typography } from './Typography-52ed1386.js';
-
-var css_248z = ".WcgASR88I1c- {\n  -webkit-transform-origin: 50% 47.5% 0;\n          transform-origin: 50% 47.5% 0;\n  transition: -webkit-transform var(--timing-quick);\n  transition: transform var(--timing-quick);\n  transition: transform var(--timing-quick), -webkit-transform var(--timing-quick);\n  -ms-flex-preferred-size: 0;\n      flex-basis: 0;\n}\n\n.N-W4pXaLGt4-[open] .WcgASR88I1c- {\n  -webkit-transform: rotateX(180deg);\n          transform: rotateX(180deg);\n}\n\n.PMjHZZhHiUY- {\n  padding: var(--space-smaller) 0 var(--space-smallest) 0;\n  border: none;\n  list-style: none;\n  cursor: pointer;\n  outline-color: none;\n  transition: background var(--timing-quick), box-shadow var(--timing-base);\n}\n\n.PMjHZZhHiUY-::-webkit-details-marker {\n  display: none;\n}\n\n.PMjHZZhHiUY-:hover,\n.PMjHZZhHiUY-:focus {\n  background: var(--color-surface--hover);\n}\n\n.PMjHZZhHiUY-:focus,\n.PMjHZZhHiUY-:active {\n  box-shadow: var(--shadow-focus);\n  border: none;\n  outline: none;\n}\n\n.PMjHZZhHiUY- * {\n  pointer-events: none;\n}\n\n.-E1lerklSHw- {\n  -ms-flex-align: baseline;\n      align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.-E1lerklSHw- h4 {\n  -ms-flex: 1 0 0px;\n      flex: 1 0 0;\n}\n\n.CjRRsbZQp1Y- {\n  display: block;\n  padding: var(--space-small) 0;\n}\n\n.N-W4pXaLGt4-[open] > .CjRRsbZQp1Y- {\n  -webkit-animation: vWj6tOjTVYA- var(--timing-base);\n  animation: vWj6tOjTVYA- var(--timing-base);\n}\n\n@-webkit-keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n\n@keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n";
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
-styleInject(css_248z);
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = useState(defaultOpen);
-    const [isMounted, setMount] = useState(false);
-    const [titleRef, { exactWidth }] = useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < Breakpoints.small;
-    useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React.createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React.createElement("summary", { className: styles.summary },
-            React.createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React.createElement(Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React.createElement("span", { className: styles.arrowIconWrapper },
-                    React.createElement(Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React.createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-export { Disclosure as D };

package/dist/Disclosure-56309ff3.js

@@ -1,42 +0,0 @@
-'use strict';
-
-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-fd88fcce.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var css_248z = ".WcgASR88I1c- {\n  -webkit-transform-origin: 50% 47.5% 0;\n          transform-origin: 50% 47.5% 0;\n  transition: -webkit-transform var(--timing-quick);\n  transition: transform var(--timing-quick);\n  transition: transform var(--timing-quick), -webkit-transform var(--timing-quick);\n  -ms-flex-preferred-size: 0;\n      flex-basis: 0;\n}\n\n.N-W4pXaLGt4-[open] .WcgASR88I1c- {\n  -webkit-transform: rotateX(180deg);\n          transform: rotateX(180deg);\n}\n\n.PMjHZZhHiUY- {\n  padding: var(--space-smaller) 0 var(--space-smallest) 0;\n  border: none;\n  list-style: none;\n  cursor: pointer;\n  outline-color: none;\n  transition: background var(--timing-quick), box-shadow var(--timing-base);\n}\n\n.PMjHZZhHiUY-::-webkit-details-marker {\n  display: none;\n}\n\n.PMjHZZhHiUY-:hover,\n.PMjHZZhHiUY-:focus {\n  background: var(--color-surface--hover);\n}\n\n.PMjHZZhHiUY-:focus,\n.PMjHZZhHiUY-:active {\n  box-shadow: var(--shadow-focus);\n  border: none;\n  outline: none;\n}\n\n.PMjHZZhHiUY- * {\n  pointer-events: none;\n}\n\n.-E1lerklSHw- {\n  -ms-flex-align: baseline;\n      align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.-E1lerklSHw- h4 {\n  -ms-flex: 1 0 0px;\n      flex: 1 0 0;\n}\n\n.CjRRsbZQp1Y- {\n  display: block;\n  padding: var(--space-small) 0;\n}\n\n.N-W4pXaLGt4-[open] > .CjRRsbZQp1Y- {\n  -webkit-animation: vWj6tOjTVYA- var(--timing-base);\n  animation: vWj6tOjTVYA- var(--timing-base);\n}\n\n@-webkit-keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n\n@keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n";
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
-styleInject_es.styleInject(css_248z);
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = React.useState(defaultOpen);
-    const [isMounted, setMount] = React.useState(false);
-    const [titleRef, { exactWidth }] = jobberHooks.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < jobberHooks.Breakpoints.small;
-    React.useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React__default["default"].createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React__default["default"].createElement("summary", { className: styles.summary },
-            React__default["default"].createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React__default["default"].createElement(Typography.Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React__default["default"].createElement("span", { className: styles.arrowIconWrapper },
-                    React__default["default"].createElement(Icon.Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React__default["default"].createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-exports.Disclosure = Disclosure;

package/dist/Disclosure.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Disclosure = require('./Disclosure-56309ff3.js');
-require('react');
-require('@jobber/hooks/useResizeObserver');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-require('./Typography-fd88fcce.js');
-require('classnames');
-
-
-
-exports.Disclosure = Disclosure.Disclosure;

package/dist/Disclosure.js

@@ -1,8 +0,0 @@
-export { D as Disclosure } from './Disclosure-00a9459b.js';
-import 'react';
-import '@jobber/hooks/useResizeObserver';
-import './style-inject.es-a0e1a0ba.js';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import './Typography-52ed1386.js';
-import 'classnames';

package/dist/Divider-589745c1.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-
-var css_248z = ".dH7SqeSo70A- {\n  --divider-width: var(--border-base);\n  --divider-color: var(--color-border);\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n._07xjw8ykfvg- {\n  --divider-width: var(--border-thick);\n  opacity: 0.875;\n}\n\n.TGD22T-KP78- {\n  --divider-width: var(--border-thicker);\n  opacity: 0.625;\n}\n\n.UUndaiRIryU- {\n  --divider-width: var(--border-thickest);\n  opacity: 0.375;\n}\n\n.HzWBc8FoucI- {\n  height: var(--space-minuscule);\n  border-bottom: var(--divider-width) solid var(--divider-color);\n}\n\n.vu46ZKcGBWM- {\n  width: var(--space-miniscule);\n  height: auto;\n  border-right: var(--divider-width) solid var(--divider-color);\n}\n";
-var styles = {"divider":"dH7SqeSo70A-","large":"_07xjw8ykfvg-","larger":"TGD22T-KP78-","largest":"UUndaiRIryU-","horizontal":"HzWBc8FoucI-","vertical":"vu46ZKcGBWM-"};
-styleInject(css_248z);
-
-function Divider({ size = "base", direction = "horizontal", }) {
-    const className = classnames(styles.divider, {
-        [styles.large]: size === "large",
-        [styles.larger]: size === "larger",
-        [styles.largest]: size === "largest",
-        [styles.horizontal]: direction == "horizontal",
-        [styles.vertical]: direction == "vertical",
-    });
-    return React.createElement("div", { className: className, role: "none presentation" });
-}
-
-export { Divider as D };

package/dist/Divider.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Divider = require('./Divider-1e6ac1ec.js');
-require('react');
-require('classnames');
-require('./style-inject.es-9d2f5f4e.js');
-
-
-
-exports.Divider = Divider.Divider;

package/dist/Divider.js

@@ -1,4 +0,0 @@
-export { D as Divider } from './Divider-589745c1.js';
-import 'react';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';

package/dist/Drawer.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DrawerGrid = require('./DrawerGrid-b233d837.js');
-require('react');
-require('classnames');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Heading-a8a24775.js');
-require('./Typography-fd88fcce.js');
-require('./getAtlantisConfig-0f3e8af2.js');
-require('./ButtonDismiss-d7417429.js');
-require('./Button-ec64869e.js');
-require('react-router-dom');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-
-
-
-exports.Drawer = DrawerGrid.Drawer;
-exports.DrawerGrid = DrawerGrid.DrawerGrid;

package/dist/Drawer.js

@@ -1,12 +0,0 @@
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-0861e529.js';
-import 'react';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';
-import './Heading-dfd4f1cf.js';
-import './Typography-52ed1386.js';
-import './getAtlantisConfig-5b50057c.js';
-import './ButtonDismiss-a11eef74.js';
-import './Button-30154871.js';
-import 'react-router-dom';
-import './Icon-22723fe6.js';
-import '@jobber/design';

package/dist/DrawerGrid-0861e529.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { H as Heading } from './Heading-dfd4f1cf.js';
-import { B as ButtonDismiss } from './ButtonDismiss-a11eef74.js';
-
-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: 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(var(--space-base) * 17.5);\n    width: var(--drawer-width);\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: var(--shadow-base);\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: var(--border-base) solid var(--color-border);\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: 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: var(--space-small) var(--space-base);\n  padding: var(--space-small) var(--drawer--base-padding);\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: var(--space-base) var(--space-base) 0 var(--space-base);\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 styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
-styleInject(css_248z$1);
-
-function Drawer({ title, children, open = true, onRequestClose, id, }) {
-    const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
-    return (React.createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
-        React.createElement("div", { className: styles$1.drawer },
-            React.createElement(Header, { title: title, onRequestClose: onRequestClose }),
-            React.createElement("div", { className: styles$1.contentScroll },
-                React.createElement("div", { className: styles$1.content }, children)))));
-}
-function Header({ title, onRequestClose }) {
-    return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React.createElement(Heading, { level: 3 }, title),
-        React.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
-}
-
-var css_248z = "._50Jq09W07gg- {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);\n  grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);\n  grid-template-rows: 1fr;\n}\n";
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
-styleInject(css_248z);
-
-function DrawerGrid({ children }) {
-    return React.createElement("div", { className: styles.drawerGrid }, children);
-}
-
-export { Drawer as D, DrawerGrid as a };

package/dist/DrawerGrid-b233d837.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Heading = require('./Heading-a8a24775.js');
-var ButtonDismiss = require('./ButtonDismiss-d7417429.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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: 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(var(--space-base) * 17.5);\n    width: var(--drawer-width);\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: var(--shadow-base);\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: var(--border-base) solid var(--color-border);\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: 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: var(--space-small) var(--space-base);\n  padding: var(--space-small) var(--drawer--base-padding);\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: var(--space-base) var(--space-base) 0 var(--space-base);\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 styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
-styleInject_es.styleInject(css_248z$1);
-
-function Drawer({ title, children, open = true, onRequestClose, id, }) {
-    const drawerClassNames = classnames__default["default"](styles$1.container, open && styles$1.open);
-    return (React__default["default"].createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
-        React__default["default"].createElement("div", { className: styles$1.drawer },
-            React__default["default"].createElement(Header, { title: title, onRequestClose: onRequestClose }),
-            React__default["default"].createElement("div", { className: styles$1.contentScroll },
-                React__default["default"].createElement("div", { className: styles$1.content }, children)))));
-}
-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(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
-}
-
-var css_248z = "._50Jq09W07gg- {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);\n  grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);\n  grid-template-rows: 1fr;\n}\n";
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
-styleInject_es.styleInject(css_248z);
-
-function DrawerGrid({ children }) {
-    return React__default["default"].createElement("div", { className: styles.drawerGrid }, children);
-}
-
-exports.Drawer = Drawer;
-exports.DrawerGrid = DrawerGrid;

package/dist/Emphasis-2a640962.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { T as Typography } from './Typography-52ed1386.js';
-
-function Emphasis({ variation, children }) {
-    const variationMap = {
-        bold: { element: "b", fontWeight: "bold" },
-        italic: { element: "em", emphasisType: "italic" },
-        highlight: { element: "strong", emphasisType: "highlight" },
-    };
-    return React.createElement(Typography, Object.assign({}, variationMap[variation]), children);
-}
-
-export { Emphasis as E };

package/dist/Emphasis.js

@@ -1,5 +0,0 @@
-export { E as Emphasis } from './Emphasis-2a640962.js';
-import 'react';
-import './Typography-52ed1386.js';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';

package/dist/FeatureSwitch-e33e30a9.js

@@ -1,55 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { H as Heading } from './Heading-dfd4f1cf.js';
-import { T as Text } from './Text-c92ddeb3.js';
-import { C as Content } from './Content-c96e9299.js';
-import { S as Switch } from './Switch-87706cde.js';
-import { B as Button } from './Button-30154871.js';
-import { E as Emphasis } from './Emphasis-2a640962.js';
-import { M as Markdown } from './Markdown-7b84fcdb.js';
-
-var css_248z = ".-sVnhIK4hZw- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.ZJaXf-cIFgU- {\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  -ms-flex-item-align: center;\n      align-self: center;\n  padding-right: var(--space-base);\n  transition: opacity var(--timing-base);\n}\n\n.OA-s1YYLMMM- {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  position: relative;\n}\n\n.lN90IIewHq8- {\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  margin-top: var(--space-smallest);\n  text-align: center;\n}\n\n.mW56hvBHqPM- {\n  opacity: 0.5;\n}\n\n.QfZjM5S-Ls0- {\n  opacity: 1;\n}\n";
-var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
-styleInject(css_248z);
-
-function FeatureSwitch({ children, description, disabled = false, enabled, externalLink = false, onEdit, onSwitch, hasSaveIndicator = false, title, }) {
-    const [savedIndicator, setSavedIndicator] = useState(false);
-    const featureContentClassnames = classnames(styles.featureContent, styles.content, enabled && styles.enabled);
-    shouldShowSavedIndicator();
-    return (React.createElement(Content, null,
-        React.createElement("div", { className: styles.container },
-            React.createElement("div", { className: styles.content },
-                React.createElement(Content, null,
-                    title && React.createElement(Heading, { level: 4 }, title),
-                    description && (React.createElement(Text, null,
-                        React.createElement(Markdown, { content: description, basicUsage: true, externalLink: externalLink }))))),
-            onSwitch && (React.createElement("div", { className: styles.action },
-                React.createElement(Switch, { value: enabled, onChange: onSwitch, ariaLabel: description, disabled: disabled }),
-                React.createElement(AnimatePresence, null, hasSaveIndicator && savedIndicator && (React.createElement(motion.div, { className: styles.savedIndicator, initial: { y: -4, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: -4, opacity: 0 }, transition: {
-                        delay: 0.2,
-                        type: "spring",
-                        damping: 20,
-                        stiffness: 300,
-                    }, onAnimationComplete: handleAnimationComplete },
-                    React.createElement(Text, { variation: "success" },
-                        React.createElement(Emphasis, { variation: "italic" }, "Saved")))))))),
-        (children || onEdit) && (React.createElement("div", { className: styles.container },
-            children && (React.createElement("div", { className: featureContentClassnames }, children)),
-            onEdit && (React.createElement("div", { className: styles.action },
-                React.createElement(Button, { label: "Edit", type: "tertiary", onClick: onEdit })))))));
-    function shouldShowSavedIndicator() {
-        // Check if the component is mounted
-        const [didMount, setDidMount] = useState(false);
-        useEffect(() => setDidMount(true), []);
-        useEffect(() => {
-            didMount && hasSaveIndicator && setSavedIndicator(true);
-        }, [enabled]);
-    }
-    function handleAnimationComplete() {
-        setSavedIndicator(false);
-    }
-}
-
-export { FeatureSwitch as F };

package/dist/FeatureSwitch.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FeatureSwitch = require('./FeatureSwitch-ddaebf27.js');
-require('react');
-require('framer-motion');
-require('classnames');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Heading-a8a24775.js');
-require('./Typography-fd88fcce.js');
-require('./getAtlantisConfig-0f3e8af2.js');
-require('./Text-714f7d14.js');
-require('./Content-60a3452a.js');
-require('./Switch-6c6c727b.js');
-require('./Button-ec64869e.js');
-require('react-router-dom');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-require('./Emphasis-84de1f3f.js');
-require('./Markdown-36854bd5.js');
-require('react-markdown');
-
-
-
-exports.FeatureSwitch = FeatureSwitch.FeatureSwitch;

package/dist/FeatureSwitch.js

@@ -1,18 +0,0 @@
-export { F as FeatureSwitch } from './FeatureSwitch-e33e30a9.js';
-import 'react';
-import 'framer-motion';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';
-import './Heading-dfd4f1cf.js';
-import './Typography-52ed1386.js';
-import './getAtlantisConfig-5b50057c.js';
-import './Text-c92ddeb3.js';
-import './Content-c96e9299.js';
-import './Switch-87706cde.js';
-import './Button-30154871.js';
-import 'react-router-dom';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import './Emphasis-2a640962.js';
-import './Markdown-7b84fcdb.js';
-import 'react-markdown';

package/dist/Flex-041db5c8.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-
-var css_248z = "._8VpnrMKmsqQ- {\n  display: grid;\n  /* If this gets wrapped in a flex container, it should take the remaining space */\n  -ms-flex: 1;\n      flex: 1;\n}\n\n.ooF1YfV4Usc- {\n  gap: var(--space-smallest);\n}\n\n.ppCZfXq-Kqc- {\n  gap: var(--space-smaller);\n}\n\n.tElkBalXH3g- {\n  gap: var(--space-small);\n}\n\n._4u3OwUKxxbg- {\n  gap: var(--space-base);\n}\n\n.RL7CJla0AAI- {\n  gap: var(--space-large);\n}\n\n.fV4cvFYkhgo- {\n  gap: 0;\n}\n\n._04xVVjZgr-0- {\n  -ms-flex-align: start;\n      align-items: start;\n}\n\n.Nc3zrqHHYSg- {\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.qA-v50wBX1U- {\n  -ms-flex-align: end;\n      align-items: end;\n}\n";
-var styles = {"flexible":"_8VpnrMKmsqQ-","smallestGap":"ooF1YfV4Usc-","smallerGap":"ppCZfXq-Kqc-","smallGap":"tElkBalXH3g-","baseGap":"_4u3OwUKxxbg-","largeGap":"RL7CJla0AAI-","noneGap":"fV4cvFYkhgo-","startAlign":"_04xVVjZgr-0-","centerAlign":"Nc3zrqHHYSg-","endAlign":"qA-v50wBX1U-"};
-styleInject(css_248z);
-
-function Flex({ align = "center", children, direction = "row", gap = "base", template, }) {
-    return (React.createElement("div", { className: classnames(styles.flexible, {
-            [styles[`${gap}Gap`]]: Boolean(gap),
-            [styles[`${align}Align`]]: Boolean(align),
-        }), style: generateGridStylesFromTemplate(direction, template) }, children));
-}
-function generateGridStylesFromTemplate(direction, layoutTemplate) {
-    const containerStyles = {};
-    const templateKeys = {
-        row: "gridTemplateColumns",
-        column: "gridTemplateRows",
-    };
-    const templateValues = {
-        grow: "1fr",
-        shrink: "max-content",
-    };
-    containerStyles[templateKeys[direction]] = layoutTemplate
-        .map(key => templateValues[key])
-        .join(" ");
-    return containerStyles;
-}
-
-export { Flex as F };

package/dist/Flex.js

@@ -1,4 +0,0 @@
-export { F as Flex } from './Flex-041db5c8.js';
-import 'react';
-import 'classnames';
-import './style-inject.es-a0e1a0ba.js';

package/dist/Form-6a161b07.js

@@ -1,48 +0,0 @@
-import { a as __awaiter } from './tslib.es6-c563c1dd.js';
-import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
-import { useForm, FormProvider } from 'react-hook-form';
-
-const Form = forwardRef(function InternalForm({ onSubmit, children, onStateChange }, ref) {
-    const methods = useForm({ mode: "onTouched" });
-    const { trigger, handleSubmit, formState: { isDirty, isValid, errors }, } = methods;
-    useEffect(() => onStateChange && onStateChange({ isDirty, isValid }), [isDirty, isValid]);
-    useImperativeHandle(ref, () => ({
-        /**
-         * The `trigger()` method can also accept an array
-         * of fields to validate. We may at some point want
-         * to consider adding a `validate()` method to the
-         * `Form` component.
-         */
-        submit: () => __awaiter(this, void 0, void 0, function* () {
-            const valid = yield trigger();
-            if (valid) {
-                submitHandler();
-            }
-            else {
-                trigger();
-                errorHandler(errors);
-            }
-        }),
-    }));
-    /**
-     * If an onSubmit is not passed into a form, it will only be used
-     * for validation. For that, we do not need to wrap it in a <form>
-     * tag. This allows the <Form> component to be used in legacy code.
-     */
-    const Wrapper = onSubmit ? "form" : "div";
-    const formProps = {
-        onSubmit: onSubmit && handleSubmit(submitHandler, errorHandler),
-    };
-    return (React.createElement(FormProvider, Object.assign({}, methods),
-        React.createElement(Wrapper, Object.assign({}, formProps, { "data-testid": "atlantis-form" }), children)));
-    function submitHandler() {
-        onSubmit && onSubmit();
-    }
-    function errorHandler(errs) {
-        const firstErrName = Object.keys(errs)[0];
-        const element = document.querySelector(`[name="${firstErrName}"]`);
-        element === null || element === void 0 ? void 0 : element.focus();
-    }
-});
-
-export { Form as F };

package/dist/Form.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Form = require('./Form-927647ef.js');
-require('./tslib.es6-754e2961.js');
-require('react');
-require('react-hook-form');
-
-
-
-exports.Form = Form.Form;

package/dist/Form.js

@@ -1,4 +0,0 @@
-export { F as Form } from './Form-6a161b07.js';
-import './tslib.es6-c563c1dd.js';
-import 'react';
-import 'react-hook-form';