@am92/react-design-system 2.5.6 → 2.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
1
  import { IconProps } from '@mui/material';
2
- import { DsColorClass, DsColorOverides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
2
+ import { DsColorClass, DsColorOverrides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
3
3
  export interface DsIconProps extends IconProps {
4
4
  }
5
5
  export declare const DsIconDefaultProps: DsIconProps;
6
6
  declare module '@mui/material/Icon' {
7
- interface IconPropsColorOverrides extends DsColorOverides {
7
+ interface IconPropsColorOverrides extends DsColorOverrides {
8
8
  }
9
9
  interface IconPropsSizeOverrides extends DsFontSizeOverides {
10
10
  }
@@ -1,10 +1,10 @@
1
1
  import { IconButtonProps } from '@mui/material';
2
- import { DsColorClass, DsColorOverides, DsFontSizeClass } from '../../Types';
2
+ import { DsColorClass, DsColorOverrides, DsFontSizeClass } from '../../Types';
3
3
  export interface DsIconButtonProps extends IconButtonProps {
4
4
  }
5
5
  export declare const DsIconButtonDefaultProps: DsIconButtonProps;
6
6
  declare module '@mui/material/IconButton' {
7
- interface IconButtonPropsColorOverrides extends DsColorOverides {
7
+ interface IconButtonPropsColorOverrides extends DsColorOverrides {
8
8
  }
9
9
  interface IconButtonClasses extends DsColorClass, DsFontSizeClass {
10
10
  }
@@ -2,7 +2,7 @@
2
2
  import { DsBoxProps } from '../DsBox';
3
3
  import { DsRemixIconProps } from '../DsRemixIcon';
4
4
  import { DsSkeletonProps } from '../DsSkeleton';
5
- export interface DsImageSrcSetProps extends Omit<React.SourceHTMLAttributes<any>, 'srcSet'>, Omit<React.ImgHTMLAttributes<any>, 'srcSet'> {
5
+ export interface DsImageSrcSetProps extends Omit<React.SourceHTMLAttributes<HTMLSourceElement>, 'srcSet'> {
6
6
  src: string;
7
7
  alt: string;
8
8
  }
@@ -8,7 +8,6 @@ export class DsLoader extends PureComponent {
8
8
  render() {
9
9
  const mergedProps = { ...DS_LOADER_DEFAULT_PROPS, ...this.props };
10
10
  const { 'ds-variant': loaderVariant, color, position, backdrop, BackdropProps, ...lottieProps } = mergedProps;
11
- console.log('lottieProps', lottieProps);
12
11
  return (_jsx(DsBackdrop, { ...BackdropProps, open: true, invisible: !backdrop, sx: [
13
12
  {
14
13
  '.dot-class': {
@@ -5,7 +5,7 @@ export declare const DsSliderOverrides: {
5
5
  variants: {
6
6
  props: Partial<DsSliderProps>;
7
7
  style: {
8
- '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
8
+ '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
9
9
  '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
10
10
  backgroundColor: string;
11
11
  };
@@ -6,7 +6,7 @@ export const DsSliderOverrides = {
6
6
  {
7
7
  props: { 'ds-mode': 'true' },
8
8
  style: {
9
- '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
9
+ '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
10
10
  '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
11
11
  backgroundColor: 'var(--ds-colour-iconDefault)'
12
12
  },
@@ -1,10 +1,10 @@
1
1
  import { SvgIconProps } from '@mui/material';
2
- import { DsColorClass, DsColorOverides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
2
+ import { DsColorClass, DsColorOverrides, DsFontSizeClass, DsFontSizeOverides } from '../../Types';
3
3
  export interface DsSvgIconProps extends SvgIconProps {
4
4
  }
5
5
  export declare const DsSvgIconDefaultProps: DsSvgIconProps;
6
6
  declare module '@mui/material/SvgIcon' {
7
- interface SvgIconPropsColorOverrides extends DsColorOverides {
7
+ interface SvgIconPropsColorOverrides extends DsColorOverrides {
8
8
  }
9
9
  interface SvgIconPropsSizeOverrides extends DsFontSizeOverides {
10
10
  }
@@ -609,7 +609,7 @@ declare const componentOverrides: {
609
609
  variants: {
610
610
  props: Partial<import("../Components").DsSliderProps>;
611
611
  style: {
612
- '&:not(.Mui-diabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
612
+ '&:not(.Mui-disabled, :has(.MuiSlider-thumb:hover), :has(.Mui-focusVisible))': {
613
613
  '> .MuiSlider-thumb, > .MuiSlider-mark, > .MuiSlider-track': {
614
614
  backgroundColor: string;
615
615
  };
@@ -6,7 +6,7 @@ interface DsColorClassGenerics<T> extends Partial<Record<DsColorClassTokens, T>>
6
6
  }
7
7
  export interface DsColor extends DsColorGenerics<string> {
8
8
  }
9
- export interface DsColorOverides extends DsColorGenerics<true> {
9
+ export interface DsColorOverrides extends DsColorGenerics<true> {
10
10
  }
11
11
  export interface DsColorClass extends DsColorClassGenerics<string> {
12
12
  }
@@ -0,0 +1,34 @@
1
+ export { AreaElement as DsAreaElement, AreaElementProps as DsAreaElementProps } from '@mui/x-charts';
2
+ export { AreaPlot as DsAreaPlot, AreaPlotProps as DsAreaPlotProps } from '@mui/x-charts';
3
+ export { BarChart as DsBarChart, BarChartProps as DsBarChartProps } from '@mui/x-charts';
4
+ export { BarElement as DsBarElement, BarElementProps as DsBarElementProps } from '@mui/x-charts';
5
+ export { BarPlot as DsBarPlot, BarPlotProps as DsBarPlotProps } from '@mui/x-charts';
6
+ export { ChartsAxis as DsChartsAxis, ChartsAxisProps as DsChartsAxisProps } from '@mui/x-charts';
7
+ export { ChartsAxisHighlight as DsChartsAxisHighlight, ChartsAxisHighlightProps as DsChartsAxisHighlightProps } from '@mui/x-charts';
8
+ export { ChartsAxisTooltipContent as DsChartsAxisTooltipContent, ChartsAxisContentProps as DsChartsAxisContentProps } from '@mui/x-charts';
9
+ export { ChartsClipPath as DsChartsClipPath, ChartsClipPathProps as DsChartsClipPathProps } from '@mui/x-charts';
10
+ export { ChartsItemTooltipContent as DsChartsItemTooltipContent, ChartsItemContentProps as DsChartsItemContentProps } from '@mui/x-charts';
11
+ export { ChartsLegend as DsChartsLegend, ChartsLegendProps as DsChartsLegendProps } from '@mui/x-charts';
12
+ export { ChartsReferenceLine as DsChartsReferenceLine } from '@mui/x-charts';
13
+ export { ChartsSurface as DsChartsSurface, ChartsSurfaceProps as DsChartsSurfaceProps } from '@mui/x-charts';
14
+ export { ChartsText as DsChartsText, ChartsTextProps as DsChartsTextProps } from '@mui/x-charts';
15
+ export { ChartsTooltip as DsChartsTooltip, ChartsTooltipProps as DsChartsTooltipProps } from '@mui/x-charts';
16
+ export { DefaultChartsAxisTooltipContent as DsDefaultChartsAxisTooltipContent } from '@mui/x-charts';
17
+ export { DefaultChartsItemTooltipContent as DsDefaultChartsItemTooltipContent } from '@mui/x-charts';
18
+ export { LineChart as DsLineChart, LineChartProps as DsLineChartProps } from '@mui/x-charts';
19
+ export { LineElement as DsLineElement, LineElementProps as DsLineElementProps } from '@mui/x-charts';
20
+ export { LineHighlightElement as DsLineHighlightElement, LineHighlightElementProps as DsLineHighlightElementProps } from '@mui/x-charts';
21
+ export { LineHighlightPlot as DsLineHighlightPlot, LineHighlightPlotProps as DsLineHighlightPlotProps } from '@mui/x-charts';
22
+ export { LinePlot as DsLinePlot, LinePlotProps as DsLinePlotProps } from '@mui/x-charts';
23
+ export { MarkElement as DsMarkElement, MarkElementProps as DsMarkElementProps } from '@mui/x-charts';
24
+ export { MarkPlot as DsMarkPlot, MarkPlotProps as DsMarkPlotProps } from '@mui/x-charts';
25
+ export { PieArc as DsPieArc, PieArcProps as DsPieArcProps } from '@mui/x-charts';
26
+ export { PieArcLabel as DsPieArcLabel, PieArcLabelProps as DsPieArcLabelProps } from '@mui/x-charts';
27
+ export { PieArcLabelPlot as DsPieArcLabelPlot, PieArcLabelPlotProps as DsPieArcLabelPlotProps } from '@mui/x-charts';
28
+ export { PieArcPlot as DsPieArcPlot, PieArcPlotProps as DsPieArcPlotProps } from '@mui/x-charts';
29
+ export { PieChart as DsPieChart, PieChartProps as DsPieChartProps } from '@mui/x-charts';
30
+ export { PiePlot as DsPiePlot, PiePlotProps as DsPiePlotProps } from '@mui/x-charts';
31
+ export { Scatter as DsScatter, ScatterProps as DsScatterProps } from '@mui/x-charts';
32
+ export { ScatterChart as DsScatterChart, ScatterChartProps as DsScatterChartProps } from '@mui/x-charts';
33
+ export { ScatterPlot as DsScatterPlot, ScatterPlotProps as DsScatterPlotProps } from '@mui/x-charts';
34
+ export { SparkLineChart as DsSparkLineChart } from '@mui/x-charts';
@@ -0,0 +1,34 @@
1
+ export { AreaElement as DsAreaElement } from '@mui/x-charts';
2
+ export { AreaPlot as DsAreaPlot } from '@mui/x-charts';
3
+ export { BarChart as DsBarChart } from '@mui/x-charts';
4
+ export { BarElement as DsBarElement } from '@mui/x-charts';
5
+ export { BarPlot as DsBarPlot } from '@mui/x-charts';
6
+ export { ChartsAxis as DsChartsAxis } from '@mui/x-charts';
7
+ export { ChartsAxisHighlight as DsChartsAxisHighlight } from '@mui/x-charts';
8
+ export { ChartsAxisTooltipContent as DsChartsAxisTooltipContent } from '@mui/x-charts';
9
+ export { ChartsClipPath as DsChartsClipPath } from '@mui/x-charts';
10
+ export { ChartsItemTooltipContent as DsChartsItemTooltipContent } from '@mui/x-charts';
11
+ export { ChartsLegend as DsChartsLegend } from '@mui/x-charts';
12
+ export { ChartsReferenceLine as DsChartsReferenceLine } from '@mui/x-charts';
13
+ export { ChartsSurface as DsChartsSurface } from '@mui/x-charts';
14
+ export { ChartsText as DsChartsText } from '@mui/x-charts';
15
+ export { ChartsTooltip as DsChartsTooltip } from '@mui/x-charts';
16
+ export { DefaultChartsAxisTooltipContent as DsDefaultChartsAxisTooltipContent } from '@mui/x-charts';
17
+ export { DefaultChartsItemTooltipContent as DsDefaultChartsItemTooltipContent } from '@mui/x-charts';
18
+ export { LineChart as DsLineChart } from '@mui/x-charts';
19
+ export { LineElement as DsLineElement } from '@mui/x-charts';
20
+ export { LineHighlightElement as DsLineHighlightElement } from '@mui/x-charts';
21
+ export { LineHighlightPlot as DsLineHighlightPlot } from '@mui/x-charts';
22
+ export { LinePlot as DsLinePlot } from '@mui/x-charts';
23
+ export { MarkElement as DsMarkElement } from '@mui/x-charts';
24
+ export { MarkPlot as DsMarkPlot } from '@mui/x-charts';
25
+ export { PieArc as DsPieArc } from '@mui/x-charts';
26
+ export { PieArcLabel as DsPieArcLabel } from '@mui/x-charts';
27
+ export { PieArcLabelPlot as DsPieArcLabelPlot } from '@mui/x-charts';
28
+ export { PieArcPlot as DsPieArcPlot } from '@mui/x-charts';
29
+ export { PieChart as DsPieChart } from '@mui/x-charts';
30
+ export { PiePlot as DsPiePlot } from '@mui/x-charts';
31
+ export { Scatter as DsScatter } from '@mui/x-charts';
32
+ export { ScatterChart as DsScatterChart } from '@mui/x-charts';
33
+ export { ScatterPlot as DsScatterPlot } from '@mui/x-charts';
34
+ export { SparkLineChart as DsSparkLineChart } from '@mui/x-charts';
@@ -0,0 +1,2 @@
1
+ import { DsDataVisPalette } from '../Types';
2
+ export declare const DATA_VIS_PALETTE: DsDataVisPalette;
@@ -0,0 +1,51 @@
1
+ export const DATA_VIS_PALETTE = {
2
+ dataVis: {
3
+ category: [
4
+ '#C578D3',
5
+ '#D84646',
6
+ '#5273CC',
7
+ '#D87D23',
8
+ '#29A597',
9
+ '#2750C2',
10
+ '#A03333'
11
+ ],
12
+ sequence1: [
13
+ '#692675',
14
+ '#9636A7',
15
+ '#B757C8',
16
+ '#C578D3',
17
+ '#CD8AD9',
18
+ '#D9A5E2',
19
+ '#E4C0EB'
20
+ ],
21
+ sequence2: [
22
+ '#6E1717',
23
+ '#9D2121',
24
+ '#CC2B2B',
25
+ '#D84646',
26
+ '#DD5F5F',
27
+ '#E58484',
28
+ '#EDA9A9'
29
+ ],
30
+ sequence3: [
31
+ '#134C45',
32
+ '#1B6D63',
33
+ '#238D81',
34
+ '#29A597',
35
+ '#31C4B3',
36
+ '#5CD6C8',
37
+ '#8DE2D8'
38
+ ],
39
+ sequence4: [
40
+ '#12265B',
41
+ '#1A3683',
42
+ '#2246AA',
43
+ '#2750C2',
44
+ '#3862D8',
45
+ '#6686E1',
46
+ '#94ABEA'
47
+ ],
48
+ success: '#29A597',
49
+ error: '#D84646'
50
+ }
51
+ };
@@ -0,0 +1 @@
1
+ export * from './DATA_VIS_PALETTE';
@@ -0,0 +1 @@
1
+ export * from './DATA_VIS_PALETTE';
@@ -0,0 +1,7 @@
1
+ import { DsDataVisPaletteTokensArrayType, DsDataVisPaletteTokensStringType } from './DsDataVisPalette';
2
+ export interface DsDataVisColorGenerics<AT, ST> extends Partial<Record<DsDataVisPaletteTokensArrayType, AT>>, Partial<Record<DsDataVisPaletteTokensStringType, ST>> {
3
+ }
4
+ export interface DsDataVisColor extends DsDataVisColorGenerics<string[], string> {
5
+ }
6
+ export interface DsDataVisColorOverrides extends DsDataVisColorGenerics<true, true> {
7
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,6 @@
1
+ export type DsDataVisPaletteTokensArrayType = 'category' | 'sequence1' | 'sequence2' | 'sequence3' | 'sequence4';
2
+ export type DsDataVisPaletteTokensStringType = 'success' | 'error';
3
+ export type DsDataVisPaletteTokens = DsDataVisPaletteTokensArrayType & DsDataVisPaletteTokensStringType;
4
+ export interface DsDataVisPalette {
5
+ dataVis?: Partial<Record<DsDataVisPaletteTokensArrayType, string[]>> & Partial<Record<DsDataVisPaletteTokensStringType, string>>;
6
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export * from './DsDataVisPalette';
@@ -0,0 +1 @@
1
+ export * from './DsDataVisPalette';
@@ -0,0 +1,105 @@
1
+ declare const XChartsComponentOverrides: {
2
+ MuiAreaElement: {
3
+ defaultProps: {};
4
+ };
5
+ MuiAreaPlot: {
6
+ defaultProps: {};
7
+ };
8
+ MuiBarChart: {
9
+ defaultProps: {};
10
+ };
11
+ MuiBarElement: {
12
+ defaultProps: {};
13
+ };
14
+ MuiBarPlot: {
15
+ defaultProps: {};
16
+ };
17
+ MuiChartsAxis: {
18
+ defaultProps: {};
19
+ };
20
+ MuiChartsAxisHighlight: {
21
+ defaultProps: {};
22
+ };
23
+ MuiChartsAxisTooltipContent: {
24
+ defaultProps: {};
25
+ };
26
+ MuiChartsClipPath: {
27
+ defaultProps: {};
28
+ };
29
+ MuiChartsItemTooltipContent: {
30
+ defaultProps: {};
31
+ };
32
+ MuiChartsLegend: {
33
+ defaultProps: {};
34
+ };
35
+ MuiChartsReferenceLine: {
36
+ defaultProps: {};
37
+ };
38
+ MuiChartsSurface: {
39
+ defaultProps: {};
40
+ };
41
+ MuiChartsText: {
42
+ defaultProps: {};
43
+ };
44
+ MuiChartsTooltip: {
45
+ defaultProps: {};
46
+ };
47
+ MuiDefaultChartsAxisTooltipContent: {
48
+ defaultProps: {};
49
+ };
50
+ MuiDefaultChartsItemTooltipContent: {
51
+ defaultProps: {};
52
+ };
53
+ MuiLineChart: {
54
+ defaultProps: {};
55
+ };
56
+ MuiLineElement: {
57
+ defaultProps: {};
58
+ };
59
+ MuiLineHighlightElement: {
60
+ defaultProps: {};
61
+ };
62
+ MuiLineHighlightPlot: {
63
+ defaultProps: {};
64
+ };
65
+ MuiLinePlot: {
66
+ defaultProps: {};
67
+ };
68
+ MuiMarkElement: {
69
+ defaultProps: {};
70
+ };
71
+ MuiMarkPlot: {
72
+ defaultProps: {};
73
+ };
74
+ MuiPieArc: {
75
+ defaultProps: {};
76
+ };
77
+ MuiPieArcLabel: {
78
+ defaultProps: {};
79
+ };
80
+ MuiPieArcLabelPlot: {
81
+ defaultProps: {};
82
+ };
83
+ MuiPieArcPlot: {
84
+ defaultProps: {};
85
+ };
86
+ MuiPieChart: {
87
+ defaultProps: {};
88
+ };
89
+ MuiPiePlot: {
90
+ defaultProps: {};
91
+ };
92
+ MuiScatter: {
93
+ defaultProps: {};
94
+ };
95
+ MuiScatterChart: {
96
+ defaultProps: {};
97
+ };
98
+ MuiScatterPlot: {
99
+ defaultProps: {};
100
+ };
101
+ MuiSparkLineChart: {
102
+ defaultProps: {};
103
+ };
104
+ };
105
+ export default XChartsComponentOverrides;
@@ -0,0 +1,115 @@
1
+ const XChartsComponentOverrides = {
2
+ MuiAreaElement: {
3
+ defaultProps: {}
4
+ },
5
+ MuiAreaPlot: {
6
+ defaultProps: {}
7
+ },
8
+ MuiBarChart: {
9
+ defaultProps: {
10
+ // colors: []
11
+ }
12
+ },
13
+ MuiBarElement: {
14
+ defaultProps: {}
15
+ },
16
+ MuiBarPlot: {
17
+ defaultProps: {}
18
+ },
19
+ MuiChartsAxis: {
20
+ defaultProps: {}
21
+ },
22
+ MuiChartsAxisHighlight: {
23
+ defaultProps: {}
24
+ },
25
+ MuiChartsAxisTooltipContent: {
26
+ defaultProps: {}
27
+ },
28
+ MuiChartsClipPath: {
29
+ defaultProps: {}
30
+ },
31
+ MuiChartsItemTooltipContent: {
32
+ defaultProps: {}
33
+ },
34
+ MuiChartsLegend: {
35
+ defaultProps: {}
36
+ },
37
+ MuiChartsReferenceLine: {
38
+ defaultProps: {}
39
+ },
40
+ MuiChartsSurface: {
41
+ defaultProps: {}
42
+ },
43
+ MuiChartsText: {
44
+ defaultProps: {}
45
+ },
46
+ MuiChartsTooltip: {
47
+ defaultProps: {}
48
+ },
49
+ MuiDefaultChartsAxisTooltipContent: {
50
+ defaultProps: {}
51
+ },
52
+ MuiDefaultChartsItemTooltipContent: {
53
+ defaultProps: {}
54
+ },
55
+ MuiLineChart: {
56
+ defaultProps: {
57
+ // colors: []
58
+ }
59
+ },
60
+ MuiLineElement: {
61
+ defaultProps: {}
62
+ },
63
+ MuiLineHighlightElement: {
64
+ defaultProps: {}
65
+ },
66
+ MuiLineHighlightPlot: {
67
+ defaultProps: {}
68
+ },
69
+ MuiLinePlot: {
70
+ defaultProps: {}
71
+ },
72
+ MuiMarkElement: {
73
+ defaultProps: {}
74
+ },
75
+ MuiMarkPlot: {
76
+ defaultProps: {}
77
+ },
78
+ MuiPieArc: {
79
+ defaultProps: {}
80
+ },
81
+ MuiPieArcLabel: {
82
+ defaultProps: {}
83
+ },
84
+ MuiPieArcLabelPlot: {
85
+ defaultProps: {}
86
+ },
87
+ MuiPieArcPlot: {
88
+ defaultProps: {}
89
+ },
90
+ MuiPieChart: {
91
+ defaultProps: {
92
+ // colors: []
93
+ }
94
+ },
95
+ MuiPiePlot: {
96
+ defaultProps: {}
97
+ },
98
+ MuiScatter: {
99
+ defaultProps: {}
100
+ },
101
+ MuiScatterChart: {
102
+ defaultProps: {
103
+ // colors: []
104
+ }
105
+ },
106
+ MuiScatterPlot: {
107
+ defaultProps: {}
108
+ },
109
+ MuiSparkLineChart: {
110
+ defaultProps: {
111
+ // colors: []
112
+ }
113
+ }
114
+ };
115
+ export default XChartsComponentOverrides;
@@ -0,0 +1,3 @@
1
+ export * from './Components';
2
+ export * from './Constants';
3
+ export * from './Types';
@@ -0,0 +1,3 @@
1
+ export * from './Components';
2
+ export * from './Constants';
3
+ export * from './Types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@am92/react-design-system",
3
- "version": "2.5.6",
3
+ "version": "2.5.7",
4
4
  "description": "ReactJS Design System using Material UI",
5
5
  "sideEffects": false,
6
6
  "types": "dist/index.d.ts",