@m4l/styles 2.0.4 → 3.0.0

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 (64) hide show
  1. package/index.js +27 -39
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions-BlJvKCE6.js +24 -0
  4. package/theme/index.d.ts +0 -3
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +1 -1
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +17 -17
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +7 -12
  8. package/theme/overrides/M4LExtendedComponents/M4LAppBarCommercial.d.ts +1 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +33 -33
  10. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +2 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +7 -7
  12. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.d.ts +1 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.d.ts +1 -1
  15. package/theme/overrides/M4LExtendedComponents/M4LGridLayout.d.ts +1 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.d.ts +1 -1
  17. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +4 -4
  18. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +1 -1
  19. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +6 -6
  20. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +41 -41
  21. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +1 -1
  22. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +1 -1
  23. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +7 -7
  24. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +1 -1
  25. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +2 -2
  26. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +1 -1
  27. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +15 -15
  28. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -1
  29. package/theme/overrides/M4LExtendedComponents/{index-CyXBfJc_.js → index-Cf72RC_D.js} +478 -523
  30. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +1 -1
  31. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +1 -1
  32. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +1 -1
  33. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +2 -2
  34. package/theme/overrides/M4LRHFComponents/{index-D-E6fugB.js → index-BRZVeOM5.js} +161 -155
  35. package/theme/overrides/MUIComponents/Avatar.d.ts +1 -1
  36. package/theme/overrides/MUIComponents/Button.d.ts +1 -1
  37. package/theme/overrides/MUIComponents/ButtonGroup.d.ts +1 -1
  38. package/theme/overrides/MUIComponents/Pagination.d.ts +1 -1
  39. package/theme/overrides/MUIComponents/Paper.d.ts +1 -1
  40. package/theme/overrides/MUIComponents/ToggleButton.d.ts +2 -2
  41. package/theme/overrides/MUIComponents/{index-oLVtA5nq.js → index-XoLdmZP6.js} +74 -71
  42. package/theme/overrides/{index-DeiTY8li.js → index-DrDgOdnk.js} +3 -3
  43. package/theme/palette/baseColors.d.ts +2 -0
  44. package/theme/palette/baseOpacityColors.d.ts +2 -0
  45. package/theme/palette/commonColors.d.ts +2 -0
  46. package/theme/palette/greyPalette.d.ts +2 -0
  47. package/theme/palette/index.d.ts +6 -0
  48. package/theme/palette/palette.d.ts +6 -0
  49. package/theme/palette/presetColors.d.ts +5 -0
  50. package/theme/palette/stateColors.d.ts +2 -0
  51. package/theme/palette-DM0gXxA2.js +584 -0
  52. package/theme/{shadows-C9Ji2xrX.js → shadows-GTYqExFA.js} +18 -20
  53. package/types/augmentations.d.ts +144 -137
  54. package/types/types.d.ts +48 -25
  55. package/utils/getColorPresets-CXZaM9oS.js +14 -0
  56. package/utils/getColorPresets.d.ts +4 -9
  57. package/utils/index.d.ts +0 -1
  58. package/vite-env.d.ts +3 -3
  59. package/theme/defaultThemeOptions-CNJ2UmWH.js +0 -31
  60. package/theme/palette-CR1CkF2l.js +0 -439
  61. package/theme/palette.d.ts +0 -231
  62. package/utils/getColorPresets-B12zVrZ8.js +0 -85
  63. package/utils/getColorState-CGc0yrt5.js +0 -263
  64. package/utils/getColorState.d.ts +0 -26
@@ -1,85 +0,0 @@
1
- import { P as r } from "../theme/palette-CR1CkF2l.js";
2
- import { createTheme as s } from "@mui/material";
3
- const e = s(), a = [
4
- {
5
- ...e.palette.primary,
6
- name: "patronus",
7
- lighter: r.patronusBlue[60],
8
- light: r.patronusBlue[40],
9
- main: r.patronusBlue[50],
10
- dark: r.patronusBlue[30],
11
- darker: r.patronusBlue[10],
12
- contrastText: r.marbleLight[10]
13
- },
14
- {
15
- ...e.palette.primary,
16
- name: "turqui",
17
- lighter: r.turquiBlue[70],
18
- light: r.turquiBlue[40],
19
- main: r.turquiBlue[50],
20
- dark: r.turquiBlue[30],
21
- darker: r.turquiBlue[10],
22
- contrastText: r.marbleLight[10]
23
- },
24
- {
25
- ...e.palette.primary,
26
- name: "grass",
27
- lighter: r.grassGreen[70],
28
- light: r.grassGreen[60],
29
- main: r.grassGreen[50],
30
- dark: r.grassGreen[40],
31
- darker: r.grassGreen[10],
32
- contrastText: r.marbleLight[10]
33
- },
34
- {
35
- ...e.palette.primary,
36
- name: "brown",
37
- lighter: r.brown[90],
38
- light: r.brown[70],
39
- main: r.brown[50],
40
- dark: r.brown[30],
41
- darker: r.brown[10],
42
- contrastText: r.marbleLight[10]
43
- },
44
- /* {
45
- name: 'desert',
46
- lighter: PATRONUSCOLORS.desertBeige [70],
47
- light: PATRONUSCOLORS.desertBeige [60],
48
- main: PATRONUSCOLORS.desertBeige [50],
49
- dark: PATRONUSCOLORS.desertBeige [40],
50
- darker: PATRONUSCOLORS.desertBeige [10],
51
- contrastText: PATRONUSCOLORS.marbleLight[10],
52
- }, */
53
- {
54
- ...e.palette.primary,
55
- name: "blaze",
56
- lighter: r.blazeOrange[70],
57
- light: r.blazeOrange[60],
58
- main: r.blazeOrange[50],
59
- dark: r.blazeOrange[30],
60
- darker: r.blazeOrange[10],
61
- contrastText: r.marbleLight[10]
62
- }
63
- ], t = a[0], l = a[1], o = a[2], u = a[3], i = a[4];
64
- function p(n) {
65
- try {
66
- return {
67
- patronus: t,
68
- turqui: l,
69
- grass: o,
70
- brown: u,
71
- blaze: i
72
- }[n];
73
- } catch {
74
- }
75
- return t;
76
- }
77
- export {
78
- o as a,
79
- u as b,
80
- a as c,
81
- t as d,
82
- i as e,
83
- p as g,
84
- l as t
85
- };
@@ -1,263 +0,0 @@
1
- import { alpha as a } from "@mui/system";
2
- import { P as e, O as r, S as o } from "../theme/palette-CR1CkF2l.js";
3
- const u = (l, d) => {
4
- let t = {};
5
- switch (l) {
6
- case "patronus":
7
- t = {
8
- light: {
9
- active12: r?.patronus[4],
10
- active: e?.patronusBlue[50],
11
- focus: e?.patronusBlue[40],
12
- hover: e?.patronusBlue[40],
13
- hoverDefault: r?.oxford[12],
14
- default: r?.oxford[12],
15
- borderDefault: e?.coolGrey[10],
16
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
17
- lineTheme: r?.patronus[48],
18
- borderPrimary: r?.oxford[24],
19
- borderSecondary: r?.oxford[60],
20
- borderDens: r?.oxford[36],
21
- borderDisable: r?.oxford[12],
22
- toneOp: "#F2F7FF",
23
- scrollBar: "#5663763D",
24
- gridHover: "#FCFCFC",
25
- ...o
26
- },
27
- dark: {
28
- active12: r?.patronus[4],
29
- active: e?.patronusBlue[50],
30
- focus: e?.patronusBlue[30],
31
- hover: e?.patronusBlue[30],
32
- hoverDefault: r?.mint[36],
33
- default: r?.mint[12],
34
- borderDefault: e?.coolGrey[60],
35
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
36
- lineTheme: r?.patronus[48],
37
- borderPrimary: r?.mint[48],
38
- borderSecondary: r?.mint[36],
39
- borderDens: r?.mint[60],
40
- borderDisable: r?.mint[12],
41
- toneOp: "#22313D",
42
- scrollBar: "#5663765D",
43
- gridHover: "#282E2E",
44
- ...o
45
- }
46
- };
47
- break;
48
- case "turqui":
49
- t = {
50
- light: {
51
- active12: a(e?.turquiBlue[50], 0.08),
52
- active: e?.turquiBlue[50],
53
- focus: e?.turquiBlue[70],
54
- hover: e?.turquiBlue[70],
55
- hoverDefault: r?.oxford[12],
56
- default: r?.oxford[12],
57
- borderDefault: e?.coolGrey[10],
58
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
59
- lineTheme: r?.turqui[48],
60
- borderPrimary: r?.oxford[24],
61
- borderSecondary: r?.oxford[60],
62
- borderDens: r?.oxford[36],
63
- borderDisable: r?.oxford[12],
64
- toneOp: "#F4F7F8",
65
- scrollBar: "#5663763D",
66
- gridHover: "#FCFCFC",
67
- ...o
68
- },
69
- dark: {
70
- active12: a(e?.turquiBlue[50], 0.08),
71
- active: e?.turquiBlue[50],
72
- focus: e?.turquiBlue[30],
73
- hover: e?.turquiBlue[30],
74
- hoverDefault: r?.mint[36],
75
- default: r?.mint[12],
76
- borderDefault: e?.coolGrey[60],
77
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
78
- lineTheme: r?.turqui[48],
79
- borderPrimary: r?.mint[48],
80
- borderSecondary: r?.mint[36],
81
- borderDens: r?.mint[60],
82
- borderDisable: r?.mint[12],
83
- toneOp: "#263538",
84
- scrollBar: "#5663765D",
85
- gridHover: "#282E2E",
86
- ...o
87
- }
88
- };
89
- break;
90
- case "grass":
91
- t = {
92
- light: {
93
- active12: a(e?.grassGreen[50], 0.08),
94
- active: e?.grassGreen[50],
95
- focus: e?.grassGreen[70],
96
- hover: e?.grassGreen[70],
97
- hoverDefault: r?.oxford[12],
98
- default: r?.oxford[12],
99
- borderDefault: e?.coolGrey[10],
100
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
101
- lineTheme: r?.grass[48],
102
- borderPrimary: r?.oxford[24],
103
- borderSecondary: r?.oxford[60],
104
- borderDens: r?.oxford[36],
105
- borderDisable: r?.oxford[12],
106
- toneOp: "#F5FAF7",
107
- scrollBar: "#5663763D",
108
- gridHover: "#FCFCFC",
109
- ...o
110
- },
111
- dark: {
112
- active12: a(e?.grassGreen[50], 0.08),
113
- active: e?.grassGreen[50],
114
- focus: e?.grassGreen[40],
115
- hover: e?.grassGreen[40],
116
- hoverDefault: r?.mint[36],
117
- default: r?.mint[12],
118
- borderDefault: e?.coolGrey[60],
119
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
120
- lineTheme: r?.grass[48],
121
- borderPrimary: r?.mint[48],
122
- borderSecondary: r?.mint[36],
123
- borderDens: r?.mint[60],
124
- borderDisable: r?.mint[12],
125
- toneOp: "#26322F",
126
- scrollBar: "#5663765D",
127
- gridHover: "#282E2E",
128
- ...o
129
- }
130
- };
131
- break;
132
- case "brown":
133
- t = {
134
- light: {
135
- active12: a(e?.brown[50], 0.08),
136
- active: e?.brown[50],
137
- focus: e?.brown[90],
138
- hover: e?.brown[90],
139
- hoverDefault: r?.oxford[12],
140
- default: r?.oxford[12],
141
- borderDefault: e?.coolGrey[10],
142
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
143
- lineTheme: r?.brown[48],
144
- borderPrimary: r?.oxford[24],
145
- borderSecondary: r?.oxford[60],
146
- borderDens: r?.oxford[36],
147
- borderDisable: r?.oxford[12],
148
- toneOp: "#FBF7F6",
149
- scrollBar: "#5663763D",
150
- gridHover: "#FCFCFC",
151
- ...o
152
- },
153
- dark: {
154
- active12: a(e?.brown[50], 0.08),
155
- active: e?.brown[50],
156
- focus: e?.brown[30],
157
- hover: e?.brown[30],
158
- hoverDefault: r?.mint[36],
159
- default: r?.mint[12],
160
- borderDefault: e?.coolGrey[60],
161
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
162
- lineTheme: r?.brown[48],
163
- borderPrimary: r?.mint[48],
164
- borderSecondary: r?.mint[36],
165
- borderDens: r?.mint[60],
166
- borderDisable: r?.mint[12],
167
- toneOp: "#2D302E",
168
- scrollBar: "#5663765D",
169
- gridHover: "#282E2E",
170
- ...o
171
- }
172
- };
173
- break;
174
- case "blaze":
175
- t = {
176
- light: {
177
- active12: a(e?.blazeOrange[50], 0.08),
178
- active: e?.blazeOrange[50],
179
- focus: e?.blazeOrange[70],
180
- hover: e?.blazeOrange[70],
181
- hoverDefault: r?.oxford[12],
182
- default: r?.oxford[12],
183
- borderDefault: e?.coolGrey[10],
184
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
185
- lineTheme: r?.orange[48],
186
- borderPrimary: r?.oxford[24],
187
- borderSecondary: r?.oxford[60],
188
- borderDens: r?.oxford[36],
189
- borderDisable: r?.oxford[12],
190
- toneOp: "#FEFBF6",
191
- scrollBar: "#5663763D",
192
- gridHover: "#FCFCFC",
193
- ...o
194
- },
195
- dark: {
196
- active12: a(e?.blazeOrange[50], 0.08),
197
- active: e?.blazeOrange[50],
198
- focus: e?.blazeOrange[30],
199
- hover: e?.blazeOrange[30],
200
- hoverDefault: r?.mint[36],
201
- default: r?.mint[12],
202
- borderDefault: e?.coolGrey[60],
203
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
204
- lineTheme: r?.orange[48],
205
- borderPrimary: r?.mint[48],
206
- borderSecondary: r?.mint[36],
207
- borderDens: r?.mint[60],
208
- borderDisable: r?.mint[12],
209
- toneOp: "#2D302B",
210
- scrollBar: "#5663765D",
211
- gridHover: "#282E2E",
212
- ...o
213
- }
214
- };
215
- break;
216
- default:
217
- t = {
218
- light: {
219
- active12: a(e?.turquiBlue[50], 0.08),
220
- active: e?.turquiBlue[50],
221
- focus: e?.turquiBlue[70],
222
- hover: e?.turquiBlue[70],
223
- hoverDefault: r?.oxford[12],
224
- default: r?.oxford[12],
225
- borderDefault: e?.coolGrey[10],
226
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
227
- lineTheme: r?.patronus[48],
228
- borderPrimary: r?.oxford[24],
229
- borderSecondary: r?.oxford[60],
230
- borderDens: r?.oxford[36],
231
- borderDisable: r?.oxford[12],
232
- toneOp: "#F2F7FF",
233
- scrollBar: "#5663763D",
234
- gridHover: "#FCFCFC",
235
- ...o
236
- },
237
- dark: {
238
- active12: a(e?.turquiBlue[50], 0.08),
239
- active: e?.turquiBlue[50],
240
- focus: e?.turquiBlue[30],
241
- hover: e?.turquiBlue[30],
242
- hoverDefault: r?.mint[36],
243
- default: r?.mint[12],
244
- borderDefault: e?.coolGrey[60],
245
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
246
- lineTheme: r?.patronus[48],
247
- borderPrimary: r?.mint[48],
248
- borderSecondary: r?.mint[36],
249
- borderDens: r?.mint[60],
250
- borderDisable: r?.mint[12],
251
- toneOp: "#22313D",
252
- scrollBar: "#5663765D",
253
- gridHover: "#282E2E",
254
- ...o
255
- }
256
- };
257
- break;
258
- }
259
- return d === "light" ? { ...t.light } : { ...t.dark };
260
- };
261
- export {
262
- u as g
263
- };
@@ -1,26 +0,0 @@
1
- import { StateDefault, StateSkeleton } from '../theme';
2
- import { ThemeColorPresets } from '../types';
3
- export interface ColorStateOptions {
4
- active12: string;
5
- active: string;
6
- focus: string;
7
- hover: string;
8
- hoverDefault: string;
9
- default: string;
10
- borderDefault: string;
11
- borderTop: string;
12
- lineTheme: string;
13
- borderPrimary: string;
14
- borderSecondary: string;
15
- borderDens: string;
16
- borderDisable: string;
17
- info: StateDefault;
18
- success: StateDefault;
19
- warning: StateDefault;
20
- error: StateDefault;
21
- skeleton: StateSkeleton;
22
- toneOp: string;
23
- gridHover: string;
24
- scrollBar: string;
25
- }
26
- export declare const getColorState: (presetsKey: ThemeColorPresets, mode: 'light' | 'dark') => ColorStateOptions;