@mongodb-js/compass-components 1.4.0 → 1.6.0

package/lib/components/leafygreen.js

@@ -26,28 +26,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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.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.AtlasNavGraphic = void 0;
+exports.Description = exports.Link = exports.Label = exports.Overline = 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; } });
 const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
 Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return banner_1.default; } });
 const button_1 = __importDefault(require("@leafygreen-ui/button"));
+exports.Button = button_1.default;
 const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
+exports.Checkbox = checkbox_1.default;
 const card_1 = __importDefault(require("@leafygreen-ui/card"));
+exports.Card = card_1.default;
 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"));
+exports.ConfirmationModal = confirmation_modal_1.default;
 const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
 const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
+exports.IconButton = icon_button_1.default;
 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, "AtlasNavGraphic", { enumerable: true, get: function () { return logo_1.AtlasNavGraphic; } });
 Object.defineProperty(exports, "MongoDBLogoMark", { enumerable: true, get: function () { return logo_1.MongoDBLogoMark; } });
 Object.defineProperty(exports, "MongoDBLogo", { enumerable: true, get: function () { return logo_1.MongoDBLogo; } });
 const menu_1 = require("@leafygreen-ui/menu");
@@ -59,8 +59,11 @@ menu_1.MenuItem.defaultProps = {
     type: 'button',
 };
 const modal_1 = __importStar(require("@leafygreen-ui/modal"));
+Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return modal_1.Footer; } });
 const marketing_modal_1 = __importDefault(require("@leafygreen-ui/marketing-modal"));
+exports.MarketingModal = marketing_modal_1.default;
 const pipeline_1 = require("@leafygreen-ui/pipeline");
+Object.defineProperty(exports, "Pipeline", { enumerable: true, get: function () { return pipeline_1.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;
@@ -69,9 +72,12 @@ Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function ()
 Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
 const radio_group_1 = require("@leafygreen-ui/radio-group");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_group_1.Radio; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
 const segmented_control_1 = require("@leafygreen-ui/segmented-control");
+Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return segmented_control_1.SegmentedControl; } });
 Object.defineProperty(exports, "SegmentedControlOption", { enumerable: true, get: function () { return segmented_control_1.SegmentedControlOption; } });
 const select_1 = require("@leafygreen-ui/select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
 Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return select_1.Option; } });
 Object.defineProperty(exports, "OptionGroup", { enumerable: true, get: function () { return select_1.OptionGroup; } });
 const table_1 = require("@leafygreen-ui/table");
@@ -79,79 +85,41 @@ Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function
 Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return table_1.Row; } });
 Object.defineProperty(exports, "Cell", { enumerable: true, get: function () { return table_1.Cell; } });
 const tabs_1 = require("@leafygreen-ui/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
 const text_area_1 = __importDefault(require("@leafygreen-ui/text-area"));
+exports.TextArea = text_area_1.default;
 const text_input_1 = __importDefault(require("@leafygreen-ui/text-input"));
+exports.TextInput = text_input_1.default;
 const toast_1 = __importStar(require("@leafygreen-ui/toast"));
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return toast_1.default; } });
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
 const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
+exports.Toggle = toggle_1.default;
 const typography_1 = require("@leafygreen-ui/typography");
-const H1 = (0, use_theme_1.withTheme)(typography_1.H1);
-exports.H1 = H1;
-const H2 = (0, use_theme_1.withTheme)(typography_1.H2);
-exports.H2 = H2;
-const H3 = (0, use_theme_1.withTheme)(typography_1.H3);
-exports.H3 = H3;
-const Subtitle = (0, use_theme_1.withTheme)(typography_1.Subtitle);
-exports.Subtitle = Subtitle;
-const Body = (0, use_theme_1.withTheme)(typography_1.Body);
-exports.Body = Body;
-const InlineCode = (0, use_theme_1.withTheme)(typography_1.InlineCode);
-exports.InlineCode = InlineCode;
-const InlineKeyCode = (0, use_theme_1.withTheme)(typography_1.InlineKeyCode);
-exports.InlineKeyCode = InlineKeyCode;
-const Disclaimer = (0, use_theme_1.withTheme)(typography_1.Disclaimer);
-exports.Disclaimer = Disclaimer;
-const Overline = (0, use_theme_1.withTheme)(typography_1.Overline);
-exports.Overline = Overline;
-const Link = (0, use_theme_1.withTheme)(typography_1.Link);
-exports.Link = Link;
-const Button = (0, use_theme_1.withTheme)(button_1.default);
-exports.Button = Button;
-const Card = (0, use_theme_1.withTheme)(card_1.default);
-exports.Card = Card;
-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);
-exports.IconButton = IconButton;
-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);
-exports.SegmentedControl = SegmentedControl;
-const Select = (0, use_theme_1.withTheme)(select_1.Select);
-exports.Select = Select;
-const Table = (0, use_theme_1.withTheme)(table_1.Table);
-exports.Table = Table;
-const Tabs = (0, use_theme_1.withTheme)(tabs_1.Tabs);
-exports.Tabs = Tabs;
-const TextArea = (0, use_theme_1.withTheme)(text_area_1.default);
-exports.TextArea = TextArea;
-const TextInput = (0, use_theme_1.withTheme)(text_input_1.default);
-exports.TextInput = TextInput;
-const Toggle = (0, use_theme_1.withTheme)(toggle_1.default);
-exports.Toggle = Toggle;
-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;
+Object.defineProperty(exports, "H1", { enumerable: true, get: function () { return typography_1.H1; } });
+Object.defineProperty(exports, "H2", { enumerable: true, get: function () { return typography_1.H2; } });
+Object.defineProperty(exports, "H3", { enumerable: true, get: function () { return typography_1.H3; } });
+Object.defineProperty(exports, "Subtitle", { enumerable: true, get: function () { return typography_1.Subtitle; } });
+Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return typography_1.Body; } });
+Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function () { return typography_1.InlineCode; } });
+Object.defineProperty(exports, "InlineKeyCode", { enumerable: true, get: function () { return typography_1.InlineKeyCode; } });
+Object.defineProperty(exports, "Disclaimer", { enumerable: true, get: function () { return typography_1.Disclaimer; } });
+Object.defineProperty(exports, "Overline", { enumerable: true, get: function () { return typography_1.Overline; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return typography_1.Link; } });
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return typography_1.Label; } });
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return typography_1.Description; } });
+const use_theme_1 = require("../hooks/use-theme");
 const Icon = ({ size, ...rest }) => {
     size = size === 'xsmall' ? 12 : size;
     return react_1.default.createElement(icon_1.default, { size: size, ...rest });
 };
 exports.Icon = Icon;
+Icon.isGlyph = true;
+const Code = (0, use_theme_1.withDarkMode)(code_1.default);
+exports.Code = Code;
+const Table = (0, use_theme_1.withDarkMode)(table_1.Table);
+exports.Table = Table;
+const Modal = (0, use_theme_1.withDarkMode)(modal_1.default);
+exports.Modal = Modal;
 //# 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":"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"}
+{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}

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

@@ -8,7 +8,8 @@ declare type ListEditorProps<ItemType> = {
     onRemoveItem: (index: number) => void;
     addButtonTestId?: string;
     removeButtonTestId?: string;
+    className?: string;
 };
-declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, }: ListEditorProps<ItemType>): React.ReactElement;
+declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, }: ListEditorProps<ItemType>): React.ReactElement;
 export { ListEditor };
 //# sourceMappingURL=list-editor.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,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;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,GACV,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAiChD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/list-editor.js

@@ -19,12 +19,10 @@ const listItemStyles = (0, emotion_1.css)({
     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 },
+function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, }) {
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(listEditorStyles, className) }, 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,

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

@@ -1 +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"}
+{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,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,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA4BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,GACiB;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5C,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/modals/confirmation-modal.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,iBAAiB,IAAI,2BAA2B,EACjD,MAAM,eAAe,CAAC;AAEvB,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,2BAA2B,CACnC,GAAG,KAAK,CAAC,YAAY,CAMrB;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -1,39 +1,13 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 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 react_1 = __importDefault(require("react"));
 const leafygreen_1 = require("../leafygreen");
-function ConfirmationModal({ trackingId, ...props }) {
-    (0, react_1.useEffect)(() => {
-        if (props.open && trackingId) {
-            track('Screen', { name: trackingId });
-        }
-    }, [props.open, trackingId]);
-    return react_1.default.createElement(leafygreen_1.ConfirmationModal, { "data-testid": trackingId, ...props });
+function ConfirmationModal({ children, ...props }) {
+    return (react_1.default.createElement(leafygreen_1.ConfirmationModal, { ...props },
+        react_1.default.createElement(leafygreen_1.Body, { as: "div" }, children)));
 }
 exports.default = ConfirmationModal;
 //# sourceMappingURL=confirmation-modal.js.map

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

@@ -1 +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"}
+{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8CAGuB;AAEvB,SAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,GAAG,KAAK,EAGT;IACC,OAAO,CACL,8BAAC,8BAA2B,OAAK,KAAK;QACpC,8BAAC,iBAAI,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAQ,CACJ,CAC/B,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

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

@@ -1 +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"}
+{"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;AA6B3D,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,uFA6Bb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -26,9 +26,9 @@ 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");
+const use_theme_1 = require("../../hooks/use-theme");
 exports.Variant = {
     Default: button_1.Variant.Primary,
     Danger: button_1.Variant.Danger,
@@ -39,7 +39,6 @@ const contentStyle = (0, emotion_1.css)({
     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': {
@@ -52,7 +51,11 @@ const variantStyle = {
         paddingLeft: '78px',
     }),
 };
+const darkModeStyle = (0, emotion_1.css)({
+    paddingBottom: tokens_1.spacing[3],
+});
 const ModalBody = (0, react_1.forwardRef)(function ModalBody({ variant = exports.Variant.Default, className, scroll = true, minHeight, children }, ref) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const style = {};
     if (minHeight) {
         style.minHeight = `${minHeight}px`;
@@ -60,7 +63,7 @@ const ModalBody = (0, react_1.forwardRef)(function ModalBody({ variant = exports
     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));
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentStyle, variantStyle[variant], darkMode && darkModeStyle, className), style: style, ref: ref }, children));
 });
 exports.ModalBody = ModalBody;
 //# sourceMappingURL=modal-body.js.map

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

@@ -1 +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"}
+{"version":3,"file":"modal-body.js","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAAiD;AACjD,kDAA8D;AAC9D,kDAAiE;AACjE,qDAAoD;AAEvC,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,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;AAIF,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC;AAUH,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,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,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,EACX,YAAY,EACZ,YAAY,CAAC,OAAO,CAAC,EACrB,QAAQ,IAAI,aAAa,EACzB,SAAS,CACV,EACD,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

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ButtonProps } from '@leafygreen-ui/button';
-declare const ModalFooterButton: React.ComponentType<ButtonProps>;
+declare function ModalFooterButton({ className, ...props }: ButtonProps): JSX.Element;
 export { ModalFooterButton };
 //# sourceMappingURL=modal-footer-button.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"modal-footer-button.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-footer-button.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAyBzD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,eAY9D;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -28,10 +28,9 @@ const buttonStyle = {
         },
     }),
 };
-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]) });
+function ModalFooterButton({ className, ...props }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
+    return (react_1.default.createElement(leafygreen_1.Button, { ...props, className: (0, emotion_1.cx)(className, buttonStyle[darkMode ? use_theme_1.Theme.Dark : use_theme_1.Theme.Light]) }));
 }
-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

@@ -1 +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"}
+{"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,qDAA2D;AAE3D,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,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAC7D,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,8BAAC,mBAAM,OACD,KAAK,EACT,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAK,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAK,CAAC,KAAK,CAAC,CACjD,GACD,CACH,CAAC;AACJ,CAAC;AAEQ,8CAAiB"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export declare const Variant: {
     readonly Default: "primary";
     readonly Danger: "danger";
@@ -8,8 +8,7 @@ declare type ModalHeaderProps = {
     title: string;
     subtitle?: string;
     variant?: Variant;
-    darkMode?: boolean;
 };
-declare const ModalHeader: React.ComponentType<ModalHeaderProps>;
+declare function ModalHeader({ title, subtitle, variant, }: ModalHeaderProps): JSX.Element;
 export { ModalHeader };
 //# sourceMappingURL=modal-header.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,oBAAY,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAiD3D,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAyB,GAC1B,EAAE,gBAAgB,eA0BlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -35,7 +35,6 @@ const titleStyle = (0, emotion_1.css)({
 });
 const titleStyleDark = (0, emotion_1.css)({
     fontWeight: 'bold',
-    lineHeight: '25px',
     color: palette_1.uiColors.gray.light2,
 });
 const warningIconStyles = (0, emotion_1.css)({
@@ -53,13 +52,16 @@ const warningIconStyles = (0, emotion_1.css)({
         marginTop: '-3px',
     },
 });
-function UnthemedModalHeader({ title, subtitle, variant = exports.Variant.Default, darkMode, }) {
+const warningIconStylesDark = (0, emotion_1.css)({
+    background: `${palette_1.palette.red.dark2}`,
+});
+function ModalHeader({ title, subtitle, variant = exports.Variant.Default, }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     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" }))),
+        variant === exports.Variant.Danger && (react_1.default.createElement("div", { className: (0, emotion_1.cx)(warningIconStyles, darkMode && warningIconStylesDark) },
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "Warning", fill: darkMode ? palette_1.palette.red.light3 : 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

@@ -1 +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"}
+{"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;AAEjE,qDAAoD;AACpD,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,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;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,UAAU,EAAE,GAAG,iBAAO,CAAC,GAAG,CAAC,KAAK,EAAE;CACnC,CAAC,CAAC;AAQH,SAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,eAAO,CAAC,OAAO,GACR;IACjB,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QACnD,OAAO,KAAK,eAAO,CAAC,MAAM,IAAI,CAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,QAAQ,IAAI,qBAAqB,CAAC;YAEnE,8BAAC,iBAAI,IACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAO,CAAC,GAAG,CAAC,IAAI,EACtD,IAAI,EAAC,cAAc,GACnB,CACE,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;AAEQ,kCAAW"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAS/D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG,KAAK,CAAC,YAAY,CAiBnE;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/components/modals/modal.js

@@ -1,46 +1,22 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(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");
+const use_scrollbars_1 = require("../../hooks/use-scrollbars");
 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, { contentClassName: (0, emotion_1.cx)(contentStyles, contentClassName), ...props }));
+function Modal({ className, contentClassName, children, ...props }) {
+    const { className: scrollbarStyles } = (0, use_scrollbars_1.useScrollbars)();
+    return (react_1.default.createElement(leafygreen_1.Modal, { className: (0, emotion_1.cx)(scrollbarStyles, className), contentClassName: (0, emotion_1.cx)(contentStyles, contentClassName), ...props },
+        react_1.default.createElement(leafygreen_1.Body, { as: "div" }, children)));
 }
 exports.Modal = Modal;
 //# sourceMappingURL=modal.js.map

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

@@ -1 +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"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AAEjD,8CAA+D;AAC/D,+DAA2D;AAE3D,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,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACqC;IAM7C,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEvD,OAAO,CACL,8BAAC,kBAAe,IACd,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,SAAS,CAAC,EACzC,gBAAgB,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,gBAAgB,CAAC,KACjD,KAAK;QAET,8BAAC,iBAAI,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAQ,CAChB,CACnB,CAAC;AACJ,CAAC;AAEQ,sBAAK"}

package/lib/components/placeholder.d.ts

@@ -1,11 +1,10 @@
 import type { CSSProperties } from 'react';
 import React from 'react';
-declare const Placeholder: React.ComponentType<Omit<React.HTMLProps<HTMLDivElement>, "height" | "width" | "minChar" | "maxChar"> & {
-    minChar?: number | undefined;
-    maxChar?: number | undefined;
+declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivElement>, 'minChar' | 'maxChar' | 'width' | 'height'> & {
+    minChar?: number;
+    maxChar?: number;
     width?: CSSProperties['width'];
     height?: CSSProperties['height'];
-    darkMode?: boolean | undefined;
 }>;
 export { Placeholder };
 //# sourceMappingURL=placeholder.d.ts.map

package/lib/components/placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAmFvC,QAAA,MAAM,WAAW;;;YA5BL,aAAa,CAAC,OAAO,CAAC;aACrB,aAAa,CAAC,QAAQ,CAAC;;EA2Bc,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgDvC,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CACxC,IAAI,CACF,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CAClC,CAwBF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}