@mongodb-js/compass-components 1.52.1 → 1.53.0

package/lib/components/drawer/drawer/drawer.js

@@ -1,143 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
-const react_1 = __importStar(require("react"));
-const react_intersection_observer_1 = require("react-intersection-observer");
-const hooks_1 = require("@leafygreen-ui/hooks");
-const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
-const leafygreen_provider_1 = __importStar(require("@leafygreen-ui/leafygreen-provider"));
-const polymorphic_1 = require("@leafygreen-ui/polymorphic");
-const tokens_1 = require("@leafygreen-ui/tokens");
-const typography_1 = require("@leafygreen-ui/typography");
-const drawer_stack_context_1 = require("../drawer-stack-context");
-const utils_1 = require("../utils");
-const drawer_styles_1 = require("./drawer.styles");
-const drawer_types_1 = require("./drawer.types");
-const leafygreen_1 = require("../../leafygreen");
-const emotion_1 = require("@leafygreen-ui/emotion");
-const noPaddingFixesStyles = (0, emotion_1.css)({
-    padding: 0,
-});
-exports.Drawer = (0, react_1.forwardRef)(({ children, className, 'data-lgid': dataLgId, displayMode = drawer_types_1.DisplayMode.Overlay, id: idProp, onClose, open = false, title, hasPadding = true, ...rest }, fwdRef) => {
-    const { darkMode, theme } = (0, leafygreen_provider_1.useDarkMode)();
-    const { Component } = (0, polymorphic_1.usePolymorphic)(displayMode === drawer_types_1.DisplayMode.Overlay ? 'dialog' : 'div');
-    const { getDrawerIndex, registerDrawer, unregisterDrawer } = (0, drawer_stack_context_1.useDrawerStackContext)();
-    const [shouldAnimate, setShouldAnimate] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    const drawerRef = (0, hooks_1.useMergeRefs)([fwdRef, ref]);
-    const lgIds = (0, utils_1.getLgIds)(dataLgId);
-    const id = (0, hooks_1.useIdAllocator)({ prefix: 'drawer', id: idProp });
-    const titleId = (0, hooks_1.useIdAllocator)({ prefix: 'drawer' });
-    // Track when intercept <span> element is no longer visible to add shadow below drawer header
-    const { ref: interceptRef, inView: isInterceptInView } = (0, react_intersection_observer_1.useInView)({
-        initialInView: true,
-        fallbackInView: true,
-    });
-    const showCloseButton = !!onClose;
-    // This will use the default value of 0 if not wrapped in a DrawerStackProvider. If using a Drawer + Toolbar, the DrawerStackProvider will not be necessary.
-    const drawerIndex = getDrawerIndex(id);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const drawerElement = ref.current;
-        if (!drawerElement || drawerElement instanceof HTMLDivElement) {
-            return;
-        }
-        if (open) {
-            drawerElement.show();
-            setShouldAnimate(true);
-        }
-        else {
-            drawerElement.close();
-        }
-    }, [ref, open]);
-    (0, react_1.useEffect)(() => {
-        if (open) {
-            registerDrawer(id);
-        }
-        else {
-            setTimeout(() => unregisterDrawer(id), drawer_styles_1.drawerTransitionDuration);
-        }
-    }, [id, open, registerDrawer, unregisterDrawer]);
-    /**
-     * Focuses the first focusable element in the drawer when the animation ends. We have to manually handle this because we are hiding the drawer with visibility: hidden, which breaks the default focus behavior of dialog element.
-     *
-     */
-    const handleAnimationEnd = () => {
-        const drawerElement = ref.current;
-        // Check if the drawerElement is null or is a div, which means it is not a dialog element.
-        if (!drawerElement || drawerElement instanceof HTMLDivElement) {
-            return;
-        }
-        if (open) {
-            const firstFocusable = drawerElement.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-            firstFocusable?.focus();
-        }
-    };
-    return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode },
-        react_1.default.createElement(Component, { "aria-hidden": !open, "aria-labelledby": titleId, className: (0, drawer_styles_1.getDrawerStyles)({
-                theme,
-                open,
-                shouldAnimate,
-                className,
-                displayMode,
-                zIndex: 1000 + drawerIndex,
-            }), "data-lgid": lgIds.root, "data-testid": lgIds.root, id: id, ref: drawerRef, onAnimationEnd: handleAnimationEnd, inert: !open ? 'inert' : undefined, ...rest },
-            react_1.default.createElement("div", { className: (0, drawer_styles_1.getDrawerShadowStyles)({ theme, displayMode }) },
-                react_1.default.createElement("div", { className: (0, drawer_styles_1.getInnerContainerStyles)({
-                        theme,
-                        open,
-                    }) },
-                    react_1.default.createElement("div", { className: (0, drawer_styles_1.getHeaderStyles)({
-                            theme,
-                        }) },
-                        react_1.default.createElement(typography_1.Body, { as: typeof title === 'string' ? 'h2' : 'div', baseFontSize: tokens_1.BaseFontSize.Body2, id: titleId },
-                            react_1.default.createElement("strong", null, title)),
-                        showCloseButton && (react_1.default.createElement(icon_button_1.default, { "aria-label": "Close drawer", "data-lgid": lgIds.closeButton, "data-testid": lgIds.closeButton, onClick: onClose },
-                            react_1.default.createElement(leafygreen_1.Icon, { glyph: "X", size: "small" })))),
-                    react_1.default.createElement("div", { className: (0, drawer_styles_1.getChildrenContainerStyles)({
-                            hasShadowTop: !isInterceptInView,
-                            theme,
-                        }) },
-                        react_1.default.createElement("div", { className: (0, emotion_1.cx)(drawer_styles_1.innerChildrenContainerStyles, {
-                                [noPaddingFixesStyles]: !hasPadding,
-                            }) },
-                            react_1.default.createElement("span", { ref: interceptRef }),
-                            children)))))));
-});
-exports.Drawer.displayName = 'Drawer';
-//# sourceMappingURL=drawer.js.map

package/lib/components/drawer/drawer/drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,6EAAwD;AAExD,gDAI8B;AAC9B,6EAAoD;AACpD,0FAE4C;AAC5C,4DAA4D;AAC5D,kDAAqD;AACrD,0DAAiD;AAEjD,kEAAgE;AAChE,oCAAoC;AAEpC,mDAQyB;AACzB,iDAA+D;AAC/D,iDAAwC;AACxC,oDAAiD;AAEjD,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EACE,QAAQ,EACR,SAAS,EACT,WAAW,EAAE,QAAQ,EACrB,WAAW,GAAG,0BAAW,CAAC,OAAO,EACjC,EAAE,EAAE,MAAM,EACV,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,IAAI,EACR,EACD,MAAM,EACN,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,iCAAW,GAAE,CAAC;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,4BAAc,EAClC,WAAW,KAAK,0BAAW,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CACvD,CAAC;IACF,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,GACxD,IAAA,4CAAqB,GAAE,CAAC;IAC1B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAqC,IAAI,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,EAAE,GAAG,IAAA,sBAAc,EAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IAErD,6FAA6F;IAC7F,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,uCAAS,EAAC;QACjE,aAAa,EAAE,IAAI;QACnB,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,CAAC,OAAO,CAAC;IAClC,4JAA4J;IAC5J,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC;QAElC,IAAI,CAAC,aAAa,IAAI,aAAa,YAAY,cAAc,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,wCAAwB,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD;;;OAGG;IACH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC;QAElC,0FAA0F;QAC1F,IAAI,CAAC,aAAa,IAAI,aAAa,YAAY,cAAc,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,cAAc,GAAG,aAAa,CAAC,aAAa,CAChD,0EAA0E,CAC3E,CAAC;YACD,cAA8B,EAAE,KAAK,EAAE,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,QAAQ;QACpC,8BAAC,SAAS,mBACK,CAAC,IAAI,qBACD,OAAO,EACxB,SAAS,EAAE,IAAA,+BAAe,EAAC;gBACzB,KAAK;gBACL,IAAI;gBACJ,aAAa;gBACb,SAAS;gBACT,WAAW;gBACX,MAAM,EAAE,IAAI,GAAG,WAAW;aAC3B,CAAC,eACS,KAAK,CAAC,IAAI,iBACR,KAAK,CAAC,IAAI,EACvB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,cAAc,EAAE,kBAAkB,EAClC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KAC9B,IAAI;YAER,uCAAK,SAAS,EAAE,IAAA,qCAAqB,EAAC,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;gBAC3D,uCACE,SAAS,EAAE,IAAA,uCAAuB,EAAC;wBACjC,KAAK;wBACL,IAAI;qBACL,CAAC;oBAEF,uCACE,SAAS,EAAE,IAAA,+BAAe,EAAC;4BACzB,KAAK;yBACN,CAAC;wBAEF,8BAAC,iBAAI,IACH,EAAE,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC5C,YAAY,EAAE,qBAAY,CAAC,KAAK,EAChC,EAAE,EAAE,OAAO;4BAEX,8CAAS,KAAK,CAAU,CACnB;wBACN,eAAe,IAAI,CAClB,8BAAC,qBAAU,kBACE,cAAc,eACd,KAAK,CAAC,WAAW,iBACf,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,OAAO;4BAEhB,8BAAC,iBAAI,IAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACd,CACG;oBACN,uCACE,SAAS,EAAE,IAAA,0CAA0B,EAAC;4BACpC,YAAY,EAAE,CAAC,iBAAiB;4BAChC,KAAK;yBACN,CAAC;wBAEF,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,4CAA4B,EAAE;gCAC1C,CAAC,oBAAoB,CAAC,EAAE,CAAC,UAAU;6BACpC,CAAC;4BAGD,wCAAM,GAAG,EAAE,YAAY,GAAI;4BAC3B,QAAQ,CACL,CACF,CACF,CACF,CACI,CACO,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/lib/components/drawer/drawer/drawer.styles.d.ts

@@ -1,29 +0,0 @@
-import { type Theme } from '@leafygreen-ui/lib';
-import { DisplayMode } from './drawer.types';
-export declare const drawerTransitionDuration: 300;
-export declare const drawerClassName: string;
-export declare const getDrawerStyles: ({ className, displayMode, open, shouldAnimate, theme, zIndex, }: {
-    className?: string;
-    displayMode: DisplayMode;
-    open: boolean;
-    shouldAnimate: boolean;
-    theme: Theme;
-    zIndex: number;
-}) => string;
-export declare const getDrawerShadowStyles: ({ theme, displayMode, }: {
-    theme: Theme;
-    displayMode: DisplayMode;
-}) => string;
-export declare const getInnerContainerStyles: ({ theme, open, }: {
-    theme: Theme;
-    open: boolean;
-}) => string;
-export declare const getHeaderStyles: ({ theme }: {
-    theme: Theme;
-}) => string;
-export declare const getChildrenContainerStyles: ({ hasShadowTop, theme, }: {
-    hasShadowTop: boolean;
-    theme: Theme;
-}) => string;
-export declare const innerChildrenContainerStyles: string;
-//# sourceMappingURL=drawer.styles.d.ts.map

package/lib/components/drawer/drawer/drawer.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/drawer.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAYvE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,wBAAwB,KAA4B,CAAC;AAElE,eAAO,MAAM,eAAe,QAAqC,CAAC;AAiIlE,eAAO,MAAM,eAAe,GAAI,iEAO7B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,WAME,CAAC;AAEJ,eAAO,MAAM,qBAAqB,GAAI,yBAGnC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;CAC1B,WAeE,CAAC;AAsBJ,eAAO,MAAM,uBAAuB,GAAI,kBAGrC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACf,WAGG,CAAC;AAEL,eAAO,MAAM,eAAe,GAAI,WAAW;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,WAU1D,CAAC;AAOF,eAAO,MAAM,0BAA0B,GAAI,0BAGxC;IACD,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC;CACd,WAIG,CAAC;AAYL,eAAO,MAAM,4BAA4B,QAGxC,CAAC"}

package/lib/components/drawer/drawer/drawer.styles.js

@@ -1,174 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.innerChildrenContainerStyles = exports.getChildrenContainerStyles = exports.getHeaderStyles = exports.getInnerContainerStyles = exports.getDrawerShadowStyles = exports.getDrawerStyles = exports.drawerClassName = exports.drawerTransitionDuration = void 0;
-const emotion_1 = require("@leafygreen-ui/emotion");
-const lib_1 = require("@leafygreen-ui/lib");
-const tokens_1 = require("@leafygreen-ui/tokens");
-const constants_1 = require("../constants");
-const drawer_constants_1 = require("./drawer.constants");
-const drawer_types_1 = require("./drawer.types");
-exports.drawerTransitionDuration = tokens_1.transitionDuration.slower;
-exports.drawerClassName = (0, lib_1.createUniqueClassName)('lg-drawer');
-// Because of .show() and .close() in the drawer component, transitioning from 0px to (x)px does not transition correctly. Having the drawer start at the open position while hidden, moving to the closed position, and then animating to the open position is a workaround to get the animation to work.
-// These styles are used for a standalone drawer in overlay mode since it is not part of a grid layout.
-const drawerIn = (0, emotion_1.keyframes) `
-  0% {
-    transform: translate3d(0%, 0, 0);
-    opacity: 0;
-    visibility: hidden; 
-  }
-  1% {
-   transform: translate3d(100%, 0, 0);
-    opacity: 1;
-    visibility: visible;
-  }
-  100% {
-    transform: translate3d(0%, 0, 0);
-  }
-`;
-// Keep the drawer opacity at 1 until the end of the animation. The inner container opacity is transitioned separately.
-const drawerOut = (0, emotion_1.keyframes) `
-  0% {
-    transform: translate3d(0%, 0, 0);
-  }
-  99% {
-    transform: translate3d(100%, 0, 0);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    visibility: hidden;
-  }
-`;
-const getBaseStyles = ({ theme }) => (0, emotion_1.css) `
-  all: unset;
-  background-color: ${tokens_1.color[theme].background.primary.default};
-  border: 1px solid ${tokens_1.color[theme].border.secondary.default};
-  max-width: ${constants_1.PANEL_WIDTH}px;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-
-  @media only screen and (max-width: ${drawer_constants_1.MOBILE_BREAKPOINT}px) {
-    max-width: 100%;
-    height: 50vh;
-  }
-`;
-const overlayOpenStyles = (0, emotion_1.css) `
-  opacity: 1;
-  animation-name: ${drawerIn};
-
-  // On mobile, the drawer should be positioned at the bottom of the screen when closed, and slide up to the top when opened.
-  @media only screen and (max-width: ${drawer_constants_1.MOBILE_BREAKPOINT}px) {
-    transform: none;
-  }
-`;
-const overlayClosedStyles = (0, emotion_1.css) `
-  pointer-events: none;
-  animation-name: ${drawerOut};
-
-  // On mobile, the drawer should be positioned at the bottom of the screen when closed, and slide up to the top when opened.
-  @media only screen and (max-width: ${drawer_constants_1.MOBILE_BREAKPOINT}px) {
-    transform: translate3d(0, 100%, 0);
-    opacity: 0;
-  }
-`;
-const getOverlayStyles = ({ open, shouldAnimate, zIndex, }) => (0, emotion_1.cx)((0, emotion_1.css) `
-      position: absolute;
-      z-index: ${zIndex};
-      top: 0;
-      bottom: 0;
-      right: 0;
-      overflow: visible;
-
-      // By default, the drawer is positioned off-screen to the right.
-      transform: translate3d(100%, 0, 0);
-      animation-timing-function: ease-in-out;
-      animation-duration: ${exports.drawerTransitionDuration}ms;
-      animation-fill-mode: forwards;
-
-      @media only screen and (max-width: ${drawer_constants_1.MOBILE_BREAKPOINT}px) {
-        top: unset;
-        left: 0;
-        // Since the drawer has position: fixed, we can use normal transitions
-        animation: none;
-        position: fixed;
-        transform: translate3d(0, 100%, 0);
-        transition: transform ${exports.drawerTransitionDuration}ms ease-in-out,
-          opacity ${exports.drawerTransitionDuration}ms ease-in-out
-            ${open ? '0ms' : `${exports.drawerTransitionDuration}ms`};
-      }
-    `, {
-    [overlayOpenStyles]: open,
-    [overlayClosedStyles]: !open && shouldAnimate, // This ensures that the drawer does not animate closed on initial render
-});
-const getDisplayModeStyles = ({ displayMode, open, shouldAnimate, zIndex, }) => (0, emotion_1.cx)({
-    [getOverlayStyles({ open, shouldAnimate, zIndex })]: displayMode === drawer_types_1.DisplayMode.Overlay,
-});
-const getDrawerStyles = ({ className, displayMode, open, shouldAnimate, theme, zIndex, }) => (0, emotion_1.cx)(getBaseStyles({ theme }), getDisplayModeStyles({ displayMode, open, shouldAnimate, zIndex }), className, exports.drawerClassName);
-exports.getDrawerStyles = getDrawerStyles;
-const getDrawerShadowStyles = ({ theme, displayMode, }) => (0, emotion_1.cx)((0, emotion_1.css) `
-      height: 100%;
-      background-color: ${tokens_1.color[theme].background.primary.default};
-    `, {
-    [(0, emotion_1.css) `
-        ${(0, tokens_1.addOverflowShadow)({ isInside: false, side: tokens_1.Side.Left, theme })};
-
-        @media only screen and (max-width: ${drawer_constants_1.MOBILE_BREAKPOINT}px) {
-          ${(0, tokens_1.addOverflowShadow)({ isInside: false, side: tokens_1.Side.Top, theme })};
-        }
-      `]: displayMode === drawer_types_1.DisplayMode.Overlay,
-});
-exports.getDrawerShadowStyles = getDrawerShadowStyles;
-const getBaseInnerContainerStyles = ({ theme }) => (0, emotion_1.css) `
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: ${tokens_1.color[theme].background.primary.default};
-  opacity: 0;
-  transition-property: opacity;
-  transition-duration: ${tokens_1.transitionDuration.faster}ms;
-  transition-timing-function: linear;
-`;
-const getInnerOpenContainerStyles = (0, emotion_1.css) `
-  transition-property: opacity;
-  transition-duration: ${tokens_1.transitionDuration.slowest}ms;
-  transition-timing-function: linear;
-  opacity: 1;
-  width: ${constants_1.PANEL_WIDTH}px;
-`;
-const getInnerContainerStyles = ({ theme, open, }) => (0, emotion_1.cx)(getBaseInnerContainerStyles({ theme }), {
-    [getInnerOpenContainerStyles]: open,
-});
-exports.getInnerContainerStyles = getInnerContainerStyles;
-const getHeaderStyles = ({ theme }) => (0, emotion_1.css) `
-  height: ${drawer_constants_1.HEADER_HEIGHT}px;
-  padding: ${tokens_1.spacing[400]}px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid ${tokens_1.color[theme].border.secondary.default};
-  transition-property: box-shadow;
-  transition-duration: ${tokens_1.transitionDuration.faster}ms;
-  transition-timing-function: ease-in-out;
-`;
-exports.getHeaderStyles = getHeaderStyles;
-const baseChildrenContainerStyles = (0, emotion_1.css) `
-  height: 100%;
-  overflow: hidden;
-`;
-const getChildrenContainerStyles = ({ hasShadowTop, theme, }) => (0, emotion_1.cx)(baseChildrenContainerStyles, {
-    [(0, tokens_1.addOverflowShadow)({ isInside: true, side: tokens_1.Side.Top, theme })]: hasShadowTop,
-});
-exports.getChildrenContainerStyles = getChildrenContainerStyles;
-const baseInnerChildrenContainerStyles = (0, emotion_1.css) `
-  height: 100%;
-`;
-const scrollContainerStyles = (0, emotion_1.css) `
-  padding: ${tokens_1.spacing[400]}px;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-`;
-exports.innerChildrenContainerStyles = (0, emotion_1.cx)(baseInnerChildrenContainerStyles, scrollContainerStyles);
-//# sourceMappingURL=drawer.styles.js.map

package/lib/components/drawer/drawer/drawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/drawer.styles.ts"],"names":[],"mappings":";;;AAAA,oDAA4D;AAC5D,4CAAuE;AACvE,kDAM+B;AAE/B,4CAA2C;AAE3C,yDAAsE;AACtE,iDAA6C;AAEhC,QAAA,wBAAwB,GAAG,2BAAkB,CAAC,MAAM,CAAC;AAErD,QAAA,eAAe,GAAG,IAAA,2BAAqB,EAAC,WAAW,CAAC,CAAC;AAElE,0SAA0S;AAC1S,uGAAuG;AACvG,MAAM,QAAQ,GAAG,IAAA,mBAAS,EAAA;;;;;;;;;;;;;;CAczB,CAAC;AAEF,uHAAuH;AACvH,MAAM,SAAS,GAAG,IAAA,mBAAS,EAAA;;;;;;;;;;;;CAY1B,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;;sBAEpC,cAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO;sBACvC,cAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO;eAC5C,uBAAW;;;;;uCAKa,oCAAiB;;;;CAIvD,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAA;;oBAET,QAAQ;;;uCAGW,oCAAiB;;;CAGvD,CAAC;AAEF,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAA;;oBAEX,SAAS;;;uCAGU,oCAAiB;;;;CAIvD,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EACb,MAAM,GAKP,EAAE,EAAE,CACH,IAAA,YAAE,EACA,IAAA,aAAG,EAAA;;iBAEU,MAAM;;;;;;;;;4BASK,gCAAwB;;;2CAGT,oCAAiB;;;;;;;gCAO5B,gCAAwB;oBACpC,gCAAwB;cAC9B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,gCAAwB,IAAI;;KAEvD,EACD;IACE,CAAC,iBAAiB,CAAC,EAAE,IAAI;IACzB,CAAC,mBAAmB,CAAC,EAAE,CAAC,IAAI,IAAI,aAAa,EAAE,yEAAyE;CACzH,CACF,CAAC;AAEJ,MAAM,oBAAoB,GAAG,CAAC,EAC5B,WAAW,EACX,IAAI,EACJ,aAAa,EACb,MAAM,GAMP,EAAE,EAAE,CACH,IAAA,YAAE,EAAC;IACD,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,EACjD,WAAW,KAAK,0BAAW,CAAC,OAAO;CACtC,CAAC,CAAC;AAEE,MAAM,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,IAAI,EACJ,aAAa,EACb,KAAK,EACL,MAAM,GAQP,EAAE,EAAE,CACH,IAAA,YAAE,EACA,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EACxB,oBAAoB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAClE,SAAS,EACT,uBAAe,CAChB,CAAC;AApBS,QAAA,eAAe,mBAoBxB;AAEG,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,WAAW,GAIZ,EAAE,EAAE,CACH,IAAA,YAAE,EACA,IAAA,aAAG,EAAA;;0BAEmB,cAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO;KAC5D,EACD;IACE,CAAC,IAAA,aAAG,EAAA;UACA,IAAA,0BAAiB,EAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,aAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;;6CAE3B,oCAAiB;YAClD,IAAA,0BAAiB,EAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,aAAI,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC;;OAElE,CAAC,EAAE,WAAW,KAAK,0BAAW,CAAC,OAAO;CACxC,CACF,CAAC;AArBS,QAAA,qBAAqB,yBAqB9B;AAEJ,MAAM,2BAA2B,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;;;;;sBAKlD,cAAK,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO;;;yBAGpC,2BAAkB,CAAC,MAAM;;CAEjD,CAAC;AAEF,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAA;;yBAEd,2BAAkB,CAAC,OAAO;;;WAGxC,uBAAW;CACrB,CAAC;AAEK,MAAM,uBAAuB,GAAG,CAAC,EACtC,KAAK,EACL,IAAI,GAIL,EAAE,EAAE,CACH,IAAA,YAAE,EAAC,2BAA2B,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IACzC,CAAC,2BAA2B,CAAC,EAAE,IAAI;CACpC,CAAC,CAAC;AATQ,QAAA,uBAAuB,2BAS/B;AAEE,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;YACvD,gCAAa;aACZ,gBAAO,CAAC,GAAG,CAAC;;;;6BAII,cAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO;;yBAEzC,2BAAkB,CAAC,MAAM;;CAEjD,CAAC;AAVW,QAAA,eAAe,mBAU1B;AAEF,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAA;;;CAGtC,CAAC;AAEK,MAAM,0BAA0B,GAAG,CAAC,EACzC,YAAY,EACZ,KAAK,GAIN,EAAE,EAAE,CACH,IAAA,YAAE,EAAC,2BAA2B,EAAE;IAC9B,CAAC,IAAA,0BAAiB,EAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,aAAI,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,EAC5D,YAAY;CACf,CAAC,CAAC;AAVQ,QAAA,0BAA0B,8BAUlC;AAEL,MAAM,gCAAgC,GAAG,IAAA,aAAG,EAAA;;CAE3C,CAAC;AAEF,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAA;aACpB,gBAAO,CAAC,GAAG,CAAC;;;CAGxB,CAAC;AAEW,QAAA,4BAA4B,GAAG,IAAA,YAAE,EAC5C,gCAAgC,EAChC,qBAAqB,CACtB,CAAC"}

package/lib/components/drawer/drawer/drawer.types.d.ts

@@ -1,40 +0,0 @@
-import type React from 'react';
-import type { DarkModeProps, HTMLElementProps, LgIdProps } from '@leafygreen-ui/lib';
-/**
- * Options to control how the drawer element is displayed
- * @param Embedded will display a drawer as a `<div>` element that takes up the full parent container height and on the same elevation as container page content. It is recommended to wrap an embedded drawer within the `DrawerLayout` container
- * @param Overlay will display a drawer as a `<dialog>` element that takes up the full parent container height and elevated above container page content. It is recommended to wrap an overlay drawer within the `DrawerLayout` container
- */
-export declare const DisplayMode: {
-    readonly Embedded: "embedded";
-    readonly Overlay: "overlay";
-};
-export type DisplayMode = (typeof DisplayMode)[keyof typeof DisplayMode];
-export interface DrawerProps extends Omit<HTMLElementProps<'dialog' | 'div'>, 'title'>, DarkModeProps, LgIdProps {
-    /**
-     * Options to display the drawer element
-     * @defaultValue 'overlay'
-     * @param Embedded will display a drawer as a `<div>` element that takes up the full parent container height and on the same elevation as container page content. It is recommended to wrap an embedded drawer within the `DrawerLayout` container
-     * @param Overlay will display a drawer as a `<dialog>` element that takes up the full parent container height and elevated above container page content. It is recommended to wrap an overlay drawer within the `DrawerLayout` container
-     */
-    displayMode?: DisplayMode;
-    /**
-     * Determines if the Drawer is open or closed
-     * @defaultValue false
-     */
-    open?: boolean;
-    /**
-     * Event handler called on close button click. If provided, a close button will be rendered in the Drawer header.
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Title of the Drawer
-     */
-    title: React.ReactNode;
-    /**
-     * Determines if the Drawer has padding
-     * @defaultValue true
-     */
-    hasPadding?: boolean;
-}
-//# sourceMappingURL=drawer.types.d.ts.map

package/lib/components/drawer/drawer/drawer.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,SAAS,EACV,MAAM,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;CAGd,CAAC;AACX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,KAAK,CAAC,EAAE,OAAO,CAAC,EACvD,aAAa,EACb,SAAS;IACX;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAErD;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/lib/components/drawer/drawer/drawer.types.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayMode = void 0;
-/**
- * Options to control how the drawer element is displayed
- * @param Embedded will display a drawer as a `<div>` element that takes up the full parent container height and on the same elevation as container page content. It is recommended to wrap an embedded drawer within the `DrawerLayout` container
- * @param Overlay will display a drawer as a `<dialog>` element that takes up the full parent container height and elevated above container page content. It is recommended to wrap an overlay drawer within the `DrawerLayout` container
- */
-exports.DisplayMode = {
-    Embedded: 'embedded',
-    Overlay: 'overlay',
-};
-//# sourceMappingURL=drawer.types.js.map

package/lib/components/drawer/drawer/drawer.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/drawer.types.ts"],"names":[],"mappings":";;;AAQA;;;;GAIG;AACU,QAAA,WAAW,GAAG;IACzB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACV,CAAC"}

package/lib/components/drawer/drawer/index.d.ts

@@ -1,5 +0,0 @@
-export { Drawer } from './drawer';
-export { MOBILE_BREAKPOINT } from './drawer.constants';
-export { drawerClassName } from './drawer.styles';
-export { DisplayMode, type DrawerProps } from './drawer.types';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/drawer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/drawer/drawer/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayMode = exports.drawerClassName = exports.MOBILE_BREAKPOINT = exports.Drawer = void 0;
-var drawer_1 = require("./drawer");
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
-var drawer_constants_1 = require("./drawer.constants");
-Object.defineProperty(exports, "MOBILE_BREAKPOINT", { enumerable: true, get: function () { return drawer_constants_1.MOBILE_BREAKPOINT; } });
-var drawer_styles_1 = require("./drawer.styles");
-Object.defineProperty(exports, "drawerClassName", { enumerable: true, get: function () { return drawer_styles_1.drawerClassName; } });
-var drawer_types_1 = require("./drawer.types");
-Object.defineProperty(exports, "DisplayMode", { enumerable: true, get: function () { return drawer_types_1.DisplayMode; } });
-//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uDAAuD;AAA9C,qHAAA,iBAAiB,OAAA;AAC1B,iDAAkD;AAAzC,gHAAA,eAAe,OAAA;AACxB,+CAA+D;AAAtD,2GAAA,WAAW,OAAA"}

package/lib/components/drawer/drawer-layout/drawer-layout.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-/**
- * `DrawerLayout` is a component that provides a flexible layout for displaying content in a drawer.
- * It can be used in both `overlay` and `embedded` modes, with or without a `Toolbar`.
- */
-export declare const DrawerLayout: React.ForwardRefExoticComponent<(Omit<{
-    toolbarData: import("./drawer-layout.types").DrawerLayoutPropsWithToolbar["toolbarData"];
-} & Omit<import("../drawer-toolbar-layout").DrawerToolbarLayoutProps, "displayMode"> & {
-    isDrawerOpen?: never;
-} & import("./drawer-layout.types").BaseDrawerLayoutProps, "ref"> | Omit<{
-    toolbarData?: never;
-} & Omit<import("../layout-component").LayoutComponentProps, "displayMode" | "isDrawerOpen"> & {
-    toolbarData?: never;
-    onClose?: never;
-    isDrawerOpen?: boolean;
-} & import("./drawer-layout.types").BaseDrawerLayoutProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=drawer-layout.d.ts.map

package/lib/components/drawer/drawer-layout/drawer-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;yGA0CxB,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.js

@@ -1,57 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerLayout = void 0;
-const react_1 = __importStar(require("react"));
-const lib_1 = require("@leafygreen-ui/lib");
-const drawer_types_1 = require("../drawer/drawer.types");
-const drawer_toolbar_layout_1 = require("../drawer-toolbar-layout");
-const layout_component_1 = require("../layout-component");
-/**
- * `DrawerLayout` is a component that provides a flexible layout for displaying content in a drawer.
- * It can be used in both `overlay` and `embedded` modes, with or without a `Toolbar`.
- */
-exports.DrawerLayout = (0, react_1.forwardRef)(({ toolbarData, children, displayMode = drawer_types_1.DisplayMode.Overlay, isDrawerOpen = false, ...rest }, forwardedRef) => {
-    // If there is data, we render the DrawerToolbarLayout.
-    if (toolbarData) {
-        return (react_1.default.createElement(drawer_toolbar_layout_1.DrawerToolbarLayout, { ref: forwardedRef, toolbarData: toolbarData, displayMode: displayMode, ...rest }, children));
-    }
-    lib_1.consoleOnce.warn('Using a Drawer without a toolbar is not recommended. To include a toolbar, pass a toolbarData prop containing the desired toolbar items.');
-    // If there is no data, we render the LayoutComponent.
-    // The LayoutComponent will read the displayMode and render the appropriate layout.
-    return (react_1.default.createElement(layout_component_1.LayoutComponent, { ref: forwardedRef, displayMode: displayMode, isDrawerOpen: isDrawerOpen, ...rest }, children));
-});
-exports.DrawerLayout.displayName = 'DrawerLayout';
-//# sourceMappingURL=drawer-layout.js.map

package/lib/components/drawer/drawer-layout/drawer-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-layout.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,4CAAiD;AAEjD,yDAAqD;AACrD,oEAA+D;AAC/D,0DAAsD;AAItD;;;GAGG;AACU,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CACE,EACE,WAAW,EACX,QAAQ,EACR,WAAW,GAAG,0BAAW,CAAC,OAAO,EACjC,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACW,EACpB,YAAY,EACZ,EAAE;IACF,uDAAuD;IACvD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,8BAAC,2CAAmB,IAClB,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,KACpB,IAAI,IAEP,QAAQ,CACW,CACvB,CAAC;IACJ,CAAC;IAED,iBAAW,CAAC,IAAI,CACd,0IAA0I,CAC3I,CAAC;IAEF,sDAAsD;IACtD,mFAAmF;IACnF,OAAO,CACL,8BAAC,kCAAe,IACd,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,KACtB,IAAI,IAEP,QAAQ,CACO,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts

@@ -1,34 +0,0 @@
-import type { DarkModeProps, HTMLElementProps } from '@leafygreen-ui/lib';
-import type { DrawerProps } from '../drawer/drawer.types';
-import type { DrawerToolbarLayoutProps } from '../drawer-toolbar-layout';
-import type { LayoutComponentProps } from '../layout-component';
-export type PickedDrawerProps = Pick<DrawerProps, 'displayMode'>;
-export interface BaseDrawerLayoutProps extends PickedDrawerProps, HTMLElementProps<'div'>, DarkModeProps {
-    children: React.ReactNode;
-}
-export type DrawerLayoutPropsWithoutToolbar = Omit<LayoutComponentProps, 'displayMode' | 'isDrawerOpen'> & {
-    /**
-     * An array of data that will be used to render the toolbar items and the drawer content.
-     */
-    toolbarData?: never;
-    /**
-     * Event handler called on close button click. If provided, a close button will be rendered in the Drawer header.
-     */
-    onClose?: never;
-    /**
-     * Determines if the Drawer is open. This is only needed if using the Drawer without a toolbar. This will shift the layout to the right by the width of the drawer if `displayMode` is set to 'embedded'.
-     */
-    isDrawerOpen?: boolean;
-} & BaseDrawerLayoutProps;
-export type DrawerLayoutPropsWithToolbar = Omit<DrawerToolbarLayoutProps, 'displayMode'> & {
-    /**
-     * Determines if the Drawer is open. This is only needed if using the Drawer without a toolbar. This will shift the layout to the right by the width of the drawer if `displayMode` is set to 'embedded'.
-     */
-    isDrawerOpen?: never;
-} & BaseDrawerLayoutProps;
-export type DrawerLayoutProps = ({
-    toolbarData: DrawerLayoutPropsWithToolbar['toolbarData'];
-} & DrawerLayoutPropsWithToolbar) | ({
-    toolbarData?: never;
-} & DrawerLayoutPropsWithoutToolbar);
-//# sourceMappingURL=drawer-layout.types.d.ts.map

package/lib/components/drawer/drawer-layout/drawer-layout.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAEjE,MAAM,WAAW,qBACf,SAAQ,iBAAiB,EACvB,gBAAgB,CAAC,KAAK,CAAC,EACvB,aAAa;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,oBAAoB,EACpB,aAAa,GAAG,cAAc,CAC/B,GAAG;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,qBAAqB,CAAC;AAE1B,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,wBAAwB,EACxB,aAAa,CACd,GAAG;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GAAG,qBAAqB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GACzB,CAAC;IACC,WAAW,EAAE,4BAA4B,CAAC,aAAa,CAAC,CAAC;CAC1D,GAAG,4BAA4B,CAAC,GACjC,CAAC;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,+BAA+B,CAAC,CAAC"}

package/lib/components/drawer/drawer-layout/drawer-layout.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=drawer-layout.types.js.map

package/lib/components/drawer/drawer-layout/drawer-layout.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-layout.types.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/drawer-layout.types.ts"],"names":[],"mappings":""}

package/lib/components/drawer/drawer-layout/index.d.ts

@@ -1,3 +0,0 @@
-export { DrawerLayout } from './drawer-layout';
-export type { DrawerLayoutProps } from './drawer-layout.types';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/drawer-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/components/drawer/drawer-layout/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerLayout = void 0;
-var drawer_layout_1 = require("./drawer-layout");
-Object.defineProperty(exports, "DrawerLayout", { enumerable: true, get: function () { return drawer_layout_1.DrawerLayout; } });
-//# sourceMappingURL=index.js.map

package/lib/components/drawer/drawer-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-layout/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { DrawerStackContextType } from './drawer-stack-context.types';
-export declare const DrawerStackContext: React.Context<DrawerStackContextType>;
-export declare const DrawerStackProvider: ({ children, }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const useDrawerStackContext: () => DrawerStackContextType;
-//# sourceMappingURL=drawer-stack-context.d.ts.map

package/lib/components/drawer/drawer-stack-context/drawer-stack-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-stack-context.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer-stack-context/drawer-stack-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,eAAO,MAAM,kBAAkB,uCAI7B,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,eAEjC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAwCA,CAAC;AAEF,eAAO,MAAM,qBAAqB,8BAIjC,CAAC"}