@mxenabled/mxui 1.1.1 → 1.2.0-alpha.bb1

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.
Files changed (9) hide show
  1. package/dist/components/dialog/Header.d.ts +1 -2
  2. package/dist/components/drawer/Footer.d.ts +1 -2
  3. package/dist/index.es.js +892 -1146
  4. package/dist/index.es.js.map +1 -1
  5. package/dist/themes/Augmentations.d.ts +20 -0
  6. package/dist/themes/Colors.d.ts +71 -138
  7. package/dist/types/GeneratedPalette.d.ts +12 -0
  8. package/dist/utils/generatePalette.d.ts +2 -0
  9. package/package.json +1 -1
package/dist/themes/Augmentations.d.ts CHANGED
@@ -14,10 +14,30 @@ declare module '@mui/material/styles' {
14
14
  interface PaletteColor {
15
15
  lighter?: string;
16
16
  darker?: string;
17
+ 50?: string;
18
+ 100?: string;
19
+ 200?: string;
20
+ 300?: string;
21
+ 400?: string;
22
+ 500?: string;
23
+ 600?: string;
24
+ 700?: string;
25
+ 800?: string;
26
+ 900?: string;
17
27
  }
18
28
  interface SimplePaletteColorOptions {
19
29
  lighter?: string;
20
30
  darker?: string;
31
+ 50?: string;
32
+ 100?: string;
33
+ 200?: string;
34
+ 300?: string;
35
+ 400?: string;
36
+ 500?: string;
37
+ 600?: string;
38
+ 700?: string;
39
+ 800?: string;
40
+ 900?: string;
21
41
  }
22
42
  interface TypographyVariantsOptions {
23
43
  Body?: CSSProperties;
package/dist/themes/Colors.d.ts CHANGED
@@ -1,143 +1,76 @@
1
- interface ColorsTypes {
2
- Black: '#000000';
3
- Error100: '#FCD2CF';
4
- Error200: '#F45532';
5
- Error300: '#DF320C';
6
- Error400: '#C61A0B';
7
- Error500: '#AE0A0A';
8
- Neutral100: '#F8F9FB';
9
- Neutral200: '#EEF1F6';
10
- Neutral300: '#E4E8EE';
11
- Neutral400: '#CDD3DD';
12
- Neutral500: '#A8B1BD';
13
- Neutral600: '#6A7381';
14
- Neutral700: '#49505A';
15
- Neutral800: '#1F2329';
16
- Neutral900: '#121417';
17
- Primary100: '#E7F0FE';
18
- Primary200: '#69A1FA';
19
- Primary300: '#2D64EF';
20
- Primary400: '#095ADB';
21
- Primary500: '#0749B2';
22
- Success100: '#BEFDDC';
23
- Success150: '#73F7B8';
24
- Success200: '#00E998';
25
- Success300: '#12875E';
26
- Success400: '#0E6848';
27
- Success500: '#0A4D36';
28
- Warning100: '#FEF7B9';
29
- Warning200: '#FFDA6C';
30
- Warning300: '#FFB400';
31
- Warning400: '#E07C02';
32
- Warning500: '#C33E01';
33
- White: '#FFFFFF';
34
- }
35
- export declare const COLORS: ColorsTypes;
36
- export declare const gray: {
37
- White: string;
38
- 50: string;
39
- 100: string;
40
- 200: string;
41
- 300: string;
42
- 400: string;
43
- 500: string;
44
- 600: string;
45
- 700: string;
46
- 800: string;
47
- 900: string;
48
- Black: string;
1
+ export declare const WHITE = "#FFFFFF";
2
+ export declare const BLACK = "#000000";
3
+ export declare const CORE_COLORS: {
4
+ PRIMARY: string;
5
+ SECONDARY: string;
6
+ INFO: string;
7
+ SUCCESS: string;
8
+ WARNING: string;
9
+ ERROR: string;
10
+ NEUTRAL: string;
49
11
  };
50
- export declare const red: {
51
- 50: string;
52
- 100: string;
53
- 200: string;
54
- 300: string;
55
- 400: string;
56
- 500: string;
57
- 600: string;
58
- 700: string;
59
- 800: string;
60
- 900: string;
12
+ export declare const CHART: {
13
+ CHART1: string;
14
+ CHART2: string;
15
+ CHART3: string;
16
+ CHART4: string;
17
+ CHART5: string;
18
+ CHART6: string;
19
+ CHART7: string;
61
20
  };
62
- export declare const orange: {
63
- 50: string;
64
- 100: string;
65
- 200: string;
66
- 300: string;
67
- 400: string;
68
- 500: string;
69
- 600: string;
70
- 700: string;
71
- 800: string;
72
- 900: string;
21
+ export declare const CHART_MONO: {
22
+ CHART_MONO1: string;
23
+ CHART_MONO2: string;
24
+ CHART_MONO3: string;
25
+ CHART_MONO4: string;
26
+ CHART_MONO5: string;
27
+ CHART_MONO6: string;
73
28
  };
74
- export declare const yellow: {
75
- 50: string;
76
- 100: string;
77
- 200: string;
78
- 300: string;
79
- 400: string;
80
- 500: string;
81
- 600: string;
82
- 700: string;
83
- 800: string;
84
- 900: string;
29
+ export declare const CATEGORIES_LIGHT: {
30
+ AUTO_TRANSPORTT: string;
31
+ BILLS_UTILITIES: string;
32
+ BUSINESS_SERVICES: string;
33
+ EDUCATION: string;
34
+ ENTERTAINMENT: string;
35
+ FEES_CHARGES: string;
36
+ FINANCIAL: string;
37
+ FOOD_DINING: string;
38
+ GIFTS_DONATIONS: string;
39
+ HEALTH_FITNESS: string;
40
+ HOME: string;
41
+ INCOME: string;
42
+ INVESTMENTS: string;
43
+ KIDS: string;
44
+ OTHERS: string;
45
+ PERSONAL_CARE: string;
46
+ PETS: string;
47
+ SHOPPING: string;
48
+ TAXES: string;
49
+ TRANSFER: string;
50
+ TRAVEL: string;
51
+ UNCATEGORIZED: string;
85
52
  };
86
- export declare const green: {
87
- 50: string;
88
- 100: string;
89
- 200: string;
90
- 300: string;
91
- 400: string;
92
- 500: string;
93
- 600: string;
94
- 700: string;
95
- 800: string;
96
- 900: string;
53
+ export declare const CATEGORIES_DARK: {
54
+ AUTO_TRANSPORTT: string;
55
+ BILLS_UTILITIES: string;
56
+ BUSINESS_SERVICES: string;
57
+ EDUCATION: string;
58
+ ENTERTAINMENT: string;
59
+ FEES_CHARGES: string;
60
+ FINANCIAL: string;
61
+ FOOD_DINING: string;
62
+ GIFTS_DONATIONS: string;
63
+ HEALTH_FITNESS: string;
64
+ HOME: string;
65
+ INCOME: string;
66
+ INVESTMENTS: string;
67
+ KIDS: string;
68
+ OTHERS: string;
69
+ PERSONAL_CARE: string;
70
+ PETS: string;
71
+ SHOPPING: string;
72
+ TAXES: string;
73
+ TRANSFER: string;
74
+ TRAVEL: string;
75
+ UNCATEGORIZED: string;
97
76
  };
98
- export declare const blue: {
99
- 50: string;
100
- 100: string;
101
- 200: string;
102
- 300: string;
103
- 400: string;
104
- 500: string;
105
- 600: string;
106
- 700: string;
107
- 800: string;
108
- 900: string;
109
- };
110
- export declare const purple: {
111
- 50: string;
112
- 100: string;
113
- 200: string;
114
- 300: string;
115
- 400: string;
116
- 500: string;
117
- 600: string;
118
- 700: string;
119
- 800: string;
120
- 900: string;
121
- };
122
- export declare const pink: {
123
- 50: string;
124
- 100: string;
125
- 200: string;
126
- 300: string;
127
- 400: string;
128
- 500: string;
129
- 600: string;
130
- 700: string;
131
- 800: string;
132
- 900: string;
133
- };
134
- export declare const chart: {
135
- 1: string;
136
- 2: string;
137
- 3: string;
138
- 4: string;
139
- 5: string;
140
- 6: string;
141
- 7: string;
142
- };
143
- export {};
package/dist/types/GeneratedPalette.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ export interface GeneratedPalette {
2
+ 50: string;
3
+ 100: string;
4
+ 200: string;
5
+ 300: string;
6
+ 400: string;
7
+ 500: string;
8
+ 600: string;
9
+ 700: string;
10
+ 800: string;
11
+ 900: string;
12
+ }
package/dist/utils/generatePalette.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { GeneratedPalette } from '../types/GeneratedPalette';
2
+ export declare const generatePalette: (main: string) => GeneratedPalette;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mxenabled/mxui",
3
- "version": "1.1.1",
3
+ "version": "1.2.0-alpha.bb1",
4
4
  "description": "Package containing MX theme and common controls for MUI",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",