tenjin-ui-kit 0.2.137 → 0.2.138

package/themes/default.js

@@ -0,0 +1,253 @@
+"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 14;
+  } else if (devicePixelRatio >= 1.5) {
+    return 12;
+  } else {
+    return 40;
+  }
+};
+var getSpacing = function getSpacing() {
+  if (devicePixelRatio >= 1 && devicePixelRatio < 1.25) {
+    return 8;
+  } else if (devicePixelRatio >= 1.25 && devicePixelRatio < 1.5) {
+    return 6;
+  } 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"
+    },
+    primary_link: {
+      main: "#44409a"
+    },
+    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;

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;

package/.dockerignore

@@ -1,6 +0,0 @@
-node_modules
-build
-.dockerignore
-Dockerfile
-Dockerfile.prod
-storybook-static

package/.storybook/main.js

@@ -1,16 +0,0 @@
-module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-    "@storybook/preset-create-react-app"
-  ],
-  "framework": "@storybook/react",
-  "core": {
-    "builder": "@storybook/builder-webpack5"
-  }
-}

package/.storybook/preview.js

@@ -1,11 +0,0 @@
-import ".././src/App.css"
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-}

package/Dockerfile

@@ -1,17 +0,0 @@
-# build environment
-FROM node:16-alpine as build
-WORKDIR /app
-ENV PATH /app/node_modules/.bin:$PATH
-COPY package.json ./
-COPY package-lock.json ./
-COPY . ./
-RUN npm install 
-RUN npm run build-storybook
-RUN npm run compile
-RUN npm version patch -m "CI patch version bump"
-RUN cp ./package.json ./dist
-RUN cp ./README.md ./dist
-RUN cd dist
-RUN npm publish
-# TEST COMMIT 2
-

package/Jenkinsfile

@@ -1,66 +0,0 @@
-pipeline {
-    agent {label 'tjui-kit'}
-
-    
-
-
-    stages {
-        stage ("Build") {
-            steps {
-                dir("./") {
-                    sh 'npm install'
-                    sh 'npm run compile'
-                }
-            }
-        }
-        stage ("Upgrade version") {
-            steps {
-                dir("./") {
-                    sh 'git restore package-lock.json'
-                    
-                    sh 'npm version patch'
-                    sh 'git remote set-url origin https://vybhavkadam:glpat-Ee-CqdVnwzURCGPzFwys@gitlab.com/yethi/react/tenjin-ui-kit.git'
-                    sh 'git push origin HEAD:main --tags'
-                    //sh 'git push --tags'
-                }
-            }
-        } 
-
-        stage ("Publish library") {
-            steps {
-                dir("./dist") {
-                    sh 'cp ./package.json ./dist'
-                    sh 'cp ./README.md ./dist'
-                }
-
-                dir("./") {
-                    //sh 'npm config set //registry.npmjs.org/:_authToken=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'
-                    sh 'export NPM_TOKEN=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'
-                    sh 'npm publish'
-                }
-            }
-        }
-
-        stage ("Build Storybook") {
-            steps {
-                dir("./") {
-                    sh 'npm run build-storybook'
-                }
-            }
-        }
-
-        stage ("Deploy Storybook") {
-            steps {
-                dir("./") {
-                    sh 'npx netlify deploy --auth xZ5gRrdcq6pPShzAcOtxCqD3e5MzwWxwBevsrQdyIl0 --site 9a55e91f-3c3e-4492-8d50-7f17ca87adeb --dir storybook-static --prod'
-                }
-            }
-        }
-         stage('CleanWorkspace') {
-            steps {
-                cleanWs()
-            }
-        }
-    }
-   
-}