@perses-dev/components 0.38.0 → 0.40.0

package/dist/cjs/TimeSeriesTooltip/utils.js

@@ -21,10 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    assembleTransform: ()=>assembleTransform,
-    getTooltipStyles: ()=>getTooltipStyles
+    assembleTransform: function() {
+        return assembleTransform;
+    },
+    getTooltipStyles: function() {
+        return getTooltipStyles;
+    }
 });
-const _tooltipModel = require("./tooltip-model");
+const _tooltipmodel = require("./tooltip-model");
 function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, tooltipWidth, containerElement) {
     if (mousePos === null) {
         return 'translate3d(0, 0)';
@@ -51,30 +55,30 @@ function assembleTransform(mousePos, chartWidth, pinnedPos, tooltipHeight, toolt
     if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {
         // adjust so tooltip does not get cut off at bottom of chart
         // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport
-        y = y - tooltipHeight * _tooltipModel.TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
+        y = y - tooltipHeight * _tooltipmodel.TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
         // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off
         if (containerRect && y < containerRect.top) {
-            y = _tooltipModel.TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip
+            y = _tooltipmodel.TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip
         }
     }
     // use tooltip width to determine when to repos from right to left
     const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;
     // reposition so tooltip is never too close to right side of chart or left side of browser window
-    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > _tooltipModel.TOOLTIP_MAX_WIDTH ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)` : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
+    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > _tooltipmodel.TOOLTIP_MAX_WIDTH ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)` : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
 }
 function getTooltipStyles(theme, pinnedPos, maxHeight) {
-    var ref;
-    const adjustedMaxHeight = maxHeight ? maxHeight - _tooltipModel.TOOLTIP_PADDING : undefined;
-    var ref1;
+    var _theme_palette_designSystem;
+    const adjustedMaxHeight = maxHeight ? maxHeight - _tooltipmodel.TOOLTIP_PADDING : undefined;
+    var _theme_palette_designSystem_grey_;
     return {
-        minWidth: _tooltipModel.TOOLTIP_MIN_WIDTH,
-        maxWidth: _tooltipModel.TOOLTIP_MAX_WIDTH,
-        maxHeight: adjustedMaxHeight !== null && adjustedMaxHeight !== void 0 ? adjustedMaxHeight : _tooltipModel.TOOLTIP_MAX_HEIGHT,
+        minWidth: _tooltipmodel.TOOLTIP_MIN_WIDTH,
+        maxWidth: _tooltipmodel.TOOLTIP_MAX_WIDTH,
+        maxHeight: adjustedMaxHeight !== null && adjustedMaxHeight !== void 0 ? adjustedMaxHeight : _tooltipmodel.TOOLTIP_MAX_HEIGHT,
         padding: 0,
         position: 'absolute',
         top: 0,
         left: 0,
-        backgroundColor: (ref1 = (ref = theme.palette.designSystem) === null || ref === void 0 ? void 0 : ref.grey[800]) !== null && ref1 !== void 0 ? ref1 : _tooltipModel.TOOLTIP_BG_COLOR_FALLBACK,
+        backgroundColor: (_theme_palette_designSystem_grey_ = (_theme_palette_designSystem = theme.palette.designSystem) === null || _theme_palette_designSystem === void 0 ? void 0 : _theme_palette_designSystem.grey[800]) !== null && _theme_palette_designSystem_grey_ !== void 0 ? _theme_palette_designSystem_grey_ : _tooltipmodel.TOOLTIP_BG_COLOR_FALLBACK,
         borderRadius: '6px',
         color: '#fff',
         fontSize: '11px',

package/dist/cjs/YAxisLabel.js

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "YAxisLabel", {
     enumerable: true,
-    get: ()=>YAxisLabel
+    get: function() {
+        return YAxisLabel;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
 function YAxisLabel({ name , height  }) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         sx: {
             display: 'inline-block',
             maxWidth: height,
@@ -32,7 +34,7 @@ function YAxisLabel({ name , height  }) {
             textAlign: 'center',
             zIndex: 1
         },
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
             variant: "body1",
             "aria-label": "y axis label",
             sx: {

package/dist/cjs/context/{ChartsThemeProvider.js → ChartsProvider.js}

@@ -21,12 +21,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ChartsThemeProvider: ()=>ChartsThemeProvider,
-    ChartsThemeContext: ()=>ChartsThemeContext,
-    useChartsTheme: ()=>useChartsTheme
+    ChartsProvider: function() {
+        return ChartsProvider;
+    },
+    ChartsThemeContext: function() {
+        return ChartsThemeContext;
+    },
+    useChartsContext: function() {
+        return useChartsContext;
+    },
+    useChartsTheme: function() {
+        return useChartsTheme;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -35,7 +44,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -66,18 +75,36 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function ChartsThemeProvider(props) {
-    const { children , chartsTheme  } = props;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(ChartsThemeContext.Provider, {
-        value: chartsTheme,
+function ChartsProvider(props) {
+    const { children , chartsTheme , enablePinning =false  } = props;
+    const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = (0, _react.useState)(null);
+    const ctx = (0, _react.useMemo)(()=>{
+        return {
+            chartsTheme,
+            enablePinning,
+            lastTooltipPinnedCoords,
+            setLastTooltipPinnedCoords
+        };
+    }, [
+        chartsTheme,
+        enablePinning,
+        lastTooltipPinnedCoords,
+        setLastTooltipPinnedCoords
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartsThemeContext.Provider, {
+        value: ctx,
         children: children
     });
 }
 const ChartsThemeContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useChartsTheme() {
+function useChartsContext() {
     const ctx = (0, _react.useContext)(ChartsThemeContext);
     if (ctx === undefined) {
         throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
     }
     return ctx;
 }
+function useChartsTheme() {
+    const ctx = useChartsContext();
+    return ctx.chartsTheme;
+}

package/dist/cjs/context/SnackbarProvider.js

@@ -21,8 +21,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    SnackbarProvider: ()=>_notistack.SnackbarProvider,
-    useSnackbar: ()=>useSnackbar
+    SnackbarProvider: function() {
+        return _notistack.SnackbarProvider;
+    },
+    useSnackbar: function() {
+        return useSnackbar;
+    }
 });
 const _react = require("react");
 const _notistack = require("notistack");

package/dist/cjs/context/TimeZoneProvider.js

@@ -21,12 +21,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    TimeZoneContext: ()=>TimeZoneContext,
-    TimeZoneProvider: ()=>TimeZoneProvider,
-    useTimeZone: ()=>useTimeZone
+    TimeZoneContext: function() {
+        return TimeZoneContext;
+    },
+    TimeZoneProvider: function() {
+        return TimeZoneProvider;
+    },
+    useTimeZone: function() {
+        return useTimeZone;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _utils = require("../utils");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -36,7 +42,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -70,7 +76,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
 const TimeZoneContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function TimeZoneProvider(props) {
     const { children , timeZone  } = props;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TimeZoneContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(TimeZoneContext.Provider, {
         value: timeZone,
         children: children
     });

package/dist/cjs/context/index.js

@@ -0,0 +1,32 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./ChartsProvider"), exports);
+_export_star(require("./SnackbarProvider"), exports);
+_export_star(require("./TimeZoneProvider"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/index.js

@@ -14,48 +14,48 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./BarChart"), exports);
-_exportStar(require("./ColorPicker"), exports);
-_exportStar(require("./ContentWithLegend"), exports);
-_exportStar(require("./DateTimeRangePicker"), exports);
-_exportStar(require("./Dialog"), exports);
-_exportStar(require("./Drawer"), exports);
-_exportStar(require("./EChart"), exports);
-_exportStar(require("./ErrorAlert"), exports);
-_exportStar(require("./ErrorBoundary"), exports);
-_exportStar(require("./FontSizeSelector"), exports);
-_exportStar(require("./GaugeChart"), exports);
-_exportStar(require("./InfoTooltip"), exports);
-_exportStar(require("./JSONEditor"), exports);
-_exportStar(require("./Legend"), exports);
-_exportStar(require("./LineChart"), exports);
-_exportStar(require("./ModeSelector"), exports);
-_exportStar(require("./OptionsEditorLayout"), exports);
-_exportStar(require("./SettingsAutocomplete"), exports);
-_exportStar(require("./SortSelector"), exports);
-_exportStar(require("./StatChart"), exports);
-_exportStar(require("./Table"), exports);
-_exportStar(require("./ThresholdsEditor"), exports);
-_exportStar(require("./TimeChart"), exports);
-_exportStar(require("./TimeSeriesTooltip"), exports);
-_exportStar(require("./UnitSelector"), exports);
-_exportStar(require("./YAxisLabel"), exports);
-_exportStar(require("./context/ChartsThemeProvider"), exports);
-_exportStar(require("./context/TimeZoneProvider"), exports);
-_exportStar(require("./context/SnackbarProvider"), exports);
-_exportStar(require("./utils"), exports);
-_exportStar(require("./model"), exports);
-_exportStar(require("./test-utils"), exports);
-_exportStar(require("./theme"), exports);
-_exportStar(require("./RefreshIntervalPicker"), exports);
-function _exportStar(from, to) {
+_export_star(require("./BarChart"), exports);
+_export_star(require("./ColorPicker"), exports);
+_export_star(require("./ContentWithLegend"), exports);
+_export_star(require("./DateTimeRangePicker"), exports);
+_export_star(require("./Dialog"), exports);
+_export_star(require("./Drawer"), exports);
+_export_star(require("./EChart"), exports);
+_export_star(require("./ErrorAlert"), exports);
+_export_star(require("./ErrorBoundary"), exports);
+_export_star(require("./FontSizeSelector"), exports);
+_export_star(require("./GaugeChart"), exports);
+_export_star(require("./InfoTooltip"), exports);
+_export_star(require("./JSONEditor"), exports);
+_export_star(require("./Legend"), exports);
+_export_star(require("./LineChart"), exports);
+_export_star(require("./ModeSelector"), exports);
+_export_star(require("./OptionsEditorLayout"), exports);
+_export_star(require("./SettingsAutocomplete"), exports);
+_export_star(require("./SortSelector"), exports);
+_export_star(require("./StatChart"), exports);
+_export_star(require("./Table"), exports);
+_export_star(require("./ThresholdsEditor"), exports);
+_export_star(require("./TimeChart"), exports);
+_export_star(require("./TimeSeriesTooltip"), exports);
+_export_star(require("./FormatControls"), exports);
+_export_star(require("./YAxisLabel"), exports);
+_export_star(require("./context"), exports);
+_export_star(require("./utils"), exports);
+_export_star(require("./model"), exports);
+_export_star(require("./test-utils"), exports);
+_export_star(require("./theme"), exports);
+_export_star(require("./RefreshIntervalPicker"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/model/graph.js

@@ -21,9 +21,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    OPTIMIZED_MODE_SERIES_LIMIT: ()=>OPTIMIZED_MODE_SERIES_LIMIT,
-    PINNED_CROSSHAIR_SERIES_NAME: ()=>PINNED_CROSSHAIR_SERIES_NAME,
-    DEFAULT_PINNED_CROSSHAIR: ()=>DEFAULT_PINNED_CROSSHAIR
+    OPTIMIZED_MODE_SERIES_LIMIT: function() {
+        return OPTIMIZED_MODE_SERIES_LIMIT;
+    },
+    PINNED_CROSSHAIR_SERIES_NAME: function() {
+        return PINNED_CROSSHAIR_SERIES_NAME;
+    },
+    DEFAULT_PINNED_CROSSHAIR: function() {
+        return DEFAULT_PINNED_CROSSHAIR;
+    }
 });
 const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
 const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';

package/dist/cjs/model/index.js

@@ -14,17 +14,19 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./graph"), exports);
-_exportStar(require("./theme"), exports);
-_exportStar(require("./timeOption"), exports);
-function _exportStar(from, to) {
+_export_star(require("./graph"), exports);
+_export_star(require("./theme"), exports);
+_export_star(require("./timeOption"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/test/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./render"), exports);
-function _exportStar(from, to) {
+_export_star(require("./render"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/test/render.js

@@ -16,12 +16,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "renderWithContext", {
     enumerable: true,
-    get: ()=>renderWithContext
+    get: function() {
+        return renderWithContext;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("@testing-library/react");
-const _reactQuery = require("@tanstack/react-query");
-const queryClient = new _reactQuery.QueryClient({
+const _reactquery = require("@tanstack/react-query");
+const queryClient = new _reactquery.QueryClient({
     defaultOptions: {
         queries: {
             refetchOnWindowFocus: false
@@ -29,7 +31,7 @@ const queryClient = new _reactQuery.QueryClient({
     }
 });
 function renderWithContext(ui, options) {
-    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
+    return (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactquery.QueryClientProvider, {
         client: queryClient,
         children: ui
     }), options);

package/dist/cjs/test-utils/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./theme"), exports);
-function _exportStar(from, to) {
+_export_star(require("./theme"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/test-utils/theme.js

@@ -14,28 +14,45 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "testChartsTheme", {
-    enumerable: true,
-    get: ()=>testChartsTheme
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    testChartsTheme: function() {
+        return testChartsTheme;
+    },
+    mockChartsContext: function() {
+        return mockChartsContext;
+    }
 });
-const testChartsTheme = {
-    echartsTheme: {},
-    noDataOption: {},
-    sparkline: {
-        width: 1,
-        color: '#000000'
+const _material = require("@mui/material");
+const _utils = require("../utils");
+// app specific echarts option overrides
+const TEST_ECHARTS_THEME_OVERRIDES = {
+    textStyle: {
+        fontFamily: 'Lato'
     },
-    container: {
-        padding: {
-            default: 12
+    categoryAxis: {
+        splitLine: {
+            show: false
         }
     },
-    thresholds: {
-        defaultColor: '#59CC8D',
-        palette: [
-            '#438FEB',
-            '#FFB249',
-            '#EE6C6C'
-        ]
+    timeAxis: {
+        splitLine: {
+            show: false
+        }
+    },
+    bar: {
+        barCategoryGap: 2
     }
 };
+const testChartsTheme = (0, _utils.generateChartsTheme)((0, _material.createTheme)({}), TEST_ECHARTS_THEME_OVERRIDES);
+const mockChartsContext = {
+    chartsTheme: testChartsTheme,
+    enablePinning: false,
+    lastTooltipPinnedCoords: null,
+    setLastTooltipPinnedCoords: ()=>null
+};

package/dist/cjs/theme/component-overrides/alert.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MuiAlert", {
     enumerable: true,
-    get: ()=>MuiAlert
+    get: function() {
+        return MuiAlert;
+    }
 });
 const _material = require("@mui/material");
 const MuiAlert = {

package/dist/cjs/theme/component-overrides/paper.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MuiPaper", {
     enumerable: true,
-    get: ()=>MuiPaper
+    get: function() {
+        return MuiPaper;
+    }
 });
 const MuiPaper = {
     styleOverrides: {

package/dist/cjs/theme/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./theme"), exports);
-function _exportStar(from, to) {
+_export_star(require("./theme"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/theme/palette/background.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "background", {
     enumerable: true,
-    get: ()=>background
+    get: function() {
+        return background;
+    }
 });
 const _colors = require("./colors");
 const background = (mode)=>{
@@ -28,13 +30,15 @@ const background = (mode)=>{
         default: _colors.white,
         paper: _colors.grey[50],
         tooltip: _colors.grey[100],
+        lighter: _colors.grey[50],
         border: _colors.grey[100]
     } : {
         navigation,
         overlay,
         default: _colors.grey[900],
         paper: _colors.grey[850],
-        tooltip: _colors.grey[700],
+        tooltip: _colors.grey[600],
+        lighter: _colors.grey[700],
         border: _colors.grey[600]
     };
 };

package/dist/cjs/theme/palette/colors/blue.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "blue", {
     enumerable: true,
-    get: ()=>blue
+    get: function() {
+        return blue;
+    }
 });
 const blue = {
     50: '#E7F1FC',

package/dist/cjs/theme/palette/colors/common.js

@@ -21,8 +21,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    white: ()=>white,
-    black: ()=>black
+    white: function() {
+        return white;
+    },
+    black: function() {
+        return black;
+    }
 });
 const white = '#FFFFFF';
 const black = '#000000';