@mongodb-js/compass-components 1.2.0 → 1.3.0

package/lib/components/modals/form-modal.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Modal } from './modal';
+export declare const Variant: {
+    readonly Default: "primary";
+    readonly Danger: "danger";
+};
+export declare type Variant = typeof Variant[keyof typeof Variant];
+declare type FormModalProps = React.ComponentProps<typeof Modal> & {
+    variant?: Variant;
+    title: string;
+    subtitle?: string;
+    submitButtonText: string;
+    cancelButtonText?: string;
+    submitDisabled?: boolean;
+    scroll?: boolean;
+    minBodyHeight?: number;
+    onSubmit: () => void;
+    onCancel: () => void;
+};
+declare function FormModal({ title, subtitle, submitButtonText, cancelButtonText, submitDisabled, variant, scroll, minBodyHeight, onSubmit, onCancel, children, ...modalProps }: FormModalProps): JSX.Element;
+export { FormModal };
+//# sourceMappingURL=form-modal.d.ts.map

package/lib/components/modals/form-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,oBAAY,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE3D,aAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAA2B,EAC3B,cAAsB,EACtB,OAAyB,EACzB,MAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAiChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/modals/form-modal.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormModal = exports.Variant = void 0;
+const react_1 = __importDefault(require("react"));
+const button_1 = require("@leafygreen-ui/button");
+const modal_1 = require("./modal");
+const leafygreen_1 = require("../leafygreen");
+const modal_body_1 = require("./modal-body");
+const modal_header_1 = require("./modal-header");
+const modal_footer_button_1 = require("./modal-footer-button");
+exports.Variant = {
+    Default: button_1.Variant.Primary,
+    Danger: button_1.Variant.Danger,
+};
+function FormModal({ title, subtitle, submitButtonText, cancelButtonText = 'Cancel', submitDisabled = false, variant = exports.Variant.Default, scroll = true, minBodyHeight, onSubmit, onCancel, children, ...modalProps }) {
+    return (react_1.default.createElement(modal_1.Modal, { setOpen: onCancel, ...modalProps },
+        react_1.default.createElement("form", { onSubmit: (event) => {
+                event.preventDefault();
+                onSubmit();
+            } },
+            react_1.default.createElement(modal_header_1.ModalHeader, { title: title, subtitle: subtitle, variant: variant }),
+            react_1.default.createElement(modal_body_1.ModalBody, { variant: variant, scroll: scroll, minHeight: minBodyHeight }, children),
+            react_1.default.createElement(leafygreen_1.ModalFooter, null,
+                react_1.default.createElement(modal_footer_button_1.ModalFooterButton, { "data-testid": "submit-button", variant: variant, type: "submit", disabled: submitDisabled }, submitButtonText),
+                react_1.default.createElement(modal_footer_button_1.ModalFooterButton, { "data-testid": "cancel-button", onClick: onCancel, variant: "default" }, cancelButtonText)))));
+}
+exports.FormModal = FormModal;
+//# sourceMappingURL=form-modal.js.map

package/lib/components/modals/form-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-modal.js","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAiE;AACjE,mCAAgC;AAChC,8CAA4C;AAE5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;AAE7C,QAAA,OAAO,GAAG;IACrB,OAAO,EAAE,gBAAa,CAAC,OAAO;IAC9B,MAAM,EAAE,gBAAa,CAAC,MAAM;CACpB,CAAC;AAiBX,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GAAG,QAAQ,EAC3B,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,eAAO,CAAC,OAAO,EACzB,MAAM,GAAG,IAAI,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,8BAAC,aAAK,IAAC,OAAO,EAAE,QAAQ,KAAM,UAAU;QACtC,wCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,QAAQ,EAAE,CAAC;YACb,CAAC;YAED,8BAAC,0BAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI;YACnE,8BAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,IAClE,QAAQ,CACC;YACZ,8BAAC,wBAAW;gBACV,8BAAC,uCAAiB,mBACJ,eAAe,EAC3B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,cAAc,IAEvB,gBAAgB,CACC;gBACpB,8BAAC,uCAAiB,mBACJ,eAAe,EAC3B,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAC,SAAS,IAEhB,gBAAgB,CACC,CACR,CACT,CACD,CACT,CAAC;AACJ,CAAC;AAEQ,8BAAS"}

package/lib/components/modals/info-modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Modal } from './modal';
+declare type InfoModalProps = React.ComponentProps<typeof Modal> & {
+    title: string;
+    subtitle?: string;
+    showCloseButton?: boolean;
+    closeButtonText?: string;
+    onClose: () => void;
+};
+declare function InfoModal({ title, subtitle, showCloseButton, closeButtonText, onClose, children, ...modalProps }: InfoModalProps): JSX.Element;
+export { InfoModal };
+//# sourceMappingURL=info-modal.d.ts.map

package/lib/components/modals/info-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,aAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,eAAyB,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAwBhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/modals/info-modal.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoModal = void 0;
+const react_1 = __importDefault(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const modal_1 = require("./modal");
+const leafygreen_1 = require("../leafygreen");
+const modal_body_1 = require("./modal-body");
+const modal_header_1 = require("./modal-header");
+const modal_footer_button_1 = require("./modal-footer-button");
+function InfoModal({ title, subtitle, showCloseButton = true, closeButtonText = 'Close', onClose, children, ...modalProps }) {
+    return (react_1.default.createElement(modal_1.Modal, { setOpen: onClose, contentClassName: (0, emotion_1.cx)(!showCloseButton && (0, emotion_1.css)({ paddingBottom: tokens_1.spacing[5] })), ...modalProps },
+        react_1.default.createElement(modal_header_1.ModalHeader, { title: title, subtitle: subtitle }),
+        react_1.default.createElement(modal_body_1.ModalBody, null, children),
+        showCloseButton && (react_1.default.createElement(leafygreen_1.ModalFooter, null,
+            react_1.default.createElement(modal_footer_button_1.ModalFooterButton, { "data-testid": "close-button", onClick: onClose, variant: "default" }, closeButtonText)))));
+}
+exports.InfoModal = InfoModal;
+//# sourceMappingURL=info-modal.js.map

package/lib/components/modals/info-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-modal.js","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,kDAAgD;AAEhD,mCAAgC;AAChC,8CAA4C;AAC5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;AAU1D,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,OAAO,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,8BAAC,aAAK,IACJ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAA,YAAE,EAClB,CAAC,eAAe,IAAI,IAAA,aAAG,EAAC,EAAE,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CACvD,KACG,UAAU;QAEd,8BAAC,0BAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACjD,8BAAC,sBAAS,QAAE,QAAQ,CAAa;QAChC,eAAe,IAAI,CAClB,8BAAC,wBAAW;YACV,8BAAC,uCAAiB,mBACJ,cAAc,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,SAAS,IAEhB,eAAe,CACE,CACR,CACf,CACK,CACT,CAAC;AACJ,CAAC;AAEQ,8BAAS"}

package/lib/components/modals/modal-body.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const Variant: {
+    readonly Default: "primary";
+    readonly Danger: "danger";
+};
+export declare type Variant = typeof Variant[keyof typeof Variant];
+declare type ModalBodyProps = {
+    variant?: Variant;
+    className?: string;
+    scroll?: boolean;
+    minHeight?: number;
+    children: React.ReactNode;
+};
+declare function ModalBody({ variant, className, scroll, minHeight, children, }: ModalBodyProps): JSX.Element;
+export { ModalBody };
+//# sourceMappingURL=modal-body.d.ts.map

package/lib/components/modals/modal-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,oBAAY,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAwB3D,aAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,OAAyB,EACzB,SAAS,EACT,MAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,eAkBhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/modals/modal-body.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBody = exports.Variant = void 0;
+const react_1 = __importDefault(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const button_1 = require("@leafygreen-ui/button");
+exports.Variant = {
+    Default: button_1.Variant.Primary,
+    Danger: button_1.Variant.Danger,
+};
+const contentStyle = (0, emotion_1.css)({
+    padding: `0 ${tokens_1.spacing[5]}px`,
+    paddingBottom: tokens_1.spacing[1],
+    fontFamily: tokens_1.fontFamilies.default,
+    fontSize: '13px',
+    lineHeight: '20px',
+    color: palette_1.palette.black,
+    maxHeight: `calc(100vh - ${tokens_1.spacing[6] * 5}px)`,
+    overflow: 'auto',
+    '&:first-child': {
+        paddingTop: tokens_1.spacing[5],
+    },
+});
+const variantStyle = {
+    [exports.Variant.Default]: (0, emotion_1.css)({}),
+    [exports.Variant.Danger]: (0, emotion_1.css)({
+        paddingLeft: '78px',
+    }),
+};
+function ModalBody({ variant = exports.Variant.Default, className, scroll = true, minHeight, children, }) {
+    const style = {};
+    if (minHeight) {
+        style.minHeight = `${minHeight}px`;
+    }
+    if (scroll === false) {
+        style.overflow = 'visible';
+    }
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentStyle, variantStyle[variant], className), style: style }, children));
+}
+exports.ModalBody = ModalBody;
+//# sourceMappingURL=modal-body.js.map

package/lib/components/modals/modal-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-body.js","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAiD;AACjD,kDAA8D;AAC9D,kDAAiE;AAEpD,QAAA,OAAO,GAAG;IACrB,OAAO,EAAE,gBAAa,CAAC,OAAO;IAC9B,MAAM,EAAE,gBAAa,CAAC,MAAM;CACpB,CAAC;AAIX,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;IAC5B,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC;IACzB,UAAU,EAAE,qBAAY,CAAC,OAAO;IAChC,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,iBAAO,CAAC,KAAK;IACpB,SAAS,EAAE,gBAAgB,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK;IAC9C,QAAQ,EAAE,MAAM;IAEhB,eAAe,EAAE;QACf,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,eAAO,CAAC,OAAO,CAAC,EAAE,IAAA,aAAG,EAAC,EAAE,CAAC;IAC1B,CAAC,eAAO,CAAC,MAAM,CAAC,EAAE,IAAA,aAAG,EAAC;QACpB,WAAW,EAAE,MAAM;KACpB,CAAC;CACH,CAAC;AAUF,SAAS,SAAS,CAAC,EACjB,OAAO,GAAG,eAAO,CAAC,OAAO,EACzB,SAAS,EACT,MAAM,GAAG,IAAI,EACb,SAAS,EACT,QAAQ,GACO;IACf,MAAM,KAAK,GAAwB,EAAE,CAAC;IAEtC,IAAI,SAAS,EAAE;QACb,KAAK,CAAC,SAAS,GAAG,GAAG,SAAS,IAAI,CAAC;KACpC;IACD,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC;KAC5B;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAC7D,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAEQ,8BAAS"}

package/lib/components/modals/modal-footer-button.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ButtonProps } from '@leafygreen-ui/button';
+declare const ModalFooterButton: React.ComponentType<ButtonProps>;
+export { ModalFooterButton };
+//# sourceMappingURL=modal-footer-button.d.ts.map

package/lib/components/modals/modal-footer-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer-button.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-footer-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AA8BzD,QAAA,MAAM,iBAAiB,kCAAuC,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/components/modals/modal-footer-button.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFooterButton = void 0;
+const react_1 = __importDefault(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const leafygreen_1 = require("../leafygreen");
+const use_theme_1 = require("../../hooks/use-theme");
+const buttonStyle = {
+    [use_theme_1.Theme.Light]: (0, emotion_1.css)({
+        margin: '0 2px',
+        '&:first-of-type': {
+            margin: '0 0 0 5px',
+        },
+        '&:last-of-type': {
+            margin: '0 5px 0 0',
+        },
+    }),
+    [use_theme_1.Theme.Dark]: (0, emotion_1.css)({
+        margin: '0 2px',
+        '&:first-of-type': {
+            margin: '0 0 0 4px',
+        },
+        '&:last-of-type': {
+            margin: '0 4px 0 0',
+        },
+    }),
+};
+function UnthemedModalFooterButton({ className, ...props }) {
+    const { theme } = (0, use_theme_1.useTheme)();
+    return react_1.default.createElement(leafygreen_1.Button, { ...props, className: (0, emotion_1.cx)(className, buttonStyle[theme]) });
+}
+const ModalFooterButton = (0, use_theme_1.withTheme)(UnthemedModalFooterButton);
+exports.ModalFooterButton = ModalFooterButton;
+//# sourceMappingURL=modal-footer-button.js.map

package/lib/components/modals/modal-footer-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-footer-button.js","sourceRoot":"","sources":["../../../src/components/modals/modal-footer-button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AAEjD,8CAAuC;AACvC,qDAAmE;AAEnE,MAAM,WAAW,GAAG;IAClB,CAAC,iBAAK,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAC;QACjB,MAAM,EAAE,OAAO;QACf,iBAAiB,EAAE;YACjB,MAAM,EAAE,WAAW;SACpB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,WAAW;SACpB;KACF,CAAC;IACF,CAAC,iBAAK,CAAC,IAAI,CAAC,EAAE,IAAA,aAAG,EAAC;QAChB,MAAM,EAAE,OAAO;QACf,iBAAiB,EAAE;YACjB,MAAM,EAAE,WAAW;SACpB;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,WAAW;SACpB;KACF,CAAC;CACH,CAAC;AAEF,SAAS,yBAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAC7B,OAAO,8BAAC,mBAAM,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,GAAI,CAAC;AAC7E,CAAC;AAED,MAAM,iBAAiB,GAAG,IAAA,qBAAS,EAAC,yBAAyB,CAAC,CAAC;AAEtD,8CAAiB"}

package/lib/components/modals/modal-header.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const Variant: {
+    readonly Default: "primary";
+    readonly Danger: "danger";
+};
+export declare type Variant = typeof Variant[keyof typeof Variant];
+declare type ModalHeaderProps = {
+    title: string;
+    subtitle?: string;
+    variant?: Variant;
+    darkMode?: boolean;
+};
+declare const ModalHeader: React.ComponentType<ModalHeaderProps>;
+export { ModalHeader };
+//# sourceMappingURL=modal-header.d.ts.map

package/lib/components/modals/modal-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,oBAAY,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AA8C3D,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA2BF,QAAA,MAAM,WAAW,uCAAiC,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/modals/modal-header.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalHeader = exports.Variant = void 0;
+const react_1 = __importDefault(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const button_1 = require("@leafygreen-ui/button");
+const use_theme_1 = require("../../hooks/use-theme");
+const leafygreen_1 = require("../leafygreen");
+exports.Variant = {
+    Default: button_1.Variant.Primary,
+    Danger: button_1.Variant.Danger,
+};
+const headerStyle = (0, emotion_1.css)({
+    padding: tokens_1.spacing[5],
+    paddingBottom: 0,
+});
+const variantStyle = {
+    [exports.Variant.Default]: (0, emotion_1.css)({}),
+    [exports.Variant.Danger]: (0, emotion_1.css)({
+        paddingLeft: '78px',
+    }),
+};
+const titleStyle = (0, emotion_1.css)({
+    fontSize: '24px',
+    fontWeight: 700,
+    lineHeight: '32px',
+    margin: 0,
+    marginBottom: '10px',
+    color: palette_1.palette.black,
+});
+const titleStyleDark = (0, emotion_1.css)({
+    fontWeight: 'bold',
+    lineHeight: '25px',
+    color: palette_1.uiColors.gray.light2,
+});
+const warningIconStyles = (0, emotion_1.css)({
+    width: '32px',
+    height: '32px',
+    borderRadius: '50%',
+    background: `${palette_1.palette.red.light3}`,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    left: '36px',
+    top: '32px',
+    svg: {
+        marginTop: '-3px',
+    },
+});
+function UnthemedModalHeader({ title, subtitle, variant = exports.Variant.Default, darkMode, }) {
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(headerStyle, variantStyle[variant]) },
+        variant === exports.Variant.Danger && (react_1.default.createElement("div", { className: (0, emotion_1.cx)(warningIconStyles) },
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "Warning", fill: palette_1.palette.red.base, role: "presentation" }))),
+        react_1.default.createElement("h1", { className: (0, emotion_1.cx)(titleStyle, darkMode && titleStyleDark), "data-testid": "modal-title", id: "modal-title" }, title),
+        subtitle && react_1.default.createElement(leafygreen_1.Body, null, subtitle)));
+}
+const ModalHeader = (0, use_theme_1.withTheme)(UnthemedModalHeader);
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=modal-header.js.map

package/lib/components/modals/modal-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.js","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAA2D;AAC3D,kDAAgD;AAChD,kDAAiE;AACjE,qDAAkD;AAClD,8CAA2C;AAE9B,QAAA,OAAO,GAAG;IACrB,OAAO,EAAE,gBAAa,CAAC,OAAO;IAC9B,MAAM,EAAE,gBAAa,CAAC,MAAM;CACpB,CAAC;AAIX,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,aAAa,EAAE,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,eAAO,CAAC,OAAO,CAAC,EAAE,IAAA,aAAG,EAAC,EAAE,CAAC;IAC1B,CAAC,eAAO,CAAC,MAAM,CAAC,EAAE,IAAA,aAAG,EAAC;QACpB,WAAW,EAAE,MAAM;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,MAAM;IACpB,KAAK,EAAE,iBAAO,CAAC,KAAK;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;CAC5B,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,GAAG,iBAAO,CAAC,GAAG,CAAC,MAAM,EAAE;IACnC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,MAAM;IAEX,GAAG,EAAE;QACH,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AASH,SAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,eAAO,CAAC,OAAO,EACzB,QAAQ,GACS;IACjB,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACnD,OAAO,KAAK,eAAO,CAAC,MAAM,IAAI,CAC7B,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,CAAC;YACnC,8BAAC,iBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,iBAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAC,cAAc,GAAG,CAChE,CACP;QACD,sCACE,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,iBACzC,aAAa,EACzB,EAAE,EAAC,aAAa,IAEf,KAAK,CACH;QACJ,QAAQ,IAAI,8BAAC,iBAAI,QAAE,QAAQ,CAAQ,CAChC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}

package/lib/components/modals/modal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Modal as LeafyGreenModal } from '../leafygreen';
+declare function Modal({ trackingId, contentClassName, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
+    trackingId?: string;
+}): React.ReactElement;
+export { Modal };
+//# sourceMappingURL=modal.d.ts.map

package/lib/components/modals/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAQzD,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAYrB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/components/{modal.js → modals/modal.js}

@@ -25,16 +25,22 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
 const compass_logging_1 = require("@mongodb-js/compass-logging");
 const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
-const leafygreen_1 = require("./leafygreen");
-function Modal({ trackingId, ...props }) {
+const leafygreen_1 = require("../leafygreen");
+const contentStyles = (0, emotion_1.css)({
+    width: '600px',
+    letterSpacing: 0,
+    padding: 0,
+});
+function Modal({ trackingId, contentClassName, ...props }) {
     (0, react_1.useEffect)(() => {
         if (props.open && trackingId) {
             track('Screen', { name: trackingId });
         }
     }, [props.open, trackingId]);
-    return react_1.default.createElement(leafygreen_1.Modal, { ...props });
+    return (react_1.default.createElement(leafygreen_1.Modal, { contentClassName: (0, emotion_1.cx)(contentStyles, contentClassName), ...props }));
 }
 exports.Modal = Modal;
 //# sourceMappingURL=modal.js.map

package/lib/components/modals/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,oDAAiD;AACjD,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,8CAAyD;AAEzD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,CAAC;IAChB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,SAAS,KAAK,CAAC,EACb,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,CACL,8BAAC,kBAAe,IACd,gBAAgB,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,gBAAgB,CAAC,KACjD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAEQ,sBAAK"}

package/lib/components/placeholder.js

@@ -40,8 +40,8 @@ const move = (0, emotion_1.keyframes)({
     },
 });
 const placeholder = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.light2,
-    '--gradient-end': palette_1.uiColors.gray.light3,
+    '--gradient-start': palette_1.palette.gray.light2,
+    '--gradient-end': palette_1.palette.gray.light3,
     alignSelf: 'center',
     borderRadius: 3,
     maxWidth: '80%',
@@ -58,8 +58,8 @@ const placeholder = (0, emotion_1.css)({
     animation: `${move} ${scale}s infinite linear`,
 });
 const placeholderDarkMode = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.dark2,
-    '--gradient-end': palette_1.uiColors.gray.dark3,
+    '--gradient-start': palette_1.palette.gray.dark2,
+    '--gradient-end': palette_1.palette.gray.dark3,
 });
 function getBoundRandom(min, max) {
     return Math.random() * (max - min) + min;

package/lib/components/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAClD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACvC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CACtC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAiD;AACjD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACvC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACrC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACtC,gBAAgB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CACrC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}

package/lib/components/resize-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/resize-handle.js

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeDirection = exports.ResizeHandle = void 0;
 const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
 var ResizeDirection;
 (function (ResizeDirection) {
     ResizeDirection["TOP"] = "TOP";
@@ -38,7 +39,7 @@ const baseResizerStyles = (0, emotion_1.css)({
     padding: 0,
     transition: 'opacity 250ms ease',
     transitionDelay: '0ms',
-    backgroundColor: '#019EE2',
+    backgroundColor: palette_1.palette.blue.light1,
     opacity: '0',
     outline: 'none',
     zIndex: 100,

package/lib/components/resize-handle.js.map

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

package/lib/components/resizeable-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;+BAaM,OAAO,KAAK,IAAI;;;;cAIhC,WAAW;MACnB,WAuEH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"resizeable-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/resizeable-sidebar.tsx"],"names":[],"mappings":";AAuDA,eAAO,MAAM,mBAAmB,QAAiB,CAAC;AAElD,QAAA,MAAM,gBAAgB;;;+BAaM,OAAO,KAAK,IAAI;;;;cAIhC,WAAW;MACnB,WAuEH,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/resizeable-sidebar.js

@@ -35,35 +35,34 @@ const containerStyles = (0, emotion_1.css)({
     flexDirection: 'column',
     margin: 0,
     padding: 0,
-    maxWidth: '80%',
     height: '100%',
     position: 'relative',
 });
 const containerStylesDark = (0, emotion_1.css)({
-    '--color': 'white',
-    '--bg-color': palette_1.uiColors.gray.dark3,
-    '--title-color': palette_1.uiColors.gray.dark3,
-    '--title-bg-color': '#71F6BA',
-    '--icon-color': 'white',
-    '--item-color': 'white',
-    '--item-color-active': '#71F6BA',
-    '--item-bg-color': palette_1.uiColors.gray.dark3,
-    '--item-bg-color-hover': palette_1.uiColors.gray.dark2,
-    '--item-bg-color-active': palette_1.uiColors.black,
+    '--color': palette_1.palette.white,
+    '--bg-color': palette_1.palette.gray.dark3,
+    '--title-color': palette_1.palette.gray.dark3,
+    '--title-bg-color': palette_1.palette.green.light1,
+    '--icon-color': palette_1.palette.white,
+    '--item-color': palette_1.palette.white,
+    '--item-color-active': palette_1.palette.green.light1,
+    '--item-bg-color': palette_1.palette.gray.dark3,
+    '--item-bg-color-hover': palette_1.palette.gray.dark2,
+    '--item-bg-color-active': palette_1.palette.black,
     color: 'var(--color)',
     backgroundColor: 'var(--bg-color)',
 });
 const containerStylesLight = (0, emotion_1.css)({
-    '--color': palette_1.uiColors.gray.dark3,
-    '--bg-color': palette_1.uiColors.gray.light3,
-    '--title-color': 'white',
-    '--title-bg-color': palette_1.uiColors.green.dark2,
-    '--icon-color': palette_1.uiColors.gray.dark3,
-    '--item-color': palette_1.uiColors.gray.dark3,
-    '--item-color-active': palette_1.uiColors.green.dark2,
-    '--item-bg-color': palette_1.uiColors.gray.light3,
-    '--item-bg-color-hover': palette_1.uiColors.gray.light2,
-    '--item-bg-color-active': palette_1.uiColors.green.light3,
+    '--color': palette_1.palette.gray.dark3,
+    '--bg-color': palette_1.palette.gray.light3,
+    '--title-color': palette_1.palette.white,
+    '--title-bg-color': palette_1.palette.green.dark2,
+    '--icon-color': palette_1.palette.gray.dark3,
+    '--item-color': palette_1.palette.gray.dark3,
+    '--item-color-active': palette_1.palette.green.dark2,
+    '--item-bg-color': palette_1.palette.gray.light3,
+    '--item-bg-color-hover': palette_1.palette.gray.light2,
+    '--item-bg-color-active': palette_1.palette.green.light3,
     color: 'var(--color)',
     backgroundColor: 'var(--bg-color)',
 });
@@ -74,7 +73,7 @@ const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded =
     const [width, setWidth] = (0, react_1.useState)(initialWidth);
     const [prevWidth, setPrevWidth] = (0, react_1.useState)(initialWidth);
     const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
-        return Math.max(minWidth, window.innerWidth - 100);
+        return Math.max(minWidth, 600);
     }, [minWidth]);
     const boundSidebarWidth = (0, react_1.useCallback)((attemptedWidth) => {
         const maxWidth = getMaxSidebarWidth();

package/lib/components/resizeable-sidebar.js.map

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

package/lib/components/spin-loader.js

@@ -13,7 +13,7 @@ const shellLoaderSpin = (0, emotion_1.keyframes) `
 `;
 const spinLoaderStyle = (0, emotion_1.css) `
   border: 2px solid transparent;
-  border-top: 2px solid ${palette_1.uiColors.gray.dark3};
+  border-top: 2px solid ${palette_1.palette.gray.dark3};
   border-radius: 50%;
   padding: 0;
   margin: 0;

package/lib/components/spin-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAkD;AAOlD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
+{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAiD;AAOjD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,iBAAO,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO7B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}

package/lib/components/tab-nav-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,aAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AA6DF,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"tab-nav-bar.d.ts","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,aAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAkEF,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/tab-nav-bar.js

@@ -8,26 +8,29 @@ const react_1 = __importDefault(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const palette_1 = require("@leafygreen-ui/palette");
-const workspace_container_1 = require("./workspace-container");
 const use_theme_1 = require("../hooks/use-theme");
 const leafygreen_1 = require("./leafygreen");
 const containerStyles = (0, emotion_1.css)({
     flexGrow: 1,
-    flexShrink: 1,
-    flexBasis: 'auto',
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'stretch',
-    overflow: 'auto',
+    overflow: 'hidden',
 });
 const tabsContainerStyles = (0, emotion_1.css)({
+    flex: 'none',
     padding: `0 ${tokens_1.spacing[3]}px`,
 });
 const tabsContainerDarkStyles = (0, emotion_1.css)({
-    background: palette_1.uiColors.gray.dark3,
+    background: palette_1.palette.gray.dark3,
 });
 const tabsContainerLightStyles = (0, emotion_1.css)({
-    background: palette_1.uiColors.white,
+    background: palette_1.palette.white,
+});
+const tabStyles = (0, emotion_1.css)({
+    display: 'flex',
+    flex: 1,
+    minHeight: 0,
 });
 const hiddenStyles = (0, emotion_1.css)({
     display: 'none',
@@ -36,7 +39,8 @@ function UnthemedTabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel,
     return (react_1.default.createElement("div", { className: containerStyles },
         react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
             react_1.default.createElement(leafygreen_1.Tabs, { "data-testid": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabs.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, name: tab }))))),
-        views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement(workspace_container_1.WorkspaceContainer, { className: (0, emotion_1.cx)({
+        views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement("div", { className: (0, emotion_1.cx)({
+                [tabStyles]: true,
                 [hiddenStyles]: idx !== activeTabIndex,
             }), key: `tab-content-${tabs[idx]}`, "data-testid": `${tabs[idx]
                 .toLowerCase()