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

package/components/layout/sidebar/style.js

@@ -8,147 +8,142 @@ var _iconsMaterial = require("@mui/icons-material");
 var _styles = require("@mui/styles");
 var _system = require("@mui/system");
 var _responsiveTheme = _interopRequireDefault(require("../../../themes/responsiveTheme"));
-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"
+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: `${_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"
     }
-  };
-});
-exports.default = _default;
+  },
+  collapsedFlatMenuItemText: {
+    display: "none !important"
+  },
+  flatMenuItem: {
+    height: "48px",
+    borderRadius: "7px !important"
+  },
+  selectedFlatMenuItem: {
+    backgroundColor: `${_responsiveTheme.default.palette.primary.main} !important`,
+    color: "#fff !important"
+  },
+  selectedGroupMenuItem: {
+    backgroundColor: `${_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: `${_responsiveTheme.default.palette.primary.main} !important`,
+    color: "#fff !important",
+    borderRadius: "5px !important",
+    fontWeight: 600
+    // fontSize: "16px !important",
+  },
+  projectListText: {
+    color: `${_responsiveTheme.default.palette.primary.main} !important`,
+    marginLeft: "24px",
+    fontSize: "14px !important",
+    fontWeight: 600
+  },
+  projectListIcon: {
+    color: `${_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"
+  }
+}));