@webpros/mui-theme 0.3.10 → 0.3.12

package/dist/src/tokens/colors/Light.js

@@ -801,6 +801,45 @@ export const LightInverseStateLayers = {
         },
     },
 };
+export const LightOnPrimarySchemes = {
+    base: {
+        primary: 'rgba(255, 255, 255, 1)',
+    },
+    surfaces: {
+        surface: 'rgba(95, 77, 152, 1)',
+        onSurfaceVariant: 'rgba(255, 255, 255, 1)',
+    },
+};
+export const LightOnPrimaryStateLayers = {
+    base: {
+        primary: {
+            opacity08: 'rgba(255, 255, 255, 0.08)',
+            opacity12: 'rgba(255, 255, 255, 0.12)',
+            opacity16: 'rgba(255, 255, 255, 0.2)',
+            opacity64: 'rgba(255, 255, 255, 0.64)',
+        },
+    },
+    surfaces: {
+        onSurface: {
+            opacity08: 'rgba(255, 255, 255, 0.08)',
+            opacity12: 'rgba(255, 255, 255, 0.12)',
+            opacity16: 'rgba(255, 255, 255, 0.16)',
+            opacity28: 'rgba(255, 255, 255, 0.28)',
+            opacity38: 'rgba(255, 255, 255, 0.38)',
+            opacity48: 'rgba(255, 255, 255, 0.48)',
+            opacity64: 'rgba(255, 255, 255, 0.64)',
+            opacity10: 'rgba(255, 255, 255, 0.1)',
+        },
+        onSurfaceVariant: {
+            opacity08: 'rgba(255, 255, 255, 0.08)',
+            opacity12: 'rgba(255, 255, 255, 0.12)',
+            opacity16: 'rgba(255, 255, 255, 0.16)',
+            opacity28: 'rgba(255, 255, 255, 0.28)',
+            opacity48: 'rgba(255, 255, 255, 0.48)',
+            opacity64: 'rgba(255, 255, 255, 0.64)',
+        },
+    },
+};
 export const LightSchemesGenerated = {
     'schemes.base.primary': { r: 95, g: 77, b: 152, a: 1 },
     'schemes.base.onPrimary': { r: 255, g: 255, b: 255, a: 1 },
@@ -1400,3 +1439,28 @@ export const LightInverseStateLayersGenerated = {
     'inverseStateLayers.status.warning.opacity28': { r: 222, g: 144, b: 66, a: 0.28 },
     'inverseStateLayers.status.warning.opacity38': { r: 222, g: 144, b: 66, a: 0.38 },
 };
+export const LightOnPrimarySchemesGenerated = {
+    'onPrimarySchemes.base.primary': { r: 255, g: 255, b: 255, a: 1 },
+    'onPrimarySchemes.surfaces.surface': { r: 95, g: 77, b: 152, a: 1 },
+    'onPrimarySchemes.surfaces.onSurfaceVariant': { r: 255, g: 255, b: 255, a: 1 },
+};
+export const LightOnPrimaryStateLayersGenerated = {
+    'onPrimaryStateLayers.base.primary.opacity08': { r: 255, g: 255, b: 255, a: 0.08 },
+    'onPrimaryStateLayers.base.primary.opacity12': { r: 255, g: 255, b: 255, a: 0.12 },
+    'onPrimaryStateLayers.base.primary.opacity16': { r: 255, g: 255, b: 255, a: 0.2 },
+    'onPrimaryStateLayers.base.primary.opacity64': { r: 255, g: 255, b: 255, a: 0.64 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity08': { r: 255, g: 255, b: 255, a: 0.08 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity12': { r: 255, g: 255, b: 255, a: 0.12 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity16': { r: 255, g: 255, b: 255, a: 0.16 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity38': { r: 255, g: 255, b: 255, a: 0.38 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity48': { r: 255, g: 255, b: 255, a: 0.48 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity64': { r: 255, g: 255, b: 255, a: 0.64 },
+    'onPrimaryStateLayers.surfaces.onSurface.opacity10': { r: 255, g: 255, b: 255, a: 0.1 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity08': { r: 255, g: 255, b: 255, a: 0.08 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity12': { r: 255, g: 255, b: 255, a: 0.12 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity16': { r: 255, g: 255, b: 255, a: 0.16 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity28': { r: 255, g: 255, b: 255, a: 0.28 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity48': { r: 255, g: 255, b: 255, a: 0.48 },
+    'onPrimaryStateLayers.surfaces.onSurfaceVariant.opacity64': { r: 255, g: 255, b: 255, a: 0.64 },
+};

package/dist/src/tokens/colors/index.d.ts

@@ -3,5 +3,7 @@ export type { Schemes, SchemesKey, SchemesGenerated } from './schemes';
 export type { StateLayers, StateLayersKey, StateLayersGenerated } from './stateLayers';
 export type { InverseSchemes, InverseSchemesKey, InverseSchemesGenerated } from './inverseSchemes';
 export type { InverseStateLayers, InverseStateLayersKey, InverseStateLayersGenerated, } from './inverseStateLayers';
-export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, } from './Light';
-export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, } from './Dark';
+export type { OnPrimarySchemes, OnPrimarySchemesKey, OnPrimarySchemesGenerated, } from './onPrimarySchemes';
+export type { OnPrimaryStateLayers, OnPrimaryStateLayersKey, OnPrimaryStateLayersGenerated, } from './onPrimaryStateLayers';
+export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightOnPrimarySchemes, LightOnPrimaryStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, LightOnPrimarySchemesGenerated, LightOnPrimaryStateLayersGenerated, } from './Light';
+export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkOnPrimarySchemes, DarkOnPrimaryStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, DarkOnPrimarySchemesGenerated, DarkOnPrimaryStateLayersGenerated, } from './Dark';

package/dist/src/tokens/colors/index.js

@@ -1,4 +1,4 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
 // Auto-generated file - do not edit manually
-export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, } from './Light';
-export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, } from './Dark';
+export { LightSchemes, LightStateLayers, LightInverseSchemes, LightInverseStateLayers, LightOnPrimarySchemes, LightOnPrimaryStateLayers, LightSchemesGenerated, LightStateLayersGenerated, LightInverseSchemesGenerated, LightInverseStateLayersGenerated, LightOnPrimarySchemesGenerated, LightOnPrimaryStateLayersGenerated, } from './Light';
+export { DarkSchemes, DarkStateLayers, DarkInverseSchemes, DarkInverseStateLayers, DarkOnPrimarySchemes, DarkOnPrimaryStateLayers, DarkSchemesGenerated, DarkStateLayersGenerated, DarkInverseSchemesGenerated, DarkInverseStateLayersGenerated, DarkOnPrimarySchemesGenerated, DarkOnPrimaryStateLayersGenerated, } from './Dark';

package/dist/src/tokens/colors/onPrimarySchemes.d.ts

@@ -0,0 +1,12 @@
+import { RecursiveKeyOf, GeneratedRgba } from './types';
+export type OnPrimarySchemes = {
+    base: {
+        primary: string;
+    };
+    surfaces: {
+        surface: string;
+        onSurfaceVariant: string;
+    };
+};
+export type OnPrimarySchemesKey = `onPrimarySchemes.${RecursiveKeyOf<OnPrimarySchemes>}`;
+export type OnPrimarySchemesGenerated = Record<OnPrimarySchemesKey, GeneratedRgba>;

package/dist/src/tokens/colors/onPrimaryStateLayers.d.ts

@@ -0,0 +1,33 @@
+import { RecursiveKeyOf, GeneratedRgba } from './types';
+export type OnPrimaryStateLayers = {
+    base: {
+        primary: {
+            opacity08: string;
+            opacity12: string;
+            opacity16: string;
+            opacity64: string;
+        };
+    };
+    surfaces: {
+        onSurface: {
+            opacity08: string;
+            opacity12: string;
+            opacity16: string;
+            opacity28: string;
+            opacity38: string;
+            opacity48: string;
+            opacity64: string;
+            opacity10: string;
+        };
+        onSurfaceVariant: {
+            opacity08: string;
+            opacity12: string;
+            opacity16: string;
+            opacity28: string;
+            opacity48: string;
+            opacity64: string;
+        };
+    };
+};
+export type OnPrimaryStateLayersKey = `onPrimaryStateLayers.${RecursiveKeyOf<OnPrimaryStateLayers>}`;
+export type OnPrimaryStateLayersGenerated = Record<OnPrimaryStateLayersKey, GeneratedRgba>;

package/dist/src/utils/createIcon.d.ts

@@ -1,12 +1,23 @@
-import { Icon, IconWeight, IconProps } from '@phosphor-icons/react';
+import { IconProps } from '@phosphor-icons/react';
 import { SxProps, Theme } from '@mui/material/styles';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 type MuiColorToken = 'inherit' | 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success' | 'action' | 'disabled';
 export type CustomIconProps = Omit<IconProps, 'color'> & {
     color?: string | MuiColorToken;
     sx?: SxProps<Theme>;
+    size?: number | string;
 };
-export type CustomIcon = Icon;
-type WeightPaths = Partial<Record<IconWeight, string>>;
-export declare function createStaticIcon(displayName: string, svg: string): CustomIcon;
-export declare function createIcon(displayName: string, svgOrPath: string | WeightPaths): CustomIcon;
+export type CustomIcon = ForwardRefExoticComponent<CustomIconProps & RefAttributes<SVGSVGElement>>;
+/**
+ * IconWrapper component for pre-compiled icons.
+ * This is used by generated icon components to provide consistent styling.
+ */
+interface IconWrapperProps {
+    color?: string | MuiColorToken;
+    sx?: SxProps<Theme>;
+    size?: number | string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const IconWrapper: ({ color, sx, size, children, className, }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/utils/createIcon.js

@@ -1,19 +1,7 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { forwardRef } from 'react';
-import { SSRBase } from '@phosphor-icons/react/dist/ssr';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-function extractPath(svg) {
-    const cleanedSvg = svg.replace(/fill="[^"]*"/g, '');
-    const match = cleanedSvg.match(/d="([^"]+)"/);
-    if (!(match === null || match === void 0 ? void 0 : match[1])) {
-        throw new Error('createIcon: No path found in SVG. Make sure SVG contains a <path d="..."> element.');
-    }
-    return match[1];
-}
-const StyledIconWrapper = styled('span', {
+const StyledIconWrapper = styled(Box, {
     shouldForwardProp: (prop) => prop !== 'iconColor',
 })(({ theme, iconColor }) => {
     const { colors } = theme;
@@ -37,56 +25,6 @@ const StyledIconWrapper = styled('span', {
             color: colorMapping[iconColor],
         };
     }
-    return { display: 'inline-flex', color: iconColor };
+    return { display: 'inline-flex', color: iconColor, height: '100%', width: '100%' };
 });
-function extractPathsData(svg) {
-    var _a, _b;
-    const pathRegex = /<path[^>]*d="([^"]+)"[^>]*\/?>/g;
-    const paths = [];
-    let match;
-    while ((match = pathRegex.exec(svg)) !== null) {
-        const fullMatch = match[0];
-        const d = (_a = match[1]) !== null && _a !== void 0 ? _a : '';
-        const fillMatch = fullMatch.match(/fill="([^"]*)"/);
-        const fill = (_b = fillMatch === null || fillMatch === void 0 ? void 0 : fillMatch[1]) !== null && _b !== void 0 ? _b : 'currentColor';
-        paths.push({ d, fill });
-    }
-    return paths;
-}
-export function createStaticIcon(displayName, svg) {
-    const pathsData = extractPathsData(svg);
-    const IconComponent = forwardRef((props, ref) => {
-        const _a = props, { sx, size = 24, variant = 'outline', color } = _a, rest = __rest(_a, ["sx", "size", "variant", "color"]);
-        const paths = pathsData.map((p, i) => {
-            if (variant === 'outline') {
-                if (i === 0) {
-                    return (_jsx("path", { d: p.d, fill: "transparent", stroke: "currentColor", strokeWidth: 8 }, i));
-                }
-                return _jsx("path", { d: p.d, fill: "currentColor" }, i);
-            }
-            return _jsx("path", { d: p.d, fill: p.fill }, i);
-        });
-        return (_jsx(Box, { component: "span", ref: ref, sx: Object.assign({ display: 'inline-flex', verticalAlign: 'middle', width: size, height: size }, sx), children: _jsx(StyledIconWrapper, { iconColor: variant === 'outline' ? color : undefined, children: _jsx("svg", Object.assign({ viewBox: "0 0 256 256", width: "100%", height: "100%" }, rest, { children: paths })) }) }));
-    });
-    IconComponent.displayName = displayName;
-    return IconComponent;
-}
-export function createIcon(displayName, svgOrPath) {
-    const weights = new Map();
-    if (typeof svgOrPath === 'string') {
-        const pathData = svgOrPath.includes('<svg') ? extractPath(svgOrPath) : svgOrPath;
-        weights.set('regular', _jsx("path", { d: pathData }));
-    }
-    else {
-        Object.entries(svgOrPath).forEach(([weight, pathOrSvg]) => {
-            const pathData = pathOrSvg.includes('<svg') ? extractPath(pathOrSvg) : pathOrSvg;
-            weights.set(weight, _jsx("path", { d: pathData }));
-        });
-    }
-    const IconComponent = forwardRef((props, ref) => {
-        const _a = props, { color, sx } = _a, rest = __rest(_a, ["color", "sx"]);
-        return (_jsx(Box, { component: "span", sx: Object.assign({ display: 'inline-flex', verticalAlign: 'middle' }, sx), children: _jsx(StyledIconWrapper, { iconColor: color, children: _jsx(SSRBase, Object.assign({ ref: ref }, rest, { color: "currentColor", weights: weights })) }) }));
-    });
-    IconComponent.displayName = displayName;
-    return IconComponent;
-}
+export const IconWrapper = ({ color, sx, size = '100%', children, className, }) => (_jsx(Box, { component: "span", className: className, sx: Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: size, height: size }, sx), children: _jsx(StyledIconWrapper, { iconColor: color, children: children }) }));

package/dist/src/utils/getMUIPalette.d.ts

@@ -1,15 +1,18 @@
 import { ThemeOptions, PaletteColor } from '@mui/material';
-import { getBlendSchemaWithStateLayer, getInverseBlendSchemaWithStateLayer } from '../index';
+import { getBlendSchemaWithStateLayer, getInverseBlendSchemaWithStateLayer, getOnPrimaryBlendSchemaWithStateLayer } from '../index';
 import { ThemeMode } from '../tokens/ThemeMode';
 import { ThemeScheme } from '../tokens/ThemeScheme';
-import { Schemes, StateLayers, InverseSchemes, InverseStateLayers } from '../tokens/colors';
+import { Schemes, StateLayers, InverseSchemes, InverseStateLayers, OnPrimarySchemes, OnPrimaryStateLayers } from '../tokens/colors';
 export type ThemeColors = {
     schemes: Schemes;
     stateLayers: StateLayers;
     inverseSchemes: InverseSchemes;
     inverseStateLayers: InverseStateLayers;
+    onPrimarySchemes: OnPrimarySchemes;
+    onPrimaryStateLayers: OnPrimaryStateLayers;
     blendSchemaWithStateLayer: ReturnType<typeof getBlendSchemaWithStateLayer>;
     blendInverseSchemaWithStateLayer: ReturnType<typeof getInverseBlendSchemaWithStateLayer>;
+    blendOnPrimarySchemaWithStateLayer: ReturnType<typeof getOnPrimaryBlendSchemaWithStateLayer>;
 };
 declare module '@mui/material/styles' {
     interface M3PaletteOptions {

package/dist/src/utils/getMUIPalette.js

@@ -1,4 +1,4 @@
-import { getBlendSchemaWithStateLayer, getInverseBlendSchemaWithStateLayer, } from '../index';
+import { getBlendSchemaWithStateLayer, getInverseBlendSchemaWithStateLayer, getOnPrimaryBlendSchemaWithStateLayer, } from '../index';
 export const getMUIPalette = (themeMode, themeScheme) => {
     const scheme = themeScheme[themeMode];
     return {
@@ -57,8 +57,11 @@ export const getMUIPalette = (themeMode, themeScheme) => {
             stateLayers: scheme.stateLayers,
             inverseSchemes: scheme.inverseSchemes,
             inverseStateLayers: scheme.inverseStateLayers,
+            onPrimarySchemes: scheme.onPrimarySchemes,
+            onPrimaryStateLayers: scheme.onPrimaryStateLayers,
             blendSchemaWithStateLayer: getBlendSchemaWithStateLayer(scheme.generatedSchemes, scheme.generatedStateLayers),
             blendInverseSchemaWithStateLayer: getInverseBlendSchemaWithStateLayer(scheme.generatedInverseSchemes, scheme.generatedInverseStateLayers),
+            blendOnPrimarySchemaWithStateLayer: getOnPrimaryBlendSchemaWithStateLayer(scheme.generatedOnPrimarySchemes, scheme.generatedOnPrimaryStateLayers),
         },
     };
 };

package/dist/src/utils/getMUIThemeCustoimzationType.d.ts

@@ -1,4 +1,4 @@
-import { Schemes, StateLayers, InverseSchemes, InverseStateLayers } from '../tokens/colors';
+import { Schemes, StateLayers, InverseSchemes, InverseStateLayers, OnPrimarySchemes, OnPrimaryStateLayers } from '../tokens/colors';
 import { TypescaleTypographyVariants } from '../index';
 import { BlendSchemaWithStateLayerFunction } from '../utils/getStateLayerColor';
 declare module '@mui/material/styles' {
@@ -14,8 +14,11 @@ declare module '@mui/material/styles' {
             stateLayers: StateLayers;
             inverseSchemes: InverseSchemes;
             inverseStateLayers: InverseStateLayers;
+            onPrimarySchemes: OnPrimarySchemes;
+            onPrimaryStateLayers: OnPrimaryStateLayers;
             blendSchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
             blendInverseSchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
+            blendOnPrimarySchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
         };
     }
     interface ThemeOptions {
@@ -24,8 +27,11 @@ declare module '@mui/material/styles' {
             stateLayers: StateLayers;
             inverseSchemes: InverseSchemes;
             inverseStateLayers: InverseStateLayers;
+            onPrimarySchemes: OnPrimarySchemes;
+            onPrimaryStateLayers: OnPrimaryStateLayers;
             blendSchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
             blendInverseSchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
+            blendOnPrimarySchemaWithStateLayer: BlendSchemaWithStateLayerFunction;
         };
     }
 }

package/dist/src/utils/getStateLayerColor.d.ts

@@ -1,9 +1,10 @@
-import { SchemesKey, InverseSchemesKey, StateLayersKey, InverseStateLayersKey, SchemesGenerated, InverseSchemesGenerated, StateLayersGenerated, InverseStateLayersGenerated } from '../tokens/colors';
-export type BlendSchemaWithStateLayerFunction = (schemaKey: SchemesKey | InverseSchemesKey, stateLayerKey: StateLayersKey | InverseStateLayersKey) => string;
-export declare const getBlendSchemaWithStateLayer: (schemesGenerated: SchemesGenerated | InverseSchemesGenerated, stateLayersGenerated: StateLayersGenerated | InverseStateLayersGenerated) => BlendSchemaWithStateLayerFunction;
+import { SchemesKey, InverseSchemesKey, OnPrimarySchemesKey, StateLayersKey, InverseStateLayersKey, OnPrimaryStateLayersKey, SchemesGenerated, InverseSchemesGenerated, OnPrimarySchemesGenerated, StateLayersGenerated, InverseStateLayersGenerated, OnPrimaryStateLayersGenerated } from '../tokens/colors';
+export type BlendSchemaWithStateLayerFunction = (schemaKey: SchemesKey | InverseSchemesKey | OnPrimarySchemesKey, stateLayerKey: StateLayersKey | InverseStateLayersKey | OnPrimaryStateLayersKey) => string;
+export declare const getBlendSchemaWithStateLayer: (schemesGenerated: SchemesGenerated | InverseSchemesGenerated | OnPrimarySchemesGenerated, stateLayersGenerated: StateLayersGenerated | InverseStateLayersGenerated | OnPrimaryStateLayersGenerated) => BlendSchemaWithStateLayerFunction;
 export declare const getInverseBlendSchemaWithStateLayer: (schemesGenerated: InverseSchemesGenerated, stateLayersGenerated: InverseStateLayersGenerated) => BlendSchemaWithStateLayerFunction;
+export declare const getOnPrimaryBlendSchemaWithStateLayer: (schemesGenerated: OnPrimarySchemesGenerated, stateLayersGenerated: OnPrimaryStateLayersGenerated) => BlendSchemaWithStateLayerFunction;
 /**
  * Blends a schema color by color-mix
  * Color mix is 2023 Baseline https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix
  */
-export declare const blendSchemaWithStateLayer: (schemesGenerated: SchemesGenerated | InverseSchemesGenerated, stateLayersGenerated: StateLayersGenerated | InverseStateLayersGenerated) => (schemaKey: SchemesKey | InverseSchemesKey, stateLayerKey: StateLayersKey | InverseStateLayersKey) => string;
+export declare const blendSchemaWithStateLayer: (schemesGenerated: SchemesGenerated | InverseSchemesGenerated | OnPrimarySchemesGenerated, stateLayersGenerated: StateLayersGenerated | InverseStateLayersGenerated | OnPrimaryStateLayersGenerated) => (schemaKey: SchemesKey | InverseSchemesKey | OnPrimarySchemesKey, stateLayerKey: StateLayersKey | InverseStateLayersKey | OnPrimaryStateLayersKey) => string;

package/dist/src/utils/getStateLayerColor.js

@@ -2,6 +2,7 @@
 // Function to get the blend function
 export const getBlendSchemaWithStateLayer = (schemesGenerated, stateLayersGenerated) => blendSchemaWithStateLayer(schemesGenerated, stateLayersGenerated);
 export const getInverseBlendSchemaWithStateLayer = (schemesGenerated, stateLayersGenerated) => blendSchemaWithStateLayer(schemesGenerated, stateLayersGenerated);
+export const getOnPrimaryBlendSchemaWithStateLayer = (schemesGenerated, stateLayersGenerated) => blendSchemaWithStateLayer(schemesGenerated, stateLayersGenerated);
 /**
  * Blends a schema color by color-mix
  * Color mix is 2023 Baseline https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webpros/mui-theme",
   "description": "MUI v7 theme for WebPros products",
-  "version": "0.3.10",
+  "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/Chip/components/ChipDeleteIcon.d.ts

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { XIcon } from '@phosphor-icons/react';
-export const ChipDeleteIcon = _jsx(XIcon, { size: 18 });

package/dist/src/components/inputs/Autocomplete/components/AutocompleteCaretDownIcon.d.ts

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { CaretDownIcon } from '@phosphor-icons/react';
-export const AutocompleteCaretDownIcon = _jsx(CaretDownIcon, {});

package/dist/src/components/inputs/Autocomplete/components/AutocompleteXIcon.d.ts

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

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 WebPros International GmbH. All rights reserved.
-import { XIcon } from '@phosphor-icons/react';
-export const AutocompleteXIcon = _jsx(XIcon, {});

package/dist/src/tokens/colors/inverseSchemas.d.ts

@@ -1,40 +0,0 @@
-import { RecursiveKeyOf, GeneratedRgba } from './types';
-export type InverseSchemes = {
-    surface: {
-        surface: string;
-        onSurface: string;
-        onSurfaceVariant: string;
-        outlineVariant: string;
-        surfaceContainer: string;
-        onSurfaceContainer: string;
-        outline: string;
-        surfaceContainerLowest: string;
-        surfaceContainerLow: string;
-        surfaceContainerHigh: string;
-        surfaceContainerHighest: string;
-        elevatedContainerLowest: string;
-        elevatedContainerLow: string;
-        elevatedContainer: string;
-        elevatedContainerHigh: string;
-    };
-    base: {
-        primary: string;
-        onPrimary: string;
-        secondary: string;
-        onSecondary: string;
-    };
-    status: {
-        error: string;
-        warning: string;
-        success: string;
-        info: string;
-        onError: string;
-        onWarning: string;
-        onInfo: string;
-        onSuccess: string;
-        undefined: string;
-        onUndefined: string;
-    };
-};
-export type InverseSchemesKey = `inverseSchemes.${RecursiveKeyOf<InverseSchemes>}`;
-export type InverseSchemesGenerated = Record<InverseSchemesKey, GeneratedRgba>;

package/dist/src/tokens/colors/schemas.d.ts

@@ -1,111 +0,0 @@
-import { RecursiveKeyOf, GeneratedRgba } from './types';
-export type Schemes = {
-    base: {
-        primary: string;
-        onPrimary: string;
-        primaryContainer: string;
-        onPrimaryContainer: string;
-        secondary: string;
-        onSecondary: string;
-        secondaryContainer: string;
-        onSecondaryContainer: string;
-        tertiary: string;
-        onTertiary: string;
-        tertiaryContainer: string;
-        onTertiaryContainer: string;
-        primaryVariant: string;
-        onPrimaryVariant: string;
-        onPrimaryBase: string;
-        onPrimaryBaseVariant: string;
-    };
-    surfaces: {
-        surfaceTint: string;
-        background: string;
-        onBackground: string;
-        surface: string;
-        onSurface: string;
-        surfaceVariant: string;
-        onSurfaceVariant: string;
-        outline: string;
-        outlineVariant: string;
-        shadow: string;
-        scrim: string;
-        surfaceDim: string;
-        surfaceBright: string;
-        surfaceContainerLowest: string;
-        surfaceContainerLow: string;
-        surfaceContainer: string;
-        surfaceContainerHigh: string;
-        surfaceContainerHighest: string;
-        elevatedContainerLowest: string;
-        elevatedContainerLow: string;
-        elevatedContainer: string;
-        elevatedContainerHigh: string;
-    };
-    status: {
-        error: string;
-        onError: string;
-        errorContainer: string;
-        onErrorContainer: string;
-        warning: string;
-        onWarning: string;
-        warningContainer: string;
-        onWarningContainer: string;
-        info: string;
-        onInfo: string;
-        infoContainer: string;
-        onInfoContainer: string;
-        onSuccess: string;
-        successContainer: string;
-        onSuccessContainer: string;
-        success: string;
-        undefined: string;
-        onUndefined: string;
-        undefinedContainer: string;
-        onUndefinedContainer: string;
-    };
-    fixed: {
-        primaryFixed: string;
-        onPrimaryFixed: string;
-        primaryFixedDim: string;
-        onPrimaryFixedVariant: string;
-        secondaryFixed: string;
-        onSecondaryFixed: string;
-        secondaryFixedDim: string;
-        onSecondaryFixedVariant: string;
-        tertiaryFixed: string;
-        onTertiaryFixed: string;
-        tertiaryFixedDim: string;
-        onTertiaryFixedVariant: string;
-        errorFixedDim: string;
-        warningFixedDim: string;
-        infoFixedDim: string;
-        successFixedDim: string;
-    };
-    charts: {
-        chart01: string;
-        chart02: string;
-        chart03: string;
-        chart04: string;
-        chart05: string;
-        chart06: string;
-        chart07: string;
-        chart08: string;
-        chart09: string;
-        chartError: string;
-        chartWarning: string;
-        chartSuccess: string;
-        chartUndefined: string;
-        chart10: string;
-    };
-    typography: {
-        primary: string;
-        error: string;
-        onSurface: string;
-        primaryVisited: string;
-        errorVisited: string;
-        onSurfaceVisited: string;
-    };
-};
-export type SchemesKey = `schemes.${RecursiveKeyOf<Schemes>}`;
-export type SchemesGenerated = Record<SchemesKey, GeneratedRgba>;