@m4l/styles 3.2.0 → 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.
@@ -1,12 +1,11 @@
1
1
  import { createTheme as i } from "@mui/material";
2
- import { r as e, p as t } from "../utils/getFontValue-BEO-XID9.js";
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",
@@ -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,4 +1,4 @@
1
- import { P as r } from "../theme/palette-DM0gXxA2.js";
1
+ import { P as r } from "../theme/palette.fc293d0e.js";
2
2
  const o = "patronus", s = r[o];
3
3
  function n(t) {
4
4
  try {
@@ -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/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