@mongodb-js/compass-components 0.17.0 → 1.1.1

package/lib/components/leafygreen.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Tooltip = exports.Toggle = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
+exports.Description = exports.Link = exports.Label = exports.Overline = exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.ToastVariant = exports.Toast = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasLogoMark = void 0;
 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; } });
@@ -49,6 +49,8 @@ Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "MenuSeparator", { enumerable: true, get: function () { return menu_1.MenuSeparator; } });
 Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
 const modal_1 = __importStar(require("@leafygreen-ui/modal"));
+const popover_1 = __importDefault(require("@leafygreen-ui/popover"));
+exports.Popover = popover_1.default;
 const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
 Object.defineProperty(exports, "RadioBox", { enumerable: true, get: function () { return radio_box_group_1.RadioBox; } });
 Object.defineProperty(exports, "RadioBoxGroup", { enumerable: true, get: function () { return radio_box_group_1.RadioBoxGroup; } });
@@ -67,21 +69,31 @@ const tabs_1 = require("@leafygreen-ui/tabs");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return tabs_1.Tab; } });
 const text_area_1 = __importDefault(require("@leafygreen-ui/text-area"));
 const text_input_1 = __importDefault(require("@leafygreen-ui/text-input"));
-const toast_1 = __importDefault(require("@leafygreen-ui/toast"));
+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"));
-const tooltip_1 = __importDefault(require("@leafygreen-ui/tooltip"));
 const typography_1 = require("@leafygreen-ui/typography");
-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; } });
+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);
@@ -114,8 +126,6 @@ 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 Tooltip = (0, use_theme_1.withTheme)(tooltip_1.default);
-exports.Tooltip = Tooltip;
 const Label = (0, use_theme_1.withTheme)(typography_1.Label);
 exports.Label = Label;
 const Description = (0, use_theme_1.withTheme)(typography_1.Description);

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/modal-title.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { H3 } from './leafygreen';
-declare function ModalTitle(props: React.ComponentProps<typeof H3>): React.ReactElement;
+declare function ModalTitle(props: Omit<React.ComponentProps<typeof H3>, 'as'>): React.ReactElement;
 export { ModalTitle };
 //# sourceMappingURL=modal-title.d.ts.map

package/lib/components/modal-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-title.d.ts","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,iBAAS,UAAU,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,GACrC,KAAK,CAAC,YAAY,CAEpB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"modal-title.d.ts","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,iBAAS,UAAU,CACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,GACjD,KAAK,CAAC,YAAY,CAEpB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/components/modal-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AAEjD,6CAAkC;AAElC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,SAAS,UAAU,CACjB,KAAsC;IAEtC,OAAO,8BAAC,eAAE,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC;AAEQ,gCAAU"}
+{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../src/components/modal-title.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AAEjD,6CAAkC;AAElC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,SAAS,UAAU,CACjB,KAAkD;IAElD,OAAO,8BAAC,eAAE,OAAK,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC;AAEQ,gCAAU"}

package/lib/components/more-options-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA0BvC,aAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,CA6CvB,CAAC"}
+{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA0BvC,aAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,CA8CvB,CAAC"}

package/lib/components/more-options-toggle.js

@@ -51,7 +51,7 @@ const MoreOptionsToggle = ({ 'aria-controls': ariaControls, isExpanded, id, 'dat
         className: optionsButtonStyles,
     }, focusRingProps);
     return (react_1.default.createElement("div", { className: optionContainerStyles },
-        react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick: onToggleOptions, ...buttonProps },
+        react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", type: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick: onToggleOptions, ...buttonProps },
             react_1.default.createElement("div", { className: optionStyles },
                 optionsLabel,
                 react_1.default.createElement(leafygreen_1.Icon, { glyph: optionsIcon })))));

package/lib/components/more-options-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,oDAA6C;AAC7C,kDAAgD;AAEhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IAEd,OAAO,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,MAAM,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC3C,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAUI,MAAM,iBAAiB,GAE1B,CAAC,EACH,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,EACpD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B;QACE,SAAS,EAAE,mBAAmB;KAC/B,EACD,cAAc,CAEoD,CAAC;IAErE,OAAO,CACL,uCAAK,SAAS,EAAE,qBAAqB;QACnC,8BAAC,iBAAI,kBACS,YAAY,mBACT,UAAU,mBACV,YAAY,EAC3B,EAAE,EAAC,QAAQ,EACX,gBAAgB,EAAE,IAAI,iBACT,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,KACpB,WAAW;YAEf,uCAAK,SAAS,EAAE,YAAY;gBACzB,YAAY;gBACb,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,iBAAiB,qBA8C5B"}
+{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,oDAA6C;AAC7C,kDAAgD;AAEhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IAEd,OAAO,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,MAAM,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC3C,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAUI,MAAM,iBAAiB,GAE1B,CAAC,EACH,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,EACpD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B;QACE,SAAS,EAAE,mBAAmB;KAC/B,EACD,cAAc,CAEoD,CAAC;IAErE,OAAO,CACL,uCAAK,SAAS,EAAE,qBAAqB;QACnC,8BAAC,iBAAI,kBACS,YAAY,mBACT,UAAU,mBACV,YAAY,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,gBAAgB,EAAE,IAAI,iBACT,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,eAAe,KACpB,WAAW;YAEf,uCAAK,SAAS,EAAE,YAAY;gBACzB,YAAY;gBACb,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}

package/lib/components/placeholder.d.ts

@@ -1,10 +1,11 @@
 import type { CSSProperties } from 'react';
 import React from 'react';
-export declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivElement>, 'minChar' | 'maxChar' | 'width' | 'height'> & {
-    minChar?: number;
-    maxChar?: number;
+declare const Placeholder: React.ComponentType<Omit<React.HTMLProps<HTMLDivElement>, "height" | "width" | "minChar" | "maxChar"> & {
+    minChar?: number | undefined;
+    maxChar?: number | undefined;
     width?: CSSProperties['width'];
     height?: CSSProperties['height'];
-    darkMode?: boolean;
+    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;AA+CvC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,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;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAuBF,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;AAmFvC,QAAA,MAAM,WAAW;;;YA5BL,aAAa,CAAC,OAAO,CAAC;aACrB,aAAa,CAAC,QAAQ,CAAC;;EA2Bc,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/components/placeholder.js

@@ -28,6 +28,7 @@ const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const palette_1 = require("@leafygreen-ui/palette");
+const use_theme_1 = require("../hooks/use-theme");
 const scale = 4;
 const percent = (num) => (num * 100).toFixed(3) + '%';
 const move = (0, emotion_1.keyframes)({
@@ -39,8 +40,8 @@ const move = (0, emotion_1.keyframes)({
     },
 });
 const placeholder = (0, emotion_1.css)({
-    '--gradient-start': palette_1.uiColors.gray.light3,
-    '--gradient-end': 'rgba(235, 241, 239, 1)',
+    '--gradient-start': palette_1.uiColors.gray.light2,
+    '--gradient-end': palette_1.uiColors.gray.light3,
     alignSelf: 'center',
     borderRadius: 3,
     maxWidth: '80%',
@@ -57,17 +58,18 @@ const placeholder = (0, emotion_1.css)({
     animation: `${move} ${scale}s infinite linear`,
 });
 const placeholderDarkMode = (0, emotion_1.css)({
-    '--gradient-start': 'rgba(38, 55, 66, 1)',
-    '--gradient-end': 'rgba(47, 64, 74, 1)',
+    '--gradient-start': palette_1.uiColors.gray.dark2,
+    '--gradient-end': palette_1.uiColors.gray.dark3,
 });
 function getBoundRandom(min, max) {
     return Math.random() * (max - min) + min;
 }
-const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], darkMode, ...props }) => {
+const UnthemedPlaceholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], darkMode, ...props }) => {
     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,oDAAkD;AAGlD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,wBAAwB;IAC1C,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,qBAAqB;IACzC,gBAAgB,EAAE,qBAAqB;CACxC,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;AAEM,MAAM,WAAW,GAWpB,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;AAjCW,QAAA,WAAW,eAiCtB"}
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAClD,kDAA+C;AAG/C,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtC,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACvC,gBAAgB,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CACtC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM,mBAAmB,GAWrB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,qBAAS,EAAC,mBAAmB,CAAC,CAAC;AAE1C,kCAAW"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const defaultSidebarWidth: number;
+declare const ResizableSidebar: ({ collapsable, expanded, setExpanded, initialWidth, minWidth, collapsedWidth, children, }: {
+    collapsable?: boolean | undefined;
+    expanded?: boolean | undefined;
+    setExpanded?: ((isExpaned: boolean) => void) | undefined;
+    initialWidth?: number | undefined;
+    minWidth?: number | undefined;
+    collapsedWidth?: number | undefined;
+    children: JSX.Element;
+}) => JSX.Element;
+export default ResizableSidebar;
+//# sourceMappingURL=resizeable-sidebar.d.ts.map

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

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

package/lib/components/resizeable-sidebar.js

@@ -0,0 +1,109 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultSidebarWidth = void 0;
+const react_1 = __importStar(require("react"));
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const use_theme_1 = require("../hooks/use-theme");
+const resize_handle_1 = require("./resize-handle");
+const containerStyles = (0, emotion_1.css)({
+    display: 'flex',
+    flexDirection: 'column',
+    margin: 0,
+    padding: 0,
+    maxWidth: '80%',
+    height: '100%',
+    position: 'relative',
+});
+const containerStylesDark = (0, emotion_1.css)({
+    '--color': 'white',
+    '--bg-color': palette_1.uiColors.gray.dark3,
+    '--title-color': palette_1.uiColors.gray.dark3,
+    '--title-bg-color': '#71F6BA',
+    '--icon-color': 'white',
+    '--item-color': 'white',
+    '--item-color-active': '#71F6BA',
+    '--item-bg-color': palette_1.uiColors.gray.dark3,
+    '--item-bg-color-hover': palette_1.uiColors.gray.dark2,
+    '--item-bg-color-active': palette_1.uiColors.black,
+    color: 'var(--color)',
+    backgroundColor: 'var(--bg-color)',
+});
+const containerStylesLight = (0, emotion_1.css)({
+    '--color': palette_1.uiColors.gray.dark3,
+    '--bg-color': palette_1.uiColors.gray.light3,
+    '--title-color': 'white',
+    '--title-bg-color': palette_1.uiColors.green.dark2,
+    '--icon-color': palette_1.uiColors.gray.dark3,
+    '--item-color': palette_1.uiColors.gray.dark3,
+    '--item-color-active': palette_1.uiColors.green.dark2,
+    '--item-bg-color': palette_1.uiColors.gray.light3,
+    '--item-bg-color-hover': palette_1.uiColors.gray.light2,
+    '--item-bg-color-active': palette_1.uiColors.green.light3,
+    color: 'var(--color)',
+    backgroundColor: 'var(--bg-color)',
+});
+exports.defaultSidebarWidth = tokens_1.spacing[6] * 4;
+const ResizableSidebar = ({ collapsable = false, expanded = true, setExpanded = () => {
+    return;
+}, initialWidth = exports.defaultSidebarWidth, minWidth = 210, collapsedWidth = 48, children, }) => {
+    const [width, setWidth] = (0, react_1.useState)(initialWidth);
+    const [prevWidth, setPrevWidth] = (0, react_1.useState)(initialWidth);
+    const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
+        return Math.max(minWidth, window.innerWidth - 100);
+    }, [minWidth]);
+    const boundSidebarWidth = (0, react_1.useCallback)((attemptedWidth) => {
+        const maxWidth = getMaxSidebarWidth();
+        return Math.min(maxWidth, Math.max(minWidth, attemptedWidth));
+    }, [getMaxSidebarWidth, minWidth]);
+    const updateWidth = (0, react_1.useCallback)((newWidth) => {
+        setWidth(newWidth);
+        const expectedExpanded = width > minWidth || !collapsable;
+        if (expanded !== expectedExpanded) {
+            setExpanded(expectedExpanded);
+        }
+        if (expectedExpanded) {
+            setPrevWidth(newWidth);
+        }
+    }, [collapsable, expanded, minWidth, setExpanded, width]);
+    const renderedWidth = expanded ? boundSidebarWidth(width) : collapsedWidth;
+    (0, react_1.useEffect)(() => {
+        if (expanded && width === collapsedWidth) {
+            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: {
+            minWidth: collapsable ? collapsedWidth : minWidth,
+            width: renderedWidth,
+            flex: 'none',
+        } },
+        children,
+        react_1.default.createElement(resize_handle_1.ResizeHandle, { onChange: updateWidth, direction: resize_handle_1.ResizeDirection.RIGHT, value: width, minValue: collapsable ? collapsedWidth : minWidth, maxValue: getMaxSidebarWidth(), title: "sidebar" })));
+};
+exports.default = ResizableSidebar;
+//# sourceMappingURL=resizeable-sidebar.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 interface SpinLoaderProps {
     size?: string;
+    title?: string;
 }
-declare function SpinLoader({ size }: SpinLoaderProps): JSX.Element;
+declare function SpinLoader({ size, title }: 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;CACf;AAmBD,iBAAS,UAAU,CAAC,EAAE,IAAa,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUnE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"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"}

package/lib/components/spin-loader.js

@@ -22,11 +22,11 @@ const spinLoaderStyle = (0, emotion_1.css) `
 
   animation: ${shellLoaderSpin} 700ms ease infinite;
 `;
-function SpinLoader({ size = '12px' }) {
+function SpinLoader({ size = '12px', title }) {
     return (react_1.default.createElement("div", { className: spinLoaderStyle, style: {
             width: size,
             height: size,
-        } }));
+        }, title: title }));
 }
 exports.SpinLoader = SpinLoader;
 //# sourceMappingURL=spin-loader.js.map

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type TabNavBarProps = {
-    'data-test-id'?: string;
+    'data-testid'?: string;
     'aria-label': string;
     activeTabIndex: number;
     mountAllViews?: boolean;

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

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

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

@@ -32,13 +32,13 @@ const tabsContainerLightStyles = (0, emotion_1.css)({
 const hiddenStyles = (0, emotion_1.css)({
     display: 'none',
 });
-function UnthemedTabNavBar({ 'data-test-id': dataTestId, 'aria-label': ariaLabel, activeTabIndex, darkMode, mountAllViews, tabs, views, onTabClicked, }) {
+function UnthemedTabNavBar({ 'data-testid': dataTestId, 'aria-label': ariaLabel, activeTabIndex, darkMode, mountAllViews, tabs, views, onTabClicked, }) {
     return (react_1.default.createElement("div", { className: containerStyles },
         react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
-            react_1.default.createElement(leafygreen_1.Tabs, { "data-test-id": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabs.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, name: tab }))))),
+            react_1.default.createElement(leafygreen_1.Tabs, { "data-testid": dataTestId, "aria-label": ariaLabel, className: "test-tab-nav-bar-tabs", setSelected: onTabClicked, selected: activeTabIndex }, tabs.map((tab, idx) => (react_1.default.createElement(leafygreen_1.Tab, { className: "test-tab-nav-bar-tab", key: `tab-${idx}`, name: tab }))))),
         views.map((view, idx) => (mountAllViews || idx === activeTabIndex) && (react_1.default.createElement(workspace_container_1.WorkspaceContainer, { className: (0, emotion_1.cx)({
                 [hiddenStyles]: idx !== activeTabIndex,
-            }), key: `tab-content-${tabs[idx]}`, "data-test-id": `${tabs[idx]
+            }), key: `tab-content-${tabs[idx]}`, "data-testid": `${tabs[idx]
                 .toLowerCase()
                 .replace(/ /g, '-')}-content` }, view)))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAkD;AAElD,+DAA2D;AAC3D,kDAA+C;AAC/C,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,kBAAQ,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAkBH,SAAS,iBAAiB,CAAC,EACzB,cAAc,EAAE,UAAU,EAC1B,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACG;IACf,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;YAED,8BAAC,iBAAI,oBACW,UAAU,gBACZ,SAAS,EACrB,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,cAAc,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAE,GAAG,GACT,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,CAAC,aAAa,IAAI,GAAG,KAAK,cAAc,CAAC,IAAI,CAC3C,8BAAC,wCAAkB,IACjB,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,IAAI,CAAC,GAAG,CAAC,EAAE,kBACjB,GAAG,IAAI,CAAC,GAAG,CAAC;iBACvB,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACc,CACtB,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}
+{"version":3,"file":"tab-nav-bar.js","sourceRoot":"","sources":["../../src/components/tab-nav-bar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAAkD;AAElD,+DAA2D;AAC3D,kDAA+C;AAC/C,6CAAyC;AAEzC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,OAAO,EAAE,KAAK,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC7B,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,kBAAQ,CAAC,KAAK;CAC3B,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAkBH,SAAS,iBAAiB,CAAC,EACzB,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,KAAK,EACL,YAAY,GACG;IACf,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe;QAC7B,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;YAED,8BAAC,iBAAI,mBACU,UAAU,gBACX,SAAS,EACrB,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,YAAY,EACzB,QAAQ,EAAE,cAAc,IAEvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,8BAAC,gBAAG,IACF,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAE,GAAG,GACT,CACH,CAAC,CACG,CACH;QACL,KAAK,CAAC,GAAG,CACR,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACZ,CAAC,aAAa,IAAI,GAAG,KAAK,cAAc,CAAC,IAAI,CAC3C,8BAAC,wCAAkB,IACjB,SAAS,EAAE,IAAA,YAAE,EAAC;gBACZ,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,cAAc;aACvC,CAAC,EACF,GAAG,EAAE,eAAe,IAAI,CAAC,GAAG,CAAC,EAAE,iBAClB,GAAG,IAAI,CAAC,GAAG,CAAC;iBACtB,WAAW,EAAE;iBACb,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,IAE9B,IAAI,CACc,CACtB,CACJ,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}

package/lib/components/tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Tooltip as LeafyGreenTooltip } from './leafygreen';
+import LeafyGreenTooltip from '@leafygreen-ui/tooltip';
 declare type TooltipTriggerProps = {
     isDisabled?: boolean;
     delay?: number;
@@ -7,7 +7,7 @@ declare type TooltipTriggerProps = {
 };
 declare type LeafyGreenTooltipProps = React.ComponentPropsWithoutRef<typeof LeafyGreenTooltip>;
 declare type TooltipTrigger = React.FunctionComponent;
-declare const Tooltip: React.FunctionComponent<TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'open' | 'setOpen' | 'trigger'> & {
+declare const Tooltip: React.FunctionComponent<TooltipTriggerProps & Omit<LeafyGreenTooltipProps, 'trigger'> & {
     trigger: TooltipTrigger;
 }>;
 export { Tooltip };

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAM5D,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,aAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,iBAAiB,CACzB,CAAC;AAEF,aAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE9C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CACpC,mBAAmB,GACjB,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG;IAC7D,OAAO,EAAE,cAAc,CAAC;CACzB,CAmCJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAOvD,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,aAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,iBAAiB,CACzB,CAAC;AAEF,aAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE9C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CACpC,mBAAmB,GACjB,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG;IACxC,OAAO,EAAE,cAAc,CAAC;CACzB,CAgDJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/components/tooltip.js

@@ -22,14 +22,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.Tooltip = void 0;
 const tooltip_1 = require("@react-stately/tooltip");
 const tooltip_2 = require("@react-aria/tooltip");
 const react_1 = __importStar(require("react"));
-const leafygreen_1 = require("./leafygreen");
+const tooltip_3 = __importDefault(require("@leafygreen-ui/tooltip"));
 const merge_props_1 = require("../utils/merge-props");
-const Tooltip = ({ isDisabled, triggerOn, delay, trigger, ...rest }) => {
+const use_theme_1 = require("../hooks/use-theme");
+const Tooltip = ({ isDisabled, triggerOn, delay, trigger, children, ...rest }) => {
+    const theme = (0, use_theme_1.useTheme)();
     const ref = (0, react_1.useRef)(null);
     const tooltipState = (0, tooltip_1.useTooltipTriggerState)({
         isDisabled,
@@ -45,9 +50,13 @@ const Tooltip = ({ isDisabled, triggerOn, delay, trigger, ...rest }) => {
             tooltipState.close();
         }
     }, [tooltipState]);
-    return (react_1.default.createElement(leafygreen_1.Tooltip, { open: !isDisabled && tooltipState.isOpen, setOpen: setOpen, trigger: ({ children, className }) => {
+    return (react_1.default.createElement(tooltip_3.default, { darkMode: theme.theme === use_theme_1.Theme.Dark, open: !isDisabled && tooltipState.isOpen, setOpen: setOpen, trigger: ({ children, className }) => {
             return trigger((0, merge_props_1.mergeProps)({ children, className }, triggerProps));
-        }, ...rest, ...tooltipProps }));
+        }, ...rest, ...tooltipProps },
+        react_1.default.createElement(use_theme_1.ThemeProvider, { theme: {
+                enabled: true,
+                theme: theme.theme === use_theme_1.Theme.Dark ? use_theme_1.Theme.Light : use_theme_1.Theme.Dark,
+            } }, children)));
 };
 exports.Tooltip = Tooltip;
 //# sourceMappingURL=tooltip.js.map

package/lib/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,+CAAmD;AACnD,6CAA4D;AAC5D,sDAAkD;AAoBlD,MAAM,OAAO,GAKT,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,gCAAsB,EAAC;QAC1C,UAAU;QACV,OAAO,EAAE,SAAS;QAClB,KAAK;KACN,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAiB,EACtD,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,EAClC,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,MAAM,EAAE,EAAE;QACT,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,IAAI,EAAE,CAAC;SACrB;aAAM;YACL,YAAY,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAiB,IAChB,IAAI,EAAE,CAAC,UAAU,IAAI,YAAY,CAAC,MAAM,EACxC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgC,EAAE,EAAE;YACjE,OAAO,OAAO,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QACpE,CAAC,KACG,IAAI,KACJ,YAAY,GACG,CACtB,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oDAAgE;AAChE,iDAAwD;AACxD,+CAAmD;AACnD,qEAAuD;AACvD,sDAAkD;AAClD,kDAAoE;AAoBpE,MAAM,OAAO,GAKT,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACnE,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,gCAAsB,EAAC;QAC1C,UAAU;QACV,OAAO,EAAE,SAAS;QAClB,KAAK;KACN,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAA,2BAAiB,EACtD,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,EAClC,YAAY,EACZ,GAAG,CACJ,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,MAAM,EAAE,EAAE;QACT,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,IAAI,EAAE,CAAC;SACrB;aAAM;YACL,YAAY,CAAC,KAAK,EAAE,CAAC;SACtB;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAiB,IAChB,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,iBAAK,CAAC,IAAI,EACpC,IAAI,EAAE,CAAC,UAAU,IAAI,YAAY,CAAC,MAAM,EACxC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgC,EAAE,EAAE;YACjE,OAAO,OAAO,CAAC,IAAA,wBAAU,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;QACpE,CAAC,KACG,IAAI,KACJ,YAAY;QAEhB,8BAAC,yBAAa,IACZ,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;gBAEb,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,iBAAK,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAK,CAAC,IAAI;aAC7D,IAEA,QAAQ,CACK,CACE,CACrB,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO"}

package/lib/components/virtual-grid.d.ts

@@ -25,6 +25,6 @@ declare type VirtualGridProps = {
     };
     resetActiveItemOnBlur?: boolean;
 };
-export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "children" | "value" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "list" | "size" | "default" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "sizes" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "children" | "value" | "key" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "list" | "size" | "default" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "integrity" | "sizes" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "defer" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=virtual-grid.d.ts.map

package/lib/components/workspace-container.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type WorkspaceContainerProps = {
     darkMode?: boolean;
-    'data-test-id'?: string;
+    'data-testid'?: string;
 };
 declare const WorkspaceContainer: React.ComponentType<WorkspaceContainerProps & React.HTMLProps<HTMLDivElement>>;
 export { WorkspaceContainer };

package/lib/components/workspace-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AA0BF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA0BF,QAAA,MAAM,kBAAkB,gFAAwC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/workspace-container.js

@@ -23,8 +23,8 @@ const darkThemeStyles = (0, emotion_1.css)({
     backgroundColor: palette_1.uiColors.gray.dark3,
     color: palette_1.uiColors.white,
 });
-function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-test-id': dataTestId, ...props }) {
-    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-test-id": dataTestId, ...props }, children));
+function UnthemedWorkspaceContainer({ className, darkMode, children, 'data-testid': dataTestId, ...props }) {
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props }, children));
 }
 const WorkspaceContainer = (0, use_theme_1.withTheme)(UnthemedWorkspaceContainer);
 exports.WorkspaceContainer = WorkspaceContainer;