@webpros/mui-theme 0.3.11 → 0.3.12

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@webpros/mui-theme",
     "description": "MUI v7 theme for WebPros products",
-    "version": "0.3.11",
+    "version": "0.3.12",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -41,6 +41,7 @@
         "build": "yarn build:main && yarn build:eslint",
         "build:main": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
         "build:eslint": "tsc -p ./eslint/tsconfig.eslint.json",
+        "yalc:publish": "yarn build && yalc publish && cd eslint && yalc publish",
         "storybook:dev": "storybook dev -p 6006",
         "storybook:build": "storybook build",
         "test": "npm run prettier:test && npm run lint && npm run typecheck",

package/dist/src/components/data-display/Badge/Badge.theme.js

@@ -10,7 +10,7 @@ const iconBaseStyle = (size) => ({
     minHeight: size,
     padding: 0,
 });
-const DIAMOND_STRETCH_CLIP_PATH = 'polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%)';
+const DIAMOND_STRETCH_CLIP_PATH = 'polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%)';
 export const getBadge = (theme) => {
     const { colors } = theme;
     return {
@@ -135,8 +135,8 @@ export const getBadge = (theme) => {
                     props: { size: 'large' },
                     style: {
                         '& .MuiBadge-badge': {
-                            minWidth: 18,
-                            minHeight: 18,
+                            minWidth: 20,
+                            minHeight: 20,
                             borderRadius: 999,
                         },
                     },
@@ -177,8 +177,8 @@ export const getBadge = (theme) => {
                     props: { size: 'medium', color: 'warning', variant: 'dot' },
                     style: {
                         '& .MuiBadge-badge': {
-                            width: 9,
-                            height: 9,
+                            width: 12,
+                            height: 12,
                             clipPath: DIAMOND_CLIP_PATH,
                             borderRadius: 0,
                         },
@@ -189,8 +189,8 @@ export const getBadge = (theme) => {
                     props: { size: 'large', color: 'error', variant: 'standard' },
                     style: {
                         '& .MuiBadge-badge': {
-                            height: 18,
-                            minHeight: 18,
+                            height: 20,
+                            minHeight: 20,
                             padding: '0 6px',
                             clipPath: OCTAGON_CLIP_PATH,
                             borderRadius: 0,
@@ -201,8 +201,8 @@ export const getBadge = (theme) => {
                     props: { size: 'large', color: 'warning', variant: 'standard' },
                     style: {
                         '& .MuiBadge-badge': {
-                            height: 18,
-                            minHeight: 18,
+                            height: 20,
+                            minHeight: 20,
                             padding: '0 6px',
                             clipPath: DIAMOND_STRETCH_CLIP_PATH,
                             borderRadius: 0,
@@ -213,9 +213,9 @@ export const getBadge = (theme) => {
                     props: { size: 'large', color: 'success', variant: 'standard' },
                     style: {
                         '& .MuiBadge-badge': {
-                            minWidth: 18,
-                            height: 18,
-                            minHeight: 18,
+                            minWidth: 20,
+                            height: 20,
+                            minHeight: 20,
                             paddingLeft: 4,
                             paddingRight: 4,
                             borderRadius: 999,
@@ -226,9 +226,9 @@ export const getBadge = (theme) => {
                     props: { size: 'large', color: 'undefined', variant: 'standard' },
                     style: {
                         '& .MuiBadge-badge': {
-                            minWidth: 18,
-                            height: 18,
-                            minHeight: 18,
+                            minWidth: 20,
+                            height: 20,
+                            minHeight: 20,
                             paddingLeft: 4,
                             paddingRight: 4,
                             borderRadius: 999,
@@ -239,7 +239,7 @@ export const getBadge = (theme) => {
                 {
                     props: { size: 'large', color: 'error', icon: true },
                     style: {
-                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(18)), { clipPath: OCTAGON_CLIP_PATH, borderRadius: 0 }),
+                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(20)), { clipPath: OCTAGON_CLIP_PATH, borderRadius: 0 }),
                     },
                 },
                 {
@@ -251,13 +251,13 @@ export const getBadge = (theme) => {
                 {
                     props: { size: 'large', color: 'success', icon: true },
                     style: {
-                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(18)), { borderRadius: 999 }),
+                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(20)), { borderRadius: 999 }),
                     },
                 },
                 {
                     props: { size: 'large', color: 'undefined', icon: true },
                     style: {
-                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(18)), { borderRadius: 999 }),
+                        '& .MuiBadge-badge': Object.assign(Object.assign({}, iconBaseStyle(20)), { borderRadius: 999 }),
                     },
                 },
                 // Position variants

package/dist/src/components/data-display/Chip/Chip.theme.js

@@ -2,6 +2,7 @@
 import { chipClasses, touchRippleClasses, } from '@mui/material';
 import { getChipColorsMap } from './get-chip-colors-map';
 import { rippleEnterKeyframe } from '../../../shared/rippleEnterKeyframe';
+import { ChipDeleteIcon } from '../../../components/utils/inputIcons';
 export const getChip = (theme) => {
     const { typography } = theme;
     const colorsMap = getChipColorsMap(theme);
@@ -116,6 +117,7 @@ export const getChip = (theme) => {
                 size: 'large',
                 variant: 'filled',
                 color: 'default',
+                deleteIcon: ChipDeleteIcon,
             },
             styleOverrides: {
                 root: {

package/dist/src/components/feedback/Alert/Alert.theme.js

@@ -1,23 +1,37 @@
+import { iconMapping } from './alertDefaultIcons';
 export const getAlert = (theme) => {
     const { colors } = theme;
     return {
         MuiAlert: {
-            // Example of how custom iconMapping can be used, though need to pass severity instead of/along with color for it to work
-            // defaultProps: {
-            //     iconMapping: {
-            //         error: <XCircleIcon />,
-            //     },
-            // },
+            defaultProps: {
+                iconMapping,
+            },
             styleOverrides: {
                 root: {
                     borderRadius: '6px',
                     padding: '8px',
-                    '& svg': {
-                        width: '20px',
-                        height: '20px',
-                    },
+                    boxShadow: 'none',
                     '.MuiAlert-action': {
-                        marginTop: '-6px',
+                        marginTop: '-8px',
+                        paddingTop: '6px',
+                        paddingRight: '8px',
+                        paddingLeft: '0px',
+                    },
+                    '.MuiAlert-message': {
+                        paddingLeft: '6px',
+                        paddingRight: '6px',
+                        paddingTop: '7px',
+                        paddingBottom: '7px',
+                    },
+                    '.MuiAlertTitle-root ': {
+                        marginTop: '0px',
+                        marginBottom: '0px',
+                    },
+                    '.MuiAlert-icon': {
+                        paddingLeft: '4px',
+                        paddingRight: '4px',
+                        paddingTop: '7px',
+                        marginRight: '0px',
                     },
                 },
             },
@@ -27,6 +41,9 @@ export const getAlert = (theme) => {
                     style: {
                         color: colors.schemes.status.onErrorContainer,
                         backgroundColor: colors.schemes.status.errorContainer,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.status.onErrorContainer,
+                        },
                     },
                 },
                 {
@@ -34,7 +51,7 @@ export const getAlert = (theme) => {
                     style: {
                         backgroundColor: colors.schemes.status.warningContainer,
                         color: colors.schemes.status.onWarningContainer,
-                        '& svg': {
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
                             color: colors.schemes.status.onWarningContainer,
                         },
                     },
@@ -44,7 +61,7 @@ export const getAlert = (theme) => {
                     style: {
                         backgroundColor: colors.schemes.status.infoContainer,
                         color: colors.schemes.status.onInfoContainer,
-                        '& svg': {
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
                             color: colors.schemes.status.onInfoContainer,
                         },
                     },
@@ -54,7 +71,7 @@ export const getAlert = (theme) => {
                     style: {
                         backgroundColor: colors.schemes.status.successContainer,
                         color: colors.schemes.status.onSuccessContainer,
-                        '& svg': {
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
                             color: colors.schemes.status.onSuccessContainer,
                         },
                     },
@@ -64,11 +81,61 @@ export const getAlert = (theme) => {
                     style: {
                         backgroundColor: colors.schemes.base.primaryContainer,
                         color: colors.schemes.base.onPrimaryContainer,
-                        '& svg': {
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
                             color: colors.schemes.base.onPrimaryContainer,
                         },
                     },
                 },
+                {
+                    props: { variant: 'filled', color: 'error' },
+                    style: {
+                        backgroundColor: colors.schemes.status.error,
+                        color: colors.schemes.status.onError,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.status.onError,
+                        },
+                    },
+                },
+                {
+                    props: { variant: 'filled', color: 'warning' },
+                    style: {
+                        backgroundColor: colors.schemes.status.warning,
+                        color: colors.schemes.status.onWarning,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.status.onWarning,
+                        },
+                    },
+                },
+                {
+                    props: { variant: 'filled', color: 'info' },
+                    style: {
+                        backgroundColor: colors.schemes.status.info,
+                        color: colors.schemes.status.onInfo,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.status.onInfo,
+                        },
+                    },
+                },
+                {
+                    props: { variant: 'filled', color: 'success' },
+                    style: {
+                        backgroundColor: colors.schemes.status.success,
+                        color: colors.schemes.status.onSuccess,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.status.onSuccess,
+                        },
+                    },
+                },
+                {
+                    props: { variant: 'filled', color: 'primary' },
+                    style: {
+                        backgroundColor: colors.schemes.base.primary,
+                        color: colors.schemes.base.onPrimary,
+                        '.MuiAlert-action svg, .MuiAlert-icon svg': {
+                            color: colors.schemes.base.onPrimary,
+                        },
+                    },
+                },
             ],
         },
     };

package/dist/src/components/feedback/Alert/alertDefaultIcons.d.ts

@@ -0,0 +1,2 @@
+import { AlertProps } from '@mui/material';
+export declare const iconMapping: AlertProps['iconMapping'];

package/dist/src/components/feedback/Alert/alertDefaultIcons.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { CloseCircleIcon } from '../../../icons/CloseCircleIcon';
+import { InfoIcon } from '../../../icons/InfoIcon';
+import { StarIcon } from '../../../icons/StarIcon';
+import { CheckCircleIcon } from '../../../icons/CheckCircleIcon';
+import { WarningIcon } from '../../../icons/WarningIcon';
+export const iconMapping = {
+    error: _jsx(CloseCircleIcon, { size: '20px', className: "MuiSvgIcon-root" }),
+    info: _jsx(InfoIcon, { size: '20px', className: "MuiSvgIcon-root" }),
+    primary: _jsx(StarIcon, { size: '20px', className: "MuiSvgIcon-root" }),
+    success: _jsx(CheckCircleIcon, { size: '20px', className: "MuiSvgIcon-root" }),
+    warning: (_jsx(WarningIcon, { sx: (theme) => ({
+            color: theme.colors.schemes.status.warning,
+        }), size: '20px', className: "MuiSvgIcon-root" })),
+};

package/dist/src/components/feedback/Dialog/Dialog.theme.js

@@ -14,11 +14,8 @@ export const getDialog = (theme) => {
             },
             styleOverrides: {
                 root: {
-                    padding: spacing(3.75, 8.25, 2.375, 4.5),
+                    padding: spacing(3.75, 8.25, 2.375, 5),
                     color: colors.schemes.surfaces.onSurface,
-                    [`& + .${dialogContentClasses.root}`]: {
-                        paddingTop: '0 !important',
-                    },
                     [`& .${iconButtonClasses.root}`]: closeButtonPosition,
                 },
             },
@@ -56,10 +53,10 @@ export const getDialog = (theme) => {
             styleOverrides: {
                 root: {
                     color: colors.schemes.surfaces.onSurfaceVariant,
-                    padding: spacing(0, 4.5, 1, 4.5),
+                    padding: spacing(0, 5, 1, 5),
                 },
                 dividers: {
-                    padding: spacing(2, 4.5),
+                    padding: spacing(2, 5),
                     borderColor: colors.schemes.surfaces.outlineVariant,
                 },
             },
@@ -67,7 +64,7 @@ export const getDialog = (theme) => {
         MuiDialogActions: {
             styleOverrides: {
                 root: {
-                    padding: spacing(2, 4.25, 2.5, 2.375),
+                    padding: spacing(2, 5, 2.5, 5),
                     justifyContent: 'flex-end',
                     gap: spacing(0.5),
                     '& > :not(style) ~ :not(style)': {
@@ -80,7 +77,7 @@ export const getDialog = (theme) => {
                     props: { alignment: 'left' },
                     style: {
                         justifyContent: 'flex-start',
-                        padding: spacing(2, 2.375, 2.5, 4.25),
+                        padding: spacing(2, 5, 2.5, 5),
                     },
                 },
             ],

package/dist/src/components/inputs/Autocomplete/Autocomplete.theme.js

@@ -1,7 +1,6 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { outlinedInputClasses, inputBaseClasses, } from '@mui/material';
-import { AutocompleteCaretDownIcon } from '../../../components/inputs/Autocomplete/components/AutocompleteCaretDownIcon';
-import { AutocompleteXIcon } from '../../../components/inputs/Autocomplete/components/AutocompleteXIcon';
+import { outlinedInputClasses, inputBaseClasses, autocompleteClasses, } from '@mui/material';
+import { AutocompleteCaretDownIcon, AutocompleteXIcon, } from '../../../components/utils/inputIcons';
 export const getAutocomplete = () => {
     return {
         MuiAutocomplete: {
@@ -25,15 +24,45 @@ export const getAutocomplete = () => {
                     },
                     [`& .${outlinedInputClasses.root}`]: {
                         padding: '3.5px 9px 3.5px',
+                        alignItems: 'flex-start',
+                        '& .MuiAutocomplete-tagSizeMedium': {
+                            transform: 'translateY(2.5px)',
+                        },
                     },
+                    [`& .${autocompleteClasses.clearIndicator}`]: {
+                        visibility: 'visible',
+                    },
+                },
+                tag: {
+                    margin: 1, // Creates 2px gap (1px on each side)
                 },
                 endAdornment: {
+                    top: '0px',
+                    alignSelf: 'flex-start',
                     svg: {
                         width: 20,
                         height: 20,
                     },
                 },
             },
+            variants: [
+                {
+                    props: { size: 'small' },
+                    style: {
+                        [`& .MuiAutocomplete-endAdornment`]: {
+                            transform: 'translateX(0px) translateY(2px)',
+                        },
+                    },
+                },
+                {
+                    props: { size: 'medium' },
+                    style: {
+                        [`& .MuiAutocomplete-endAdornment`]: {
+                            transform: 'translateX(0px) translateY(4px)',
+                        },
+                    },
+                },
+            ],
         },
     };
 };

package/dist/src/components/inputs/Checkbox/Checkbox.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+import { Theme, ComponentsOverrides, ComponentsVariants, ComponentsProps } from '@mui/material';
 import { ComponentWithViewContextOwnProps } from '../../../shared/viewContext';
 declare module '@mui/material/Checkbox' {
     interface CheckboxProps extends ComponentWithViewContextOwnProps {
@@ -6,6 +6,7 @@ declare module '@mui/material/Checkbox' {
 }
 interface M3Checkbox {
     MuiCheckbox: {
+        defaultProps?: ComponentsProps['MuiCheckbox'];
         styleOverrides?: ComponentsOverrides<Theme>['MuiCheckbox'];
         variants?: ComponentsVariants<Theme>['MuiCheckbox'];
     };

package/dist/src/components/inputs/Checkbox/Checkbox.theme.js

@@ -1,7 +1,13 @@
+import { CheckboxIntermediate, CheckboxOff, CheckboxOn, } from '../../../components/utils/inputIcons';
 export const getCheckbox = (theme) => {
     const { colors } = theme;
     return {
         MuiCheckbox: {
+            defaultProps: {
+                checkedIcon: CheckboxOn,
+                icon: CheckboxOff,
+                indeterminateIcon: CheckboxIntermediate,
+            },
             styleOverrides: {
                 root: {
                     '&.Mui-disabled': {
@@ -10,6 +16,27 @@ export const getCheckbox = (theme) => {
                 },
             },
             variants: [
+                {
+                    props: { size: 'small' },
+                    style: {
+                        '& .MuiSvgIcon-root': {
+                            width: 20,
+                            height: 20,
+                        },
+                        padding: 5,
+                    },
+                },
+                {
+                    props: { size: 'medium' },
+                    style: {
+                        width: 34,
+                        height: 34,
+                        '& .MuiSvgIcon-root': {
+                            width: 24,
+                            height: 24,
+                        },
+                    },
+                },
                 {
                     props: { color: 'default' },
                     style: {

package/dist/src/components/inputs/Filter/Filter.js

@@ -3,7 +3,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // Copyright 2025 WebPros International GmbH. All rights reserved.
 import { useCallback } from 'react';
 import { Autocomplete, Box, IconButton, TextField, autocompleteClasses, } from '@mui/material';
-import { FunnelSimpleIcon, XIcon } from '@phosphor-icons/react';
+import { FunnelSimpleIcon } from '../../../icons/FunnelSimpleIcon';
+import { XIcon } from '../../../icons/XIcon';
 const FILTER_SX = {
     '& .MuiAutocomplete-inputRoot': {
         flexWrap: 'nowrap',

package/dist/src/components/inputs/Radio/Radio.theme.js

@@ -1,9 +1,15 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
+import { RadioOff, RadioOn } from '../../../components/utils/inputIcons';
 export const getRadio = (theme) => {
     const { colors } = theme;
     return {
         MuiRadio: {
-            defaultProps: { size: 'small', color: 'default' },
+            defaultProps: {
+                size: 'small',
+                color: 'default',
+                checkedIcon: RadioOn,
+                icon: RadioOff,
+            },
             styleOverrides: {
                 root: {
                     color: colors.schemes.surfaces.onSurfaceVariant,
@@ -19,6 +25,16 @@ export const getRadio = (theme) => {
                 },
             },
             variants: [
+                {
+                    props: { size: 'small' },
+                    style: {
+                        '& .MuiSvgIcon-root': {
+                            width: 20,
+                            height: 20,
+                        },
+                        padding: 5,
+                    },
+                },
                 {
                     props: { color: 'error' },
                     style: {

package/dist/src/components/inputs/Select/Select.theme.js

@@ -1,10 +1,10 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { CaretDownIcon } from '@phosphor-icons/react';
+import { SelectCaretDownIcon } from '../../../components/utils/inputIcons';
 export const getSelect = () => {
     return {
         MuiSelect: {
             defaultProps: {
-                IconComponent: CaretDownIcon,
+                IconComponent: SelectCaretDownIcon,
             },
             styleOverrides: {
                 icon: {

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

@@ -1,6 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { CaretLeftIcon, CaretRightIcon, SkipBackIcon, SkipForwardIcon, } from '@phosphor-icons/react';
+import { CaretLeftIcon } from '../../../../icons/CaretLeftIcon';
+import { CaretRightIcon } from '../../../../icons/CaretRightIcon';
+import { SkipBackIcon } from '../../../../icons/SkipBackIcon';
+import { SkipForwardIcon } from '../../../../icons/SkipForwardIcon';
 // Navigation icons for PaginationItem
 export const PaginationFirstIcon = () => _jsx(SkipBackIcon, { size: 20 });
 export const PaginationLastIcon = () => _jsx(SkipForwardIcon, { size: 20 });

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

@@ -11,7 +11,7 @@ const getStylesByContext = (theme, viewContext) => {
         style: Object.assign(Object.assign({}, typography.LabelMedium), { textTransform: 'none', color: colors[schemesPath].surfaces.onSurfaceVariant, opacity: 1, padding: '18px 12px', minHeight: 'auto', minWidth: 'auto', borderRadius: 10, '&:hover': {
                 backgroundColor: colors[stateLayersPath].surfaces.onSurface.opacity08,
                 color: colors[schemesPath].surfaces.onSurface,
-            }, '&:focus': {
+            }, '&:focus-visible': {
                 backgroundColor: colors[stateLayersPath].surfaces.onSurface.opacity12,
                 color: colors[schemesPath].surfaces.onSurface,
             }, '&:active': {
@@ -22,7 +22,7 @@ const getStylesByContext = (theme, viewContext) => {
                 '&:hover': {
                     backgroundColor: colors[stateLayersPath].base.primary.opacity08,
                 },
-                '&:focus': {
+                '&:focus-visible': {
                     backgroundColor: colors[stateLayersPath].base.primary.opacity12,
                 },
                 '&:active': {

package/dist/src/components/utils/inputIcons.d.ts

@@ -0,0 +1,9 @@
+export declare const AutocompleteXIcon: import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteCaretDownIcon: import("react/jsx-runtime").JSX.Element;
+export declare const SelectCaretDownIcon: import("../../utils/createIcon").CustomIcon;
+export declare const ChipDeleteIcon: import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxOff: import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxOn: import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxIntermediate: import("react/jsx-runtime").JSX.Element;
+export declare const RadioOff: import("react/jsx-runtime").JSX.Element;
+export declare const RadioOn: import("react/jsx-runtime").JSX.Element;

package/dist/src/components/utils/inputIcons.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { CaretDownSmallIcon } from '../../icons/CaretDownSmallIcon';
+import { CloseSmallIcon } from '../../icons/CloseSmallIcon';
+import { CloseCircleFillIcon } from '../../icons/CloseCircleFillIcon';
+import { CheckboxOff20Icon } from '../../icons/CheckboxOff20Icon';
+import { CheckboxOn20Icon } from '../../icons/CheckboxOn20Icon';
+import { CheckboxIntermediate20Icon } from '../../icons/CheckboxIntermediate20Icon';
+import { RadioOffIcon } from '../../icons/RadioOffIcon';
+import { RadioOnIcon } from '../../icons/RadioOnIcon';
+export const AutocompleteXIcon = _jsx(CloseSmallIcon, {});
+export const AutocompleteCaretDownIcon = _jsx(CaretDownSmallIcon, {});
+export const SelectCaretDownIcon = CaretDownSmallIcon;
+export const ChipDeleteIcon = _jsx(CloseCircleFillIcon, {});
+export const CheckboxOff = _jsx(CheckboxOff20Icon, { className: "MuiSvgIcon-root" });
+export const CheckboxOn = _jsx(CheckboxOn20Icon, { className: "MuiSvgIcon-root" });
+export const CheckboxIntermediate = _jsx(CheckboxIntermediate20Icon, { className: "MuiSvgIcon-root" });
+export const RadioOff = _jsx(RadioOffIcon, { className: "MuiSvgIcon-root" });
+export const RadioOn = _jsx(RadioOnIcon, { className: "MuiSvgIcon-root" });

package/dist/src/icons/AlignLeftSimpleIcon.d.ts

@@ -0,0 +1,2 @@
+import type { CustomIcon } from '../utils/createIcon';
+export declare const AlignLeftSimpleIcon: CustomIcon;

package/dist/src/icons/AlignLeftSimpleIcon.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+// This file is auto-generated by tools/generate-icons.js
+// Do not edit manually. Run "yarn generate:icons" to regenerate.
+import { forwardRef } from 'react';
+import { IconWrapper } from '../utils/createIcon';
+export const AlignLeftSimpleIcon = forwardRef((props, ref) => {
+    const { color, sx, size = 24 } = props, rest = __rest(props, ["color", "sx", "size"]);
+    return (_jsx(IconWrapper, { color: color, sx: sx, size: size, children: _jsx("svg", Object.assign({ ref: ref, viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "none" }, rest, { children: _jsx("path", { d: "M3.75 5.25V18.75C3.75 18.9489 3.67098 19.1397 3.53033 19.2803C3.38968 19.421 3.19891 19.5 3 19.5C2.80109 19.5 2.61032 19.421 2.46967 19.2803C2.32902 19.1397 2.25 18.9489 2.25 18.75V5.25C2.25 5.05109 2.32902 4.86032 2.46967 4.71967C2.61032 4.57902 2.80109 4.5 3 4.5C3.19891 4.5 3.38968 4.57902 3.53033 4.71967C3.67098 4.86032 3.75 5.05109 3.75 5.25ZM22.5 9V15C22.5 15.3978 22.342 15.7794 22.0607 16.0607C21.7794 16.342 21.3978 16.5 21 16.5H6.75C6.35218 16.5 5.97064 16.342 5.68934 16.0607C5.40804 15.7794 5.25 15.3978 5.25 15V9C5.25 8.60218 5.40804 8.22064 5.68934 7.93934C5.97064 7.65804 6.35218 7.5 6.75 7.5H21C21.3978 7.5 21.7794 7.65804 22.0607 7.93934C22.342 8.22064 22.5 8.60218 22.5 9ZM21 15V9H6.75V15H21Z", fill: "currentColor" }) })) }));
+});
+AlignLeftSimpleIcon.displayName = 'AlignLeftSimpleIcon';

package/dist/src/icons/AmazonIcon.d.ts

@@ -0,0 +1,2 @@
+import type { CustomIcon } from '../utils/createIcon';
+export declare const AmazonIcon: CustomIcon;

package/dist/src/icons/AmazonIcon.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+// This file is auto-generated by tools/generate-icons.js
+// Do not edit manually. Run "yarn generate:icons" to regenerate.
+import { forwardRef } from 'react';
+import { IconWrapper } from '../utils/createIcon';
+export const AmazonIcon = forwardRef((props, ref) => {
+    const { color, sx, size = 24 } = props, rest = __rest(props, ["color", "sx", "size"]);
+    return (_jsx(IconWrapper, { color: color, sx: sx, size: size, children: _jsx("svg", Object.assign({ ref: ref, viewBox: "0 0 24 24", width: "100%", height: "100%", fill: "none" }, rest, { children: _jsx("path", { d: "M23.25 15.7499V18.7499C23.25 18.9488 23.171 19.1396 23.0303 19.2803C22.8897 19.4209 22.6989 19.4999 22.5 19.4999C22.3011 19.4999 22.1103 19.4209 21.9696 19.2803C21.829 19.1396 21.75 18.9488 21.75 18.7499V17.5602L21.5428 17.7684C21.2522 18.0843 17.76 21.7499 12 21.7499C6.10873 21.7499 2.58935 17.9146 2.44216 17.7515C2.30914 17.6029 2.24058 17.4076 2.25157 17.2085C2.26256 17.0094 2.35219 16.8228 2.50076 16.6898C2.64932 16.5568 2.84464 16.4882 3.04375 16.4992C3.24286 16.5102 3.42945 16.5998 3.56248 16.7484C3.58779 16.7812 6.79685 20.2499 12 20.2499C17.2031 20.2499 20.4122 16.7812 20.444 16.7474C20.452 16.7376 20.4604 16.7282 20.4693 16.7193L20.6897 16.4999H19.5C19.3011 16.4999 19.1103 16.4209 18.9696 16.2803C18.829 16.1396 18.75 15.9488 18.75 15.7499C18.75 15.551 18.829 15.3603 18.9696 15.2196C19.1103 15.079 19.3011 14.9999 19.5 14.9999H22.5C22.6989 14.9999 22.8897 15.079 23.0303 15.2196C23.171 15.3603 23.25 15.551 23.25 15.7499ZM15 8.86212V7.87494C15.0005 7.11659 14.7456 6.38017 14.2763 5.78443C13.8071 5.18868 13.1509 4.76832 12.4136 4.59113C11.6762 4.41394 10.9007 4.49024 10.212 4.80774C9.52329 5.12523 8.9616 5.66541 8.61748 6.34119C8.52697 6.51834 8.3698 6.65229 8.18053 6.71356C7.99127 6.77483 7.78541 6.75841 7.60826 6.6679C7.4311 6.5774 7.29715 6.42023 7.23588 6.23096C7.17461 6.0417 7.19103 5.83584 7.28154 5.65869C7.77884 4.6829 8.59024 3.903 9.58493 3.4447C10.5796 2.98639 11.6997 2.87637 12.7645 3.13238C13.8294 3.38838 14.777 3.9955 15.4547 4.85587C16.1323 5.71624 16.5006 6.77974 16.5 7.87494V16.4999C16.5 16.6988 16.421 16.8896 16.2803 17.0303C16.1397 17.1709 15.9489 17.2499 15.75 17.2499C15.5511 17.2499 15.3603 17.1709 15.2196 17.0303C15.079 16.8896 15 16.6988 15 16.4999V15.8877C14.311 16.5508 13.4422 16.9965 12.5018 17.1695C11.5613 17.3425 10.5908 17.2351 9.71096 16.8607C8.83111 16.4863 8.08079 15.8614 7.55338 15.0638C7.02597 14.2662 6.74477 13.3311 6.74477 12.3749C6.74477 11.4187 7.02597 10.4837 7.55338 9.68606C8.08079 8.88846 8.83111 8.26358 9.71096 7.88917C10.5908 7.51477 11.5613 7.40739 12.5018 7.58038C13.4422 7.75338 14.311 8.19912 15 8.86212ZM15 12.3749C15 11.7074 14.802 11.0549 14.4312 10.4999C14.0603 9.94487 13.5332 9.51229 12.9165 9.25684C12.2998 9.0014 11.6212 8.93456 10.9665 9.06479C10.3119 9.19501 9.71049 9.51645 9.23849 9.98845C8.76649 10.4605 8.44505 11.0618 8.31482 11.7165C8.1846 12.3712 8.25144 13.0498 8.50688 13.6665C8.76233 14.2832 9.19491 14.8103 9.74993 15.1811C10.3049 15.552 10.9575 15.7499 11.625 15.7499C12.0682 15.7499 12.5071 15.6626 12.9165 15.493C13.326 15.3234 13.6981 15.0748 14.0115 14.7614C14.3249 14.448 14.5735 14.076 14.7431 13.6665C14.9127 13.257 15 12.8181 15 12.3749Z", fill: "currentColor" }) })) }));
+});
+AmazonIcon.displayName = 'AmazonIcon';

package/dist/src/icons/AndroidIcon.d.ts

@@ -0,0 +1,2 @@
+import type { CustomIcon } from '../utils/createIcon';
+export declare const AndroidIcon: CustomIcon;