mui-design-system 0.0.21 → 0.0.22

package/dist/mui/Typography/index.js

@@ -1,138 +0,0 @@
-export const typography = {
-    fontFamily: 'inherit',
-    h1: {
-        fontWeight: 700,
-        fontSize: "clamp(34px,6.8vw,46px)",
-        lineHeight: "clamp(38px,5.7vw,42px)",
-    },
-    h2: {
-        fontWeight: 700,
-        fontSize: "clamp(32px,6.8vw,41px)",
-        lineHeight: "clamp(36px,5.7vw,40px)",
-    },
-    h3: {
-        fontWeight: 700,
-        fontSize: "clamp(28px,5.3vw,36px)",
-        lineHeight: "clamp(34px,5.7vw,38px)",
-    },
-    h4: {
-        fontWeight: 700,
-        fontSize: "clamp(25px,4.8vw,32px)",
-        lineHeight: "clamp(32px,5.7vw,36px)",
-    },
-    h5: {
-        fontWeight: 700,
-        fontSize: "clamp(22px,4.3vw,29px)",
-        lineHeight: "clamp(30px,5.7vw,34px)",
-    },
-    h6: {
-        fontWeight: 700,
-        fontSize: "clamp(20px,3.8vw,26px)",
-        lineHeight: "clamp(28px,5.7vw,32px)",
-    },
-    body1: {
-        fontWeight: 400,
-        fontSize: "clamp(18px,3.3vw,22px)",
-        lineHeight: "clamp(26px,5.7vw,30px)",
-    },
-    "body1.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(18px,3.3vw,22px)",
-        lineHeight: "clamp(26px,5.7vw,30px)",
-    },
-    "body1.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(18px,3.3vw,22px)",
-        lineHeight: "clamp(26px,5.7vw,30px)",
-    },
-    body2: {
-        fontWeight: 400,
-        fontSize: "clamp(16px,3vw,20px)",
-        lineHeight: "clamp(24px,4.9vw,28px)",
-    },
-    "body2.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(16px,3vw,20px)",
-        lineHeight: "clamp(24px,4.9vw,28px)",
-    },
-    "body2.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(16px,3vw,20px)",
-        lineHeight: "clamp(24px,4.9vw,28px)",
-    },
-    body3: {
-        fontWeight: 400,
-        fontSize: "clamp(14px,2.7vw,18px)",
-        lineHeight: "clamp(22px,4.9vw,26px)",
-    },
-    "body3.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(14px,2.7vw,18px)",
-        lineHeight: "clamp(22px,4.9vw,26px)",
-    },
-    "body3.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(14px,2.7vw,18px)",
-        lineHeight: "clamp(22px,4.9vw,26px)",
-    },
-    caption1: {
-        fontWeight: 400,
-        fontSize: "clamp(12px,2.35vw,16px)",
-        lineHeight: "clamp(20px,4.5vw,24px)",
-    },
-    "caption1.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(12px,2.35vw,16px)",
-        lineHeight: "clamp(20px,4.5vw,24px)",
-    },
-    "caption1.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(12px,2.35vw,16px)",
-        lineHeight: "clamp(20px,4.5vw,24px)",
-    },
-    caption2: {
-        fontWeight: 400,
-        fontSize: "clamp(11px,2.2vw,14px)",
-        lineHeight: "clamp(20px,4.5vw,24px)",
-    },
-    "caption2.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(11px,2.2vw,14px)",
-        lineHeight: "clamp(20px,3.85vw,24px)",
-    },
-    "caption2.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(11px,2.2vw,14px)",
-        lineHeight: "clamp(20px,3.85vw,24px)",
-    },
-    caption3: {
-        fontWeight: 400,
-        fontSize: "clamp(10px,1.85vw,12px)",
-        lineHeight: "clamp(18px,3.85vw,22px)",
-    },
-    "caption3.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(10px,1.85vw,12px)",
-        lineHeight: "clamp(18px,3.85vw,22px)",
-    },
-    "caption3.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(10px,1.85vw,12px)",
-        lineHeight: "clamp(18px,3.85vw,22px)",
-    },
-    caption4: {
-        fontWeight: 400,
-        fontSize: "clamp(9px,1.6vw,10px)",
-        lineHeight: "clamp(16px,3vw,20px)",
-    },
-    "caption4.medium": {
-        fontWeight: 500,
-        fontSize: "clamp(9px,1.6vw,10px)",
-        lineHeight: "clamp(16px,3vw,20px)",
-    },
-    "caption4.bold": {
-        fontWeight: 700,
-        fontSize: "clamp(9px,1.6vw,10px)",
-        lineHeight: "clamp(16px,3vw,20px)",
-    },
-};

package/dist/mui/accordion/MuiAccodrion.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material/styles';
-export declare const MuiAccordion: Components<Theme>['MuiAccordion'];

package/dist/mui/accordion/MuiAccodrion.js

@@ -1,13 +0,0 @@
-export const MuiAccordion = {
-    styleOverrides: {
-        root: ({ ownerState, theme }) => ({
-            borderRadius: 4,
-            boxShadow: '1px 2px 4px 0px rgba(84, 92, 97, 0.10)',
-            paddingRight: '8px',
-            borderBottom: 'unset',
-            '& .MuiAccordionSummary-content': {
-                padding: '0px 8px'
-            }
-        }),
-    },
-};

package/dist/mui/breakpoints/index.d.ts

@@ -1,9 +0,0 @@
-export declare const breakpoints: {
-    values: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-};

package/dist/mui/breakpoints/index.js

@@ -1,9 +0,0 @@
-export const breakpoints = {
-    values: {
-        xs: 0,
-        sm: 600,
-        md: 960,
-        lg: 1280,
-        xl: 1920,
-    },
-};

package/dist/mui/menu/MuiMenu.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from "@mui/material/styles";
-export declare const MuiMenu: Components<Theme>['MuiMenu'];

package/dist/mui/menu/MuiMenu.js

@@ -1,8 +0,0 @@
-export const MuiMenu = {
-    defaultProps: {
-        slotProps: {
-            paper: { sx: { mt: 3, boxShadow: "0px 0px 10px rgba(94, 129, 233, 0.2)" } },
-        },
-    },
-    styleOverrides: { list: { direction: 'ltr' }, paper: { marginTop: 10 } },
-};

package/dist/mui/menu/MuiMenuItem.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from "@mui/material/styles";
-export declare const MuiMenuItem: Components<Theme>['MuiMenuItem'];

package/dist/mui/menu/MuiMenuItem.js

@@ -1,14 +0,0 @@
-export const MuiMenuItem = {
-    styleOverrides: {
-        root: ({ theme, ownerState }) => ({
-            ":hover": {
-                backgroundColor: `${theme.palette.primary[1]}55`
-            },
-            "&.Mui-selected": {
-                backgroundColor: theme.palette.primary[1]
-            },
-            color: theme.palette.text.primary,
-            ...theme.typography['caption3'],
-        })
-    },
-};

package/dist/mui/mui-css-baseline/index.d.ts

@@ -1,3 +0,0 @@
-export declare const MuiCssBaseline: {
-    styleOverrides: string;
-};

package/dist/mui/mui-css-baseline/index.js

@@ -1,37 +0,0 @@
-export const MuiCssBaseline = {
-    styleOverrides: `
-  :root {
-    
-    color-scheme: light dark;
-    color: rgba(255, 255, 255, 0.87);
-
-    font-synthesis: none;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-text-size-adjust: 100%;
-  }
-  *{
-    margin:0;
-    padding:0;
-    text-decoration:none;
-
-  }
-
-  #root {
-    width: 100%;
-  }
-  
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-  }
-  
-
-  input[type=number] {
-      -moz-appearance: textfield;
-  }
-   
-`,
-};

package/dist/mui/palette/dark/darkPalette.d.ts

@@ -1,2 +0,0 @@
-import { PaletteOptions } from '@mui/material/styles/createPalette';
-export declare const darkPalette: PaletteOptions;

package/dist/mui/palette/dark/darkPalette.js

@@ -1,135 +0,0 @@
-export const darkPalette = {
-    primary: {
-        main: '#23AD80',
-        10: '#03110C',
-        9: '#0A3325',
-        8: '#11553E',
-        7: '#15664B',
-        6: '#1C8A66',
-        5: '#23AD80',
-        4: '#2ACB95',
-        3: '#56DCAF',
-        2: '#88E7C7',
-        1: '#BBF1DF',
-    },
-    secondary: {
-        main: '#FFB833',
-        10: '#291B00',
-        9: '#664400',
-        8: '#A36D00',
-        7: '#CC8800',
-        6: '#F8A300',
-        5: '#FFB833',
-        4: '#FFC65C',
-        3: '#FFD485',
-        2: '#FFE2AD',
-        1: '#FFF1D6',
-    },
-    divider: '#D4D4D4',
-    background: {
-        main: '#414141',
-        default: '#383838',
-        paper: '#B5B5B5',
-        1: '#8A8A8A',
-        2: '#616161',
-        3: '#4A4A4A',
-    },
-    success: {
-        main: '#77FE7A',
-        5: '#118715',
-        4: '#20CF27',
-        3: '#77FE7A',
-        2: '#BBFEBE',
-        1: '#E4FFE5',
-    },
-    warning: {
-        main: '#F7DF00',
-        5: '#998A00',
-        4: '#E1CB00',
-        3: '#F7DF00',
-        2: '#FFEF9D',
-        1: '#FFF8DB',
-    },
-    error: {
-        main: '#EF4D2F',
-        5: '#5F1507',
-        4: '#B5260B',
-        3: '#EF4D2F',
-        2: '#FEE2E1',
-        1: '#FFF6F6',
-    },
-    info: {
-        main: '#51C0FF',
-        5: '#00527C',
-        4: '#007CB4',
-        3: '#51C0FF',
-        2: '#D5EBFF',
-        1: '#F2F9FF',
-    },
-    text: {
-        primary: '#F3F3F3',
-        secondary: '#4A4A4A',
-        disabled: '#8A8A8A',
-        16: '#FFFFFF',
-        15: '#FDFDFD',
-        14: '#FAFAFA',
-        13: '#F7F7F7',
-        12: '#F3F3F3',
-        11: '#F1F1F1',
-        10: '#EBEBEB',
-        9: '#E3E3E3',
-        8: '#D4D4D4',
-        7: '#CCCCCC',
-        6: '#B5B5B5',
-        5: '#8A8A8A',
-        4: '#616161',
-        3: '#4A4A4A',
-        2: '#414141',
-        1: '#383838',
-    },
-    grey: {
-        main: '#d4d4d4',
-        1: '#ffffff',
-        2: '#c8c8c8',
-        3: '#afafaf',
-        4: '#969696',
-        5: '#7d7d7d',
-        6: '#646464',
-        7: '#4b4b4b',
-        8: '#323232',
-        9: '#191919',
-        10: '#000000',
-    },
-    default: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
-    inherit: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
-};

package/dist/mui/palette/light/lightPalette.d.ts

@@ -1,2 +0,0 @@
-import { PaletteOptions } from '@mui/material/styles/createPalette';
-export declare const lightPalette: PaletteOptions;

package/dist/mui/palette/light/lightPalette.js

@@ -1,135 +0,0 @@
-export const lightPalette = {
-    primary: {
-        main: '#1C8A66',
-        10: '#03110C',
-        9: '#0A3325',
-        8: '#11553E',
-        7: '#15664B',
-        6: '#1C8A66',
-        5: '#23AD80',
-        4: '#2ACB95',
-        3: '#56DCAF',
-        2: '#88E7C7',
-        1: '#BBF1DF',
-    },
-    secondary: {
-        main: '#F8A300',
-        10: '#291B00',
-        9: '#664400',
-        8: '#A36D00',
-        7: '#CC8800',
-        6: '#F8A300',
-        5: '#FFB833',
-        4: '#FFC65C',
-        3: '#FFD485',
-        2: '#FFE2AD',
-        1: '#FFF1D6',
-    },
-    divider: '#D4D4D4',
-    background: {
-        main: '#FDFDFD',
-        default: '#fff',
-        paper: '#fff',
-        1: '#FAFAFA',
-        2: '#F7F7F7',
-        3: '#F3F3F3',
-    },
-    success: {
-        main: '#20CF27',
-        5: '#118715',
-        4: '#20CF27',
-        3: '#77FE7A',
-        2: '#BBFEBE',
-        1: '#E4FFE5',
-    },
-    warning: {
-        main: '#E1CB00',
-        5: '#998A00',
-        4: '#E1CB00',
-        3: '#F7DF00',
-        2: '#FFEF9D',
-        1: '#FFF8DB',
-    },
-    error: {
-        main: '#B5260B',
-        5: '#5F1507',
-        4: '#B5260B',
-        3: '#EF4D2F',
-        2: '#FEE2E1',
-        1: '#FFF6F6',
-    },
-    info: {
-        main: '#007CB4',
-        5: '#00527C',
-        4: '#007CB4',
-        3: '#51C0FF',
-        2: '#D5EBFF',
-        1: '#F2F9FF',
-    },
-    text: {
-        primary: '#4A4A4A',
-        secondary: '#fff',
-        disabled: '#B5B5B5',
-        16: '#1A1A1A',
-        15: '#303030',
-        14: '#4A4A4A',
-        13: '#616161',
-        12: '#8A8A8A',
-        11: '#B5B5B5',
-        10: '#CCCCCC',
-        9: '#D4D4D4',
-        8: '#E3E3E3',
-        7: '#EBEBEB',
-        6: '#F1F1F1',
-        5: '#F3F3F3',
-        4: '#F7F7F7',
-        3: '#FAFAFA',
-        2: '#FDFDFD',
-        1: '#FFFFFF',
-    },
-    grey: {
-        main: '#d4d4d4',
-        1: '#ffffff',
-        2: '#c8c8c8',
-        3: '#afafaf',
-        4: '#969696',
-        5: '#7d7d7d',
-        6: '#646464',
-        7: '#4b4b4b',
-        8: '#323232',
-        9: '#191919',
-        10: '#000000',
-    },
-    default: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
-    inherit: {
-        light: "#212EBB",
-        dark: "#7B9EFE",
-        contrastText: "#FAFAFA",
-        main: "#3440C1",
-        10: "#212EBB",
-        9: "#3440C1",
-        8: "#4D59D7",
-        7: "#646FED",
-        6: "#727CF4",
-        5: "#7984FF",
-        4: "#6B91FB",
-        3: "#7B9EFE",
-        2: "#98B3FE",
-        1: "#cddbff",
-    },
-};

package/dist/nextjs/NextCacheProvider.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-interface INextCacheProviderProps {
-    children: ReactNode;
-    isRtl: boolean;
-}
-declare const NextCacheProvider: ({ children, isRtl }: INextCacheProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default NextCacheProvider;

package/dist/nextjs/NextCacheProvider.js

@@ -1,13 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import rtlPlugin from "stylis-plugin-rtl";
-const cacheRtl = {
-    key: "rtl",
-    stylisPlugins: [rtlPlugin],
-};
-const cacheLtr = {
-    key: "ltr",
-};
-const NextCacheProvider = ({ children, isRtl }) => {
-    return (_jsx(_Fragment, { children: children }));
-};
-export default NextCacheProvider;

package/dist/react/ReactCacheProvider.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from "react";
-interface IReactCacheProviderProps {
-    children: ReactNode;
-    isRtl: boolean;
-}
-declare function ReactCacheProvider({ isRtl, children }: IReactCacheProviderProps): import("react/jsx-runtime").JSX.Element;
-export default ReactCacheProvider;

package/dist/react/ReactCacheProvider.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
-import rtlPlugin from 'stylis-plugin-rtl';
-const cacheRtl = createCache({
-    key: 'muirtl',
-    stylisPlugins: [rtlPlugin],
-});
-const cacheLtr = createCache({
-    key: 'muiltr',
-});
-function ReactCacheProvider({ isRtl, children }) {
-    return _jsx(CacheProvider, { value: isRtl ? cacheRtl : cacheLtr, children: children });
-}
-export default ReactCacheProvider;

package/dist/theme/theme.d.ts

@@ -1,3 +0,0 @@
-type PaletteMode = 'light' | 'dark';
-export declare const customTheme: (mode: PaletteMode, isRtl: boolean) => import("@mui/material").Theme;
-export default customTheme;

package/dist/theme/theme.js

@@ -1,75 +0,0 @@
-import { createTheme } from '@mui/material';
-import { lightPalette } from '../mui/palette/light/lightPalette';
-import { typography } from '../mui/Typography';
-import { MuiCssBaseline } from '../mui/mui-css-baseline';
-import { darkPalette } from '../mui/palette/dark/darkPalette';
-import { MuiTextField } from '../mui/TextField/TextField';
-import { MuiAlert } from '../mui/Alert/Alert';
-import { MuiButton } from '../mui/Button/MuiButton';
-import { MuiChip } from '../mui/Chip/MuiChip';
-import { MuiTab } from '../mui/Tabs/Tab/MuiTab';
-import { MuiPagination } from '../mui/Pagination/MuiPagination';
-import { MuiPaginationItem } from '../mui/Pagination/MuiPaginationItem';
-import { MuiCheckbox } from '../mui/Checkbox/Checkbox';
-import { MuiSelect } from '../mui/Select/MuiSelect';
-import { MuiIconButton } from '../mui/IconButton/MuiIconButon';
-import { MuiOutlinedInput } from '../mui/TextField/MuiOutlinedInput';
-import { MuiMenu } from '../mui/menu/MuiMenu';
-import { MuiFilledInput } from '../mui/TextField/MuiFilledInput';
-import { MuiCard } from '../mui/Card/MuiCard';
-import { MuiInputLabel } from '../mui/InputLabel/MuiInputLabel';
-import { MuiTypography } from '../mui/Typography/MuiTypography';
-import { MuiRadio } from '../mui/Radio/MuiRadio';
-import { MuiAccordion } from '../mui/accordion/MuiAccodrion';
-import { MuiSwitch } from '../mui/Switch/MuiSwitch';
-import { MuiTooltip } from '../mui/Tooltip/MuiTooltip';
-import { MuiFormControlLabel } from '../mui/FormControl/MuiFormControlLabel';
-import { MuiInputAdornment } from '../mui/InputAdornment/MuiInputAdornment';
-import { MuiAutoComplete as MuiAutocomplete } from '../mui/AutoComplete/MuiAutoComplete';
-import { MuiBreadcrumbs } from '../mui/BreadCrumbs/MuiBreadCrumbs';
-import { MuiDialog } from '../mui/Dialog/MuiDialog';
-import { breakpoints } from '../mui/breakpoints';
-import { MuiTabs } from '../mui/Tabs/MuiTabs';
-import { MuiMenuItem } from '../mui/menu/MuiMenuItem';
-const getDesignTokens = (mode) => ({
-    mode,
-    ...(mode === 'light' ? lightPalette : darkPalette),
-});
-export const customTheme = (mode, isRtl) => createTheme({
-    direction: isRtl ? 'rtl' : 'ltr',
-    palette: getDesignTokens(mode),
-    spacing: 4,
-    typography,
-    breakpoints,
-    components: {
-        MuiCssBaseline,
-        MuiAccordion,
-        MuiAlert,
-        MuiChip,
-        MuiTab,
-        MuiPagination,
-        MuiPaginationItem,
-        MuiSelect,
-        MuiIconButton,
-        MuiMenu,
-        MuiCard,
-        MuiTypography,
-        MuiInputLabel,
-        MuiTooltip,
-        MuiFormControlLabel,
-        MuiInputAdornment,
-        MuiAutocomplete,
-        MuiBreadcrumbs,
-        MuiDialog,
-        MuiTabs,
-        MuiMenuItem,
-        MuiTextField,
-        MuiOutlinedInput,
-        MuiFilledInput,
-        MuiButton,
-        MuiSwitch,
-        MuiCheckbox,
-        MuiRadio,
-    },
-});
-export default customTheme;