quicksnack 3.6.2 → 3.8.0

package/dist/UiStateProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface UiStateProps {
+    isSideMenuOpen: boolean;
+    closeSideMenu: () => void;
+    openSideMenu: () => void;
+}
+export declare const useUiStateContext: () => UiStateProps;
+export declare const UiStateProvider: React.FC;
+export {};

package/dist/UiStateProvider.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiStateProvider = exports.useUiStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var noop = function () { };
+var UiState = react_1.default.createContext({
+    isSideMenuOpen: false,
+    closeSideMenu: noop,
+    openSideMenu: noop
+});
+var useUiStateContext = function () { return (0, react_1.useContext)(UiState); };
+exports.useUiStateContext = useUiStateContext;
+var UiStateProvider = function (_a) {
+    var children = _a.children;
+    var _b = react_1.default.useState(false), isSideMenuOpen = _b[0], setIsSideMenuOpen = _b[1];
+    var handleCloseSideMenu = react_1.default.useCallback(function () { return setIsSideMenuOpen(false); }, []);
+    var handleOpenSideMenu = react_1.default.useCallback(function () { return setIsSideMenuOpen(true); }, []);
+    return (react_1.default.createElement(UiState.Provider, { value: {
+            isSideMenuOpen: isSideMenuOpen,
+            closeSideMenu: handleCloseSideMenu,
+            openSideMenu: handleOpenSideMenu
+        } }, children));
+};
+exports.UiStateProvider = UiStateProvider;

package/dist/UiWrapper.js

@@ -11,11 +11,13 @@ exports.UiWrapper = void 0;
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var UiProvider_1 = require("./UiProvider");
+var UiStateProvider_1 = require("./UiStateProvider");
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n  color: ", ";\n  font-size: 14px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n  color: ", ";\n  font-size: 14px;\n"])), function (props) { return props.theme.palette.common.black; });
 var UiWrapper = function (_a) {
     var theme = _a.theme, children = _a.children;
     return (react_1.default.createElement(UiProvider_1.UiProvider, { theme: theme },
-        react_1.default.createElement(Wrapper, null, children)));
+        react_1.default.createElement(UiStateProvider_1.UiStateProvider, null,
+            react_1.default.createElement(Wrapper, null, children))));
 };
 exports.UiWrapper = UiWrapper;
 var templateObject_1;

package/dist/components/Menu/MenuSlideOpenIndicator.js

@@ -13,7 +13,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var responsiveProps_1 = require("../../responsiveness/responsiveProps");
 var SideBar_1 = require("./SideBar");
 var Box_1 = require("../Box/Box");
-var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: none;\n    ", "\n    \n    height: 100%;\n    flex-direction: row;\n    align-items: center;\n    padding: ", ";    \n    \n    ", ":hover & {\n        display:none;\n    }\n"], ["\n    display: none;\n    ", "\n    \n    height: 100%;\n    flex-direction: row;\n    align-items: center;\n    padding: ", ";    \n    \n    ", ":hover & {\n        display:none;\n    }\n"])), (0, responsiveProps_1.mq)("laptop", "display: flex;"), function (props) { return props.theme.spacing(0, 5); }, SideBar_1.SideBar);
+var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: none;\n    ", "\n    \n    height: 100%;\n    flex-direction: row;\n    align-items: center;\n    \n    width: ", ";    \n    \n    & > svg {\n       margin: 0 auto; \n    }\n    \n    ", ":hover & {\n        display:none;\n    }\n"], ["\n    display: none;\n    ", "\n    \n    height: 100%;\n    flex-direction: row;\n    align-items: center;\n    \n    width: ", ";    \n    \n    & > svg {\n       margin: 0 auto; \n    }\n    \n    ", ":hover & {\n        display:none;\n    }\n"])), (0, responsiveProps_1.mq)("laptop", "display: flex;"), function (props) { return props.theme.spacing(SideBar_1.SIDEBAR_COLLAPSED_WIDTH); }, SideBar_1.StyledSidebar);
 var MenuSlideOpenIndicator = function (_a) {
     var children = _a.children;
     return (react_1.default.createElement(StyledBox, null, children));

package/dist/components/Menu/SideBar.d.ts

@@ -1,7 +1,10 @@
+import React from "react";
 export declare const SIDEBAR_COLLAPSED_WIDTH = 15;
 declare type SideBarProps = {
+    isDesktopMenuOpen?: boolean;
     isMobileMenuOpen?: boolean;
     minWidth?: number;
 };
-export declare const SideBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & SideBarProps, never>;
+export declare const StyledSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & SideBarProps, never>;
+export declare const SideBar: React.FC<SideBarProps>;
 export {};

package/dist/components/Menu/SideBar.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -22,11 +33,23 @@ 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.SideBar = exports.SIDEBAR_COLLAPSED_WIDTH = void 0;
+exports.SideBar = exports.StyledSidebar = exports.SIDEBAR_COLLAPSED_WIDTH = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var Box_1 = require("../Box/Box");
 var responsiveProps_1 = require("../../responsiveness/responsiveProps");
+var react_1 = __importDefault(require("react"));
+var UiStateProvider_1 = require("../../UiStateProvider");
 exports.SIDEBAR_COLLAPSED_WIDTH = 15;
-exports.SideBar = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  float: left;\n    \n  height: 100%;\n  width: 100%;  \n    \n  background-color: #243646;\n    \n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  z-index: 900;\n       \n  display: ", ";     \n  pointer-events: auto;\n     \n  ", "  \n"], ["\n  float: left;\n    \n  height: 100%;\n  width: 100%;  \n    \n  background-color: #243646;\n    \n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  z-index: 900;\n       \n  display: ", ";     \n  pointer-events: auto;\n     \n  ", "  \n"])), function (props) { return props.isMobileMenuOpen ? 'block' : 'none'; }, (0, responsiveProps_1.mq)("laptop", (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: static;    \n    display: block;\n    width: auto;\n    min-width: ", ";\n    box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);\n        \n    transition: transform .1s ease-out;\n    transform: translateX(calc(-100% + ", "));\n           \n    &:hover {\n      transform: translateX(0);\n    }\n    \n    & > ul {\n      opacity: 0;\n    }\n    &:hover > ul {\n      opacity: 1;\n    }\n       \n  "], ["\n    position: static;    \n    display: block;\n    width: auto;\n    min-width: ", ";\n    box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);\n        \n    transition: transform .1s ease-out;\n    transform: translateX(calc(-100% + ", "));\n           \n    &:hover {\n      transform: translateX(0);\n    }\n    \n    & > ul {\n      opacity: 0;\n    }\n    &:hover > ul {\n      opacity: 1;\n    }\n       \n  "])), function (props) { var _a; return props.theme.spacing((_a = props.minWidth) !== null && _a !== void 0 ? _a : 75); }, function (props) { return props.theme.spacing(exports.SIDEBAR_COLLAPSED_WIDTH); })));
-var templateObject_1, templateObject_2;
+exports.StyledSidebar = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  float: left;\n    \n  height: 100%;\n  width: 100%;  \n    \n  background-color: #243646;\n    \n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  z-index: 900;\n       \n  display: ", ";     \n  pointer-events: auto;\n     \n  ", "  \n"], ["\n  float: left;\n    \n  height: 100%;\n  width: 100%;  \n    \n  background-color: #243646;\n    \n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  \n  z-index: 900;\n       \n  display: ", ";     \n  pointer-events: auto;\n     \n  ", "  \n"])), function (props) { return props.isMobileMenuOpen ? 'block' : 'none'; }, (0, responsiveProps_1.mq)("laptop", (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: static;    \n    display: block;\n    width: auto;\n    min-width: ", ";\n    box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);\n        \n    transition: transform .1s ease-out;\n    transform: ", "; \n             \n    & > ul {\n      opacity: ", ";\n    }                              \n  "], ["\n    position: static;    \n    display: block;\n    width: auto;\n    min-width: ", ";\n    box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);\n        \n    transition: transform .1s ease-out;\n    transform: ", "; \n             \n    & > ul {\n      opacity: ", ";\n    }                              \n  "])), function (props) { var _a; return props.theme.spacing((_a = props.minWidth) !== null && _a !== void 0 ? _a : 75); }, function (props) { return props.isDesktopMenuOpen
+    ? 'transform: translateX(0);'
+    : (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["translateX(calc(-100% + ", "));"], ["translateX(calc(-100% + ", "));"])), function (props) { return props.theme.spacing(exports.SIDEBAR_COLLAPSED_WIDTH); }); }, function (props) { return props.isDesktopMenuOpen ? '1' : '0'; })));
+var SideBar = function (props) {
+    var _a = (0, UiStateProvider_1.useUiStateContext)(), closeSideMenu = _a.closeSideMenu, openSideMenu = _a.openSideMenu, isSideMenuOpen = _a.isSideMenuOpen;
+    return react_1.default.createElement(exports.StyledSidebar, __assign({ isDesktopMenuOpen: isSideMenuOpen }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu }));
+};
+exports.SideBar = SideBar;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Menu/SideBarHeader.js

@@ -32,7 +32,7 @@ var styled_components_1 = __importStar(require("styled-components"));
 var Box_1 = require("../Box/Box");
 var constants_1 = require("../../layouts/constants");
 var responsiveProps_1 = require("../../responsiveness/responsiveProps");
-var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box; \n  color: ", ";\n  font-weight: bold;  \n  \n  display: flex;\n  // flex-direction: column;\n  // justify-content: center;\n  \n  // font-size: ", ";\n  // color: ", ";  \n  text-align: center;\n  \n  font-size: 14px;\n  font-weight: bold;\n  letter-spacing: 1px;    \n  line-height: 1em;\n  \n  background-color: rgba(0,0,0,.2);\n  \n  ", "  \n"], ["\n  box-sizing: border-box; \n  color: ", ";\n  font-weight: bold;  \n  \n  display: flex;\n  // flex-direction: column;\n  // justify-content: center;\n  \n  // font-size: ", ";\n  // color: ", ";  \n  text-align: center;\n  \n  font-size: 14px;\n  font-weight: bold;\n  letter-spacing: 1px;    \n  line-height: 1em;\n  \n  background-color: rgba(0,0,0,.2);\n  \n  ", "  \n"])), function (props) { return props.theme.palette.button.text.idle.text; }, function (props) { return props.theme.spacing(5); }, function (props) { return props.theme.palette.common.white; }, (0, responsiveProps_1.mq)('laptop', (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      min-height: ", ";\n  "], ["\n      min-height: ", ";\n  "])), function (props) { return props.theme.spacing(12); })));
+var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box; \n  color: ", ";\n  font-weight: bold;  \n  \n  display: flex;    \n  text-align: center;\n  \n  font-size: 14px;\n  font-weight: bold;\n  letter-spacing: 1px;    \n  line-height: 1em;\n  \n  background-color: rgba(0,0,0,.2);\n  \n  ", "  \n"], ["\n  box-sizing: border-box; \n  color: ", ";\n  font-weight: bold;  \n  \n  display: flex;    \n  text-align: center;\n  \n  font-size: 14px;\n  font-weight: bold;\n  letter-spacing: 1px;    \n  line-height: 1em;\n  \n  background-color: rgba(0,0,0,.2);\n  \n  ", "  \n"])), function (props) { return props.theme.palette.button.text.idle.text; }, (0, responsiveProps_1.mq)('laptop', (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      min-height: ", ";\n  "], ["\n      min-height: ", ";\n  "])), function (props) { return props.theme.spacing(12); })));
 var SideBarHeader = function (_a) {
     var children = _a.children, right = _a.right;
     return (react_1.default.createElement(StyledBox, { mb: constants_1.VerticalRhythmLaptop },

package/dist/components/Tabs/Tab.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from "../Box/Box";
+import React, { PropsWithChildren } from "react";
+interface Props<ID> extends BoxProps {
+    id: ID;
+    isActive?: boolean;
+    onClick?: (id: ID) => void;
+}
+export declare const Tab: <ID>({ id, isActive, onClick, ...restProps }: React.PropsWithChildren<Props<ID>>) => JSX.Element;
+export {};

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,66 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var Box_1 = require("../Box/Box");
+var react_1 = __importDefault(require("react"));
+var StyledBox = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    padding: ", ";\n    \n    ", "\n           \n    ", "       \n"], ["\n    padding: ", ";\n    \n    ", "\n           \n    ", "       \n"])), function (props) { return props.theme.spacing(3, 5); }, function (props) { return !props.isActive && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        cursor: pointer;               \n        color: #337ab7;                \n        &:hover,\n        &:focus {\n          color: #23527c;\n          text-decoration: underline;\n        }\n    "], ["\n        cursor: pointer;               \n        color: #337ab7;                \n        &:hover,\n        &:focus {\n          color: #23527c;\n          text-decoration: underline;\n        }\n    "]))); }, function (props) { return props.isActive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        font-weight: bold;\n        border: 1px solid rgba(34,36,38,.15);\n        border-bottom: 0px;\n        margin-bottom: -1px;\n        border-top-left-radius: 8px;  \n        border-top-right-radius: 8px;  \n        background-color: ", ";            \n    "], ["\n        font-weight: bold;\n        border: 1px solid rgba(34,36,38,.15);\n        border-bottom: 0px;\n        margin-bottom: -1px;\n        border-top-left-radius: 8px;  \n        border-top-right-radius: 8px;  \n        background-color: ", ";            \n    "])), function (props) { return props.theme.palette.common.white; }); });
+var Tab = function (_a) {
+    var id = _a.id, isActive = _a.isActive, onClick = _a.onClick, restProps = __rest(_a, ["id", "isActive", "onClick"]);
+    var handleClick = react_1.default.useCallback(function () {
+        if (!isActive) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(id);
+        }
+    }, [id, isActive, onClick]);
+    return react_1.default.createElement(StyledBox, __assign({}, restProps, { onClick: handleClick, isActive: isActive }));
+};
+exports.Tab = Tab;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1 @@
+export declare const Tabs: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps, never>;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var Box_1 = require("../Box/Box");
+exports.Tabs = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    border-bottom: 1px solid rgba(34,36,38,.15);\n    padding: ", ";    \n"], ["\n    display: flex;\n    border-bottom: 1px solid rgba(34,36,38,.15);\n    padding: ", ";    \n"])), function (props) { return props.theme.spacing(0, 6); });
+var templateObject_1;

package/dist/layouts/BasicLayout/BasicLayout.js

@@ -35,7 +35,7 @@ var BasicLayout = function (_a) {
     return (react_1.default.createElement(Wrapper, { flexGrow: 1, display: "flex", flexDirection: "column" },
         react_1.default.createElement(WrapperInner, { flexGrow: 1, flexShrink: 0 },
             sideBarProps && (react_1.default.createElement(SidebarWrapper, null,
-                react_1.default.createElement(SideBar_1.SideBar, __assign({}, sideBarProps, { className: 'sidebar' })))),
+                react_1.default.createElement(SideBar_1.SideBar, __assign({}, sideBarProps)))),
             react_1.default.createElement(ContentBox, { display: "flex", flexDirection: "column" },
                 react_1.default.createElement(TopBar_1.TopBar, __assign({}, topBarProps)),
                 react_1.default.createElement(Box_1.Box, { p: { laptop: constants_1.VerticalRhythmLaptop, mobile: constants_1.VerticalRhythmMobile }, pl: { laptop: constants_1.VerticalRhythmLaptop + SideBar_1.SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.6.2",
+  "version": "3.8.0",
   "private": false,
   "files": [
     "dist/**"