@m4l/styles 6.2.0 → 6.3.0
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 +5 -5
- package/package.json +1 -1
- package/theme/index-DjzBD6sn.js +233 -0
- package/theme/overrides/M4LExtendedComponents/{index-BRJrPI_I.js → index-BciWnNTM.js} +1 -1
- package/theme/overrides/{index-R-QzrtEX.js → index-Bc-JdivL.js} +1 -1
- package/theme/{palette-DNUOTnQG.js → palette-C5yYre7Z.js} +6 -14
- package/theme/{shadows-DmISA5S1.js → shadows-BTb924yW.js} +1 -1
- package/theme/sizes/baseBorder.d.ts +2 -0
- package/theme/sizes/types.d.ts +7 -3
- package/types/types.d.ts +1 -1
- package/utils/{getColorPresets-ClqVMwFE.js → getColorPresets-CJ_S_BFb.js} +1 -1
- package/utils/getPaletteByPreset.d.ts +96 -8
- package/theme/index-Cmq61IsH.js +0 -197
package/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { D as o, g as a, m as r } from "./config-B8bZIPuH.js";
|
|
2
|
-
import { O as p, g as m } from "./theme/index-
|
|
3
|
-
import { c as O, s as x } from "./theme/shadows-
|
|
2
|
+
import { O as p, g as m } from "./theme/index-DjzBD6sn.js";
|
|
3
|
+
import { c as O, s as x } from "./theme/shadows-BTb924yW.js";
|
|
4
4
|
import { t as g } from "./theme/typography-BSiavZtl.js";
|
|
5
|
-
import { f as S } from "./theme/overrides/index-
|
|
6
|
-
import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-
|
|
5
|
+
import { f as S } from "./theme/overrides/index-Bc-JdivL.js";
|
|
6
|
+
import { B as n, a as R, C as T, G as i, p as P } from "./theme/palette-C5yYre7Z.js";
|
|
7
7
|
import { u } from "./utils/useResponsive-DaeQVwlH.js";
|
|
8
|
-
import { D as L, d, g as B } from "./utils/getColorPresets-
|
|
8
|
+
import { D as L, d, g as B } from "./utils/getColorPresets-CJ_S_BFb.js";
|
|
9
9
|
import { g as F, p as h, a as v, r as y } from "./utils/getFontValue-BEO-XID9.js";
|
|
10
10
|
import { g as U } from "./utils/getColorState-D1JKXD4T.js";
|
|
11
11
|
export {
|
package/package.json
CHANGED
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
import { createTheme as x, alpha as b } from "@mui/material/styles";
|
|
2
|
+
import { T as O, t as n } from "./typography-BSiavZtl.js";
|
|
3
|
+
import { s as h, c as R } from "./shadows-BTb924yW.js";
|
|
4
|
+
import { C as c, D as d, B as r, P as m, a as e, S as a, G as u, b as f, c as t, d as S, e as _ } from "./palette-C5yYre7Z.js";
|
|
5
|
+
import { g as E } from "../utils/getColorPresets-CJ_S_BFb.js";
|
|
6
|
+
const p = {
|
|
7
|
+
light: {
|
|
8
|
+
scrollBar: "#5663763D",
|
|
9
|
+
gridHover: "#FCFCFC"
|
|
10
|
+
},
|
|
11
|
+
dark: {
|
|
12
|
+
scrollBar: "#5663765D",
|
|
13
|
+
gridHover: "#282E2E"
|
|
14
|
+
}
|
|
15
|
+
}, y = (l) => {
|
|
16
|
+
const o = S?.[l], i = _?.[l];
|
|
17
|
+
return {
|
|
18
|
+
light: {
|
|
19
|
+
mode: "light",
|
|
20
|
+
common: c,
|
|
21
|
+
primary: {
|
|
22
|
+
...o
|
|
23
|
+
},
|
|
24
|
+
default: {
|
|
25
|
+
...d,
|
|
26
|
+
focusVisible: o.focusVisible,
|
|
27
|
+
contrastText: r.onyx[20]
|
|
28
|
+
},
|
|
29
|
+
divider: r.coolGrey[20],
|
|
30
|
+
text: {
|
|
31
|
+
primary: r.onyx[20],
|
|
32
|
+
secondary: r.coolGrey[50],
|
|
33
|
+
disabled: r.oxford[30]
|
|
34
|
+
},
|
|
35
|
+
background: {
|
|
36
|
+
default: r.marbleLight[10],
|
|
37
|
+
neutral: r.marbleLight[30],
|
|
38
|
+
surface: r.marbleLight[50],
|
|
39
|
+
hover: d.hover,
|
|
40
|
+
//por compatibilidad de mui
|
|
41
|
+
paper: ""
|
|
42
|
+
},
|
|
43
|
+
border: {
|
|
44
|
+
main: m[l]?.borderMainLight,
|
|
45
|
+
default: e.oxford[40],
|
|
46
|
+
secondary: e.oxford[30],
|
|
47
|
+
dens: e.oxford[60],
|
|
48
|
+
disabled: e.oxford[10],
|
|
49
|
+
error: a.error.main
|
|
50
|
+
},
|
|
51
|
+
general: {
|
|
52
|
+
scrollBar: p.light.scrollBar,
|
|
53
|
+
gridHover: p.light.gridHover
|
|
54
|
+
},
|
|
55
|
+
grey: u,
|
|
56
|
+
skeleton: {
|
|
57
|
+
default: e.oxford[10],
|
|
58
|
+
transition: e.oxford[20]
|
|
59
|
+
},
|
|
60
|
+
info: {
|
|
61
|
+
...a.info,
|
|
62
|
+
focusVisible: o.focusVisible
|
|
63
|
+
},
|
|
64
|
+
success: {
|
|
65
|
+
...a.success,
|
|
66
|
+
focusVisible: o.focusVisible
|
|
67
|
+
},
|
|
68
|
+
warning: {
|
|
69
|
+
...a.warning,
|
|
70
|
+
focusVisible: o.focusVisible
|
|
71
|
+
},
|
|
72
|
+
error: {
|
|
73
|
+
...a.error,
|
|
74
|
+
focusVisible: o.focusVisible
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
dark: {
|
|
78
|
+
mode: "dark",
|
|
79
|
+
common: c,
|
|
80
|
+
primary: {
|
|
81
|
+
...i
|
|
82
|
+
},
|
|
83
|
+
default: {
|
|
84
|
+
...f,
|
|
85
|
+
focusVisible: i?.focusVisible,
|
|
86
|
+
contrastText: r.marbleLight[30]
|
|
87
|
+
},
|
|
88
|
+
text: {
|
|
89
|
+
primary: r.marbleLight[30],
|
|
90
|
+
secondary: r.coolGrey[20],
|
|
91
|
+
disabled: r.coolGrey[50]
|
|
92
|
+
},
|
|
93
|
+
divider: r.coolGrey[80],
|
|
94
|
+
background: {
|
|
95
|
+
default: r.onyx[40],
|
|
96
|
+
neutral: r.marbleLight[50],
|
|
97
|
+
surface: r.marbleLight[60],
|
|
98
|
+
hover: f.hover,
|
|
99
|
+
//por compatibilidad de mui
|
|
100
|
+
paper: ""
|
|
101
|
+
},
|
|
102
|
+
border: {
|
|
103
|
+
main: m[l]?.borderMainDark,
|
|
104
|
+
default: e.mint[50],
|
|
105
|
+
secondary: e.mint[40],
|
|
106
|
+
dens: e.mint[60],
|
|
107
|
+
disabled: e.mint[20],
|
|
108
|
+
error: t.error.main
|
|
109
|
+
},
|
|
110
|
+
general: {
|
|
111
|
+
scrollBar: p.light.scrollBar,
|
|
112
|
+
gridHover: p.light.gridHover
|
|
113
|
+
},
|
|
114
|
+
grey: u,
|
|
115
|
+
skeleton: {
|
|
116
|
+
default: e.mint[20],
|
|
117
|
+
transition: e.mint[40]
|
|
118
|
+
},
|
|
119
|
+
info: {
|
|
120
|
+
...t.info,
|
|
121
|
+
focusVisible: i.focusVisible
|
|
122
|
+
},
|
|
123
|
+
success: {
|
|
124
|
+
...t.success,
|
|
125
|
+
focusVisible: i.focusVisible
|
|
126
|
+
},
|
|
127
|
+
warning: {
|
|
128
|
+
...t.warning,
|
|
129
|
+
focusVisible: i.focusVisible
|
|
130
|
+
},
|
|
131
|
+
error: {
|
|
132
|
+
...t.error,
|
|
133
|
+
focusVisible: i.focusVisible
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
}, L = {
|
|
138
|
+
actionInput: "1.3px solid",
|
|
139
|
+
container: "1px solid"
|
|
140
|
+
}, T = {
|
|
141
|
+
r0: "0px",
|
|
142
|
+
"r0.5": "2px",
|
|
143
|
+
r1: "4px",
|
|
144
|
+
"r1.5": "6px",
|
|
145
|
+
r2: "8px",
|
|
146
|
+
r3: "12px",
|
|
147
|
+
r4: "16px"
|
|
148
|
+
}, s = {
|
|
149
|
+
sp0: "0px",
|
|
150
|
+
"sp0.5": "2px",
|
|
151
|
+
sp1: "4px",
|
|
152
|
+
sp2: "8px",
|
|
153
|
+
sp3: "12px",
|
|
154
|
+
"sp3.5": "14px",
|
|
155
|
+
sp4: "16px",
|
|
156
|
+
sp5: "20px",
|
|
157
|
+
sp6: "24px",
|
|
158
|
+
sp7: "28px",
|
|
159
|
+
sp8: "32px",
|
|
160
|
+
sp9: "36px",
|
|
161
|
+
sp10: "40px",
|
|
162
|
+
"sp10.5": "42px",
|
|
163
|
+
sp11: "44px",
|
|
164
|
+
sp12: "48px",
|
|
165
|
+
sp13: "52px",
|
|
166
|
+
sp14: "56px",
|
|
167
|
+
"sp14.5": "58px"
|
|
168
|
+
}, C = {
|
|
169
|
+
base: {
|
|
170
|
+
small: s["sp3.5"],
|
|
171
|
+
medium: s.sp4,
|
|
172
|
+
large: s.sp5
|
|
173
|
+
},
|
|
174
|
+
action: {
|
|
175
|
+
small: s.sp5,
|
|
176
|
+
medium: s.sp6,
|
|
177
|
+
large: s.sp8
|
|
178
|
+
},
|
|
179
|
+
container: {
|
|
180
|
+
small: s.sp7,
|
|
181
|
+
medium: s.sp8,
|
|
182
|
+
large: s.sp9
|
|
183
|
+
}
|
|
184
|
+
}, V = {
|
|
185
|
+
base: {
|
|
186
|
+
small: s.sp5,
|
|
187
|
+
medium: s.sp6,
|
|
188
|
+
large: s.sp7
|
|
189
|
+
},
|
|
190
|
+
action: {
|
|
191
|
+
small: s.sp7,
|
|
192
|
+
medium: s.sp8,
|
|
193
|
+
large: s.sp9
|
|
194
|
+
},
|
|
195
|
+
container: {
|
|
196
|
+
small: s.sp9,
|
|
197
|
+
medium: s.sp10,
|
|
198
|
+
large: s.sp11
|
|
199
|
+
}
|
|
200
|
+
}, A = {
|
|
201
|
+
desktop: {
|
|
202
|
+
...C
|
|
203
|
+
},
|
|
204
|
+
mobile: {
|
|
205
|
+
...V
|
|
206
|
+
},
|
|
207
|
+
borderRadius: {
|
|
208
|
+
...T
|
|
209
|
+
},
|
|
210
|
+
typography: O,
|
|
211
|
+
borderStroke: {
|
|
212
|
+
...L
|
|
213
|
+
}
|
|
214
|
+
}, P = x(), g = y("patronus"), k = {
|
|
215
|
+
...n,
|
|
216
|
+
...h.light,
|
|
217
|
+
...g,
|
|
218
|
+
customShadows: {
|
|
219
|
+
primary: `0 8px 16px 0 ${b(E("patronus").main, 0.2)}`,
|
|
220
|
+
...R("light")
|
|
221
|
+
},
|
|
222
|
+
stretch: !0,
|
|
223
|
+
palette: {
|
|
224
|
+
...P.palette,
|
|
225
|
+
...g.light
|
|
226
|
+
},
|
|
227
|
+
typography: n,
|
|
228
|
+
size: A
|
|
229
|
+
};
|
|
230
|
+
export {
|
|
231
|
+
k as O,
|
|
232
|
+
y as g
|
|
233
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { F as s, C as o, M as r, L, c as M, I as i, R as n, B as p, a as l, T as c, P as d, S as u, b 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 S, j as y, k as R, l as v, m as H, n as I, 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-DrBJTI1s.js";
|
|
2
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 } from "./M4LRHFComponents/index-Dv4h8DSV.js";
|
|
3
|
-
import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as ia, m as na, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ra, D as va, E as Ha, F as Ia, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-
|
|
3
|
+
import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as ia, m as na, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ra, D as va, E as Ha, F as Ia, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index-BciWnNTM.js";
|
|
4
4
|
function ta(a) {
|
|
5
5
|
return Object.assign(
|
|
6
6
|
s(a),
|
|
@@ -733,10 +733,10 @@ const t = {
|
|
|
733
733
|
}, c = Object.keys(r), p = c.map((n) => ({
|
|
734
734
|
name: n,
|
|
735
735
|
value: r[n].main
|
|
736
|
-
})),
|
|
736
|
+
})), y = {
|
|
737
737
|
black: "#000",
|
|
738
738
|
white: "#fff"
|
|
739
|
-
},
|
|
739
|
+
}, u = {
|
|
740
740
|
0: "#FFFFFF",
|
|
741
741
|
100: "#F9FAFB",
|
|
742
742
|
200: "#F4F6F8",
|
|
@@ -820,7 +820,6 @@ const t = {
|
|
|
820
820
|
}, h = {
|
|
821
821
|
info: {
|
|
822
822
|
main: i.info.main,
|
|
823
|
-
focusVisible: i.info.light,
|
|
824
823
|
focusActive: i.info.lighter,
|
|
825
824
|
hover: i.info.light,
|
|
826
825
|
opacity: i.info.opacityLight,
|
|
@@ -833,7 +832,6 @@ const t = {
|
|
|
833
832
|
},
|
|
834
833
|
success: {
|
|
835
834
|
main: i.success.main,
|
|
836
|
-
focusVisible: i.success.light,
|
|
837
835
|
focusActive: i.success.lighter,
|
|
838
836
|
hover: i.success.light,
|
|
839
837
|
opacity: i.success.opacityLight,
|
|
@@ -846,7 +844,6 @@ const t = {
|
|
|
846
844
|
},
|
|
847
845
|
warning: {
|
|
848
846
|
main: i.warning.main,
|
|
849
|
-
focusVisible: i.warning.light,
|
|
850
847
|
focusActive: i.warning.lighter,
|
|
851
848
|
hover: i.warning.light,
|
|
852
849
|
opacity: i.warning.opacityLight,
|
|
@@ -859,7 +856,6 @@ const t = {
|
|
|
859
856
|
},
|
|
860
857
|
error: {
|
|
861
858
|
main: i.error.main,
|
|
862
|
-
focusVisible: i.error.light,
|
|
863
859
|
focusActive: i.error.lighter,
|
|
864
860
|
hover: i.error.light,
|
|
865
861
|
opacity: i.error.opacityLight,
|
|
@@ -873,7 +869,6 @@ const t = {
|
|
|
873
869
|
}, d = {
|
|
874
870
|
info: {
|
|
875
871
|
main: i.info.main,
|
|
876
|
-
focusVisible: i.info.dark,
|
|
877
872
|
focusActive: i.info.darker,
|
|
878
873
|
hover: i.info.dark,
|
|
879
874
|
opacity: i.info.opacityDark,
|
|
@@ -886,7 +881,6 @@ const t = {
|
|
|
886
881
|
},
|
|
887
882
|
success: {
|
|
888
883
|
main: i.success.main,
|
|
889
|
-
focusVisible: i.success.dark,
|
|
890
884
|
focusActive: i.success.darker,
|
|
891
885
|
hover: i.success.dark,
|
|
892
886
|
opacity: i.success.opacityDark,
|
|
@@ -899,7 +893,6 @@ const t = {
|
|
|
899
893
|
},
|
|
900
894
|
warning: {
|
|
901
895
|
main: i.warning.main,
|
|
902
|
-
focusVisible: i.warning.dark,
|
|
903
896
|
focusActive: i.warning.darker,
|
|
904
897
|
hover: i.warning.dark,
|
|
905
898
|
opacity: i.warning.opacityDark,
|
|
@@ -912,7 +905,6 @@ const t = {
|
|
|
912
905
|
},
|
|
913
906
|
error: {
|
|
914
907
|
main: i.error.main,
|
|
915
|
-
focusVisible: i.error.dark,
|
|
916
908
|
focusActive: i.error.darker,
|
|
917
909
|
hover: i.error.dark,
|
|
918
910
|
opacity: i.error.opacityDark,
|
|
@@ -944,7 +936,7 @@ const t = {
|
|
|
944
936
|
//Por compatibilidad con MUI
|
|
945
937
|
light: o.light,
|
|
946
938
|
dark: o.dark
|
|
947
|
-
},
|
|
939
|
+
}, k = {
|
|
948
940
|
main: o.mainLight,
|
|
949
941
|
focusActive: o.lighter,
|
|
950
942
|
hover: o.dark,
|
|
@@ -957,13 +949,13 @@ const t = {
|
|
|
957
949
|
};
|
|
958
950
|
export {
|
|
959
951
|
t as B,
|
|
960
|
-
|
|
952
|
+
y as C,
|
|
961
953
|
O as D,
|
|
962
|
-
|
|
954
|
+
u as G,
|
|
963
955
|
r as P,
|
|
964
956
|
h as S,
|
|
965
957
|
e as a,
|
|
966
|
-
b,
|
|
958
|
+
k as b,
|
|
967
959
|
d as c,
|
|
968
960
|
l as d,
|
|
969
961
|
g as e,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { alpha as a } from "@mui/material/styles";
|
|
2
|
-
import { G as n, B as s, C as e } from "./palette-
|
|
2
|
+
import { G as n, B as s, C as e } from "./palette-C5yYre7Z.js";
|
|
3
3
|
const o = n[500], c = "#000000", t = (r) => {
|
|
4
4
|
const p = a(r, 0.2), x = a(r, 0.14), $ = a(r, 0.12);
|
|
5
5
|
return [
|
package/theme/sizes/types.d.ts
CHANGED
|
@@ -59,9 +59,12 @@ export declare type SizesComponentsTypes = 'base' | 'action' | 'container';
|
|
|
59
59
|
*/
|
|
60
60
|
export declare type PointerQrSizes = Record<SizesComponentsTypes, SizesValues>;
|
|
61
61
|
/**
|
|
62
|
-
* Representa las opciones de
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
* Representa las opciones de grosor para los bordes de los componentes de la aplicación web.
|
|
63
|
+
*/
|
|
64
|
+
export interface BaseBorderStroke {
|
|
65
|
+
'actionInput': string;
|
|
66
|
+
'container': string;
|
|
67
|
+
}
|
|
65
68
|
/**
|
|
66
69
|
* Representa la coleccción completa de tamaños y espacios en la aplicación, contiene valores para
|
|
67
70
|
* uso de dispositivo móvil, escritorio, borders y valores base para ser usados por el desarrolador
|
|
@@ -72,4 +75,5 @@ export interface Size {
|
|
|
72
75
|
desktop: PointerQrSizes;
|
|
73
76
|
borderRadius: BaseBorderRadius;
|
|
74
77
|
typography: Typography;
|
|
78
|
+
borderStroke: BaseBorderStroke;
|
|
75
79
|
}
|
package/types/types.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ export declare type ThemePaletteColors = Record<ThemeColorOptionsType, PaletteCo
|
|
|
79
79
|
/**
|
|
80
80
|
* Son las opcines de paleta de colores semánticos en formato PaletteColor
|
|
81
81
|
*/
|
|
82
|
-
export declare type SemanticsPaletteColors = Record<SemanticColorOptionsType, PaletteColor
|
|
82
|
+
export declare type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<PaletteColor, 'focusVisible'>>;
|
|
83
83
|
/**
|
|
84
84
|
* Es la configuración de color que se usa fabricar la paleta "default", se encuentra en formato PaletteColor.
|
|
85
85
|
*/
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import type { ThemeColorOptionsType } from '../types';
|
|
2
2
|
export declare const getPaletteByPreset: (presetColor: ThemeColorOptionsType) => {
|
|
3
3
|
readonly light: {
|
|
4
|
-
readonly info: import("@mui/material").PaletteColor;
|
|
5
|
-
readonly success: import("@mui/material").PaletteColor;
|
|
6
|
-
readonly warning: import("@mui/material").PaletteColor;
|
|
7
|
-
readonly error: import("@mui/material").PaletteColor;
|
|
8
4
|
readonly mode: "light";
|
|
9
5
|
readonly common: import("@mui/material").CommonColors;
|
|
10
6
|
readonly primary: {
|
|
@@ -61,12 +57,56 @@ export declare const getPaletteByPreset: (presetColor: ThemeColorOptionsType) =>
|
|
|
61
57
|
readonly default: string;
|
|
62
58
|
readonly transition: string;
|
|
63
59
|
};
|
|
60
|
+
readonly info: {
|
|
61
|
+
readonly focusVisible: string;
|
|
62
|
+
readonly light: string;
|
|
63
|
+
readonly contrastText: string;
|
|
64
|
+
readonly main: string;
|
|
65
|
+
readonly dark: string;
|
|
66
|
+
readonly focusActive: string;
|
|
67
|
+
readonly hover: string;
|
|
68
|
+
readonly hoverOpacity: string;
|
|
69
|
+
readonly opacity: string;
|
|
70
|
+
readonly toneOpacity: string;
|
|
71
|
+
};
|
|
72
|
+
readonly success: {
|
|
73
|
+
readonly focusVisible: string;
|
|
74
|
+
readonly light: string;
|
|
75
|
+
readonly contrastText: string;
|
|
76
|
+
readonly main: string;
|
|
77
|
+
readonly dark: string;
|
|
78
|
+
readonly focusActive: string;
|
|
79
|
+
readonly hover: string;
|
|
80
|
+
readonly hoverOpacity: string;
|
|
81
|
+
readonly opacity: string;
|
|
82
|
+
readonly toneOpacity: string;
|
|
83
|
+
};
|
|
84
|
+
readonly warning: {
|
|
85
|
+
readonly focusVisible: string;
|
|
86
|
+
readonly light: string;
|
|
87
|
+
readonly contrastText: string;
|
|
88
|
+
readonly main: string;
|
|
89
|
+
readonly dark: string;
|
|
90
|
+
readonly focusActive: string;
|
|
91
|
+
readonly hover: string;
|
|
92
|
+
readonly hoverOpacity: string;
|
|
93
|
+
readonly opacity: string;
|
|
94
|
+
readonly toneOpacity: string;
|
|
95
|
+
};
|
|
96
|
+
readonly error: {
|
|
97
|
+
readonly focusVisible: string;
|
|
98
|
+
readonly light: string;
|
|
99
|
+
readonly contrastText: string;
|
|
100
|
+
readonly main: string;
|
|
101
|
+
readonly dark: string;
|
|
102
|
+
readonly focusActive: string;
|
|
103
|
+
readonly hover: string;
|
|
104
|
+
readonly hoverOpacity: string;
|
|
105
|
+
readonly opacity: string;
|
|
106
|
+
readonly toneOpacity: string;
|
|
107
|
+
};
|
|
64
108
|
};
|
|
65
109
|
readonly dark: {
|
|
66
|
-
readonly info: import("@mui/material").PaletteColor;
|
|
67
|
-
readonly success: import("@mui/material").PaletteColor;
|
|
68
|
-
readonly warning: import("@mui/material").PaletteColor;
|
|
69
|
-
readonly error: import("@mui/material").PaletteColor;
|
|
70
110
|
readonly mode: "dark";
|
|
71
111
|
readonly common: import("@mui/material").CommonColors;
|
|
72
112
|
readonly primary: {
|
|
@@ -123,5 +163,53 @@ export declare const getPaletteByPreset: (presetColor: ThemeColorOptionsType) =>
|
|
|
123
163
|
readonly default: string;
|
|
124
164
|
readonly transition: string;
|
|
125
165
|
};
|
|
166
|
+
readonly info: {
|
|
167
|
+
readonly focusVisible: string;
|
|
168
|
+
readonly light: string;
|
|
169
|
+
readonly contrastText: string;
|
|
170
|
+
readonly main: string;
|
|
171
|
+
readonly dark: string;
|
|
172
|
+
readonly focusActive: string;
|
|
173
|
+
readonly hover: string;
|
|
174
|
+
readonly hoverOpacity: string;
|
|
175
|
+
readonly opacity: string;
|
|
176
|
+
readonly toneOpacity: string;
|
|
177
|
+
};
|
|
178
|
+
readonly success: {
|
|
179
|
+
readonly focusVisible: string;
|
|
180
|
+
readonly light: string;
|
|
181
|
+
readonly contrastText: string;
|
|
182
|
+
readonly main: string;
|
|
183
|
+
readonly dark: string;
|
|
184
|
+
readonly focusActive: string;
|
|
185
|
+
readonly hover: string;
|
|
186
|
+
readonly hoverOpacity: string;
|
|
187
|
+
readonly opacity: string;
|
|
188
|
+
readonly toneOpacity: string;
|
|
189
|
+
};
|
|
190
|
+
readonly warning: {
|
|
191
|
+
readonly focusVisible: string;
|
|
192
|
+
readonly light: string;
|
|
193
|
+
readonly contrastText: string;
|
|
194
|
+
readonly main: string;
|
|
195
|
+
readonly dark: string;
|
|
196
|
+
readonly focusActive: string;
|
|
197
|
+
readonly hover: string;
|
|
198
|
+
readonly hoverOpacity: string;
|
|
199
|
+
readonly opacity: string;
|
|
200
|
+
readonly toneOpacity: string;
|
|
201
|
+
};
|
|
202
|
+
readonly error: {
|
|
203
|
+
readonly focusVisible: string;
|
|
204
|
+
readonly light: string;
|
|
205
|
+
readonly contrastText: string;
|
|
206
|
+
readonly main: string;
|
|
207
|
+
readonly dark: string;
|
|
208
|
+
readonly focusActive: string;
|
|
209
|
+
readonly hover: string;
|
|
210
|
+
readonly hoverOpacity: string;
|
|
211
|
+
readonly opacity: string;
|
|
212
|
+
readonly toneOpacity: string;
|
|
213
|
+
};
|
|
126
214
|
};
|
|
127
215
|
};
|
package/theme/index-Cmq61IsH.js
DELETED
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
import { createTheme as h, alpha as O } from "@mui/material/styles";
|
|
2
|
-
import { T as R, t as p } from "./typography-BSiavZtl.js";
|
|
3
|
-
import { s as _, c as b } from "./shadows-DmISA5S1.js";
|
|
4
|
-
import { C as i, D as l, B as s, P as m, a as e, S as d, G as n, b as c, c as g, d as f, e as S } from "./palette-DNUOTnQG.js";
|
|
5
|
-
import { g as y } from "../utils/getColorPresets-ClqVMwFE.js";
|
|
6
|
-
const o = {
|
|
7
|
-
light: {
|
|
8
|
-
scrollBar: "#5663763D",
|
|
9
|
-
gridHover: "#FCFCFC"
|
|
10
|
-
},
|
|
11
|
-
dark: {
|
|
12
|
-
scrollBar: "#5663765D",
|
|
13
|
-
gridHover: "#282E2E"
|
|
14
|
-
}
|
|
15
|
-
}, L = (a) => {
|
|
16
|
-
const t = f?.[a], u = S?.[a];
|
|
17
|
-
return {
|
|
18
|
-
light: {
|
|
19
|
-
mode: "light",
|
|
20
|
-
common: i,
|
|
21
|
-
primary: {
|
|
22
|
-
...t
|
|
23
|
-
},
|
|
24
|
-
default: {
|
|
25
|
-
...l,
|
|
26
|
-
focusVisible: t.focusVisible,
|
|
27
|
-
contrastText: s.onyx[20]
|
|
28
|
-
},
|
|
29
|
-
divider: s.coolGrey[20],
|
|
30
|
-
text: {
|
|
31
|
-
primary: s.onyx[20],
|
|
32
|
-
secondary: s.coolGrey[50],
|
|
33
|
-
disabled: s.oxford[30]
|
|
34
|
-
},
|
|
35
|
-
background: {
|
|
36
|
-
default: s.marbleLight[10],
|
|
37
|
-
neutral: s.marbleLight[30],
|
|
38
|
-
surface: s.marbleLight[50],
|
|
39
|
-
hover: l.hover,
|
|
40
|
-
//por compatibilidad de mui
|
|
41
|
-
paper: ""
|
|
42
|
-
},
|
|
43
|
-
border: {
|
|
44
|
-
main: m[a]?.borderMainLight,
|
|
45
|
-
default: e.oxford[40],
|
|
46
|
-
secondary: e.oxford[30],
|
|
47
|
-
dens: e.oxford[60],
|
|
48
|
-
disabled: e.oxford[10],
|
|
49
|
-
error: d.error.main
|
|
50
|
-
},
|
|
51
|
-
general: {
|
|
52
|
-
scrollBar: o.light.scrollBar,
|
|
53
|
-
gridHover: o.light.gridHover
|
|
54
|
-
},
|
|
55
|
-
grey: n,
|
|
56
|
-
skeleton: {
|
|
57
|
-
default: e.oxford[10],
|
|
58
|
-
transition: e.oxford[20]
|
|
59
|
-
},
|
|
60
|
-
...d
|
|
61
|
-
},
|
|
62
|
-
dark: {
|
|
63
|
-
mode: "dark",
|
|
64
|
-
common: i,
|
|
65
|
-
primary: {
|
|
66
|
-
...t
|
|
67
|
-
},
|
|
68
|
-
default: {
|
|
69
|
-
...c,
|
|
70
|
-
focusVisible: u?.focusVisible,
|
|
71
|
-
contrastText: s.marbleLight[30]
|
|
72
|
-
},
|
|
73
|
-
text: {
|
|
74
|
-
primary: s.marbleLight[30],
|
|
75
|
-
secondary: s.coolGrey[20],
|
|
76
|
-
disabled: s.coolGrey[50]
|
|
77
|
-
},
|
|
78
|
-
divider: s.coolGrey[80],
|
|
79
|
-
background: {
|
|
80
|
-
default: s.onyx[40],
|
|
81
|
-
neutral: s.marbleLight[50],
|
|
82
|
-
surface: s.marbleLight[60],
|
|
83
|
-
hover: c.hover,
|
|
84
|
-
//por compatibilidad de mui
|
|
85
|
-
paper: ""
|
|
86
|
-
},
|
|
87
|
-
border: {
|
|
88
|
-
main: m[a]?.borderMainDark,
|
|
89
|
-
default: e.mint[50],
|
|
90
|
-
secondary: e.mint[40],
|
|
91
|
-
dens: e.mint[60],
|
|
92
|
-
disabled: e.mint[20],
|
|
93
|
-
error: g.error.main
|
|
94
|
-
},
|
|
95
|
-
general: {
|
|
96
|
-
scrollBar: o.light.scrollBar,
|
|
97
|
-
gridHover: o.light.gridHover
|
|
98
|
-
},
|
|
99
|
-
grey: n,
|
|
100
|
-
skeleton: {
|
|
101
|
-
default: e.mint[20],
|
|
102
|
-
transition: e.mint[40]
|
|
103
|
-
},
|
|
104
|
-
...g
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
}, E = {
|
|
108
|
-
r0: "0px",
|
|
109
|
-
"r0.5": "2px",
|
|
110
|
-
r1: "4px",
|
|
111
|
-
"r1.5": "6px",
|
|
112
|
-
r2: "8px",
|
|
113
|
-
r3: "12px",
|
|
114
|
-
r4: "16px"
|
|
115
|
-
}, r = {
|
|
116
|
-
sp0: "0px",
|
|
117
|
-
"sp0.5": "2px",
|
|
118
|
-
sp1: "4px",
|
|
119
|
-
sp2: "8px",
|
|
120
|
-
sp3: "12px",
|
|
121
|
-
"sp3.5": "14px",
|
|
122
|
-
sp4: "16px",
|
|
123
|
-
sp5: "20px",
|
|
124
|
-
sp6: "24px",
|
|
125
|
-
sp7: "28px",
|
|
126
|
-
sp8: "32px",
|
|
127
|
-
sp9: "36px",
|
|
128
|
-
sp10: "40px",
|
|
129
|
-
"sp10.5": "42px",
|
|
130
|
-
sp11: "44px",
|
|
131
|
-
sp12: "48px",
|
|
132
|
-
sp13: "52px",
|
|
133
|
-
sp14: "56px",
|
|
134
|
-
"sp14.5": "58px"
|
|
135
|
-
}, C = {
|
|
136
|
-
base: {
|
|
137
|
-
small: r["sp3.5"],
|
|
138
|
-
medium: r.sp4,
|
|
139
|
-
large: r.sp5
|
|
140
|
-
},
|
|
141
|
-
action: {
|
|
142
|
-
small: r.sp5,
|
|
143
|
-
medium: r.sp6,
|
|
144
|
-
large: r.sp8
|
|
145
|
-
},
|
|
146
|
-
container: {
|
|
147
|
-
small: r.sp7,
|
|
148
|
-
medium: r.sp8,
|
|
149
|
-
large: r.sp9
|
|
150
|
-
}
|
|
151
|
-
}, T = {
|
|
152
|
-
base: {
|
|
153
|
-
small: r.sp5,
|
|
154
|
-
medium: r.sp6,
|
|
155
|
-
large: r.sp7
|
|
156
|
-
},
|
|
157
|
-
action: {
|
|
158
|
-
small: r.sp7,
|
|
159
|
-
medium: r.sp8,
|
|
160
|
-
large: r.sp9
|
|
161
|
-
},
|
|
162
|
-
container: {
|
|
163
|
-
small: r.sp9,
|
|
164
|
-
medium: r.sp10,
|
|
165
|
-
large: r.sp11
|
|
166
|
-
}
|
|
167
|
-
}, A = {
|
|
168
|
-
desktop: {
|
|
169
|
-
...C
|
|
170
|
-
},
|
|
171
|
-
mobile: {
|
|
172
|
-
...T
|
|
173
|
-
},
|
|
174
|
-
borderRadius: {
|
|
175
|
-
...E
|
|
176
|
-
},
|
|
177
|
-
typography: R
|
|
178
|
-
}, P = h(), x = L("patronus"), H = {
|
|
179
|
-
...p,
|
|
180
|
-
..._.light,
|
|
181
|
-
...x,
|
|
182
|
-
customShadows: {
|
|
183
|
-
primary: `0 8px 16px 0 ${O(y("patronus").main, 0.2)}`,
|
|
184
|
-
...b("light")
|
|
185
|
-
},
|
|
186
|
-
stretch: !0,
|
|
187
|
-
palette: {
|
|
188
|
-
...P.palette,
|
|
189
|
-
...x.light
|
|
190
|
-
},
|
|
191
|
-
typography: p,
|
|
192
|
-
size: A
|
|
193
|
-
};
|
|
194
|
-
export {
|
|
195
|
-
H as O,
|
|
196
|
-
L as g
|
|
197
|
-
};
|