@m4l/styles 7.1.4 → 7.1.5

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 (31) hide show
  1. package/package.json +1 -1
  2. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.js +3 -3
  3. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.js +2 -2
  4. package/theme/overrides/M4LExtendedComponents/M4LButton.js +13 -13
  5. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.js +1 -1
  6. package/theme/overrides/M4LExtendedComponents/M4LFormatter.js +1 -1
  7. package/theme/overrides/M4LExtendedComponents/M4LIconButton.js +13 -13
  8. package/theme/overrides/M4LExtendedComponents/M4LImageButton.js +1 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LNavLink.js +1 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LPeriod.js +1 -1
  11. package/theme/overrides/M4LExtendedComponents/M4LPopover.js +1 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.js +6 -6
  13. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.js +2 -2
  14. package/theme/overrides/M4LExtendedComponents/M4LTab.js +1 -1
  15. package/theme/overrides/M4LExtendedComponents/M4LTabs.js +1 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.js +14 -14
  17. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.js +3 -3
  18. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.js +1 -1
  19. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.js +3 -3
  20. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.js +3 -3
  21. package/theme/overrides/MUIComponents/Paper.js +6 -6
  22. package/theme/palette/baseOpacityColors.js +2 -2
  23. package/theme/palette/defaultColors.d.ts +2 -2
  24. package/theme/palette/defaultColors.js +24 -13
  25. package/theme/palette/presetColors.js +119 -59
  26. package/theme/palette/semanticColors.js +161 -117
  27. package/theme/palette/tagsPalette.d.ts +13 -0
  28. package/types/augmentations.d.ts +3 -1
  29. package/types/types.d.ts +13 -3
  30. package/utils/getPaletteByPreset.d.ts +36 -12
  31. package/utils/getPaletteByPreset.js +3 -3
package/types/types.d.ts CHANGED
@@ -51,10 +51,20 @@ export interface PresetColor {
51
51
  lighter: string;
52
52
  toneOpacityLight: string;
53
53
  /**
54
- * Permite definir fondos de componentes en estados hover y focus dependiendo de la necesidad.
54
+ * Permite definir fondos de componentes en estados hover dependiendo del modo de la aplicación web.
55
55
  */
56
- opacityLight: string;
57
- opacityDark: string;
56
+ opacityHoverLight: string;
57
+ opacityHoverDark: string;
58
+ /**
59
+ * Permite definir fondos de componentes en estados focus dependiendo del modo de la aplicación web.
60
+ */
61
+ opacityFocusLight: string;
62
+ opacityFocusDark: string;
63
+ /**
64
+ * Permite definir fondos de componentes en estados active dependiendo del modo de la aplicación web.
65
+ */
66
+ opacityActiveLight: string;
67
+ opacityActiveDark: string;
58
68
  dark: string;
59
69
  darker: string;
60
70
  toneOpacityDark: string;
package/utils/getPaletteByPreset.d.ts CHANGED
@@ -15,10 +15,12 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
15
15
  readonly main: string;
16
16
  readonly dark: string;
17
17
  readonly contrastText: string;
18
- readonly focusActive: string;
18
+ readonly active: string;
19
19
  readonly focusVisible: string;
20
20
  readonly hover: string;
21
21
  readonly hoverOpacity: string;
22
+ readonly activeOpacity: string;
23
+ readonly focusOpacity: string;
22
24
  readonly opacity: string;
23
25
  readonly toneOpacity: string;
24
26
  };
@@ -28,9 +30,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
28
30
  readonly light: string;
29
31
  readonly dark: string;
30
32
  readonly main: string;
31
- readonly focusActive: string;
33
+ readonly active: string;
32
34
  readonly hover: string;
33
35
  readonly hoverOpacity: string;
36
+ readonly activeOpacity: string;
37
+ readonly focusOpacity: string;
34
38
  readonly opacity: string;
35
39
  readonly toneOpacity: string;
36
40
  };
@@ -70,9 +74,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
70
74
  readonly dark: string;
71
75
  readonly main: string;
72
76
  readonly contrastText: string;
73
- readonly focusActive: string;
77
+ readonly active: string;
74
78
  readonly hover: string;
75
79
  readonly hoverOpacity: string;
80
+ readonly activeOpacity: string;
81
+ readonly focusOpacity: string;
76
82
  readonly opacity: string;
77
83
  readonly toneOpacity: string;
78
84
  };
@@ -82,9 +88,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
82
88
  readonly dark: string;
83
89
  readonly main: string;
84
90
  readonly contrastText: string;
85
- readonly focusActive: string;
91
+ readonly active: string;
86
92
  readonly hover: string;
87
93
  readonly hoverOpacity: string;
94
+ readonly activeOpacity: string;
95
+ readonly focusOpacity: string;
88
96
  readonly opacity: string;
89
97
  readonly toneOpacity: string;
90
98
  };
@@ -94,9 +102,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
94
102
  readonly dark: string;
95
103
  readonly main: string;
96
104
  readonly contrastText: string;
97
- readonly focusActive: string;
105
+ readonly active: string;
98
106
  readonly hover: string;
99
107
  readonly hoverOpacity: string;
108
+ readonly activeOpacity: string;
109
+ readonly focusOpacity: string;
100
110
  readonly opacity: string;
101
111
  readonly toneOpacity: string;
102
112
  };
@@ -106,9 +116,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
106
116
  readonly dark: string;
107
117
  readonly main: string;
108
118
  readonly contrastText: string;
109
- readonly focusActive: string;
119
+ readonly active: string;
110
120
  readonly hover: string;
111
121
  readonly hoverOpacity: string;
122
+ readonly activeOpacity: string;
123
+ readonly focusOpacity: string;
112
124
  readonly opacity: string;
113
125
  readonly toneOpacity: string;
114
126
  };
@@ -121,10 +133,12 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
121
133
  readonly main: string;
122
134
  readonly dark: string;
123
135
  readonly contrastText: string;
124
- readonly focusActive: string;
136
+ readonly active: string;
125
137
  readonly focusVisible: string;
126
138
  readonly hover: string;
127
139
  readonly hoverOpacity: string;
140
+ readonly activeOpacity: string;
141
+ readonly focusOpacity: string;
128
142
  readonly opacity: string;
129
143
  readonly toneOpacity: string;
130
144
  };
@@ -134,9 +148,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
134
148
  readonly light: string;
135
149
  readonly dark: string;
136
150
  readonly main: string;
137
- readonly focusActive: string;
151
+ readonly active: string;
138
152
  readonly hover: string;
139
153
  readonly hoverOpacity: string;
154
+ readonly activeOpacity: string;
155
+ readonly focusOpacity: string;
140
156
  readonly opacity: string;
141
157
  readonly toneOpacity: string;
142
158
  };
@@ -176,9 +192,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
176
192
  readonly dark: string;
177
193
  readonly main: string;
178
194
  readonly contrastText: string;
179
- readonly focusActive: string;
195
+ readonly active: string;
180
196
  readonly hover: string;
181
197
  readonly hoverOpacity: string;
198
+ readonly activeOpacity: string;
199
+ readonly focusOpacity: string;
182
200
  readonly opacity: string;
183
201
  readonly toneOpacity: string;
184
202
  };
@@ -188,9 +206,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
188
206
  readonly dark: string;
189
207
  readonly main: string;
190
208
  readonly contrastText: string;
191
- readonly focusActive: string;
209
+ readonly active: string;
192
210
  readonly hover: string;
193
211
  readonly hoverOpacity: string;
212
+ readonly activeOpacity: string;
213
+ readonly focusOpacity: string;
194
214
  readonly opacity: string;
195
215
  readonly toneOpacity: string;
196
216
  };
@@ -200,9 +220,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
200
220
  readonly dark: string;
201
221
  readonly main: string;
202
222
  readonly contrastText: string;
203
- readonly focusActive: string;
223
+ readonly active: string;
204
224
  readonly hover: string;
205
225
  readonly hoverOpacity: string;
226
+ readonly activeOpacity: string;
227
+ readonly focusOpacity: string;
206
228
  readonly opacity: string;
207
229
  readonly toneOpacity: string;
208
230
  };
@@ -212,9 +234,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
212
234
  readonly dark: string;
213
235
  readonly main: string;
214
236
  readonly contrastText: string;
215
- readonly focusActive: string;
237
+ readonly active: string;
216
238
  readonly hover: string;
217
239
  readonly hoverOpacity: string;
240
+ readonly activeOpacity: string;
241
+ readonly focusOpacity: string;
218
242
  readonly opacity: string;
219
243
  readonly toneOpacity: string;
220
244
  };
package/utils/getPaletteByPreset.js CHANGED
@@ -4,7 +4,7 @@ import { C as c } from "../theme/palette/commonColors.js";
4
4
  import { G as d } from "../theme/palette/greyPalette.js";
5
5
  import { S as s, a } from "../theme/palette/semanticColors.js";
6
6
  import { B as o } from "../theme/palette/baseOpacityColors.js";
7
- import { D as f, a as u } from "../theme/palette/defaultColors.js";
7
+ import { B as f, a as u } from "../theme/palette/defaultColors.js";
8
8
  const t = {
9
9
  light: {
10
10
  scrollBar: "#5663763D",
@@ -14,7 +14,7 @@ const t = {
14
14
  scrollBar: "#5663765D",
15
15
  gridHover: "#282E2E"
16
16
  }
17
- }, C = (l) => {
17
+ }, p = (l) => {
18
18
  const i = m?.[l], e = b?.[l];
19
19
  return {
20
20
  light: {
@@ -141,5 +141,5 @@ const t = {
141
141
  };
142
142
  };
143
143
  export {
144
- C as g
144
+ p as g
145
145
  };