@m4l/styles 7.1.41 → 7.1.42-beta.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 (134) hide show
  1. package/config.d.ts +1 -0
  2. package/config.d.ts.map +1 -0
  3. package/index.d.ts +1 -0
  4. package/index.d.ts.map +1 -0
  5. package/index.js +6547 -63
  6. package/lib/PaletteSwatch.d.ts +5 -0
  7. package/lib/PaletteSwatch.d.ts.map +1 -0
  8. package/overrides/M4LRHFormProvider.d.ts +1 -0
  9. package/overrides/M4LRHFormProvider.d.ts.map +1 -0
  10. package/overrides/index.d.ts +1 -0
  11. package/overrides/index.d.ts.map +1 -0
  12. package/package.json +18 -39
  13. package/theme/breakpoints.d.ts +1 -0
  14. package/theme/breakpoints.d.ts.map +1 -0
  15. package/theme/index.d.ts +1 -0
  16. package/theme/index.d.ts.map +1 -0
  17. package/theme/palette/baseChipsPalette.d.ts +1 -0
  18. package/theme/palette/baseChipsPalette.d.ts.map +1 -0
  19. package/theme/palette/baseColors.d.ts +1 -0
  20. package/theme/palette/baseColors.d.ts.map +1 -0
  21. package/theme/palette/baseOpacityColors.d.ts +1 -0
  22. package/theme/palette/baseOpacityColors.d.ts.map +1 -0
  23. package/theme/palette/commonColors.d.ts +1 -0
  24. package/theme/palette/commonColors.d.ts.map +1 -0
  25. package/theme/palette/defaultColors.d.ts +1 -0
  26. package/theme/palette/defaultColors.d.ts.map +1 -0
  27. package/theme/palette/greyPalette.d.ts +1 -0
  28. package/theme/palette/greyPalette.d.ts.map +1 -0
  29. package/theme/palette/index.d.ts +1 -0
  30. package/theme/palette/index.d.ts.map +1 -0
  31. package/theme/palette/presetColors.d.ts +1 -0
  32. package/theme/palette/presetColors.d.ts.map +1 -0
  33. package/theme/palette/semanticColors.d.ts +1 -0
  34. package/theme/palette/semanticColors.d.ts.map +1 -0
  35. package/theme/shadows.d.ts +1 -0
  36. package/theme/shadows.d.ts.map +1 -0
  37. package/theme/sizes/BaseDensity.d.ts +1 -0
  38. package/theme/sizes/BaseDensity.d.ts.map +1 -0
  39. package/theme/sizes/baseBorder.d.ts +1 -0
  40. package/theme/sizes/baseBorder.d.ts.map +1 -0
  41. package/theme/sizes/baseBorderRadius.d.ts +1 -0
  42. package/theme/sizes/baseBorderRadius.d.ts.map +1 -0
  43. package/theme/sizes/baseSizes.d.ts +1 -0
  44. package/theme/sizes/baseSizes.d.ts.map +1 -0
  45. package/theme/sizes/index.d.ts +1 -0
  46. package/theme/sizes/index.d.ts.map +1 -0
  47. package/theme/sizes/pointerQr.d.ts +1 -0
  48. package/theme/sizes/pointerQr.d.ts.map +1 -0
  49. package/theme/sizes/presetSizes.d.ts +1 -0
  50. package/theme/sizes/presetSizes.d.ts.map +1 -0
  51. package/theme/sizes/size.d.ts +1 -0
  52. package/theme/sizes/size.d.ts.map +1 -0
  53. package/theme/sizes/types.d.ts +1 -0
  54. package/theme/sizes/types.d.ts.map +1 -0
  55. package/theme/typography/baseFontSize.d.ts +1 -0
  56. package/theme/typography/baseFontSize.d.ts.map +1 -0
  57. package/theme/typography/baseLetterSpacing.d.ts +1 -0
  58. package/theme/typography/baseLetterSpacing.d.ts.map +1 -0
  59. package/theme/typography/baseLineHeight.d.ts +1 -0
  60. package/theme/typography/baseLineHeight.d.ts.map +1 -0
  61. package/theme/typography/baseWeight.d.ts +1 -0
  62. package/theme/typography/baseWeight.d.ts.map +1 -0
  63. package/theme/typography/index.d.ts +1 -0
  64. package/theme/typography/index.d.ts.map +1 -0
  65. package/theme/typography/types.d.ts +1 -0
  66. package/theme/typography/types.d.ts.map +1 -0
  67. package/theme/typography/typography.d.ts +1 -0
  68. package/theme/typography/typography.d.ts.map +1 -0
  69. package/theme/typography/typographySizes.d.ts +1 -0
  70. package/theme/typography/typographySizes.d.ts.map +1 -0
  71. package/theme/typographyOld.d.ts +1 -0
  72. package/theme/typographyOld.d.ts.map +1 -0
  73. package/types/index.d.ts +1 -0
  74. package/types/index.d.ts.map +1 -0
  75. package/types/types.d.ts +1 -0
  76. package/types/types.d.ts.map +1 -0
  77. package/utils/getColorPresets.d.ts +1 -0
  78. package/utils/getColorPresets.d.ts.map +1 -0
  79. package/utils/getColorState.d.ts +1 -0
  80. package/utils/getColorState.d.ts.map +1 -0
  81. package/utils/getFontValue.d.ts +1 -0
  82. package/utils/getFontValue.d.ts.map +1 -0
  83. package/utils/getPaletteByPreset.d.ts +27 -26
  84. package/utils/getPaletteByPreset.d.ts.map +1 -0
  85. package/utils/getUserThemeOptions.d.ts +1 -0
  86. package/utils/getUserThemeOptions.d.ts.map +1 -0
  87. package/utils/index.d.ts +1 -0
  88. package/utils/index.d.ts.map +1 -0
  89. package/utils/useResponsive.d.ts +2 -1
  90. package/utils/useResponsive.d.ts.map +1 -0
  91. package/config.js +0 -17
  92. package/overrides/M4LRHFormProvider.js +0 -19
  93. package/overrides/index.js +0 -9
  94. package/theme/index.js +0 -1
  95. package/theme/palette/baseChipsPalette.js +0 -1099
  96. package/theme/palette/baseColors.js +0 -533
  97. package/theme/palette/baseOpacityColors.js +0 -229
  98. package/theme/palette/commonColors.js +0 -7
  99. package/theme/palette/defaultColors.js +0 -117
  100. package/theme/palette/greyPalette.js +0 -29
  101. package/theme/palette/index.js +0 -1
  102. package/theme/palette/presetColors.js +0 -646
  103. package/theme/palette/semanticColors.js +0 -484
  104. package/theme/shadows.js +0 -81
  105. package/theme/sizes/BaseDensity.js +0 -9
  106. package/theme/sizes/baseBorder.js +0 -7
  107. package/theme/sizes/baseBorderRadius.js +0 -12
  108. package/theme/sizes/baseSizes.js +0 -30
  109. package/theme/sizes/index.js +0 -1
  110. package/theme/sizes/pointerQr.js +0 -61
  111. package/theme/sizes/presetSizes.js +0 -58
  112. package/theme/sizes/size.js +0 -30
  113. package/theme/sizes/types.js +0 -1
  114. package/theme/typography/baseFontSize.js +0 -56
  115. package/theme/typography/baseLetterSpacing.js +0 -7
  116. package/theme/typography/baseLineHeight.js +0 -12
  117. package/theme/typography/baseWeight.js +0 -8
  118. package/theme/typography/index.js +0 -1
  119. package/theme/typography/types.js +0 -1
  120. package/theme/typography/typography.js +0 -14
  121. package/theme/typography/typographySizes.js +0 -307
  122. package/theme/typographyOld.js +0 -137
  123. package/types/augmentations.d.js +0 -1
  124. package/types/augmentations.d.ts +0 -158
  125. package/types/index.js +0 -1
  126. package/types/types.js +0 -1
  127. package/utils/getColorPresets.js +0 -14
  128. package/utils/getColorState.js +0 -4
  129. package/utils/getFontValue.js +0 -24
  130. package/utils/getPaletteByPreset.js +0 -240
  131. package/utils/getUserThemeOptions.js +0 -29
  132. package/utils/index.js +0 -1
  133. package/utils/useResponsive.js +0 -16
  134. package/vite-env.d.ts +0 -3
@@ -1,484 +0,0 @@
1
- import { B as a } from "./baseColors.js";
2
- import { B as i } from "./baseOpacityColors.js";
3
- import { alpha as t } from "@mui/material";
4
- const e = {
5
- info: {
6
- enabledLight: a.crayonBlue[50],
7
- // comprobado
8
- enabledDark: a.crayonBlue[50],
9
- // comprobado
10
- hoverLight: a.crayonBlue[40],
11
- // comprobado,
12
- hoverDark: a.crayonBlue[40],
13
- // comprobado,
14
- selectedLight: a.crayonBlue[60],
15
- // comprobado
16
- selectedDark: a.crayonBlue[60],
17
- // comprobado
18
- activeLight: a.crayonBlue[70],
19
- // comprobado,
20
- activeDark: a.crayonBlue[70],
21
- // comprobado,
22
- focusLight: a.crayonBlue[40],
23
- // comprobado,
24
- focusDark: a.crayonBlue[60],
25
- // comprobado,
26
- enabledOpacityLight: i.crayon[30],
27
- // comprobado
28
- enabledOpacityDark: i.crayon[30],
29
- // comprobado,
30
- hoverOpacityLight: i.crayon[20],
31
- // comprobado,
32
- hoverOpacityDark: i.crayon[20],
33
- // comprobado,
34
- selectedOpacityLight: i.crayon[40],
35
- // comprobado
36
- selectedOpacityDark: i.crayon[40],
37
- // comprobado
38
- activeOpacityLight: i.crayon[50],
39
- // comprobado,
40
- activeOpacityDark: i.crayon[50],
41
- // comprobado,
42
- focusOpacityLight: i.crayon[10],
43
- // comprobado,
44
- focusOpacityDark: i.crayon[10],
45
- // comprobado,
46
- opacityGradient1Light: t(i.crayon[10], 0.25),
47
- // comprobado,
48
- opacityGradient1Dark: t(i.crayon[10], 0.25),
49
- // comprobado,
50
- opacityGradient2Light: t(i.crayon[10], 0.1),
51
- // comprobado,
52
- opacityGradient2Dark: t(i.crayon[10], 0.1),
53
- // comprobado,
54
- opacityLight: i.crayon[10],
55
- // comprobado,
56
- opacityDark: i.crayon[10],
57
- // comprobado,
58
- main: a.crayonBlue[60],
59
- // comprobado,,
60
- light: a.crayonBlue[40],
61
- // comprobado,
62
- lighter: a.crayonBlue[70],
63
- // comprobado,,
64
- dark: a.crayonBlue[30],
65
- // comprobado,
66
- darker: a.crayonBlue[10],
67
- // comprobado,,
68
- contrastText: a.marbleLight[30],
69
- // comprobado,
70
- semanticTextLight: a.crayonBlue[70],
71
- // comprobado,
72
- semanticTextDark: a.crayonBlue[40],
73
- // comprobado,
74
- // Tone colors
75
- toneOpacityLight: a.crayonBlue[5],
76
- // comprobado,
77
- toneOpacityDark: a.crayonBlue[95]
78
- },
79
- warning: {
80
- enabledLight: a.middleYellow[50],
81
- // comprobado
82
- enabledDark: a.middleYellow[50],
83
- // comprobado
84
- hoverLight: a.middleYellow[40],
85
- // comprobado,
86
- hoverDark: a.middleYellow[40],
87
- // comprobado,
88
- selectedLight: a.middleYellow[60],
89
- // comprobado
90
- selectedDark: a.middleYellow[60],
91
- // comprobado
92
- activeLight: a.middleYellow[70],
93
- // comprobado,
94
- activeDark: a.middleYellow[70],
95
- // comprobado,
96
- focusLight: a.middleYellow[40],
97
- // comprobado,
98
- focusDark: a.middleYellow[60],
99
- // comprobado,
100
- enabledOpacityLight: i.middle[30],
101
- // comprobado
102
- enabledOpacityDark: i.middle[30],
103
- // comprobado,
104
- hoverOpacityLight: i.middle[20],
105
- // comprobado,
106
- hoverOpacityDark: i.middle[20],
107
- // comprobado,
108
- selectedOpacityLight: i.middle[40],
109
- // comprobado,
110
- selectedOpacityDark: i.middle[40],
111
- // comprobado,
112
- activeOpacityLight: i.middle[50],
113
- // comprobado,
114
- activeOpacityDark: i.middle[50],
115
- // comprobado,
116
- focusOpacityLight: i.middle[10],
117
- // comprobado,
118
- focusOpacityDark: i.middle[10],
119
- // comprobado,
120
- opacityGradient1Light: t(i.middle[10], 0.25),
121
- // comprobado,
122
- opacityGradient1Dark: t(i.middle[10], 0.25),
123
- // comprobado,
124
- opacityGradient2Light: t(i.middle[10], 0.1),
125
- // comprobado,
126
- opacityGradient2Dark: t(i.middle[10], 0.1),
127
- // comprobado,
128
- opacityLight: i.middle[10],
129
- // comprobado,
130
- opacityDark: i.middle[10],
131
- // comprobado,
132
- main: a.middleYellow[60],
133
- // comprobado,,
134
- light: a.middleYellow[40],
135
- // comprobado,,
136
- lighter: a.middleYellow[70],
137
- // comprobado,,
138
- dark: a.middleYellow[30],
139
- // comprobado,,
140
- darker: a.middleYellow[10],
141
- // comprobado,,
142
- contrastText: a.onyx[20],
143
- // comprobado,
144
- semanticTextLight: a.middleYellow[70],
145
- // comprobado,
146
- semanticTextDark: a.middleYellow[40],
147
- // comprobado,
148
- // Tone colors
149
- toneOpacityLight: a.middleYellow[5],
150
- // comprobado,
151
- toneOpacityDark: a.middleYellow[95]
152
- },
153
- error: {
154
- enabledLight: a.flameRed[50],
155
- // comprobado
156
- enabledDark: a.flameRed[50],
157
- // comprobado
158
- hoverLight: a.flameRed[40],
159
- // comprobado,
160
- hoverDark: a.flameRed[40],
161
- // comprobado,
162
- selectedLight: a.flameRed[60],
163
- // comprobado
164
- selectedDark: a.flameRed[60],
165
- // comprobado
166
- activeLight: a.flameRed[70],
167
- // comprobado,
168
- activeDark: a.flameRed[70],
169
- // comprobado,
170
- focusLight: a.flameRed[40],
171
- // comprobado,
172
- focusDark: a.flameRed[60],
173
- // comprobado,
174
- enabledOpacityLight: i.flame[30],
175
- // comprobado
176
- enabledOpacityDark: i.flame[30],
177
- // comprobado,
178
- hoverOpacityLight: i.flame[20],
179
- // comprobado,
180
- hoverOpacityDark: i.flame[20],
181
- // comprobado,
182
- selectedOpacityLight: i.flame[40],
183
- // comprobado,
184
- selectedOpacityDark: i.flame[40],
185
- // comprobado,
186
- activeOpacityLight: i.flame[50],
187
- // comprobado,
188
- activeOpacityDark: i.flame[50],
189
- // comprobado,
190
- focusOpacityLight: i.flame[10],
191
- // comprobado,
192
- focusOpacityDark: i.flame[10],
193
- // comprobado,
194
- opacityGradient1Light: t(i.flame[10], 0.25),
195
- // comprobado,
196
- opacityGradient1Dark: t(i.flame[10], 0.25),
197
- // comprobado,
198
- opacityGradient2Light: t(i.flame[10], 0.1),
199
- // comprobado,
200
- opacityGradient2Dark: t(i.flame[10], 0.1),
201
- // comprobado,
202
- opacityLight: i.flame[10],
203
- // comprobado,
204
- opacityDark: i.flame[10],
205
- // comprobado,
206
- main: a.flameRed[60],
207
- // comprobado,,
208
- light: a.flameRed[40],
209
- // comprobado,,
210
- lighter: a.flameRed[70],
211
- // comprobado,,
212
- dark: a.flameRed[30],
213
- // comprobado,,
214
- darker: a.flameRed[10],
215
- // comprobado,,
216
- contrastText: a.marbleLight[30],
217
- // comprobado,
218
- semanticTextLight: a.flameRed[50],
219
- // comprobado,
220
- semanticTextDark: a.flameRed[40],
221
- // comprobado,
222
- // Tone colors
223
- toneOpacityLight: a.flameRed[5],
224
- // comprobado,
225
- toneOpacityDark: a.flameRed[90]
226
- },
227
- success: {
228
- enabledLight: a.acidGreen[50],
229
- // comprobado
230
- enabledDark: a.acidGreen[50],
231
- // comprobado
232
- hoverLight: a.acidGreen[40],
233
- // comprobado,
234
- hoverDark: a.acidGreen[40],
235
- // comprobado,
236
- selectedLight: a.acidGreen[60],
237
- // comprobado
238
- selectedDark: a.acidGreen[60],
239
- // comprobado
240
- activeLight: a.acidGreen[70],
241
- // comprobado,
242
- activeDark: a.acidGreen[70],
243
- // comprobado,
244
- focusLight: a.acidGreen[40],
245
- // comprobado,
246
- focusDark: a.acidGreen[60],
247
- // comprobado,
248
- enabledOpacityLight: i.acid[30],
249
- // comprobado
250
- enabledOpacityDark: i.acid[30],
251
- // comprobado,
252
- hoverOpacityLight: i.acid[20],
253
- // comprobado,
254
- hoverOpacityDark: i.acid[20],
255
- // comprobado,
256
- selectedOpacityLight: i.acid[40],
257
- // comprobado,
258
- selectedOpacityDark: i.acid[40],
259
- // comprobado,
260
- activeOpacityLight: i.acid[50],
261
- // comprobado,
262
- activeOpacityDark: i.acid[50],
263
- // comprobado,
264
- focusOpacityLight: i.acid[10],
265
- // comprobado,
266
- focusOpacityDark: i.acid[10],
267
- // comprobado,
268
- opacityGradient1Light: t(i.acid[10], 0.25),
269
- // comprobado,
270
- opacityGradient1Dark: t(i.acid[10], 0.25),
271
- // comprobado,
272
- opacityGradient2Light: t(i.acid[10], 0.1),
273
- // comprobado,
274
- opacityGradient2Dark: t(i.acid[10], 0.1),
275
- // comprobado,
276
- opacityLight: i.acid[10],
277
- // comprobado,
278
- opacityDark: i.acid[10],
279
- // comprobado,
280
- main: a.acidGreen[60],
281
- // comprobado,,
282
- light: a.acidGreen[40],
283
- // comprobado,,
284
- lighter: a.acidGreen[70],
285
- // comprobado,
286
- dark: a.acidGreen[30],
287
- // comprobado,
288
- darker: a.acidGreen[10],
289
- // comprobado,
290
- contrastText: a.onyx[20],
291
- // comprobado,
292
- semanticTextLight: a.acidGreen[70],
293
- // comprobado,
294
- semanticTextDark: a.acidGreen[40],
295
- // comprobado,
296
- // Tone colors
297
- toneOpacityLight: a.acidGreen[5],
298
- // comprobado,
299
- toneOpacityDark: a.acidGreen[95]
300
- }
301
- }, o = {
302
- info: {
303
- enabled: e.info.enabledLight,
304
- enabledOpacity: e.info.enabledOpacityLight,
305
- hover: e.info.hoverLight,
306
- hoverOpacity: e.info.hoverOpacityLight,
307
- selected: e.info.selectedLight,
308
- selectedOpacity: e.info.selectedOpacityLight,
309
- focus: e.info.focusLight,
310
- focusOpacity: e.info.focusOpacityLight,
311
- active: e.info.activeLight,
312
- activeOpacity: e.info.activeOpacityLight,
313
- opacity: e.info.opacityLight,
314
- opacityGradient1: e.info.opacityGradient1Light,
315
- opacityGradient2: e.info.opacityGradient2Light,
316
- toneOpacity: e.info.toneOpacityLight,
317
- contrastText: e.info.contrastText,
318
- semanticText: e.info.semanticTextLight,
319
- //Por compatibilidad con MUI
320
- main: e.info.main,
321
- light: e.info.light,
322
- dark: e.info.dark
323
- },
324
- success: {
325
- enabled: e.success.enabledLight,
326
- enabledOpacity: e.success.enabledOpacityLight,
327
- hover: e.success.hoverLight,
328
- hoverOpacity: e.success.hoverOpacityLight,
329
- selected: e.success.selectedLight,
330
- selectedOpacity: e.success.selectedOpacityLight,
331
- focus: e.success.focusLight,
332
- focusOpacity: e.success.focusOpacityLight,
333
- active: e.success.activeLight,
334
- activeOpacity: e.success.activeOpacityLight,
335
- opacity: e.success.opacityLight,
336
- opacityGradient1: e.success.opacityGradient1Light,
337
- opacityGradient2: e.success.opacityGradient2Light,
338
- toneOpacity: e.success.toneOpacityLight,
339
- contrastText: e.success.contrastText,
340
- semanticText: e.success.semanticTextLight,
341
- main: e.success.main,
342
- //Por compatibilidad con MUI
343
- light: e.success.light,
344
- dark: e.success.dark
345
- },
346
- warning: {
347
- enabled: e.warning.enabledLight,
348
- enabledOpacity: e.warning.enabledOpacityLight,
349
- hover: e.warning.hoverLight,
350
- hoverOpacity: e.warning.hoverOpacityLight,
351
- selected: e.warning.selectedLight,
352
- selectedOpacity: e.warning.selectedOpacityLight,
353
- focus: e.warning.focusLight,
354
- focusOpacity: e.warning.focusOpacityLight,
355
- active: e.warning.activeLight,
356
- activeOpacity: e.warning.activeOpacityLight,
357
- opacity: e.warning.opacityLight,
358
- opacityGradient1: e.warning.opacityGradient1Light,
359
- opacityGradient2: e.warning.opacityGradient2Light,
360
- toneOpacity: e.warning.toneOpacityLight,
361
- contrastText: e.warning.contrastText,
362
- semanticText: e.warning.semanticTextLight,
363
- main: e.warning.main,
364
- //Por compatibilidad con MUI
365
- light: e.warning.light,
366
- dark: e.warning.dark
367
- },
368
- error: {
369
- enabled: e.error.enabledLight,
370
- enabledOpacity: e.error.enabledOpacityLight,
371
- hover: e.error.hoverLight,
372
- hoverOpacity: e.error.hoverOpacityLight,
373
- selected: e.error.selectedLight,
374
- selectedOpacity: e.error.selectedOpacityLight,
375
- focus: e.error.focusLight,
376
- focusOpacity: e.error.focusOpacityLight,
377
- active: e.error.activeLight,
378
- activeOpacity: e.error.activeOpacityLight,
379
- opacity: e.error.opacityLight,
380
- opacityGradient1: e.error.opacityGradient1Light,
381
- opacityGradient2: e.error.opacityGradient2Light,
382
- toneOpacity: e.error.toneOpacityLight,
383
- contrastText: e.error.contrastText,
384
- semanticText: e.error.semanticTextLight,
385
- main: e.error.main,
386
- //Por compatibilidad con MUI
387
- light: e.error.light,
388
- dark: e.error.dark
389
- }
390
- }, d = {
391
- info: {
392
- enabled: e.info.enabledDark,
393
- enabledOpacity: e.info.enabledOpacityDark,
394
- hover: e.info.hoverDark,
395
- hoverOpacity: e.info.hoverOpacityDark,
396
- selected: e.info.selectedDark,
397
- selectedOpacity: e.info.selectedOpacityDark,
398
- focus: e.info.focusDark,
399
- focusOpacity: e.info.focusOpacityDark,
400
- active: e.info.activeDark,
401
- activeOpacity: e.info.activeOpacityDark,
402
- opacity: e.info.opacityDark,
403
- opacityGradient1: e.info.opacityGradient1Dark,
404
- opacityGradient2: e.info.opacityGradient2Dark,
405
- toneOpacity: e.info.toneOpacityDark,
406
- contrastText: e.info.contrastText,
407
- semanticText: e.info.semanticTextDark,
408
- main: e.info.main,
409
- //Por compatibilidad con MUI
410
- light: e.info.light,
411
- dark: e.info.dark
412
- },
413
- success: {
414
- enabled: e.success.enabledDark,
415
- enabledOpacity: e.success.enabledOpacityDark,
416
- hover: e.success.hoverDark,
417
- hoverOpacity: e.success.hoverOpacityDark,
418
- selected: e.success.selectedDark,
419
- selectedOpacity: e.success.selectedOpacityDark,
420
- focus: e.success.focusDark,
421
- focusOpacity: e.success.focusOpacityDark,
422
- active: e.success.activeDark,
423
- activeOpacity: e.success.activeOpacityDark,
424
- opacity: e.success.opacityDark,
425
- opacityGradient1: e.success.opacityGradient1Dark,
426
- opacityGradient2: e.success.opacityGradient2Dark,
427
- toneOpacity: e.success.toneOpacityDark,
428
- contrastText: e.success.contrastText,
429
- semanticText: e.success.semanticTextDark,
430
- main: e.success.main,
431
- //Por compatibilidad con MUI
432
- light: e.success.light,
433
- dark: e.success.dark
434
- },
435
- warning: {
436
- enabled: e.warning.enabledDark,
437
- enabledOpacity: e.warning.enabledOpacityDark,
438
- hover: e.warning.hoverDark,
439
- hoverOpacity: e.warning.hoverOpacityDark,
440
- selected: e.warning.selectedDark,
441
- selectedOpacity: e.warning.selectedOpacityDark,
442
- focus: e.warning.focusDark,
443
- focusOpacity: e.warning.focusOpacityDark,
444
- active: e.warning.activeDark,
445
- activeOpacity: e.warning.activeOpacityDark,
446
- opacity: e.warning.opacityDark,
447
- opacityGradient1: e.warning.opacityGradient1Dark,
448
- opacityGradient2: e.warning.opacityGradient2Dark,
449
- toneOpacity: e.warning.toneOpacityDark,
450
- contrastText: e.warning.contrastText,
451
- semanticText: e.warning.semanticTextDark,
452
- main: e.warning.main,
453
- //Por compatibilidad con MUI
454
- light: e.warning.light,
455
- dark: e.warning.dark
456
- },
457
- error: {
458
- enabled: e.error.enabledDark,
459
- enabledOpacity: e.error.enabledOpacityDark,
460
- hover: e.error.hoverDark,
461
- hoverOpacity: e.error.hoverOpacityDark,
462
- selected: e.error.selectedDark,
463
- selectedOpacity: e.error.selectedOpacityDark,
464
- focus: e.error.focusDark,
465
- focusOpacity: e.error.focusOpacityDark,
466
- active: e.error.activeDark,
467
- activeOpacity: e.error.activeOpacityDark,
468
- opacity: e.error.opacityDark,
469
- opacityGradient1: e.error.opacityGradient1Dark,
470
- opacityGradient2: e.error.opacityGradient2Dark,
471
- toneOpacity: e.error.toneOpacityDark,
472
- contrastText: e.error.contrastText,
473
- semanticText: e.error.semanticTextDark,
474
- main: e.error.main,
475
- //Por compatibilidad con MUI
476
- light: e.error.light,
477
- dark: e.error.dark
478
- }
479
- };
480
- export {
481
- e as P,
482
- d as S,
483
- o as a
484
- };
package/theme/shadows.js DELETED
@@ -1,81 +0,0 @@
1
- import { alpha as p } from "@mui/material/styles";
2
- import { G as t } from "./palette/greyPalette.js";
3
- import { C as s } from "./palette/commonColors.js";
4
- import { B as e } from "./palette/baseColors.js";
5
- import { B as o } from "./palette/baseOpacityColors.js";
6
- const i = t[500], d = "#000000", a = (r) => {
7
- const x = p(r, 0.2), $ = p(r, 0.14), n = p(r, 0.12);
8
- return [
9
- "none",
10
- `0px 2px 1px -1px ${x},0px 1px 1px 0px ${$},0px 1px 3px 0px ${n}`,
11
- `0px 3px 1px -2px ${x},0px 2px 2px 0px ${$},0px 1px 5px 0px ${n}`,
12
- `0px 3px 3px -2px ${x},0px 3px 4px 0px ${$},0px 1px 8px 0px ${n}`,
13
- `0px 2px 4px -1px ${x},0px 4px 5px 0px ${$},0px 1px 10px 0px ${n}`,
14
- `0px 3px 5px -1px ${x},0px 5px 8px 0px ${$},0px 1px 14px 0px ${n}`,
15
- `0px 3px 5px -1px ${x},0px 6px 10px 0px ${$},0px 1px 18px 0px ${n}`,
16
- `0px 4px 5px -2px ${x},0px 7px 10px 1px ${$},0px 2px 16px 1px ${n}`,
17
- `0px 5px 5px -3px ${x},0px 8px 10px 1px ${$},0px 3px 14px 2px ${n}`,
18
- `0px 5px 6px -3px ${x},0px 9px 12px 1px ${$},0px 3px 16px 2px ${n}`,
19
- `0px 6px 6px -3px ${x},0px 10px 14px 1px ${$},0px 4px 18px 3px ${n}`,
20
- `0px 6px 7px -4px ${x},0px 11px 15px 1px ${$},0px 4px 20px 3px ${n}`,
21
- `0px 7px 8px -4px ${x},0px 12px 17px 2px ${$},0px 5px 22px 4px ${n}`,
22
- `0px 7px 8px -4px ${x},0px 13px 19px 2px ${$},0px 5px 24px 4px ${n}`,
23
- `0px 7px 9px -4px ${x},0px 14px 21px 2px ${$},0px 5px 26px 4px ${n}`,
24
- `0px 8px 9px -5px ${x},0px 15px 22px 2px ${$},0px 6px 28px 5px ${n}`,
25
- `0px 8px 10px -5px ${x},0px 16px 24px 2px ${$},0px 6px 30px 5px ${n}`,
26
- `0px 8px 11px -5px ${x},0px 17px 26px 2px ${$},0px 6px 32px 5px ${n}`,
27
- `0px 9px 11px -5px ${x},0px 18px 28px 2px ${$},0px 7px 34px 6px ${n}`,
28
- `0px 9px 12px -6px ${x},0px 19px 29px 2px ${$},0px 7px 36px 6px ${n}`,
29
- `0px 10px 13px -6px ${x},0px 20px 31px 3px ${$},0px 8px 38px 7px ${n}`,
30
- `0px 10px 13px -6px ${x},0px 21px 33px 3px ${$},0px 8px 40px 7px ${n}`,
31
- `0px 10px 14px -6px ${x},0px 22px 35px 3px ${$},0px 8px 42px 7px ${n}`,
32
- `0px 11px 14px -7px ${x},0px 23px 36px 3px ${$},0px 9px 44px 8px ${n}`,
33
- `0px 11px 15px -7px ${x},0px 24px 38px 3px ${$},0px 9px 46px 8px ${n}`
34
- ];
35
- }, m = (r) => {
36
- const x = {
37
- info: `0px 2px 8px 0px ${p(e.patronusBlue[50], 0.2)}`,
38
- secondary: `0px 2px 8px 0px ${p(e.patronusBlue[50], 0.24)}`,
39
- success: `0px 2px 8px 0px ${p(e.acidGreen[50], 0.2)}`,
40
- warning: `0px 2px 8px 0px ${p(e.middleYellow[50], 0.2)}`,
41
- error: `0px 2px 8px 0px ${p(e.flameRed[50], 0.2)}`,
42
- //
43
- card: `0 0 2px 0 ${p(t[500], 0.2)}, 0 12px 24px -4px ${p(
44
- t[500],
45
- 0.12
46
- )}`,
47
- dialog: `-40px 40px 80px -8px ${p(s.black, 0.24)}`,
48
- dropdown: `0 0 2px 0 ${p(t[500], 0.24)}, -20px 20px 40px -4px ${p(
49
- t[500],
50
- 0.24
51
- )}`
52
- };
53
- return r === "light" ? {
54
- z1: `0px 2px 3px -2px ${p("#606f85", 0.08)}, 0px 2px 8px 0px ${p("#606f85", 0.08)}`,
55
- z2: `0px 4px 10px -5px ${p("#566376", 0.12)}, 0px 4px 20px -2px ${p("#566376", 0.12)}`,
56
- z3: `0px 4px 8px -5px ${p("#404A59", 0.16)}, 0px 8px 30px -1px ${p("#566376", 0.12)}`,
57
- z4: `0px 10px 24px -10px ${p("#404A59", 0.16)}, 0px 20px 60px 1px ${p("#566376", 0.12)}`,
58
- z5: "box-shadow: 0 6px 14px -4px rgba(35, 40, 46, 0.13), 0 4px 40px -4px rgba(45, 54, 65, 0.12);",
59
- innerShadowContainer: `2px 2px 4px 1px ${p(o.onyx[80] || "#1C2121", 0.6)} inset`,
60
- innerShadowOutlinedText: `2px 2px 6px 2px ${p(o.onyx[80] || "#1C2121", 0.48)} inset`,
61
- innerShadowText: `2px 2px 4px 2px ${p(o.onyx[80] || "#1C2121", 0.16)} inset`,
62
- ...x
63
- } : {
64
- z1: `0px 2px 3px -2px ${p("#090c0c", 0.4)}, 0px 2px 12px 0px ${p("#090c0c", 0.4)}`,
65
- z2: `0px 4px 10px -5px ${p("#111818", 0.84)}, 0px 4px 20px -2px ${p("#111818", 0.56)}`,
66
- z3: `0px 4px 8px -5px ${p("#111818", 0.84)}, 0px 8px 30px -1px ${p("#111818", 0.56)}`,
67
- z4: `0px 10px 24px -10px ${p("#111818", 0.84)}, 0px 20px 60px 1px ${p("#111818", 0.56)}`,
68
- z5: "box-shadow: 0 6px 14px -4px rgba(35, 40, 46, 0.13), 0 4px 40px -4px rgba(45, 54, 65, 0.12);",
69
- innerShadowContainer: `3px 3px 4px 1px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
70
- innerShadowOutlinedText: `3px 3px 6px 2px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
71
- innerShadowText: `2px 2px 4px 2px ${p(o.onyx[80] || "#1C2121", 0.72)} inset`,
72
- ...x
73
- };
74
- }, S = {
75
- light: a(i),
76
- dark: a(d)
77
- };
78
- export {
79
- m as c,
80
- S as s
81
- };
@@ -1,9 +0,0 @@
1
- const a = {
2
- extraCompact: "4px",
3
- compact: "8px",
4
- standard: "16px",
5
- comfortable: "26px"
6
- };
7
- export {
8
- a as D
9
- };
@@ -1,7 +0,0 @@
1
- const o = {
2
- actionInput: "1.3px solid",
3
- container: "1px solid"
4
- };
5
- export {
6
- o as B
7
- };
@@ -1,12 +0,0 @@
1
- const p = {
2
- r0: "0px",
3
- "r0-5": "2px",
4
- r1: "4px",
5
- "r1-5": "6px",
6
- r2: "8px",
7
- r3: "12px",
8
- r4: "16px"
9
- };
10
- export {
11
- p as B
12
- };
@@ -1,30 +0,0 @@
1
- const p = {
2
- sp0: "0px",
3
- "sp0-5": "2px",
4
- sp1: "4px",
5
- "sp1-5": "6px",
6
- sp2: "8px",
7
- "sp2-5": "10px",
8
- sp3: "12px",
9
- "sp3-5": "14px",
10
- sp4: "16px",
11
- "sp4-5": "18px",
12
- sp5: "20px",
13
- "sp5-5": "22px",
14
- sp6: "24px",
15
- "sp6-5": "26px",
16
- sp7: "28px",
17
- "sp7-5": "30px",
18
- sp8: "32px",
19
- sp9: "36px",
20
- sp10: "40px",
21
- "sp10-5": "42px",
22
- sp11: "44px",
23
- sp12: "48px",
24
- sp13: "52px",
25
- sp14: "56px",
26
- "sp14-5": "58px"
27
- };
28
- export {
29
- p as B
30
- };
@@ -1 +0,0 @@
1
-
@@ -1,61 +0,0 @@
1
- import { P as a, a as e } from "./presetSizes.js";
2
- const o = {
3
- small: {
4
- base: a.base.small,
5
- action: a.action.small,
6
- container: a.container.small,
7
- box: a.box.small,
8
- case: a.case.small
9
- },
10
- medium: {
11
- base: a.base.medium,
12
- action: a.action.medium,
13
- container: a.container.medium,
14
- box: a.box.medium,
15
- case: a.case.medium
16
- },
17
- // @ts-ignore-next-line
18
- large: {
19
- // @ts-ignore-next-line
20
- base: a.base.large,
21
- // @ts-ignore-next-line
22
- action: a.action.large,
23
- // @ts-ignore-next-line
24
- container: a.container.large,
25
- // @ts-ignore-next-line
26
- box: a.box.large,
27
- // @ts-ignore-next-line
28
- case: a.case.large
29
- }
30
- }, c = {
31
- small: {
32
- base: e.base.small,
33
- action: e.action.small,
34
- container: e.container.small,
35
- box: e.box.small,
36
- case: e.case.small
37
- },
38
- medium: {
39
- base: e.base.medium,
40
- action: e.action.medium,
41
- container: e.container.medium,
42
- box: e.box.medium,
43
- case: e.case.medium
44
- },
45
- large: {
46
- // @ts-ignore-next-line
47
- base: e.base.large,
48
- // @ts-ignore-next-line
49
- action: e.action.large,
50
- // @ts-ignore-next-line
51
- container: e.container.large,
52
- // @ts-ignore-next-line
53
- box: e.box.large,
54
- // @ts-ignore-next-line
55
- case: e.case.large
56
- }
57
- };
58
- export {
59
- o as P,
60
- c as a
61
- };