@am92/react-design-system 2.5.6 → 2.5.8

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

@@ -1,10 +1,10 @@
 import { IconProps } from '@mui/material';
-import { DsColorClass, DsColorOverides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
+import { DsColorClass, DsColorOverrides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
 export interface DsIconProps extends IconProps {
 }
 export declare const DsIconDefaultProps: DsIconProps;
 declare module '@mui/material/Icon' {
-    interface IconPropsColorOverrides extends DsColorOverides {
+    interface IconPropsColorOverrides extends DsColorOverrides {
     }
     interface IconPropsSizeOverrides extends DsFontSizeOverides {
     }

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

@@ -1,10 +1,10 @@
 import { IconButtonProps } from '@mui/material';
-import { DsColorClass, DsColorOverides, DsFontSizeClass } from '../../Types';
+import { DsColorClass, DsColorOverrides, DsFontSizeClass } from '../../Types';
 export interface DsIconButtonProps extends IconButtonProps {
 }
 export declare const DsIconButtonDefaultProps: DsIconButtonProps;
 declare module '@mui/material/IconButton' {
-    interface IconButtonPropsColorOverrides extends DsColorOverides {
+    interface IconButtonPropsColorOverrides extends DsColorOverrides {
     }
     interface IconButtonClasses extends DsColorClass, DsFontSizeClass {
     }

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

@@ -2,7 +2,7 @@
 import { DsBoxProps } from '../DsBox';
 import { DsRemixIconProps } from '../DsRemixIcon';
 import { DsSkeletonProps } from '../DsSkeleton';
-export interface DsImageSrcSetProps extends Omit<React.SourceHTMLAttributes<any>, 'srcSet'>, Omit<React.ImgHTMLAttributes<any>, 'srcSet'> {
+export interface DsImageSrcSetProps extends Omit<React.SourceHTMLAttributes<HTMLSourceElement>, 'srcSet'> {
     src: string;
     alt: string;
 }

package/dist/Components/DsLoader/DsLoader.Component.js

@@ -8,7 +8,6 @@ export class DsLoader extends PureComponent {
     render() {
         const mergedProps = { ...DS_LOADER_DEFAULT_PROPS, ...this.props };
         const { 'ds-variant': loaderVariant, color, position, backdrop, BackdropProps, ...lottieProps } = mergedProps;
-        console.log('lottieProps', lottieProps);
         return (_jsx(DsBackdrop, { ...BackdropProps, open: true, invisible: !backdrop, sx: [
                 {
                     '.dot-class': {

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

@@ -5,7 +5,7 @@ export declare const DsSliderOverrides: {
         variants: {
             props: Partial<DsSliderProps>;
             style: {
-                '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
+                '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
                     '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
                         backgroundColor: string;
                     };

package/dist/Components/DsSlider/DsSlider.Overrides.js

@@ -6,7 +6,7 @@ export const DsSliderOverrides = {
             {
                 props: { 'ds-mode': 'true' },
                 style: {
-                    '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
+                    '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
                         '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
                             backgroundColor: 'var(--ds-colour-iconDefault)'
                         },

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

@@ -1,10 +1,10 @@
 import { SvgIconProps } from '@mui/material';
-import { DsColorClass, DsColorOverides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
+import { DsColorClass, DsColorOverrides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
 export interface DsSvgIconProps extends SvgIconProps {
 }
 export declare const DsSvgIconDefaultProps: DsSvgIconProps;
 declare module '@mui/material/SvgIcon' {
-    interface SvgIconPropsColorOverrides extends DsColorOverides {
+    interface SvgIconPropsColorOverrides extends DsColorOverrides {
     }
     interface SvgIconPropsSizeOverrides extends DsFontSizeOverides {
     }

package/dist/Theme/componentOverrides.d.ts

@@ -609,7 +609,7 @@ declare const componentOverrides: {
         variants: {
             props: Partial<import("../Components").DsSliderProps>;
             style: {
-                '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
+                '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
                     '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
                         backgroundColor: string;
                     };

package/dist/Types/DsColor.d.ts

@@ -6,7 +6,7 @@ interface DsColorClassGenerics<T> extends Partial<Record<DsColorClassTokens, T>>
 }
 export interface DsColor extends DsColorGenerics<string> {
 }
-export interface DsColorOverides extends DsColorGenerics<true> {
+export interface DsColorOverrides extends DsColorGenerics<true> {
 }
 export interface DsColorClass extends DsColorClassGenerics<string> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@am92/react-design-system",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "description": "ReactJS Design System using Material UI",
   "sideEffects": false,
   "types": "dist/index.d.ts",
@@ -39,8 +39,8 @@
     "utility-types": "^3.11.0"
   },
   "peerDependencies": {
-    "react": "^18.x.x",
-    "react-dom": "^18.x.x"
+    "react": "^17.x.x || ^18.x.x",
+    "react-dom": "^17.x.x || ^18.x.x"
   },
   "scripts": {
     "compile": "tsc",