@astral/ui 1.56.0 → 2.1.4

package/esm/theme/components/MuiOutlinedInput.js

@@ -1,70 +0,0 @@
-export const MuiOutlinedInput = {
-    defaultProps: {
-        notched: false,
-    },
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                fontSize: theme.typography.pxToRem(14),
-                borderRadius: theme.shape.small,
-                color: theme.palette.grey[900],
-                background: theme.palette.background.element,
-                '&:hover': {
-                    background: theme.palette.background.elementHover,
-                    '&.Mui-disabled': {
-                        background: theme.palette.background.element,
-                    },
-                },
-                '&:hover .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.grey[300],
-                },
-                '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.background.element,
-                },
-                '&.Mui-error .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.error.dark,
-                },
-                '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.primary[700],
-                },
-            };
-        },
-        input({ theme }) {
-            return {
-                height: 20,
-                padding: theme.spacing(2.5, 2),
-                borderRadius: theme.shape.small,
-                '&:disabled': {
-                    background: theme.palette.background.element,
-                },
-                '&::placeholder': {
-                    opacity: 1,
-                    color: theme.palette.grey[600],
-                },
-            };
-        },
-        inputSizeSmall({ theme }) {
-            return {
-                paddingBlock: theme.spacing(1.5),
-                paddingInline: theme.spacing(2),
-            };
-        },
-        notchedOutline({ theme }) {
-            return {
-                borderWidth: 2,
-                borderColor: theme.palette.grey[300],
-            };
-        },
-        multiline() {
-            return {
-                padding: 0,
-            };
-        },
-        inputMultiline({ theme }) {
-            return {
-                padding: theme.spacing(2),
-            };
-        },
-    },
-};
-export default MuiOutlinedInput;

package/esm/theme/components/MuiPaginationItem.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiPaginationItem: Components<Theme>['MuiPaginationItem'];

package/esm/theme/components/MuiPaginationItem.js

@@ -1,12 +0,0 @@
-export const MuiPaginationItem = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                ['&.Mui-selected']: {
-                    backgroundColor: theme.palette.grey['900'],
-                    color: theme.palette.primary.contrastText,
-                },
-            };
-        },
-    },
-};

package/esm/theme/components/MuiStep.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiStep: Components<Theme>['MuiStep'];

package/esm/theme/components/MuiStep.js

@@ -1,12 +0,0 @@
-export const MuiStep = {
-    styleOverrides: {
-        horizontal({ theme }) {
-            return {
-                '&:first-child': {
-                    paddingLeft: 0,
-                },
-                padding: theme.spacing(0, 2.5),
-            };
-        },
-    },
-};

package/esm/theme/components/MuiStepConnector.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiStepConnector: Components<Theme>['MuiStepConnector'];

package/esm/theme/components/MuiStepConnector.js

@@ -1,7 +0,0 @@
-export const MuiStepConnector = {
-    styleOverrides: {
-        lineHorizontal({ theme }) {
-            return { borderTopWidth: 2, borderColor: theme.palette.grey[300] };
-        },
-    },
-};

package/esm/theme/components/MuiStepLabel.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiStepLabel: Components<Theme>['MuiStepLabel'];

package/esm/theme/components/MuiStepLabel.js

@@ -1,25 +0,0 @@
-import { stepLabelClasses } from '@mui/material';
-export const MuiStepLabel = {
-    styleOverrides: {
-        label({ theme }) {
-            const { active, completed, error } = stepLabelClasses;
-            return {
-                fontSize: theme.typography.small.fontSize,
-                lineHeight: theme.typography.small.lineHeight,
-                fontWeight: theme.typography.small.fontWeight,
-                color: theme.palette.grey[700],
-                [`&.${active}, &.${completed}, &.${error}`]: {
-                    color: theme.palette.grey[900],
-                    fontSize: theme.typography.small.fontSize,
-                    lineHeight: theme.typography.small.lineHeight,
-                    fontWeight: theme.typography.small.fontWeight,
-                },
-            };
-        },
-        iconContainer({ theme }) {
-            return {
-                paddingRight: theme.spacing(2.5),
-            };
-        },
-    },
-};

package/esm/theme/components/MuiSwitch.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiSwitch: Components<Theme>['MuiSwitch'];

package/esm/theme/components/MuiSwitch.js

@@ -1,122 +0,0 @@
-const prepareColorToUrl = (color) => color.replace('#', '%23');
-const getCheckBackgroundImage = (color) => {
-    const preparedColor = prepareColorToUrl(color);
-    return `url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6L4.5 8.5L10 3.5" stroke="${preparedColor}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')`;
-};
-const getCrossBackgroundImage = (color) => {
-    const preparedColor = prepareColorToUrl(color);
-    return `url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.00005 5.41087L3.79463 3.20545C3.71605 3.12955 3.6108 3.08755 3.50155 3.0885C3.3923 3.08945 3.28779 3.13327 3.21054 3.21053C3.13329 3.28778 3.08947 3.39228 3.08852 3.50153C3.08757 3.61078 3.12957 3.71603 3.20546 3.79462L5.41088 6.00003L3.20546 8.20545C3.12957 8.28403 3.08757 8.38929 3.08852 8.49853C3.08947 8.60778 3.13329 8.71229 3.21054 8.78954C3.28779 8.86679 3.3923 8.91062 3.50155 8.91156C3.6108 8.91251 3.71605 8.87052 3.79463 8.79462L6.00005 6.5892L8.20546 8.79462C8.28405 8.87052 8.3893 8.91251 8.49855 8.91156C8.6078 8.91062 8.7123 8.86679 8.78956 8.78954C8.86681 8.71229 8.91063 8.60778 8.91158 8.49853C8.91253 8.38929 8.87053 8.28403 8.79463 8.20545L6.58921 6.00003L8.79463 3.79462C8.83443 3.75618 8.86617 3.7102 8.88801 3.65937C8.90984 3.60853 8.92134 3.55386 8.92182 3.49853C8.9223 3.44321 8.91176 3.38834 8.89081 3.33714C8.86986 3.28593 8.83892 3.23941 8.7998 3.20029C8.76067 3.16116 8.71415 3.13023 8.66294 3.10927C8.61174 3.08832 8.55687 3.07778 8.50155 3.07826C8.44622 3.07874 8.39155 3.09024 8.34071 3.11207C8.28988 3.13391 8.2439 3.16565 8.20546 3.20545L6.00005 5.41087Z" fill="${preparedColor}" stroke="${preparedColor}" stroke-width="1.5" /></svg>')`;
-};
-export const MuiSwitch = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                width: 'fit-content',
-                height: 'fit-content',
-                padding: theme.spacing(1),
-                // CHECKED
-                '& .Mui-checked.MuiSwitch-switchBase': {
-                    padding: 0,
-                    '& + .MuiSwitch-track': {
-                        backgroundColor: theme.palette.primary.main[800],
-                        opacity: 1,
-                    },
-                },
-                // NOT CHECKED
-                '& :not(.Mui-checked).MuiSwitch-switchBase': {
-                    padding: 0,
-                    '& + .MuiSwitch-track': {
-                        backgroundColor: theme.palette.grey[700],
-                        opacity: 1,
-                    },
-                },
-                // CHECKED HOVER
-                '& .Mui-checked:hover + .MuiSwitch-track': {
-                    backgroundColor: theme.palette.primary[700],
-                },
-                // NOT CHECKED HOVER
-                '& :not(.Mui-checked):hover + .MuiSwitch-track': {
-                    backgroundColor: theme.palette.grey[500],
-                },
-                // DISABLED TRACK
-                '& .MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled': {
-                    '& + .MuiSwitch-track': {
-                        backgroundColor: theme.palette.grey[200],
-                        '&::before': {
-                            backgroundImage: getCheckBackgroundImage(theme.palette.grey[500]),
-                        },
-                        '&::after': {
-                            backgroundImage: getCrossBackgroundImage(theme.palette.grey[500]),
-                        },
-                    },
-                },
-                // ACTIVE TRACK
-                '& :not(.Mui-disabled):active + .MuiSwitch-track': {
-                    border: `2px solid ${theme.palette.primary[400]}`,
-                },
-            };
-        },
-        switchBase: {
-            padding: 0,
-            '&:hover, &.Mui-checked:hover': {
-                backgroundColor: 'transparent',
-            },
-        },
-        track({ theme }) {
-            return {
-                borderRadius: 10,
-                boxSizing: 'border-box',
-                '&::before, &::after': {
-                    position: 'absolute',
-                    top: '50%',
-                    transform: 'translateY(-50%)',
-                    content: '""',
-                    backgroundSize: 'cover',
-                },
-                '&::before': {
-                    left: theme.spacing(2),
-                    backgroundImage: getCheckBackgroundImage(theme.palette.background.default),
-                },
-                '&::after': {
-                    right: theme.spacing(2),
-                    backgroundImage: getCrossBackgroundImage(theme.palette.background.default),
-                },
-            };
-        },
-        thumb({ theme }) {
-            return {
-                backgroundColor: theme.palette.background.default,
-                boxShadow: 'none',
-                margin: theme.spacing(1.5),
-            };
-        },
-        sizeSmall: {
-            '& .MuiSwitch-track': {
-                width: 32,
-                height: 16,
-                '&::before, &::after': {
-                    width: 8,
-                    height: 8,
-                },
-            },
-            '& .MuiSwitch-thumb': {
-                width: 12,
-                height: 12,
-            },
-        },
-        sizeMedium: {
-            '& .MuiSwitch-track': {
-                width: 40,
-                height: 20,
-                '&::before, &::after': {
-                    width: 12,
-                    height: 12,
-                },
-            },
-            '& .MuiSwitch-thumb': {
-                width: 16,
-                height: 16,
-            },
-        },
-    },
-};

package/esm/theme/components/MuiTab.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiTab: Components<Theme>['MuiTab'];

package/esm/theme/components/MuiTab.js

@@ -1,11 +0,0 @@
-export const MuiTab = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                minWidth: 0,
-                padding: theme.spacing(0, 2),
-                textTransform: 'none',
-            };
-        },
-    },
-};

package/esm/theme/components/MuiTableCell.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiTableCell: Components<Theme>['MuiTableCell'];

package/esm/theme/components/MuiTableCell.js

@@ -1,9 +0,0 @@
-export const MuiTableCell = {
-    styleOverrides: {
-        root() {
-            return {
-                border: 'none',
-            };
-        },
-    },
-};

package/esm/theme/components/MuiTableHead.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiTableHead: Components<Theme>['MuiTableHead'];

package/esm/theme/components/MuiTableHead.js

@@ -1,11 +0,0 @@
-export const MuiTableHead = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                th: {
-                    borderBottom: `2px solid ${theme.palette.grey['300']}`,
-                },
-            };
-        },
-    },
-};

package/esm/theme/components/MuiTableRow.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiTableRow: Components<Theme>['MuiTableRow'];

package/esm/theme/components/MuiTableRow.js

@@ -1,12 +0,0 @@
-export const MuiTableRow = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                '&.MuiTableRow-hover:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
-                    cursor: 'pointer',
-                },
-            };
-        },
-    },
-};

package/esm/theme/components/MuiTabs.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiTabs: Components<Theme>['MuiTabs'];

package/esm/theme/components/MuiTabs.js

@@ -1,15 +0,0 @@
-export const MuiTabs = {
-    styleOverrides: {
-        root() {
-            return {
-                minHeight: 38,
-                height: 38,
-            };
-        },
-        indicator({ theme }) {
-            return {
-                borderRadius: theme.shape.small,
-            };
-        },
-    },
-};

package/esm/theme/components/MuiToggleButton.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiToggleButton: Components<Theme>['MuiToggleButton'];

package/esm/theme/components/MuiToggleButton.js

@@ -1,11 +0,0 @@
-export const MuiToggleButton = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                textTransform: 'initial',
-                padding: theme.spacing(1, 2),
-                fontWeight: theme.typography.fontWeightMedium,
-            };
-        },
-    },
-};

package/esm/theme/components/MuiToggleButtonGroup.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiToggleButtonGroup: Components<Theme>['MuiToggleButtonGroup'];

package/esm/theme/components/MuiToggleButtonGroup.js

@@ -1,6 +0,0 @@
-export const MuiToggleButtonGroup = {
-    defaultProps: {
-        size: 'small',
-        color: 'primary',
-    },
-};

package/esm/theme/components/MuiTypography.d.ts

@@ -1,21 +0,0 @@
-import { Components } from '@mui/material';
-export type FontsUrls = {
-    bold: {
-        woff: string;
-        woff2: string;
-    };
-    light: {
-        woff: string;
-        woff2: string;
-    };
-    medium: {
-        woff: string;
-        woff2: string;
-    };
-    regular: {
-        woff: string;
-        woff2: string;
-    };
-};
-export declare const MuiTypography: Components['MuiTypography'];
-export default MuiTypography;

package/esm/theme/components/MuiTypography.js

@@ -1,19 +0,0 @@
-export const MuiTypography = {
-    variants: [
-        {
-            props: { variant: 'button' },
-            style: {
-                textTransform: 'capitalize',
-            },
-        },
-    ],
-    defaultProps: {
-        // TODO: необходимо кастомизировать типы Components['MuiTypography']
-        variantMapping: {
-            link: 'a',
-            code: 'code',
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        },
-    },
-};
-export default MuiTypography;

package/esm/theme/components/components.d.ts

@@ -1,21 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export type FontsUrls = {
-    bold: {
-        woff: string;
-        woff2: string;
-    };
-    light: {
-        woff: string;
-        woff2: string;
-    };
-    medium: {
-        woff: string;
-        woff2: string;
-    };
-    regular: {
-        woff: string;
-        woff2: string;
-    };
-};
-export declare const getComponents: (fontUrls: FontsUrls) => Components<Theme>;

package/esm/theme/components/components.js

@@ -1,109 +0,0 @@
-import { MuiAlert } from './MuiAlert';
-import { MuiButton } from './MuiButton';
-import { MuiButtonBase } from './MuiButtonBase';
-import { MuiLoadingButton } from './MuiLoadingButton';
-import { MuiFormHelperText } from './MuiFormHelperText';
-import { MuiFormLabel } from './MuiFormLabel';
-import { MuiInputLabel } from './MuiInputLabel';
-import { MuiOutlinedInput } from './MuiOutlinedInput';
-import { MuiPaginationItem } from './MuiPaginationItem';
-import { MuiTypography } from './MuiTypography';
-import { MuiAutocomplete } from './MuiAutocomplete';
-import { MuiDialog } from './MuiDialog';
-import { MuiDialogTitle } from './MuiDialogTitle';
-import { MuiDialogContent } from './MuiDialogContent';
-import { MuiDialogActions } from './MuiDialogActions';
-import { MuiTableCell } from './MuiTableCell';
-import { MuiTableHead } from './MuiTableHead';
-import { MuiTableRow } from './MuiTableRow';
-import { MuiMenu } from './MuiMenu';
-import { MuiMenuItem } from './MuiMenuItem';
-import { MuiCircularProgress } from './MuiCircularProgress';
-import { MuiListItemButton } from './MuiListItemButton';
-import { MuiListItemText } from './MuiListItemText';
-import { MuiTab } from './MuiTab';
-import { MuiTabs } from './MuiTabs';
-import { MuiStepLabel } from './MuiStepLabel';
-import { MuiStep } from './MuiStep';
-import { MuiStepConnector } from './MuiStepConnector';
-import { MuiToggleButton } from './MuiToggleButton';
-import { MuiToggleButtonGroup } from './MuiToggleButtonGroup';
-import { MuiSwitch } from './MuiSwitch';
-const getMuiCssBaseline = (fontUrls) => ({
-    styleOverrides: `
-    @font-face {
-      font-family: 'Ubuntu';
-      font-style: 'normal';
-      font-weight: 300;
-      font-display: swap;
-      src: url(${fontUrls.light.woff2}) format('woff2'), url(${fontUrls.light.woff}) format('woff');
-    }
-    @font-face { 
-      font-family: 'Ubuntu';
-      font-style: 'normal';
-      font-weight: 400;
-      font-display: swap;
-      src: url(${fontUrls.regular.woff2}) format('woff2'), url(${fontUrls.regular.woff}) format('woff');
-    }
-    @font-face {
-      font-family: 'Ubuntu';
-      font-style: 'normal';
-      font-weight: 500;
-      font-display: swap;
-      src: url(${fontUrls.medium.woff2}) format('woff2'), url(${fontUrls.medium.woff}) format('woff');
-    }
-    @font-face {
-      font-family: 'Ubuntu';
-      font-style: 'normal';
-      font-weight: 700;
-      font-display: swap;
-      src: url(${fontUrls.bold.woff2}) format('woff2'), url(${fontUrls.bold.woff}) format('woff');
-    }
-  `,
-});
-const MuiCheckbox = {
-    defaultProps: {
-        disableRipple: true,
-    },
-};
-const MuiRadio = {
-    defaultProps: {
-        disableRipple: true,
-    },
-};
-export const getComponents = (fontUrls) => ({
-    MuiCssBaseline: getMuiCssBaseline(fontUrls),
-    MuiAlert,
-    MuiButton,
-    MuiButtonBase,
-    MuiLoadingButton,
-    MuiTypography,
-    MuiInputLabel,
-    MuiOutlinedInput,
-    MuiFormLabel,
-    MuiFormHelperText,
-    MuiAutocomplete,
-    MuiCheckbox,
-    MuiMenu,
-    MuiMenuItem,
-    MuiRadio,
-    MuiDialog,
-    MuiDialogTitle,
-    MuiDialogContent,
-    MuiDialogActions,
-    MuiTableCell,
-    MuiTableHead,
-    MuiTableRow,
-    MuiPaginationItem,
-    MuiCircularProgress,
-    MuiListItemButton,
-    MuiListItemText,
-    MuiTab,
-    MuiTabs,
-    MuiStepLabel,
-    MuiStep,
-    MuiStepConnector,
-    MuiToggleButtonGroup,
-    MuiToggleButton,
-    MuiSwitch,
-});

package/esm/theme/components/index.d.ts

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

package/esm/theme/components/index.js

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

package/esm/theme/constants.d.ts

@@ -1,10 +0,0 @@
-export declare enum Brand {
-    DEFAULT = "DEFAULT",
-    EDO = "EDO",
-    KEDO = "KEDO",
-    AO5 = "AO5",
-    OFD = "OFD",
-    SIGN = "SIGN",
-    LKP = "LKP"
-}
-export declare const SPACING = 4;

package/esm/theme/constants.js

@@ -1,11 +0,0 @@
-export var Brand;
-(function (Brand) {
-    Brand["DEFAULT"] = "DEFAULT";
-    Brand["EDO"] = "EDO";
-    Brand["KEDO"] = "KEDO";
-    Brand["AO5"] = "AO5";
-    Brand["OFD"] = "OFD";
-    Brand["SIGN"] = "SIGN";
-    Brand["LKP"] = "LKP";
-})(Brand || (Brand = {}));
-export const SPACING = 4;

package/esm/theme/elevation.d.ts

@@ -1,8 +0,0 @@
-export type Elevation = {
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-};
-export declare const elevation: Elevation;

package/esm/theme/elevation.js

@@ -1,7 +0,0 @@
-export const elevation = {
-    100: '0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;',
-    200: '0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;',
-    300: '0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;',
-    400: '0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;',
-    500: '0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;',
-};

package/esm/theme/hooks/index.d.ts

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

package/esm/theme/hooks/index.js

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

package/esm/theme/hooks/useTheme/index.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from '../../baseTheme';
-export declare const useTheme: () => Theme;

package/esm/theme/hooks/useTheme/index.js

@@ -1,4 +0,0 @@
-import { useTheme as useEmotionTheme } from '@emotion/react';
-// any необходим для коннекта темы
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const useTheme = () => useEmotionTheme();

package/esm/theme/index.d.ts

@@ -1,6 +0,0 @@
-export * from './baseTheme';
-export * from './palette';
-export * from './constants';
-export * from './elevation';
-export * from './shape';
-export * from './hooks';

package/esm/theme/index.js

@@ -1,6 +0,0 @@
-export * from './baseTheme';
-export * from './palette';
-export * from './constants';
-export * from './elevation';
-export * from './shape';
-export * from './hooks';