@mongodb-js/compass-components 0.17.0 → 1.0.0

package/lib/components/resizeable-sidebar.js

@@ -0,0 +1,84 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const index_1 = require("../index");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const containerStyles = (0, index_1.css)({
+    display: 'flex',
+    flexDirection: 'column',
+    margin: 0,
+    padding: 0,
+    maxWidth: '80%',
+    height: '100%',
+    position: 'relative',
+});
+const containerStylesDark = (0, index_1.css)({
+    '--color': 'white',
+    '--bg-color': palette_1.uiColors.gray.dark3,
+    '--icon-color': 'white',
+    '--hover-icon-color': 'white',
+    '--item-color': 'white',
+    '--item-color-hover': 'white',
+    '--item-color-active': 'white',
+    '--item-bg-color': palette_1.uiColors.gray.dark2,
+    '--item-bg-color-hover': palette_1.uiColors.gray.dark3,
+    '--item-bg-color-active': palette_1.uiColors.gray.dark1,
+    color: 'var(--color)',
+    backgroundColor: 'var(--bg-color)',
+});
+const containerStylesLight = (0, index_1.css)({
+    '--color': palette_1.uiColors.gray.dark3,
+    '--bg-color': palette_1.uiColors.gray.light3,
+    '--icon-color': palette_1.uiColors.gray.dark3,
+    '--hover-icon-color': palette_1.uiColors.gray.dark1,
+    '--item-color': palette_1.uiColors.gray.dark3,
+    '--item-color-hover': 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.green.light2,
+    '--item-bg-color-active': palette_1.uiColors.green.light3,
+    color: 'var(--color)',
+    backgroundColor: 'var(--bg-color)',
+});
+const initialSidebarWidth = tokens_1.spacing[6] * 4 - tokens_1.spacing[1];
+const minSidebarWidth = tokens_1.spacing[4] * 9;
+const ResizableSidebar = ({ initialWidth = initialSidebarWidth, minWidth = minSidebarWidth, children, }) => {
+    const [width, setWidth] = (0, react_1.useState)(initialWidth);
+    const getMaxSidebarWidth = (0, react_1.useCallback)(() => {
+        return Math.max(minWidth, window.innerWidth - 100);
+    }, [minWidth]);
+    const { theme } = (0, index_1.useTheme)();
+    return (react_1.default.createElement("div", { className: (0, index_1.cx)(containerStyles, theme === index_1.Theme.Dark ? containerStylesDark : containerStylesLight), style: {
+            minWidth: minWidth,
+            width: width,
+            flex: 'none',
+        } },
+        children,
+        react_1.default.createElement(index_1.ResizeHandle, { onChange: (newWidth) => setWidth(newWidth), direction: index_1.ResizeDirection.RIGHT, value: width, minValue: 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/constants/mongodb-ace-theme-query.d.ts

@@ -1,4 +1,4 @@
 declare const mongodbAceThemeQueryCssTextLegacy = "\n.ace-mongodb-query .ace_gutter {\nbackground: #ffffff;\ncolor: #999999;\n}\n.ace-mongodb-query  {\nbackground: #ffffff;\ncolor: #000;\n}\n.ace-mongodb-query .ace_placeholder {\nfont-family: inherit;\ntransform: none;\nopacity: 1;\nmargin: 0;\n}\n.ace-mongodb-query .ace_keyword {\ncolor: #999999;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_gutter-cell {\npadding-left: 5px;\npadding-right: 10px;\n}\n.ace-mongodb-query .ace_string {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_boolean {\ncolor: #5b81a9;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_constant.ace_numeric {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_string.ace_regexp {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_variable.ace_class {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_buildin {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_support.ace_function {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_comment {\ncolor: #998;\nfont-style: italic;\n}\n.ace-mongodb-query .ace_variable.ace_language  {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_paren {\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_variable.ace_instance {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_language {\nfont-weight: bold;\n}\n.ace-mongodb-query .ace_cursor {\ncolor: #999999;\n}\n.ace-mongodb-query.ace_focus .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selection {\nbackground: rgb(181, 213, 255);\n}\n.ace-mongodb-query.ace_multiselect .ace_selection.ace_start {\nbox-shadow: 0 0 3px 0px white;\n}\n.ace-mongodb-query.ace_nobold .ace_line > span {\nfont-weight: normal !important;\n}\n.ace-mongodb-query .ace_marker-layer .ace_step {\nbackground: rgb(252, 255, 0);\n}\n.ace-mongodb-query .ace_marker-layer .ace_stack {\nbackground: rgb(164, 229, 101);\n}\n.ace-mongodb-query .ace_marker-layer .ace_bracket {\nmargin: -1px 0 0 -1px;\nborder: 1px solid rgb(192, 192, 192);\n}\n.ace-mongodb-query .ace_gutter-active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selected-word {\nbackground: rgb(250, 250, 255);\nborder: 1px solid rgb(200, 200, 250);\n}\n.ace-mongodb-query .ace_invisible {\ncolor: #BFBFBF\n}\n.ace-mongodb-query .ace_print-margin {\nwidth: 1px;\nbackground: #e8e8e8;\n}\n.ace-mongodb-query .ace_hidden-cursors {\n  opacity: 0;\n}\n.ace-mongodb-query .ace_indent-guide {\nbackground: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==\") right repeat-y;\n}";
-declare const mongodbAceThemeQueryCssText = "\n.ace-mongodb-query .ace_scroller {\npadding: 0px 14px;\n}\n.ace-mongodb-query .ace_gutter {\nbackground: #ffffff;\ncolor: #999999;\n}\n.ace-mongodb-query  {\nbackground: #ffffff;\ncolor: #000;\n}\n.ace-mongodb-query .ace_placeholder {\nfont-family: inherit;\ntransform: none;\nopacity: 1;\nmargin: 0;\npadding: 14px 8px !important;\n}\n.ace-mongodb-query .ace_keyword {\ncolor: #999999;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_gutter-cell {\npadding-left: 5px;\npadding-right: 10px;\n}\n.ace-mongodb-query .ace_string {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_boolean {\ncolor: #5b81a9;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_constant.ace_numeric {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_string.ace_regexp {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_variable.ace_class {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_buildin {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_support.ace_function {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_comment {\ncolor: #998;\n}\n.ace-mongodb-query .ace_variable.ace_language  {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_paren {\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_variable.ace_instance {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_language {\nfont-weight: bold;\n}\n.ace-mongodb-query .ace_cursor {\ncolor: #999999;\n}\n.ace-mongodb-query.ace_focus .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selection {\nbackground: rgb(181, 213, 255);\n}\n.ace-mongodb-query.ace_multiselect .ace_selection.ace_start {\nbox-shadow: 0 0 3px 0px white;\n}\n.ace-mongodb-query.ace_nobold .ace_line > span {\nfont-weight: normal !important;\n}\n.ace-mongodb-query .ace_marker-layer .ace_step {\nbackground: rgb(252, 255, 0);\n}\n.ace-mongodb-query .ace_marker-layer .ace_stack {\nbackground: rgb(164, 229, 101);\n}\n.ace-mongodb-query .ace_marker-layer .ace_bracket {\nmargin: -1px 0 0 -1px;\nborder: 1px solid rgb(192, 192, 192);\n}\n.ace-mongodb-query .ace_gutter-active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selected-word {\nbackground: rgb(250, 250, 255);\nborder: 1px solid rgb(200, 200, 250);\n}\n.ace-mongodb-query .ace_invisible {\ncolor: #BFBFBF\n}\n.ace-mongodb-query .ace_print-margin {\nwidth: 1px;\nbackground: #e8e8e8;\n}\n.ace-mongodb-query .ace_hidden-cursors {\n  opacity: 0;\n}\n.ace-mongodb-query .ace_indent-guide {\nbackground: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==\") right repeat-y;\n}";
+declare const mongodbAceThemeQueryCssText = "\n.ace-mongodb-query .ace_scroller {\nline-height: 14px;\n}\n.ace-mongodb-query .ace_gutter {\nbackground: #ffffff;\ncolor: #999999;\n}\n.ace-mongodb-query  {\nbackground: #ffffff;\ncolor: #000;\n}\n.ace-mongodb-query .ace_placeholder {\nfont-family: inherit;\ntransform: none;\nopacity: 1;\nmargin: 0;\npadding: 6px 14px !important;\n}\n.ace-mongodb-query .ace_keyword {\ncolor: #999999;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_gutter-cell {\npadding-left: 5px;\npadding-right: 10px;\n}\n.ace-mongodb-query .ace_string {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_boolean {\ncolor: #5b81a9;\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_constant.ace_numeric {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_string.ace_regexp {\ncolor: #5b81a9;\n}\n.ace-mongodb-query .ace_variable.ace_class {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_buildin {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_support.ace_function {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_comment {\ncolor: #998;\n}\n.ace-mongodb-query .ace_variable.ace_language  {\ncolor: #0086B3;\n}\n.ace-mongodb-query .ace_paren {\nfont-weight: normal;\n}\n.ace-mongodb-query .ace_variable.ace_instance {\ncolor: teal;\n}\n.ace-mongodb-query .ace_constant.ace_language {\nfont-weight: bold;\n}\n.ace-mongodb-query .ace_cursor {\ncolor: #999999;\n}\n.ace-mongodb-query.ace_focus .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selection {\nbackground: rgb(181, 213, 255);\n}\n.ace-mongodb-query.ace_multiselect .ace_selection.ace_start {\nbox-shadow: 0 0 3px 0px white;\n}\n.ace-mongodb-query.ace_nobold .ace_line > span {\nfont-weight: normal !important;\n}\n.ace-mongodb-query .ace_marker-layer .ace_step {\nbackground: rgb(252, 255, 0);\n}\n.ace-mongodb-query .ace_marker-layer .ace_stack {\nbackground: rgb(164, 229, 101);\n}\n.ace-mongodb-query .ace_marker-layer .ace_bracket {\nmargin: -1px 0 0 -1px;\nborder: 1px solid rgb(192, 192, 192);\n}\n.ace-mongodb-query .ace_gutter-active-line {\nbackground: #ffffff;\n}\n.ace-mongodb-query .ace_marker-layer .ace_selected-word {\nbackground: rgb(250, 250, 255);\nborder: 1px solid rgb(200, 200, 250);\n}\n.ace-mongodb-query .ace_invisible {\ncolor: #BFBFBF\n}\n.ace-mongodb-query .ace_print-margin {\nwidth: 1px;\nbackground: #e8e8e8;\n}\n.ace-mongodb-query .ace_hidden-cursors {\n  opacity: 0;\n}\n.ace-mongodb-query .ace_indent-guide {\nbackground: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==\") right repeat-y;\n}";
 declare function mongodbAceThemeQuery(acequire: any, exports: any): void;
 //# sourceMappingURL=mongodb-ace-theme-query.d.ts.map

package/lib/constants/mongodb-ace-theme-query.js

@@ -110,7 +110,7 @@ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZg
 }`;
 const mongodbAceThemeQueryCssText = `
 .ace-mongodb-query .ace_scroller {
-padding: 0px 14px;
+line-height: 14px;
 }
 .ace-mongodb-query .ace_gutter {
 background: #ffffff;
@@ -125,7 +125,7 @@ font-family: inherit;
 transform: none;
 opacity: 1;
 margin: 0;
-padding: 14px 8px !important;
+padding: 6px 14px !important;
 }
 .ace-mongodb-query .ace_keyword {
 color: #999999;

package/lib/hooks/use-theme.d.ts

@@ -5,6 +5,7 @@ declare enum Theme {
 }
 declare type ThemeState = {
     theme: Theme;
+    enabled?: true;
 };
 declare const ThemeProvider: ({ children, theme, }: {
     children: React.ReactNode;
@@ -15,5 +16,5 @@ interface WithThemeProps {
     darkMode?: boolean;
 }
 declare const withTheme: <ComponentProps extends WithThemeProps = WithThemeProps>(WrappedComponent: React.ComponentType<ComponentProps & WithThemeProps>) => React.ComponentType<ComponentProps>;
-export { Theme, ThemeProvider, useTheme, withTheme };
+export { Theme, ThemeState, ThemeProvider, useTheme, withTheme };
 //# sourceMappingURL=use-theme.d.ts.map

package/lib/hooks/use-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAMF,QAAA,MAAM,aAAa;cAIP,MAAM,SAAS;WAClB,UAAU;MACf,MAAM,YAIT,CAAC;AAEF,iBAAS,QAAQ,IAAI,UAAU,CAE9B;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,SAAS,yKA+Bd,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,aAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAMF,QAAA,MAAM,aAAa;cAIP,MAAM,SAAS;WAClB,UAAU;MACf,MAAM,YAIT,CAAC;AAEF,iBAAS,QAAQ,IAAI,UAAU,CAE9B;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,SAAS,yKAiCd,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}

package/lib/hooks/use-theme.js

@@ -46,7 +46,8 @@ const withTheme = function (WrappedComponent) {
     const ComponentWithTheme = (props, ref) => {
         var _a, _b;
         const theme = useTheme();
-        const applyTheme = ((_b = (_a = global === null || global === void 0 ? void 0 : global.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.COMPASS_LG_DARKMODE) === 'true';
+        const applyTheme = theme.enabled === true ||
+            ((_b = (_a = global === null || global === void 0 ? void 0 : global.process) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.COMPASS_LG_DARKMODE) === 'true';
         return (react_1.default.createElement(WrappedComponent, { darkMode: applyTheme ? (theme === null || theme === void 0 ? void 0 : theme.theme) === Theme.Dark : undefined, ref: ref, ...props }));
     };
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';

package/lib/hooks/use-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,wBAAe,CAAA;IACf,sBAAa,CAAA;AACf,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AAiEQ,sBAAK;AA3Dd,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAa;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,KAAK,GAIN,EAAsB,EAAE;IACvB,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CACxE,CAAC;AACJ,CAAC,CAAC;AA6Cc,sCAAa;AA3C7B,SAAS,QAAQ;IACf,OAAO,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AAyC8B,4BAAQ;AAjCvC,MAAM,SAAS,GAAG,UAGhB,gBAAsE;IAEtE,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAEC,EACD,EAAE;;QACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,MAAM,UAAU,GAAG,CAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,GAAG,0CAAE,mBAAmB,MAAK,MAAM,CAAC;QAExE,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,kBAAkB,CAAC,WAAW,GAAG,aAAa,WAAW,GAAG,CAAC;IAE7D,OAAO,eAAK,CAAC,UAAU,CAAC,kBAAkB,CAA4B,CAAC;AACzE,CAAC,CAAC;AAEuC,8BAAS"}
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AAEzD,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,wBAAe,CAAA;IACf,sBAAa,CAAA;AACf,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AAoEQ,sBAAK;AA7Dd,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAa;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,KAAK,GAIN,EAAsB,EAAE;IACvB,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CACxE,CAAC;AACJ,CAAC,CAAC;AA+C0B,sCAAa;AA7CzC,SAAS,QAAQ;IACf,OAAO,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AA2C0C,4BAAQ;AAnCnD,MAAM,SAAS,GAAG,UAGhB,gBAAsE;IAEtE,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAEC,EACD,EAAE;;QACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,KAAK,IAAI;YACtB,CAAA,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,GAAG,0CAAE,mBAAmB,MAAK,MAAM,CAAC;QAEvD,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,kBAAkB,CAAC,WAAW,GAAG,aAAa,WAAW,GAAG,CAAC;IAE7D,OAAO,eAAK,CAAC,UAAU,CAAC,kBAAkB,CAA4B,CAAC;AACzE,CAAC,CAAC;AAEmD,8BAAS"}

package/lib/index.d.ts

@@ -13,6 +13,7 @@ import { SpinLoader } from './components/spin-loader';
 import { ResizeHandle, ResizeDirection } from './components/resize-handle';
 import { Accordion } from './components/accordion';
 import { WorkspaceTabs } from './components/workspace-tabs/workspace-tabs';
+import ResizableSidebar from './components/resizeable-sidebar';
 export { Editor, EditorVariant, EditorTextCompleter, setEditorValue, } from './components/editor';
 export { FavoriteIcon } from './components/icons/favorite-icon';
 export { Variant as BadgeVariant } from '@leafygreen-ui/badge';
@@ -20,6 +21,7 @@ export { Variant as BannerVariant } from '@leafygreen-ui/banner';
 export { Size as ButtonSize, Variant as ButtonVariant, } from '@leafygreen-ui/button';
 export { Checkbox } from './components/checkbox';
 export { default as LeafyGreenProvider } from '@leafygreen-ui/leafygreen-provider';
+export { Combobox, ComboboxOption, ComboboxGroup, } from './components/leafy-green/combobox';
 export { uiColors } from '@leafygreen-ui/palette';
 export * as compassFontSizes from './compass-font-sizes';
 export * as compassUIColors from './compass-ui-colors';
@@ -27,13 +29,14 @@ export { default as Portal } from '@leafygreen-ui/portal';
 export { Size as RadioBoxSize } from '@leafygreen-ui/radio-box-group';
 export { Size as SelectSize } from '@leafygreen-ui/select';
 export { Variant as ToastVariant } from '@leafygreen-ui/toast';
+export { useId } from '@react-aria/utils';
 export { useToast, ToastArea } from './hooks/use-toast';
 export { Toggle } from './components/toggle';
 export { breakpoints, spacing } from '@leafygreen-ui/tokens';
 export { Tooltip } from './components/tooltip';
-export { Accordion, CancelLoader, ConfirmationModal, ErrorSummary, FileInput, Modal, ModalTitle, MoreOptionsToggle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, Toolbar, WarningSummary, WorkspaceTabs, };
+export { Accordion, CancelLoader, ConfirmationModal, ErrorSummary, FileInput, Modal, ModalTitle, MoreOptionsToggle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, ResizableSidebar, Toolbar, WarningSummary, WorkspaceTabs, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
-export { withTheme, useTheme, Theme, ThemeProvider } from './hooks/use-theme';
+export { withTheme, useTheme, Theme, ThemeState, ThemeProvider, } from './hooks/use-theme';
 export { ContentWithFallback, FadeInPlaceholder, } from './components/content-with-fallback';
 export { InlineDefinition } from './components/inline-definition';
 import type { glyphs } from '@leafygreen-ui/icon';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AAExC,OAAO,EACL,OAAO,IAAI,OAAO,EAClB,KAAK,EACL,OAAO,EACP,EAAE,EACF,KAAK,EACL,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,EACH,KAAK,EACL,KAAK,GACN,MAAM,wBAAwB,CAAC;AAChC,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,iBAAiB,MAAM,iCAAiC,CAAC;AAChE,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EACL,YAAY,EACZ,cAAc,EACf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,gBAAgB,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EACL,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EACL,IAAI,IAAI,UAAU,EAClB,OAAO,IAAI,aAAa,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAEnF,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,GACd,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,eAAe,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,OAAO,EACP,cAAc,EACd,aAAa,GACd,CAAC;AACF,OAAO,EACL,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,oBAAY,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,YAAY,MAAM,4BAA4B,CAAC"}

package/lib/index.js

@@ -29,8 +29,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WorkspaceTabs = exports.WarningSummary = exports.Toolbar = exports.ResizeDirection = exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.MoreOptionsToggle = exports.ModalTitle = exports.Modal = exports.FileInput = exports.ErrorSummary = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastArea = exports.useToast = exports.ToastVariant = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.compassUIColors = exports.compassFontSizes = exports.uiColors = exports.LeafyGreenProvider = exports.Checkbox = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = exports.FavoriteIcon = exports.setEditorValue = exports.EditorTextCompleter = exports.EditorVariant = exports.Editor = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = void 0;
-exports.DocumentList = exports.BSONValue = exports.Stage = exports.Pipeline = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRingVisibleStyles = exports.focusRingStyles = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.ErrorBoundary = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useTheme = exports.withTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = void 0;
+exports.ResizeHandle = exports.SpinLoader = exports.RadioBoxGroup = exports.MoreOptionsToggle = exports.ModalTitle = exports.Modal = exports.FileInput = exports.ErrorSummary = exports.ConfirmationModal = exports.CancelLoader = exports.Accordion = exports.Tooltip = exports.spacing = exports.breakpoints = exports.Toggle = exports.ToastArea = exports.useToast = exports.useId = exports.ToastVariant = exports.SelectSize = exports.RadioBoxSize = exports.Portal = exports.compassUIColors = exports.compassFontSizes = exports.uiColors = exports.ComboboxGroup = exports.ComboboxOption = exports.Combobox = exports.LeafyGreenProvider = exports.Checkbox = exports.ButtonVariant = exports.ButtonSize = exports.BannerVariant = exports.BadgeVariant = exports.FavoriteIcon = exports.setEditorValue = exports.EditorTextCompleter = exports.EditorVariant = exports.Editor = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = exports.emotion = void 0;
+exports.DocumentList = exports.BSONValue = exports.Stage = exports.Pipeline = exports.useSortedItems = exports.useSortControls = exports.useDefaultAction = exports.useFocusRing = exports.focusRingVisibleStyles = exports.focusRingStyles = exports.mergeProps = exports.VirtualGrid = exports.useDOMRect = exports.Placeholder = exports.InlineInfoLink = exports.WorkspaceContainer = exports.TabNavBar = exports.ErrorBoundary = exports.InlineDefinition = exports.FadeInPlaceholder = exports.ContentWithFallback = exports.ThemeProvider = exports.Theme = exports.useTheme = exports.withTheme = exports.FocusState = exports.useHoverState = exports.useFocusState = exports.WorkspaceTabs = exports.WarningSummary = exports.Toolbar = exports.ResizableSidebar = exports.ResizeDirection = void 0;
 __exportStar(require("./components/leafygreen"), exports);
 var emotion_1 = require("@leafygreen-ui/emotion");
 Object.defineProperty(exports, "emotion", { enumerable: true, get: function () { return __importDefault(emotion_1).default; } });
@@ -72,6 +72,8 @@ const accordion_1 = require("./components/accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 const workspace_tabs_1 = require("./components/workspace-tabs/workspace-tabs");
 Object.defineProperty(exports, "WorkspaceTabs", { enumerable: true, get: function () { return workspace_tabs_1.WorkspaceTabs; } });
+const resizeable_sidebar_1 = __importDefault(require("./components/resizeable-sidebar"));
+exports.ResizableSidebar = resizeable_sidebar_1.default;
 var editor_1 = require("./components/editor");
 Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return editor_1.Editor; } });
 Object.defineProperty(exports, "EditorVariant", { enumerable: true, get: function () { return editor_1.EditorVariant; } });
@@ -90,6 +92,10 @@ var checkbox_1 = require("./components/checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
 var leafygreen_provider_1 = require("@leafygreen-ui/leafygreen-provider");
 Object.defineProperty(exports, "LeafyGreenProvider", { enumerable: true, get: function () { return __importDefault(leafygreen_provider_1).default; } });
+var combobox_1 = require("./components/leafy-green/combobox");
+Object.defineProperty(exports, "Combobox", { enumerable: true, get: function () { return combobox_1.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; } });
 var palette_1 = require("@leafygreen-ui/palette");
 Object.defineProperty(exports, "uiColors", { enumerable: true, get: function () { return palette_1.uiColors; } });
 exports.compassFontSizes = __importStar(require("./compass-font-sizes"));
@@ -102,6 +108,8 @@ var select_1 = require("@leafygreen-ui/select");
 Object.defineProperty(exports, "SelectSize", { enumerable: true, get: function () { return select_1.Size; } });
 var toast_1 = require("@leafygreen-ui/toast");
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return toast_1.Variant; } });
+var utils_1 = require("@react-aria/utils");
+Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return utils_1.useId; } });
 var use_toast_1 = require("./hooks/use-toast");
 Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return use_toast_1.useToast; } });
 Object.defineProperty(exports, "ToastArea", { enumerable: true, get: function () { return use_toast_1.ToastArea; } });

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAwC;AAExC,kDAYgC;AAX9B,mHAAA,OAAO,OAAW;AAClB,gGAAA,KAAK,OAAA;AACL,kGAAA,OAAO,OAAA;AACP,6FAAA,EAAE,OAAA;AACF,gGAAA,KAAK,OAAA;AACL,8GAAA,mBAAmB,OAAA;AACnB,uGAAA,YAAY,OAAA;AACZ,oGAAA,SAAS,OAAA;AACT,8FAAA,GAAG,OAAA;AACH,gGAAA,KAAK,OAAA;AACL,gGAAA,KAAK,OAAA;AAEP,+EAAsD;AAkDpD,uBAlDK,uBAAY,CAkDL;AAjDd,yFAAgE;AAkD9D,4BAlDK,4BAAiB,CAkDL;AAjDnB,yEAAgD;AAmD9C,oBAnDK,oBAAS,CAmDL;AAlDX,8CAA2C;AAmDzC,sFAnDO,aAAK,OAmDP;AAlDP,0DAAsD;AAmDpD,2FAnDO,wBAAU,OAmDP;AAlDZ,kDAA+C;AAwD7C,wFAxDO,iBAAO,OAwDP;AAvDT,0EAAqE;AAkDnE,kGAlDO,uCAAiB,OAkDP;AAjDnB,8EAG4C;AA0C1C,6FA5CA,oCAAY,OA4CA;AAUZ,+FArDA,sCAAc,OAqDA;AAnDhB,kEAA6D;AA8C3D,8FA9CO,+BAAa,OA8CP;AA7Cf,0DAAsD;AA8CpD,2FA9CO,wBAAU,OA8CP;AA7CZ,8DAA2E;AA8CzE,6FA9CO,4BAAY,OA8CP;AACZ,gGA/CqB,+BAAe,OA+CrB;AA9CjB,sDAAmD;AAmCjD,0FAnCO,qBAAS,OAmCP;AAlCX,+EAA2E;AAgDzE,8FAhDO,8BAAa,OAgDP;AA/Cf,8CAK6B;AAJ3B,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,6GAAA,mBAAmB,OAAA;AACnB,wGAAA,cAAc,OAAA;AAEhB,kEAAgE;AAAvD,6GAAA,YAAY,OAAA;AACrB,8CAA+D;AAAtD,qGAAA,OAAO,OAAgB;AAChC,gDAAiE;AAAxD,uGAAA,OAAO,OAAiB;AACjC,gDAG+B;AAF7B,oGAAA,IAAI,OAAc;AAClB,uGAAA,OAAO,OAAiB;AAG1B,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,0EAAmF;AAA1E,0IAAA,OAAO,OAAsB;AAEtC,kDAAkD;AAAzC,mGAAA,QAAQ,OAAA;AACjB,yEAAyD;AACzD,uEAAuD;AACvD,gDAA0D;AAAjD,iHAAA,OAAO,OAAU;AAC1B,kEAAsE;AAA7D,+GAAA,IAAI,OAAgB;AAC7B,gDAA2D;AAAlD,oGAAA,IAAI,OAAc;AAC3B,8CAA+D;AAAtD,qGAAA,OAAO,OAAgB;AAEhC,+CAAwD;AAA/C,qGAAA,QAAQ,OAAA;AAAE,sGAAA,SAAS,OAAA;AAE5B,8CAA6C;AAApC,gGAAA,MAAM,OAAA;AAEf,gDAA6D;AAApD,qGAAA,WAAW,OAAA;AAAE,iGAAA,OAAO,OAAA;AAC7B,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAmBhB,2DAIiC;AAH/B,gHAAA,aAAa,OAAA;AACb,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AAEZ,+CAA8E;AAArE,sGAAA,SAAS,OAAA;AAAE,qGAAA,QAAQ,OAAA;AAAE,kGAAA,KAAK,OAAA;AAAE,0GAAA,aAAa,OAAA;AAClD,4EAG4C;AAF1C,4HAAA,mBAAmB,OAAA;AACnB,0HAAA,iBAAiB,OAAA;AAEnB,oEAAkE;AAAzD,qHAAA,gBAAgB,OAAA;AAIzB,8DAA4D;AAAnD,+GAAA,aAAa,OAAA;AACtB,wDAAqD;AAA5C,wGAAA,SAAS,OAAA;AAClB,wEAAsE;AAA7D,yHAAA,kBAAkB,OAAA;AAC3B,kEAA+D;AAAtD,kHAAA,cAAc,OAAA;AACvB,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,qDAAkD;AAAzC,0GAAA,UAAU,OAAA;AACnB,0DAAwD;AAA/C,2GAAA,WAAW,OAAA;AACpB,mDAAiD;AAAxC,yGAAA,UAAU,OAAA;AACnB,yDAIgC;AAH9B,iHAAA,eAAe,OAAA;AACf,wHAAA,sBAAsB,OAAA;AACtB,8GAAA,YAAY,OAAA;AAEd,iEAA8D;AAArD,sHAAA,gBAAgB,OAAA;AACzB,6CAAmE;AAA1D,2GAAA,eAAe,OAAA;AAAE,0GAAA,cAAc,OAAA;AACxC,oDAA0D;AAAjD,oGAAA,QAAQ,OAAA;AAAE,iGAAA,KAAK,OAAA;AAExB,sDAA+D;AAAtD,wHAAA,OAAO,OAAa;AAC7B,2EAA2D"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongodb-js/compass-components",
-  "version": "0.17.0",
+  "version": "1.0.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
   "main": "lib/index.js",
@@ -39,14 +39,19 @@
     "@leafygreen-ui/code": "^9.4.0",
     "@leafygreen-ui/confirmation-modal": "^2.2.3",
     "@leafygreen-ui/emotion": "^4.0.0",
+    "@leafygreen-ui/hooks": "^7.0.0",
     "@leafygreen-ui/icon": "^11.7.0",
     "@leafygreen-ui/icon-button": "^9.1.7",
+    "@leafygreen-ui/inline-definition": "^2.0.6",
+    "@leafygreen-ui/interaction-ring": "^1.1.1",
     "@leafygreen-ui/leafygreen-provider": "^2.1.3",
+    "@leafygreen-ui/lib": "^9.1.0",
     "@leafygreen-ui/logo": "^6.1.0",
     "@leafygreen-ui/menu": "^11.0.1",
     "@leafygreen-ui/modal": "^7.0.0",
     "@leafygreen-ui/palette": "^3.3.1",
     "@leafygreen-ui/pipeline": "^2.1.5",
+    "@leafygreen-ui/popover": "^7.2.2",
     "@leafygreen-ui/portal": "^4.0.2",
     "@leafygreen-ui/radio-box-group": "^6.1.5",
     "@leafygreen-ui/radio-group": "^7.0.6",
@@ -61,29 +66,31 @@
     "@leafygreen-ui/tokens": "^0.5.3",
     "@leafygreen-ui/tooltip": "^6.3.1",
     "@leafygreen-ui/typography": "^8.1.0",
-    "@mongodb-js/compass-logging": "^0.14.0",
+    "@mongodb-js/compass-logging": "^1.0.0",
     "@react-aria/interactions": "^3.9.1",
     "@react-aria/tooltip": "^3.2.1",
     "@react-aria/utils": "^3.13.1",
     "@react-stately/tooltip": "^3.0.5",
+    "@types/lodash": "^4.14.172",
     "bson": "^4.6.1",
-    "hadron-document": "^7.13.0",
-    "hadron-type-checker": "^6.10.0",
+    "hadron-document": "^8.0.0",
+    "hadron-type-checker": "^7.0.0",
+    "lodash": "^4.17.21",
     "react-sortable-hoc": "^2.0.0",
     "react-window": "^1.8.6"
   },
   "peerDependencies": {
     "ace-builds": "^1.4.3",
-    "mongodb-ace-autocompleter": "*",
-    "mongodb-ace-mode": "^1.8.0",
+    "mongodb-ace-autocompleter": "^1.1.1",
+    "mongodb-ace-mode": "^2.0.0",
     "react": "^16.14.0",
     "react-ace": "^9.5.0"
   },
   "devDependencies": {
-    "@mongodb-js/eslint-config-compass": "^0.11.0",
-    "@mongodb-js/mocha-config-compass": "^0.12.0",
-    "@mongodb-js/prettier-config-compass": "^0.6.0",
-    "@mongodb-js/tsconfig-compass": "^0.7.0",
+    "@mongodb-js/eslint-config-compass": "^1.0.0",
+    "@mongodb-js/mocha-config-compass": "^1.0.0",
+    "@mongodb-js/prettier-config-compass": "^1.0.0",
+    "@mongodb-js/tsconfig-compass": "^1.0.0",
     "@testing-library/dom": "^8.11.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
@@ -97,7 +104,7 @@
     "eslint": "^7.25.0",
     "mocha": "^8.4.0",
     "mongodb-ace-autocompleter": "^1.1.1",
-    "mongodb-ace-mode": "^1.8.0",
+    "mongodb-ace-mode": "^2.0.0",
     "nyc": "^15.0.0",
     "prettier": "^2.7.1",
     "react": "^16.14.0",
@@ -115,5 +122,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f5498524c3e50d351f6f36fb015ff14163a39cf"
+  "gitHead": "a30734888ab496a07d58e26870e5e33b374e98f7"
 }