@mxenabled/mxui 1.6.0-alpha.5 → 2.0.0

package/README.md

@@ -26,3 +26,35 @@ Follow the setup instructions found in
 
 Teams are currently adding components as needed, so the list in storybook right now is what has been built so far.
 
+## Upgrading from 1.x to 2.x
+This major change introcuces a number of breaking changes due to dependency upgrades for React 19 and MUI 7. It also 
+includes removal of deprected components and theme values.
+
+- React has been upgraded to version 19.
+  - See https://react.dev/blog/2024/04/25/react-19-upgrade-guide for more details.
+- MUI has been upgraded to version 7.
+  - See https://mui.com/material-ui/migration/upgrade-to-v6/ for changes from 5 to 6.
+  - See https://mui.com/material-ui/migration/upgrade-to-v7/ for changes from 6 to 7.
+- MUI-X has been upgraded to version 8.
+  - See https://mui.com/x/migration/migration-pickers-v7/ for Date picker changes
+  - See https://mui.com/x/migration/migration-data-grid-v7/ for Data Grid changes
+  - See https://mui.com/x/migration/migration-charts-v7/ for Chart changes
+- Vite has been upgraded to version 7.
+  - See https://vite.dev/guide/migration.html for more details.
+- Storybook has been upgraded to version 9.
+  - See https://storybook.js.org/docs/releases/migration-guide for more details
+- `TokenProvider` and it's dependency `@mxenabled/mx-design-tokens` has been removed.
+- The palette color `border` has been removed. Utilize `neutral`, `grey` or `divider` instead.
+- The palette color properties for `lighter` & `darker` have been removed. Utilize `light` & `dark` instead.
+- Custom Typography variants have been removed. Use the standard MUI variants instead.
+  - H1 -> h1
+  - H2 -> h2
+  - H3 -> h3
+  - Body -> body1
+  - Small -> body2
+  - XSmall -> caption
+  - Tiny -> tiny
+  - Button -> button
+  - Paragraph -> subtitle1
+  - ParagraphSmall -> subtitle2
+- Deprecated icons have been removed. Use Material Symbol icons via the `Icon` component or directly from the MX-Icons package instead.

package/dist/components/icon/Icon.d.ts

@@ -1,15 +1,7 @@
 import { IconProps as MuiIconProps } from '@mui/material/Icon';
-export declare enum IconWeight {
-    Lighter = 100,
-    Light = 200,
-    Normal = 300,
-    Dark = 400,
-    Darker = 500
-}
 export interface IconProps extends MuiIconProps {
     fill?: boolean;
     name: string;
     size?: number;
-    weight?: IconWeight;
 }
-export declare const Icon: ({ color, fill, name, size, sx, weight, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ color, fill, name, size, sx, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icon/icons/index.d.ts

@@ -1,16 +1,3 @@
-export { AccountsFilledIcon } from './AccountsFilledIcon';
-export { AccountsIcon } from './AccountsIcon';
-export { ArrowLeftIcon } from './ArrowLeftIcon';
-export { AttentionFilledIcon } from './AttentionFilledIcon';
-export { CalendarIcon } from './CalendarIcon';
-export { CheckmarkFilledIcon } from './CheckmarkFilledIcon';
-export { ChevronDownIcon } from './ChevronDownIcon';
-export { ChevronLeftIcon } from './ChevronLeftIcon';
-export { ChevronRightIcon } from './ChevronRightIcon';
-export { CloseIcon } from './CloseIcon';
-export { EditIcon } from './EditIcon';
-export { FilterIcon } from './FilterIcon';
-export { HeartIcon } from './HeartIcon';
 export { MXLogoIcon } from './MXLogoIcon';
 export { MXLogoCopyrightIcon } from './MXLogoCopyrightIcon';
 export { MXLogoFilledIcon } from './MXLogoFilledIcon';

package/dist/components/icon/index.d.ts

@@ -1,3 +1,3 @@
 export { BaseIcon } from './BaseIcon';
-export { Icon, IconWeight } from './Icon';
+export { Icon } from './Icon';
 export * from './icons';

package/dist/components/selectionbox/SelectionBox.d.ts

@@ -13,6 +13,8 @@ type SelectionBoxProps = BaseSelectionBoxProps & (({
     component?: typeof Radio;
 } & Partial<RadioProps>) | ({
     component: typeof Checkbox;
-} & Partial<CheckboxProps>));
+} & Partial<CheckboxProps>)) & {
+    onChange?: (event: React.SyntheticEvent, checked: boolean) => void;
+};
 declare const SelectionBox: React.FC<SelectionBoxProps>;
 export default SelectionBox;

package/dist/index.d.ts

@@ -8,6 +8,5 @@ export * from './components/merchantlogo';
 export * from './components/text';
 export * from './components/textfield';
 export * from './components/toast';
-export * from './components/tokenprovider';
 export * from './components/selectionbox';
 export * from './themes';