tenjin-ui-kit 0.1.0-dev.0

package/themes/defaultSmall.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _default = (0, _material.createTheme)({
+  // spacing: 4,
+
+  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'
+    }
+  },
+  typography: {
+    fontFamily: ['-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(','),
+    fontSize: 10
+  }
+});
+exports.default = _default;

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 14;
+  } 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;