@m4l/styles 7.1.4 → 7.1.6

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 (34) 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/baseChipsPalette.d.ts +9 -0
  23. package/theme/palette/baseChipsPalette.js +117 -0
  24. package/theme/palette/baseOpacityColors.js +2 -2
  25. package/theme/palette/defaultColors.d.ts +2 -2
  26. package/theme/palette/defaultColors.js +24 -13
  27. package/theme/palette/presetColors.js +119 -59
  28. package/theme/palette/semanticColors.js +161 -117
  29. package/theme/shadows.d.ts +2 -0
  30. package/theme/shadows.js +55 -51
  31. package/types/augmentations.d.ts +5 -1
  32. package/types/types.d.ts +30 -3
  33. package/utils/getPaletteByPreset.d.ts +38 -12
  34. package/utils/getPaletteByPreset.js +15 -12
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
  };
@@ -47,6 +51,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
47
51
  readonly hover: string;
48
52
  readonly paper: "#00000000";
49
53
  };
54
+ readonly chips: import('../types').BaseChipColors;
50
55
  readonly border: {
51
56
  readonly main: string;
52
57
  readonly default: string;
@@ -70,9 +75,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
70
75
  readonly dark: string;
71
76
  readonly main: string;
72
77
  readonly contrastText: string;
73
- readonly focusActive: string;
78
+ readonly active: string;
74
79
  readonly hover: string;
75
80
  readonly hoverOpacity: string;
81
+ readonly activeOpacity: string;
82
+ readonly focusOpacity: string;
76
83
  readonly opacity: string;
77
84
  readonly toneOpacity: string;
78
85
  };
@@ -82,9 +89,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
82
89
  readonly dark: string;
83
90
  readonly main: string;
84
91
  readonly contrastText: string;
85
- readonly focusActive: string;
92
+ readonly active: string;
86
93
  readonly hover: string;
87
94
  readonly hoverOpacity: string;
95
+ readonly activeOpacity: string;
96
+ readonly focusOpacity: string;
88
97
  readonly opacity: string;
89
98
  readonly toneOpacity: string;
90
99
  };
@@ -94,9 +103,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
94
103
  readonly dark: string;
95
104
  readonly main: string;
96
105
  readonly contrastText: string;
97
- readonly focusActive: string;
106
+ readonly active: string;
98
107
  readonly hover: string;
99
108
  readonly hoverOpacity: string;
109
+ readonly activeOpacity: string;
110
+ readonly focusOpacity: string;
100
111
  readonly opacity: string;
101
112
  readonly toneOpacity: string;
102
113
  };
@@ -106,9 +117,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
106
117
  readonly dark: string;
107
118
  readonly main: string;
108
119
  readonly contrastText: string;
109
- readonly focusActive: string;
120
+ readonly active: string;
110
121
  readonly hover: string;
111
122
  readonly hoverOpacity: string;
123
+ readonly activeOpacity: string;
124
+ readonly focusOpacity: string;
112
125
  readonly opacity: string;
113
126
  readonly toneOpacity: string;
114
127
  };
@@ -121,10 +134,12 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
121
134
  readonly main: string;
122
135
  readonly dark: string;
123
136
  readonly contrastText: string;
124
- readonly focusActive: string;
137
+ readonly active: string;
125
138
  readonly focusVisible: string;
126
139
  readonly hover: string;
127
140
  readonly hoverOpacity: string;
141
+ readonly activeOpacity: string;
142
+ readonly focusOpacity: string;
128
143
  readonly opacity: string;
129
144
  readonly toneOpacity: string;
130
145
  };
@@ -134,9 +149,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
134
149
  readonly light: string;
135
150
  readonly dark: string;
136
151
  readonly main: string;
137
- readonly focusActive: string;
152
+ readonly active: string;
138
153
  readonly hover: string;
139
154
  readonly hoverOpacity: string;
155
+ readonly activeOpacity: string;
156
+ readonly focusOpacity: string;
140
157
  readonly opacity: string;
141
158
  readonly toneOpacity: string;
142
159
  };
@@ -153,6 +170,7 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
153
170
  readonly hover: string;
154
171
  readonly paper: "#00000000";
155
172
  };
173
+ readonly chips: import('../types').BaseChipColors;
156
174
  readonly border: {
157
175
  readonly main: string;
158
176
  readonly default: string;
@@ -176,9 +194,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
176
194
  readonly dark: string;
177
195
  readonly main: string;
178
196
  readonly contrastText: string;
179
- readonly focusActive: string;
197
+ readonly active: string;
180
198
  readonly hover: string;
181
199
  readonly hoverOpacity: string;
200
+ readonly activeOpacity: string;
201
+ readonly focusOpacity: string;
182
202
  readonly opacity: string;
183
203
  readonly toneOpacity: string;
184
204
  };
@@ -188,9 +208,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
188
208
  readonly dark: string;
189
209
  readonly main: string;
190
210
  readonly contrastText: string;
191
- readonly focusActive: string;
211
+ readonly active: string;
192
212
  readonly hover: string;
193
213
  readonly hoverOpacity: string;
214
+ readonly activeOpacity: string;
215
+ readonly focusOpacity: string;
194
216
  readonly opacity: string;
195
217
  readonly toneOpacity: string;
196
218
  };
@@ -200,9 +222,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
200
222
  readonly dark: string;
201
223
  readonly main: string;
202
224
  readonly contrastText: string;
203
- readonly focusActive: string;
225
+ readonly active: string;
204
226
  readonly hover: string;
205
227
  readonly hoverOpacity: string;
228
+ readonly activeOpacity: string;
229
+ readonly focusOpacity: string;
206
230
  readonly opacity: string;
207
231
  readonly toneOpacity: string;
208
232
  };
@@ -212,9 +236,11 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
212
236
  readonly dark: string;
213
237
  readonly main: string;
214
238
  readonly contrastText: string;
215
- readonly focusActive: string;
239
+ readonly active: string;
216
240
  readonly hover: string;
217
241
  readonly hoverOpacity: string;
242
+ readonly activeOpacity: string;
243
+ readonly focusOpacity: string;
218
244
  readonly opacity: string;
219
245
  readonly toneOpacity: string;
220
246
  };
package/utils/getPaletteByPreset.js CHANGED
@@ -1,10 +1,11 @@
1
- import { P as n, a as m, b } from "../theme/palette/presetColors.js";
1
+ import { P as c, a as u, b } from "../theme/palette/presetColors.js";
2
2
  import { B as r } from "../theme/palette/baseColors.js";
3
- import { C as c } from "../theme/palette/commonColors.js";
3
+ import { C as n } 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 m } from "../theme/palette/defaultColors.js";
8
+ import { B as g, a as O } from "../theme/palette/baseChipsPalette.js";
8
9
  const t = {
9
10
  light: {
10
11
  scrollBar: "#5663763D",
@@ -14,12 +15,12 @@ const t = {
14
15
  scrollBar: "#5663765D",
15
16
  gridHover: "#282E2E"
16
17
  }
17
- }, C = (l) => {
18
- const i = m?.[l], e = b?.[l];
18
+ }, V = (l) => {
19
+ const i = u?.[l], e = b?.[l];
19
20
  return {
20
21
  light: {
21
22
  mode: "light",
22
- common: c,
23
+ common: n,
23
24
  primary: {
24
25
  ...i
25
26
  },
@@ -42,8 +43,9 @@ const t = {
42
43
  //por compatibilidad de mui
43
44
  paper: "#00000000"
44
45
  },
46
+ chips: g,
45
47
  border: {
46
- main: n[l]?.borderMainLight,
48
+ main: c[l]?.borderMainLight,
47
49
  default: o.oxford[40],
48
50
  secondary: o.oxford[30],
49
51
  dens: o.oxford[60],
@@ -78,13 +80,13 @@ const t = {
78
80
  },
79
81
  dark: {
80
82
  mode: "dark",
81
- common: c,
83
+ common: n,
82
84
  // no definido en figma
83
85
  primary: {
84
86
  ...e
85
87
  },
86
88
  default: {
87
- ...u,
89
+ ...m,
88
90
  focusVisible: e?.focusVisible,
89
91
  contrastText: r.marbleLight[30]
90
92
  },
@@ -98,12 +100,13 @@ const t = {
98
100
  default: r.onyx[40],
99
101
  neutral: r.onyx[50],
100
102
  surface: r.onyx[60],
101
- hover: u.hover,
103
+ hover: m.hover,
102
104
  //por compatibilidad de mui
103
105
  paper: "#00000000"
104
106
  },
107
+ chips: O,
105
108
  border: {
106
- main: n[l]?.borderMainDark,
109
+ main: c[l]?.borderMainDark,
107
110
  default: o.mint[50],
108
111
  secondary: o.mint[40],
109
112
  dens: o.mint[60],
@@ -141,5 +144,5 @@ const t = {
141
144
  };
142
145
  };
143
146
  export {
144
- C as g
147
+ V as g
145
148
  };