@mongodb-js/compass-components 1.2.0 → 1.4.0

package/lib/components/leafygreen.js

@@ -26,8 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
-exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = void 0;
+exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Stage = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.Pipeline = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.MarketingModal = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.Language = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = exports.AtlasLogo = void 0;
+exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = void 0;
+const react_1 = __importDefault(require("react"));
 const use_theme_1 = require("../hooks/use-theme");
 const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
 Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
@@ -36,12 +37,16 @@ Object.defineProperty(exports, "Banner", { enumerable: true, get: function () {
 const button_1 = __importDefault(require("@leafygreen-ui/button"));
 const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
 const card_1 = __importDefault(require("@leafygreen-ui/card"));
-const code_1 = __importDefault(require("@leafygreen-ui/code"));
+const code_1 = __importStar(require("@leafygreen-ui/code"));
+Object.defineProperty(exports, "Language", { enumerable: true, get: function () { return code_1.Language; } });
+const combobox_1 = require("@leafygreen-ui/combobox");
+Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
+Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
 const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
 const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
-Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.default; } });
 const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
 const logo_1 = require("@leafygreen-ui/logo");
+Object.defineProperty(exports, "AtlasLogo", { enumerable: true, get: function () { return logo_1.AtlasLogo; } });
 Object.defineProperty(exports, "AtlasLogoMark", { enumerable: true, get: function () { return logo_1.AtlasLogoMark; } });
 Object.defineProperty(exports, "MongoDBLogoMark", { enumerable: true, get: function () { return logo_1.MongoDBLogoMark; } });
 Object.defineProperty(exports, "MongoDBLogo", { enumerable: true, get: function () { return logo_1.MongoDBLogo; } });
@@ -49,7 +54,14 @@ const menu_1 = require("@leafygreen-ui/menu");
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
 Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
+menu_1.MenuItem.defaultProps = {
+    ...menu_1.MenuItem.defaultProps,
+    type: 'button',
+};
 const modal_1 = __importStar(require("@leafygreen-ui/modal"));
+const marketing_modal_1 = __importDefault(require("@leafygreen-ui/marketing-modal"));
+const pipeline_1 = require("@leafygreen-ui/pipeline");
+Object.defineProperty(exports, "Stage", { enumerable: true, get: function () { return pipeline_1.Stage; } });
 const popover_1 = __importDefault(require("@leafygreen-ui/popover"));
 exports.Popover = popover_1.default;
 const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
@@ -75,9 +87,6 @@ Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { r
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
 const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
 const typography_1 = require("@leafygreen-ui/typography");
-const combobox_1 = require("@leafygreen-ui/combobox");
-Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return combobox_1.ComboboxOption; } });
-Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return combobox_1.ComboboxGroup; } });
 const H1 = (0, use_theme_1.withTheme)(typography_1.H1);
 exports.H1 = H1;
 const H2 = (0, use_theme_1.withTheme)(typography_1.H2);
@@ -106,6 +115,8 @@ const Checkbox = (0, use_theme_1.withTheme)(checkbox_1.default);
 exports.Checkbox = Checkbox;
 const Code = (0, use_theme_1.withTheme)(code_1.default);
 exports.Code = Code;
+const Combobox = (0, use_theme_1.withTheme)(combobox_1.Combobox);
+exports.Combobox = Combobox;
 const ConfirmationModal = (0, use_theme_1.withTheme)(confirmation_modal_1.default);
 exports.ConfirmationModal = ConfirmationModal;
 const IconButton = (0, use_theme_1.withTheme)(icon_button_1.default);
@@ -114,6 +125,10 @@ const ModalFooter = (0, use_theme_1.withTheme)(modal_1.Footer);
 exports.ModalFooter = ModalFooter;
 const Modal = (0, use_theme_1.withTheme)(modal_1.default);
 exports.Modal = Modal;
+const MarketingModal = (0, use_theme_1.withTheme)(marketing_modal_1.default);
+exports.MarketingModal = MarketingModal;
+const Pipeline = (0, use_theme_1.withTheme)(pipeline_1.Pipeline);
+exports.Pipeline = Pipeline;
 const RadioGroup = (0, use_theme_1.withTheme)(radio_group_1.RadioGroup);
 exports.RadioGroup = RadioGroup;
 const SegmentedControl = (0, use_theme_1.withTheme)(segmented_control_1.SegmentedControl);
@@ -134,6 +149,9 @@ const Label = (0, use_theme_1.withTheme)(typography_1.Label);
 exports.Label = Label;
 const Description = (0, use_theme_1.withTheme)(typography_1.Description);
 exports.Description = Description;
-const Combobox = (0, use_theme_1.withTheme)(combobox_1.Combobox);
-exports.Combobox = Combobox;
+const Icon = ({ size, ...rest }) => {
+    size = size === 'xsmall' ? 12 : size;
+    return react_1.default.createElement(icon_1.default, { size: size, ...rest });
+};
+exports.Icon = Icon;
 //# sourceMappingURL=leafygreen.js.map

package/lib/components/leafygreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kDAA+C;AAM/C,iEAAwD;AAmKtD,sFAnKkB,eAAK,OAmKlB;AAlKP,mEAA0D;AAmKxD,uFAnKkB,gBAAM,OAmKlB;AAlKR,mEAAoE;AACpE,uEAAwE;AACxE,+DAAgE;AAChE,+DAAgE;AAChE,2FAA2F;AAC3F,+DAAsD;AAmKpD,qFAnKkB,cAAI,OAmKlB;AAlKN,6EAA6E;AAC7E,8CAI6B;AAqJ3B,8FAxJA,oBAAa,OAwJA;AAeb,gGAtKA,sBAAe,OAsKA;AACf,4FAtKA,kBAAW,OAsKA;AApKb,8CAAoE;AA8JlE,qFA9JO,WAAI,OA8JP;AAEJ,8FAhKa,oBAAa,OAgKb;AADb,yFA/J4B,eAAQ,OA+J5B;AA9JV,8DAG8B;AAC9B,qEAA6C;AAgK3C,kBAhKK,iBAAO,CAgKL;AA/JT,oEAAyE;AAgKvE,yFAhKO,0BAAQ,OAgKP;AACR,8FAjKiB,+BAAa,OAiKjB;AAhKf,4DAGoC;AA8JlC,sFAhKA,mBAAK,OAgKA;AA7JP,wEAG0C;AA6JxC,uGA9JA,0CAAsB,OA8JA;AA5JxB,kDAI+B;AA0J7B,uFA5JA,eAAM,OA4JA;AACN,4FA5JA,oBAAW,OA4JA;AA1Jb,gDAK8B;AAuJ5B,4FA1JA,mBAAW,OA0JA;AACX,oFA1JA,WAAG,OA0JA;AACH,qFA1JA,YAAI,OA0JA;AAxJN,8CAAkE;AAyJhE,oFAzJ+B,UAAG,OAyJ/B;AAxJL,yEAAyE;AACzE,2EAA2E;AAC3E,8DAG8B;AAuJ5B,sFAzJW,eAAK,OAyJX;AACL,6FAzJW,eAAY,OAyJX;AAvJd,mEAAoE;AACpE,0DAamC;AACnC,sDAIiC;AAmJ/B,+FArJA,yBAAc,OAqJA;AACd,8FArJA,wBAAa,OAqJA;AAhJf,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAkI7E,gBAAE;AAjIJ,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAkI7E,gBAAE;AAjIJ,MAAM,EAAE,GAAwB,IAAA,qBAAS,EAAC,eAAY,CAAwB,CAAC;AAkI7E,gBAAE;AAjIJ,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,qBAAkB,CAA8B,CAAC;AAkI1E,4BAAQ;AAjIV,MAAM,IAAI,GAAG,IAAA,qBAAS,EAAC,iBAAc,CAA0B,CAAC;AAkI9D,oBAAI;AAjIN,MAAM,UAAU,GAAG,IAAA,qBAAS,EAC1B,uBAAoB,CACU,CAAC;AAgI/B,gCAAU;AA/HZ,MAAM,aAAa,GAAG,IAAA,qBAAS,EAC7B,0BAAuB,CACU,CAAC;AA8HlC,sCAAa;AA7Hf,MAAM,UAAU,GAAG,IAAA,qBAAS,EAC1B,uBAAoB,CACU,CAAC;AA4H/B,gCAAU;AA3HZ,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,qBAAkB,CAA8B,CAAC;AA4H1E,4BAAQ;AA3HV,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,iBAEC,CACuB,CAAC;AAyHzB,oBAAI;AAvHN,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,gBAEC,CACyB,CAAC;AAsE3B,wBAAM;AArER,MAAM,IAAI,GAA0B,IAAA,qBAAS,EAC3C,cAEC,CACuB,CAAC;AAkEzB,oBAAI;AAjEN,MAAM,QAAQ,GAAG,IAAA,qBAAS,EACxB,kBAEC,CAC2B,CAAC;AA8D7B,4BAAQ;AA7DV,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,cAEC,CACuB,CAAC;AA0DzB,oBAAI;AAzDN,MAAM,iBAAiB,GAAuC,IAAA,qBAAS,EACrE,4BAEC,CACoC,CAAC;AAsDtC,8CAAiB;AArDnB,MAAM,UAAU,GAAgC,IAAA,qBAAS,EACvD,qBAEC,CAC6B,CAAC;AAmD/B,gCAAU;AAlDZ,MAAM,WAAW,GAAiC,IAAA,qBAAS,EACzD,cAAqB,CACU,CAAC;AAqDhC,kCAAW;AApDb,MAAM,KAAK,GAAG,IAAA,qBAAS,EACrB,eAEC,CACwB,CAAC;AA+C1B,sBAAK;AA9CP,MAAM,UAAU,GAAgC,IAAA,qBAAS,EACvD,wBAEC,CAC6B,CAAC;AAkD/B,gCAAU;AAjDZ,MAAM,gBAAgB,GAAG,IAAA,qBAAS,EAChC,oCAA0B,CACU,CAAC;AAgDrC,4CAAgB;AA/ClB,MAAM,MAAM,GAA4B,IAAA,qBAAS,EAC/C,eAEC,CACyB,CAAC;AA6C3B,wBAAM;AA5CR,MAAM,KAAK,GAAG,IAAA,qBAAS,EAAC,aAAe,CAA2B,CAAC;AA+CjE,sBAAK;AA9CP,MAAM,IAAI,GAAG,IAAA,qBAAS,EACpB,WAEC,CACuB,CAAC;AA+CzB,oBAAI;AA9CN,MAAM,QAAQ,GAA8B,IAAA,qBAAS,EAAC,mBAAkB,CAAC,CAAC;AA+CxE,4BAAQ;AA9CV,MAAM,SAAS,GAA+B,IAAA,qBAAS,EAAC,oBAAmB,CAAC,CAAC;AA+C3E,8BAAS;AA9CX,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,gBAEC,CACyB,CAAC;AA6C3B,wBAAM;AA5CR,MAAM,KAAK,GAAG,IAAA,qBAAS,EAAC,kBAAe,CAA2B,CAAC;AAsDjE,sBAAK;AArDP,MAAM,WAAW,GAAG,IAAA,qBAAS,EAC3B,wBAAqB,CACU,CAAC;AAqDhC,kCAAW;AApDb,MAAM,QAAQ,GAAG,IAAA,qBAAS,EAAC,mBAAkB,CAAC,CAAC;AAqD7C,4BAAQ"}
+{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}

package/lib/components/list-editor.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare type ListEditorProps<ItemType> = {
+    items: ItemType[];
+    renderItem: (item: ItemType, index: number) => JSX.Element;
+    disableAddButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
+    disableRemoveButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
+    onAddItem: (indexBefore: number) => void;
+    onRemoveItem: (index: number) => void;
+    addButtonTestId?: string;
+    removeButtonTestId?: string;
+};
+declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, }: ListEditorProps<ItemType>): React.ReactElement;
+export { ListEditor };
+//# sourceMappingURL=list-editor.d.ts.map

package/lib/components/list-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,aAAK,eAAe,CAAC,QAAQ,IAAI;IAE/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE3D,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,mBAAmB,CAAC,EAAE,CACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAiChD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/list-editor.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const leafygreen_1 = require("./leafygreen");
+const listEditorStyles = (0, emotion_1.css)({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: tokens_1.spacing[2],
+});
+const listItemStyles = (0, emotion_1.css)({
+    alignItems: 'center',
+    display: 'flex',
+    gap: tokens_1.spacing[1],
+});
+const itemContentStyles = (0, emotion_1.css)({
+    display: 'inline-block',
+    maxWidth: tokens_1.spacing[7] * 5,
+    flexGrow: 1,
+});
+function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, }) {
+    return (react_1.default.createElement("div", { className: listEditorStyles }, items.map((item, itemIndex) => (react_1.default.createElement("div", { className: listItemStyles, key: itemIndex },
+        react_1.default.createElement("div", { className: itemContentStyles }, renderItem(item, itemIndex)),
+        !(disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items)) ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Add", type: "button", "data-testid": addButtonTestId, disabled: disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items), onClick: () => onAddItem(itemIndex) },
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "Plus" }))) : null,
+        !(disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items)) &&
+            items.length !== 1 ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Remove", type: "button", "data-testid": removeButtonTestId, disabled: disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items), onClick: () => onRemoveItem(itemIndex) },
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "Minus" }))) : null)))));
+}
+exports.ListEditor = ListEditor;
+//# sourceMappingURL=list-editor.js.map

package/lib/components/list-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAA6C;AAC7C,6CAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA2BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,GACQ;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB,IAC7B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC9B,uCAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS;QAC5C,uCAAK,SAAS,EAAE,iBAAiB,IAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAO;QACrE,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA,CAAC,CAAC,CAAC,CAC7C,8BAAC,uBAAU,kBACE,KAAK,EAChB,IAAI,EAAC,QAAQ,iBACA,eAAe,EAC5B,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC;YAEnC,8BAAC,iBAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACV,CACd,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;YAC/C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,8BAAC,uBAAU,kBACE,QAAQ,EACnB,IAAI,EAAC,QAAQ,iBACA,kBAAkB,EAC/B,QAAQ,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;YAEtC,8BAAC,iBAAI,IAAC,KAAK,EAAC,OAAO,GAAG,CACX,CACd,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAEQ,gCAAU"}

package/lib/components/{confirmation-modal.d.ts → modals/confirmation-modal.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ConfirmationModal as LeafyGreenConfirmationModal } from './leafygreen';
+import { ConfirmationModal as LeafyGreenConfirmationModal } from '../leafygreen';
 declare function ConfirmationModal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
     trackingId?: string;
 }): React.ReactElement;

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,iBAAiB,IAAI,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAEjF,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const compass_logging_1 = require("@mongodb-js/compass-logging");
 const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
-const leafygreen_1 = require("./leafygreen");
+const leafygreen_1 = require("../leafygreen");
 function ConfirmationModal({ trackingId, ...props }) {
     (0, react_1.useEffect)(() => {
         if (props.open && trackingId) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,8CAAiF;AAEjF,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,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,8BAAC,8BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

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 const ModalBody: React.ForwardRefExoticComponent<ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
+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,KAAqB,MAAM,OAAO,CAAC;AAM1C,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,QAAA,MAAM,SAAS,uFAsBb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,66 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBody = exports.Variant = void 0;
+const react_1 = __importStar(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',
+    }),
+};
+const ModalBody = (0, react_1.forwardRef)(function ModalBody({ variant = exports.Variant.Default, className, scroll = true, minHeight, children }, ref) {
+    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, ref: ref }, 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,+CAA0C;AAC1C,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,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAiC,SAAS,SAAS,CAC7E,EAAE,OAAO,GAAG,eAAO,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC5E,GAAG;IAEH,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,EACZ,GAAG,EAAE,GAAG,IAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,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"}