@am92/react-design-system 2.6.0 → 2.7.1

package/dist/Components/DsAccordion/DsAccordion.Component.d.ts

@@ -1,6 +1,3 @@
-import { PureComponent } from 'react';
+import { FC } from 'react';
 import { DsAccordionProps } from './DsAccordion.Types';
-export declare class DsAccordion extends PureComponent<DsAccordionProps> {
-    getMergedProps: () => DsAccordionProps;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare const DsAccordion: FC<DsAccordionProps>;

package/dist/Components/DsAccordion/DsAccordion.Component.js

@@ -1,17 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PureComponent } from 'react';
 import Accordion from '@mui/material/Accordion';
-import { DsAccordionSummary } from '../DsAccordionSummary';
+import { useThemeProps } from '@mui/system';
 import { DsAccordionDetails } from '../DsAccordionDetails';
-import { DsAccordionDefaultProps } from './DsAccordion.Types';
-export class DsAccordion extends PureComponent {
-    // Since we have custome props defined merging of default props is necessary
-    getMergedProps = () => {
-        return { ...DsAccordionDefaultProps, ...this.props };
-    };
-    render() {
-        const mergedProps = this.getMergedProps();
-        const { header, HeaderProps, summary, SummaryProps, expandIcon, ...AccordionProps } = mergedProps;
-        return (_jsxs(Accordion, { ...AccordionProps, children: [_jsx(DsAccordionSummary, { expandIcon: expandIcon, ...HeaderProps, children: header }), summary && (_jsx(DsAccordionDetails, { ...SummaryProps, children: summary }))] }));
-    }
-}
+import { DsAccordionSummary } from '../DsAccordionSummary';
+import { DsRemixIcon } from '../DsRemixIcon';
+export const DsAccordion = inProps => {
+    const props = useThemeProps({
+        props: inProps,
+        name: 'MuiAccordion'
+    });
+    const { header, HeaderProps, summary, SummaryProps, expandIcon = (_jsx(DsRemixIcon, { className: "ri-arrow-drop-down-line", fontSize: "bitterCold" })), ...AccordionProps } = props;
+    return (_jsxs(Accordion, { ...AccordionProps, children: [_jsx(DsAccordionSummary, { expandIcon: expandIcon, ...HeaderProps, children: header }), summary && (_jsx(DsAccordionDetails, { ...SummaryProps, children: summary }))] }));
+};

package/dist/Components/DsAccordion/DsAccordion.Overrides.d.ts

@@ -4,7 +4,7 @@ export declare const DsAccordionOverrides: {
         styleOverrides: {
             root: {
                 backgroundColor: string;
-                boxShadow: string;
+                backgroundImage: string;
                 overflow: string;
                 '&:not(:first-of-type):not(.Mui-expanded)': {
                     marginTop: string;

package/dist/Components/DsAccordion/DsAccordion.Overrides.js

@@ -5,7 +5,7 @@ export const DsAccordionOverrides = {
         styleOverrides: {
             root: {
                 backgroundColor: 'var(--ds-colour-surfacePrimary)',
-                boxShadow: 'var(--ds-elevation--1)',
+                backgroundImage: 'none',
                 overflow: 'hidden',
                 '&:not(:first-of-type):not(.Mui-expanded)': {
                     marginTop: '-1px'

package/dist/Components/DsAccordion/DsAccordion.Types.js

@@ -1,7 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DsRemixIcon } from '../DsRemixIcon';
 export const DsAccordionDefaultProps = {
+    elevation: -1,
     header: '',
-    summary: '',
-    expandIcon: (_jsx(DsRemixIcon, { className: "ri-arrow-drop-down-line", fontSize: "bitterCold" }))
+    summary: ''
 };

package/dist/Components/DsAppBar/DsAppBar.Types.js

@@ -1,8 +1,5 @@
 export const DsAppBarDefaultProps = {
     color: 'default',
     enableColorOnDark: true,
-    elevation: 0,
-    appBarTitle: '',
-    navigation: false,
-    actions: false
+    elevation: 0
 };

package/dist/Components/DsAutocomplete/DsAutocomplete.Overrides.d.ts

@@ -22,7 +22,6 @@ export declare const DsAutocompleteOverrides: {
                 };
             };
             endAdornment: {
-                top: string;
                 right: string;
                 display: string;
                 alignItems: string;

package/dist/Components/DsAutocomplete/DsAutocomplete.Overrides.js

@@ -23,7 +23,6 @@ export const DsAutocompleteOverrides = {
                 }
             },
             endAdornment: {
-                top: 'unset',
                 right: '8px',
                 display: 'flex',
                 alignItems: 'center',

package/dist/Components/DsBottomSheet/DsBottomSheet.Component.js

@@ -45,7 +45,7 @@ export class DsBottomSheet extends PureComponent {
                     maxHeight: 'var(--ds-rules-bottomSheetWorkingAreaHeight)',
                     ...PaperProps?.sx
                 }
-            }, children: [showClose && (_jsx(DsIconButton, { onClick: this.handleCloseClick, ...CloseIconButtonProps, sx: {
+            }, onClose: this.handleDrawerClose, children: [showClose && (_jsx(DsIconButton, { onClick: this.handleCloseClick, ...CloseIconButtonProps, sx: {
                         flexGrow: 0,
                         alignSelf: 'center',
                         backgroundColor: 'var(--ds-colour-iconDefault)',

package/dist/Components/DsDivider/DsDivider.Overrides.js

@@ -14,13 +14,23 @@ export const DsDividerOverrides = {
             {
                 props: { 'ds-size': 'M' },
                 style: {
-                    borderWidth: '0.5px'
+                    '&::before': {
+                        borderWidth: '0.5px'
+                    },
+                    '&::after': {
+                        borderWidth: '0.5px'
+                    }
                 }
             },
             {
                 props: { 'ds-size': 'L' },
                 style: {
-                    borderWidth: '6px'
+                    '&::before': {
+                        borderWidth: '6px'
+                    },
+                    '&::after': {
+                        borderWidth: '6px'
+                    }
                 }
             }
         ]

package/dist/Components/DsInputBase/DsInputBase.Overrides.js

@@ -115,6 +115,7 @@ export const DsInputBaseOverrides = {
                     padding: 'var(--ds-spacing-deepFreeze)',
                     height: 'auto'
                 },
+                // The warning for SSR let it be
                 '> :nth-child(even)': {
                     marginLeft: 'var(--ds-spacing-quickFreeze)'
                 }

package/dist/Components/DsNotistack/AlertMessage.Component.d.ts

@@ -1,15 +1,13 @@
 import React from 'react';
-import { VariantType } from 'notistack';
+import { OptionsObject } from 'notistack';
 import { DsToastProps } from '../DsToast';
-export interface AlertMessageProps extends Omit<DsToastProps, 'variant' | 'color' | 'ref'> {
-    message: string;
+import { DsNotistackProviderProps, NotiStackMessage } from './DsNotistack.Types';
+export interface AlertMessageProps extends Omit<DsToastProps, 'variant'>, Pick<OptionsObject, Exclude<keyof OptionsObject, keyof Omit<DsToastProps, 'variant'>>>, NotiStackMessage {
     toastVariant: DsToastProps['variant'];
-    onClose: (props: object) => void;
-    variant?: VariantType & DsToastProps['color'];
-    sx?: object;
+    iconVariant: DsNotistackProviderProps['iconVariant'];
 }
-export declare const DsNotistackAlertDefault: React.ForwardRefExoticComponent<AlertMessageProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DsNotistackAlertSuccess: React.ForwardRefExoticComponent<AlertMessageProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DsNotistackAlertError: React.ForwardRefExoticComponent<AlertMessageProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DsNotistackAlertWarning: React.ForwardRefExoticComponent<AlertMessageProps & React.RefAttributes<HTMLDivElement>>;
-export declare const DsNotistackAlertInfo: React.ForwardRefExoticComponent<AlertMessageProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DsNotistackAlertDefault: React.ForwardRefExoticComponent<Omit<AlertMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DsNotistackAlertSuccess: React.ForwardRefExoticComponent<Omit<AlertMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DsNotistackAlertError: React.ForwardRefExoticComponent<Omit<AlertMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DsNotistackAlertWarning: React.ForwardRefExoticComponent<Omit<AlertMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DsNotistackAlertInfo: React.ForwardRefExoticComponent<Omit<AlertMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/Components/DsNotistack/AlertMessage.Component.js

@@ -2,23 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Component } from 'react';
 import { closeSnackbar } from 'notistack';
 import { DsToast } from '../DsToast';
-const AlertMessageDefaultProps = {
-    toastVariant: 'filled',
-    message: '',
-    onClose: props => undefined
-};
 class AlertMessage extends Component {
-    static defaultProps = AlertMessageDefaultProps;
     handleClose = () => {
-        const { id, onClose } = this.props;
-        if (onClose && typeof onClose === 'function') {
-            onClose(this.props);
-        }
+        const { id } = this.props;
         closeSnackbar(id);
     };
     render() {
-        const { forwardedRef, message, toastVariant, variant, icon, action, sx } = this.props;
-        return (_jsx(DsToast, { forwardedRef: forwardedRef, variant: toastVariant, color: variant, sx: sx, icon: icon, action: action, onClose: this.handleClose, children: message }));
+        const { ref, toastVariant, variant, message, id, autoHideDuration, hideIconVariant, anchorOrigin, persist, iconVariant, ...restProps } = this.props;
+        return (_jsx(DsToast, { ...restProps, variant: toastVariant, color: variant, onClose: this.handleClose, children: message }));
     }
 }
 export const DsNotistackAlertDefault = React.forwardRef((props, ref) => {

package/dist/Components/DsNotistack/DsNotistack.Types.d.ts

@@ -1,12 +1,10 @@
-import { SharedProps, SnackbarKey, SnackbarMessage, SnackbarProviderProps } from 'notistack';
+import { OptionsObject, SnackbarKey, SnackbarMessage, SnackbarProviderProps } from 'notistack';
 import { DsToastProps } from '../DsToast';
 export interface DsNotistackProviderProps extends SnackbarProviderProps {
 }
 export type DsNotistackKey = SnackbarKey;
-export interface EnqueNotistackProps extends SharedProps {
+export interface NotiStackMessage {
     message: SnackbarMessage;
-    key?: DsNotistackKey;
-    toastVariant?: Omit<DsToastProps['variant'], 'standard'>;
-    icon?: DsToastProps['icon'];
 }
-export declare const DsNotistackDefaultProps: DsNotistackProviderProps;
+export interface EnqueNotistackProps extends OptionsObject, NotiStackMessage, Pick<DsToastProps, Exclude<keyof DsToastProps, keyof OptionsObject>> {
+}

package/dist/Components/DsNotistack/DsNotistack.Types.js

@@ -1 +1 @@
-export const DsNotistackDefaultProps = {};
+export {};

package/dist/Components/DsPaper/DsPaper.Overrides.d.ts

@@ -1,10 +1,6 @@
 export declare const DsPaperOverrides: {
     MuiPaper: {
         defaultProps: import("./DsPaper.Types").DsPaperProps;
-    };
-    styleOverrides: {
-        root: {
-            boxShadow: string;
-        };
+        styleOverrides: {};
     };
 };

package/dist/Components/DsPaper/DsPaper.Overrides.js

@@ -1,11 +1,7 @@
 import { DsPaperDefaultProps } from './DsPaper.Types';
 export const DsPaperOverrides = {
     MuiPaper: {
-        defaultProps: DsPaperDefaultProps
-    },
-    styleOverrides: {
-        root: {
-            boxShadow: 'var(--ds-elevation-0)'
-        }
+        defaultProps: DsPaperDefaultProps,
+        styleOverrides: {}
     }
 };

package/dist/Components/DsPaper/DsPaper.Types.js

@@ -1 +1,3 @@
-export const DsPaperDefaultProps = {};
+export const DsPaperDefaultProps = {
+    elevation: 0
+};

package/dist/Components/DsProgressIndicator/DsProgressIndicator.Component.js

@@ -25,7 +25,7 @@ export class DsProgressIndicator extends Component {
         const squareSize = this.props['ds-variant'] === 'fraction' ? '48px' : '32px';
         const fillPercentage = Math.round((activeStep / steps) * 100);
         const fillColor = isSuccess ? 'success' : isError ? 'error' : 'secondary';
-        return (_jsxs(DsBox, { display: "flex", position: "relative", height: squareSize, width: squareSize, children: [_jsx(DsCircularProgress, { variant: "determinate", value: 100, sx: { color: 'var(--ds-colour-stateDisabledSurface)' }, size: squareSize, thickness: 4 }), _jsx(DsCircularProgress, { disableShrink: true, variant: "determinate", color: fillColor, value: fillPercentage, size: squareSize, thickness: 4, style: {
+        return (_jsxs(DsBox, { display: "flex", position: "relative", height: squareSize, width: squareSize, children: [_jsx(DsCircularProgress, { variant: "determinate", value: 100, sx: { color: 'var(--ds-colour-stateDisabledSurface)' }, size: squareSize, thickness: 4 }), _jsx(DsCircularProgress, { variant: "determinate", color: fillColor, value: fillPercentage, size: squareSize, thickness: 4, style: {
                         position: 'absolute'
                     } }), _jsx(DsTypography, { variant: "subheadingSemiboldDefault", sx: {
                         position: 'absolute',

package/dist/Components/DsSelect/DsSelect.Component.js

@@ -13,13 +13,13 @@ export class DsSelect extends PureComponent {
     static defaultProps = DsSelectDefaultProps;
     selectRef = React.createRef();
     render() {
-        const { id, name, placeholder, label, labelSupportText, color, helperText, success, error, sx, fullWidth, children, options, disabled, FormControlProps, InputLabelProps, FormHelperTextProps, ...selectProps } = this.props;
+        const { id, name, placeholder, label, labelSupportText, color, helperText, success, error, sx, fullWidth, children, options, disabled, FormControlProps, InputLabelProps, FormHelperTextProps, required, ...selectProps } = this.props;
         const customColor = success ? 'success' : color;
         const valueMap = options.reduce((acc, item) => {
             acc.set(item.value, item.label);
             return acc;
         }, new Map());
-        return (_jsxs(DsFormControl, { fullWidth: fullWidth, color: customColor, error: error, sx: sx, disabled: disabled, ...FormControlProps, children: [_jsx(DsInputLabel, { label: label, labelSupportText: labelSupportText, error: error, success: success, htmlFor: id || name, disabled: disabled, ...InputLabelProps }), _jsxs(Select, { ref: this.selectRef, id: id, name: name, IconComponent: IconComponent, displayEmpty: true, input: _jsx(DsInputBase, {}), renderValue: value => {
+        return (_jsxs(DsFormControl, { fullWidth: fullWidth, color: customColor, error: error, sx: sx, disabled: disabled, required: required, ...FormControlProps, children: [_jsx(DsInputLabel, { label: label, labelSupportText: labelSupportText, error: error, success: success, htmlFor: id || name, disabled: disabled, ...InputLabelProps }), _jsxs(Select, { ref: this.selectRef, id: id, name: name, IconComponent: IconComponent, displayEmpty: true, input: _jsx(DsInputBase, {}), renderValue: value => {
                         if (!value || (value instanceof Array && !value.length)) {
                             return (_jsx(DsTypography, { variant: "bodyRegularMedium", color: "text.disabled", children: placeholder }));
                         }

package/dist/Components/DsSelect/DsSelect.Types.js

@@ -1,5 +1,7 @@
 export const DsSelectDefaultProps = {
     options: [],
+    variant: 'filled',
+    defaultValue: '',
     MenuProps: {
         anchorOrigin: {
             vertical: 'bottom',

package/dist/Components/DsToast/DsToast.Component.js

@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { PureComponent } from 'react';
 import Alert from '@mui/material/Alert';
 import { DsRemixIcon } from '../DsRemixIcon';
-const CloseIcon = (props) => (_jsx(DsRemixIcon, { ...props, fontSize: "mild", className: "ri-close-line" }));
+const CloseIcon = (props) => {
+    const { ownerState, ...restProps } = props;
+    return (_jsx(DsRemixIcon, { fontSize: "mild", className: "ri-close-line", ...restProps }));
+};
 export class DsToast extends PureComponent {
     render() {
         const { forwardedRef, ...restProps } = this.props;
-        return (_jsx(Alert, { ref: forwardedRef, ...restProps, components: {
-                ...this.props.components,
-                CloseIcon
-            } }));
+        return (_jsx(Alert, { ref: forwardedRef, ...restProps, slots: { closeIcon: CloseIcon, ...restProps?.slots } }));
     }
 }

package/dist/Theme/componentOverrides.d.ts

@@ -719,11 +719,7 @@ declare const componentOverrides: {
     };
     MuiPaper: {
         defaultProps: import("../Components").DsPaperProps;
-    };
-    styleOverrides: {
-        root: {
-            boxShadow: string;
-        };
+        styleOverrides: {};
     };
     MuiMenuItem: {
         styleOverrides: {
@@ -1292,7 +1288,6 @@ declare const componentOverrides: {
                 };
             };
             endAdornment: {
-                top: string;
                 right: string;
                 display: string;
                 alignItems: string;
@@ -1373,7 +1368,7 @@ declare const componentOverrides: {
         styleOverrides: {
             root: {
                 backgroundColor: string;
-                boxShadow: string;
+                backgroundImage: string;
                 overflow: string;
                 '&:not(:first-of-type):not(.Mui-expanded)': {
                     marginTop: string;

package/dist/Theme/elevation.d.ts

@@ -1,3 +1,4 @@
-import { DsElevation } from '../Types';
+import { DsElevation, DsShadows } from '../Types';
 declare const dsElevation: DsElevation;
+export declare const dsShadows: DsShadows;
 export default dsElevation;

package/dist/Theme/elevation.js

@@ -12,4 +12,32 @@ const dsElevation = {
     16: '0px 16px 24px rgba(0, 0, 0, 0.08)',
     24: '0px 24px 40px rgba(0, 0, 0, 0.08)'
 };
+export const dsShadows = [
+    '0px 0px 10px rgba(0, 0, 0, 0.1)',
+    '0px 0px 2px rgba(0, 0, 0, 0.1)',
+    '0px 2px 4px rgba(0, 0, 0, 0.08)',
+    '0px 3px 4px rgba(0, 0, 0, 0.08)',
+    '0px 4px 6px rgba(0, 0, 0, 0.08)',
+    'none',
+    '0px 6px 10px rgba(0, 0, 0, 0.08)',
+    'none',
+    '0px 8px 12px rgba(0, 0, 0, 0.08)',
+    '0px 9px 14px rgba(0, 0, 0, 0.08)',
+    'none',
+    'none',
+    '0px 12px 20px rgba(0, 0, 0, 0.08)',
+    'none',
+    'none',
+    'none',
+    '0px 16px 24px rgba(0, 0, 0, 0.08)',
+    'none',
+    'none',
+    'none',
+    'none',
+    'none',
+    'none',
+    'none',
+    '0px 24px 40px rgba(0, 0, 0, 0.08)'
+];
+dsShadows[-1] = 'none';
 export default dsElevation;

package/dist/Theme/index.d.ts

@@ -1,6 +1,6 @@
 import { CssVarsTheme, PaletteColorOptions, Theme } from '@mui/material/styles';
 import dsSpacing, { SPACE_COEFFICIENT } from './spacing';
-import { DsPalette } from '../Types';
+import { DsPalette, DsShadows } from '../Types';
 export declare function getTheme(palette?: DsPalette, fontFamilyName?: string, themeArgs?: object[]): Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme;
 export { dsSpacing, SPACE_COEFFICIENT };
 declare module '@mui/material/styles' {
@@ -19,4 +19,7 @@ declare module '@mui/material/styles' {
         surface?: PaletteColorOptions;
         tertiary?: PaletteColorOptions;
     }
+    interface CssVarsThemeOptions {
+        shadows: DsShadows;
+    }
 }

package/dist/Theme/index.js

@@ -5,7 +5,7 @@ import breakpoints from './breakpoints';
 import componentOverrides from './componentOverrides';
 import dsRules from './rules';
 import dsSpacing, { dsSpacingCssVars, SPACE_COEFFICIENT } from './spacing';
-import dsElevation from './elevation';
+import dsElevation, { dsShadows } from './elevation';
 import { PALETTE, FONT_FAMILY_NAME } from '../Constants';
 import { DSTYPOGRAPHY_TOKENS } from '../Constants';
 import dsRadius from './radius';
@@ -30,7 +30,8 @@ export function getTheme(palette = PALETTE, fontFamilyName = FONT_FAMILY_NAME, t
         shape: { borderRadius: 2 },
         breakpoints,
         typography,
-        spacing: (input) => input * SPACE_COEFFICIENT
+        spacing: (input) => input * SPACE_COEFFICIENT,
+        shadows: dsShadows
     };
     let theme = extendTheme(cssVarsThemeOptions, ...(themeArgs || []));
     theme = responsiveFontSizes(theme, {

package/dist/Types/DsElevation.d.ts

@@ -1,4 +1,5 @@
-export type DsElevationKeys = '-1' | 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
+export type DsElevationKeys = -1 | 0 | 1 | 2 | 3 | 4 | 6 | 8 | 9 | 12 | 16 | 24;
 export type DsElevation = {
     [key in DsElevationKeys]: string;
 };
+export type DsShadows = string[];

package/dist/x-charts/Types/index.d.ts

@@ -1 +1,45 @@
+export { AnimatedAreaProps as DsAnimatedAreaProps } from '@mui/x-charts';
+export { AnimatedLineProps as DsAnimatedLineProps } from '@mui/x-charts';
+export { AreaElementProps as DsAreaElementProps } from '@mui/x-charts';
+export { AreaPlotProps as DsAreaPlotProps } from '@mui/x-charts';
+export { BarChartProps as DsBarChartProps } from '@mui/x-charts';
+export { BarElementProps as DsBarElementProps } from '@mui/x-charts';
+export { BarLabelProps as DsBarLabelProps } from '@mui/x-charts';
+export { BarPlotProps as DsBarPlotProps } from '@mui/x-charts';
+export { ChartContainerProps as DsChartContainerProps } from '@mui/x-charts';
+export { ChartsAxisProps as DsChartsAxisProps } from '@mui/x-charts';
+export { ChartsAxisHighlightProps as DsChartsAxisHighlightProps } from '@mui/x-charts';
+export { ChartsClipPathProps as DsChartsClipPathProps } from '@mui/x-charts';
+export { ChartsGridProps as DsChartsGridProps } from '@mui/x-charts';
+export { ChartsLegendProps as DsChartsLegendProps } from '@mui/x-charts';
+export { ChartsOnAxisClickHandlerProps as DsChartsOnAxisClickHandlerProps } from '@mui/x-charts';
+export { ChartsSurfaceProps as DsChartsSurfaceProps } from '@mui/x-charts';
+export { ChartsTextProps as DsChartsTextProps } from '@mui/x-charts';
+export { ChartsTooltipProps as DsChartsTooltipProps } from '@mui/x-charts';
+export { ChartsVoronoiHandlerProps as DsChartsVoronoiHandlerProps } from '@mui/x-charts';
+export { ChartsXAxisProps as DsChartsXAxisProps } from '@mui/x-charts';
+export { ChartsYAxisProps as DsChartsYAxisProps } from '@mui/x-charts';
+export { ChartsAxisContentProps as DsChartsAxisContentProps } from '@mui/x-charts';
+export { ChartsItemContentProps as DsChartsItemContentProps } from '@mui/x-charts';
+export { LegendRendererProps as DsLegendRendererProps } from '@mui/x-charts';
+export { GaugeProps as DsGaugeProps } from '@mui/x-charts';
+export { GaugeContainerProps as DsGaugeContainerProps } from '@mui/x-charts';
+export { LineChartProps as DsLineChartProps } from '@mui/x-charts';
+export { LineElementProps as DsLineElementProps } from '@mui/x-charts';
+export { LineHighlightElementProps as DsLineHighlightElementProps } from '@mui/x-charts';
+export { LineHighlightPlotProps as DsLineHighlightPlotProps } from '@mui/x-charts';
+export { LinePlotProps as DsLinePlotProps } from '@mui/x-charts';
+export { MarkElementProps as DsMarkElementProps } from '@mui/x-charts';
+export { MarkPlotProps as DsMarkPlotProps } from '@mui/x-charts';
+export { PieArcProps as DsPieArcProps } from '@mui/x-charts';
+export { PieArcLabelProps as DsPieArcLabelProps } from '@mui/x-charts';
+export { PieArcLabelPlotProps as DsPieArcLabelPlotProps } from '@mui/x-charts';
+export { PieArcPlotProps as DsPieArcPlotProps } from '@mui/x-charts';
+export { PieChartProps as DsPieChartProps } from '@mui/x-charts';
+export { PiePlotProps as DsPiePlotProps } from '@mui/x-charts';
+export { ResponsiveChartContainerProps as DsResponsiveChartContainerProps } from '@mui/x-charts';
+export { ScatterProps as DsScatterProps } from '@mui/x-charts';
+export { ScatterChartProps as DsScatterChartProps } from '@mui/x-charts';
+export { ScatterPlotProps as DsScatterPlotProps } from '@mui/x-charts';
+export { SparkLineChartProps as DsSparkLineChartProps } from '@mui/x-charts';
 export * from './DsDataVisColors.Types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@am92/react-design-system",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "description": "ReactJS Design System using Material UI",
   "sideEffects": false,
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
     "@mui/lab": "5.0.0-alpha.155",
     "@mui/material": "~5.16.7",
     "@mui/system": "~5.16.7",
-    "@mui/x-charts": "^7.17.0",
+    "@mui/x-charts": "7.15.0",
     "@mui/x-date-pickers": "~6.19.5",
     "date-fns": "~2.30.0",
     "lottie-react": "~2.4.0",