@m4l/styles 3.2.2 → 6.0.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.
Files changed (38) hide show
  1. package/index.js +33 -41
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions-DVY68pts.js +125 -0
  4. package/theme/defaultThemeOptions.d.ts +2 -1
  5. package/theme/index.d.ts +1 -1
  6. package/theme/overrides/M4LExtendedComponents/{index.dbc24a3d.js → index-BO_x8lkT.js} +595 -274
  7. package/theme/overrides/M4LRHFComponents/{index.7d702163.js → index-Dv4h8DSV.js} +109 -37
  8. package/theme/overrides/MUIComponents/Avatar.d.ts +1 -1
  9. package/theme/overrides/MUIComponents/Input.d.ts +1 -1
  10. package/theme/overrides/MUIComponents/Progress.d.ts +1 -1
  11. package/theme/overrides/MUIComponents/ToggleButton.d.ts +2 -2
  12. package/theme/overrides/MUIComponents/{index.2b5bc914.js → index-DrBJTI1s.js} +108 -61
  13. package/theme/overrides/{index.cc540e59.js → index-BOMUIneQ.js} +20 -14
  14. package/theme/palette/baseOpacityColors.d.ts +3 -0
  15. package/theme/palette/defaultColors.d.ts +14 -0
  16. package/theme/palette/index.d.ts +0 -1
  17. package/theme/palette/presetColors.d.ts +18 -4
  18. package/theme/palette/semanticColors.d.ts +16 -0
  19. package/theme/palette-voCQl3kP.js +792 -0
  20. package/theme/{shadows.67c0a60a.js → shadows-Cek_1mpN.js} +2 -1
  21. package/theme/{typography.616cfe0c.js → typography-BsOO459U.js} +11 -1
  22. package/types/augmentations.d.ts +160 -155
  23. package/types/types.d.ts +72 -31
  24. package/utils/{getColorPresets.38329841.js → getColorPresets-DgmrCj5l.js} +1 -1
  25. package/utils/getColorPresets.d.ts +4 -4
  26. package/utils/getColorState.d.ts +2 -2
  27. package/utils/{getFontValue.88831637.js → getFontValue-BEO-XID9.js} +8 -5
  28. package/utils/getPaletteByPreset.d.ts +127 -0
  29. package/utils/index.d.ts +1 -0
  30. package/vite-env.d.ts +3 -3
  31. package/theme/defaultThemeOptions.b39953a8.js +0 -24
  32. package/theme/palette/palette.d.ts +0 -6
  33. package/theme/palette/stateColors.d.ts +0 -2
  34. package/theme/palette.fc293d0e.js +0 -575
  35. /package/{config.3bb6415c.js → config-B8bZIPuH.js} +0 -0
  36. /package/theme/{index.34d0fdea.js → index-l0sNRNKZ.js} +0 -0
  37. /package/utils/{getColorState.b8092fb6.js → getColorState-D1JKXD4T.js} +0 -0
  38. /package/utils/{useResponsive.2c45e8e0.js → useResponsive-DaeQVwlH.js} +0 -0
@@ -0,0 +1,792 @@
1
+ import { alpha as a } from "@mui/material/styles";
2
+ const t = {
3
+ patronusBlue: {
4
+ toneOpacity10: "#EBF3FF",
5
+ toneOpacity20: "#263747",
6
+ 10: "#DBE9FF",
7
+ 20: "#B6D3FF",
8
+ 30: "#6DA8FF",
9
+ 40: "#3787FF",
10
+ 50: "#0064FF",
11
+ 60: "#0050C8",
12
+ 70: "#003A92",
13
+ 80: "#00245B",
14
+ 90: "#000F24",
15
+ 100: "#2C4053"
16
+ },
17
+ crayonBlue: {
18
+ toneOpacity10: "#E5EEFC",
19
+ toneOpacity20: "#263543",
20
+ 10: "#D9E9FF",
21
+ 20: "#88B7FC",
22
+ 30: "#6AA4F9",
23
+ 40: "#5494F3",
24
+ 50: "#2774E6",
25
+ 60: "#2367CC",
26
+ 70: "#1F5AB3",
27
+ 80: "#1A4D99",
28
+ 90: "#113366",
29
+ 100: "#113366"
30
+ },
31
+ middleYellow: {
32
+ toneOpacity10: "#FBF9E0",
33
+ toneOpacity20: "#3C4027",
34
+ 10: "#FFFBCE",
35
+ 20: "#FFF79C",
36
+ 30: "#FFF46B",
37
+ 40: "#FFF039",
38
+ 50: "#FFEC08",
39
+ 60: "#E5D400",
40
+ 70: "#9E9200",
41
+ 80: "#696100",
42
+ 90: "#353100",
43
+ 100: "#353100"
44
+ },
45
+ acidGreen: {
46
+ toneOpacity10: "#E9F8E5",
47
+ toneOpacity20: "#2A3F2C",
48
+ 10: "#CDFFC2",
49
+ 20: "#A8FF97",
50
+ 30: "#83FF6B",
51
+ 40: "#5EFF40",
52
+ 50: "#39FF14",
53
+ 60: "#47CC2D",
54
+ 70: "#1F9009",
55
+ 80: "#176E05",
56
+ 90: "#0B3D00",
57
+ 100: "#0B3D00"
58
+ },
59
+ grassGreen: {
60
+ toneOpacity10: "#D9ECE6",
61
+ toneOpacity20: "#27423A",
62
+ 10: "#E3F4EB",
63
+ 20: "#AADEC2",
64
+ 30: "#7BCCA1",
65
+ 40: "#3FA26D",
66
+ 50: "#00804C",
67
+ 60: "#005B37",
68
+ 70: "#004026",
69
+ 80: "#002416",
70
+ 90: "#00120B",
71
+ 100: "#2C433D"
72
+ },
73
+ desertBeige: {
74
+ toneOpacity10: "#F2F0EB",
75
+ toneOpacity20: "#454742",
76
+ 10: "#F6EBE2",
77
+ 20: "#EDD7C5",
78
+ 30: "#E7CAB1",
79
+ 40: "#DDB490",
80
+ 50: "#D4A276",
81
+ 60: "#BD8F68",
82
+ 70: "#AD794C",
83
+ 80: "#90653F",
84
+ 90: "#735133",
85
+ 100: "#454742"
86
+ },
87
+ turquiBlue: {
88
+ toneOpacity10: "#DEE9EB",
89
+ toneOpacity20: "#314042",
90
+ 10: "#C8E1EC",
91
+ 20: "#A3CDDF",
92
+ 30: "#76A5BA",
93
+ 40: "#377F9D",
94
+ 50: "#2A6077",
95
+ 60: "#214C5F",
96
+ 70: "#1B3F4E",
97
+ 80: "#15313C",
98
+ 90: "#0F232B",
99
+ 100: "#314042"
100
+ },
101
+ blazeOrange: {
102
+ toneOpacity10: "#F4EFE1",
103
+ toneOpacity20: "#474638",
104
+ 10: "#F9E9D0",
105
+ 20: "#F4D3A1",
106
+ 30: "#F2BD6D",
107
+ 40: "#EBAE53",
108
+ 50: "#E59722",
109
+ 60: "#BA7916",
110
+ 70: "#925F11",
111
+ 80: "#774D0E",
112
+ 90: "#735133",
113
+ 100: "#474638"
114
+ },
115
+ flameRed: {
116
+ toneOpacity10: "#FCDEDC",
117
+ toneOpacity20: "#3E3231",
118
+ 10: "#FFD8D8",
119
+ 20: "#F59292",
120
+ 30: "#F66A6A",
121
+ 40: "#F15B50",
122
+ 50: "#F71919",
123
+ 60: "#D31616",
124
+ 70: "#AF1212",
125
+ 80: "#8A0F0F",
126
+ 90: "#660C0C",
127
+ 100: "#660C0C"
128
+ },
129
+ coolGrey: {
130
+ toneOpacity10: "#",
131
+ toneOpacity20: "#",
132
+ 10: "#BAC6CC",
133
+ 20: "#A7B4B9",
134
+ 30: "#94A1A6",
135
+ 40: "#818F93",
136
+ 50: "#6E7C80",
137
+ 60: "#5C6A6C",
138
+ 70: "#495859",
139
+ 80: "#364546",
140
+ 90: "#233333",
141
+ 100: "#233333"
142
+ },
143
+ brown: {
144
+ toneOpacity10: "#ECEAE6",
145
+ toneOpacity20: "#43433E",
146
+ 10: "#DFC9BD",
147
+ 20: "#C59D88",
148
+ 30: "#B8886E",
149
+ 40: "#B17D61",
150
+ 50: "#9E694D",
151
+ 60: "#875A42",
152
+ 70: "#7C533D",
153
+ 80: "#704B37",
154
+ 90: "#654432",
155
+ 100: "#3F413D"
156
+ },
157
+ marbleLight: {
158
+ toneOpacity10: "#",
159
+ toneOpacity20: "#",
160
+ 10: "#FFFFFF",
161
+ 20: "#F9FAFA",
162
+ //'#F5F9FA',
163
+ 30: "#F4F5F5",
164
+ 40: "#F0F4F4",
165
+ 50: "#E6E8EA",
166
+ 60: "#E1E9EA",
167
+ 70: "#E2E7E9",
168
+ 80: "#fff0",
169
+ 90: "#fff0",
170
+ 100: "#fff0"
171
+ },
172
+ onyx: {
173
+ toneOpacity10: "#",
174
+ toneOpacity20: "#",
175
+ 10: "#364040",
176
+ 20: "#323B3B",
177
+ 30: "#2A3232",
178
+ 40: "#252C2C",
179
+ 50: "#212727",
180
+ 60: "#1C2121",
181
+ 70: "#090A0A",
182
+ 80: "#fff0",
183
+ 90: "#fff0",
184
+ 100: "#fff0"
185
+ },
186
+ mint: {
187
+ toneOpacity10: "#",
188
+ toneOpacity20: "#",
189
+ 10: "#9BB4CA",
190
+ 20: "#A1BDD9",
191
+ 30: "#A6C5E2",
192
+ 40: "#BCD6F0",
193
+ 50: "#C8E1F9",
194
+ 60: "#BFDBF8",
195
+ 70: "#C3DEFE",
196
+ 80: "#DFE7F2",
197
+ 90: "#F1F2F4",
198
+ 100: "#F1F2F4"
199
+ },
200
+ oxford: {
201
+ toneOpacity10: "#F9FAFA",
202
+ toneOpacity20: "#2A3232",
203
+ 10: "#F7F8F9",
204
+ 20: "#DCDFE4",
205
+ 30: "#B3B9C4",
206
+ 40: "#8590A2",
207
+ 50: "#758195",
208
+ 60: "#626F86",
209
+ 70: "#44546F",
210
+ 80: "#2C3E5D",
211
+ 90: "#091E42",
212
+ 100: "#091E42"
213
+ }
214
+ }, e = {
215
+ patronus: {
216
+ 10: a(t.patronusBlue[50], 0.08),
217
+ 20: a(t.patronusBlue[50], 0.12),
218
+ 30: a(t.patronusBlue[50], 0.16),
219
+ 40: a(t.patronusBlue[50], 0.32),
220
+ 50: a(t.patronusBlue[50], 0.48),
221
+ 60: a(t.patronusBlue[50], 0.6),
222
+ 70: a(t.patronusBlue[50], 0.72)
223
+ },
224
+ turqui: {
225
+ 10: a(t.turquiBlue[50], 0.08),
226
+ 20: a(t.turquiBlue[50], 0.12),
227
+ 30: a(t.turquiBlue[50], 0.16),
228
+ 40: a(t.turquiBlue[50], 0.32),
229
+ 50: a(t.turquiBlue[50], 0.48),
230
+ 60: a(t.turquiBlue[50], 0.6),
231
+ 70: a(t.turquiBlue[50], 0.72)
232
+ },
233
+ grass: {
234
+ 10: a(t.grassGreen[50], 0.08),
235
+ 20: a(t.grassGreen[50], 0.12),
236
+ 30: a(t.grassGreen[50], 0.16),
237
+ 40: a(t.grassGreen[50], 0.32),
238
+ 50: a(t.grassGreen[50], 0.48),
239
+ 60: a(t.grassGreen[50], 0.6),
240
+ 70: a(t.grassGreen[50], 0.72)
241
+ },
242
+ brown: {
243
+ 10: a(t.brown[50], 0.08),
244
+ 20: a(t.brown[50], 0.12),
245
+ 30: a(t.brown[50], 0.16),
246
+ 40: a(t.brown[50], 0.32),
247
+ 50: a(t.brown[50], 0.48),
248
+ 60: a(t.brown[50], 0.6),
249
+ 70: a(t.brown[50], 0.72)
250
+ },
251
+ beige: {
252
+ 10: a(t.desertBeige[50], 0.08),
253
+ 20: a(t.desertBeige[50], 0.12),
254
+ 30: a(t.desertBeige[50], 0.16),
255
+ 40: a(t.desertBeige[50], 0.32),
256
+ 50: a(t.desertBeige[50], 0.48),
257
+ 60: a(t.desertBeige[50], 0.6),
258
+ 70: a(t.desertBeige[50], 0.72)
259
+ },
260
+ blaze: {
261
+ 10: a(t.blazeOrange[50], 0.08),
262
+ 20: a(t.blazeOrange[50], 0.12),
263
+ 30: a(t.blazeOrange[50], 0.16),
264
+ 40: a(t.blazeOrange[50], 0.32),
265
+ 50: a(t.blazeOrange[50], 0.48),
266
+ 60: a(t.blazeOrange[50], 0.6),
267
+ 70: a(t.blazeOrange[50], 0.72)
268
+ },
269
+ cool: {
270
+ 10: a(t.coolGrey[70], 0.08),
271
+ 20: a(t.coolGrey[70], 0.12),
272
+ 30: a(t.coolGrey[70], 0.16),
273
+ 40: a(t.coolGrey[70], 0.32),
274
+ 50: a(t.coolGrey[70], 0.48),
275
+ 60: a(t.coolGrey[70], 0.6),
276
+ 70: a(t.coolGrey[70], 0.72)
277
+ },
278
+ marble: {
279
+ 10: a(t.marbleLight[10], 0.08),
280
+ 20: a(t.marbleLight[10], 0.16),
281
+ 30: a(t.marbleLight[10], 0.12),
282
+ 40: a(t.marbleLight[10], 0.32),
283
+ 50: a(t.marbleLight[10], 0.48),
284
+ 60: a(t.marbleLight[10], 0.6),
285
+ 70: a(t.marbleLight[10], 0.72)
286
+ },
287
+ oxford: {
288
+ 10: a(t.oxford[90], 0.04),
289
+ 20: a(t.oxford[90], 0.08),
290
+ 30: a(t.oxford[90], 0.12),
291
+ 40: a(t.oxford[90], 0.2),
292
+ 50: a(t.oxford[90], 0.31),
293
+ 60: a(t.oxford[90], 0.49),
294
+ 70: a(t.oxford[90], 0.7)
295
+ },
296
+ mint: {
297
+ 10: a(t.mint[40], 0.04),
298
+ 20: a(t.mint[20], 0.08),
299
+ 30: a(t.mint[50], 0.1),
300
+ 40: a(t.mint[30], 0.14),
301
+ 50: a(t.mint[70], 0.18),
302
+ 60: a(t.mint[60], 0.28),
303
+ 70: a(t.mint[10], 0.5)
304
+ },
305
+ middle: {
306
+ 10: a(t.middleYellow[50], 0.08),
307
+ 20: a(t.middleYellow[50], 0.12),
308
+ 30: a(t.middleYellow[50], 0.16),
309
+ 40: a(t.middleYellow[50], 0.32),
310
+ 50: a(t.middleYellow[50], 0.48),
311
+ 60: a(t.middleYellow[50], 0.6),
312
+ 70: a(t.middleYellow[50], 0.72)
313
+ },
314
+ acid: {
315
+ 10: a(t.acidGreen[50], 0.08),
316
+ 20: a(t.acidGreen[50], 0.12),
317
+ 30: a(t.acidGreen[50], 0.16),
318
+ 40: a(t.acidGreen[50], 0.32),
319
+ 50: a(t.acidGreen[50], 0.48),
320
+ 60: a(t.acidGreen[50], 0.6),
321
+ 70: a(t.acidGreen[50], 0.72)
322
+ },
323
+ flame: {
324
+ 10: a(t.flameRed[50], 0.08),
325
+ 20: a(t.flameRed[50], 0.12),
326
+ 30: a(t.flameRed[50], 0.16),
327
+ 40: a(t.flameRed[50], 0.32),
328
+ 50: a(t.flameRed[50], 0.48),
329
+ 60: a(t.flameRed[50], 0.6),
330
+ 70: a(t.flameRed[50], 0.72)
331
+ },
332
+ crayon: {
333
+ 10: a(t.crayonBlue[50], 0.08),
334
+ 20: a(t.crayonBlue[50], 0.12),
335
+ 30: a(t.crayonBlue[50], 0.16),
336
+ 40: a(t.crayonBlue[50], 0.32),
337
+ 50: a(t.crayonBlue[50], 0.48),
338
+ 60: a(t.crayonBlue[50], 0.6),
339
+ 70: a(t.crayonBlue[50], 0.72)
340
+ }
341
+ }, r = {
342
+ patronus: {
343
+ main: t.patronusBlue[50],
344
+ lighter: t.patronusBlue[70],
345
+ light: t.patronusBlue[40],
346
+ dark: t.patronusBlue[30],
347
+ darker: t.patronusBlue[10],
348
+ contrastText: t.marbleLight[30],
349
+ toneOpacityLight: t.patronusBlue.toneOpacity10,
350
+ toneOpacityDark: t.patronusBlue.toneOpacity20,
351
+ opacityLight: e.patronus[10],
352
+ opacityDark: e.patronus[20],
353
+ borderMainDark: e.patronus[50],
354
+ borderMainLight: e.patronus[50]
355
+ },
356
+ turqui: {
357
+ lighter: t.turquiBlue[70],
358
+ light: t.turquiBlue[40],
359
+ main: t.turquiBlue[50],
360
+ dark: t.turquiBlue[30],
361
+ darker: t.turquiBlue[10],
362
+ contrastText: t.marbleLight[30],
363
+ toneOpacityLight: t.marbleLight.toneOpacity10,
364
+ toneOpacityDark: t.marbleLight.toneOpacity20,
365
+ opacityLight: e.turqui[10],
366
+ opacityDark: e.turqui[20],
367
+ borderMainDark: e.turqui[50],
368
+ borderMainLight: e.turqui[50]
369
+ },
370
+ grass: {
371
+ lighter: t.grassGreen[70],
372
+ light: t.grassGreen[40],
373
+ main: t.grassGreen[50],
374
+ dark: t.grassGreen[30],
375
+ darker: t.grassGreen[10],
376
+ contrastText: t.marbleLight[30],
377
+ toneOpacityLight: t.grassGreen.toneOpacity10,
378
+ toneOpacityDark: t.grassGreen.toneOpacity20,
379
+ opacityLight: e.turqui[10],
380
+ opacityDark: e.turqui[20],
381
+ borderMainDark: e.turqui[50],
382
+ borderMainLight: e.turqui[50]
383
+ },
384
+ brown: {
385
+ lighter: t.brown[70],
386
+ light: t.brown[40],
387
+ main: t.brown[50],
388
+ dark: t.brown[30],
389
+ darker: t.brown[10],
390
+ contrastText: t.marbleLight[30],
391
+ toneOpacityLight: t.brown.toneOpacity10,
392
+ toneOpacityDark: t.brown.toneOpacity20,
393
+ opacityLight: e.turqui[10],
394
+ opacityDark: e.turqui[20],
395
+ borderMainDark: e.turqui[50],
396
+ borderMainLight: e.turqui[50]
397
+ },
398
+ blaze: {
399
+ lighter: t.blazeOrange[70],
400
+ light: t.blazeOrange[40],
401
+ main: t.blazeOrange[50],
402
+ dark: t.blazeOrange[30],
403
+ darker: t.blazeOrange[10],
404
+ contrastText: t.marbleLight[30],
405
+ toneOpacityLight: t.blazeOrange.toneOpacity10,
406
+ toneOpacityDark: t.blazeOrange.toneOpacity20,
407
+ opacityLight: e.blaze[10],
408
+ opacityDark: e.blaze[20],
409
+ borderMainDark: e.blaze[50],
410
+ borderMainLight: e.blaze[50]
411
+ }
412
+ }, l = {
413
+ patronus: {
414
+ main: r.patronus.main,
415
+ focusVisible: r.patronus.light,
416
+ focusActive: r.patronus.lighter,
417
+ hover: r.patronus.light,
418
+ opacity: r.patronus.opacityLight,
419
+ toneOpacity: r.patronus.toneOpacityLight,
420
+ contrastText: r.patronus.contrastText,
421
+ //Por compatibilidad con MUI
422
+ hoverOpacity: r.patronus.opacityLight,
423
+ light: r.patronus.light,
424
+ dark: r.patronus.dark
425
+ },
426
+ blaze: {
427
+ main: r.blaze.main,
428
+ focusVisible: r.blaze.light,
429
+ focusActive: r.blaze.lighter,
430
+ hover: r.blaze.light,
431
+ opacity: r.blaze.opacityLight,
432
+ toneOpacity: r.blaze.toneOpacityLight,
433
+ contrastText: r.blaze.contrastText,
434
+ hoverOpacity: r.blaze.opacityLight,
435
+ //Por compatibilidad con MUI
436
+ light: r.blaze.light,
437
+ dark: r.blaze.dark
438
+ },
439
+ brown: {
440
+ main: r.brown.main,
441
+ focusVisible: r.brown.light,
442
+ focusActive: r.brown.lighter,
443
+ hover: r.brown.light,
444
+ opacity: r.brown.opacityLight,
445
+ toneOpacity: r.brown.toneOpacityLight,
446
+ contrastText: r.brown.contrastText,
447
+ hoverOpacity: r.brown.opacityLight,
448
+ //Por compatibilidad con MUI
449
+ light: r.brown.light,
450
+ dark: r.brown.dark
451
+ },
452
+ grass: {
453
+ main: r.grass.main,
454
+ focusVisible: r.grass.light,
455
+ focusActive: r.grass.lighter,
456
+ hover: r.grass.light,
457
+ opacity: r.grass.opacityLight,
458
+ toneOpacity: r.grass.toneOpacityLight,
459
+ contrastText: r.grass.contrastText,
460
+ hoverOpacity: r.grass.opacityLight,
461
+ //Por compatibilidad con MUI
462
+ light: r.grass.light,
463
+ dark: r.grass.dark
464
+ },
465
+ turqui: {
466
+ main: r.turqui.main,
467
+ focusVisible: r.turqui.light,
468
+ focusActive: r.turqui.lighter,
469
+ hover: r.turqui.light,
470
+ opacity: r.turqui.opacityLight,
471
+ toneOpacity: r.turqui.toneOpacityLight,
472
+ contrastText: r.turqui.contrastText,
473
+ hoverOpacity: r.turqui.opacityLight,
474
+ //Por compatibilidad con MUI
475
+ light: r.turqui.light,
476
+ dark: r.turqui.dark
477
+ }
478
+ }, g = {
479
+ patronus: {
480
+ main: r.patronus.main,
481
+ focusVisible: r.patronus.light,
482
+ // validar para dark
483
+ focusActive: r.patronus.lighter,
484
+ // validar para dark
485
+ hover: r.patronus.dark,
486
+ opacity: r.patronus.opacityDark,
487
+ toneOpacity: r.patronus.toneOpacityDark,
488
+ contrastText: r.patronus.contrastText,
489
+ hoverOpacity: r.patronus.opacityDark,
490
+ //Por compatibilidad con MUI
491
+ light: r.patronus.light,
492
+ dark: r.patronus.dark
493
+ },
494
+ blaze: {
495
+ main: r.blaze.main,
496
+ focusVisible: r.blaze.light,
497
+ // validar para dark
498
+ focusActive: r.blaze.lighter,
499
+ // validar para dark
500
+ hover: r.blaze.dark,
501
+ opacity: r.blaze.opacityDark,
502
+ toneOpacity: r.blaze.toneOpacityDark,
503
+ contrastText: r.blaze.contrastText,
504
+ hoverOpacity: r.blaze.opacityDark,
505
+ //Por compatibilidad con MUI
506
+ light: r.blaze.light,
507
+ dark: r.blaze.dark
508
+ },
509
+ brown: {
510
+ main: r.brown.main,
511
+ focusVisible: r.brown.light,
512
+ // validar para dark
513
+ focusActive: r.brown.lighter,
514
+ // validar para dark
515
+ hover: r.brown.dark,
516
+ opacity: r.brown.opacityDark,
517
+ toneOpacity: r.brown.toneOpacityDark,
518
+ contrastText: r.brown.contrastText,
519
+ hoverOpacity: r.brown.opacityDark,
520
+ //Por compatibilidad con MUI
521
+ light: r.brown.light,
522
+ dark: r.brown.dark
523
+ },
524
+ grass: {
525
+ main: r.grass.main,
526
+ focusVisible: r.grass.light,
527
+ // validar para dark
528
+ focusActive: r.grass.lighter,
529
+ // validar para dark
530
+ hover: r.grass.dark,
531
+ opacity: r.grass.opacityDark,
532
+ toneOpacity: r.grass.toneOpacityDark,
533
+ contrastText: r.grass.contrastText,
534
+ hoverOpacity: r.grass.opacityDark,
535
+ //Por compatibilidad con MUI
536
+ light: r.grass.light,
537
+ dark: r.grass.dark
538
+ },
539
+ turqui: {
540
+ main: r.turqui.main,
541
+ focusVisible: r.turqui.light,
542
+ // validar para dark
543
+ focusActive: r.turqui.lighter,
544
+ // validar para dark
545
+ hover: r.turqui.dark,
546
+ opacity: r.turqui.opacityDark,
547
+ toneOpacity: r.turqui.toneOpacityDark,
548
+ contrastText: r.turqui.contrastText,
549
+ hoverOpacity: r.turqui.opacityDark,
550
+ //Por compatibilidad con MUI
551
+ light: r.turqui.light,
552
+ dark: r.turqui.dark
553
+ }
554
+ }, c = Object.keys(r), p = c.map((n) => ({
555
+ name: n,
556
+ value: r[n].main
557
+ })), u = {
558
+ black: "#000",
559
+ white: "#fff"
560
+ }, y = {
561
+ 0: "#FFFFFF",
562
+ 100: "#F9FAFB",
563
+ 200: "#F4F6F8",
564
+ 300: "#DFE3E8",
565
+ 400: "#C4CDD5",
566
+ 500: "#919EAB",
567
+ 600: "#637381",
568
+ 700: "#454F5B",
569
+ 800: "#212B36",
570
+ 900: "#161C24",
571
+ 5008: a("#919EAB", 0.08),
572
+ 50012: a("#919EAB", 0.12),
573
+ 50016: a("#919EAB", 0.16),
574
+ 50024: a("#919EAB", 0.24),
575
+ 50032: a("#919EAB", 0.32),
576
+ 50048: a("#919EAB", 0.48),
577
+ 50056: a("#919EAB", 0.56),
578
+ 50080: a("#919EAB", 0.8),
579
+ 50: "",
580
+ A100: "",
581
+ A200: "",
582
+ A400: "",
583
+ A700: ""
584
+ }, i = {
585
+ info: {
586
+ main: t.crayonBlue[50],
587
+ lighter: t.crayonBlue[70],
588
+ light: t.crayonBlue[60],
589
+ dark: t.crayonBlue[40],
590
+ darker: t.crayonBlue[20],
591
+ contrastText: t.marbleLight[30],
592
+ toneOpacityLight: t.crayonBlue.toneOpacity20,
593
+ toneOpacityDark: t.crayonBlue.toneOpacity10,
594
+ opacityLight: t.crayonBlue[10],
595
+ opacityDark: t.crayonBlue[40],
596
+ borderMainLight: t.crayonBlue[50],
597
+ borderMainDark: t.crayonBlue[50]
598
+ },
599
+ warning: {
600
+ main: t.middleYellow[50],
601
+ lighter: t.middleYellow[90],
602
+ light: t.middleYellow[70],
603
+ dark: t.middleYellow[30],
604
+ darker: t.middleYellow[20],
605
+ contrastText: t.onyx[20],
606
+ toneOpacityLight: t.middleYellow.toneOpacity10,
607
+ toneOpacityDark: t.middleYellow.toneOpacity20,
608
+ opacityLight: t.middleYellow[10],
609
+ opacityDark: t.middleYellow[20],
610
+ borderMainLight: t.middleYellow[50],
611
+ borderMainDark: t.middleYellow[50]
612
+ },
613
+ error: {
614
+ main: t.flameRed[50],
615
+ lighter: t.flameRed[70],
616
+ light: t.flameRed[60],
617
+ dark: t.flameRed[30],
618
+ darker: t.flameRed[20],
619
+ contrastText: t.marbleLight[30],
620
+ toneOpacityLight: t.flameRed.toneOpacity10,
621
+ toneOpacityDark: t.flameRed.toneOpacity20,
622
+ opacityLight: t.flameRed[10],
623
+ opacityDark: t.flameRed[20],
624
+ borderMainLight: t.flameRed[50],
625
+ borderMainDark: t.flameRed[50]
626
+ },
627
+ success: {
628
+ main: t.acidGreen[50],
629
+ lighter: t.acidGreen[70],
630
+ light: t.acidGreen[60],
631
+ dark: t.acidGreen[30],
632
+ darker: t.acidGreen[20],
633
+ contrastText: t.marbleLight[20],
634
+ toneOpacityLight: t.acidGreen.toneOpacity10,
635
+ toneOpacityDark: t.acidGreen.toneOpacity20,
636
+ opacityLight: t.acidGreen[10],
637
+ opacityDark: t.acidGreen[20],
638
+ borderMainLight: t.acidGreen[50],
639
+ borderMainDark: t.acidGreen[50]
640
+ }
641
+ }, h = {
642
+ info: {
643
+ main: i.info.main,
644
+ focusVisible: i.info.light,
645
+ focusActive: i.info.lighter,
646
+ hover: i.info.light,
647
+ opacity: i.info.opacityLight,
648
+ toneOpacity: i.info.toneOpacityLight,
649
+ contrastText: i.info.contrastText,
650
+ hoverOpacity: i.info.opacityLight,
651
+ //Por compatibilidad con MUI
652
+ light: i.info.light,
653
+ dark: i.info.dark
654
+ },
655
+ success: {
656
+ main: i.success.main,
657
+ focusVisible: i.success.light,
658
+ focusActive: i.success.lighter,
659
+ hover: i.success.light,
660
+ opacity: i.success.opacityLight,
661
+ toneOpacity: i.success.toneOpacityLight,
662
+ contrastText: i.success.contrastText,
663
+ hoverOpacity: i.success.opacityLight,
664
+ //Por compatibilidad con MUI
665
+ light: i.success.light,
666
+ dark: i.success.dark
667
+ },
668
+ warning: {
669
+ main: i.warning.main,
670
+ focusVisible: i.warning.light,
671
+ focusActive: i.warning.lighter,
672
+ hover: i.warning.light,
673
+ opacity: i.warning.opacityLight,
674
+ toneOpacity: i.warning.toneOpacityLight,
675
+ contrastText: i.warning.contrastText,
676
+ hoverOpacity: i.warning.opacityLight,
677
+ //Por compatibilidad con MUI
678
+ light: i.warning.light,
679
+ dark: i.warning.dark
680
+ },
681
+ error: {
682
+ main: i.error.main,
683
+ focusVisible: i.error.light,
684
+ focusActive: i.error.lighter,
685
+ hover: i.error.light,
686
+ opacity: i.error.opacityLight,
687
+ toneOpacity: i.error.toneOpacityLight,
688
+ contrastText: i.error.contrastText,
689
+ hoverOpacity: i.error.opacityLight,
690
+ //Por compatibilidad con MUI
691
+ light: i.error.light,
692
+ dark: i.error.dark
693
+ }
694
+ }, d = {
695
+ info: {
696
+ main: i.info.main,
697
+ focusVisible: i.info.dark,
698
+ focusActive: i.info.darker,
699
+ hover: i.info.dark,
700
+ opacity: i.info.opacityDark,
701
+ toneOpacity: i.info.toneOpacityDark,
702
+ contrastText: i.info.contrastText,
703
+ hoverOpacity: i.info.opacityDark,
704
+ //Por compatibilidad con MUI
705
+ light: i.info.light,
706
+ dark: i.info.dark
707
+ },
708
+ success: {
709
+ main: i.success.main,
710
+ focusVisible: i.success.dark,
711
+ focusActive: i.success.darker,
712
+ hover: i.success.dark,
713
+ opacity: i.success.opacityDark,
714
+ toneOpacity: i.success.toneOpacityDark,
715
+ contrastText: i.success.contrastText,
716
+ hoverOpacity: i.success.opacityDark,
717
+ //Por compatibilidad con MUI
718
+ light: i.success.light,
719
+ dark: i.success.dark
720
+ },
721
+ warning: {
722
+ main: i.warning.main,
723
+ focusVisible: i.warning.dark,
724
+ focusActive: i.warning.darker,
725
+ hover: i.warning.dark,
726
+ opacity: i.warning.opacityDark,
727
+ toneOpacity: i.warning.toneOpacityDark,
728
+ contrastText: i.warning.contrastText,
729
+ hoverOpacity: i.warning.opacityDark,
730
+ //Por compatibilidad con MUI
731
+ light: i.warning.light,
732
+ dark: i.warning.dark
733
+ },
734
+ error: {
735
+ main: i.error.main,
736
+ focusVisible: i.error.dark,
737
+ focusActive: i.error.darker,
738
+ hover: i.error.dark,
739
+ opacity: i.error.opacityDark,
740
+ toneOpacity: i.error.toneOpacityDark,
741
+ contrastText: i.error.contrastText,
742
+ hoverOpacity: i.error.opacityDark,
743
+ //Por compatibilidad con MUI
744
+ light: i.error.light,
745
+ dark: i.error.dark
746
+ }
747
+ }, o = {
748
+ mainLight: e.oxford[10],
749
+ mainDark: e.mint[20],
750
+ lighter: e.oxford[40],
751
+ light: e.oxford[20],
752
+ dark: e.mint[30],
753
+ darker: e.mint[50],
754
+ toneOpacityLight: t.oxford.toneOpacity10,
755
+ toneOpacityDark: t.oxford.toneOpacity20,
756
+ opacityLight: e.oxford[30],
757
+ opacityDark: e.oxford[30]
758
+ }, O = {
759
+ main: o.mainLight,
760
+ focusActive: o.lighter,
761
+ hover: o.light,
762
+ opacity: o.toneOpacityLight,
763
+ toneOpacity: o.toneOpacityLight,
764
+ hoverOpacity: o.opacityLight,
765
+ //Por compatibilidad con MUI
766
+ light: o.light,
767
+ dark: o.dark
768
+ }, b = {
769
+ main: o.mainLight,
770
+ focusActive: o.lighter,
771
+ hover: o.dark,
772
+ opacity: o.toneOpacityDark,
773
+ toneOpacity: o.toneOpacityDark,
774
+ hoverOpacity: o.opacityDark,
775
+ //Por compatibilidad con MUI
776
+ light: o.light,
777
+ dark: o.dark
778
+ };
779
+ export {
780
+ t as B,
781
+ u as C,
782
+ O as D,
783
+ y as G,
784
+ r as P,
785
+ h as S,
786
+ e as a,
787
+ b,
788
+ d as c,
789
+ l as d,
790
+ g as e,
791
+ p
792
+ };