@webpros/mui-theme 0.1.1 → 0.1.3

package/dist/src/components/navigation/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import './Link.theme';
+export declare const Link: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").LinkTypeMap<{}, "a">>;
+export type LinkComponentType = typeof Link;

package/dist/src/components/navigation/Link/Link.js

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

package/dist/src/components/navigation/Link/Link.theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+declare module '@mui/material/Link' { }
+interface M3Link {
+    MuiLink: {
+        styleOverrides?: ComponentsOverrides<Theme>['MuiLink'];
+        variants?: ComponentsVariants<Theme>['MuiLink'];
+    };
+}
+export declare const getLink: (theme: Theme) => M3Link;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/Link/Link.theme.js

@@ -0,0 +1,42 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export const getLink = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiLink: {
+            styleOverrides: {
+                root: {
+                    color: palette.primary.main,
+                    cursor: 'pointer',
+                    textUnderlineOffset: '4px',
+                },
+            },
+            variants: [
+                {
+                    props: { color: 'primary' },
+                    style: {
+                        color: palette.primary.main,
+                    },
+                },
+                {
+                    props: { color: 'supportive' },
+                    style: {
+                        color: palette.supportive.main,
+                    },
+                },
+                {
+                    props: { color: 'onSurface' },
+                    style: {
+                        color: palette.onSurface.main,
+                    },
+                },
+                {
+                    props: { color: 'error' },
+                    style: {
+                        color: palette.error.main,
+                    },
+                },
+            ],
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/Link/index.d.ts

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

package/dist/src/components/navigation/Link/index.js

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

package/dist/src/components/navigation/Menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MuiMenu } from '@mui/material';
+import './Menu.theme';
+export declare const Menu: typeof MuiMenu;
+export type MenuComponentType = typeof Menu;

package/dist/src/components/navigation/Menu/Menu.js

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

package/dist/src/components/navigation/Menu/Menu.theme.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ComponentsProps, ComponentsOverrides } from '@mui/material';
+interface M3Menu {
+    MuiMenu: {
+        defaultProps?: ComponentsProps['MuiMenu'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiMenu'];
+    };
+}
+export declare const getMenu: (theme: Theme) => M3Menu;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/Menu/Menu.theme.js

@@ -0,0 +1,19 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export const getMenu = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiMenu: {
+            defaultProps: { color: 'default' },
+            styleOverrides: {
+                root: {},
+                paper: {
+                    borderRadius: 16,
+                    backgroundColor: palette.surfaceContainerHigh.light,
+                    boxShadow: theme.shadows[2],
+                    color: palette.onSurface.main,
+                },
+            },
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/Menu/index.d.ts

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

package/dist/src/components/navigation/Menu/index.js

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

package/dist/src/components/navigation/MenuItem/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import './MenuItem.theme';
+export declare const MenuItem: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
+export type MenuItemComponentType = typeof MenuItem;

package/dist/src/components/navigation/MenuItem/MenuItem.js

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

package/dist/src/components/navigation/MenuItem/MenuItem.theme.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ComponentsProps, ComponentsOverrides } from '@mui/material';
+interface M3MenuItem {
+    MuiMenuItem: {
+        defaultProps?: ComponentsProps['MuiMenuItem'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiMenuItem'];
+    };
+}
+export declare const getMenuItem: (theme: Theme) => M3MenuItem;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/MenuItem/MenuItem.theme.js

@@ -0,0 +1,22 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { menuItemClasses } from '@mui/material';
+import { getStateLayerColor, StateLayer } from '../../../utils/getStateLayerColor';
+export const getMenuItem = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    padding: '8px 12px',
+                    '&:hover': {
+                        backgroundColor: getStateLayerColor(StateLayer.Hover, palette.secondary.main),
+                    },
+                    [`&.${menuItemClasses.selected}`]: {
+                        backgroundColor: getStateLayerColor(StateLayer.Active, palette.secondary.main),
+                    },
+                },
+            },
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/MenuItem/index.d.ts

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

package/dist/src/components/navigation/MenuItem/index.js

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

package/dist/src/components/navigation/Pagination/Pagination.d.ts

@@ -0,0 +1,4 @@
+import { Pagination as MuiPagination } from '@mui/material';
+import './Pagination.theme';
+export declare const Pagination: typeof MuiPagination;
+export type PaginationComponentType = typeof Pagination;

package/dist/src/components/navigation/Pagination/Pagination.js

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

package/dist/src/components/navigation/Pagination/Pagination.theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme, ComponentsProps, ComponentsOverrides } from '@mui/material';
+declare module '@mui/material/Pagination' { }
+export interface M3Pagination {
+    MuiPagination: {
+        defaultProps?: ComponentsProps['MuiPagination'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiPagination'];
+    };
+}
+export declare const getPagination: (theme: Theme) => M3Pagination;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/Pagination/Pagination.theme.js

@@ -0,0 +1,8 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export const getPagination = (theme) => {
+    const { palette: _ } = theme;
+    return {
+        MuiPagination: {},
+    };
+};
+export default {};

package/dist/src/components/navigation/Pagination/index.d.ts

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

package/dist/src/components/navigation/Pagination/index.js

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

package/dist/src/components/navigation/PaginationItem/PaginationItem.d.ts

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

package/dist/src/components/navigation/PaginationItem/PaginationItem.js

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

package/dist/src/components/navigation/PaginationItem/PaginationItem.theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme, ComponentsOverrides, ComponentsProps } from '@mui/material';
+declare module '@mui/material/PaginationItem' { }
+export interface M3PaginationItem {
+    MuiPaginationItem: {
+        defaultProps?: ComponentsProps['MuiPaginationItem'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiPaginationItem'];
+    };
+}
+export declare const getPaginationItem: (theme: Theme) => M3PaginationItem;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/PaginationItem/PaginationItem.theme.js

@@ -0,0 +1,27 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { alpha } from '@mui/material';
+export const getPaginationItem = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiPaginationItem: {
+            styleOverrides: {
+                rounded: {
+                    borderRadius: 10,
+                },
+                page: {
+                    fontWeight: 500,
+                    '&.Mui-selected': {
+                        backgroundColor: alpha(palette.primary.main, 0.08),
+                        '&:hover': {
+                            backgroundColor: alpha(palette.primary.main, 0.12),
+                        },
+                    },
+                    '&:hover': {
+                        backgroundColor: alpha(palette.primary.main, 0.08),
+                    },
+                },
+            },
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/PaginationItem/index.d.ts

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

package/dist/src/components/navigation/PaginationItem/index.js

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

package/dist/src/components/navigation/Tab/Tab.d.ts

@@ -0,0 +1,3 @@
+import './Tab.theme';
+export declare const Tab: import("@mui/material").ExtendButtonBase<import("@mui/material").TabTypeMap<{}, "div">>;
+export type TabComponentType = typeof Tab;

package/dist/src/components/navigation/Tab/Tab.js

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

package/dist/src/components/navigation/Tab/Tab.theme.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ComponentsOverrides, ComponentsProps } from '@mui/material';
+interface M3Tab {
+    MuiTab: {
+        defaultProps?: ComponentsProps['MuiTab'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiTab'];
+    };
+}
+export declare const getTab: (theme: Theme) => M3Tab;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/Tab/Tab.theme.js

@@ -0,0 +1,18 @@
+export const getTab = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiTab: {
+            styleOverrides: {
+                root: {
+                    textTransform: 'capitalize',
+                    fontSize: '0.875rem',
+                    fontWeight: 500,
+                    lineHeight: '1.25rem',
+                    letterSpacing: '0.006rem',
+                    color: palette.onSurfaceVariant.main,
+                },
+            },
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/Tab/index.d.ts

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

package/dist/src/components/navigation/Tab/index.js

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

package/dist/src/components/navigation/TabList/TabList.d.ts

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

package/dist/src/components/navigation/TabList/TabList.js

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

package/dist/src/components/navigation/TabList/TabList.theme.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ComponentsOverrides, ComponentsProps } from '@mui/material';
+interface M3TabList {
+    MuiTabs: {
+        defaultProps?: ComponentsProps['MuiTabs'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiTabs'];
+    };
+}
+export declare const getTabList: (theme: Theme) => M3TabList;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/TabList/TabList.theme.js

@@ -0,0 +1,17 @@
+export const getTabList = (theme) => {
+    const { palette: _ } = theme;
+    return {
+        MuiTabs: {
+            styleOverrides: {
+                root: {
+                    '& > .MuiTabs-scroller > .MuiTabs-indicator': {
+                        height: '3px',
+                        borderTopLeftRadius: '3px',
+                        borderTopRightRadius: '3px',
+                    },
+                },
+            },
+        },
+    };
+};
+export default {};

package/dist/src/components/navigation/TabList/index.d.ts

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

package/dist/src/components/navigation/TabList/index.js

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { Theme, ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+interface M3Accordion {
+    MuiAccordion: {
+        defaultProps?: ComponentsProps['MuiAccordion'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiAccordion'];
+        variants?: ComponentsVariants['MuiAccordion'];
+    };
+}
+export declare const getAccordion: (theme: Theme) => M3Accordion;
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,43 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export const getAccordion = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiAccordion: {
+            styleOverrides: {
+                root: {
+                    boxShadow: 'none',
+                    borderTop: `1px solid ${palette.outlineVariant.main}`,
+                    borderBottom: `1px solid ${palette.outlineVariant.main}`,
+                    borderRadius: 0,
+                    color: palette.onBackground.main,
+                    backgroundColor: 'none',
+                    '&:first-of-type': {
+                        borderRadius: 0,
+                    },
+                    '&:last-of-type': {
+                        borderRadius: 0,
+                    },
+                    '&:before': {
+                        backgroundColor: palette.surfaceBright.main,
+                        display: 'none',
+                    },
+                    '&.Mui-disabled': {
+                        backgroundColor: palette.inverseOnSurface.main,
+                        color: palette.inverseSurface.main,
+                        border: `0px solid ${palette.outlineVariant.main}`,
+                    },
+                    '& .MuiAccordionSummary-root': {
+                        fontSize: theme.typography.fontSize,
+                        fontWeight: 700,
+                        paddingLeft: 2,
+                        paddingRight: 2,
+                    },
+                    '& .MuiAccordionSummary-root > .MuiAccordionSummary-expandIconWrapper ': {
+                        color: palette.onBackground.main,
+                    },
+                },
+            },
+        },
+    };
+};
+export default {};

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

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

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

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

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

@@ -0,0 +1,3 @@
+import './AppBar.theme';
+export declare const AppBar: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AppBarTypeMap<{}, "header">>;
+export type AppBarComponentType = typeof AppBar;

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

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

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

@@ -0,0 +1,11 @@
+import { Theme, ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+interface M3AppBar {
+    MuiAppBar: {
+        defaultProps?: ComponentsProps['MuiAppBar'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiAppBar'];
+        variants?: ComponentsVariants['MuiAppBar'];
+    };
+}
+export declare const getAppBar: (theme: Theme) => M3AppBar;
+declare const _default: {};
+export default _default;

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

@@ -0,0 +1,22 @@
+export const getAppBar = (theme) => {
+    const { palette } = theme;
+    return {
+        MuiAppBar: {
+            defaultProps: {
+                elevation: 0,
+                color: 'default',
+            },
+            styleOverrides: {
+                colorDefault: {
+                    background: palette.surface.main,
+                    color: palette.onSurface.main,
+                },
+                colorPrimary: {
+                    background: palette.surface.main,
+                    color: palette.onSurface.main,
+                },
+            },
+        },
+    };
+};
+export default {};

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

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

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,4 @@
+// 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

@@ -0,0 +1,16 @@
+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;