@astral/ui 1.55.0 → 2.1.3

package/theme/components/MuiFormHelperText.d.ts

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

package/theme/components/MuiFormHelperText.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiFormHelperText = void 0;
-exports.MuiFormHelperText = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                display: 'flex',
-                minHeight: theme.typography.small.lineHeight,
-                fontSize: theme.typography.small.fontSize,
-                margin: theme.spacing(1, 0, 0),
-                lineHeight: theme.typography.small.lineHeight,
-                '&.Mui-error': {
-                    color: theme.palette.error.dark,
-                },
-            };
-        },
-    },
-};
-exports.default = exports.MuiFormHelperText;

package/theme/components/MuiFormLabel.d.ts

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

package/theme/components/MuiFormLabel.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiFormLabel = void 0;
-exports.MuiFormLabel = {
-    styleOverrides: {
-        root() {
-            return {
-                position: 'relative',
-                transform: 'none',
-            };
-        },
-    },
-};
-exports.default = exports.MuiFormLabel;

package/theme/components/MuiInputLabel.d.ts

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

package/theme/components/MuiInputLabel.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiInputLabel = void 0;
-exports.MuiInputLabel = {
-    defaultProps: {
-        shrink: true,
-    },
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                position: 'relative',
-                transform: 'none',
-                color: theme.palette.grey[700],
-                fontWeight: theme.typography.fontWeightMedium,
-                fontSize: theme.typography.pxToRem(12),
-                lineHeight: theme.typography.pxToRem(16),
-                marginBottom: theme.spacing(1),
-                '&.Mui-focused': {
-                    color: theme.palette.grey[700],
-                },
-                '&.Mui-error': {
-                    color: theme.palette.grey[700],
-                },
-                '&.Mui-disabled': {
-                    color: theme.palette.grey[600],
-                },
-            };
-        },
-    },
-};
-exports.default = exports.MuiInputLabel;

package/theme/components/MuiListItemButton.d.ts

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

package/theme/components/MuiListItemButton.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiListItemButton = void 0;
-exports.MuiListItemButton = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                '&.Mui-selected': {
-                    color: theme.palette.primary[800],
-                    backgroundColor: theme.palette.grey[100],
-                },
-            };
-        },
-    },
-};

package/theme/components/MuiListItemText.d.ts

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

package/theme/components/MuiListItemText.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiListItemText = void 0;
-exports.MuiListItemText = {
-    styleOverrides: {
-        root() {
-            return {
-                overflow: 'hidden',
-                whiteSpace: 'nowrap',
-                textAlign: 'left',
-                textOverflow: 'ellipsis',
-            };
-        },
-    },
-};

package/theme/components/MuiLoadingButton.d.ts

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

package/theme/components/MuiLoadingButton.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiLoadingButton = void 0;
-const lab_1 = require("@mui/lab");
-const ButtonBase_1 = require("../../ButtonBase");
-const styles_1 = require("../../ButtonBase/styles");
-exports.MuiLoadingButton = {
-    defaultProps: {
-        disableRipple: true,
-    },
-    styleOverrides: {
-        root({ ownerState, theme }) {
-            const customVariant = ownerState.variant;
-            const customColor = ownerState.color;
-            return {
-                [`&.${lab_1.loadingButtonClasses.loading}`]: {
-                    backgroundColor: (0, styles_1.getBgColor)({
-                        customColor,
-                        customVariant,
-                        theme,
-                        buttonState: ButtonBase_1.ButtonStates.Default,
-                    }),
-                },
-            };
-        },
-    },
-};
-exports.default = exports.MuiLoadingButton;

package/theme/components/MuiMenu.d.ts

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

package/theme/components/MuiMenu.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiMenu = void 0;
-exports.MuiMenu = {
-    defaultProps: {
-        autoFocus: false,
-    },
-    styleOverrides: {
-        paper({ theme }) {
-            return {
-                marginTop: theme.spacing(2),
-                '&.MuiPaper-root': {
-                    borderRadius: theme.shape.small,
-                    boxShadow: theme.elevation[200],
-                },
-            };
-        },
-        list({ theme }) {
-            return {
-                padding: theme.spacing(1, 0),
-            };
-        },
-    },
-};
-exports.default = exports.MuiMenu;

package/theme/components/MuiMenuItem.d.ts

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

package/theme/components/MuiMenuItem.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiMenuItem = void 0;
-exports.MuiMenuItem = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                padding: theme.spacing(1.5, 10, 1.5, 3),
-                '&:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
-                },
-            };
-        },
-    },
-};
-exports.default = exports.MuiMenuItem;

package/theme/components/MuiOutlinedInput.d.ts

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

package/theme/components/MuiOutlinedInput.js

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiPaginationItem = void 0;
-exports.MuiPaginationItem = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                ['&.Mui-selected']: {
-                    backgroundColor: theme.palette.grey['900'],
-                    color: theme.palette.primary.contrastText,
-                },
-            };
-        },
-    },
-};

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiStep = void 0;
-exports.MuiStep = {
-    styleOverrides: {
-        horizontal({ theme }) {
-            return {
-                '&:first-child': {
-                    paddingLeft: 0,
-                },
-                padding: theme.spacing(0, 2.5),
-            };
-        },
-    },
-};

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiStepConnector = void 0;
-exports.MuiStepConnector = {
-    styleOverrides: {
-        lineHorizontal({ theme }) {
-            return { borderTopWidth: 2, borderColor: theme.palette.grey[300] };
-        },
-    },
-};

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiStepLabel = void 0;
-const material_1 = require("@mui/material");
-exports.MuiStepLabel = {
-    styleOverrides: {
-        label({ theme }) {
-            const { active, completed, error } = material_1.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/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/theme/components/MuiSwitch.js

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiSwitch = void 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>')`;
-};
-exports.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/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/theme/components/MuiTab.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTab = void 0;
-exports.MuiTab = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                minWidth: 0,
-                padding: theme.spacing(0, 2),
-                textTransform: 'none',
-            };
-        },
-    },
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTableCell = void 0;
-exports.MuiTableCell = {
-    styleOverrides: {
-        root() {
-            return {
-                border: 'none',
-            };
-        },
-    },
-};

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTableHead = void 0;
-exports.MuiTableHead = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                th: {
-                    borderBottom: `2px solid ${theme.palette.grey['300']}`,
-                },
-            };
-        },
-    },
-};

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTableRow = void 0;
-exports.MuiTableRow = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                '&.MuiTableRow-hover:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
-                    cursor: 'pointer',
-                },
-            };
-        },
-    },
-};

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiTabs = void 0;
-exports.MuiTabs = {
-    styleOverrides: {
-        root() {
-            return {
-                minHeight: 38,
-                height: 38,
-            };
-        },
-        indicator({ theme }) {
-            return {
-                borderRadius: theme.shape.small,
-            };
-        },
-    },
-};

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiToggleButton = void 0;
-exports.MuiToggleButton = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                textTransform: 'initial',
-                padding: theme.spacing(1, 2),
-                fontWeight: theme.typography.fontWeightMedium,
-            };
-        },
-    },
-};