tenjin-ui-kit 0.3.71 → 0.3.72-dev-1

package/components/layout/sidebar/style.js

@@ -8,142 +8,147 @@ var _iconsMaterial = require("@mui/icons-material");
 var _styles = require("@mui/styles");
 var _system = require("@mui/system");
 var _responsiveTheme = _interopRequireDefault(require("../../../themes/responsiveTheme"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = (0, _styles.makeStyles)(() => ({
-  subHeader: {
-    textTransform: "uppercase",
-    fontSize: _responsiveTheme.default.typography.fontSize - 2,
-    color: "rgba(0,0,0,0.5)",
-    fontWeight: 500
-  },
-  link: {
-    textDecoration: "none"
-  },
-  listItemText: {
-    color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    fontWeight: "500 !important"
-  },
-  expanded: {
-    width: "200px"
-  },
-  collapsed: {
-    width: "72px"
-  },
-  collapsedFlatMenuItem: {
-    paddingLeft: "0",
-    paddingRight: "0",
-    display: "flex !important",
-    alignItems: "center !important",
-    justifyContent: "center !important",
-    "& .MuiListItemIcon-root": {
-      minWidth: "10px"
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = (0, _styles.makeStyles)(function () {
+  return {
+    subHeader: {
+      textTransform: "uppercase",
+      fontSize: _responsiveTheme.default.typography.fontSize - 2,
+      color: "rgba(0,0,0,0.5)",
+      fontWeight: 500
+    },
+    link: {
+      textDecoration: "none"
+    },
+    listItemText: {
+      color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      fontWeight: "500 !important"
+    },
+    expanded: {
+      width: "200px"
+    },
+    collapsed: {
+      width: "72px"
+    },
+    collapsedFlatMenuItem: {
+      paddingLeft: "0",
+      paddingRight: "0",
+      display: "flex !important",
+      alignItems: "center !important",
+      justifyContent: "center !important",
+      "& .MuiListItemIcon-root": {
+        minWidth: "10px"
+      }
+    },
+    collapsedFlatMenuItemText: {
+      display: "none !important"
+    },
+    flatMenuItem: {
+      height: "48px",
+      borderRadius: "7px !important"
+    },
+    selectedFlatMenuItem: {
+      backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      color: "#fff !important"
+    },
+    selectedGroupMenuItem: {
+      backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      color: "#fff !important",
+      borderRadius: "5px !important"
+    },
+    selectedFlatMenuIcon: {
+      color: "#fff !important"
+    },
+    selectedFlatMenuItemText: {
+      color: "#fff !important"
+    },
+    projectMenuMainWrapper: {
+      paddingTop: "0.5rem",
+      // padding: "7px",
+      display: "inline-block",
+      width: "100%"
+    },
+    projectMenuHeader: {
+      color: "#44409A",
+      fontFamily: "sans-serif",
+      fontSize: "18px !important",
+      lineHeight: "24px",
+      display: "flex",
+      justifyContent: "center",
+      VerticalAlignCenter: true
+    },
+    selectedProjectMenuItem: {
+      backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      color: "#fff !important",
+      borderRadius: "5px !important",
+      fontWeight: 600
+      // fontSize: "16px !important",
+    },
+
+    projectListText: {
+      color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      marginLeft: "24px",
+      fontSize: "14px !important",
+      fontWeight: 600
+    },
+    projectListIcon: {
+      color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
+      display: "flex",
+      alignItems: "center",
+      width: "1rem",
+      height: "1rem"
+    },
+    selectedProjectMenuItemText: {
+      color: "#fff !important"
+      // fontSize: "14px !important",
+      // fontWeight: 600,
+    },
+
+    selectedProjectMenuItemIcon: {
+      color: "#fff !important",
+      display: "flex",
+      alignItems: "center",
+      width: "1rem",
+      height: "1rem"
+    },
+    subHeaderIcon: {
+      color: "#44409A",
+      display: "flex",
+      alignItems: "center",
+      width: "0.8rem",
+      height: "0.8rem"
+    },
+    sidebar: {
+      display: "inline-block",
+      position: "relative"
+    },
+    buttonIcon: {
+      position: "relative",
+      padding: "16px",
+      fontSize: "16px"
+    },
+    menuItem: {
+      zIndex: 1300,
+      display: "none",
+      position: "absolute",
+      backgroundColor: "#f1f1f1",
+      minWidth: "160px",
+      boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
+      left: "10%",
+      top: "auto"
+    },
+    menuItemOpen: {
+      zIndex: 1300,
+      display: "block",
+      position: "absolute",
+      backgroundColor: "#f1f1f1",
+      minWidth: "160px",
+      boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
+      left: "92px",
+      top: "auto",
+      bottom: "auto",
+      marginTop: "-3.5rem"
     }
-  },
-  collapsedFlatMenuItemText: {
-    display: "none !important"
-  },
-  flatMenuItem: {
-    height: "48px",
-    borderRadius: "7px !important"
-  },
-  selectedFlatMenuItem: {
-    backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    color: "#fff !important"
-  },
-  selectedGroupMenuItem: {
-    backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    color: "#fff !important",
-    borderRadius: "5px !important"
-  },
-  selectedFlatMenuIcon: {
-    color: "#fff !important"
-  },
-  selectedFlatMenuItemText: {
-    color: "#fff !important"
-  },
-  projectMenuMainWrapper: {
-    paddingTop: "0.5rem",
-    // padding: "7px",
-    display: "inline-block",
-    width: "100%"
-  },
-  projectMenuHeader: {
-    color: "#44409A",
-    fontFamily: "sans-serif",
-    fontSize: "18px !important",
-    lineHeight: "24px",
-    display: "flex",
-    justifyContent: "center",
-    VerticalAlignCenter: true
-  },
-  selectedProjectMenuItem: {
-    backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    color: "#fff !important",
-    borderRadius: "5px !important",
-    fontWeight: 600
-    // fontSize: "16px !important",
-  },
-  projectListText: {
-    color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    marginLeft: "24px",
-    fontSize: "14px !important",
-    fontWeight: 600
-  },
-  projectListIcon: {
-    color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
-    display: "flex",
-    alignItems: "center",
-    width: "1rem",
-    height: "1rem"
-  },
-  selectedProjectMenuItemText: {
-    color: "#fff !important"
-    // fontSize: "14px !important",
-    // fontWeight: 600,
-  },
-  selectedProjectMenuItemIcon: {
-    color: "#fff !important",
-    display: "flex",
-    alignItems: "center",
-    width: "1rem",
-    height: "1rem"
-  },
-  subHeaderIcon: {
-    color: "#44409A",
-    display: "flex",
-    alignItems: "center",
-    width: "0.8rem",
-    height: "0.8rem"
-  },
-  sidebar: {
-    display: "inline-block",
-    position: "relative"
-  },
-  buttonIcon: {
-    position: "relative",
-    padding: "16px",
-    fontSize: "16px"
-  },
-  menuItem: {
-    zIndex: 1300,
-    display: "none",
-    position: "absolute",
-    backgroundColor: "#f1f1f1",
-    minWidth: "160px",
-    boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
-    left: "10%",
-    top: "auto"
-  },
-  menuItemOpen: {
-    zIndex: 1300,
-    display: "block",
-    position: "absolute",
-    backgroundColor: "#f1f1f1",
-    minWidth: "160px",
-    boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
-    left: "92px",
-    top: "auto",
-    bottom: "auto",
-    marginTop: "-3.5rem"
-  }
-}));
+  };
+});
+exports.default = _default;