@m4l/styles 0.0.48 → 0.0.49

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,5 +1,5 @@
1
1
  import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as c, T as l, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as y, j as S, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.d2b98b86.js";
2
- import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as t, l as m, m as e, n as h, o as aa, p as sa, q as oa, r as ra, s as La, t as Ma, u as na, v as ia, w as pa, x as ca, y as la, z as da, A as ua, B as ga, C as Ba, D as Fa, E as Pa, F as Aa, G as Ta, H as ba, I as Ca, J as ya, K as Sa, L as Ia, N as Ra, O as va, P as Ha, Q as ka, R as Da, S as fa, T as xa, U as wa, V as Ga, W as Va, X as ja, Y as Ea, Z as Na, _ as Oa } from "./M4LExtendedComponents/index.fbdb0818.js";
2
+ import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z, i as _, j as $, k as t, l as m, m as e, n as h, o as aa, p as sa, q as oa, r as ra, s as La, t as Ma, u as na, v as ia, w as pa, x as ca, y as la, z as da, A as ua, B as ga, C as Ba, D as Fa, E as Pa, F as Aa, G as Ta, H as ba, I as Ca, J as ya, K as Sa, L as Ia, N as Ra, O as va, P as Ha, Q as ka, R as Da, S as fa, T as xa, U as wa, V as Ga, W as Va, X as ja, Y as Ea, Z as Na, _ as Oa } from "./M4LExtendedComponents/index.0ba2f034.js";
3
3
  import { M as qa, a as za, b as Ua, c as Ja, d as Ka, e as Qa, f as Wa, g as Xa, h as Ya } from "./M4LRHFComponents/index.f37c2406.js";
4
4
  function ta(a) {
5
5
  return Object.assign(
@@ -1,5 +1,13 @@
1
- import { r as e, p as t } from "../utils/getFontValue.88831637.js";
2
- const i = "Segoe UI, Poppins, sans-serif", g = {
1
+ import "@mui/material/styles";
2
+ import "@mui/material/useMediaQuery";
3
+ import "../utils/getColorPresets.2a91ffaf.js";
4
+ import "@mui/system";
5
+ import "./defaultThemeOptions.656b9eff.js";
6
+ import "./shadows.86540b18.js";
7
+ import "./palette.0590e8a6.js";
8
+ import "@mui/material";
9
+ import { r as t, p as e } from "../utils/getFontValue.88831637.js";
10
+ const i = "Segoe UI, Poppins, sans-serif", r = {
3
11
  fontFamily: i,
4
12
  fontWeightRegular: 400,
5
13
  fontWeightMedium: 600,
@@ -7,116 +15,116 @@ const i = "Segoe UI, Poppins, sans-serif", g = {
7
15
  h1: {
8
16
  fontWeight: 600,
9
17
  lineHeight: 1.5,
10
- ...e({ sm: 38, md: 40, lg: 40 })
18
+ ...t({ sm: 38, md: 40, lg: 40 })
11
19
  },
12
20
  h2: {
13
21
  fontWeight: 600,
14
22
  lineHeight: 1,
15
- ...e({ sm: 40, md: 44, lg: 48 })
23
+ ...t({ sm: 40, md: 44, lg: 48 })
16
24
  },
17
25
  h3: {
18
26
  fontWeight: 600,
19
27
  lineHeight: 1.5,
20
- ...e({ sm: 30, md: 32, lg: 32 })
28
+ ...t({ sm: 30, md: 32, lg: 32 })
21
29
  },
22
30
  h4: {
23
31
  fontWeight: 600,
24
32
  lineHeight: 1.5,
25
- ...e({ sm: 20, md: 24, lg: 24 })
33
+ ...t({ sm: 20, md: 24, lg: 24 })
26
34
  },
27
35
  h5: {
28
36
  fontWeight: 500,
29
37
  lineHeight: "28px",
30
38
  letterSpacing: "-0.01em",
31
- ...e({ sm: 22, md: 24, lg: 24 })
39
+ ...t({ sm: 22, md: 24, lg: 24 })
32
40
  },
33
41
  h6: {
34
42
  fontWeight: 500,
35
43
  lineHeight: "24px",
36
44
  letterSpacing: "-0.08em",
37
- ...e({ sm: 18, md: 18, lg: 18 })
45
+ ...t({ sm: 18, md: 18, lg: 18 })
38
46
  },
39
47
  subtitle: {
40
48
  fontWeight: 400,
41
49
  lineHeight: "20px",
42
50
  letterSpacing: "-0.006em",
43
- ...e({ sm: 18, md: 15, lg: 15 })
51
+ ...t({ sm: 18, md: 15, lg: 15 })
44
52
  },
45
53
  subtitleDens: {
46
54
  fontWeight: 600,
47
55
  lineHeight: "24px",
48
56
  letterSpacing: "-0.006em",
49
- ...e({ sm: 18, md: 15, lg: 15 })
57
+ ...t({ sm: 18, md: 15, lg: 15 })
50
58
  },
51
59
  paragraph: {
52
60
  fontWeight: 400,
53
61
  lineHeight: "16px",
54
62
  letterSpacing: "-0.003em",
55
- ...e({ sm: 16, md: 13, lg: 13 })
63
+ ...t({ sm: 16, md: 13, lg: 13 })
56
64
  },
57
65
  paragraphDens: {
58
66
  fontWeight: 600,
59
67
  lineHeight: "20px",
60
68
  letterSpacing: "-0.003em",
61
- ...e({ sm: 16, md: 13, lg: 13 })
69
+ ...t({ sm: 16, md: 13, lg: 13 })
62
70
  },
63
71
  subtitle1: {
64
72
  fontWeight: 600,
65
73
  lineHeight: 1.5,
66
- fontSize: t(14)
74
+ fontSize: e(14)
67
75
  },
68
76
  subtitle2: {
69
77
  fontWeight: 600,
70
78
  lineHeight: 1.5,
71
- fontSize: t(12)
79
+ fontSize: e(12)
72
80
  },
73
81
  body: {
74
82
  fontWeight: 400,
75
83
  lineHeight: "16px",
76
- ...e({ sm: 11, md: 11, lg: 11 })
84
+ ...t({ sm: 11, md: 11, lg: 11 })
77
85
  },
78
86
  bodyDens: {
79
87
  fontWeight: 600,
80
88
  lineHeight: "16px",
81
- ...e({ sm: 14, md: 11, lg: 11 })
89
+ ...t({ sm: 14, md: 11, lg: 11 })
82
90
  },
83
91
  body0: {
84
92
  lineHeight: 1.5,
85
93
  fontWeight: 400,
86
- fontSize: t(16)
94
+ fontSize: e(16)
87
95
  },
88
96
  body1: {
89
97
  lineHeight: 1.5,
90
98
  fontWeight: 400,
91
- fontSize: t(14)
99
+ fontSize: e(14)
92
100
  },
93
101
  body2: {
94
102
  lineHeight: 1.5,
95
103
  fontWeight: 400,
96
- fontSize: t(12)
104
+ fontSize: e(12)
97
105
  },
98
106
  caption: {
99
107
  lineHeight: 1.5,
100
- fontSize: t(11)
108
+ fontSize: e(11)
101
109
  },
102
110
  overline: {
103
111
  fontWeight: 700,
104
112
  lineHeight: 1.5,
105
- fontSize: t(12),
113
+ fontSize: e(12),
106
114
  textTransform: "uppercase"
107
115
  },
108
116
  button: {
109
117
  fontWeight: 700,
110
118
  lineHeight: 24 / 14,
111
- fontSize: t(14),
119
+ fontSize: e(14),
112
120
  textTransform: "capitalize"
113
121
  },
114
122
  action: {
115
123
  fontWeight: 600,
116
124
  lineHeight: "16px",
117
- ...e({ sm: 14, md: 12, lg: 12 })
125
+ ...t({ sm: 14, md: 12, lg: 12 })
118
126
  }
119
127
  };
120
128
  export {
121
- g as t
129
+ r as t
122
130
  };
@@ -1,121 +1,121 @@
1
- import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
2
- import { ColorStateOptions, CustomShadowOptions } from '../theme';
3
- import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
4
-
5
-
6
- declare module '@mui/material' {
7
- interface Color {
8
- 0: string;
9
- 500_8: string;
10
- 500_12: string;
11
- 500_16: string;
12
- 500_24: string;
13
- 500_32: string;
14
- 500_48: string;
15
- 500_56: string;
16
- 500_80: string;
17
- }
18
- }
19
-
20
- declare module '@mui/material/styles/createPalette' {
21
-
22
- interface SimplePaletteColorOptions {
23
- lighter?: string;
24
- darker?: string;
25
- LightSelected?: string;
26
- LightSelectedHover?: string;
27
- DarkSelected?: string;
28
- DarkSelectedHover?: string;
29
- }
30
- interface PaletteColor {
31
- lighter?: string;
32
- darker?: string;
33
- LightSelected?: string;
34
- LightSelectedHover?: string;
35
- DarkSelected?: string;
36
- DarkSelectedHover?: string;
37
- opacity?: string;
38
- }
39
- interface Palette {
40
- gradients?: GradientsPaletteOptions;
41
- chart: ChartPaletteOptions;
42
- grid?: GridPaletteOptions;
43
- patronus?: PatronusConstantColors;
44
- opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
45
- state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
46
- representative: string;
47
- /* info: AgumentationInfoOptions; */
48
- }
49
-
50
- interface TypeText {
51
- bgPrimary: string,
52
- }
53
- interface PaletteOptions {
54
- gradients?: GradientsPaletteOptions;
55
- chart?: ChartPaletteOptions;
56
- grid?: GridPaletteOptions;
57
- patronus?: PatronusConstantColors;
58
- opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
59
- state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
60
- representative: string;
61
- }
62
- }
63
-
64
- // declare module '@mui/core/Typography' {
65
- // interface TypographyProps {
66
- // variant?: 'subtitle';
67
- // }
68
- // }
69
-
70
- declare module '@mui/material/styles' {
71
- interface Theme {
72
- stretch?: boolean;
73
- customShadows: CustomShadowOptions;
74
- }
75
-
76
- interface ThemeOptions {
77
- stretch?: boolean;
78
- customShadows?: CustomShadowOptions;
79
- }
80
-
81
- interface TypographyVariants {
82
- subtitle: Record<string, any>;
83
- subtitleDens: Record<string, any>;
84
- paragraph: Record<string, any>;
85
- paragraphDens: Record<string, any>;
86
- body: Record<string, any>;
87
- bodyDens: Record<string, any>;
88
- action: Record<string, any>;
89
- }
90
-
91
- // allow configuration using `createTheme`
92
- interface TypographyVariantsOptions {
93
- subtitle: React.CSSProperties;
94
- subtitleDens: React.CSSProperties;
95
- paragraph: React.CSSProperties;
96
- paragraphDens: React.CSSProperties;
97
- body: React.CSSProperties;
98
- bodyDens: React.CSSProperties;
99
- action: React.CSSProperties;
100
- }
101
-
102
- interface TypeBackground {
103
- neutral: string;
104
- autofill: string;
105
- header: string;
106
- background: string;
107
- }
108
-
109
- }
110
-
111
- declare module '@mui/material/Typography' {
112
- interface TypographyPropsVariantOverrides {
113
- subtitle: true;
114
- subtitleDens: true;
115
- paragraph: true;
116
- paragraphDens: true;
117
- body: true;
118
- bodyDens: true;
119
- action: true;
120
- }
121
- }
1
+ import { PatronusConstantColors, PatronusOpacityColors, PatronusOpacityOptions } from '../theme/palette';
2
+ import { ColorStateOptions, CustomShadowOptions } from '../theme';
3
+ import { ChartPaletteOptions, GradientsPaletteOptions, GridPaletteOptions } from './types';
4
+
5
+
6
+ declare module '@mui/material' {
7
+ interface Color {
8
+ 0: string;
9
+ 500_8: string;
10
+ 500_12: string;
11
+ 500_16: string;
12
+ 500_24: string;
13
+ 500_32: string;
14
+ 500_48: string;
15
+ 500_56: string;
16
+ 500_80: string;
17
+ }
18
+ }
19
+
20
+ declare module '@mui/material/styles/createPalette' {
21
+
22
+ interface SimplePaletteColorOptions {
23
+ lighter?: string;
24
+ darker?: string;
25
+ LightSelected?: string;
26
+ LightSelectedHover?: string;
27
+ DarkSelected?: string;
28
+ DarkSelectedHover?: string;
29
+ }
30
+ interface PaletteColor {
31
+ lighter?: string;
32
+ darker?: string;
33
+ LightSelected?: string;
34
+ LightSelectedHover?: string;
35
+ DarkSelected?: string;
36
+ DarkSelectedHover?: string;
37
+ opacity?: string;
38
+ }
39
+ interface Palette {
40
+ gradients?: GradientsPaletteOptions;
41
+ chart: ChartPaletteOptions;
42
+ grid?: GridPaletteOptions;
43
+ patronus?: PatronusConstantColors;
44
+ opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
45
+ state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
46
+ representative: string;
47
+ /* info: AgumentationInfoOptions; */
48
+ }
49
+
50
+ interface TypeText {
51
+ bgPrimary: string,
52
+ }
53
+ interface PaletteOptions {
54
+ gradients?: GradientsPaletteOptions;
55
+ chart?: ChartPaletteOptions;
56
+ grid?: GridPaletteOptions;
57
+ patronus?: PatronusConstantColors;
58
+ opacity: Record<PatronusOpacityColors, PatronusOpacityOptions>;
59
+ state: ColorStateOptions /* Organizar cada caso con los valores específicos. */;
60
+ representative: string;
61
+ }
62
+ }
63
+
64
+ // declare module '@mui/core/Typography' {
65
+ // interface TypographyProps {
66
+ // variant?: 'subtitle';
67
+ // }
68
+ // }
69
+
70
+ declare module '@mui/material/styles' {
71
+ interface Theme {
72
+ stretch?: boolean;
73
+ customShadows: CustomShadowOptions;
74
+ }
75
+
76
+ interface ThemeOptions {
77
+ stretch?: boolean;
78
+ customShadows?: CustomShadowOptions;
79
+ }
80
+
81
+ interface TypographyVariants {
82
+ subtitle: Record<string, any>;
83
+ subtitleDens: Record<string, any>;
84
+ paragraph: Record<string, any>;
85
+ paragraphDens: Record<string, any>;
86
+ body: Record<string, any>;
87
+ bodyDens: Record<string, any>;
88
+ action: Record<string, any>;
89
+ }
90
+
91
+ // allow configuration using `createTheme`
92
+ interface TypographyVariantsOptions {
93
+ subtitle: React.CSSProperties;
94
+ subtitleDens: React.CSSProperties;
95
+ paragraph: React.CSSProperties;
96
+ paragraphDens: React.CSSProperties;
97
+ body: React.CSSProperties;
98
+ bodyDens: React.CSSProperties;
99
+ action: React.CSSProperties;
100
+ }
101
+
102
+ interface TypeBackground {
103
+ neutral: string;
104
+ autofill: string;
105
+ header: string;
106
+ background: string;
107
+ }
108
+
109
+ }
110
+
111
+ declare module '@mui/material/Typography' {
112
+ interface TypographyPropsVariantOverrides {
113
+ subtitle: true;
114
+ subtitleDens: true;
115
+ paragraph: true;
116
+ paragraphDens: true;
117
+ body: true;
118
+ bodyDens: true;
119
+ action: true;
120
+ }
121
+ }
package/types/types.d.ts CHANGED
@@ -1,24 +1,24 @@
1
- export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
2
-
3
- export interface GridPaletteOptions {
4
- sectionHeader: string;
5
- rowHover: string;
6
- divider: string;
7
- }
8
-
9
- export interface ChartPaletteOptions {
10
- violet: string[];
11
- blue: string[];
12
- green: string[];
13
- yellow: string[];
14
- red: string[];
15
- }
16
-
17
- export interface GradientsPaletteOptions {
18
- primary: string;
19
- info: string;
20
- success: string;
21
- warning: string;
22
- error: string;
23
- }
24
-
1
+ export declare type ThemeColorPresets = 'patronus' | 'turqui' | 'grass' | 'brown' | 'blaze';
2
+
3
+ export interface GridPaletteOptions {
4
+ sectionHeader: string;
5
+ rowHover: string;
6
+ divider: string;
7
+ }
8
+
9
+ export interface ChartPaletteOptions {
10
+ violet: string[];
11
+ blue: string[];
12
+ green: string[];
13
+ yellow: string[];
14
+ red: string[];
15
+ }
16
+
17
+ export interface GradientsPaletteOptions {
18
+ primary: string;
19
+ info: string;
20
+ success: string;
21
+ warning: string;
22
+ error: string;
23
+ }
24
+
@@ -1,6 +1,11 @@
1
1
  import { alpha as a } from "@mui/system";
2
+ import "../theme/defaultThemeOptions.656b9eff.js";
3
+ import "../theme/shadows.86540b18.js";
2
4
  import { P as e, O as r, S as o } from "../theme/palette.0590e8a6.js";
3
- const u = (i, n) => {
5
+ import "../theme/typography.ed54f014.js";
6
+ import "@mui/material";
7
+ import "@mui/material/styles";
8
+ const c = (i, n) => {
4
9
  let t = {};
5
10
  switch (i) {
6
11
  case "patronus":
@@ -235,5 +240,5 @@ const u = (i, n) => {
235
240
  return n === "light" ? { ...t.light } : { ...t.dark };
236
241
  };
237
242
  export {
238
- u as g
243
+ c as g
239
244
  };
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" />
@@ -1 +0,0 @@
1
-