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