@m4l/styles 2.0.2 → 2.0.3

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 (18) hide show
  1. package/index.js +42 -35
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions-CNJ2UmWH.js → defaultThemeOptions.d580f3ec.js} +10 -7
  4. package/theme/index.16e25179.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/{index-CyXBfJc_.js → index.79301515.js} +132 -485
  6. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -0
  7. package/theme/overrides/M4LRHFComponents/{index-DEvENvuH.js → index.38639c1b.js} +8 -78
  8. package/theme/overrides/MUIComponents/{index-oLVtA5nq.js → index.5c43e3b5.js} +0 -48
  9. package/theme/overrides/{index-CuD-MKOg.js → index.78952902.js} +3 -9
  10. package/theme/{palette-CR1CkF2l.js → palette.287635f2.js} +0 -1
  11. package/theme/{shadows-C9Ji2xrX.js → shadows.e0c009ff.js} +1 -4
  12. package/theme/{typography-BsOO459U.js → typography.947dc33f.js} +31 -34
  13. package/utils/{getColorPresets-B12zVrZ8.js → getColorPresets.a96a4046.js} +1 -10
  14. package/utils/{getColorState-CGc0yrt5.js → getColorState.18b61422.js} +10 -17
  15. package/utils/{getFontValue-BEO-XID9.js → getFontValue.88831637.js} +5 -8
  16. package/theme/index-l0sNRNKZ.js +0 -1
  17. /package/{config-CoeBxEZB.js → config.5405b46b.js} +0 -0
  18. /package/utils/{useResponsive-DaeQVwlH.js → useResponsive.2c45e8e0.js} +0 -0
package/theme/{typography-BsOO459U.js → typography.947dc33f.js} RENAMED
@@ -1,134 +1,131 @@
1
1
  import { createTheme as i } from "@mui/material";
2
- import { r as e, p as t } from "../utils/getFontValue-BEO-XID9.js";
3
- const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
2
+ import "@mui/material/styles";
3
+ import "@mui/material/useMediaQuery";
4
+ import "../utils/getColorPresets.a96a4046.js";
5
+ import "@mui/system";
6
+ import "./defaultThemeOptions.d580f3ec.js";
7
+ import "./shadows.e0c009ff.js";
8
+ import "./palette.287635f2.js";
9
+ import { r as t, p as e } from "../utils/getFontValue.88831637.js";
10
+ const n = "Segoe UI, Poppins, sans-serif", g = i(), W = {
4
11
  ...g.typography,
5
12
  fontFamily: n,
6
13
  fontWeightRegular: 400,
7
14
  fontWeightMedium: 600,
8
15
  fontWeightBold: 700,
9
- /* Definindo en Patronus */
10
16
  h1: {
11
17
  fontWeight: 600,
12
18
  lineHeight: 1.5,
13
- ...e({ sm: 38, md: 38, lg: 38 })
19
+ ...t({ sm: 38, md: 38, lg: 38 })
14
20
  },
15
21
  h2: {
16
22
  fontWeight: 600,
17
23
  lineHeight: 1,
18
- ...e({ sm: 40, md: 40, lg: 40 })
24
+ ...t({ sm: 40, md: 40, lg: 40 })
19
25
  },
20
- /* Definindo en Patronus */
21
26
  h3: {
22
27
  fontWeight: 600,
23
28
  lineHeight: 1.5,
24
- ...e({ sm: 30, md: 30, lg: 30 })
29
+ ...t({ sm: 30, md: 30, lg: 30 })
25
30
  },
26
31
  h4: {
27
32
  fontWeight: 600,
28
33
  lineHeight: 1.5,
29
- ...e({ sm: 20, md: 20, lg: 20 })
34
+ ...t({ sm: 20, md: 20, lg: 20 })
30
35
  },
31
- /* Definindo en Patronus */
32
36
  h5: {
33
37
  fontWeight: 500,
34
38
  lineHeight: "28px",
35
39
  letterSpacing: "-0.01em",
36
- ...e({ sm: 22, md: 22, lg: 22 })
40
+ ...t({ sm: 22, md: 22, lg: 22 })
37
41
  },
38
42
  h6: {
39
43
  fontWeight: 500,
40
44
  lineHeight: "24px",
41
45
  letterSpacing: "-0.08em",
42
- ...e({ sm: 18, md: 18, lg: 18 })
46
+ ...t({ sm: 18, md: 18, lg: 18 })
43
47
  },
44
- /* Definindo en Patronus */
45
48
  subtitle: {
46
49
  fontWeight: 400,
47
50
  lineHeight: "20px",
48
51
  letterSpacing: "-0.006em",
49
- ...e({ sm: 15, md: 15, lg: 15 })
52
+ ...t({ sm: 15, md: 15, lg: 15 })
50
53
  },
51
- /* Definindo en Patronus */
52
54
  subtitleDens: {
53
55
  fontWeight: 600,
54
56
  lineHeight: "24px",
55
57
  letterSpacing: "-0.006em",
56
- ...e({ sm: 15, md: 15, lg: 15 })
58
+ ...t({ sm: 15, md: 15, lg: 15 })
57
59
  },
58
- /* Definindo en Patronus */
59
60
  paragraph: {
60
61
  fontWeight: 400,
61
62
  lineHeight: "16px",
62
63
  letterSpacing: "-0.003em",
63
- ...e({ sm: 13, md: 13, lg: 13 })
64
+ ...t({ sm: 13, md: 13, lg: 13 })
64
65
  },
65
- /* Definindo en Patronus */
66
66
  paragraphDens: {
67
67
  fontWeight: 600,
68
68
  lineHeight: "20px",
69
69
  letterSpacing: "-0.003em",
70
- ...e({ sm: 13, md: 13, lg: 13 })
70
+ ...t({ sm: 13, md: 13, lg: 13 })
71
71
  },
72
72
  subtitle1: {
73
73
  fontWeight: 600,
74
74
  lineHeight: 1.5,
75
- fontSize: t(14)
75
+ fontSize: e(14)
76
76
  },
77
77
  subtitle2: {
78
78
  fontWeight: 600,
79
79
  lineHeight: 1.5,
80
- fontSize: t(12)
80
+ fontSize: e(12)
81
81
  },
82
- /* Definindo en Patronus */
83
82
  body: {
84
83
  fontWeight: 400,
85
84
  lineHeight: "16px",
86
- ...e({ sm: 11, md: 11, lg: 11 })
85
+ ...t({ sm: 11, md: 11, lg: 11 })
87
86
  },
88
- /* Definindo en Patronus */
89
87
  bodyDens: {
90
88
  fontWeight: 600,
91
89
  lineHeight: "16px",
92
- ...e({ sm: 11, md: 11, lg: 11 })
90
+ ...t({ sm: 11, md: 11, lg: 11 })
93
91
  },
94
92
  body0: {
95
93
  lineHeight: 1.5,
96
94
  fontWeight: 400,
97
- fontSize: t(16)
95
+ fontSize: e(16)
98
96
  },
99
97
  body1: {
100
98
  lineHeight: 1.5,
101
99
  fontWeight: 400,
102
- fontSize: t(14)
100
+ fontSize: e(14)
103
101
  },
104
102
  body2: {
105
103
  lineHeight: 1.5,
106
104
  fontWeight: 400,
107
- fontSize: t(12)
105
+ fontSize: e(12)
108
106
  },
109
107
  caption: {
110
108
  lineHeight: 1.5,
111
- fontSize: t(11)
109
+ fontSize: e(11)
112
110
  },
113
111
  overline: {
114
112
  fontWeight: 700,
115
113
  lineHeight: 1.5,
116
- fontSize: t(12),
114
+ fontSize: e(12),
117
115
  textTransform: "uppercase"
118
116
  },
119
117
  button: {
120
118
  fontWeight: 700,
121
119
  lineHeight: 24 / 14,
122
- fontSize: t(14),
120
+ fontSize: e(14),
123
121
  textTransform: "capitalize"
124
122
  },
125
- /* Definindo en Patronus */
126
123
  action: {
127
124
  fontWeight: 600,
128
125
  lineHeight: "16px",
129
- ...e({ sm: 12, md: 12, lg: 12 })
126
+ ...t({ sm: 12, md: 12, lg: 12 })
130
127
  }
131
128
  };
132
129
  export {
133
- l as t
130
+ W as t
134
131
  };
package/utils/{getColorPresets-B12zVrZ8.js → getColorPresets.a96a4046.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { P as r } from "../theme/palette-CR1CkF2l.js";
1
+ import { P as r } from "../theme/palette.287635f2.js";
2
2
  import { createTheme as s } from "@mui/material";
3
3
  const e = s(), a = [
4
4
  {
@@ -41,15 +41,6 @@ const e = s(), a = [
41
41
  darker: r.brown[10],
42
42
  contrastText: r.marbleLight[10]
43
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
44
  {
54
45
  ...e.palette.primary,
55
46
  name: "blaze",
package/utils/{getColorState-CGc0yrt5.js → getColorState.18b61422.js} RENAMED
@@ -1,8 +1,13 @@
1
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) => {
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) => {
4
9
  let t = {};
5
- switch (l) {
10
+ switch (i) {
6
11
  case "patronus":
7
12
  t = {
8
13
  light: {
@@ -13,7 +18,6 @@ const u = (l, d) => {
13
18
  hoverDefault: r?.oxford[12],
14
19
  default: r?.oxford[12],
15
20
  borderDefault: e?.coolGrey[10],
16
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
17
21
  lineTheme: r?.patronus[48],
18
22
  borderPrimary: r?.oxford[24],
19
23
  borderSecondary: r?.oxford[60],
@@ -32,7 +36,6 @@ const u = (l, d) => {
32
36
  hoverDefault: r?.mint[36],
33
37
  default: r?.mint[12],
34
38
  borderDefault: e?.coolGrey[60],
35
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
36
39
  lineTheme: r?.patronus[48],
37
40
  borderPrimary: r?.mint[48],
38
41
  borderSecondary: r?.mint[36],
@@ -55,7 +58,6 @@ const u = (l, d) => {
55
58
  hoverDefault: r?.oxford[12],
56
59
  default: r?.oxford[12],
57
60
  borderDefault: e?.coolGrey[10],
58
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
59
61
  lineTheme: r?.turqui[48],
60
62
  borderPrimary: r?.oxford[24],
61
63
  borderSecondary: r?.oxford[60],
@@ -74,7 +76,6 @@ const u = (l, d) => {
74
76
  hoverDefault: r?.mint[36],
75
77
  default: r?.mint[12],
76
78
  borderDefault: e?.coolGrey[60],
77
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
78
79
  lineTheme: r?.turqui[48],
79
80
  borderPrimary: r?.mint[48],
80
81
  borderSecondary: r?.mint[36],
@@ -97,7 +98,6 @@ const u = (l, d) => {
97
98
  hoverDefault: r?.oxford[12],
98
99
  default: r?.oxford[12],
99
100
  borderDefault: e?.coolGrey[10],
100
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
101
101
  lineTheme: r?.grass[48],
102
102
  borderPrimary: r?.oxford[24],
103
103
  borderSecondary: r?.oxford[60],
@@ -116,7 +116,6 @@ const u = (l, d) => {
116
116
  hoverDefault: r?.mint[36],
117
117
  default: r?.mint[12],
118
118
  borderDefault: e?.coolGrey[60],
119
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
120
119
  lineTheme: r?.grass[48],
121
120
  borderPrimary: r?.mint[48],
122
121
  borderSecondary: r?.mint[36],
@@ -139,7 +138,6 @@ const u = (l, d) => {
139
138
  hoverDefault: r?.oxford[12],
140
139
  default: r?.oxford[12],
141
140
  borderDefault: e?.coolGrey[10],
142
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
143
141
  lineTheme: r?.brown[48],
144
142
  borderPrimary: r?.oxford[24],
145
143
  borderSecondary: r?.oxford[60],
@@ -158,7 +156,6 @@ const u = (l, d) => {
158
156
  hoverDefault: r?.mint[36],
159
157
  default: r?.mint[12],
160
158
  borderDefault: e?.coolGrey[60],
161
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
162
159
  lineTheme: r?.brown[48],
163
160
  borderPrimary: r?.mint[48],
164
161
  borderSecondary: r?.mint[36],
@@ -181,7 +178,6 @@ const u = (l, d) => {
181
178
  hoverDefault: r?.oxford[12],
182
179
  default: r?.oxford[12],
183
180
  borderDefault: e?.coolGrey[10],
184
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
185
181
  lineTheme: r?.orange[48],
186
182
  borderPrimary: r?.oxford[24],
187
183
  borderSecondary: r?.oxford[60],
@@ -200,7 +196,6 @@ const u = (l, d) => {
200
196
  hoverDefault: r?.mint[36],
201
197
  default: r?.mint[12],
202
198
  borderDefault: e?.coolGrey[60],
203
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
204
199
  lineTheme: r?.orange[48],
205
200
  borderPrimary: r?.mint[48],
206
201
  borderSecondary: r?.mint[36],
@@ -223,7 +218,6 @@ const u = (l, d) => {
223
218
  hoverDefault: r?.oxford[12],
224
219
  default: r?.oxford[12],
225
220
  borderDefault: e?.coolGrey[10],
226
- //borderTop: PATRONUSCOLORS?.marbleLight[10],
227
221
  lineTheme: r?.patronus[48],
228
222
  borderPrimary: r?.oxford[24],
229
223
  borderSecondary: r?.oxford[60],
@@ -242,7 +236,6 @@ const u = (l, d) => {
242
236
  hoverDefault: r?.mint[36],
243
237
  default: r?.mint[12],
244
238
  borderDefault: e?.coolGrey[60],
245
- //borderTop: alpha(PATRONUSCOLORS?.marbleLight[10], 0.04),
246
239
  lineTheme: r?.patronus[48],
247
240
  borderPrimary: r?.mint[48],
248
241
  borderSecondary: r?.mint[36],
@@ -256,8 +249,8 @@ const u = (l, d) => {
256
249
  };
257
250
  break;
258
251
  }
259
- return d === "light" ? { ...t.light } : { ...t.dark };
252
+ return l === "light" ? { ...t.light } : { ...t.dark };
260
253
  };
261
254
  export {
262
- u as g
255
+ m as g
263
256
  };
package/utils/{getFontValue-BEO-XID9.js → getFontValue.88831637.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { useTheme as h } from "@mui/material/styles";
2
- import { u as m } from "./useResponsive-DaeQVwlH.js";
2
+ import { u as m } from "./useResponsive.2c45e8e0.js";
3
3
  function f(e) {
4
4
  return Math.round(parseFloat(e) * 16);
5
5
  }
@@ -20,13 +20,10 @@ function l({ sm: e, md: t, lg: o }) {
20
20
  };
21
21
  }
22
22
  function g() {
23
- return (
24
- // @ts-ignore not sure what is this
25
- [...h().breakpoints.keys].reverse().reduce((o, n) => {
26
- const s = m("up", n);
27
- return !o && s ? n : o;
28
- }, null) || "xs"
29
- );
23
+ return [...h().breakpoints.keys].reverse().reduce((o, n) => {
24
+ const s = m("up", n);
25
+ return !o && s ? n : o;
26
+ }, null) || "xs";
30
27
  }
31
28
  function S(e) {
32
29
  const t = h(), o = g(), n = t.breakpoints.up(o === "xl" ? "lg" : o), i = (e === "h1" || e === "h2" || e === "h3" || e === "h4" || e === "h5" || e === "h6") && t.typography[e][n] ? t.typography[e][n] : t.typography[e], p = f(i.fontSize), r = Number(t.typography[e].lineHeight) * p, { fontWeight: u, letterSpacing: c } = t.typography[e];
package/theme/index-l0sNRNKZ.js DELETED
@@ -1 +0,0 @@
1
-
/package/{config-CoeBxEZB.js → config.5405b46b.js} RENAMED
File without changes