@mongodb-js/compass-components 1.4.0 → 1.5.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/modals/confirmation-modal.d.ts

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

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,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAEL,iBAAiB,IAAI,2BAA2B,EACjD,MAAM,eAAe,CAAC;AAEvB,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAWrB;AAED,eAAe,iBAAiB,CAAC"}

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

@@ -27,13 +27,14 @@ 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");
-function ConfirmationModal({ trackingId, ...props }) {
+function ConfirmationModal({ trackingId, children, ...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 });
+    return (react_1.default.createElement(leafygreen_1.ConfirmationModal, { "data-testid": trackingId, ...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,+CAAyC;AACzC,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,8CAGuB;AAEvB,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,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,8BAA2B,mBAAc,UAAU,KAAM,KAAK;QAC7D,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;AA8C3D,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,eAoBlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -53,13 +53,13 @@ const warningIconStyles = (0, emotion_1.css)({
         marginTop: '-3px',
     },
 });
-function UnthemedModalHeader({ title, subtitle, variant = exports.Variant.Default, darkMode, }) {
+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" }))),
         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,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;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,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;AAEQ,kCAAW"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Modal as LeafyGreenModal } from '../leafygreen';
-declare function Modal({ trackingId, contentClassName, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
+declare function Modal({ trackingId, className, contentClassName, children, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
     trackingId?: string;
 }): React.ReactElement;
 export { Modal };

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,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAQ,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAS/D,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAsBrB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/lib/components/modals/modal.js

@@ -29,18 +29,21 @@ 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 }) {
+function Modal({ trackingId, className, contentClassName, children, ...props }) {
+    const { className: scrollbarStyles } = (0, use_scrollbars_1.useScrollbars)();
     (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 }));
+    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,+CAAyC;AACzC,oDAAiD;AACjD,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,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,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EAGT;IAMC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEvD,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,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"}

package/lib/components/placeholder.js

@@ -64,12 +64,12 @@ const placeholderDarkMode = (0, emotion_1.css)({
 function getBoundRandom(min, max) {
     return Math.random() * (max - min) + min;
 }
-const UnthemedPlaceholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], darkMode, ...props }) => {
+const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], ...props }) => {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const width = (0, react_1.useMemo)(() => {
         return propsWidth || `${Math.round(getBoundRandom(minChar, maxChar))}ch`;
     }, [minChar, maxChar, propsWidth]);
     return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0, emotion_1.cx)(placeholder, className, darkMode && placeholderDarkMode), style: { width, height: propsHeight } }));
 };
-const Placeholder = (0, use_theme_1.withTheme)(UnthemedPlaceholder);
 exports.Placeholder = Placeholder;
 //# sourceMappingURL=placeholder.js.map

package/lib/components/placeholder.js.map

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

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

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

package/lib/components/resizeable-sidebar.js

@@ -70,6 +70,7 @@ exports.defaultSidebarWidth = tokens_1.spacing[6] * 4;
 const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded = () => {
     return;
 }, initialWidth = exports.defaultSidebarWidth, minWidth = 210, collapsedWidth = 48, children, }) => {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const [width, setWidth] = (0, react_1.useState)(initialWidth);
     const [prevWidth, setPrevWidth] = (0, react_1.useState)(initialWidth);
     const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
@@ -95,8 +96,7 @@ const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded =
             setWidth(prevWidth);
         }
     }, [setWidth, prevWidth, expanded, width, collapsedWidth]);
-    const { theme } = (0, use_theme_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(containerStyles, theme === use_theme_1.Theme.Dark ? containerStylesDark : containerStylesLight), style: {
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(containerStyles, darkMode ? containerStylesDark : containerStylesLight), style: {
             minWidth: collapsable ? collapsedWidth : minWidth,
             width: renderedWidth,
             flex: 'none',

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

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

package/lib/components/spin-loader.d.ts

@@ -2,7 +2,8 @@
 interface SpinLoaderProps {
     size?: string;
     title?: string;
+    className?: string;
 }
-declare function SpinLoader({ size, title }: SpinLoaderProps): JSX.Element;
+declare function SpinLoader({ size, title, className, }: SpinLoaderProps): JSX.Element;
 export { SpinLoader };
 //# sourceMappingURL=spin-loader.d.ts.map

package/lib/components/spin-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin-loader.d.ts","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";AAIA,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,iBAAS,UAAU,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAW1E;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"spin-loader.d.ts","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";AAKA,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,iBAAS,UAAU,CAAC,EAClB,IAAa,EACb,KAAK,EACL,SAAS,GACV,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAiB/B;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/spin-loader.js

@@ -7,13 +7,13 @@ exports.SpinLoader = void 0;
 const react_1 = __importDefault(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
+const use_theme_1 = require("../hooks/use-theme");
 const shellLoaderSpin = (0, emotion_1.keyframes) `
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 `;
 const spinLoaderStyle = (0, emotion_1.css) `
   border: 2px solid transparent;
-  border-top: 2px solid ${palette_1.palette.gray.dark3};
   border-radius: 50%;
   padding: 0;
   margin: 0;
@@ -22,8 +22,15 @@ const spinLoaderStyle = (0, emotion_1.css) `
 
   animation: ${shellLoaderSpin} 700ms ease infinite;
 `;
-function SpinLoader({ size = '12px', title }) {
-    return (react_1.default.createElement("div", { className: spinLoaderStyle, style: {
+const lightStyles = (0, emotion_1.css)({
+    borderTop: `2px solid ${palette_1.palette.gray.dark3}`,
+});
+const darkStyles = (0, emotion_1.css)({
+    borderTop: `2px solid ${palette_1.palette.gray.light3}`,
+});
+function SpinLoader({ size = '12px', title, className, }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(spinLoaderStyle, darkMode ? darkStyles : lightStyles, className), style: {
             width: size,
             height: size,
         }, title: title }));

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

@@ -1 +1 @@
-{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAiD;AAOjD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,iBAAO,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO7B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAmB;IAC3D,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
+{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA4D;AAC5D,oDAAiD;AACjD,kDAAiD;AAQjD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;;;;;;;eAQZ,eAAe;CAC7B,CAAC;AACF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,KAAK,EAAE;CAC7C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;CAC9C,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,SAAS,GACO;IAChB,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,eAAe,EACf,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EACnC,SAAS,CACV,EACD,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}