@am92/react-design-system 2.10.1 → 3.0.1-beta.0

package/dist/x-datepicker/Locale/DsDatePickerLocaleUrPK.d.ts

@@ -12,19 +12,25 @@ export declare const DsDatePickerLocaleUrPK: {
                     calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
                     openPreviousView?: string | undefined;
                     openNextView?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
+                    startDate?: string | undefined;
+                    startTime?: string | undefined;
+                    endDate?: string | undefined;
+                    endTime?: string | undefined;
                     cancelButtonLabel?: string | undefined;
                     clearButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    nextStepButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+                    openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
@@ -33,14 +39,14 @@ export declare const DsDatePickerLocaleUrPK: {
                         format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: ((params: {
@@ -55,10 +61,20 @@ export declare const DsDatePickerLocaleUrPK: {
                     fieldMeridiemPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
+                    year?: string | undefined;
+                    month?: string | undefined;
+                    day?: string | undefined;
+                    weekDay?: string | undefined;
+                    hours?: string | undefined;
+                    minutes?: string | undefined;
+                    seconds?: string | undefined;
+                    meridiem?: string | undefined;
+                    empty?: string | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;
                     dateRangePickerToolbarTitle?: string | undefined;
+                    timeRangePickerToolbarTitle?: string | undefined;
                 };
             };
         };

package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.d.ts

@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleViVN: {
     components: {
         MuiLocalizationProvider: {
             defaultProps: {
-                adapterLocale: Locale;
+                adapterLocale: import("date-fns/locale").Locale;
                 localeText: {
                     okButtonLabel: string;
                     previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleViVN: {
                     calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
                     openPreviousView?: string | undefined;
                     openNextView?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
+                    startDate?: string | undefined;
+                    startTime?: string | undefined;
+                    endDate?: string | undefined;
+                    endTime?: string | undefined;
                     cancelButtonLabel?: string | undefined;
                     clearButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    nextStepButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+                    openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleViVN: {
                         format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleViVN: {
                     fieldMeridiemPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
+                    year?: string | undefined;
+                    month?: string | undefined;
+                    day?: string | undefined;
+                    weekDay?: string | undefined;
+                    hours?: string | undefined;
+                    minutes?: string | undefined;
+                    seconds?: string | undefined;
+                    meridiem?: string | undefined;
+                    empty?: string | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;
                     dateRangePickerToolbarTitle?: string | undefined;
+                    timeRangePickerToolbarTitle?: string | undefined;
                 };
             };
         };

package/dist/x-datepicker/Locale/DsDatePickerLocaleViVN.js

@@ -1,5 +1,5 @@
 import { viVN } from '@mui/x-date-pickers/locales';
-import vi from 'date-fns/locale/vi';
+import { vi } from 'date-fns/locale';
 export const DsDatePickerLocaleViVN = {
     components: {
         MuiLocalizationProvider: {

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.d.ts

@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleZhCN: {
     components: {
         MuiLocalizationProvider: {
             defaultProps: {
-                adapterLocale: Locale;
+                adapterLocale: import("date-fns/locale").Locale;
                 localeText: {
                     okButtonLabel: string;
                     previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleZhCN: {
                     calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
                     openPreviousView?: string | undefined;
                     openNextView?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
+                    startDate?: string | undefined;
+                    startTime?: string | undefined;
+                    endDate?: string | undefined;
+                    endTime?: string | undefined;
                     cancelButtonLabel?: string | undefined;
                     clearButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    nextStepButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+                    openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleZhCN: {
                         format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleZhCN: {
                     fieldMeridiemPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
+                    year?: string | undefined;
+                    month?: string | undefined;
+                    day?: string | undefined;
+                    weekDay?: string | undefined;
+                    hours?: string | undefined;
+                    minutes?: string | undefined;
+                    seconds?: string | undefined;
+                    meridiem?: string | undefined;
+                    empty?: string | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;
                     dateRangePickerToolbarTitle?: string | undefined;
+                    timeRangePickerToolbarTitle?: string | undefined;
                 };
             };
         };

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhCN.js

@@ -1,5 +1,5 @@
 import { zhCN as ZhCN } from '@mui/x-date-pickers/locales';
-import zhCN from 'date-fns/locale/zh-CN';
+import { zhCN } from 'date-fns/locale';
 export const DsDatePickerLocaleZhCN = {
     components: {
         MuiLocalizationProvider: {

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.d.ts

@@ -2,7 +2,7 @@ export declare const DsDatePickerLocaleZhHK: {
     components: {
         MuiLocalizationProvider: {
             defaultProps: {
-                adapterLocale: Locale;
+                adapterLocale: import("date-fns/locale").Locale;
                 localeText: {
                     okButtonLabel: string;
                     previousMonth?: string | undefined;
@@ -13,19 +13,25 @@ export declare const DsDatePickerLocaleZhHK: {
                     calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
                     openPreviousView?: string | undefined;
                     openNextView?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
+                    startDate?: string | undefined;
+                    startTime?: string | undefined;
+                    endDate?: string | undefined;
+                    endTime?: string | undefined;
                     cancelButtonLabel?: string | undefined;
                     clearButtonLabel?: string | undefined;
                     todayButtonLabel?: string | undefined;
-                    clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    nextStepButtonLabel?: string | undefined;
+                    clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                    selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
+                    openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                    openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+                    openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
                     fieldClearLabel?: string | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
@@ -34,14 +40,14 @@ export declare const DsDatePickerLocaleZhHK: {
                         format: string;
                     }) => string) | undefined;
                     fieldMonthPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldDayPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
                     fieldWeekDayPlaceholder?: ((params: {
-                        contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                        contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                         format: string;
                     }) => string) | undefined;
                     fieldHoursPlaceholder?: ((params: {
@@ -56,10 +62,20 @@ export declare const DsDatePickerLocaleZhHK: {
                     fieldMeridiemPlaceholder?: ((params: {
                         format: string;
                     }) => string) | undefined;
+                    year?: string | undefined;
+                    month?: string | undefined;
+                    day?: string | undefined;
+                    weekDay?: string | undefined;
+                    hours?: string | undefined;
+                    minutes?: string | undefined;
+                    seconds?: string | undefined;
+                    meridiem?: string | undefined;
+                    empty?: string | undefined;
                     datePickerToolbarTitle?: string | undefined;
                     timePickerToolbarTitle?: string | undefined;
                     dateTimePickerToolbarTitle?: string | undefined;
                     dateRangePickerToolbarTitle?: string | undefined;
+                    timeRangePickerToolbarTitle?: string | undefined;
                 };
             };
         };

package/dist/x-datepicker/Locale/DsDatePickerLocaleZhHK.js

@@ -1,5 +1,5 @@
 import { zhHK as ZhHK } from '@mui/x-date-pickers/locales';
-import zhHK from 'date-fns/locale/zh-HK';
+import { zhHK } from 'date-fns/locale';
 export const DsDatePickerLocaleZhHK = {
     components: {
         MuiLocalizationProvider: {

package/dist/x-datepicker/componentOverrides.d.ts

@@ -1,10 +1,10 @@
 declare const XDatePickerComponentOverrides: {
     MuiDatePicker: {
-        defaultProps: import("./Components").DsDatePickerProps<Date>;
+        defaultProps: import("./Components").DsDatePickerProps;
     };
     MuiLocalizationProvider: {
         defaultProps: {
-            adapterLocale: Locale;
+            adapterLocale: import("date-fns").Locale;
             localeText: {
                 okButtonLabel: string;
                 previousMonth?: string | undefined;
@@ -15,19 +15,25 @@ declare const XDatePickerComponentOverrides: {
                 calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
                 openPreviousView?: string | undefined;
                 openNextView?: string | undefined;
-                calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers").DateView) => string) | undefined;
+                calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
                 start?: string | undefined;
                 end?: string | undefined;
+                startDate?: string | undefined;
+                startTime?: string | undefined;
+                endDate?: string | undefined;
+                endTime?: string | undefined;
                 cancelButtonLabel?: string | undefined;
                 clearButtonLabel?: string | undefined;
                 todayButtonLabel?: string | undefined;
-                clockLabelText?: ((view: import("@mui/x-date-pickers").TimeView, time: any, adapter: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                nextStepButtonLabel?: string | undefined;
+                clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
                 hoursClockNumberText?: ((hours: string) => string) | undefined;
                 minutesClockNumberText?: ((minutes: string) => string) | undefined;
                 secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                selectViewText?: ((view: import("@mui/x-date-pickers/internals/models").TimeViewWithMeridiem) => string) | undefined;
-                openDatePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
-                openTimePickerDialogue?: ((date: any, utils: import("@mui/x-date-pickers").MuiPickersAdapter<any, any>) => string) | undefined;
+                selectViewText?: ((view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string) | undefined;
+                openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+                openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+                openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
                 fieldClearLabel?: string | undefined;
                 timeTableLabel?: string | undefined;
                 dateTableLabel?: string | undefined;
@@ -36,14 +42,14 @@ declare const XDatePickerComponentOverrides: {
                     format: string;
                 }) => string) | undefined;
                 fieldMonthPlaceholder?: ((params: {
-                    contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                    contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                     format: string;
                 }) => string) | undefined;
                 fieldDayPlaceholder?: ((params: {
                     format: string;
                 }) => string) | undefined;
                 fieldWeekDayPlaceholder?: ((params: {
-                    contentType: import("@mui/x-date-pickers").FieldSectionContentType;
+                    contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
                     format: string;
                 }) => string) | undefined;
                 fieldHoursPlaceholder?: ((params: {
@@ -58,14 +64,24 @@ declare const XDatePickerComponentOverrides: {
                 fieldMeridiemPlaceholder?: ((params: {
                     format: string;
                 }) => string) | undefined;
+                year?: string | undefined;
+                month?: string | undefined;
+                day?: string | undefined;
+                weekDay?: string | undefined;
+                hours?: string | undefined;
+                minutes?: string | undefined;
+                seconds?: string | undefined;
+                meridiem?: string | undefined;
+                empty?: string | undefined;
                 datePickerToolbarTitle?: string | undefined;
                 timePickerToolbarTitle?: string | undefined;
                 dateTimePickerToolbarTitle?: string | undefined;
                 dateRangePickerToolbarTitle?: string | undefined;
+                timeRangePickerToolbarTitle?: string | undefined;
             };
         };
     };
-    MuiPickersPopper: {
+    MuiPickerPopper: {
         styleOverrides: {
             root: {
                 ' &[data-popper-placement^="right"]': {
@@ -162,9 +178,16 @@ declare const XDatePickerComponentOverrides: {
             };
         };
     };
-    MuiPickersMonth: {
+    MuiMonthCalendar: {
         styleOverrides: {
-            monthButton: {
+            root: {
+                rowGap: string;
+                paddingTop: string;
+                paddingBottom: string;
+                paddingLeft: string;
+                paddingRight: string;
+            };
+            button: {
                 fontWeight: string;
                 fontSize: string;
                 lineHeight: string;
@@ -230,25 +253,7 @@ declare const XDatePickerComponentOverrides: {
                 marginBottom: string;
                 backgroundColor: string;
             };
-        };
-    };
-    MuiMonthCalendar: {
-        styleOverrides: {
-            root: {
-                rowGap: string;
-                paddingTop: string;
-                paddingBottom: string;
-                paddingLeft: string;
-                paddingRight: string;
-            };
-        };
-    };
-    MuiPickersYear: {
-        styleOverrides: {
-            root: {
-                flexBasis: string;
-            };
-            yearButton: {
+            button: {
                 width: string;
                 paddingTop: string;
                 paddingBottom: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@am92/react-design-system",
-  "version": "2.10.1",
+  "version": "3.0.1-beta.0",
   "description": "ReactJS Design System using Material UI",
   "sideEffects": false,
   "types": "dist/index.d.ts",
@@ -15,13 +15,11 @@
   "dependencies": {
     "@emotion/react": "~11.11.4",
     "@emotion/styled": "~11.11.0",
-    "@mui/base": "~5.0.0-beta.26",
-    "@mui/lab": "5.0.0-alpha.155",
-    "@mui/material": "~5.16.7",
-    "@mui/system": "~5.16.7",
-    "@mui/x-charts": "7.15.0",
-    "@mui/x-date-pickers": "~6.19.5",
-    "date-fns": "~2.30.0",
+    "@mui/material": "^7.0.0",
+    "@mui/system": "^7.0.0",
+    "@mui/x-charts": "~8.0.0",
+    "@mui/x-date-pickers": "~8.0.0",
+    "date-fns": "~4.1.0",
     "notistack": "~3.0.1",
     "prop-types": "~15.8.1",
     "swiper": "~11.0.6"
@@ -49,7 +47,9 @@
     "test": "echo 'Error: no test specified'",
     "preversion": "npm-run-all build test",
     "version": "echo 'Versioning'",
-    "postversion": "git push && git push --tags && npm run publish:pkg",
+    "postversion": "if [ \"$BETA\" = \"true\" ]; then echo 'Skipping stable publish for beta'; else git push && git push --tags && npm run publish:pkg; fi",
+    "release:beta": "BETA=true npm version prerelease --preid=beta && npm publish --tag beta && git push && git push --tags",
+    "release:beta:dry": "BETA=true npm version prerelease --preid=beta --no-git-tag-version && npm publish --tag beta --dry-run",
     "publish:pkg": "npm publish"
   },
   "repository": "git@github.com:heliumtank92/am92-react-design-system.git",