@am92/react-design-system 2.10.2 → 3.0.1-beta.1

package/dist/Theme/componentOverrides.js

@@ -1,9 +1,10 @@
-import { DsAccordionOverrides, DsAccordionActionsOverrides, DsAccordionDetailsOverrides, DsAccordionSummaryOverrides, DsAppBarOverrides, DsAutocompleteOverrides, DsAvatarOverrides, DsAvatarGroupOverrides, DsBackdropOverrides, DsBadgeOverrides, DsBottomNavigationOverrides, DsBottomNavigationActionOverrides, DsBottomSheetOverrides, DsBoxOverrides, DsBreadcrumbsOverrides, DsButtonOverrides, DsButtonBaseOverrides, DsButtonGroupOverrides, DsCardOverrides, DsCardActionAreaOverrides, DsCardActionsOverrides, DsCardContentOverrides, DsCardHeaderOverrides, DsCardMediaOverrides, DsCarouselOverrides, DsCheckboxOverrides, DsChipOverrides, DsChipGroupOverrides, DsCircularProgressOverrides, DsClickAwayListenerOverrides, DsCollapseOverrides, DsCssBaselineOverrides, DsContainerOverrides, DsDialogOverrides, DsDialogActionsOverrides, DsDialogContentOverrides, DsDialogContentTextOverrides, DsDialogTitleOverrides, DsDividerOverrides, DsDrawerOverrides, DsFabOverrides, DsFadeOverrides, DsFileUploaderOverrides, DsFilledInputOverrides, DsFormControlOverrides, DsFormControlLabelOverrides, DsFormGroupOverrides, DsFormHelperTextOverrides, DsFormLabelOverrides, DsGlobalStylesOverrides, DsGridOverrides, DsGrowOverrides, DsHeaderOverrides, DsHelperTextOverrides, DsIconOverrides, DsIconButtonOverrides, DsImageOverrides, DsImageListOverrides, DsImageListItemOverrides, DsImageListItemBarOverrides, DsInputOverrides, DsInputAdornmentOverrides, DsInputBaseOverrides, DsInputLabelOverrides, DsLinearProgressOverrides, DsLinkOverrides, DsListOverrides, DsListItemOverrides, DsListItemAvatarOverrides, DsListItemButtonOverrides, DsListItemIconOverrides, DsListItemSecondaryActionOverrides, DsListItemTextOverrides, DsListSubheaderOverrides, DsLoaderOverrides, DsMenuOverrides, DsMenuItemOverrides, DsMenuListOverrides, DsMobileStepperOverrides, DsModalOverrides, DsNativeSelectOverrides, DsNoSsrOverrides, DsNotistackOverrides, DsOtpOverrides, DsOutlinedInputOverrides, DsPaginationOverrides, DsPaginationItemOverrides, DsPaperOverrides, DsPopoverOverrides, DsPopperOverrides, DsPopupOverrides, DsPortalOverrides, DsProgressIndicatorOverrides, DsProgressTrackerOverrides, DsRadioOverrides, DsRadioGroupOverrides, DsRatingOverrides, DsRemixIconOverrides, DsScopedCssBaselineOverrides, DsSearchbarOverrides, DsSelectOverrides, DsSkeletonOverrides, DsSlideOverrides, DsSliderOverrides, DsSpeedDialOverrides, DsSpeedDialActionOverrides, DsSpeedDialIconOverrides, DsStackOverrides, DsStepOverrides, DsStepButtonOverrides, DsStepConnectorOverrides, DsStepContentOverrides, DsStepIconOverrides, DsStepLabelOverrides, DsStepperOverrides, DsSvgIconOverrides, DsSwipeableDrawerOverrides, DsSwitchOverrides, DsTabOverrides, DsTabScrollButtonOverrides, DsTableOverrides, DsTableBodyOverrides, DsTableCellOverrides, DsTableContainerOverrides, DsTableFooterOverrides, DsTableHeadOverrides, DsTablePaginationOverrides, DsTableRowOverrides, DsTableSortLabelOverrides, DsTabsOverrides, DsTagOverrides, DsTagGroupOverrides, DsTextAreaOverrides, DsTextFieldOverrides, DsTextFieldPasswordOverrides, DsTextareaAutosizeOverrides, DsToastOverrides, DsToggleOverrides, DsToggleButtonOverrides, DsToggleButtonGroupOverrides, DsToolbarOverrides, DsTooltipOverrides, DsTypographyOverrides, DsZoomOverrides } from '../Components';
+import { DsAccordionOverrides, DsAccordionActionsOverrides, DsAccordionDetailsOverrides, DsAccordionSummaryOverrides, DsAddItemOverrides, DsAppBarOverrides, DsAutocompleteOverrides, DsAvatarOverrides, DsAvatarGroupOverrides, DsBackdropOverrides, DsBadgeOverrides, DsBottomNavigationOverrides, DsBottomNavigationActionOverrides, DsBottomSheetOverrides, DsBoxOverrides, DsBreadcrumbsOverrides, DsButtonOverrides, DsButtonBaseOverrides, DsButtonGroupOverrides, DsCardOverrides, DsCardActionAreaOverrides, DsCardActionsOverrides, DsCardContentOverrides, DsCardHeaderOverrides, DsCardMediaOverrides, DsCarouselOverrides, DsCheckboxOverrides, DsChipOverrides, DsChipGroupOverrides, DsCircularProgressOverrides, DsClickAwayListenerOverrides, DsCollapseOverrides, DsCssBaselineOverrides, DsContainerOverrides, DsDialogOverrides, DsDialogActionsOverrides, DsDialogContentOverrides, DsDialogContentTextOverrides, DsDialogTitleOverrides, DsDividerOverrides, DsDrawerOverrides, DsFabOverrides, DsFadeOverrides, DsFileUploaderOverrides, DsFilledInputOverrides, DsFormControlOverrides, DsFormControlLabelOverrides, DsFormGroupOverrides, DsFormHelperTextOverrides, DsFormLabelOverrides, DsGlobalStylesOverrides, DsGridOverrides, DsGrowOverrides, DsHeaderOverrides, DsHelperTextOverrides, DsIconOverrides, DsIconButtonOverrides, DsImageOverrides, DsImageListOverrides, DsImageListItemOverrides, DsImageListItemBarOverrides, DsInputOverrides, DsInputAdornmentOverrides, DsInputBaseOverrides, DsInputLabelOverrides, DsLinearProgressOverrides, DsLinkOverrides, DsListOverrides, DsListItemOverrides, DsListItemAvatarOverrides, DsListItemButtonOverrides, DsListItemIconOverrides, DsListItemSecondaryActionOverrides, DsListItemTextOverrides, DsListSubheaderOverrides, DsLoaderOverrides, DsMenuOverrides, DsMenuItemOverrides, DsMenuListOverrides, DsMobileStepperOverrides, DsModalOverrides, DsNativeSelectOverrides, DsNoSsrOverrides, DsNotistackOverrides, DsOtpOverrides, DsOutlinedInputOverrides, DsPaginationOverrides, DsPaginationItemOverrides, DsPaperOverrides, DsPopoverOverrides, DsPopperOverrides, DsPopupOverrides, DsPortalOverrides, DsProgressIndicatorOverrides, DsProgressTrackerOverrides, DsRadioOverrides, DsRadioGroupOverrides, DsRatingOverrides, DsRemixIconOverrides, DsScopedCssBaselineOverrides, DsSearchbarOverrides, DsSelectOverrides, DsSkeletonOverrides, DsSlideOverrides, DsSliderOverrides, DsSpeedDialOverrides, DsSpeedDialActionOverrides, DsSpeedDialIconOverrides, DsStackOverrides, DsStepOverrides, DsStepButtonOverrides, DsStepConnectorOverrides, DsStepContentOverrides, DsStepIconOverrides, DsStepLabelOverrides, DsStepperOverrides, DsSvgIconOverrides, DsSwipeableDrawerOverrides, DsSwitchOverrides, DsTabOverrides, DsTabScrollButtonOverrides, DsTableOverrides, DsTableBodyOverrides, DsTableCellOverrides, DsTableContainerOverrides, DsTableFooterOverrides, DsTableHeadOverrides, DsTablePaginationOverrides, DsTableRowOverrides, DsTableSortLabelOverrides, DsTabsOverrides, DsTagOverrides, DsTagGroupOverrides, DsTextAreaOverrides, DsTextFieldOverrides, DsTextFieldPasswordOverrides, DsTextareaAutosizeOverrides, DsToastOverrides, DsToggleOverrides, DsToggleButtonOverrides, DsToggleButtonGroupOverrides, DsToolbarOverrides, DsTooltipOverrides, DsTypographyOverrides, DsZoomOverrides } from '../Components';
 import XDatePickerComponentOverrides from '../x-datepicker/componentOverrides';
 const componentOverrides = {
     ...DsAccordionOverrides,
     ...DsAccordionActionsOverrides,
     ...DsAccordionDetailsOverrides,
+    ...DsAddItemOverrides,
     ...DsAccordionSummaryOverrides,
     ...DsAppBarOverrides,
     ...DsAutocompleteOverrides,

package/dist/Theme/getColorScheme/dark.d.ts

@@ -1,5 +1,32 @@
 import { DsColor, DsPalette } from '../../Types';
 export default function getDarkModeColorScheme(colorPalette: DsPalette): {
     darkDsColor: DsColor;
-    darkPalette: import("@mui/material").PaletteOptions;
+    darkPalette: (import("@mui/material").PaletteOptions & {
+        background?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteBackgroundChannel>;
+        common?: Partial<import("@mui/material").PaletteCommonChannel>;
+        primary?: Partial<import("@mui/material").PaletteColorChannel>;
+        secondary?: Partial<import("@mui/material").PaletteColorChannel>;
+        error?: Partial<import("@mui/material").PaletteColorChannel>;
+        info?: Partial<import("@mui/material").PaletteColorChannel>;
+        success?: Partial<import("@mui/material").PaletteColorChannel>;
+        text?: Partial<import("@mui/material").PaletteTextChannel>;
+        dividerChannel?: Partial<string>;
+        action?: Partial<import("@mui/material").PaletteActionChannel>;
+        Alert?: Partial<import("@mui/material").PaletteAlert>;
+        AppBar?: Partial<import("@mui/material").PaletteAppBar>;
+        Avatar?: Partial<import("@mui/material").PaletteAvatar>;
+        Button?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteButton>;
+        Chip?: Partial<import("@mui/material").PaletteChip>;
+        FilledInput?: Partial<import("@mui/material").PaletteFilledInput>;
+        LinearProgress?: Partial<import("@mui/material").PaletteLinearProgress>;
+        Skeleton?: Partial<import("@mui/material").PaletteSkeleton>;
+        Slider?: Partial<import("@mui/material").PaletteSlider>;
+        SnackbarContent?: Partial<import("@mui/material").PaletteSnackbarContent>;
+        SpeedDialAction?: Partial<import("@mui/material").PaletteSpeedDialAction>;
+        StepConnector?: Partial<import("@mui/material").PaletteStepConnector>;
+        StepContent?: Partial<import("@mui/material").PaletteStepContent>;
+        Switch?: Partial<import("@mui/material").PaletteSwitch>;
+        TableCell?: Partial<import("@mui/material").PaletteTableCell>;
+        Tooltip?: Partial<import("@mui/material").PaletteTooltip>;
+    }) | undefined;
 };

package/dist/Theme/getColorScheme/getPalette.d.ts

@@ -1,3 +1,3 @@
-import { PaletteOptions } from '@mui/material';
 import { DsColor, DsPalette } from '../../Types';
-export declare function getPalette(colorPalette: DsPalette, dsColor: DsColor): PaletteOptions;
+import { DsColorSystemOptions } from '../../Types/DsColorScheme';
+export declare function getPalette(colorPalette: DsPalette, dsColor: DsColor): DsColorSystemOptions['palette'];

package/dist/Theme/getColorScheme/getPalette.js

@@ -4,7 +4,9 @@ export function getPalette(colorPalette, dsColor) {
         common: {
             black: primaryBlack,
             white: primaryWhite,
-            blackLight: primaryBlackLight
+            blackLight: primaryBlackLight,
+            background: dsColor.surfaceBackground,
+            onBackground: dsColor.typoPrimary,
         },
         primary: {
             main: dsColor.actionPrimary,

package/dist/Theme/getColorScheme/highContrast.d.ts

@@ -1,5 +1,32 @@
 import { DsColor, DsPalette } from '../../Types';
 export default function getHighContrastModeColorScheme(colorPalette: DsPalette): {
     highContrastDsColor: DsColor;
-    highContrastPalette: import("@mui/material").PaletteOptions;
+    highContrastPalette: (import("@mui/material").PaletteOptions & {
+        background?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteBackgroundChannel>;
+        common?: Partial<import("@mui/material").PaletteCommonChannel>;
+        primary?: Partial<import("@mui/material").PaletteColorChannel>;
+        secondary?: Partial<import("@mui/material").PaletteColorChannel>;
+        error?: Partial<import("@mui/material").PaletteColorChannel>;
+        info?: Partial<import("@mui/material").PaletteColorChannel>;
+        success?: Partial<import("@mui/material").PaletteColorChannel>;
+        text?: Partial<import("@mui/material").PaletteTextChannel>;
+        dividerChannel?: Partial<string>;
+        action?: Partial<import("@mui/material").PaletteActionChannel>;
+        Alert?: Partial<import("@mui/material").PaletteAlert>;
+        AppBar?: Partial<import("@mui/material").PaletteAppBar>;
+        Avatar?: Partial<import("@mui/material").PaletteAvatar>;
+        Button?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteButton>;
+        Chip?: Partial<import("@mui/material").PaletteChip>;
+        FilledInput?: Partial<import("@mui/material").PaletteFilledInput>;
+        LinearProgress?: Partial<import("@mui/material").PaletteLinearProgress>;
+        Skeleton?: Partial<import("@mui/material").PaletteSkeleton>;
+        Slider?: Partial<import("@mui/material").PaletteSlider>;
+        SnackbarContent?: Partial<import("@mui/material").PaletteSnackbarContent>;
+        SpeedDialAction?: Partial<import("@mui/material").PaletteSpeedDialAction>;
+        StepConnector?: Partial<import("@mui/material").PaletteStepConnector>;
+        StepContent?: Partial<import("@mui/material").PaletteStepContent>;
+        Switch?: Partial<import("@mui/material").PaletteSwitch>;
+        TableCell?: Partial<import("@mui/material").PaletteTableCell>;
+        Tooltip?: Partial<import("@mui/material").PaletteTooltip>;
+    }) | undefined;
 };

package/dist/Theme/getColorScheme/light.d.ts

@@ -2,5 +2,32 @@ import { PaletteOptions } from '@mui/material';
 import { DsColor, DsPalette } from '../../Types';
 export default function getLightModeColorScheme(colorPalette: DsPalette): {
     lightDsColor: DsColor;
-    lightPalette: PaletteOptions;
+    lightPalette: (PaletteOptions & {
+        background?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteBackgroundChannel>;
+        common?: Partial<import("@mui/material").PaletteCommonChannel>;
+        primary?: Partial<import("@mui/material").PaletteColorChannel>;
+        secondary?: Partial<import("@mui/material").PaletteColorChannel>;
+        error?: Partial<import("@mui/material").PaletteColorChannel>;
+        info?: Partial<import("@mui/material").PaletteColorChannel>;
+        success?: Partial<import("@mui/material").PaletteColorChannel>;
+        text?: Partial<import("@mui/material").PaletteTextChannel>;
+        dividerChannel?: Partial<string>;
+        action?: Partial<import("@mui/material").PaletteActionChannel>;
+        Alert?: Partial<import("@mui/material").PaletteAlert>;
+        AppBar?: Partial<import("@mui/material").PaletteAppBar>;
+        Avatar?: Partial<import("@mui/material").PaletteAvatar>;
+        Button?: Partial<import("@mui/material/styles/createThemeFoundation").PaletteButton>;
+        Chip?: Partial<import("@mui/material").PaletteChip>;
+        FilledInput?: Partial<import("@mui/material").PaletteFilledInput>;
+        LinearProgress?: Partial<import("@mui/material").PaletteLinearProgress>;
+        Skeleton?: Partial<import("@mui/material").PaletteSkeleton>;
+        Slider?: Partial<import("@mui/material").PaletteSlider>;
+        SnackbarContent?: Partial<import("@mui/material").PaletteSnackbarContent>;
+        SpeedDialAction?: Partial<import("@mui/material").PaletteSpeedDialAction>;
+        StepConnector?: Partial<import("@mui/material").PaletteStepConnector>;
+        StepContent?: Partial<import("@mui/material").PaletteStepContent>;
+        Switch?: Partial<import("@mui/material").PaletteSwitch>;
+        TableCell?: Partial<import("@mui/material").PaletteTableCell>;
+        Tooltip?: Partial<import("@mui/material").PaletteTooltip>;
+    }) | undefined;
 };

package/dist/Theme/index.d.ts

@@ -23,3 +23,8 @@ declare module '@mui/material/styles' {
         shadows: DsShadows;
     }
 }
+declare module '@mui/material/Badge' {
+    interface BadgePropsColorOverrides {
+        inverse: true;
+    }
+}

package/dist/Theme/index.js

@@ -1,4 +1,4 @@
-import { experimental_extendTheme as extendTheme, responsiveFontSizes } from '@mui/material/styles';
+import { extendTheme, responsiveFontSizes } from '@mui/material/styles';
 import getColorScheme from './getColorScheme';
 import getTypography from './getTypography';
 import breakpoints from './breakpoints';
@@ -25,6 +25,7 @@ export function getTheme(palette = PALETTE, fontFamilyName = FONT_FAMILY_NAME, t
     });
     const cssVarsThemeOptions = {
         cssVarPrefix: '',
+        colorSchemeSelector: 'data',
         components: componentOverrides,
         colorSchemes,
         shape: { borderRadius: 2 },

package/dist/Theme/radius.js

@@ -2,6 +2,7 @@ const dsRadius = {
     zero: '0px',
     deepFreeze: '2px',
     quickFreeze: '4px',
+    gelid: '6px',
     glacial: '8px',
     frostbite: '12px',
     bitterCold: '16px',

package/dist/Theme/spacing.js

@@ -3,6 +3,7 @@ const dsSpacingCssVars = {
     zero: 0,
     deepFreeze: 2,
     quickFreeze: 4,
+    gelid: 6,
     glacial: 8,
     frostbite: 12,
     bitterCold: 16,

package/dist/Types/DsRadius.d.ts

@@ -1,4 +1,4 @@
-export type DsRadiusKeys = 'zero' | 'deepFreeze' | 'quickFreeze' | 'glacial' | 'frostbite' | 'bitterCold' | 'cool' | 'mild' | 'pleasant';
+export type DsRadiusKeys = 'zero' | 'deepFreeze' | 'quickFreeze' | 'gelid' | 'glacial' | 'frostbite' | 'bitterCold' | 'cool' | 'mild' | 'pleasant';
 export type DsRadius = {
     [key in DsRadiusKeys]: string;
 };

package/dist/Types/DsSpacing.d.ts

@@ -1,4 +1,4 @@
-export type DsSpacingKeys = 'zero' | 'deepFreeze' | 'quickFreeze' | 'glacial' | 'frostbite' | 'bitterCold' | 'cool' | 'mild' | 'pleasant' | 'warm' | 'tepid' | 'tropical' | 'hot' | 'blazing' | 'molten' | 'superheated' | 'meltdown' | 'whiteHot' | 'plasma';
+export type DsSpacingKeys = 'zero' | 'deepFreeze' | 'quickFreeze' | 'gelid' | 'glacial' | 'frostbite' | 'bitterCold' | 'cool' | 'mild' | 'pleasant' | 'warm' | 'tepid' | 'tropical' | 'hot' | 'blazing' | 'molten' | 'superheated' | 'meltdown' | 'whiteHot' | 'plasma';
 export type DsSpacing = {
     [key in DsSpacingKeys]: number;
 };

package/dist/material.d.ts

@@ -1,4 +1,3 @@
-export { default as StyledEngineProvider } from '@mui/material/StyledEngineProvider';
 export { default as darkScrollbar } from '@mui/material/darkScrollbar';
 export { default as generateUtilityClass } from '@mui/material/generateUtilityClass';
 export { default as generateUtilityClasses } from '@mui/material/generateUtilityClasses';
@@ -6,4 +5,3 @@ export { default as useAutocomplete } from '@mui/material/useAutocomplete';
 export { default as useMediaQuery } from '@mui/material/useMediaQuery';
 export { default as usePagination } from '@mui/material/usePagination';
 export { default as useScrollTrigger } from '@mui/material/useScrollTrigger';
-export { default as useTouchRipple } from '@mui/material/useTouchRipple';

package/dist/material.js

@@ -1,4 +1,3 @@
-export { default as StyledEngineProvider } from '@mui/material/StyledEngineProvider';
 export { default as darkScrollbar } from '@mui/material/darkScrollbar';
 export { default as generateUtilityClass } from '@mui/material/generateUtilityClass';
 export { default as generateUtilityClasses } from '@mui/material/generateUtilityClasses';
@@ -6,4 +5,3 @@ export { default as useAutocomplete } from '@mui/material/useAutocomplete';
 export { default as useMediaQuery } from '@mui/material/useMediaQuery';
 export { default as usePagination } from '@mui/material/usePagination';
 export { default as useScrollTrigger } from '@mui/material/useScrollTrigger';
-export { default as useTouchRipple } from '@mui/material/useTouchRipple';

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

@@ -12,18 +12,15 @@ export { ChartsAxisHighlight as DsChartsAxisHighlight } from '@mui/x-charts';
 export { ChartsClipPath as DsChartsClipPath } from '@mui/x-charts';
 export { ChartsGrid as DsChartsGrid } from '@mui/x-charts';
 export { ChartsLegend as DsChartsLegend } from '@mui/x-charts';
-export { ChartsOnAxisClickHandler as DsChartsOnAxisClickHandler } from '@mui/x-charts';
 export { ChartsReferenceLine as DsChartsReferenceLine } from '@mui/x-charts';
 export { ChartsSurface as DsChartsSurface } from '@mui/x-charts';
 export { ChartsText as DsChartsText } from '@mui/x-charts';
 export { ChartsTooltip as DsChartsTooltip } from '@mui/x-charts';
-export { ChartsVoronoiHandler as DsChartsVoronoiHandler } from '@mui/x-charts';
 export { ChartsXAxis as DsChartsXAxis } from '@mui/x-charts';
 export { ChartsYAxis as DsChartsYAxis } from '@mui/x-charts';
 export { ContinuousColorLegend as DsContinuousColorLegend } from '@mui/x-charts';
-export { DefaultChartsAxisTooltipContent as DsDefaultChartsAxisTooltipContent } from '@mui/x-charts';
-export { DefaultChartsItemTooltipContent as DsDefaultChartsItemTooltipContent } from '@mui/x-charts';
-export { DefaultChartsLegend as DsDefaultChartsLegend } from '@mui/x-charts';
+export { ChartsAxisTooltipContent as DsChartsAxisTooltipContent } from '@mui/x-charts';
+export { ChartsItemTooltipContent as DsChartsItemTooltipContent } from '@mui/x-charts';
 export { Gauge as DsGauge } from '@mui/x-charts';
 export { GaugeContainer as DsGaugeContainer } from '@mui/x-charts';
 export { LineChart as DsLineChart } from '@mui/x-charts';
@@ -40,7 +37,6 @@ export { PieArcPlot as DsPieArcPlot } from '@mui/x-charts';
 export { PiecewiseColorLegend as DsPiecewiseColorLegend } from '@mui/x-charts';
 export { PieChart as DsPieChart } from '@mui/x-charts';
 export { PiePlot as DsPiePlot } from '@mui/x-charts';
-export { ResponsiveChartContainer as DsResponsiveChartContainer } from '@mui/x-charts';
 export { Scatter as DsScatter } from '@mui/x-charts';
 export { ScatterChart as DsScatterChart } from '@mui/x-charts';
 export { ScatterPlot as DsScatterPlot } from '@mui/x-charts';

package/dist/x-charts/Components/index.js

@@ -12,18 +12,15 @@ export { ChartsAxisHighlight as DsChartsAxisHighlight } from '@mui/x-charts';
 export { ChartsClipPath as DsChartsClipPath } from '@mui/x-charts';
 export { ChartsGrid as DsChartsGrid } from '@mui/x-charts';
 export { ChartsLegend as DsChartsLegend } from '@mui/x-charts';
-export { ChartsOnAxisClickHandler as DsChartsOnAxisClickHandler } from '@mui/x-charts';
 export { ChartsReferenceLine as DsChartsReferenceLine } from '@mui/x-charts';
 export { ChartsSurface as DsChartsSurface } from '@mui/x-charts';
 export { ChartsText as DsChartsText } from '@mui/x-charts';
 export { ChartsTooltip as DsChartsTooltip } from '@mui/x-charts';
-export { ChartsVoronoiHandler as DsChartsVoronoiHandler } from '@mui/x-charts';
 export { ChartsXAxis as DsChartsXAxis } from '@mui/x-charts';
 export { ChartsYAxis as DsChartsYAxis } from '@mui/x-charts';
 export { ContinuousColorLegend as DsContinuousColorLegend } from '@mui/x-charts';
-export { DefaultChartsAxisTooltipContent as DsDefaultChartsAxisTooltipContent } from '@mui/x-charts';
-export { DefaultChartsItemTooltipContent as DsDefaultChartsItemTooltipContent } from '@mui/x-charts';
-export { DefaultChartsLegend as DsDefaultChartsLegend } from '@mui/x-charts';
+export { ChartsAxisTooltipContent as DsChartsAxisTooltipContent } from '@mui/x-charts';
+export { ChartsItemTooltipContent as DsChartsItemTooltipContent } from '@mui/x-charts';
 export { Gauge as DsGauge } from '@mui/x-charts';
 export { GaugeContainer as DsGaugeContainer } from '@mui/x-charts';
 export { LineChart as DsLineChart } from '@mui/x-charts';
@@ -40,7 +37,6 @@ export { PieArcPlot as DsPieArcPlot } from '@mui/x-charts';
 export { PiecewiseColorLegend as DsPiecewiseColorLegend } from '@mui/x-charts';
 export { PieChart as DsPieChart } from '@mui/x-charts';
 export { PiePlot as DsPiePlot } from '@mui/x-charts';
-export { ResponsiveChartContainer as DsResponsiveChartContainer } from '@mui/x-charts';
 export { Scatter as DsScatter } from '@mui/x-charts';
 export { ScatterChart as DsScatterChart } from '@mui/x-charts';
 export { ScatterPlot as DsScatterPlot } from '@mui/x-charts';

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

@@ -0,0 +1,3 @@
+export * from '@mui/x-charts/hooks';
+export { useItemTooltip } from '@mui/x-charts';
+export { useAxisTooltip } from '@mui/x-charts';

package/dist/x-charts/Hooks/index.js

@@ -0,0 +1,5 @@
+// Re-export all hooks from @mui/x-charts
+export * from '@mui/x-charts/hooks';
+// Chart-specific tooltip hooks
+export { useItemTooltip } from '@mui/x-charts';
+export { useAxisTooltip } from '@mui/x-charts';

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

@@ -12,16 +12,11 @@ export { ChartsAxisHighlightProps as DsChartsAxisHighlightProps } from '@mui/x-c
 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';
@@ -37,7 +32,6 @@ 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';

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

@@ -1,3 +1,4 @@
 export * from './Components';
 export * from './Constants';
+export * from './Hooks';
 export * from './Types';

package/dist/x-charts/index.js

@@ -1,3 +1,4 @@
 export * from './Components';
 export * from './Constants';
+export * from './Hooks';
 export * from './Types';

package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { PickersCalendarHeaderProps } from '@mui/x-date-pickers';
-export declare const DateCalenderHeader: React.ForwardRefExoticComponent<PickersCalendarHeaderProps<Date> & React.RefAttributes<HTMLDivElement>>;
+export declare const DateCalenderHeader: React.ForwardRefExoticComponent<PickersCalendarHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/x-datepicker/Components/DsDatePicker/DateCalenderHeader.js

@@ -11,9 +11,9 @@ export const DateCalenderHeader = React.forwardRef(function PickersCalendarHeade
         name: 'MuiPickersCalendarHeader'
     });
     const { currentMonth, view } = props;
-    const handleMonthChange = (direction, numberOfMonths) => () => {
+    const handleMonthChange = (numberOfMonths) => () => {
         const { currentMonth, onMonthChange } = props;
-        onMonthChange(utils.addMonths(currentMonth, numberOfMonths), direction);
+        onMonthChange(utils.addMonths(currentMonth, numberOfMonths));
     };
     const handleViewShow = (view) => () => {
         const { onViewChange } = props;
@@ -21,7 +21,20 @@ export const DateCalenderHeader = React.forwardRef(function PickersCalendarHeade
     };
     const isYearNavigationDisabled = view === 'month';
     const isMonthNavigationDisabled = view === 'year';
-    return (_jsxs(DsStack, { direction: "row", justifyContent: "space-between", 
+    return (_jsxs(DsStack, { direction: "row", 
         // spacing='var(--ds-spacing-frostbite)'
-        sx: { p: 'var(--ds-spacing-frostbite)' }, children: [_jsxs(DsStack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: "var(--ds-spacing-frostbite)", children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange('left', -1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isMonthNavigationDisabled, onClick: handleViewShow('month'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", color: isMonthNavigationDisabled ? 'text.disabled' : 'text.primary', children: utils.formatByString(currentMonth, utils.formats.monthShort) }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isMonthNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange('right', 1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] }), _jsxs(DsStack, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: "var(--ds-spacing-frostbite)", children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange('left', -12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isYearNavigationDisabled, onClick: handleViewShow('year'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", color: isYearNavigationDisabled ? 'text.disabled' : 'text.primary', children: utils.formatByString(currentMonth, utils.formats.year) }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isYearNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange('right', 12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] })] }));
+        sx: {
+            justifyContent: 'space-between',
+            p: 'var(--ds-spacing-frostbite)'
+        }, children: [_jsxs(DsStack, { direction: "row", spacing: "var(--ds-spacing-frostbite)", sx: {
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                }, children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange(-1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isMonthNavigationDisabled, onClick: handleViewShow('month'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", sx: {
+                                    color: isMonthNavigationDisabled ? 'text.disabled' : 'text.primary'
+                                }, children: utils.formatByString(currentMonth, utils.formats.monthShort) }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isMonthNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange(1), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] }), _jsxs(DsStack, { direction: "row", spacing: "var(--ds-spacing-frostbite)", sx: {
+                    justifyContent: "space-between",
+                    alignItems: "center"
+                }, children: [_jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange(-12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-left-line" }) }), _jsxs(DsButtonBase, { disabled: isYearNavigationDisabled, onClick: handleViewShow('year'), children: [_jsx(DsTypography, { variant: "bodyBoldSmall", sx: {
+                                    color: isYearNavigationDisabled ? 'text.disabled' : 'text.primary'
+                                }, children: utils.formatByString(currentMonth, utils.formats.year) }), _jsx(DsRemixIcon, { className: "ri-arrow-drop-down-fill", color: isYearNavigationDisabled ? 'iconDisabled' : 'iconDefault', sx: { mr: 'var(--ds-spacing-quickFreeze)' } })] }), _jsx(DsIconButton, { disabled: isYearNavigationDisabled || isMonthNavigationDisabled, onClick: handleMonthChange(12), children: _jsx(DsRemixIcon, { className: "ri-arrow-drop-right-line" }) })] })] }));
 });

package/dist/x-datepicker/Components/DsDatePicker/DatePickerTextField.d.ts

@@ -1,12 +1,12 @@
 import { DateFieldProps } from '@mui/x-date-pickers';
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { DsTextFieldProps } from '../../../Components';
 export interface IDatePickerTextFieldProps extends Omit<DsTextFieldProps, 'margin' | 'onInvalid' | 'onKeyDown' | 'onBlur' | 'onKeyUp' | 'ref'> {
     setOpen?: (open: boolean) => void;
-    InputProps?: DateFieldProps<Date>['InputProps'];
-    ref?: DateFieldProps<Date>['ref'];
+    InputProps?: DateFieldProps['InputProps'];
+    ref?: DateFieldProps['ref'];
     focused?: boolean;
     ownerState?: any;
 }
-declare const DatePickerTextField: FunctionComponent<IDatePickerTextFieldProps>;
+declare const DatePickerTextField: React.ForwardRefExoticComponent<Omit<IDatePickerTextFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DatePickerTextField;

package/dist/x-datepicker/Components/DsDatePicker/DatePickerTextField.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useThemeProps } from '@mui/system';
+import React from 'react';
 import { DsTextField } from '../../../Components';
-const DatePickerTextField = (props) => {
+const DatePickerTextField = React.forwardRef((props, ref) => {
     const mergedProps = useThemeProps({
         props: props,
         name: 'MuiPickersInput'
     });
-    const { setOpen, ref, InputProps, focused, ownerState, ...other } = mergedProps;
+    const { setOpen, InputProps, focused, ownerState, ...other } = mergedProps;
     const { readOnly } = InputProps || {};
     return _jsx(DsTextField, { readOnly: readOnly, ...other });
-};
+});
 export default DatePickerTextField;

package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.d.ts

@@ -1,7 +1,4 @@
-import { PickersActionBarProps } from '@mui/x-date-pickers';
-export declare function DefaultActionBar(props: PickersActionBarProps & {
-    ownerState?: any;
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace DefaultActionBar {
-    var displayName: string;
-}
+export declare const DefaultActionBar: {
+    (): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/x-datepicker/Components/DsDatePicker/DefaultActionBar.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLocaleText } from '@mui/x-date-pickers/internals';
+import { usePickerTranslations, usePickerContext } from '@mui/x-date-pickers';
 import { DsButtonGroup, DsButton } from '../../../Components';
-export function DefaultActionBar(props) {
-    const { onAccept, onClear, ownerState, actions } = props;
-    const { value } = ownerState || {};
+export const DefaultActionBar = () => {
+    const { clearValue, acceptValueChanges, value, view } = usePickerContext();
+    const actions = view === 'day' ? ['clear', 'accept'] : [];
     if (actions == null || actions?.length === 0) {
         return null;
     }
-    const translations = useLocaleText();
+    const translations = usePickerTranslations();
     const isClearVisible = actions.includes('clear');
     const isConfirmVisible = actions.includes('accept');
     return (_jsxs(DsButtonGroup, { sx: {
@@ -19,9 +19,9 @@ export function DefaultActionBar(props) {
         }, justifyContent: "space-between", size: "medium", children: [isClearVisible && (_jsx(DsButton, { sx: {
                     py: 'var(--ds-spacing-glacial)',
                     px: 'var(--ds-spacing-pleasant)'
-                }, variant: "text", size: "medium", color: "secondary", onClick: onClear, disabled: !value, children: translations.clearButtonLabel })), isConfirmVisible && (_jsx(DsButton, { sx: {
+                }, variant: "text", size: "medium", color: "secondary", onClick: clearValue, disabled: !value, children: translations.clearButtonLabel })), isConfirmVisible && (_jsx(DsButton, { sx: {
                     py: 'var(--ds-spacing-glacial)',
                     px: 'var(--ds-spacing-pleasant)'
-                }, variant: "text", size: "medium", color: "secondary", onClick: onAccept, disabled: !value, children: translations.okButtonLabel }))] }));
-}
+                }, variant: "text", size: "medium", color: "secondary", onClick: acceptValueChanges, disabled: !value, children: translations.okButtonLabel }))] }));
+};
 DefaultActionBar.displayName = 'DefaultActionBar';

package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.d.ts

@@ -1,5 +1,3 @@
 import React from 'react';
 import { DatePickerToolbarProps } from '@mui/x-date-pickers';
-export declare const DefaultToolbar: React.ForwardRefExoticComponent<DatePickerToolbarProps<Date> & {
-    ownerState?: any;
-} & React.RefAttributes<HTMLDivElement>>;
+export declare const DefaultToolbar: React.ForwardRefExoticComponent<DatePickerToolbarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/x-datepicker/Components/DsDatePicker/DefaultToolbar.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers';
 import { useUtils } from '@mui/x-date-pickers/internals';
-import { useThemeProps } from '@mui/system';
-import { useLocaleText } from '@mui/x-date-pickers/internals';
 import { DsStack, DsTypography, DsIconButton, DsRemixIcon } from '../../../Components';
 export const DefaultToolbar = React.forwardRef(function DatePickerToolbar(inProps, ref) {
-    const props = useThemeProps({ props: inProps, name: 'MuiDatePickerToolbar' });
-    const { value, ownerState } = props;
-    const { onCancel } = ownerState;
-    const translations = useLocaleText();
+    const { value, cancelValueChanges } = usePickerContext();
+    const translations = usePickerTranslations();
     const utils = useUtils();
     const dateText = (value && `: ${utils.formatByString(value, utils.formats.fullDate)}`) || '';
     return (_jsx(DsStack, { sx: {
@@ -21,5 +18,5 @@ export const DefaultToolbar = React.forwardRef(function DatePickerToolbar(inProp
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'space-between'
-            }, variant: "headingBoldExtraSmall", children: [`${translations.datePickerToolbarTitle}${dateText}`, _jsx(DsIconButton, { onClick: onCancel, children: _jsx(DsRemixIcon, { className: "ri-close-line" }) })] }) }));
+            }, variant: "headingBoldExtraSmall", children: [`${translations.datePickerToolbarTitle}${dateText}`, _jsx(DsIconButton, { onClick: cancelValueChanges, children: _jsx(DsRemixIcon, { className: "ri-close-line" }) })] }) }));
 });

package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { DsDatePickerProps } from './DsDatePicker.Types';
-export declare const DsDatePicker: React.FC<DsDatePickerProps<Date>>;
+export declare const DsDatePicker: React.FC<DsDatePickerProps>;

package/dist/x-datepicker/Components/DsDatePicker/DsDatePicker.Component.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useRef } from 'react';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
-import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
+import { DatePicker, LocalizationProvider, } from '@mui/x-date-pickers';
 import { DefaultActionBar } from './DefaultActionBar';
 import { DefaultToolbar } from './DefaultToolbar';
-import { DsDatePickerDefaultProps } from './DsDatePicker.Types';
 import { DateCalenderHeader } from './DateCalenderHeader';
 import { getDateFromValue, getErrorFromErrorMap, getValueTypeFromValue } from './utils';
 import { DsInputAdornment, DsIconButton, DsRemixIcon } from '../../../Components';
 import { useThemeProps } from '@mui/system';
 import DatePickerTextField from './DatePickerTextField';
+import { mergeSlotProps } from '../../../utils';
 export const DsDatePicker = inProps => {
     const props = useThemeProps({
         props: inProps,
@@ -78,20 +78,14 @@ export const DsDatePicker = inProps => {
                     ...props.slotProps?.textField,
                     endAdornment: (_jsx(DsInputAdornment, { position: "end", disablePointerEvents: disabled, children: _jsx(DsIconButton, { disabled: disabled, onClick: onOpen, children: _jsx(DsRemixIcon, { className: "ri-calendar-line", fontSize: "bitterCold" }) }) }))
                 },
-                actionBar: ownerState => ({
-                    actions: ownerState.view === 'day' ? ['clear', 'accept'] : [],
-                    ...props.slotProps?.actionBar
-                }),
-                popper: {
+                popper: mergeSlotProps(props.slotProps?.popper, {
                     anchorEl: ref.current,
                     // style to unset fixed width
                     sx: {
                         '.MuiMonthCalendar-root': {
                             width: '100%'
                         }
-                    },
-                    ...props.slotProps?.popper
-                }
-            }, readOnly: readOnly, disabled: disabled, format: format, open: open, reduceAnimations: true, onOpen: onOpen, onClose: onClose, onChange: handleChange, onViewChange: handleViewChange, onError: handleError, views: propViews || views, value: getDateFromValue(value, valueType, format), defaultValue: getDateFromValue(defaultValue, valueType, format), inputRef: ref }) }));
+                    }
+                })
+            }, readOnly: readOnly, disabled: disabled, format: format, open: open, reduceAnimations: true, onOpen: onOpen, onClose: onClose, onChange: handleChange, onViewChange: handleViewChange, onError: handleError, views: propViews || views, value: getDateFromValue(value, valueType, format), defaultValue: getDateFromValue(defaultValue, valueType, format), inputRef: ref, enableAccessibleFieldDOMStructure: false }) }));
 };
-DsDatePicker.defaultProps = DsDatePickerDefaultProps;