@m4l/styles 2.0.1 → 2.0.2

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