@astral/ui 1.56.0 → 2.1.4

package/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/theme/components/MuiToggleButtonGroup.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiToggleButtonGroup = void 0;
-exports.MuiToggleButtonGroup = {
-    defaultProps: {
-        size: 'small',
-        color: 'primary',
-    },
-};

package/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/theme/components/MuiTypography.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTypography = void 0;
-exports.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
-        },
-    },
-};
-exports.default = exports.MuiTypography;

package/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/theme/components/components.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponents = void 0;
-const MuiAlert_1 = require("./MuiAlert");
-const MuiButton_1 = require("./MuiButton");
-const MuiButtonBase_1 = require("./MuiButtonBase");
-const MuiLoadingButton_1 = require("./MuiLoadingButton");
-const MuiFormHelperText_1 = require("./MuiFormHelperText");
-const MuiFormLabel_1 = require("./MuiFormLabel");
-const MuiInputLabel_1 = require("./MuiInputLabel");
-const MuiOutlinedInput_1 = require("./MuiOutlinedInput");
-const MuiPaginationItem_1 = require("./MuiPaginationItem");
-const MuiTypography_1 = require("./MuiTypography");
-const MuiAutocomplete_1 = require("./MuiAutocomplete");
-const MuiDialog_1 = require("./MuiDialog");
-const MuiDialogTitle_1 = require("./MuiDialogTitle");
-const MuiDialogContent_1 = require("./MuiDialogContent");
-const MuiDialogActions_1 = require("./MuiDialogActions");
-const MuiTableCell_1 = require("./MuiTableCell");
-const MuiTableHead_1 = require("./MuiTableHead");
-const MuiTableRow_1 = require("./MuiTableRow");
-const MuiMenu_1 = require("./MuiMenu");
-const MuiMenuItem_1 = require("./MuiMenuItem");
-const MuiCircularProgress_1 = require("./MuiCircularProgress");
-const MuiListItemButton_1 = require("./MuiListItemButton");
-const MuiListItemText_1 = require("./MuiListItemText");
-const MuiTab_1 = require("./MuiTab");
-const MuiTabs_1 = require("./MuiTabs");
-const MuiStepLabel_1 = require("./MuiStepLabel");
-const MuiStep_1 = require("./MuiStep");
-const MuiStepConnector_1 = require("./MuiStepConnector");
-const MuiToggleButton_1 = require("./MuiToggleButton");
-const MuiToggleButtonGroup_1 = require("./MuiToggleButtonGroup");
-const MuiSwitch_1 = require("./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,
-    },
-};
-const getComponents = (fontUrls) => ({
-    MuiCssBaseline: getMuiCssBaseline(fontUrls),
-    MuiAlert: MuiAlert_1.MuiAlert,
-    MuiButton: MuiButton_1.MuiButton,
-    MuiButtonBase: MuiButtonBase_1.MuiButtonBase,
-    MuiLoadingButton: MuiLoadingButton_1.MuiLoadingButton,
-    MuiTypography: MuiTypography_1.MuiTypography,
-    MuiInputLabel: MuiInputLabel_1.MuiInputLabel,
-    MuiOutlinedInput: MuiOutlinedInput_1.MuiOutlinedInput,
-    MuiFormLabel: MuiFormLabel_1.MuiFormLabel,
-    MuiFormHelperText: MuiFormHelperText_1.MuiFormHelperText,
-    MuiAutocomplete: MuiAutocomplete_1.MuiAutocomplete,
-    MuiCheckbox,
-    MuiMenu: MuiMenu_1.MuiMenu,
-    MuiMenuItem: MuiMenuItem_1.MuiMenuItem,
-    MuiRadio,
-    MuiDialog: MuiDialog_1.MuiDialog,
-    MuiDialogTitle: MuiDialogTitle_1.MuiDialogTitle,
-    MuiDialogContent: MuiDialogContent_1.MuiDialogContent,
-    MuiDialogActions: MuiDialogActions_1.MuiDialogActions,
-    MuiTableCell: MuiTableCell_1.MuiTableCell,
-    MuiTableHead: MuiTableHead_1.MuiTableHead,
-    MuiTableRow: MuiTableRow_1.MuiTableRow,
-    MuiPaginationItem: MuiPaginationItem_1.MuiPaginationItem,
-    MuiCircularProgress: MuiCircularProgress_1.MuiCircularProgress,
-    MuiListItemButton: MuiListItemButton_1.MuiListItemButton,
-    MuiListItemText: MuiListItemText_1.MuiListItemText,
-    MuiTab: MuiTab_1.MuiTab,
-    MuiTabs: MuiTabs_1.MuiTabs,
-    MuiStepLabel: MuiStepLabel_1.MuiStepLabel,
-    MuiStep: MuiStep_1.MuiStep,
-    MuiStepConnector: MuiStepConnector_1.MuiStepConnector,
-    MuiToggleButtonGroup: MuiToggleButtonGroup_1.MuiToggleButtonGroup,
-    MuiToggleButton: MuiToggleButton_1.MuiToggleButton,
-    MuiSwitch: MuiSwitch_1.MuiSwitch,
-});
-exports.getComponents = getComponents;

package/theme/components/index.d.ts

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

package/theme/components/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);

package/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/theme/constants.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SPACING = exports.Brand = void 0;
-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 = exports.Brand || (exports.Brand = {}));
-exports.SPACING = 4;

package/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/theme/elevation.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.elevation = void 0;
-exports.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/theme/hooks/index.d.ts

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

package/theme/hooks/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useTheme"), exports);

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

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

package/theme/hooks/useTheme/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = void 0;
-const react_1 = require("@emotion/react");
-// any необходим для коннекта темы
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const useTheme = () => (0, react_1.useTheme)();
-exports.useTheme = useTheme;

package/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/theme/index.js

@@ -1,22 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./baseTheme"), exports);
-__exportStar(require("./palette"), exports);
-__exportStar(require("./constants"), exports);
-__exportStar(require("./elevation"), exports);
-__exportStar(require("./shape"), exports);
-__exportStar(require("./hooks"), exports);

package/theme/palette/brandPalette.d.ts

@@ -1,15 +0,0 @@
-import { Brand } from '../constants';
-type BrandColors = {
-    secondary: string;
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-};
-export declare const brandPalette: Record<Brand, BrandColors>;
-export {};

package/theme/palette/brandPalette.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.brandPalette = void 0;
-const constants_1 = require("../constants");
-const defaultBrandPalette = {
-    secondary: '#55B8F0',
-    900: '#0F52B8',
-    800: '#2165CC',
-    700: '#1874FF',
-    600: '#2684FF',
-    500: '#4C9AFF',
-    400: '#70AEFF',
-    300: '#94C2FF',
-    200: '#C5DCFF',
-    100: '#E1EDFF',
-};
-const edoPalette = {
-    secondary: '#5653FF',
-    900: '#5D3FD4',
-    800: '#6746EB',
-    700: '#8566FF',
-    600: '#9075FF',
-    500: '#9D85FF',
-    400: '#B29EFF',
-    300: '#C2B2FF',
-    200: '#E0D9FF',
-    100: '#EFEBFF',
-};
-const kedoPalette = {
-    secondary: '#5653FF',
-    900: '#5D3FD4',
-    800: '#6746EB',
-    700: '#8566FF',
-    600: '#9075FF',
-    500: '#9D85FF',
-    400: '#B29EFF',
-    300: '#C2B2FF',
-    200: '#E0D9FF',
-    100: '#EFEBFF',
-};
-const ao5Palette = {
-    secondary: '#14A5D3',
-    900: '#0068B2',
-    800: '#0074C6',
-    700: '#0989E3',
-    600: '#2195E6',
-    500: '#3AA1E9',
-    400: '#52ACEB',
-    300: '#84C4F1',
-    200: '#C1E2F8',
-    100: '#DFF0FB',
-};
-const ofdPalette = {
-    secondary: '#22BDEE',
-    900: '#1F78D6',
-    800: '#2285EE',
-    700: '#46A0FF',
-    600: '#58A9FF',
-    500: '#6BB3FF',
-    400: '#7DBCFF',
-    300: '#A2CFFF',
-    200: '#D1E7FF',
-    100: '#E7F3FF',
-};
-const signPalette = {
-    secondary: '#4099AC',
-    900: '#325D89',
-    800: '#376798',
-    700: '#4D86BF',
-    600: '#5E92C5',
-    500: '#719ECC',
-    400: '#82AAD2',
-    300: '#A6C2DF',
-    200: '#D3E1EF',
-    100: '#E8EFF7',
-};
-const lkpPalette = {
-    secondary: '#00BDB2',
-    900: '#009E71',
-    800: '#00B07E',
-    700: '#2CC89B',
-    600: '#41CDA5',
-    500: '#56D3AF',
-    400: '#6BD8B9',
-    300: '#95E3CD',
-    200: '#CAF1E6',
-    100: '#E3F8F2',
-};
-exports.brandPalette = {
-    [constants_1.Brand.DEFAULT]: defaultBrandPalette,
-    [constants_1.Brand.AO5]: ao5Palette,
-    [constants_1.Brand.EDO]: edoPalette,
-    [constants_1.Brand.KEDO]: kedoPalette,
-    [constants_1.Brand.OFD]: ofdPalette,
-    [constants_1.Brand.SIGN]: signPalette,
-    [constants_1.Brand.LKP]: lkpPalette,
-};

package/theme/palette/index.d.ts

@@ -1,2 +0,0 @@
-export * from './brandPalette';
-export * from './palette';

package/theme/palette/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./brandPalette"), exports);
-__exportStar(require("./palette"), exports);

package/theme/palette/palette.d.ts

@@ -1,30 +0,0 @@
-import { PaletteOptions as MuiPaletteOptions, PaletteColorOptions } from '@mui/material';
-import { TypeBackground } from '@mui/material/styles/createPalette';
-import { Brand } from '../constants';
-export type Color = {
-    900: string;
-    800: string;
-    700: string;
-    600: string;
-    500: string;
-    400: string;
-    300: string;
-    200: string;
-    100: string;
-};
-export type PrimaryColorOptions = PaletteColorOptions & Color;
-export type Background = TypeBackground & {
-    element: string;
-    elementHover: string;
-    modalShadow: string;
-};
-type PaletteOptions = MuiPaletteOptions & {
-    red: Color;
-    green: Color;
-    yellow: Color;
-    grey: Color;
-    primary: PrimaryColorOptions;
-    background: Background;
-};
-export declare const getPalette: (brand?: Brand) => PaletteOptions;
-export {};

package/theme/palette/palette.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPalette = void 0;
-const constants_1 = require("../constants");
-const brandPalette_1 = require("./brandPalette");
-const getPalette = (brand = constants_1.Brand.DEFAULT) => {
-    const brandColors = brandPalette_1.brandPalette[brand];
-    return {
-        red: {
-            900: '#E64343',
-            800: '#F24646',
-            700: '#F35959',
-            600: '#F67E7E',
-            500: '#F79090',
-            400: '#F8A3A3',
-            300: '#FAB5B5',
-            200: '#FCDADA',
-            100: '#FEEDED',
-        },
-        green: {
-            900: '#008055',
-            800: '#00875A',
-            700: '#19936A',
-            600: '#4DAB8C',
-            500: '#66B79C',
-            400: '#80C3AC',
-            300: '#99CFBD',
-            200: '#CCE7DE',
-            100: '#E6F3EF',
-        },
-        yellow: {
-            900: '#ED8000',
-            800: '#F98700',
-            700: '#FA961F',
-            600: '#FBAB4D',
-            500: '#FBB766',
-            400: '#FDCF99',
-            300: '#FDDBB2',
-            200: '#FBE6CC',
-            100: '#FEF3E6',
-        },
-        primary: Object.assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
-        secondary: {
-            main: brandColors.secondary,
-            dark: brandColors[900],
-            contrastText: '#FFF',
-        },
-        get success() {
-            return {
-                light: this.green[100],
-                main: this.green[600],
-                dark: this.green[800],
-                contrastText: '#FFF',
-            };
-        },
-        get warning() {
-            return {
-                light: this.yellow[100],
-                main: this.yellow[600],
-                dark: this.yellow[800],
-                contrastText: '#FFF',
-            };
-        },
-        get error() {
-            return {
-                light: this.red[100],
-                main: this.red[600],
-                dark: this.red[800],
-                contrastText: '#FFF',
-            };
-        },
-        text: {
-            primary: '#072D57',
-            secondary: '#557192',
-            disabled: '#99A9BA',
-        },
-        grey: {
-            900: '#072D57',
-            800: '#1D3F66',
-            700: '#557192',
-            600: '#778DA8',
-            500: '#99A9BA',
-            400: '#B7C2CE',
-            300: '#DDE2E8',
-            200: '#EBEEF1',
-            100: '#F0F4F7',
-        },
-        background: {
-            default: '#FFF',
-            paper: '#FFF',
-            element: '#FAFBFC',
-            elementHover: '#EEF1F4',
-            modalShadow: '#142A438A',
-        },
-    };
-};
-exports.getPalette = getPalette;

package/theme/shape.d.ts

@@ -1,6 +0,0 @@
-export type Shape = {
-    small: string;
-    medium: string;
-    large: string;
-};
-export declare const shape: Shape;

package/theme/shape.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shape = void 0;
-exports.shape = {
-    small: '3px',
-    medium: '6px',
-    large: '9px',
-};

package/theme/typography.d.ts

@@ -1,20 +0,0 @@
-import { Typography } from '@mui/material/styles/createTypography';
-import { CSSProperties } from 'react';
-type CustomTypographyVariantStyle = {
-    fontSize: CSSProperties['fontSize'];
-    fontWeight: CSSProperties['fontWeight'];
-    lineHeight: CSSProperties['lineHeight'];
-};
-export type TypographyThemeOptions = Typography & {
-    h7: CustomTypographyVariantStyle;
-    h8: CustomTypographyVariantStyle;
-    h9: CustomTypographyVariantStyle;
-    ui: CustomTypographyVariantStyle;
-    link: CustomTypographyVariantStyle;
-    pointer: CustomTypographyVariantStyle;
-    small: CustomTypographyVariantStyle;
-    code: CustomTypographyVariantStyle;
-};
-export declare const pxToRem: (fontSize: number, htmlFontSize?: number) => string;
-export declare const typography: Partial<TypographyThemeOptions>;
-export {};