identity-admin-ui 1.12.0 → 1.12.1

package/lib/cjs/types/theme/overrides/Typography.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material/styles';
+export default function Typography(theme: Theme): {
+    MuiTypography: {
+        styleOverrides: {
+            paragraph: {
+                marginBottom: string;
+            };
+            gutterBottom: {
+                marginBottom: string;
+            };
+        };
+    };
+};

package/lib/cjs/types/theme/overrides/index.d.ts

@@ -1,2 +1,2 @@
 import { Theme } from '@mui/material/styles';
-export declare function componentsOverrides(theme: Theme): any;
+export default function ComponentsOverrides(theme: Theme): any;

package/lib/cjs/types/theme/palette.d.ts

@@ -1,5 +1,18 @@
-import { PresetsColor } from './options/presets';
 export type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+interface GradientsPaletteOptions {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+interface ChartPaletteOptions {
+    violet: string[];
+    blue: string[];
+    green: string[];
+    yellow: string[];
+    red: string[];
+}
 declare module '@mui/material/styles/createPalette' {
     interface TypeBackground {
         neutral: string;
@@ -12,85 +25,248 @@ declare module '@mui/material/styles/createPalette' {
         lighter: string;
         darker: string;
     }
+    interface Palette {
+        gradients: GradientsPaletteOptions;
+        chart: ChartPaletteOptions;
+    }
+    interface PaletteOptions {
+        gradients: GradientsPaletteOptions;
+        chart: ChartPaletteOptions;
+    }
 }
-export declare function palette(mode: 'light' | 'dark', presets?: PresetsColor): {
-    mode: string;
-    text: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-    background: {
-        paper: string;
-        default: string;
-        neutral: string;
-    };
-    action: {
-        active: string;
-        hover: string;
-        selected: string;
-        disabled: string;
-        disabledBackground: string;
-        focus: string;
-        hoverOpacity: number;
-        disabledOpacity: number;
-    };
-    common: {
-        black: string;
-        white: string;
-    };
-    primary: PresetsColor;
-    secondary: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    info: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    success: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    warning: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    error: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    grey: {
+declare module '@mui/material' {
+    interface Color {
         0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    }
+}
+declare const palette: {
+    readonly light: {
+        readonly mode: "light";
+        readonly text: {
+            readonly primary: string;
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: "#fff";
+            readonly default: "#fff";
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+    readonly dark: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
     };
-    divider: string;
 };
+export default palette;

package/lib/cjs/types/theme/shadows.d.ts

@@ -1,2 +1,67 @@
-import { Shadows } from '@mui/material/styles';
-export declare function shadows(mode: 'light' | 'dark'): Shadows;
+import { Shadows } from '@mui/material/styles/shadows';
+interface CustomShadowOptions {
+    z1: string;
+    z8: string;
+    z12: string;
+    z16: string;
+    z20: string;
+    z24: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    card: string;
+    dialog: string;
+    dropdown: string;
+}
+declare module '@mui/material/styles' {
+    interface Theme {
+        customShadows: CustomShadowOptions;
+    }
+    interface ThemeOptions {
+        customShadows?: CustomShadowOptions;
+    }
+}
+export declare const customShadows: {
+    light: {
+        z1: string;
+        z8: string;
+        z12: string;
+        z16: string;
+        z20: string;
+        z24: string;
+        primary: string;
+        info: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        card: string;
+        dialog: string;
+        dropdown: string;
+    };
+    dark: {
+        z1: string;
+        z8: string;
+        z12: string;
+        z16: string;
+        z20: string;
+        z24: string;
+        primary: string;
+        info: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        card: string;
+        dialog: string;
+        dropdown: string;
+    };
+};
+declare const shadows: {
+    light: Shadows;
+    dark: Shadows;
+};
+export default shadows;

package/lib/cjs/types/theme/typography.d.ts

@@ -1,31 +1,7 @@
-/// <reference types="react" />
-export declare function remToPx(value: string): number;
-export declare function pxToRem(value: number): string;
-export declare function responsiveFontSizes({ sm, md, lg }: {
-    sm: number;
-    md: number;
-    lg: number;
-}): {
-    '@media (min-width:600px)': {
-        fontSize: string;
-    };
-    '@media (min-width:900px)': {
-        fontSize: string;
-    };
-    '@media (min-width:1200px)': {
-        fontSize: string;
-    };
-};
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        fontWeightSemiBold: React.CSSProperties['fontWeight'];
-    }
-}
-export declare const typography: {
-    readonly fontFamily: "Public Sans, sans-serif";
+declare const typography: {
+    readonly fontFamily: "Almarai";
     readonly fontWeightRegular: 400;
-    readonly fontWeightMedium: 500;
-    readonly fontWeightSemiBold: 600;
+    readonly fontWeightMedium: 600;
     readonly fontWeightBold: 700;
     readonly h1: {
         readonly '@media (min-width:600px)': {
@@ -37,9 +13,10 @@ export declare const typography: {
         readonly '@media (min-width:1200px)': {
             fontSize: string;
         };
-        readonly fontWeight: 800;
+        readonly fontWeight: 700;
         readonly lineHeight: number;
         readonly fontSize: string;
+        readonly letterSpacing: 2;
     };
     readonly h2: {
         readonly '@media (min-width:600px)': {
@@ -51,7 +28,7 @@ export declare const typography: {
         readonly '@media (min-width:1200px)': {
             fontSize: string;
         };
-        readonly fontWeight: 800;
+        readonly fontWeight: 700;
         readonly lineHeight: number;
         readonly fontSize: string;
     };
@@ -143,6 +120,7 @@ export declare const typography: {
         readonly fontWeight: 700;
         readonly lineHeight: number;
         readonly fontSize: string;
-        readonly textTransform: "unset";
+        readonly textTransform: "capitalize";
     };
 };
+export default typography;

package/lib/cjs/types/utils/AwsConfig.d.ts

@@ -1,3 +1,3 @@
 import { FileTypes, ImageOptimizingCategories } from '../helpers/Types';
-export declare const uploadFile: (file: any, isImage: boolean, imageOptimizingCategory: ImageOptimizingCategories, callBack: (link: string) => void) => Promise<unknown>;
+export declare const uploadFile: (file: any, isImage: boolean, imageOptimizingCategory: ImageOptimizingCategories, callBack?: ((link: string) => void) | undefined) => Promise<unknown>;
 export declare const uploadFiles: (files: File[], fileType: FileTypes) => Promise<string[]>;

package/lib/cjs/types/utils/StorageManager.d.ts

@@ -0,0 +1,4 @@
+import { User } from "../context/auth/types";
+export declare const saveUser: (user: User, key: string) => void;
+export declare const getUserData: (key: string) => User | null;
+export declare const removeUserDate: (key: string) => void;

package/lib/cjs/types/utils/UUIDGenerator.d.ts

@@ -0,0 +1,2 @@
+declare const generateUUID: (email: string) => string;
+export default generateUUID;

package/lib/cjs/types/utils/cssStyles.d.ts

@@ -0,0 +1,78 @@
+import { Theme } from '@mui/material/styles';
+type BackgroundBlurProps = {
+    blur?: number;
+    opacity?: number;
+    color?: string;
+};
+type BackgroundGradientProps = {
+    direction?: string;
+    startColor?: string;
+    endColor?: string;
+};
+interface BackgroundImageProps extends BackgroundGradientProps {
+    url?: string;
+}
+type BgBlurProps = {
+    blur?: number;
+    opacity?: number;
+    color?: string;
+    imgUrl?: string;
+};
+export declare function bgBlur(props?: BgBlurProps): {
+    readonly position: "relative";
+    readonly backgroundImage: `url(${string})`;
+    readonly '&:before': {
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly left: 0;
+        readonly zIndex: 9;
+        readonly content: "\"\"";
+        readonly width: "100%";
+        readonly height: "100%";
+        readonly backdropFilter: `blur(${number}px)`;
+        readonly WebkitBackdropFilter: `blur(${number}px)`;
+        readonly backgroundColor: string;
+    };
+    backdropFilter?: undefined;
+    WebkitBackdropFilter?: undefined;
+    backgroundColor?: undefined;
+} | {
+    backdropFilter: string;
+    WebkitBackdropFilter: string;
+    backgroundColor: string;
+    readonly position?: undefined;
+    readonly backgroundImage?: undefined;
+    readonly '&:before'?: undefined;
+};
+type BgGradientProps = {
+    direction?: string;
+    color?: string;
+    startColor?: string;
+    endColor?: string;
+    imgUrl?: string;
+};
+export declare function bgGradient(props?: BgGradientProps): {
+    background: string;
+    backgroundSize: string;
+    backgroundRepeat: string;
+    backgroundPosition: string;
+} | {
+    background: string;
+    backgroundSize?: undefined;
+    backgroundRepeat?: undefined;
+    backgroundPosition?: undefined;
+};
+export default function cssStyles(theme?: Theme): {
+    bgBlur: (props?: BackgroundBlurProps) => {
+        backdropFilter: string;
+        WebkitBackdropFilter: string;
+        backgroundColor: string;
+    };
+    bgImage: (props?: BackgroundImageProps) => {
+        background: string;
+        backgroundSize: string;
+        backgroundRepeat: string;
+        backgroundPosition: string;
+    };
+};
+export {};

package/lib/cjs/types/utils/getColorPresets.d.ts

@@ -0,0 +1,73 @@
+import { ThemeColorPresets } from "../components/settings/type";
+export declare const colorPresets: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+}[];
+export declare const defaultPreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export declare const purplePreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export declare const cyanPreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export declare const bluePreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export declare const orangePreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export declare const redPreset: {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};
+export default function getColorPresets(presetsKey: ThemeColorPresets): {
+    contrastText: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    name: string;
+};

package/lib/cjs/types/utils/getFontValue.d.ts

@@ -0,0 +1,24 @@
+import { Variant } from '@mui/material/styles/createTypography';
+export default function GetFontValue(variant: Variant): {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: import("csstype").Property.FontWeight | undefined;
+    letterSpacing: import("csstype").Property.LetterSpacing<string | number> | undefined;
+};
+export declare function remToPx(value: string): number;
+export declare function pxToRem(value: number): string;
+export declare function responsiveFontSizes({ sm, md, lg }: {
+    sm: number;
+    md: number;
+    lg: number;
+}): {
+    '@media (min-width:600px)': {
+        fontSize: string;
+    };
+    '@media (min-width:900px)': {
+        fontSize: string;
+    };
+    '@media (min-width:1200px)': {
+        fontSize: string;
+    };
+};

package/lib/cjs/types/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './format-number';