@applica-software-guru/react-admin 1.4.226 → 1.5.228

package/src/themes/theme/{theme5.jsx → theme2.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
-
-const Theme5 = (colors, mode) => {
+function Theme2(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme5 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#fff4e6', '#ffdfb8', '#ffc98f', '#ffb066', '#ff943d', '#f27013', '#cc5206', '#a63a00', '#802800', '#591900'];
+  let primaryColors = [
+    '#EEEDFC',
+    '#D5D1F8',
+    '#B9B2F3',
+    '#9C93EE',
+    '#877CEA',
+    '#7265E6',
+    '#6A5DE3',
+    '#5F53DF',
+    '#5549DB',
+    '#4237D5'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#32221a', '#4a2b18', '#5e371b', '#7d4319', '#a85317', '#d26415', '#e9883a', '#f4a962', '#f8c48c', '#fbdbb5'];
+    primaryColors = [
+      '#222130',
+      '#2b2946',
+      '#37335a',
+      '#443e78',
+      '#554ca0',
+      '#655ac8',
+      '#9186dd',
+      '#5F53DF',
+      '#c3baf4',
+      '#efecfb'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme5 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme5;
+export { Theme2 };

package/src/themes/theme/{theme4.jsx → theme3.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Theme4 Blue ||============================== //
-
-const Theme4 = (colors, mode) => {
+function Theme3(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme4 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#f0f6ff', '#edf4ff', '#bed3f7', '#8faeeb', '#6488de', '#3c64d0', '#2947ab', '#192f85', '#0d1b5e', '#070e38'];
+  let primaryColors = [
+    '#E6F3EC',
+    '#84c297',
+    '#5eb57d',
+    '#3da866',
+    '#1f9c53',
+    '#068e44',
+    '#006933',
+    '#004222',
+    '#001c0f',
+    '#000000'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1d212d', '#212841', '#273353', '#2c3e6e', '#324c92', '#385ab5', '#5d7dcb', '#89a7e1', '#b9cef0', '#e9f0fb'];
+    primaryColors = [
+      '#1a231f',
+      '#173123',
+      '#174029',
+      '#13502f',
+      '#0e6737',
+      '#0a7d3e',
+      '#1f8f4e',
+      '#3ba162',
+      '#5cb07a',
+      '#82bf95'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme4 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme4;
+export { Theme3 };

package/src/themes/theme/{theme3.jsx → theme4.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - Dark Green ||============================== //
-
-const Theme4 = (colors, mode) => {
+function Theme4(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme4 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#E6F3EC', '#84c297', '#5eb57d', '#3da866', '#1f9c53', '#068e44', '#006933', '#004222', '#001c0f', '#000000'];
+  let primaryColors = [
+    '#f0f6ff',
+    '#edf4ff',
+    '#bed3f7',
+    '#8faeeb',
+    '#6488de',
+    '#3c64d0',
+    '#2947ab',
+    '#192f85',
+    '#0d1b5e',
+    '#070e38'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#1a231f', '#173123', '#174029', '#13502f', '#0e6737', '#0a7d3e', '#1f8f4e', '#3ba162', '#5cb07a', '#82bf95'];
+    primaryColors = [
+      '#1d212d',
+      '#212841',
+      '#273353',
+      '#2c3e6e',
+      '#324c92',
+      '#385ab5',
+      '#5d7dcb',
+      '#89a7e1',
+      '#b9cef0',
+      '#e9f0fb'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme4 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme4;
+export { Theme4 };

package/src/themes/theme/{theme2.jsx → theme5.ts}

@@ -1,6 +1,4 @@
-// ==============================|| PRESET THEME - DEFAULT ||============================== //
-
-const Theme2 = (colors, mode) => {
+function Theme5(colors: any, mode: string) {
   const { grey } = colors;
   const greyColors = {
     0: grey[0],
@@ -23,14 +21,36 @@ const Theme2 = (colors, mode) => {
   };
   const contrastText = '#fff';
 
-  let primaryColors = ['#EEEDFC', '#D5D1F8', '#B9B2F3', '#9C93EE', '#877CEA', '#7265E6', '#6A5DE3', '#5F53DF', '#5549DB', '#4237D5'];
+  let primaryColors = [
+    '#fff4e6',
+    '#ffdfb8',
+    '#ffc98f',
+    '#ffb066',
+    '#ff943d',
+    '#f27013',
+    '#cc5206',
+    '#a63a00',
+    '#802800',
+    '#591900'
+  ];
   let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
   let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
   let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
   let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
 
   if (mode === 'dark') {
-    primaryColors = ['#222130', '#2b2946', '#37335a', '#443e78', '#554ca0', '#655ac8', '#9186dd', '#5F53DF', '#c3baf4', '#efecfb'];
+    primaryColors = [
+      '#32221a',
+      '#4a2b18',
+      '#5e371b',
+      '#7d4319',
+      '#a85317',
+      '#d26415',
+      '#e9883a',
+      '#f4a962',
+      '#f8c48c',
+      '#fbdbb5'
+    ];
     errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
     warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
     infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
@@ -101,6 +121,6 @@ const Theme2 = (colors, mode) => {
     },
     grey: greyColors
   };
-};
+}
 
-export default Theme2;
+export { Theme5 };

package/src/themes/theme/theme6.ts

@@ -0,0 +1,126 @@
+function Theme6(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#e1f0ef',
+    '#c8e3e2',
+    '#9ad6d6',
+    '#71c6c9',
+    '#4bb5bd',
+    '#2aa1af',
+    '#1a7b8a',
+    '#0e5563',
+    '#06323d',
+    '#021217'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1c2628',
+      '#1d3539',
+      '#22454a',
+      '#23595f',
+      '#26737c',
+      '#288d99',
+      '#47a6ad',
+      '#6dbec0',
+      '#96d0d0',
+      '#c5dfde'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme6 };

package/src/themes/theme/theme7.ts

@@ -0,0 +1,126 @@
+function Theme7(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#d1e8d99c',
+    '#8cdba9',
+    '#63cf8e',
+    '#3ec277',
+    '#1db564',
+    '#00a854',
+    '#008245',
+    '#005c34',
+    '#003620',
+    '#000f0a'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2721',
+      '#173728',
+      '#15472e',
+      '#115c36',
+      '#0b7841',
+      '#05934c',
+      '#1da65d',
+      '#3cba73',
+      '#61ca8b',
+      '#8ad7a6'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme7 };

package/src/themes/theme/theme8.ts

@@ -0,0 +1,126 @@
+function Theme8(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#c1d6d066',
+    '#81c9b9',
+    '#5bbda9',
+    '#38b09c',
+    '#1aa391',
+    '#009688',
+    '#007069',
+    '#004a47',
+    '#002424',
+    '#000000'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2524',
+      '#173331',
+      '#15423e',
+      '#11544e',
+      '#0b6c63',
+      '#058478',
+      '#1a9686',
+      '#37a996',
+      '#59b8a5',
+      '#7fc6b6'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme8 };

package/src/themes/types.ts

@@ -0,0 +1,20 @@
+import { Theme } from '@mui/material';
+
+type ThemeProps = Theme & {
+  customShadows: {
+    primary: string;
+    secondary: string;
+    error: string;
+    warning: string;
+    info: string;
+    success: string;
+    primaryButton: string;
+    secondaryButton: string;
+    errorButton: string;
+    warningButton: string;
+    infoButton: string;
+    successButton: string;
+  };
+};
+
+export type { ThemeProps };

package/src/themes/typography.ts

@@ -0,0 +1,70 @@
+function Typography(fontFamily: string) {
+  return {
+    htmlFontSize: 16,
+    fontFamily,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 600,
+    h1: {
+      fontWeight: 600,
+      fontSize: '2.375rem',
+      lineHeight: 1.21
+    },
+    h2: {
+      fontWeight: 600,
+      fontSize: '1.875rem',
+      lineHeight: 1.27
+    },
+    h3: {
+      fontWeight: 600,
+      fontSize: '1.5rem',
+      lineHeight: 1.33
+    },
+    h4: {
+      fontWeight: 600,
+      fontSize: '1.25rem',
+      lineHeight: 1.4
+    },
+    h5: {
+      fontWeight: 600,
+      fontSize: '1rem',
+      lineHeight: 1.5
+    },
+    h6: {
+      fontWeight: 400,
+      fontSize: '0.875rem',
+      lineHeight: 1.57
+    },
+    caption: {
+      fontWeight: 400,
+      fontSize: '0.75rem',
+      lineHeight: 1.66
+    },
+    body1: {
+      fontSize: '0.875rem',
+      lineHeight: 1.57
+    },
+    body2: {
+      fontSize: '0.75rem',
+      lineHeight: 1.66
+    },
+    subtitle1: {
+      fontSize: '0.875rem',
+      fontWeight: 600,
+      lineHeight: 1.57
+    },
+    subtitle2: {
+      fontSize: '0.75rem',
+      fontWeight: 500,
+      lineHeight: 1.66
+    },
+    overline: {
+      lineHeight: 1.66
+    },
+    button: {
+      textTransform: 'capitalize'
+    }
+  };
+}
+export { Typography };