@m4l/styles 3.2.1 → 3.2.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.
- package/index.js +41 -33
- package/package.json +1 -1
- package/theme/{defaultThemeOptions-BlJvKCE6.js → defaultThemeOptions.b39953a8.js} +4 -4
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +0 -3
- package/theme/overrides/M4LExtendedComponents/{index-D8SeTLwa.js → index.dbc24a3d.js} +23 -343
- package/theme/overrides/M4LRHFComponents/{index-BRZVeOM5.js → index.7d702163.js} +4 -76
- package/theme/overrides/MUIComponents/{index-XoLdmZP6.js → index.2b5bc914.js} +0 -48
- package/theme/overrides/{index-DFdz4PJZ.js → index.cc540e59.js} +3 -9
- package/theme/{palette-DM0gXxA2.js → palette.fc293d0e.js} +0 -9
- package/theme/{shadows-GTYqExFA.js → shadows.67c0a60a.js} +1 -2
- package/theme/{typography-BsOO459U.js → typography.616cfe0c.js} +1 -11
- package/types/augmentations.d.ts +155 -155
- package/utils/{getColorPresets-CXZaM9oS.js → getColorPresets.38329841.js} +1 -1
- package/utils/{getFontValue-BEO-XID9.js → getFontValue.88831637.js} +5 -8
- package/vite-env.d.ts +3 -3
- /package/{config-B8bZIPuH.js → config.3bb6415c.js} +0 -0
- /package/theme/{index-l0sNRNKZ.js → index.34d0fdea.js} +0 -0
- /package/utils/{getColorState-D1JKXD4T.js → getColorState.b8092fb6.js} +0 -0
- /package/utils/{useResponsive-DaeQVwlH.js → useResponsive.2c45e8e0.js} +0 -0
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { createTheme as i } from "@mui/material";
|
|
2
|
-
import { r as e, p as t } from "../utils/getFontValue
|
|
2
|
+
import { r as e, p as t } from "../utils/getFontValue.88831637.js";
|
|
3
3
|
const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
4
4
|
...g.typography,
|
|
5
5
|
fontFamily: n,
|
|
6
6
|
fontWeightRegular: 400,
|
|
7
7
|
fontWeightMedium: 600,
|
|
8
8
|
fontWeightBold: 700,
|
|
9
|
-
/* Definindo en Patronus */
|
|
10
9
|
h1: {
|
|
11
10
|
fontWeight: 600,
|
|
12
11
|
lineHeight: 1.5,
|
|
@@ -17,7 +16,6 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
|
17
16
|
lineHeight: 1,
|
|
18
17
|
...e({ sm: 40, md: 40, lg: 40 })
|
|
19
18
|
},
|
|
20
|
-
/* Definindo en Patronus */
|
|
21
19
|
h3: {
|
|
22
20
|
fontWeight: 600,
|
|
23
21
|
lineHeight: 1.5,
|
|
@@ -28,7 +26,6 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
|
28
26
|
lineHeight: 1.5,
|
|
29
27
|
...e({ sm: 20, md: 20, lg: 20 })
|
|
30
28
|
},
|
|
31
|
-
/* Definindo en Patronus */
|
|
32
29
|
h5: {
|
|
33
30
|
fontWeight: 500,
|
|
34
31
|
lineHeight: "28px",
|
|
@@ -41,28 +38,24 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
|
41
38
|
letterSpacing: "-0.08em",
|
|
42
39
|
...e({ sm: 18, md: 18, lg: 18 })
|
|
43
40
|
},
|
|
44
|
-
/* Definindo en Patronus */
|
|
45
41
|
subtitle: {
|
|
46
42
|
fontWeight: 400,
|
|
47
43
|
lineHeight: "20px",
|
|
48
44
|
letterSpacing: "-0.006em",
|
|
49
45
|
...e({ sm: 15, md: 15, lg: 15 })
|
|
50
46
|
},
|
|
51
|
-
/* Definindo en Patronus */
|
|
52
47
|
subtitleDens: {
|
|
53
48
|
fontWeight: 600,
|
|
54
49
|
lineHeight: "24px",
|
|
55
50
|
letterSpacing: "-0.006em",
|
|
56
51
|
...e({ sm: 15, md: 15, lg: 15 })
|
|
57
52
|
},
|
|
58
|
-
/* Definindo en Patronus */
|
|
59
53
|
paragraph: {
|
|
60
54
|
fontWeight: 400,
|
|
61
55
|
lineHeight: "16px",
|
|
62
56
|
letterSpacing: "-0.003em",
|
|
63
57
|
...e({ sm: 13, md: 13, lg: 13 })
|
|
64
58
|
},
|
|
65
|
-
/* Definindo en Patronus */
|
|
66
59
|
paragraphDens: {
|
|
67
60
|
fontWeight: 600,
|
|
68
61
|
lineHeight: "20px",
|
|
@@ -79,13 +72,11 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
|
79
72
|
lineHeight: 1.5,
|
|
80
73
|
fontSize: t(12)
|
|
81
74
|
},
|
|
82
|
-
/* Definindo en Patronus */
|
|
83
75
|
body: {
|
|
84
76
|
fontWeight: 400,
|
|
85
77
|
lineHeight: "16px",
|
|
86
78
|
...e({ sm: 11, md: 11, lg: 11 })
|
|
87
79
|
},
|
|
88
|
-
/* Definindo en Patronus */
|
|
89
80
|
bodyDens: {
|
|
90
81
|
fontWeight: 600,
|
|
91
82
|
lineHeight: "16px",
|
|
@@ -122,7 +113,6 @@ const n = "Segoe UI, Poppins, sans-serif", g = i(), l = {
|
|
|
122
113
|
fontSize: t(14),
|
|
123
114
|
textTransform: "capitalize"
|
|
124
115
|
},
|
|
125
|
-
/* Definindo en Patronus */
|
|
126
116
|
action: {
|
|
127
117
|
fontWeight: 600,
|
|
128
118
|
lineHeight: "16px",
|
package/types/augmentations.d.ts
CHANGED
|
@@ -1,155 +1,155 @@
|
|
|
1
|
-
import { Breakpoints } from '@mui/material';
|
|
2
|
-
|
|
3
|
-
import type { CustomShadowOptions } from '../theme';
|
|
4
|
-
|
|
5
|
-
declare module '@mui/material' {
|
|
6
|
-
interface Color {
|
|
7
|
-
0: string;
|
|
8
|
-
500_8: string;
|
|
9
|
-
500_12: string;
|
|
10
|
-
500_16: string;
|
|
11
|
-
500_24: string;
|
|
12
|
-
500_32: string;
|
|
13
|
-
500_48: string;
|
|
14
|
-
500_56: string;
|
|
15
|
-
500_80: string;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
declare module '@mui/material/styles' {
|
|
20
|
-
interface PaletteColor {
|
|
21
|
-
lighter?: string;
|
|
22
|
-
darker?: string;
|
|
23
|
-
active: string;
|
|
24
|
-
activeOpacity: string;
|
|
25
|
-
hover: string;
|
|
26
|
-
focus: string;
|
|
27
|
-
selected: string;
|
|
28
|
-
toneOpacity: string;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
interface SimplePaletteColorOptions {
|
|
32
|
-
lighter?: string;
|
|
33
|
-
darker?: string;
|
|
34
|
-
active: string;
|
|
35
|
-
activeOpacity: string;
|
|
36
|
-
hover: string;
|
|
37
|
-
focus: string;
|
|
38
|
-
selected: string;
|
|
39
|
-
toneOpacity: string;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
interface Palette {
|
|
43
|
-
mode: 'light' | 'dark';
|
|
44
|
-
secondary: never;
|
|
45
|
-
skeleton: { default: string; transition: string };
|
|
46
|
-
border: {
|
|
47
|
-
active: string;
|
|
48
|
-
selected: string;
|
|
49
|
-
default: string;
|
|
50
|
-
primary: string;
|
|
51
|
-
secondary: string;
|
|
52
|
-
disabled: string;
|
|
53
|
-
dense: string;
|
|
54
|
-
line: string;
|
|
55
|
-
};
|
|
56
|
-
general: {
|
|
57
|
-
scrollBar: string;
|
|
58
|
-
gridHover: string;
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
interface PaletteOptions {
|
|
63
|
-
mode: 'light' | 'dark';
|
|
64
|
-
secondary: never;
|
|
65
|
-
skeleton: { default: string; transition: string };
|
|
66
|
-
border: {
|
|
67
|
-
active: string;
|
|
68
|
-
selected: string;
|
|
69
|
-
default: string;
|
|
70
|
-
primary: string;
|
|
71
|
-
secondary: string;
|
|
72
|
-
disabled: string;
|
|
73
|
-
dense: string;
|
|
74
|
-
line: string;
|
|
75
|
-
};
|
|
76
|
-
general: {
|
|
77
|
-
scrollBar: string;
|
|
78
|
-
gridHover: string;
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
interface ColorSchemeOverrides {
|
|
83
|
-
finalTheme?: true;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
interface CssVarsTheme {
|
|
87
|
-
generalSettings: {
|
|
88
|
-
isMobile: boolean;
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
interface Theme extends CssVarsTheme {
|
|
93
|
-
stretch: boolean;
|
|
94
|
-
customShadows: CustomShadowOptions;
|
|
95
|
-
breakpoints: Breakpoints;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
interface CssVarsThemeOptions {
|
|
99
|
-
generalSettings: {
|
|
100
|
-
isMobile: boolean;
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
interface ThemeVars {
|
|
105
|
-
customShadows: CustomShadowOptions;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
interface ColorSystem {
|
|
109
|
-
typography: TypographyVariants;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
interface TypeBackground {
|
|
113
|
-
default: string;
|
|
114
|
-
hover: string;
|
|
115
|
-
surface: string;
|
|
116
|
-
subtle: string;
|
|
117
|
-
main: string;
|
|
118
|
-
bold: string;
|
|
119
|
-
backdrop: string;
|
|
120
|
-
reverse: string;
|
|
121
|
-
header: string;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
interface TypographyVariants {
|
|
125
|
-
subtitle: Record<string, any>;
|
|
126
|
-
subtitleDens: Record<string, any>;
|
|
127
|
-
paragraph: Record<string, any>;
|
|
128
|
-
paragraphDens: Record<string, any>;
|
|
129
|
-
body: Record<string, any>;
|
|
130
|
-
bodyDens: Record<string, any>;
|
|
131
|
-
action: Record<string, any>;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
interface TypographyVariantsOptions {
|
|
135
|
-
subtitle: React.CSSProperties;
|
|
136
|
-
subtitleDens: React.CSSProperties;
|
|
137
|
-
paragraph: React.CSSProperties;
|
|
138
|
-
paragraphDens: React.CSSProperties;
|
|
139
|
-
body: React.CSSProperties;
|
|
140
|
-
bodyDens: React.CSSProperties;
|
|
141
|
-
action: React.CSSProperties;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
declare module '@mui/material/Typography' {
|
|
146
|
-
interface TypographyPropsVariantOverrides {
|
|
147
|
-
subtitle: true;
|
|
148
|
-
subtitleDens: true;
|
|
149
|
-
paragraph: true;
|
|
150
|
-
paragraphDens: true;
|
|
151
|
-
body: true;
|
|
152
|
-
bodyDens: true;
|
|
153
|
-
action: true;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
1
|
+
import { Breakpoints } from '@mui/material';
|
|
2
|
+
|
|
3
|
+
import type { CustomShadowOptions } from '../theme';
|
|
4
|
+
|
|
5
|
+
declare module '@mui/material' {
|
|
6
|
+
interface Color {
|
|
7
|
+
0: string;
|
|
8
|
+
500_8: string;
|
|
9
|
+
500_12: string;
|
|
10
|
+
500_16: string;
|
|
11
|
+
500_24: string;
|
|
12
|
+
500_32: string;
|
|
13
|
+
500_48: string;
|
|
14
|
+
500_56: string;
|
|
15
|
+
500_80: string;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare module '@mui/material/styles' {
|
|
20
|
+
interface PaletteColor {
|
|
21
|
+
lighter?: string;
|
|
22
|
+
darker?: string;
|
|
23
|
+
active: string;
|
|
24
|
+
activeOpacity: string;
|
|
25
|
+
hover: string;
|
|
26
|
+
focus: string;
|
|
27
|
+
selected: string;
|
|
28
|
+
toneOpacity: string;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
interface SimplePaletteColorOptions {
|
|
32
|
+
lighter?: string;
|
|
33
|
+
darker?: string;
|
|
34
|
+
active: string;
|
|
35
|
+
activeOpacity: string;
|
|
36
|
+
hover: string;
|
|
37
|
+
focus: string;
|
|
38
|
+
selected: string;
|
|
39
|
+
toneOpacity: string;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
interface Palette {
|
|
43
|
+
mode: 'light' | 'dark';
|
|
44
|
+
secondary: never;
|
|
45
|
+
skeleton: { default: string; transition: string };
|
|
46
|
+
border: {
|
|
47
|
+
active: string;
|
|
48
|
+
selected: string;
|
|
49
|
+
default: string;
|
|
50
|
+
primary: string;
|
|
51
|
+
secondary: string;
|
|
52
|
+
disabled: string;
|
|
53
|
+
dense: string;
|
|
54
|
+
line: string;
|
|
55
|
+
};
|
|
56
|
+
general: {
|
|
57
|
+
scrollBar: string;
|
|
58
|
+
gridHover: string;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
interface PaletteOptions {
|
|
63
|
+
mode: 'light' | 'dark';
|
|
64
|
+
secondary: never;
|
|
65
|
+
skeleton: { default: string; transition: string };
|
|
66
|
+
border: {
|
|
67
|
+
active: string;
|
|
68
|
+
selected: string;
|
|
69
|
+
default: string;
|
|
70
|
+
primary: string;
|
|
71
|
+
secondary: string;
|
|
72
|
+
disabled: string;
|
|
73
|
+
dense: string;
|
|
74
|
+
line: string;
|
|
75
|
+
};
|
|
76
|
+
general: {
|
|
77
|
+
scrollBar: string;
|
|
78
|
+
gridHover: string;
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
interface ColorSchemeOverrides {
|
|
83
|
+
finalTheme?: true;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
interface CssVarsTheme {
|
|
87
|
+
generalSettings: {
|
|
88
|
+
isMobile: boolean;
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
interface Theme extends CssVarsTheme {
|
|
93
|
+
stretch: boolean;
|
|
94
|
+
customShadows: CustomShadowOptions;
|
|
95
|
+
breakpoints: Breakpoints;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
interface CssVarsThemeOptions {
|
|
99
|
+
generalSettings: {
|
|
100
|
+
isMobile: boolean;
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
interface ThemeVars {
|
|
105
|
+
customShadows: CustomShadowOptions;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
interface ColorSystem {
|
|
109
|
+
typography: TypographyVariants;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
interface TypeBackground {
|
|
113
|
+
default: string;
|
|
114
|
+
hover: string;
|
|
115
|
+
surface: string;
|
|
116
|
+
subtle: string;
|
|
117
|
+
main: string;
|
|
118
|
+
bold: string;
|
|
119
|
+
backdrop: string;
|
|
120
|
+
reverse: string;
|
|
121
|
+
header: string;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
interface TypographyVariants {
|
|
125
|
+
subtitle: Record<string, any>;
|
|
126
|
+
subtitleDens: Record<string, any>;
|
|
127
|
+
paragraph: Record<string, any>;
|
|
128
|
+
paragraphDens: Record<string, any>;
|
|
129
|
+
body: Record<string, any>;
|
|
130
|
+
bodyDens: Record<string, any>;
|
|
131
|
+
action: Record<string, any>;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
interface TypographyVariantsOptions {
|
|
135
|
+
subtitle: React.CSSProperties;
|
|
136
|
+
subtitleDens: React.CSSProperties;
|
|
137
|
+
paragraph: React.CSSProperties;
|
|
138
|
+
paragraphDens: React.CSSProperties;
|
|
139
|
+
body: React.CSSProperties;
|
|
140
|
+
bodyDens: React.CSSProperties;
|
|
141
|
+
action: React.CSSProperties;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
declare module '@mui/material/Typography' {
|
|
146
|
+
interface TypographyPropsVariantOverrides {
|
|
147
|
+
subtitle: true;
|
|
148
|
+
subtitleDens: true;
|
|
149
|
+
paragraph: true;
|
|
150
|
+
paragraphDens: true;
|
|
151
|
+
body: true;
|
|
152
|
+
bodyDens: true;
|
|
153
|
+
action: true;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useTheme as h } from "@mui/material/styles";
|
|
2
|
-
import { u as m } from "./useResponsive
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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/vite-env.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="vite/client" />
|
|
2
|
-
/// <reference types="vitest" />
|
|
3
|
-
/// <reference types="vitest/importMeta" />
|
|
1
|
+
/// <reference types="vite/client" />
|
|
2
|
+
/// <reference types="vitest" />
|
|
3
|
+
/// <reference types="vitest/importMeta" />
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|