@centreon/ui 23.10.36 → 23.10.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "23.10.36",
+  "version": "23.10.38",
   "description": "Centreon UI Components",
   "scripts": {
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx --max-warnings 0",

package/src/Form/CollapsibleGroup.tsx

@@ -95,7 +95,11 @@ const CollapsibleGroup = ({
         <ContainerComponent>
           {isCollapsible && <CollapseIcon />}
           <div className={classes.groupTitleIcon}>
-            <Typography className="groupText" variant="h5">
+            <Typography
+              className="groupText"
+              variant="h5"
+              {...group?.titleAttributes}
+            >
               {t(group?.name as string)}
             </Typography>
             {group?.EndIcon && (

package/src/Form/Inputs/models.ts

@@ -1,6 +1,6 @@
 import { FormikValues } from 'formik';
 
-import { SvgIconProps } from '@mui/material';
+import { SvgIconProps, TypographyProps } from '@mui/material';
 
 import { SelectEntry } from '../../InputField/Select';
 import { ConditionsSearchParameter } from '../../api/buildListingEndpoint/models';
@@ -104,4 +104,5 @@ export interface Group {
   TooltipContent?: () => JSX.Element;
   name: string;
   order: number;
+  titleAttributes?: TypographyProps;
 }

package/src/ThemeProvider/index.tsx

@@ -283,10 +283,7 @@ export const getTheme = (mode: ThemeMode): ThemeOptions => ({
     caption: {
       fontSize: '0.625rem'
     },
-    fontFamily: 'Roboto, Arial',
-    formTitle: {
-      fontSize: '1.125rem'
-    }
+    fontFamily: 'Roboto, Arial'
   }
 });