@mongodb-js/compass-components 1.4.0 → 1.6.0

package/lib/components/workspace-tabs/workspace-tabs.js

@@ -28,8 +28,9 @@ const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const tokens_1 = require("@leafygreen-ui/tokens");
-const react_sortable_hoc_1 = require("react-sortable-hoc");
 const polished_1 = require("polished");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
 const use_theme_1 = require("../../hooks/use-theme");
 const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
@@ -59,7 +60,7 @@ const tabsContainerLightStyles = (0, emotion_1.css)({
     },
 });
 const tabsContainerDarkStyles = (0, emotion_1.css)({
-    backgroundColor: palette_1.palette.gray.dark3,
+    backgroundColor: palette_1.palette.black,
     borderBottomColor: palette_1.palette.gray.dark2,
     '::-webkit-scrollbar-thumb': {
         backgroundColor: exports.scrollbarThumbDarkTheme,
@@ -87,11 +88,6 @@ const createNewTabButtonStyles = (0, emotion_1.css)({
 const sortableItemContainerStyles = (0, emotion_1.css)({
     display: 'inline-flex',
 });
-const workspaceTabsSortableCloneStyles = (0, emotion_1.css)({
-    pointerEvents: 'auto !important',
-    cursor: 'grabbing !important',
-    zIndex: 50,
-});
 function useTabListKeyboardNavigation({ tabsCount, onSelectTab, selectedTabIndex, }) {
     const onKeyDown = (0, react_1.useCallback)((evt) => {
         let nextTabbable = -1;
@@ -122,17 +118,6 @@ function useTabListKeyboardNavigation({ tabsCount, onSelectTab, selectedTabIndex
     }, [selectedTabIndex, tabsCount, onSelectTab]);
     return [{ onKeyDown }];
 }
-const SortableItem = (0, react_sortable_hoc_1.SortableElement)(({ tab: { tabContentId, iconGlyph, subtitle, title }, tabIndex, selectedTabIndex, onSelect, onClose, }) => {
-    const onTabSelected = (0, react_1.useCallback)(() => {
-        onSelect(tabIndex);
-    }, [onSelect, tabIndex]);
-    const onTabClosed = (0, react_1.useCallback)(() => {
-        onClose(tabIndex);
-    }, [onClose, tabIndex]);
-    const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === tabIndex, [selectedTabIndex, tabIndex]);
-    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, iconGlyph: iconGlyph, tabContentId: tabContentId, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
-});
-const SortableList = (0, react_sortable_hoc_1.SortableContainer)(({ tabs, onSelect, onClose, selectedTabIndex }) => (react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: `tab-${index}-${tab.subtitle}`, index: index, tabIndex: index, tab: tab, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex }))))));
 function useRovingTabIndex({ currentTabbable, }) {
     const rootNode = (0, react_1.useRef)(null);
     const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
@@ -154,7 +139,51 @@ function useRovingTabIndex({ currentTabbable, }) {
     return { ref: rootNode, ...focusProps };
 }
 exports.useRovingTabIndex = useRovingTabIndex;
-function UnthemedWorkspaceTabs({ ['aria-label']: ariaLabel, darkMode, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) => {
+    const items = tabs.map((tab) => tab.tabContentId);
+    const [activeId, setActiveId] = (0, react_1.useState)(null);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.MouseSensor, {
+        activationConstraint: {
+            distance: 10,
+        },
+    }), (0, core_1.useSensor)(core_1.TouchSensor, {
+        activationConstraint: {
+            delay: 250,
+            tolerance: 5,
+        },
+    }));
+    const onSortEnd = (0, react_1.useCallback)(({ oldIndex, newIndex }) => {
+        const from = tabs.findIndex((tab) => tab.tabContentId === oldIndex);
+        const to = tabs.findIndex((tab) => tab.tabContentId === newIndex);
+        onMove(from, to);
+    }, [onMove, tabs]);
+    return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, autoScroll: false, onDragStart: ({ active }) => {
+            if (!active) {
+                return;
+            }
+            setActiveId(active.id);
+        }, onDragEnd: ({ active, over }) => {
+            setActiveId(null);
+            if (over && active.id !== over.id) {
+                onSortEnd({ oldIndex: active.id, newIndex: over.id });
+            }
+        }, onDragCancel: () => setActiveId(null) },
+        react_1.default.createElement(sortable_1.SortableContext, { items: items, strategy: sortable_1.horizontalListSortingStrategy },
+            react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: `tab-${tab.tabContentId}-${tab.subtitle}`, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex })))))));
+};
+const SortableItem = ({ tab: { tabContentId, iconGlyph, subtitle, title }, index, selectedTabIndex, activeId, onSelect, onClose, }) => {
+    const onTabSelected = (0, react_1.useCallback)(() => {
+        onSelect(index);
+    }, [onSelect, index]);
+    const onTabClosed = (0, react_1.useCallback)(() => {
+        onClose(index);
+    }, [onClose, index]);
+    const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === index, [selectedTabIndex, index]);
+    const isDragging = (0, react_1.useMemo)(() => tabContentId === activeId, [tabContentId, activeId]);
+    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, isDragging: isDragging, iconGlyph: iconGlyph, tabContentId: tabContentId, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
+};
+function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const rovingFocusProps = useRovingTabIndex({
         currentTabbable: selectedTabIndex,
     });
@@ -164,17 +193,13 @@ function UnthemedWorkspaceTabs({ ['aria-label']: ariaLabel, darkMode, onCreateNe
         tabsCount: tabs.length,
     });
     const tabContainerProps = (0, merge_props_1.mergeProps)(rovingFocusProps, navigationProps);
-    const onSortEnd = (0, react_1.useCallback)(({ oldIndex, newIndex }) => {
-        onMoveTab(oldIndex, newIndex);
-    }, [onMoveTab]);
     return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
         react_1.default.createElement("div", { className: tabsListContainerStyles },
             react_1.default.createElement("div", { className: tabsListStyles, role: "tablist", "aria-label": ariaLabel, "aria-orientation": "horizontal", ...tabContainerProps },
-                react_1.default.createElement(SortableList, { onClose: onCloseTab, onSelect: onSelectTab, tabs: tabs, selectedTabIndex: selectedTabIndex, axis: "x", lockAxis: "x", lockToContainerEdges: true, lockOffset: "0%", distance: 10, onSortEnd: onSortEnd, helperClass: workspaceTabsSortableCloneStyles })),
+                react_1.default.createElement(SortableList, { tabs: tabs, onMove: onMoveTab, onSelect: onSelectTab, onClose: onCloseTab, selectedTabIndex: selectedTabIndex })),
             react_1.default.createElement("div", { className: newTabContainerStyles },
                 react_1.default.createElement(leafygreen_1.IconButton, { className: createNewTabButtonStyles, "aria-label": "Create new tab", onClick: onCreateNewTab },
                     react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Plus" }))))));
 }
-const WorkspaceTabs = (0, use_theme_1.withTheme)(UnthemedWorkspaceTabs);
 exports.WorkspaceTabs = WorkspaceTabs;
 //# sourceMappingURL=workspace-tabs.js.map

package/lib/components/workspace-tabs/workspace-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,oDAAiD;AACjD,oDAAiD;AACjD,kDAAgD;AAEhD,uCAAgC;AAEhC,wCAMuB;AAEvB,gDAG2B;AAE3B,qDAAoD;AACpD,iEAAwE;AACxE,8CAAiD;AACjD,yDAAqD;AACrD,+BAA4B;AAEf,QAAA,wBAAwB,GAAG,IAAA,eAAI,EAAC,iBAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzD,QAAA,uBAAuB,GAAG,IAAA,eAAI,EAAC,iBAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAErE,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,WAAW;IACzB,qBAAqB,EAAE;QACrB,aAAa,EAAE;YACb,MAAM,EAAE,gBAAO,CAAC,CAAC,CAAC;SACnB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,iBAAO,CAAC,KAAK;IACzB,iBAAiB,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACtC,2BAA2B,EAAE;QAC3B,eAAe,EAAE,gCAAwB;KAC1C;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,eAAe,EAAE,iBAAO,CAAC,KAAK;IAC9B,iBAAiB,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACrC,2BAA2B,EAAE;QAC3B,eAAe,EAAE,+BAAuB;KACzC;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,OAAO,EAAE,CAAC;IACV,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,OAAO,EAAE,aAAa;IACtB,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;IACtB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAC;IACtC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH,SAAS,4BAA4B,CAAiB,EACpD,SAAS,EACT,WAAW,EACX,gBAAgB,GAKjB;IACC,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,GAAwC,EAAE,EAAE;QAC3C,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC;QAEtB,IAAI,GAAG,CAAC,GAAG,KAAK,WAAW,EAAE;YAC3B,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;SACrC;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,YAAY,EAAE;YAC5B,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,YAAY,GAAG,gBAAgB,GAAG,CAAC,CAAC;SACrC;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,MAAM,EAAE;YACtB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,GAAG,CAAC,eAAe,EAAE,CAAC;YAEtB,YAAY,GAAG,CAAC,CAAC;SAClB;QAED,IAAI,GAAG,CAAC,GAAG,KAAK,KAAK,EAAE;YACrB,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,GAAG,CAAC,eAAe,EAAE,CAAC;YAEtB,YAAY,GAAG,SAAS,GAAG,CAAC,CAAC;SAC9B;QAED,IACE,SAAS,GAAG,CAAC;YACb,YAAY,KAAK,gBAAgB;YACjC,YAAY,IAAI,CAAC;YACjB,YAAY,GAAG,SAAS,EACxB;YACA,WAAW,CAAC,YAAY,CAAC,CAAC;SAC3B;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,SAAS,EAAE,WAAW,CAAC,CAC3C,CAAC;IAEF,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;AACzB,CAAC;AAoCD,SAAgB,iBAAiB,CAAsC,EACrE,eAAe,GAGhB;IACC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAW,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,IAAA,+BAAa,GAAE,CAAC;IAEjD,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QACrC,MAAM,QAAQ,GAAG,0BACf,eAAe,GAAG,CACpB,GAAG,CAAC;QACJ,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,aAAa,CAAI,QAAQ,CAAC,0CAAE,KAAK,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE;YACE,4BAAU,CAAC,KAAK;YAChB,4BAAU,CAAC,YAAY;YACvB,4BAAU,CAAC,WAAW;YACtB,4BAAU,CAAC,kBAAkB;SAC9B,CAAC,QAAQ,CAAC,UAAU,CAAC,EACtB;YACA,aAAa,EAAE,CAAC;SACjB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,CAAC;AAC1C,CAAC;AA7BD,8CA6BC;AAED,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACW,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,IAAI,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,IAAA,iBAAU,EACxB,IAAA,gBAAS,EAAC,kBAAW,EAAE;QAErB,oBAAoB,EAAE;YACpB,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,EACF,IAAA,gBAAS,EAAC,kBAAW,EAAE;QAErB,oBAAoB,EAAE;YACpB,KAAK,EAAE,GAAG;YACV,SAAS,EAAE,CAAC;SACb;KACF,CAAC,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC;QACpE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC;QAClE,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,MAAM,EAAE,IAAI,CAAC,CACf,CAAC;IAEF,OAAO,CACL,8BAAC,iBAAU,IACT,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO;aACR;YAED,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC,EACD,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;YAC9B,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,IAAI,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE;gBACjC,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;aACvD;QACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;QAErC,8BAAC,0BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,wCAA6B;YACpE,uCAAK,SAAS,EAAE,2BAA2B,IACxC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAa,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1C,8BAAC,YAAY,IACX,GAAG,EAAE,OAAO,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,QAAQ,EAAE,EAC9C,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CACE,CACU,CACP,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,GAAG,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EACjD,KAAK,EACL,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,GACW,EAAE,EAAE;IACtB,MAAM,aAAa,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACrC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,gBAAgB,KAAK,KAAK,EAChC,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,YAAY,KAAK,QAAQ,EAC/B,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAG,IACF,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,IAAI,EACJ,gBAAgB,GACG;IACnB,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,iBAAiB,CAAiB;QACzD,eAAe,EAAE,gBAAgB;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,eAAe,CAAC,GAAG,4BAA4B,CAAiB;QACrE,gBAAgB;QAChB,WAAW;QACX,SAAS,EAAE,IAAI,CAAC,MAAM;KACvB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,IAAA,wBAAU,EAClC,gBAAgB,EAChB,eAAe,CAChB,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,mBAAmB,EACnB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAC9D;QAED,uCAAK,SAAS,EAAE,uBAAuB;YACrC,uCACE,SAAS,EAAE,cAAc,EACzB,IAAI,EAAC,SAAS,gBACF,SAAS,sBACJ,YAAY,KACzB,iBAAiB;gBAErB,8BAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,UAAU,EACnB,gBAAgB,EAAE,gBAAgB,GAClC,CACE;YACN,uCAAK,SAAS,EAAE,qBAAqB;gBACnC,8BAAC,uBAAU,IACT,SAAS,EAAE,wBAAwB,gBACxB,gBAAgB,EAC3B,OAAO,EAAE,cAAc;oBAEvB,8BAAC,iBAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,GAAG,CAC9B,CACT,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAEQ,sCAAa"}

package/lib/hooks/use-effect-on-change.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare function useEffectOnChange<T>(fn: React.EffectCallback, val: T): RefObject<T>;
+//# sourceMappingURL=use-effect-on-change.d.ts.map

package/lib/hooks/use-effect-on-change.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-on-change.d.ts","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,EAAE,EAAE,KAAK,CAAC,cAAc,EACxB,GAAG,EAAE,CAAC,GACL,SAAS,CAAC,CAAC,CAAC,CAkBd"}

package/lib/hooks/use-effect-on-change.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectOnChange = void 0;
+const react_1 = require("react");
+const kValueChanged = Symbol('Value changed');
+function useEffectOnChange(fn, val) {
+    const initial = (0, react_1.useRef)(val);
+    const effect = (0, react_1.useRef)(fn);
+    effect.current = fn;
+    (0, react_1.useEffect)(() => {
+        if (val !== initial.current) {
+            initial.current = kValueChanged;
+            return effect.current();
+        }
+    }, [val]);
+    return (0, react_1.useRef)(val);
+}
+exports.useEffectOnChange = useEffectOnChange;
+//# sourceMappingURL=use-effect-on-change.js.map

package/lib/hooks/use-effect-on-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-on-change.js","sourceRoot":"","sources":["../../src/hooks/use-effect-on-change.ts"],"names":[],"mappings":";;;AACA,iCAA0C;AAE1C,MAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAQ9C,SAAgB,iBAAiB,CAC/B,EAAwB,EACxB,GAAM;IAIN,MAAM,OAAO,GAAG,IAAA,cAAM,EAAa,GAAG,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC1B,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QAGb,IAAI,GAAG,KAAK,OAAO,CAAC,OAAO,EAAE;YAG3B,OAAO,CAAC,OAAO,GAAG,aAAa,CAAC;YAChC,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,IAAA,cAAM,EAAC,GAAG,CAAC,CAAC;AACrB,CAAC;AArBD,8CAqBC"}

package/lib/hooks/use-focus-ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-ring.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,SAAS,QAQpB,CAAC;AA8BH,wBAAgB,YAAY,CAAC,EAC3B,KAAa,EACb,WAAmB,EACnB,KAAa,EACb,MAAM,GACP,GAAE;IAED,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;CACZ;;EAiCL"}
+{"version":3,"file":"use-focus-ring.d.ts","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,SAAS,QAQpB,CAAC;AA+BH,wBAAgB,YAAY,CAAC,EAC3B,KAAa,EACb,WAAmB,EACnB,KAAa,EACb,MAAM,GACP,GAAE;IAED,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;CACZ;;EAkCL"}

package/lib/hooks/use-focus-ring.js

@@ -5,6 +5,7 @@ const tokens_1 = require("@leafygreen-ui/tokens");
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const react_1 = require("react");
+const use_theme_1 = require("./use-theme");
 const focusRingStyles = (0, emotion_1.css)({
     position: 'relative',
     outline: 'none',
@@ -28,9 +29,9 @@ const focusRingVisibleStyles = (0, emotion_1.css)({
         transitionTimingFunction: 'ease-out',
     },
 });
-const focusRingHoverVisibleStyles = (0, emotion_1.css)({
+const focusRingHoverVisibleStyles = (darkMode) => (0, emotion_1.css)({
     '&::after': {
-        boxShadow: `0 0 0 3px ${palette_1.palette.gray.light2}`,
+        boxShadow: `0 0 0 3px ${darkMode ? palette_1.palette.gray.dark2 : palette_1.palette.gray.light2}`,
         transitionTimingFunction: 'ease-out',
     },
 });
@@ -48,10 +49,11 @@ const focusRingOuter = (0, emotion_1.css)({
 const focusRingWithin = (0, emotion_1.css)({
     '&:focus-within': focusRingVisibleStyles,
 });
-const focusRingHover = (0, emotion_1.css)({
-    '&:hover': focusRingHoverVisibleStyles,
+const focusRingHover = (darkMode) => (0, emotion_1.css)({
+    '&:hover': focusRingHoverVisibleStyles(darkMode),
 });
 function useFocusRing({ outer = false, focusWithin = false, hover = false, radius, } = {}) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
     const outerClass = (0, react_1.useMemo)(() => {
         return outer && focusRingOuter;
     }, [outer]);
@@ -67,8 +69,8 @@ function useFocusRing({ outer = false, focusWithin = false, hover = false, radiu
         return focusWithin && focusRingWithin;
     }, [focusWithin]);
     const hoverClass = (0, react_1.useMemo)(() => {
-        return hover && focusRingHover;
-    }, [hover]);
+        return hover && focusRingHover(!!darkMode);
+    }, [hover, darkMode]);
     return {
         className: (0, emotion_1.cx)(exports.focusRing, outerClass, radiusClass, focusWithinClass, hoverClass),
     };

package/lib/hooks/use-focus-ring.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-ring.js","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AACjD,iCAAgC;AAEhC,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,MAAM;QACrB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;QACxB,SAAS,EAAE,qBAAqB;QAChC,UAAU,EAAE,yBAAyB;QACrC,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE;QACV,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,aAAa;QACxD,wBAAwB,EAAE,UAAU;KACrC;CACF,CAAC,CAAC;AAEH,MAAM,2BAA2B,GAAG,IAAA,aAAG,EAAC;IACtC,UAAU,EAAE;QACV,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC7C,wBAAwB,EAAE,UAAU;KACrC;CACF,CAAC,CAAC;AAMU,QAAA,SAAS,GAAG,IAAA,aAAG,EAAC,eAAe,EAAE;IAO5C,iBAAiB,EAAE,sBAAsB;CAC1C,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE;QACV,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,gBAAgB,EAAE,sBAAsB;CACzC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,SAAS,EAAE,2BAA2B;CACvC,CAAC,CAAC;AAaH,SAAgB,YAAY,CAAC,EAC3B,KAAK,GAAG,KAAK,EACb,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,MAAM,MAUJ,EAAE;IACJ,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,IAAI,cAAc,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,CACL,OAAO,MAAM,KAAK,QAAQ;YAC1B,IAAA,aAAG,EAAC;gBACF,UAAU,EAAE;oBACV,YAAY,EAAE,MAAM;iBACrB;aACF,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,WAAW,IAAI,eAAe,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,KAAK,IAAI,cAAc,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACL,SAAS,EAAE,IAAA,YAAE,EACX,iBAAS,EACT,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,CACX;KACF,CAAC;AACJ,CAAC;AA/CD,oCA+CC"}
+{"version":3,"file":"use-focus-ring.js","sourceRoot":"","sources":["../../src/hooks/use-focus-ring.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare function getScrollbarStyles(darkMode: boolean): string;
+export declare function useScrollbars(): {
+    className: string | undefined;
+};
+interface WithPortalClassName {
+    portalClassName?: string;
+}
+export declare const withPortalScrollbars: <ComponentProps extends WithPortalClassName>(WrappedComponent: React.ComponentType<ComponentProps & WithPortalClassName>) => (props: ComponentProps) => JSX.Element;
+export {};
+//# sourceMappingURL=use-scrollbars.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollbars.d.ts","sourceRoot":"","sources":["../../src/hooks/use-scrollbars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA+EvC,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,OAAO,UAEnD;AASD,wBAAgB,aAAa;;EAgB5B;AAED,UAAU,mBAAmB;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,oBAAoB,qKAqBhC,CAAC"}

package/lib/hooks/use-scrollbars.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withPortalScrollbars = exports.useScrollbars = exports.getScrollbarStyles = void 0;
+const polished_1 = require("polished");
+const palette_1 = require("@leafygreen-ui/palette");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const react_1 = __importStar(require("react"));
+const is_electron_renderer_1 = __importDefault(require("is-electron-renderer"));
+const use_theme_1 = require("./use-theme");
+const scrollbarSize = 10;
+const scrollbarStyles = (0, emotion_1.css)({
+    '*::-webkit-scrollbar-thumb': {
+        backgroundColor: 'transparent',
+        borderRadius: `${scrollbarSize}px`,
+    },
+    '*::-webkit-scrollbar-track': {
+        backgroundColor: 'transparent',
+    },
+    '*::-webkit-scrollbar': {
+        width: `${scrollbarSize}px`,
+        '&:horizontal': {
+            height: `${scrollbarSize}px`,
+        },
+    },
+    '*::-webkit-scrollbar-corner': {
+        background: 'transparent',
+    },
+});
+const scrollbarLightModeStyles = (0, emotion_1.css)({
+    '*:active::-webkit-scrollbar-thumb, *:focus::-webkit-scrollbar-thumb, *:hover::-webkit-scrollbar-thumb': {
+        backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.12),
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.2),
+        },
+    },
+    '*::-webkit-scrollbar-thumb': {
+        '&:horizontal': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.12),
+        },
+    },
+    '*::-webkit-scrollbar-track': {
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.black, 0.04),
+        },
+    },
+}, scrollbarStyles);
+const scrollbarDarkModeStyles = (0, emotion_1.css)({
+    '*:active::-webkit-scrollbar-thumb, *:focus::-webkit-scrollbar-thumb, *:hover::-webkit-scrollbar-thumb': {
+        backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.2),
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.25),
+        },
+    },
+    '*::-webkit-scrollbar-thumb': {
+        '&:horizontal': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.2),
+        },
+    },
+    '*::-webkit-scrollbar-track': {
+        '&:hover': {
+            backgroundColor: (0, polished_1.rgba)(palette_1.palette.white, 0.1),
+        },
+    },
+}, scrollbarStyles);
+function getScrollbarStyles(darkMode) {
+    return darkMode ? scrollbarDarkModeStyles : scrollbarLightModeStyles;
+}
+exports.getScrollbarStyles = getScrollbarStyles;
+function useScrollbars() {
+    const darkMode = (0, use_theme_1.useDarkMode)();
+    const scrollbarStylesClass = (0, react_1.useMemo)(() => {
+        if (!is_electron_renderer_1.default) {
+            return undefined;
+        }
+        return getScrollbarStyles(!!darkMode);
+    }, [darkMode]);
+    return {
+        className: scrollbarStylesClass,
+    };
+}
+exports.useScrollbars = useScrollbars;
+const withPortalScrollbars = (WrappedComponent) => {
+    const ComponentWithScrollbars = (props) => {
+        const { className } = useScrollbars();
+        const appliedClassName = is_electron_renderer_1.default ? className : undefined;
+        return (react_1.default.createElement(WrappedComponent, { ...props, portalClassName: (0, emotion_1.cx)(appliedClassName, props.portalClassName) }));
+    };
+    return ComponentWithScrollbars;
+};
+exports.withPortalScrollbars = withPortalScrollbars;
+//# sourceMappingURL=use-scrollbars.js.map

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

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

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

@@ -3,19 +3,17 @@ declare enum Theme {
     Light = "Light",
     Dark = "Dark"
 }
-declare type ThemeState = {
-    theme: Theme;
-    enabled: boolean;
-};
-declare const ThemeProvider: ({ children, theme, }: {
-    children: React.ReactNode;
-    theme: ThemeState;
-}) => React.ReactElement;
-declare function useTheme(): ThemeState;
-export declare function useDarkMode(): boolean | undefined;
-interface WithThemeProps {
+export declare function useDarkMode(localDarkMode?: boolean): boolean | undefined;
+interface WithDarkModeProps {
     darkMode?: boolean;
 }
-declare const withTheme: <ComponentProps extends WithThemeProps = WithThemeProps>(WrappedComponent: React.ComponentType<ComponentProps & WithThemeProps>) => React.ComponentType<ComponentProps>;
-export { Theme, ThemeState, ThemeProvider, useTheme, withTheme };
+export declare const ThemeProvider: ({ children, theme, }: {
+    children: React.ReactNode;
+    theme: {
+        theme: Theme;
+        enabled: boolean;
+    };
+}) => React.ReactElement;
+declare const withDarkMode: <ComponentProps extends WithDarkModeProps = WithDarkModeProps>(WrappedComponent: React.ComponentType<ComponentProps & WithDarkModeProps>) => React.ComponentType<ComponentProps>;
+export { Theme, withDarkMode };
 //# 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;IACb,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAOF,QAAA,MAAM,aAAa;cAIP,MAAM,SAAS;WAClB,UAAU;MACf,MAAM,YAIT,CAAC;AAEF,iBAAS,QAAQ,IAAI,UAAU,CAE9B;AAED,wBAAgB,WAAW,IAAI,OAAO,GAAG,SAAS,CAGjD;AAED,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,QAAA,MAAM,SAAS,yKA4Bd,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,UAAU,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,KAAK,MAAM,OAAO,CAAC;AAK1B,aAAK,KAAK;IACR,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,wBAAgB,WAAW,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAGxE;AAED,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD,eAAO,MAAM,aAAa;cAId,MAAM,SAAS;;eAEhB,KAAK;iBACH,OAAO;;MAEhB,MAAM,YAQT,CAAC;AAIF,QAAA,MAAM,YAAY,kLA4BjB,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC"}

package/lib/hooks/use-theme.js

@@ -22,40 +22,36 @@ 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.withTheme = exports.useTheme = exports.ThemeProvider = exports.Theme = exports.useDarkMode = void 0;
-const react_1 = __importStar(require("react"));
+exports.withDarkMode = exports.Theme = exports.ThemeProvider = exports.useDarkMode = void 0;
+const react_1 = __importDefault(require("react"));
+const leafygreen_provider_1 = __importStar(require("@leafygreen-ui/leafygreen-provider"));
 var Theme;
 (function (Theme) {
     Theme["Light"] = "Light";
     Theme["Dark"] = "Dark";
 })(Theme || (Theme = {}));
 exports.Theme = Theme;
-const ThemeContext = (0, react_1.createContext)({
-    theme: Theme.Light,
-    enabled: false,
-});
+function useDarkMode(localDarkMode) {
+    const darkMode = (0, leafygreen_provider_1.useDarkMode)(localDarkMode);
+    return darkMode.darkMode;
+}
+exports.useDarkMode = useDarkMode;
 const ThemeProvider = ({ children, theme, }) => {
-    return (react_1.default.createElement(ThemeContext.Provider, { value: theme }, children));
+    return theme.enabled ? (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: theme.theme === Theme.Dark }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children));
 };
 exports.ThemeProvider = ThemeProvider;
-function useTheme() {
-    return (0, react_1.useContext)(ThemeContext);
-}
-exports.useTheme = useTheme;
-function useDarkMode() {
-    const theme = useTheme();
-    return theme.enabled === true ? (theme === null || theme === void 0 ? void 0 : theme.theme) === Theme.Dark : undefined;
-}
-exports.useDarkMode = useDarkMode;
-const withTheme = function (WrappedComponent) {
-    const ComponentWithTheme = (props, ref) => {
+const withDarkMode = function (WrappedComponent) {
+    const ComponentWithDarkMode = (props, ref) => {
         const darkMode = useDarkMode();
         return (react_1.default.createElement(WrappedComponent, { darkMode: darkMode, ref: ref, ...props }));
     };
     const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    ComponentWithTheme.displayName = `withTheme(${displayName})`;
-    return react_1.default.forwardRef(ComponentWithTheme);
+    ComponentWithDarkMode.displayName = `WithDarkMode(${displayName})`;
+    return react_1.default.forwardRef(ComponentWithDarkMode);
 };
-exports.withTheme = withTheme;
+exports.withDarkMode = withDarkMode;
 //# sourceMappingURL=use-theme.js.map

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;AAqEQ,sBAAK;AA9Dd,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAa;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;IAClB,OAAO,EAAE,KAAK;CACf,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;AAzCnD,SAAgB,WAAW;IACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1E,CAAC;AAHD,kCAGC;AAQD,MAAM,SAAS,GAAG,UAGhB,gBAAsE;IAEtE,MAAM,kBAAkB,GAAG,CACzB,KAAqB,EACrB,GAEC,EACD,EAAE;QACF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,QAAQ,EAClB,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"}
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/hooks/use-theme.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0FAE4C;AAE5C,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,wBAAe,CAAA;IACf,sBAAa,CAAA;AACf,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AA+DQ,sBAAK;AA7Dd,SAAgB,WAAW,CAAC,aAAuB;IACjD,MAAM,QAAQ,GAAG,IAAA,iCAAqB,EAAC,aAAa,CAAC,CAAC;IACtD,OAAO,QAAQ,CAAC,QAAQ,CAAC;AAC3B,CAAC;AAHD,kCAGC;AAOM,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,GAON,EAAsB,EAAE;IACvB,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACrB,8BAAC,6BAAkB,IAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,IACrD,QAAQ,CACU,CACtB,CAAC,CAAC,CAAC,CACF,8DAAG,QAAQ,CAAI,CAChB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB;AAIF,MAAM,YAAY,GAAG,UAGnB,gBAAyE;IAEzE,MAAM,qBAAqB,GAAG,CAC5B,KAAqB,EACrB,GAEC,EACD,EAAE;QACF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,OAAO,CACL,8BAAC,gBAAgB,IAGf,QAAQ,EAAE,QAAQ,EAClB,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,qBAAqB,CAAC,WAAW,GAAG,gBAAgB,WAAW,GAAG,CAAC;IAEnE,OAAO,eAAK,CAAC,UAAU,CAAC,qBAAqB,CAA4B,CAAC;AAC5E,CAAC,CAAC;AAEc,oCAAY"}

package/lib/index.d.ts

@@ -19,17 +19,16 @@ export { NoSavedItemsIcon } from './components/icons/no-saved-items-icon';
 export { Variant as BadgeVariant } from '@leafygreen-ui/badge';
 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 { palette } from '@leafygreen-ui/palette';
-export { rgba } from 'polished';
+export { rgba, lighten } from 'polished';
 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 { useId } from '@react-aria/utils';
 export { VisuallyHidden } from '@react-aria/visually-hidden';
+export { GuideCue } from '@leafygreen-ui/guide-cue';
 export { useToast, openToast, closeToast, ToastArea, ToastVariant, } from './hooks/use-toast';
-export { Toggle } from './components/toggle';
 export { breakpoints, spacing } from '@leafygreen-ui/tokens';
 export { Tooltip } from './components/tooltip';
 import IndexIcon from './components/index-icon';
@@ -41,13 +40,15 @@ export { FormModal } from './components/modals/form-modal';
 export { InfoModal } from './components/modals/info-modal';
 export { Accordion, CollapsibleFieldSet, CancelLoader, ConfirmationModal, ErrorSummary, FileInput, FileInputBackend, IndexIcon, MoreOptionsToggle, RadioBoxGroup, SpinLoader, ResizeHandle, ResizeDirection, ResizableSidebar, WarningSummary, WorkspaceTabs, ItemAction, MenuAction, ItemActionControls, ItemActionGroup, ItemActionMenu, DropdownMenuButton, defaultSidebarWidth, ElectronFileDialogOptions, ElectronShowFileDialogProvider, createElectronFileInputBackend, };
 export { useFocusState, useHoverState, FocusState, } from './hooks/use-focus-hover';
-export { withTheme, useTheme, useDarkMode, Theme, ThemeState, ThemeProvider, } from './hooks/use-theme';
+export { getScrollbarStyles, useScrollbars } from './hooks/use-scrollbars';
+export { withDarkMode, useDarkMode, Theme, 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';
 export declare type IconGlyph = Extract<keyof typeof glyphs, string>;
 export { EmptyContent } from './components/empty-content';
 export { ErrorBoundary } from './components/error-boundary';
+export { StoreConnector } from './components/store-connector';
 export { TabNavBar } from './components/tab-nav-bar';
 export { WorkspaceContainer } from './components/workspace-container';
 export { InlineInfoLink } from './components/inline-info-link';
@@ -65,4 +66,9 @@ export { fontFamilies } from '@leafygreen-ui/tokens';
 export { default as BSONValue } from './components/bson-value';
 export * as DocumentList from './components/document-list';
 export { KeylineCard } from './components/keyline-card';
+export { variantColors as codePalette } from '@leafygreen-ui/code';
+export { useEffectOnChange } from './hooks/use-effect-on-change';
+export { HorizontalRule } from './components/horizontal-rule';
+export { IndexKeysBadge } from './components/index-keys-badge';
+export { Combobox, ComboboxOption, ComboboxGroup } from './components/combobox';
 //# sourceMappingURL=index.d.ts.map

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":"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"}