tenjin-ui-kit 0.2.78 → 0.2.80

package/components/layout/pageContent/index.js

@@ -18,7 +18,10 @@ var PageContent = function PageContent(_ref) {
       height: '100%',
       maxHeight: '100%',
       overflowY: 'auto',
-      width: location.pathname.includes('agent') ? "100vw !important" : 'calc(100vw - 210px)'
+      flex: 1
+      // width: location.pathname.includes('agent')
+      //   ? `100vw !important`
+      //   : 'calc(100vw - 210px)',
     }
   }, children);
 };

package/components/select/index.js

@@ -42,11 +42,12 @@ var ReactSelect = function ReactSelect(props) {
   });
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
     fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
+  }, label && /*#__PURE__*/_react.default.createElement(_material.FormLabel, {
     htmlFor: "my-input",
     sx: {
       fontSize: "0.8rem",
-      fontWeight: 500
+      fontWeight: 500,
+      paddingBottom: "0.2rem"
     }
   }, label, isRequired ? /*#__PURE__*/_react.default.createElement("span", {
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.78",
+  "version": "0.2.80",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },

package/themes/responsiveTheme.js

@@ -0,0 +1,250 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var getFontSize = function getFontSize() {
+  var devicePixelRatio = window.devicePixelRatio;
+  if (devicePixelRatio >= 1 && devicePixelRatio < 1.25) {
+    return 16;
+  } else if (devicePixelRatio >= 1.25 && devicePixelRatio < 1.5) {
+    return 12;
+  } else if (devicePixelRatio >= 1.5) {
+    return 10;
+  } else {
+    return 40;
+  }
+};
+var getSpacing = function getSpacing() {
+  var devicePixelRatio = window.devicePixelRatio;
+  if (devicePixelRatio >= 1 && devicePixelRatio < 1.25) {
+    return 8;
+  } else if (devicePixelRatio >= 1.25 && devicePixelRatio < 1.5) {
+    return 8;
+  } else if (devicePixelRatio >= 1.5) {
+    return 4;
+  } else {
+    return 8;
+  }
+};
+var _default = (0, _material.createTheme)({
+  spacing: getSpacing(),
+  components: {
+    MuiButton: {
+      defaultProps: {
+        variant: "contained",
+        disableRipple: true,
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "initial"
+        }
+      }
+    },
+    MuiAppBar: {
+      styleOverrides: {
+        root: {
+          height: "60px !important"
+        }
+      }
+    },
+    MuiDivider: {
+      styleOverrides: {
+        root: {
+          height: "93% !important"
+        }
+      }
+    },
+    MuiOutlinedInput: {
+      defaultProps: {
+        size: "small"
+      }
+    }
+    // MuiInputBase: {
+    //   styleOverrides: {
+    //     input: {
+    //       backgroundColor: '#ACACAC',
+    //     },
+    //   },
+    // },
+  },
+
+  MuiAutocomplete: {
+    styleOverrides: {
+      root: {
+        padding: "0.5rem 0.75rem",
+        border: "1px solid black !important",
+        borderRadius: "0.25rem",
+        backgroundColor: "white",
+        "& .MuiAutocomplete-input": {
+          padding: "0.5rem 0.75rem",
+          fontSize: "1rem",
+          border: "1px solid black !important"
+        }
+      }
+    },
+    MuiInputLabel: {
+      styleOverrides: {
+        asterisk: {
+          color: "#db3131",
+          "&$error": {
+            color: "#db3131"
+          }
+        }
+      }
+    }
+  },
+  overrides: {
+    MuiCssBaseline: {
+      "@global": {
+        html: {
+          "scroll-behavior": "smooth",
+          height: "100vh"
+        },
+        body: {
+          position: "relative",
+          margin: 0,
+          height: "100vh",
+          color: "#000000",
+          backgroundColor: "#f4f7fc"
+        },
+        "*::-webkit-scrollbar": {
+          width: "6px"
+        },
+        a: {
+          textDecoration: "none",
+          color: "#44409A"
+        },
+        "*::-webkit-scrollbar-thumb": {
+          backgroundColor: "#e4e4e4",
+          borderRadius: "3px",
+          opacity: 0.5
+        },
+        "*::-webkit-scrollbar-track": {
+          background: "transparent"
+        }
+      }
+    }
+  },
+  palette: {
+    //primary: {
+    // main: "#44409A",
+    // light: "#5B58A9",
+    // dark: "#443F99",
+    // white: "#FFFFFF",
+    // tenjinLight: "#F4F7FC",
+    // tenjinMLight: "#F7F8FF",
+    // tenjinDarkWhite: "#F8F9FD",
+    // tenjinBlack: "#000000",
+    // tenjinMBlack: "#060606",
+    // tenjinLightBlack: "#363636",
+    // tenjinLBlack: "#343438",
+    // tenjinDark: "#323232",
+    // tenjinGray: "#757575",
+    // tenjinFGray: "#636A74",
+    // tenjinMGray: "#707070",
+    // tenjinLightGray: "#EDF2F8",
+    // tenjinLBlue: "#D7E0EB",
+    // tenjinYellow: "#F6DA6E",
+    // tenjinLightGreen: "#4CE1B6",
+    // tenjinDarkGreen: "#2e846c",
+    // tenjinLightBlue: "#70BBFD",
+    // tenjinLMBlue: "#7688E8",
+    // tenjinDarkBlue: "#006AFD",
+    // tenjinPlaceholder: "#9CABBF",
+    // green: "#2C7413",
+    // warning: "#EB9A31",
+    // blue: "#433F9B",
+    // gray: "#7d7d7d",
+    // red: "#be1515",
+    // paperBorder: "#D6D9E0",
+    // defaultShadow: "#667CBC1A",
+    //},
+    // secondary: {
+    //   main: "#BF1E1E",
+    // },
+    primary: {
+      main: "#44409A"
+    },
+    primary_light: {
+      main: "#5B58A9"
+    },
+    primary_dark: {
+      main: "#000050"
+    },
+    secondary: {
+      main: "#BF1E1E"
+    },
+    secondary_light: {
+      main: "#CC3F3F"
+    },
+    secondary_dark: {
+      main: "#951010"
+    },
+    success: {
+      main: "#2C7413"
+    },
+    success_light: {
+      main: "#5EA342"
+    },
+    success_dark: {
+      main: "#004700"
+    },
+    info: {
+      main: "#70BBFD"
+    },
+    info_light: {
+      main: "#A6EDFF"
+    },
+    info_dark: {
+      main: "#358BCA"
+    },
+    error: {
+      main: "#BE1515"
+    },
+    error_light: {
+      main: "#F8533F"
+    },
+    error_dark: {
+      main: "#860000"
+    },
+    warning: {
+      main: "#EB9A31"
+    },
+    warning_light: {
+      main: "#FFCB62"
+    },
+    warning_dark: {
+      main: "#B46C00"
+    },
+    grey: {
+      main: "#7D7D7D"
+    },
+    grey_light: {
+      main: "#ACACAC"
+    },
+    grey_dark: {
+      main: "#515151"
+    },
+    secondary_grey: {
+      main: "#D7E2F0"
+    },
+    white: {
+      main: "#ffffff"
+    },
+    default: {
+      main: "#7D7D7D"
+    },
+    text: {
+      main: "#000000"
+    }
+  },
+  typography: {
+    fontFamily: ["-apple-system", "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial", "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(","),
+    fontSize: getFontSize()
+  }
+});
+exports.default = _default;