@m4l/styles 7.1.26 → 7.1.28-beta.2

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 (25) hide show
  1. package/index.js +55 -47
  2. package/package.json +1 -1
  3. package/theme/overrides/MUIComponents/ControlLabel.d.ts +1 -1
  4. package/theme/overrides/MUIComponents/Table.d.ts +5 -3307
  5. package/theme/overrides/MUIComponents/TreeView.d.ts +1 -1
  6. package/theme/palette/baseChipsPalette.js +465 -45
  7. package/theme/palette/baseColors.js +156 -36
  8. package/theme/palette/baseOpacityColors.js +108 -43
  9. package/theme/palette/defaultColors.d.ts +2 -2
  10. package/theme/palette/defaultColors.js +43 -43
  11. package/theme/palette/index.d.ts +4 -0
  12. package/theme/palette/presetColors.js +89 -89
  13. package/theme/palette/semanticColors.js +69 -52
  14. package/theme/shadows.js +1 -1
  15. package/theme/sizes/size.js +3 -3
  16. package/theme/typography/baseLetterSpacing.js +4 -3
  17. package/theme/typography/baseWeight.js +3 -3
  18. package/theme/typography/types.d.ts +6 -5
  19. package/theme/typography/typography.js +8 -8
  20. package/theme/typography/typographySizes.js +185 -137
  21. package/types/augmentations.d.ts +8 -0
  22. package/types/types.d.ts +6 -6
  23. package/utils/getPaletteByPreset.d.ts +73 -59
  24. package/utils/getPaletteByPreset.js +116 -136
  25. package/utils/getUserThemeOptions.js +7 -7
package/theme/typography/typographySizes.js CHANGED
@@ -1,259 +1,307 @@
1
1
  import { B as e } from "./baseFontSize.js";
2
2
  import { B as t } from "./baseLetterSpacing.js";
3
- import { B as n } from "./baseLineHeight.js";
4
- import { B as i } from "./baseWeight.js";
5
- const a = {
3
+ import { B as i } from "./baseLineHeight.js";
4
+ import { B as n } from "./baseWeight.js";
5
+ const g = {
6
6
  small: {
7
7
  h1: {
8
8
  fontSize: e.pt42,
9
- fontWeight: i.dens,
10
- lineHeight: n.normal,
11
- letterSpacing: t["0.5"]
9
+ fontWeight: n.sizeBold,
10
+ lineHeight: i.normal,
11
+ letterSpacing: t.normal
12
12
  },
13
13
  h2: {
14
14
  fontSize: e.pt32,
15
- fontWeight: i.dens,
16
- lineHeight: n.normal,
17
- letterSpacing: t["0.5"]
15
+ fontWeight: n.sizeBold,
16
+ lineHeight: i.normal,
17
+ letterSpacing: t.normal
18
18
  },
19
19
  h3: {
20
20
  fontSize: e.pt26,
21
- fontWeight: i.dens,
22
- lineHeight: n.normal,
23
- letterSpacing: t["0.5"]
21
+ fontWeight: n.sizeBold,
22
+ lineHeight: i.normal,
23
+ letterSpacing: t.normal
24
24
  },
25
25
  h5: {
26
26
  fontSize: e.pt20,
27
- fontWeight: i.dens,
28
- lineHeight: n.normal,
29
- letterSpacing: t["0.5"]
27
+ fontWeight: n.sizeBold,
28
+ lineHeight: i.normal,
29
+ letterSpacing: t.normal
30
30
  },
31
31
  subtitle: {
32
- fontSize: e.pt17,
33
- fontWeight: i.regular,
34
- lineHeight: n.normal,
35
- letterSpacing: t["0.5"]
32
+ fontSize: e.pt15,
33
+ fontWeight: n.sizeMedium,
34
+ lineHeight: i.normal,
35
+ letterSpacing: t.normal
36
36
  },
37
37
  subtitleDens: {
38
- fontSize: e.pt17,
39
- fontWeight: i.dens,
40
- lineHeight: n.normal,
41
- letterSpacing: t["0.5"]
38
+ fontSize: e.pt15,
39
+ fontWeight: n.sizeBold,
40
+ lineHeight: i.normal,
41
+ letterSpacing: t.dens
42
42
  },
43
43
  paragraph: {
44
- fontSize: e.pt15,
45
- fontWeight: i.regular,
46
- lineHeight: n.normal,
47
- letterSpacing: t["0.5"]
44
+ fontSize: e.pt13,
45
+ fontWeight: n.sizeMedium,
46
+ lineHeight: i.normal,
47
+ letterSpacing: t.normal
48
48
  },
49
49
  paragraphDens: {
50
- fontSize: e.pt15,
51
- fontWeight: i.dens,
52
- lineHeight: n.normal,
53
- letterSpacing: t["0.5"]
50
+ fontSize: e.pt13,
51
+ fontWeight: n.sizeBold,
52
+ lineHeight: i.normal,
53
+ letterSpacing: t.dens
54
54
  },
55
55
  body: {
56
- fontSize: e.pt13,
57
- fontWeight: i.regular,
58
- lineHeight: n.lh3,
59
- letterSpacing: t["0.5"]
56
+ fontSize: e.pt11,
57
+ fontWeight: n.sizeMedium,
58
+ lineHeight: i.normal,
59
+ letterSpacing: t.normal
60
60
  },
61
61
  bodyDens: {
62
+ fontSize: e.pt11,
63
+ fontWeight: n.sizeBold,
64
+ lineHeight: i.normal,
65
+ letterSpacing: t.dens
66
+ },
67
+ caption: {
68
+ fontSize: e.pt13,
69
+ fontWeight: n.sizeMedium,
70
+ lineHeight: i.normal,
71
+ letterSpacing: t.normal
72
+ },
73
+ captionDens: {
62
74
  fontSize: e.pt13,
63
- fontWeight: i.dens,
64
- lineHeight: n.lh3,
65
- letterSpacing: t["0.5"]
75
+ fontWeight: n.sizeBold,
76
+ lineHeight: i.normal,
77
+ letterSpacing: t.dens
66
78
  }
67
79
  },
68
80
  medium: {
69
81
  h1: {
70
82
  fontSize: e.pt44,
71
- fontWeight: i.dens,
72
- lineHeight: n.normal,
73
- letterSpacing: t["0.5"]
83
+ fontWeight: n.sizeBold,
84
+ lineHeight: i.normal,
85
+ letterSpacing: t.normal
74
86
  },
75
87
  h2: {
76
88
  fontSize: e.pt32,
77
- fontWeight: i.dens,
78
- lineHeight: n.normal,
79
- letterSpacing: t["0.5"]
89
+ fontWeight: n.sizeBold,
90
+ lineHeight: i.normal,
91
+ letterSpacing: t.normal
80
92
  },
81
93
  h3: {
82
94
  fontSize: e.pt28,
83
- fontWeight: i.dens,
84
- lineHeight: n.normal,
85
- letterSpacing: t["0.5"]
95
+ fontWeight: n.sizeBold,
96
+ lineHeight: i.normal,
97
+ letterSpacing: t.normal
86
98
  },
87
99
  h5: {
88
100
  fontSize: e.pt20,
89
- fontWeight: i.dens,
90
- lineHeight: n.normal,
91
- letterSpacing: t["0.5"]
101
+ fontWeight: n.sizeBold,
102
+ lineHeight: i.normal,
103
+ letterSpacing: t.normal
92
104
  },
93
105
  subtitle: {
94
- fontSize: e.pt18,
95
- fontWeight: i.regular,
96
- lineHeight: n.normal,
97
- letterSpacing: t["0.5"]
106
+ fontSize: e.pt16,
107
+ fontWeight: n.sizeMedium,
108
+ lineHeight: i.normal,
109
+ letterSpacing: t.normal
98
110
  },
99
111
  subtitleDens: {
100
- fontSize: e.pt18,
101
- fontWeight: i.dens,
102
- lineHeight: n.normal,
103
- letterSpacing: t["0.5"]
112
+ fontSize: e.pt16,
113
+ fontWeight: n.sizeBold,
114
+ lineHeight: i.normal,
115
+ letterSpacing: t.dens
104
116
  },
105
117
  paragraph: {
106
- fontSize: e.pt15,
107
- fontWeight: i.regular,
108
- lineHeight: n.normal,
109
- letterSpacing: t["0.5"]
118
+ fontSize: e.pt14,
119
+ fontWeight: n.sizeMedium,
120
+ lineHeight: i.normal,
121
+ letterSpacing: t.normal
110
122
  },
111
123
  paragraphDens: {
112
- fontSize: e.pt15,
113
- fontWeight: i.dens,
114
- lineHeight: n.normal,
115
- letterSpacing: t["0.5"]
124
+ fontSize: e.pt14,
125
+ fontWeight: n.sizeBold,
126
+ lineHeight: i.normal,
127
+ letterSpacing: t.dens
116
128
  },
117
129
  body: {
118
- fontSize: e.pt14,
119
- fontWeight: i.regular,
120
- lineHeight: n.normal,
121
- letterSpacing: t["0.5"]
130
+ fontSize: e.pt12,
131
+ fontWeight: n.sizeMedium,
132
+ lineHeight: i.normal,
133
+ letterSpacing: t.normal
122
134
  },
123
135
  bodyDens: {
124
- fontSize: e.pt14,
125
- fontWeight: i.dens,
126
- lineHeight: n.normal,
127
- letterSpacing: t["0.5"]
136
+ fontSize: e.pt12,
137
+ fontWeight: n.sizeBold,
138
+ lineHeight: i.normal,
139
+ letterSpacing: t.dens
140
+ },
141
+ caption: {
142
+ fontSize: e.pt13,
143
+ fontWeight: n.sizeMedium,
144
+ lineHeight: i.normal,
145
+ letterSpacing: t.normal
146
+ },
147
+ captionDens: {
148
+ fontSize: e.pt13,
149
+ fontWeight: n.sizeBold,
150
+ lineHeight: i.normal,
151
+ letterSpacing: t.dens
128
152
  }
129
153
  }
130
- }, h = {
154
+ }, p = {
131
155
  small: {
132
156
  h1: {
133
157
  fontSize: e.pt54,
134
- fontWeight: i.dens,
135
- lineHeight: n.normal,
136
- letterSpacing: t["0.5"]
158
+ fontWeight: n.sizeBold,
159
+ lineHeight: i.normal,
160
+ letterSpacing: t.normal
137
161
  },
138
162
  h2: {
139
163
  fontSize: e.pt42,
140
- fontWeight: i.dens,
141
- lineHeight: n.normal,
142
- letterSpacing: t["0.5"]
164
+ fontWeight: n.sizeBold,
165
+ lineHeight: i.normal,
166
+ letterSpacing: t.normal
143
167
  },
144
168
  h3: {
145
169
  fontSize: e.pt30,
146
- fontWeight: i.dens,
147
- lineHeight: n.normal,
148
- letterSpacing: t["0.5"]
170
+ fontWeight: n.sizeBold,
171
+ lineHeight: i.normal,
172
+ letterSpacing: t.normal
149
173
  },
150
174
  h5: {
151
175
  fontSize: e.pt26,
152
- fontWeight: i.dens,
153
- lineHeight: n.normal,
154
- letterSpacing: t["0.5"]
176
+ fontWeight: n.sizeBold,
177
+ lineHeight: i.normal,
178
+ letterSpacing: t.normal
155
179
  },
156
180
  subtitle: {
157
181
  fontSize: e.pt14,
158
- fontWeight: i.regular,
159
- lineHeight: n.normal,
160
- letterSpacing: t["0.5"]
182
+ fontWeight: n.sizeMedium,
183
+ lineHeight: i.normal,
184
+ letterSpacing: t.normal
161
185
  },
162
186
  subtitleDens: {
163
187
  fontSize: e.pt14,
164
- fontWeight: i.dens,
165
- lineHeight: n.normal,
166
- letterSpacing: t["0.5"]
188
+ fontWeight: n.sizeBold,
189
+ lineHeight: i.normal,
190
+ letterSpacing: t.dens
167
191
  },
168
192
  paragraph: {
169
193
  fontSize: e.pt12,
170
- fontWeight: i.regular,
171
- lineHeight: n.normal,
172
- letterSpacing: t["0.5"]
194
+ fontWeight: n.sizeMedium,
195
+ lineHeight: i.normal,
196
+ letterSpacing: t.normal
173
197
  },
174
198
  paragraphDens: {
175
199
  fontSize: e.pt12,
176
- fontWeight: i.dens,
177
- lineHeight: n.normal,
178
- letterSpacing: t["0.5"]
200
+ fontWeight: n.sizeBold,
201
+ lineHeight: i.normal,
202
+ letterSpacing: t.dens
179
203
  },
180
204
  body: {
181
205
  fontSize: e.pt10,
182
- fontWeight: i.regular,
183
- lineHeight: n.lh1,
184
- letterSpacing: t["0.5"]
206
+ fontWeight: n.sizeMedium,
207
+ lineHeight: i.normal,
208
+ letterSpacing: t.normal
185
209
  },
186
210
  bodyDens: {
187
211
  fontSize: e.pt10,
188
- fontWeight: i.dens,
189
- lineHeight: n.lh1,
190
- letterSpacing: t["0.5"]
212
+ fontWeight: n.sizeBold,
213
+ lineHeight: i.normal,
214
+ letterSpacing: t.dens
215
+ },
216
+ caption: {
217
+ fontSize: e.pt12,
218
+ fontWeight: n.sizeMedium,
219
+ lineHeight: i.normal,
220
+ letterSpacing: t.normal
221
+ },
222
+ captionDens: {
223
+ fontSize: e.pt12,
224
+ fontWeight: n.sizeBold,
225
+ lineHeight: i.normal,
226
+ letterSpacing: t.dens
191
227
  }
192
228
  },
193
229
  medium: {
194
230
  h1: {
195
231
  fontSize: e.pt56,
196
- fontWeight: i.dens,
197
- lineHeight: n.normal,
198
- letterSpacing: t["0.5"]
232
+ fontWeight: n.sizeBold,
233
+ lineHeight: i.normal,
234
+ letterSpacing: t.normal
199
235
  },
200
236
  h2: {
201
237
  fontSize: e.pt44,
202
- fontWeight: i.dens,
203
- lineHeight: n.normal,
204
- letterSpacing: t["0.5"]
238
+ fontWeight: n.sizeBold,
239
+ lineHeight: i.normal,
240
+ letterSpacing: t.normal
205
241
  },
206
242
  h3: {
207
243
  fontSize: e.pt32,
208
- fontWeight: i.dens,
209
- lineHeight: n.normal,
210
- letterSpacing: t["0.5"]
244
+ fontWeight: n.sizeBold,
245
+ lineHeight: i.normal,
246
+ letterSpacing: t.normal
211
247
  },
212
248
  h5: {
213
249
  fontSize: e.pt28,
214
- fontWeight: i.dens,
215
- lineHeight: n.normal,
216
- letterSpacing: t["0.5"]
250
+ fontWeight: n.sizeBold,
251
+ lineHeight: i.normal,
252
+ letterSpacing: t.normal
217
253
  },
218
254
  subtitle: {
219
255
  fontSize: e.pt15,
220
- fontWeight: i.regular,
221
- lineHeight: n.normal,
222
- letterSpacing: t["0.5"]
256
+ fontWeight: n.sizeMedium,
257
+ lineHeight: i.normal,
258
+ letterSpacing: t.normal
223
259
  },
224
260
  subtitleDens: {
225
261
  fontSize: e.pt15,
226
- fontWeight: i.dens,
227
- lineHeight: n.normal,
228
- letterSpacing: t["0.5"]
262
+ fontWeight: n.sizeBold,
263
+ lineHeight: i.normal,
264
+ letterSpacing: t.dens
229
265
  },
230
266
  paragraph: {
231
267
  fontSize: e.pt13,
232
- fontWeight: i.regular,
233
- lineHeight: n.normal,
234
- letterSpacing: t["0.5"]
268
+ fontWeight: n.sizeMedium,
269
+ lineHeight: i.normal,
270
+ letterSpacing: t.normal
235
271
  },
236
272
  paragraphDens: {
237
273
  fontSize: e.pt13,
238
- fontWeight: i.dens,
239
- lineHeight: n.normal,
240
- letterSpacing: t["0.5"]
274
+ fontWeight: n.sizeBold,
275
+ lineHeight: i.normal,
276
+ letterSpacing: t.dens
241
277
  },
242
278
  body: {
243
279
  fontSize: e.pt11,
244
- fontWeight: i.regular,
245
- lineHeight: n.normal,
246
- letterSpacing: t["0.5"]
280
+ fontWeight: n.sizeMedium,
281
+ lineHeight: i.normal,
282
+ letterSpacing: t.normal
247
283
  },
248
284
  bodyDens: {
249
285
  fontSize: e.pt11,
250
- fontWeight: i.dens,
251
- lineHeight: n.normal,
252
- letterSpacing: t["0.5"]
286
+ fontWeight: n.sizeBold,
287
+ lineHeight: i.normal,
288
+ letterSpacing: t.dens
289
+ },
290
+ caption: {
291
+ fontSize: e.pt12,
292
+ fontWeight: n.sizeMedium,
293
+ lineHeight: i.normal,
294
+ letterSpacing: t.normal
295
+ },
296
+ captionDens: {
297
+ fontSize: e.pt12,
298
+ fontWeight: n.sizeBold,
299
+ lineHeight: i.normal,
300
+ letterSpacing: t.dens
253
301
  }
254
302
  }
255
303
  };
256
304
  export {
257
- a as T,
258
- h as a
305
+ g as T,
306
+ p as a
259
307
  };
package/types/augmentations.d.ts CHANGED
@@ -107,6 +107,8 @@ declare module '@mui/material/styles' {
107
107
  surface: string;
108
108
  hover: string;
109
109
  backdrop: string;
110
+ base: string;
111
+ blur: string;
110
112
  }
111
113
  interface TypographyVariants {
112
114
  subtitle: Record<string, any>;
@@ -116,6 +118,8 @@ declare module '@mui/material/styles' {
116
118
  body: Record<string, any>;
117
119
  bodyDens: Record<string, any>;
118
120
  action: Record<string, any>;
121
+ caption: Record<string, any>;
122
+ captionDens: Record<string, any>;
119
123
  }
120
124
  interface TypographyVariantsOptions {
121
125
  subtitle: React.CSSProperties;
@@ -125,6 +129,8 @@ declare module '@mui/material/styles' {
125
129
  body: React.CSSProperties;
126
130
  bodyDens: React.CSSProperties;
127
131
  action: React.CSSProperties;
132
+ caption: React.CSSProperties;
133
+ captionDens: React.CSSProperties;
128
134
  }
129
135
  }
130
136
  declare module '@mui/material/Typography' {
@@ -136,5 +142,7 @@ declare module '@mui/material/Typography' {
136
142
  body: true;
137
143
  bodyDens: true;
138
144
  action: true;
145
+ caption: true;
146
+ captionDens: true;
139
147
  }
140
148
  }
package/types/types.d.ts CHANGED
@@ -15,8 +15,8 @@ export type SemanticColorOptionsType = 'info' | 'success' | 'warning' | 'error';
15
15
  * Son los conjuntos de colores que se pueden usar en los componentes y corresponde al tipo PaletteColor
16
16
  */
17
17
  export type ComponentPalletColor = 'primary' | 'default' | SemanticColorOptionsType;
18
- export type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'forest' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
19
- export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'onyx' | 'oxford' | 'middle' | 'acid' | 'forest' | 'flame' | 'crayon';
18
+ export type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'forest' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
19
+ export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'onyx' | 'oxford' | 'middle' | 'acid' | 'forest' | 'flame' | 'crayon' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
20
20
  export interface Colors {
21
21
  /**
22
22
  * ToneOpacity se usa para colorear el fondo de los celdas en el compksonente grid.
@@ -35,7 +35,7 @@ export interface Colors {
35
35
  95: string;
36
36
  }
37
37
  export interface OpacityColors {
38
- 5?: string;
38
+ 5: string;
39
39
  10: string;
40
40
  15?: string;
41
41
  20: string;
@@ -116,11 +116,11 @@ export type ThemePaletteColors = Record<ThemeUserColor, PaletteColor>;
116
116
  /**
117
117
  * Son las opcines de paleta de colores semánticos en formato PaletteColor
118
118
  */
119
- export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity'>>;
119
+ export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<PaletteColor, 'focusVisible'>>;
120
120
  /**
121
121
  * Es la configuración de color que se usa fabricar la paleta "default", se encuentra en formato PaletteColor.
122
122
  */
123
- export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'contrastText'> & {
123
+ export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'semanticTextLight' | 'semanticTextDark' | 'opacityLight' | 'opacityDark'> & {
124
124
  mainLight: string;
125
125
  mainDark: string;
126
126
  };
@@ -146,7 +146,7 @@ export interface ChipColor {
146
146
  /**
147
147
  * Lista de opciones de colores para pintar los chips
148
148
  */
149
- export type ChipColorOptions = 'default' | 'disabled' | 'warning' | 'error' | 'success' | 'forest' | 'info' | 'primary';
149
+ export type ChipColorOptions = 'default' | 'disabled' | 'warning' | 'error' | 'success' | 'forest' | 'info' | 'primary' | 'pink' | 'orange' | 'candy' | 'persianGreen' | 'aqua';
150
150
  /**
151
151
  * Representa la definición de la lista de colores para usarse en los chips. Son los colores con los que se van a pintar el componente chip.
152
152
  */