@simplybusiness/mobius 4.0.0-beta.11 → 4.0.0-beta.13

package/dist/cjs/components/Modal/Modal.js

@@ -33,7 +33,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // eslint-disable-next-line import/no-extraneous-dependencies
 const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const react_1 = require("react");
-const hooks_1 = require("../../hooks");
 const useBodyScrollLock_1 = require("../../hooks/useBodyScrollLock");
 const polyfill_tests_1 = require("../../utils/polyfill-tests");
 const Modal = ({ isOpen, onClose, children, className, closeLabel, isFullScreen, animation, 
@@ -51,47 +50,31 @@ size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, })
             hasWarnedAboutMissingLabels.current = true;
         }
     }
-    // End deprecation warnings
-    const ref = (0, react_1.useRef)(null);
-    const dialog = ref.current;
+    const modalRef = (0, react_1.useRef)(null);
+    const dialog = modalRef.current;
     const noPreference = window === null || window === void 0 ? void 0 : window.matchMedia("(prefers-reduced-motion: no-preference)");
     (0, useBodyScrollLock_1.useBodyScrollLock)({ enabled: isOpen });
     // Add close handler, to enable closing animations
-    const handleClose = (0, react_1.useCallback)(() => {
-        const doClose = () => {
-            dialog.close();
-            if (onClose) {
-                onClose();
+    const handleClose = (0, react_1.useCallback)(event => {
+        if (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            const doClose = () => {
+                dialog.close();
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            };
+            if (animation) {
+                dialog.classList.add("close");
+                dialog.addEventListener("animationend", () => {
+                    dialog.classList.remove("close");
+                    doClose();
+                }, { once: true });
             }
-        };
-        if (animation) {
-            dialog.classList.add("close");
-            dialog.addEventListener("animationend", () => {
-                dialog.classList.remove("close");
+            else {
                 doClose();
-            }, { once: true });
-        }
-        else {
-            doClose();
-        }
-    }, [onClose, animation, dialog]);
-    // Close modal if backdrop is clicked
-    dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("click", event => {
-        const rect = dialog.getBoundingClientRect();
-        const isInDialog = rect.top <= event.clientY &&
-            event.clientY <= rect.top + rect.height &&
-            rect.left <= event.clientX &&
-            event.clientX <= rect.left + rect.width;
-        if (!isInDialog) {
-            handleClose();
-        }
-    });
-    // Close modal if Escape button is pressed
-    (0, hooks_1.useOnClickOutside)(ref, () => {
-        if (ref.current && isOpen) {
-            handleClose();
+            }
         }
-    });
+    }, [animation, dialog, onClose]);
     const modalClasses = (0, dedupe_1.default)("mobius", "mobius/Modal", {
         animation,
         "--slide-up": animation === "slideUp",
@@ -106,18 +89,18 @@ size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, })
             if (!(0, polyfill_tests_1.supportsDialog)() && typeof window !== "undefined") {
                 // eslint-disable-next-line import/no-extraneous-dependencies
                 const { default: dialogPolyfill } = await Promise.resolve().then(() => __importStar(require("dialog-polyfill")));
-                dialogPolyfill.registerDialog(ref.current);
+                dialogPolyfill.registerDialog(modalRef.current);
             }
             if (isOpen) {
-                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.showModal();
+                (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
             }
-            else if ((_b = ref.current) === null || _b === void 0 ? void 0 : _b.open) {
-                (_c = ref.current) === null || _c === void 0 ? void 0 : _c.close();
+            else if ((_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.open) {
+                (_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.close();
             }
         }
         toggleModal();
     }, [isOpen]);
-    return ((0, jsx_runtime_1.jsx)("dialog", { ref: ref, onCancel: onClose, className: modalClasses, children: react_1.Children.map(children, child => {
+    return ((0, jsx_runtime_1.jsx)("dialog", { ref: modalRef, onCancel: handleClose, className: modalClasses, children: react_1.Children.map(children, child => {
             if ((0, react_1.isValidElement)(child)) {
                 return (0, react_1.cloneElement)(child, {
                     onClose: handleClose,

package/dist/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Modal/Modal.stories.d.ts

@@ -7,6 +7,7 @@ type WithAnimationDemoProps = {
 };
 declare const WithAnimationDemo: ({ animation, isFullScreen, closeLabel, }: ModalProps & WithAnimationDemoProps) => import("react/jsx-runtime").JSX.Element;
 declare const WithLongContentDemo: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const WithNestedDemo: ({ animation, closeLabel }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
     component: {
@@ -41,3 +42,4 @@ export declare const Normal: Meta<typeof Demo>;
 export declare const FullScreen: Meta<typeof FullScreenDemo>;
 export declare const WithAnimation: Meta<typeof WithAnimationDemo>;
 export declare const WithLongContent: Meta<typeof WithLongContentDemo>;
+export declare const WithNested: Meta<typeof WithNestedDemo>;

package/dist/cjs/components/Modal/Modal.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithLongContent = exports.WithAnimation = exports.FullScreen = exports.Normal = void 0;
+exports.WithNested = exports.WithLongContent = exports.WithAnimation = exports.FullScreen = exports.Normal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const _1 = require(".");
@@ -23,6 +23,16 @@ const WithLongContentDemo = (props) => {
     const [open, setOpen] = (0, react_1.useState)(false);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "Aliquam fringilla quam vel purus rhoncus isuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Int" }), (0, jsx_runtime_1.jsxs)(_1.Modal.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }))] }));
 };
+const ChildModal = () => {
+    const [showModal, setShowModal] = (0, react_1.useState)(false);
+    const show = () => setShowModal(true);
+    const hide = () => setShowModal(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: show, children: "Show child modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: showModal, onClose: hide, animation: "slideUp", children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "Howdy" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Closing or cancelling (with Escape key) should leave the parent modal open." }) })] })] }));
+};
+const WithNestedDemo = ({ animation, closeLabel }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Nested Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: open, onClose: () => setOpen(false), animation: animation, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsxs)(_1.Modal.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Closing or cancelling the next modal should leave me open." }), (0, jsx_runtime_1.jsx)(ChildModal, {})] })] })] }));
+};
 exports.default = {
     title: "Components/Modal",
     component: _1.Modal,
@@ -69,4 +79,11 @@ exports.WithLongContent = {
         closeLabel: "Close",
     },
 };
+exports.WithNested = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithNestedDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        closeLabel: "Close",
+    },
+};
 //# sourceMappingURL=Modal.stories.js.map

package/dist/cjs/components/Modal/Modal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Modal/Modal.test.js

@@ -78,19 +78,42 @@ describe("Modal", () => {
         });
     });
     // TODO: Cannot test until HTML Dialog is supported in JSDom
-    xdescribe("pressing close button", () => {
-        it.only("should close the modal", async () => {
+    xdescribe("closing and cancelling", () => {
+        beforeAll(() => {
+            HTMLDialogElement.prototype.show = jest.fn(function mock() {
+                this.open = true;
+            });
+            HTMLDialogElement.prototype.showModal = jest.fn(function mock() {
+                this.open = true;
+            });
+            HTMLDialogElement.prototype.close = jest.fn(function mock() {
+                this.open = false;
+            });
+        });
+        it.only("pressing close button should close the modal", async () => {
             const content = (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Sample content" });
             let modalOpen = true;
             const onClose = () => {
                 modalOpen = false;
             };
-            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: modalOpen, onClose: onClose, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] }));
+            const user = user_event_1.default.setup();
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: modalOpen, onClose: onClose, closeLabel: "Close Me", children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] }));
+            const modal = react_1.screen.getByRole("dialog", { hidden: true });
+            expect(modal).toBeInTheDocument();
+            expect(modal.open).toBe(true);
+            react_1.screen.debug();
+            const closeButton = react_1.screen.getByRole("button");
+            await user.click(closeButton); // This errors because
+            expect(modal.open).toBe(false);
+        });
+        it("should cancel the modal", async () => {
+            const content = (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Sample content" });
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, { isOpen: true, onClose: onClose, children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] }));
             const modalContent = react_1.screen.getByText("Sample content");
             expect(modalContent).toBeInTheDocument();
-            const closeButton = react_1.screen.getByLabelText("Close");
-            await user_event_1.default.click(closeButton); // This errors
-            expect(modalOpen).toBe(false);
+            await user_event_1.default.keyboard("{escape}");
+            expect(onClose).toHaveBeenCalled();
         });
     });
     describe("closeLabel prop", () => {

package/dist/cjs/components/Modal/Modal.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Radio/Radio.stories.js

@@ -87,7 +87,7 @@ exports.ComplexLabel = {
                             width: "100%",
                             flexDirection: "row",
                             justifyContent: "space-between",
-                            marginBottom: "var(--size-20)",
+                            marginBottom: "var(--size-xs)",
                         }, children: [(0, jsx_runtime_1.jsx)("div", { children: "To pay today" }), (0, jsx_runtime_1.jsx)("div", { children: "$316.25" })] }), (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { style: {
                             width: "100%",
                             flexDirection: "row",

package/dist/cjs/components/Segment/Segment.stories.js

@@ -8,14 +8,12 @@ const __1 = require("..");
 const excludeControls_1 = require("../../utils/excludeControls");
 const sizeOptions = [
     "",
-    "size-10",
-    "size-20",
-    "size-30",
-    "size-40",
-    "size-50",
-    "size-60",
-    "size-70",
-    "size-80",
+    "size-xs",
+    "size-s",
+    "size-m",
+    "size-l",
+    "size-xl",
+    "size-xxl",
 ];
 exports.default = {
     title: "Layout/Segment",
@@ -65,7 +63,7 @@ exports.HorizontalStack = {
     render: (args) => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }))),
     args: {
         horizontal: true,
-        margin: "size-20",
+        margin: "size-xs",
     },
     argTypes: {
         margin: {
@@ -100,25 +98,25 @@ const BottomMarginRemoved = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.Segmen
 exports.BottomMarginRemoved = BottomMarginRemoved;
 const CompoundLayout = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "General liability" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Business property and equipment" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Total" })] }), (0, jsx_runtime_1.jsx)(SegmentGroup_1.SegmentGroup, { children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Payment Options" }) })] }));
 exports.CompoundLayout = CompoundLayout;
-const MarginAround = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { margin: "size-30", children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Bottom" })] }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }));
+const MarginAround = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { margin: "size-s", children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Bottom" })] }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }));
 exports.MarginAround = MarginAround;
 const PaymentDetails = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: "340px" }, children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsxs)(Segment_1.Segment, { heading: "Today's Payment", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                             display: "grid",
                             gridTemplateColumns: "2fr 1fr",
                             alignItems: "flex-end",
                             rowGap: "8px",
-                        }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: "General liability\\*" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "$300.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: "Contractor's equipment and small tools" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "$80.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: "Cyber insurance" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "$250.00" })] }), (0, jsx_runtime_1.jsx)(__1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "General liability\\*" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$300.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Contractor's equipment and small tools" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$80.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Cyber insurance" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$250.00" })] }), (0, jsx_runtime_1.jsx)(__1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
                             display: "grid",
                             gridTemplateColumns: "2fr 1fr",
                             alignItems: "flex-end",
                             rowGap: "8px",
                             width: "100%",
-                        }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: (0, jsx_runtime_1.jsx)("strong", { children: "To pay today" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: (0, jsx_runtime_1.jsx)("strong", { children: "$630.00" }) })] })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { heading: "Monthly Payments", children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: (0, jsx_runtime_1.jsx)("strong", { children: "To pay today" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: (0, jsx_runtime_1.jsx)("strong", { children: "$630.00" }) })] })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { heading: "Monthly Payments", children: (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: "grid",
                         gridTemplateColumns: "2fr 1fr",
                         alignItems: "flex-end",
                         rowGap: "8px",
                         width: "100%",
-                    }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: (0, jsx_runtime_1.jsx)("strong", { children: "First monthly payment taken" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "01/01/2022" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: "8 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "$120.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", children: "Then 2 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "caption", style: { justifySelf: "flex-end" }, children: "$90.00" })] }) }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { colour: "subtle", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { style: { width: "100%" }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(__1.Text, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total" }), " (inc. tax + fees)"] }), (0, jsx_runtime_1.jsx)(__1.Text, { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1,770.00" }) })] }) })] }) }));
+                    }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: (0, jsx_runtime_1.jsx)("strong", { children: "First monthly payment taken" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "01/01/2022" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "8 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$120.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Then 2 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$90.00" })] }) }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { colour: "subtle", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { style: { width: "100%" }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(__1.Text, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total" }), " (inc. tax + fees)"] }), (0, jsx_runtime_1.jsx)(__1.Text, { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1,770.00" }) })] }) })] }) }));
 exports.PaymentDetails = PaymentDetails;
 //# sourceMappingURL=Segment.stories.js.map

package/dist/cjs/components/Segment/Segment.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAAkD;AAClD,iDAAiE;AACjE,0BAUY;AACZ,iEAA8D;AAE9D,MAAM,WAAW,GAAG;IAClB,EAAE;IACF,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,iBAAO;IAClB,cAAc,EAAE;QACd,oBAAoB;QACpB,kBAAkB;QAClB,kBAAkB;QAClB,SAAS;QACT,SAAS;QACT,qBAAqB;QACrB,gBAAgB;QAChB,cAAc;QACd,gBAAgB;KACjB;IACD,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC;SACxD,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,EAAE,EAAE;gBACF,GAAG,EAAE,QAAQ;aACd;SACF,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBAAC,iBAAO,oBAAK,IAAI,eACf,wBAAC,QAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,aAE9B,uBAAC,QAAI,qCAA0B,EAC/B,uBAAC,QAAI,0BAAe,IACf,EACP,wBAAC,QAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,aAE9B,uBAAC,QAAI,8DAAoD,EACzD,uBAAC,QAAI,yBAAc,IACd,EACP,wBAAC,QAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,EACD,cAAc,EAAC,eAAe,aAE9B,uBAAC,QAAI,kCAAuB,EAC5B,uBAAC,QAAI,0BAAe,IACf,KACC,CACX;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEW,QAAA,aAAa,GAAyB;IACjD,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,wBAAC,2BAAY,eACX,uBAAC,iBAAO,oBAAK,IAAI,wBAAgB,EACjC,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,CAChB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEW,QAAA,eAAe,GAA8B;IACxD,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,wBAAC,2BAAY,oBAAK,IAAI,eACpB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,KACV,CAChB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC;SAC1B;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;SAC/B;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,uBAAC,iBAAO,oBAAK,IAAI,cACf,wBAAC,2BAAY,eACX,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,IACP,CACX;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,iBAAiB;QAC1B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,uBAAC,iBAAO,cACN,wBAAC,2BAAY,eACX,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,GACP,CACX,CAAC;AAPW,QAAA,OAAO,WAOlB;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,uBAAC,iBAAO,IAAC,OAAO,EAAC,iBAAiB,YAChC,uBAAC,iBAAO,uBAAe,GACf,CACX,CAAC;AAJW,QAAA,OAAO,WAIlB;AAEK,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CACtC,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,uBAAC,iBAAO,IAAC,MAAM,EAAC,QAAQ,uBAAiB,EACzC,uBAAC,iBAAO,IAAC,MAAM,EAAC,WAAW,0BAAoB,EAC/C,uBAAC,iBAAO,IAAC,QAAQ,QAAC,MAAM,EAAC,SAAS,wBAExB,EACV,uBAAC,iBAAO,IAAC,QAAQ,QAAC,MAAM,EAAC,WAAW,0BAE1B,IACN,CACP,CAAC;AAXW,QAAA,kBAAkB,sBAW7B;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CACpC,wBAAC,2BAAY,IAAC,UAAU,mBACtB,uBAAC,iBAAO,uBAAe,EACvB,uBAAC,iBAAO,uBAAe,IACV,CAChB,CAAC;AALW,QAAA,gBAAgB,oBAK3B;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CACpC,uBAAC,2BAAY,IAAC,UAAU,kBACtB,uBAAC,iBAAO,uBAAe,GACV,CAChB,CAAC;AAJW,QAAA,gBAAgB,oBAI3B;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CACvC,wBAAC,2BAAY,IAAC,UAAU,mBACtB,wBAAC,iBAAO,eACN,uBAAC,aAAS,IAAC,KAAK,EAAC,YAAY,GAAG,EAChC,uBAAC,YAAQ,IAAC,KAAK,EAAC,SAAS,GAAG,IACpB,EACV,wBAAC,iBAAO,IAAC,MAAM,EAAC,QAAQ,aACtB,wBAAC,cAAU,IAAC,KAAK,EAAC,QAAQ,aACxB,uBAAC,SAAK,IAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,GAAG,EACjC,uBAAC,SAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,IACxB,EACb,wBAAC,UAAM,IAAC,KAAK,EAAC,WAAW,aACvB,uBAAC,UAAM,wCAA+B,EACtC,uBAAC,UAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,UAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,UAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,IACF,IACD,IACG,CAChB,CAAC;AAzBW,QAAA,mBAAmB,uBAyB9B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,wBAAC,2BAAY,IAAC,UAAU,mBACtB,wBAAC,2BAAY,eACX,uBAAC,iBAAO,oCAA4B,EACpC,uBAAC,iBAAO,kDAA0C,EAClD,uBAAC,iBAAO,wBAAgB,IACX,EACf,uBAAC,2BAAY,cACX,uBAAC,iBAAO,kCAA0B,GACrB,IACF,CAChB,CAAC;AAXW,QAAA,cAAc,kBAWzB;AAEK,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAChC,wBAAC,2BAAY,eACX,uBAAC,iBAAO,sBAAc,EACtB,wBAAC,2BAAY,IAAC,MAAM,EAAC,SAAS,aAC5B,uBAAC,iBAAO,6BAAqB,EAC7B,uBAAC,iBAAO,gCAAwB,EAChC,uBAAC,iBAAO,gCAAwB,IACnB,EACf,wBAAC,2BAAY,IAAC,UAAU,mBACtB,uBAAC,iBAAO,sBAAc,EACtB,uBAAC,iBAAO,yBAAiB,EACzB,uBAAC,iBAAO,yBAAiB,IACZ,EACf,uBAAC,iBAAO,yBAAiB,IACZ,CAChB,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,wBAAC,2BAAY,eACX,wBAAC,iBAAO,IAAC,OAAO,EAAC,iBAAiB,aAChC,iCACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,mBAAmB,EAAE,SAAS;4BAC9B,UAAU,EAAE,UAAU;4BACtB,MAAM,EAAE,KAAK;yBACd,aAED,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,qCAA2B,EAClD,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,wBAEnD,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,uDAEhB,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,uBAEnD,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,gCAAuB,EAC9C,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,wBAEnD,IACH,EACN,uBAAC,WAAO,KAAG,EACX,iCACE,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,mBAAmB,EAAE,SAAS;4BAC9B,UAAU,EAAE,UAAU;4BACtB,MAAM,EAAE,KAAK;4BACb,KAAK,EAAE,MAAM;yBACd,aAED,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,YACrB,8DAA6B,GACxB,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,YACxD,yDAAwB,GACnB,IACH,IACE,EACV,uBAAC,iBAAO,IAAC,OAAO,EAAC,kBAAkB,YACjC,iCACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,mBAAmB,EAAE,SAAS;wBAC9B,UAAU,EAAE,UAAU;wBACtB,MAAM,EAAE,KAAK;wBACb,KAAK,EAAE,MAAM;qBACd,aAED,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,YACrB,6EAA4C,GACvC,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,2BAEnD,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,sCAA6B,EACpD,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,wBAEnD,EACP,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,2CAAkC,EACzD,uBAAC,QAAI,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,uBAEnD,IACH,GACE,EACV,uBAAC,iBAAO,IAAC,MAAM,EAAC,QAAQ,YACtB,wBAAC,QAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,EAAC,eAAe,aAC5D,wBAAC,QAAI,eACH,uDAAsB,0BACjB,EACP,uBAAC,QAAI,cACH,2DAA0B,GACrB,IACF,GACC,IACG,GACX,CACP,CAAC;AAnFW,QAAA,cAAc,kBAmFzB"}
+{"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Segment/SegmentGroup.d.ts

@@ -3,7 +3,7 @@ import { DOMProps } from "../../types/dom";
 export interface SegmentGroupProps extends DOMProps {
     className?: string;
     horizontal?: boolean;
-    margin?: "size-10" | "size-20" | "size-30" | "size-40" | "size-50" | "size-60" | "size-70" | "size-80";
+    margin?: "size-xs" | "size-s" | "size-m" | "size-l" | "size-xl" | "size-xxl";
     children?: ReactNode;
 }
 declare const SegmentGroup: {

package/dist/cjs/components/Segment/SegmentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,+DAA2C;AAkB3C,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,iDAAoD,CAAQ,CAAC;IAEnE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,EAAE,UAAU,EAAE,EACd,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,8CAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAGO,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,+DAA2C;AAU3C,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,iDAAoD,CAAQ,CAAC;IAEnE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,EAAE,UAAU,EAAE,EACd,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,8CAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAGO,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/cjs/components/Text/Text.d.ts

@@ -2,8 +2,8 @@ import { ReactNode, Ref, RefAttributes } from "react";
 import { DOMProps } from "../../types/dom";
 import { ForwardedRefComponent } from "../../types/components";
 export type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
-export type TextVariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "lead" | "body" | "caption" | "legal";
-export type ElementType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+export type TextVariantType = "h1" | "h2" | "h3" | "h4" | "body" | "small" | "legal";
+export type ElementType = "h1" | "h2" | "h3" | "h4" | "p" | "span";
 export interface TextProps extends DOMProps, RefAttributes<TextElementType> {
     /** HTML element for the text */
     elementType?: ElementType;

package/dist/cjs/components/Text/Text.js

@@ -20,7 +20,7 @@ const react_1 = require("react");
 const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const getElementType = (variant, elementType) => {
     if (variant) {
-        return ["h1", "h2", "h3", "h4", "h5"].includes(variant) ? variant : "p";
+        return ["h1", "h2", "h3", "h4"].includes(variant) ? variant : "p";
     }
     return elementType || "p";
 };

package/dist/cjs/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AAuC3C,MAAM,cAAc,GAAG,CACrB,OAAoC,EACpC,WAAoC,EACpC,EAAE;IACF,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;KACzE;IACD,OAAO,WAAW,IAAI,GAAG,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,EAAqD,EAAE,GAAY,EAAE,EAAE;QAAvE,EAAE,WAAW,EAAE,SAAS,GAAG,GAAG,OAAuB,EAAlB,KAAK,cAAxC,eAA0C,CAAF;IACvC,oCAAoC;IACpC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAtD,mCAA8C,CAAQ,CAAC;IAE7D,gEAAgE;IAChE,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,OAAO,IAAI,WAAW,CAAC;IAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,OAAO,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AA6B3C,MAAM,cAAc,GAAG,CACrB,OAAoC,EACpC,WAAoC,EACpC,EAAE;IACF,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;KACnE;IACD,OAAO,WAAW,IAAI,GAAG,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,EAAqD,EAAE,GAAY,EAAE,EAAE;QAAvE,EAAE,WAAW,EAAE,SAAS,GAAG,GAAG,OAAuB,EAAlB,KAAK,cAAxC,eAA0C,CAAF;IACvC,oCAAoC;IACpC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAtD,mCAA8C,CAAQ,CAAC;IAE7D,gEAAgE;IAChE,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,OAAO,IAAI,WAAW,CAAC;IAC3C,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,CACV,CAAC;IAEF,OAAO,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACrE,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/components/Text/Text.stories.js

@@ -28,9 +28,9 @@ exports.Themed = {
         },
     },
 };
-const Example = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "Heading 1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Heading 2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h3", children: "Heading 3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h4", children: "Heading 4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h5", children: "Heading 5" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h6", children: "Heading 6" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Paragraph" })] }), (0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "First Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut tincidunt rhoncus." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac congue odio." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Second Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin, elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu purus, id pretium ligula facilisis et." })] })] }));
+const Example = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "Heading 1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Heading 2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h3", children: "Heading 3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h4", children: "Heading 4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "Small paragraph" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "Small print" })] }), (0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h1", children: "First Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id turpis nisl. In hac habitasse platea dictumst. Morbi blandit sodales nibh, auctor dapibus orci pellentesque sit amet. Etiam posuere massa vel imperdiet dapibus. Morbi sed tempor neque, sit amet viverra magna. Etiam efficitur augue accumsan, feugiat libero id, tincidunt turpis. Nam ullamcorper enim in leo dapibus aliquam eu sit amet erat. Morbi iaculis magna ut tincidunt rhoncus." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Proin at vehicula ligula, ut semper sapien. Donec felis elit, pretium vitae viverra eget, venenatis id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit et erat nec placerat. Vestibulum vitae risus pellentesque, semper odio eget, elementum orci. Nam pulvinar metus sed sapien gravida bibendum. Praesent a malesuada ipsum. Vivamus ac congue odio." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { elementType: "h2", children: "Second Heading" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi. Etiam sollicitudin, elit eu dapibus pharetra, purus turpis egestas enim, vel pulvinar leo libero ac ante. Sed posuere, mi a commodo bibendum, dui lacus ullamcorper dolor, ut dapibus nunc libero vel felis. Morbi quis porttitor nisi. Aenean ac elit ipsum. Curabitur nunc nibh, tristique non purus vel, efficitur vulputate massa. Donec eget risus venenatis turpis tempor venenatis. Nam aliquet ipsum non faucibus tempus. Vestibulum efficitur ex erat, eget varius urna venenatis vel. Aenean mollis arcu purus, id pretium ligula facilisis et." })] })] }));
 exports.Example = Example;
-const ExampleVariant = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h1", children: "variant h1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h2", children: "variant h2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "variant h3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h4", children: "variant h4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h5", children: "variant h5" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "lead", children: "variant lead" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "variant body" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "caption", children: "variant caption" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "variant legal" })] }));
+const ExampleVariant = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h1", children: "variant h1" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h2", children: "variant h2" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "variant h3" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h4", children: "variant h4" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "body", children: "variant body" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "small", children: "variant small" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "legal", children: "variant legal" })] }));
 exports.ExampleVariant = ExampleVariant;
 const ExampleSpacing = () => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Tight Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { spacing: "tight", children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "h3", children: "Loose Spacing" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel lorem enim. Nam vitae enim mollis turpis scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Mauris pharetra enim et turpis lacinia, quis porta velit commodo. Scelerisque vulputate id sit amet nisl. Etiam et tortor a nunc hendrerit luctus sed at nunc." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Ut vel lectus arcu. Etiam ut efficitur turpis, pretium pretium nunc. Ut dolor nibh, facilisis at tempus at, iaculis sed mi." })] }));
 exports.ExampleSpacing = ExampleSpacing;

package/dist/cjs/components/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Text.stories.js","sourceRoot":"","sources":["../../../../src/components/Text/Text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAyC;AACzC,iEAA8D;AAC9D,gCAA6B;AAE7B,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,cAAc,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC/D,QAAQ,EAAE,IAAA,iCAAe,EAAC,WAAW,EAAE,OAAO,CAAC;CAChD,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEW,QAAA,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,uBAAC,WAAI,oBAAK,IAAI,+BAAoB;IAC/D,IAAI,EAAE;QACJ,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,6DACE,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,0BAAiB,EACvC,uBAAC,WAAI,4BAAiB,EACtB,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,gCAAuB,EAC5C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4BAAmB,IACpC,EACN,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,8BAAqB,EAC3C,uBAAC,WAAI,4pBAWE,EACP,uBAAC,WAAI,2cAQE,EACP,uBAAC,WAAI,IAAC,WAAW,EAAC,IAAI,+BAAsB,EAC5C,uBAAC,WAAI,wqBAWE,IACH,IACL,CACJ,CAAC;AAjDW,QAAA,OAAO,WAiDlB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,aACtD,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,2BAAkB,EACpC,uBAAC,WAAI,IAAC,OAAO,EAAC,MAAM,6BAAoB,EACxC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,EAC1C,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,8BAAqB,IACtC,CACP,CAAC;AAVW,QAAA,cAAc,kBAUzB;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAClC,wBAAC,SAAG,eACF,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,yNAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,+KAId,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,OAAO,4IAGd,EACP,uBAAC,WAAI,IAAC,OAAO,EAAC,IAAI,8BAAqB,EACvC,uBAAC,WAAI,2NAIE,EACP,uBAAC,WAAI,iLAIE,EACP,uBAAC,WAAI,8IAGE,IACH,CACP,CAAC;AAjCW,QAAA,cAAc,kBAiCzB"}

package/dist/cjs/components/Text/Text.test.js

@@ -10,8 +10,8 @@ describe("Text", () => {
     });
     describe("given elementType", () => {
         it("is not applied as element attribute", () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h6", children: "Sample text" }));
-            expect(container.firstChild).not.toHaveAttribute("elementtype", "h6");
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Text, { elementType: "h4", children: "Sample text" }));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "h4");
         });
     });
     describe("uses correct class names", () => {

package/dist/cjs/components/index.d.ts

@@ -6,6 +6,7 @@ export * from "./Button";
 export * from "./Checkbox";
 export * from "./Container";
 export * from "./Divider";
+export * from "./Drawer";
 export * from "./DropdownMenu";
 export * from "./ErrorMessage";
 export * from "./Fieldset";

package/dist/cjs/components/index.js

@@ -22,6 +22,7 @@ __exportStar(require("./Button"), exports);
 __exportStar(require("./Checkbox"), exports);
 __exportStar(require("./Container"), exports);
 __exportStar(require("./Divider"), exports);
+__exportStar(require("./Drawer"), exports);
 __exportStar(require("./DropdownMenu"), exports);
 __exportStar(require("./ErrorMessage"), exports);
 __exportStar(require("./Fieldset"), exports);

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB;AACxB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B;AAC5B,4CAA0B;AAC1B,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,+CAA6B;AAC7B,yCAAuB;AACvB,qDAAmC;AACnC,0CAAwB;AACxB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,0CAAwB;AACxB,wCAAsB;AACtB,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB;AACxB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,+CAA6B;AAC7B,yCAAuB;AACvB,qDAAmC;AACnC,0CAAwB;AACxB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,0CAAwB;AACxB,wCAAsB;AACtB,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,yCAAuB;AACvB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,mDAAiC"}