@webpros/mui-theme 0.4.1 → 0.4.3

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@webpros/mui-theme",
     "description": "MUI v7 theme for WebPros products",
-    "version": "0.4.1",
+    "version": "0.4.3",
     "license": "MIT",
     "repository": {
         "type": "git",

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

@@ -1,5 +1,5 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { modalClasses, dialogContentClasses, dialogClasses, iconButtonClasses, } from '@mui/material';
+import { dialogContentClasses, iconButtonClasses, } from '@mui/material';
 export const getDialog = (theme) => {
     const { spacing, colors } = theme;
     const closeButtonPosition = {
@@ -28,24 +28,12 @@ export const getDialog = (theme) => {
             },
             styleOverrides: {
                 paper: {
-                    borderRadius: 10,
+                    minHeight: spacing(25),
                     backgroundColor: colors.schemes.surfaces.elevatedContainer,
                     [`& > .${iconButtonClasses.root}`]: closeButtonPosition,
                     [`& > .${iconButtonClasses.root} + .${dialogContentClasses.root}`]: {
                         paddingTop: spacing(5.125),
                     },
-                    [`&.${dialogClasses.paperFullScreen}`]: {
-                        borderRadius: 0,
-                        maxWidth: 'none',
-                        maxHeight: 'none',
-                    },
-                },
-                root: {
-                    height: 'auto',
-                    [`&.${modalClasses.root}.${dialogClasses.root} .${dialogClasses.paper}`]: {
-                        height: 'auto',
-                        minHeight: spacing(25),
-                    },
                 },
             },
         },

package/dist/src/components/inputs/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -2,12 +2,14 @@ import { ReactNode } from 'react';
 type ToggleButtonGroupProps = {
     children: ReactNode;
     multiple?: boolean;
+    value?: string | string[];
+    onToggle?: (value: string | string[]) => void;
 };
 export type ToggleContextType = {
     value: string | Array<string>;
     handleToggle: React.MouseEventHandler;
 };
 export declare const ToggleContext: import("react").Context<ToggleContextType>;
-export declare const ToggleButtonGroup: ({ children, multiple }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleButtonGroup: ({ children, multiple, value: controlledValue, onToggle, }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export type ToggleButtonGroupComponentType = typeof ToggleButtonGroup;
 export {};

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

@@ -13,19 +13,24 @@ const toggleGroupSX = {
     gap: 0.25,
     width: 'fit-content',
 };
-export const ToggleButtonGroup = ({ children, multiple = false }) => {
-    const [value, setValue] = useState(multiple ? [] : '');
+export const ToggleButtonGroup = ({ children, multiple = false, value: controlledValue, onToggle, }) => {
+    const [internalValue, setInternalValue] = useState(multiple ? [] : '');
+    const value = controlledValue !== null && controlledValue !== void 0 ? controlledValue : internalValue;
     const handleToggle = (e) => {
         const clickedValue = e.currentTarget.value;
+        let newValue;
         if (Array.isArray(value)) {
-            const newValue = value.includes(clickedValue)
+            newValue = value.includes(clickedValue)
                 ? value.filter((item) => item !== clickedValue)
                 : [...value, clickedValue];
-            setValue(newValue);
         }
         else {
-            setValue(clickedValue);
+            newValue = clickedValue;
         }
+        if (controlledValue === undefined) {
+            setInternalValue(newValue);
+        }
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(newValue);
         e.currentTarget.blur();
     };
     const toggleContextValue = { value, handleToggle };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webpros/mui-theme",
   "description": "MUI v7 theme for WebPros products",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -123,4 +123,4 @@
   "resolutions": {
     "react-is": "^18.3.1"
   }
-}
+}