@webpros/mui-theme 0.3.0 → 0.3.1

package/dist/src/components/data-display/DataGrid/mock-data.js

@@ -1,184 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChartBarIcon } from '@phosphor-icons/react';
-export const mockColumns = [
-    {
-        field: 'pid',
-        minWidth: 170,
-        renderHeader: () => 'PID',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [_jsx(ChartBarIcon, { size: 16 }), value] })),
-    },
-    {
-        field: 'parendProcessId',
-        minWidth: 170,
-        renderHeader: () => 'Parent process ID',
-        renderCell: ({ value }) => value,
-    },
-    {
-        field: 'user',
-        minWidth: 170,
-        renderHeader: () => 'User',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [_jsx(ChartBarIcon, { size: 16 }), value] })),
-    },
-    {
-        field: 'program',
-        minWidth: 170,
-        renderHeader: () => 'Program',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [_jsx(ChartBarIcon, { size: 16 }), value] })),
-    },
-    {
-        field: 'cpu',
-        minWidth: 170,
-        renderHeader: () => 'CPU',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, '%'] })),
-    },
-    {
-        field: 'mem',
-        minWidth: 170,
-        renderHeader: () => 'MEM',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, " ", 'MB'] })),
-    },
-    {
-        field: 'bytesRead',
-        minWidth: 170,
-        renderHeader: () => 'Bytes Read',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, '%'] })),
-    },
-    {
-        field: 'bytesWrite',
-        minWidth: 170,
-        renderHeader: () => 'Bytes Write',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, '%'] })),
-    },
-    {
-        field: 'ioRead',
-        minWidth: 170,
-        renderHeader: () => 'I/O read',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, '/s'] })),
-    },
-    {
-        field: 'ioWrite',
-        minWidth: 170,
-        renderHeader: () => 'I/O write',
-        renderCell: ({ value }) => (_jsxs(_Fragment, { children: [value, '/s'] })),
-    },
-    {
-        field: 'openFiles',
-        minWidth: 170,
-        renderHeader: () => 'Open file',
-        renderCell: ({ value }) => value,
-    },
-];
-export const mockRows = [
-    {
-        id: 2380700,
-        pid: 2380700,
-        parendProcessId: 2380694,
-        user: 'root',
-        program: 'dd',
-        cpu: 88,
-        mem: 824,
-        bytesRead: 0.5,
-        bytesWrite: 91,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 24238,
-        pid: 24238,
-        parendProcessId: 1,
-        user: 'agent360',
-        program: 'agent360',
-        cpu: 0.5,
-        mem: 24.4,
-        bytesRead: 0.5,
-        bytesWrite: 0.5,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 1,
-        pid: 1,
-        parendProcessId: 0,
-        user: 'root',
-        program: 'systemd',
-        cpu: 0.4,
-        mem: 9,
-        bytesRead: 0.3,
-        bytesWrite: 0.3,
-        ioRead: 0.3,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 717,
-        pid: 717,
-        parendProcessId: 1,
-        user: 'root',
-        program: 'fail2ban-server',
-        cpu: 0.4,
-        mem: 22,
-        bytesRead: 0.2,
-        bytesWrite: 0.2,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 887,
-        pid: 887,
-        parendProcessId: 1,
-        user: 'mysql',
-        program: 'mariadb',
-        cpu: 0.1,
-        mem: 51.3,
-        bytesRead: 0,
-        bytesWrite: 0,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 1471590,
-        pid: 1471590,
-        parendProcessId: 429674,
-        user: 'psaadm',
-        program: 'plesk-task-manager',
-        cpu: 0.1,
-        mem: 17.4,
-        bytesRead: 0,
-        bytesWrite: 0,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 2300508,
-        pid: 2300508,
-        parendProcessId: 2380700,
-        user: 'postfix',
-        program: 'smtpd',
-        cpu: 0.1,
-        mem: 15.1,
-        bytesRead: 0,
-        bytesWrite: 0,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-    {
-        id: 2380848,
-        pid: 2380848,
-        parendProcessId: 2135230,
-        user: 'root',
-        program: 'fluent-bit',
-        cpu: 0.1,
-        mem: 14.6,
-        bytesRead: 0,
-        bytesWrite: 0,
-        ioRead: 0,
-        ioWrite: 37,
-        openFiles: `~`,
-    },
-];

package/dist/src/components/surfaces/Card/Card.d.ts

@@ -1,3 +0,0 @@
-import './Card.theme';
-export declare const Card: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").CardTypeMap<{}, "div">>;
-export type CardComponentType = typeof Card;

package/dist/src/components/surfaces/Card/Card.js

@@ -1,4 +0,0 @@
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { Card as MuiCard } from '@mui/material';
-import './Card.theme';
-export const Card = MuiCard;

package/dist/src/components/surfaces/Card/Card.theme.d.ts

@@ -1,16 +0,0 @@
-import { Theme, ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
-declare module '@mui/material/Paper' {
-    interface PaperPropsVariantOverrides {
-        filled: true;
-    }
-}
-interface M3Card {
-    MuiCard: {
-        defaultProps?: ComponentsProps['MuiCard'];
-        styleOverrides?: ComponentsOverrides<Theme>['MuiCard'];
-        variants?: ComponentsVariants['MuiCard'];
-    };
-}
-export declare const getCard: (theme: Theme) => M3Card;
-declare const _default: {};
-export default _default;

package/dist/src/components/surfaces/Card/Card.theme.js

@@ -1,100 +0,0 @@
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { alpha, } from '@mui/material';
-import { StateLayer, getStateLayerColor } from '../../../utils/getStateLayerColor';
-export const getCard = (theme) => {
-    const { palette } = theme;
-    return {
-        MuiCard: {
-            styleOverrides: {
-                root: {
-                    borderRadius: '20px',
-                    padding: '10px 6px',
-                },
-            },
-            variants: [
-                {
-                    props: { variant: 'elevation' },
-                    style: {
-                        boxShadow: theme.shadows[1],
-                        backgroundColor: palette.surfaceContainerLow.main,
-                        transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
-                            duration: theme.transitions.duration.short,
-                        }),
-                        '&:hover': {
-                            background: getStateLayerColor(StateLayer.Hover, palette.surfaceContainerLow.main, palette.primary.main),
-                            boxShadow: theme.shadows[2],
-                        },
-                        '&:focus': {
-                            boxShadow: theme.shadows[1],
-                            background: getStateLayerColor(StateLayer.Focus, palette.surfaceContainerLow.main, palette.primary.main),
-                        },
-                        '&:active': {
-                            boxShadow: theme.shadows[1],
-                            background: getStateLayerColor(StateLayer.Press, palette.surfaceContainerLow.main, palette.primary.main),
-                        },
-                        '&.Mui-disabled': {
-                            backgroundColor: alpha(palette.surfaceContainerLow.main, 0.38),
-                            // color: palette.surfaceVariant.main,
-                            boxShadow: theme.shadows[0],
-                        },
-                    },
-                },
-                {
-                    props: { variant: 'filled' },
-                    style: {
-                        boxShadow: theme.shadows[0],
-                        backgroundColor: palette.surfaceContainerHighest.main,
-                        transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
-                            duration: theme.transitions.duration.short,
-                        }),
-                        '&:hover': {
-                            background: getStateLayerColor(StateLayer.Hover, palette.surfaceContainerHighest.main, palette.primary.main),
-                            boxShadow: theme.shadows[1],
-                        },
-                        '&:focus': {
-                            boxShadow: theme.shadows[0],
-                            background: getStateLayerColor(StateLayer.Focus, palette.surfaceContainerHighest.main, palette.primary.main),
-                        },
-                        '&:active': {
-                            boxShadow: theme.shadows[1],
-                            background: getStateLayerColor(StateLayer.Press, palette.surfaceContainerHighest.main, palette.primary.main),
-                        },
-                        '&.Mui-disabled': {
-                            backgroundColor: alpha(palette.surfaceContainerHighest.main, 0.38),
-                            // color: palette.surfaceVariant.main,
-                            boxShadow: theme.shadows[1],
-                        },
-                    },
-                },
-                {
-                    props: { variant: 'flat' },
-                    style: {
-                        boxShadow: theme.shadows[0],
-                        backgroundColor: palette.surface.main,
-                        borderColor: palette.outline.main,
-                        transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
-                            duration: theme.transitions.duration.short,
-                        }),
-                        '&:hover': {
-                            background: getStateLayerColor(StateLayer.Hover, palette.surface.main, palette.primary.main),
-                            boxShadow: theme.shadows[1],
-                        },
-                        '&:focus': {
-                            boxShadow: theme.shadows[0],
-                            background: getStateLayerColor(StateLayer.Focus, palette.surface.main, palette.primary.main),
-                        },
-                        '&:active': {
-                            boxShadow: theme.shadows[2],
-                            background: getStateLayerColor(StateLayer.Press, palette.surfaceContainerHighest.main, palette.primary.main),
-                        },
-                        '&.Mui-disabled': {
-                            borderColor: alpha(palette.surfaceContainerHighest.main, 0.12),
-                            boxShadow: theme.shadows[0],
-                        },
-                    },
-                },
-            ],
-        },
-    };
-};
-export default {};

package/dist/src/components/surfaces/Card/index.d.ts

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

package/dist/src/components/surfaces/Card/index.js

@@ -1,2 +0,0 @@
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-export * from './Card.theme';

package/dist/src/style/additional-color-palette.d.ts

@@ -1 +0,0 @@
-export declare const AdditionalColorPalette: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/style/additional-color-palette.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import Grid from '@mui/material/Grid';
-import { ColorItem } from '@storybook/addon-docs/blocks';
-import { LegacyDarkTokensDefault } from '../tokens/legacyColors';
-export const AdditionalColorPalette = () => {
-    return (_jsx(Grid, { container: true, rowSpacing: 2, direction: 'column', children: Object.entries(LegacyDarkTokensDefault.additionalColors).map(([key, val]) => (_jsxs(_Fragment, { children: [_jsx("h3", { id: key, children: key }), _jsx("div", { className: "color-item", children: _jsx(ColorItem, { title: "Primary", subtitle: "", colors: {
-                            [`theme.custom.${key}[50]`]: val[50],
-                            [`theme.custom.${key}[100]`]: val[100],
-                            [`theme.custom.${key}[200]`]: val[200],
-                            [`theme.custom.${key}[300]`]: val[300],
-                            [`theme.custom.${key}[400]`]: val[400],
-                            [`theme.custom.${key}[500]`]: val[500],
-                            [`theme.custom.${key}[600]`]: val[600],
-                            [`theme.custom.${key}[700]`]: val[700],
-                            [`theme.custom.${key}[800]`]: val[800],
-                            [`theme.custom.${key}[900]`]: val[900],
-                            [`theme.custom.${key}[A100]`]: val.A100,
-                            [`theme.custom.${key}[A200]`]: val.A200,
-                            [`theme.custom.${key}[A400]`]: val.A400,
-                            [`theme.custom.${key}[A700]`]: val.A700,
-                        } }) })] }))) }));
-};

package/dist/src/tokens/legacyColors/additionalColors/additionalColors.d.ts

@@ -1,21 +0,0 @@
-import { AdditionalColorTone } from '../../../tokens/legacyColors/Tone';
-export type AdditionalColors = {
-    red: AdditionalColorTone;
-    pink: AdditionalColorTone;
-    purple: AdditionalColorTone;
-    deepPurple: AdditionalColorTone;
-    indigo: AdditionalColorTone;
-    blue: AdditionalColorTone;
-    lightBlue: AdditionalColorTone;
-    cyan: AdditionalColorTone;
-    teal: AdditionalColorTone;
-    green: AdditionalColorTone;
-    lightGreen: AdditionalColorTone;
-    lime: AdditionalColorTone;
-    yellow: AdditionalColorTone;
-    amber: AdditionalColorTone;
-    orange: AdditionalColorTone;
-    deepOrange: AdditionalColorTone;
-    brown: AdditionalColorTone;
-};
-export type AdditionalColorKey = keyof AdditionalColors;

package/dist/src/tokens/legacyColors/additionalColors/additionalColors.js

@@ -1,2 +0,0 @@
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-export {};

package/dist/src/tokens/legacyColors/additionalColors/index.d.ts

@@ -1,2 +0,0 @@
-export * as additionalColors from '@mui/material/colors';
-export * from './additionalColors';

package/dist/src/tokens/legacyColors/additionalColors/index.js

@@ -1,6 +0,0 @@
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-// MUI has additioinal color palette
-// For now we just re-export it into the theme
-// In case of customization these colors we will create new CustomColorTone and export it here
-export * as additionalColors from '@mui/material/colors';
-export * from './additionalColors';