@m4l/styles 7.1.27 → 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.
- package/index.js +55 -47
- package/package.json +1 -1
- package/theme/overrides/MUIComponents/ControlLabel.d.ts +1 -1
- package/theme/overrides/MUIComponents/Table.d.ts +5 -3307
- package/theme/overrides/MUIComponents/TreeView.d.ts +1 -1
- package/theme/palette/baseChipsPalette.js +465 -45
- package/theme/palette/baseColors.js +156 -36
- package/theme/palette/baseOpacityColors.js +108 -43
- package/theme/palette/defaultColors.js +37 -39
- package/theme/palette/index.d.ts +4 -0
- package/theme/palette/presetColors.js +89 -89
- package/theme/palette/semanticColors.js +5 -4
- package/theme/shadows.js +1 -1
- package/theme/sizes/size.js +3 -3
- package/theme/typography/baseLetterSpacing.js +4 -3
- package/theme/typography/baseWeight.js +3 -3
- package/theme/typography/types.d.ts +6 -5
- package/theme/typography/typography.js +8 -8
- package/theme/typography/typographySizes.js +185 -137
- package/types/augmentations.d.ts +8 -0
- package/types/types.d.ts +5 -5
- package/utils/getPaletteByPreset.d.ts +49 -35
- package/utils/getPaletteByPreset.js +100 -100
- package/utils/getUserThemeOptions.js +7 -7
|
@@ -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
|
|
4
|
-
import { B as
|
|
5
|
-
const
|
|
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:
|
|
10
|
-
lineHeight:
|
|
11
|
-
letterSpacing: t
|
|
9
|
+
fontWeight: n.sizeBold,
|
|
10
|
+
lineHeight: i.normal,
|
|
11
|
+
letterSpacing: t.normal
|
|
12
12
|
},
|
|
13
13
|
h2: {
|
|
14
14
|
fontSize: e.pt32,
|
|
15
|
-
fontWeight:
|
|
16
|
-
lineHeight:
|
|
17
|
-
letterSpacing: t
|
|
15
|
+
fontWeight: n.sizeBold,
|
|
16
|
+
lineHeight: i.normal,
|
|
17
|
+
letterSpacing: t.normal
|
|
18
18
|
},
|
|
19
19
|
h3: {
|
|
20
20
|
fontSize: e.pt26,
|
|
21
|
-
fontWeight:
|
|
22
|
-
lineHeight:
|
|
23
|
-
letterSpacing: t
|
|
21
|
+
fontWeight: n.sizeBold,
|
|
22
|
+
lineHeight: i.normal,
|
|
23
|
+
letterSpacing: t.normal
|
|
24
24
|
},
|
|
25
25
|
h5: {
|
|
26
26
|
fontSize: e.pt20,
|
|
27
|
-
fontWeight:
|
|
28
|
-
lineHeight:
|
|
29
|
-
letterSpacing: t
|
|
27
|
+
fontWeight: n.sizeBold,
|
|
28
|
+
lineHeight: i.normal,
|
|
29
|
+
letterSpacing: t.normal
|
|
30
30
|
},
|
|
31
31
|
subtitle: {
|
|
32
|
-
fontSize: e.
|
|
33
|
-
fontWeight:
|
|
34
|
-
lineHeight:
|
|
35
|
-
letterSpacing: t
|
|
32
|
+
fontSize: e.pt15,
|
|
33
|
+
fontWeight: n.sizeMedium,
|
|
34
|
+
lineHeight: i.normal,
|
|
35
|
+
letterSpacing: t.normal
|
|
36
36
|
},
|
|
37
37
|
subtitleDens: {
|
|
38
|
-
fontSize: e.
|
|
39
|
-
fontWeight:
|
|
40
|
-
lineHeight:
|
|
41
|
-
letterSpacing: t
|
|
38
|
+
fontSize: e.pt15,
|
|
39
|
+
fontWeight: n.sizeBold,
|
|
40
|
+
lineHeight: i.normal,
|
|
41
|
+
letterSpacing: t.dens
|
|
42
42
|
},
|
|
43
43
|
paragraph: {
|
|
44
|
-
fontSize: e.
|
|
45
|
-
fontWeight:
|
|
46
|
-
lineHeight:
|
|
47
|
-
letterSpacing: t
|
|
44
|
+
fontSize: e.pt13,
|
|
45
|
+
fontWeight: n.sizeMedium,
|
|
46
|
+
lineHeight: i.normal,
|
|
47
|
+
letterSpacing: t.normal
|
|
48
48
|
},
|
|
49
49
|
paragraphDens: {
|
|
50
|
-
fontSize: e.
|
|
51
|
-
fontWeight:
|
|
52
|
-
lineHeight:
|
|
53
|
-
letterSpacing: t
|
|
50
|
+
fontSize: e.pt13,
|
|
51
|
+
fontWeight: n.sizeBold,
|
|
52
|
+
lineHeight: i.normal,
|
|
53
|
+
letterSpacing: t.dens
|
|
54
54
|
},
|
|
55
55
|
body: {
|
|
56
|
-
fontSize: e.
|
|
57
|
-
fontWeight:
|
|
58
|
-
lineHeight:
|
|
59
|
-
letterSpacing: t
|
|
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:
|
|
64
|
-
lineHeight:
|
|
65
|
-
letterSpacing: t
|
|
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:
|
|
72
|
-
lineHeight:
|
|
73
|
-
letterSpacing: t
|
|
83
|
+
fontWeight: n.sizeBold,
|
|
84
|
+
lineHeight: i.normal,
|
|
85
|
+
letterSpacing: t.normal
|
|
74
86
|
},
|
|
75
87
|
h2: {
|
|
76
88
|
fontSize: e.pt32,
|
|
77
|
-
fontWeight:
|
|
78
|
-
lineHeight:
|
|
79
|
-
letterSpacing: t
|
|
89
|
+
fontWeight: n.sizeBold,
|
|
90
|
+
lineHeight: i.normal,
|
|
91
|
+
letterSpacing: t.normal
|
|
80
92
|
},
|
|
81
93
|
h3: {
|
|
82
94
|
fontSize: e.pt28,
|
|
83
|
-
fontWeight:
|
|
84
|
-
lineHeight:
|
|
85
|
-
letterSpacing: t
|
|
95
|
+
fontWeight: n.sizeBold,
|
|
96
|
+
lineHeight: i.normal,
|
|
97
|
+
letterSpacing: t.normal
|
|
86
98
|
},
|
|
87
99
|
h5: {
|
|
88
100
|
fontSize: e.pt20,
|
|
89
|
-
fontWeight:
|
|
90
|
-
lineHeight:
|
|
91
|
-
letterSpacing: t
|
|
101
|
+
fontWeight: n.sizeBold,
|
|
102
|
+
lineHeight: i.normal,
|
|
103
|
+
letterSpacing: t.normal
|
|
92
104
|
},
|
|
93
105
|
subtitle: {
|
|
94
|
-
fontSize: e.
|
|
95
|
-
fontWeight:
|
|
96
|
-
lineHeight:
|
|
97
|
-
letterSpacing: t
|
|
106
|
+
fontSize: e.pt16,
|
|
107
|
+
fontWeight: n.sizeMedium,
|
|
108
|
+
lineHeight: i.normal,
|
|
109
|
+
letterSpacing: t.normal
|
|
98
110
|
},
|
|
99
111
|
subtitleDens: {
|
|
100
|
-
fontSize: e.
|
|
101
|
-
fontWeight:
|
|
102
|
-
lineHeight:
|
|
103
|
-
letterSpacing: t
|
|
112
|
+
fontSize: e.pt16,
|
|
113
|
+
fontWeight: n.sizeBold,
|
|
114
|
+
lineHeight: i.normal,
|
|
115
|
+
letterSpacing: t.dens
|
|
104
116
|
},
|
|
105
117
|
paragraph: {
|
|
106
|
-
fontSize: e.
|
|
107
|
-
fontWeight:
|
|
108
|
-
lineHeight:
|
|
109
|
-
letterSpacing: t
|
|
118
|
+
fontSize: e.pt14,
|
|
119
|
+
fontWeight: n.sizeMedium,
|
|
120
|
+
lineHeight: i.normal,
|
|
121
|
+
letterSpacing: t.normal
|
|
110
122
|
},
|
|
111
123
|
paragraphDens: {
|
|
112
|
-
fontSize: e.
|
|
113
|
-
fontWeight:
|
|
114
|
-
lineHeight:
|
|
115
|
-
letterSpacing: t
|
|
124
|
+
fontSize: e.pt14,
|
|
125
|
+
fontWeight: n.sizeBold,
|
|
126
|
+
lineHeight: i.normal,
|
|
127
|
+
letterSpacing: t.dens
|
|
116
128
|
},
|
|
117
129
|
body: {
|
|
118
|
-
fontSize: e.
|
|
119
|
-
fontWeight:
|
|
120
|
-
lineHeight:
|
|
121
|
-
letterSpacing: t
|
|
130
|
+
fontSize: e.pt12,
|
|
131
|
+
fontWeight: n.sizeMedium,
|
|
132
|
+
lineHeight: i.normal,
|
|
133
|
+
letterSpacing: t.normal
|
|
122
134
|
},
|
|
123
135
|
bodyDens: {
|
|
124
|
-
fontSize: e.
|
|
125
|
-
fontWeight:
|
|
126
|
-
lineHeight:
|
|
127
|
-
letterSpacing: t
|
|
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
|
-
},
|
|
154
|
+
}, p = {
|
|
131
155
|
small: {
|
|
132
156
|
h1: {
|
|
133
157
|
fontSize: e.pt54,
|
|
134
|
-
fontWeight:
|
|
135
|
-
lineHeight:
|
|
136
|
-
letterSpacing: t
|
|
158
|
+
fontWeight: n.sizeBold,
|
|
159
|
+
lineHeight: i.normal,
|
|
160
|
+
letterSpacing: t.normal
|
|
137
161
|
},
|
|
138
162
|
h2: {
|
|
139
163
|
fontSize: e.pt42,
|
|
140
|
-
fontWeight:
|
|
141
|
-
lineHeight:
|
|
142
|
-
letterSpacing: t
|
|
164
|
+
fontWeight: n.sizeBold,
|
|
165
|
+
lineHeight: i.normal,
|
|
166
|
+
letterSpacing: t.normal
|
|
143
167
|
},
|
|
144
168
|
h3: {
|
|
145
169
|
fontSize: e.pt30,
|
|
146
|
-
fontWeight:
|
|
147
|
-
lineHeight:
|
|
148
|
-
letterSpacing: t
|
|
170
|
+
fontWeight: n.sizeBold,
|
|
171
|
+
lineHeight: i.normal,
|
|
172
|
+
letterSpacing: t.normal
|
|
149
173
|
},
|
|
150
174
|
h5: {
|
|
151
175
|
fontSize: e.pt26,
|
|
152
|
-
fontWeight:
|
|
153
|
-
lineHeight:
|
|
154
|
-
letterSpacing: t
|
|
176
|
+
fontWeight: n.sizeBold,
|
|
177
|
+
lineHeight: i.normal,
|
|
178
|
+
letterSpacing: t.normal
|
|
155
179
|
},
|
|
156
180
|
subtitle: {
|
|
157
181
|
fontSize: e.pt14,
|
|
158
|
-
fontWeight:
|
|
159
|
-
lineHeight:
|
|
160
|
-
letterSpacing: t
|
|
182
|
+
fontWeight: n.sizeMedium,
|
|
183
|
+
lineHeight: i.normal,
|
|
184
|
+
letterSpacing: t.normal
|
|
161
185
|
},
|
|
162
186
|
subtitleDens: {
|
|
163
187
|
fontSize: e.pt14,
|
|
164
|
-
fontWeight:
|
|
165
|
-
lineHeight:
|
|
166
|
-
letterSpacing: t
|
|
188
|
+
fontWeight: n.sizeBold,
|
|
189
|
+
lineHeight: i.normal,
|
|
190
|
+
letterSpacing: t.dens
|
|
167
191
|
},
|
|
168
192
|
paragraph: {
|
|
169
193
|
fontSize: e.pt12,
|
|
170
|
-
fontWeight:
|
|
171
|
-
lineHeight:
|
|
172
|
-
letterSpacing: t
|
|
194
|
+
fontWeight: n.sizeMedium,
|
|
195
|
+
lineHeight: i.normal,
|
|
196
|
+
letterSpacing: t.normal
|
|
173
197
|
},
|
|
174
198
|
paragraphDens: {
|
|
175
199
|
fontSize: e.pt12,
|
|
176
|
-
fontWeight:
|
|
177
|
-
lineHeight:
|
|
178
|
-
letterSpacing: t
|
|
200
|
+
fontWeight: n.sizeBold,
|
|
201
|
+
lineHeight: i.normal,
|
|
202
|
+
letterSpacing: t.dens
|
|
179
203
|
},
|
|
180
204
|
body: {
|
|
181
205
|
fontSize: e.pt10,
|
|
182
|
-
fontWeight:
|
|
183
|
-
lineHeight:
|
|
184
|
-
letterSpacing: t
|
|
206
|
+
fontWeight: n.sizeMedium,
|
|
207
|
+
lineHeight: i.normal,
|
|
208
|
+
letterSpacing: t.normal
|
|
185
209
|
},
|
|
186
210
|
bodyDens: {
|
|
187
211
|
fontSize: e.pt10,
|
|
188
|
-
fontWeight:
|
|
189
|
-
lineHeight:
|
|
190
|
-
letterSpacing: t
|
|
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:
|
|
197
|
-
lineHeight:
|
|
198
|
-
letterSpacing: t
|
|
232
|
+
fontWeight: n.sizeBold,
|
|
233
|
+
lineHeight: i.normal,
|
|
234
|
+
letterSpacing: t.normal
|
|
199
235
|
},
|
|
200
236
|
h2: {
|
|
201
237
|
fontSize: e.pt44,
|
|
202
|
-
fontWeight:
|
|
203
|
-
lineHeight:
|
|
204
|
-
letterSpacing: t
|
|
238
|
+
fontWeight: n.sizeBold,
|
|
239
|
+
lineHeight: i.normal,
|
|
240
|
+
letterSpacing: t.normal
|
|
205
241
|
},
|
|
206
242
|
h3: {
|
|
207
243
|
fontSize: e.pt32,
|
|
208
|
-
fontWeight:
|
|
209
|
-
lineHeight:
|
|
210
|
-
letterSpacing: t
|
|
244
|
+
fontWeight: n.sizeBold,
|
|
245
|
+
lineHeight: i.normal,
|
|
246
|
+
letterSpacing: t.normal
|
|
211
247
|
},
|
|
212
248
|
h5: {
|
|
213
249
|
fontSize: e.pt28,
|
|
214
|
-
fontWeight:
|
|
215
|
-
lineHeight:
|
|
216
|
-
letterSpacing: t
|
|
250
|
+
fontWeight: n.sizeBold,
|
|
251
|
+
lineHeight: i.normal,
|
|
252
|
+
letterSpacing: t.normal
|
|
217
253
|
},
|
|
218
254
|
subtitle: {
|
|
219
255
|
fontSize: e.pt15,
|
|
220
|
-
fontWeight:
|
|
221
|
-
lineHeight:
|
|
222
|
-
letterSpacing: t
|
|
256
|
+
fontWeight: n.sizeMedium,
|
|
257
|
+
lineHeight: i.normal,
|
|
258
|
+
letterSpacing: t.normal
|
|
223
259
|
},
|
|
224
260
|
subtitleDens: {
|
|
225
261
|
fontSize: e.pt15,
|
|
226
|
-
fontWeight:
|
|
227
|
-
lineHeight:
|
|
228
|
-
letterSpacing: t
|
|
262
|
+
fontWeight: n.sizeBold,
|
|
263
|
+
lineHeight: i.normal,
|
|
264
|
+
letterSpacing: t.dens
|
|
229
265
|
},
|
|
230
266
|
paragraph: {
|
|
231
267
|
fontSize: e.pt13,
|
|
232
|
-
fontWeight:
|
|
233
|
-
lineHeight:
|
|
234
|
-
letterSpacing: t
|
|
268
|
+
fontWeight: n.sizeMedium,
|
|
269
|
+
lineHeight: i.normal,
|
|
270
|
+
letterSpacing: t.normal
|
|
235
271
|
},
|
|
236
272
|
paragraphDens: {
|
|
237
273
|
fontSize: e.pt13,
|
|
238
|
-
fontWeight:
|
|
239
|
-
lineHeight:
|
|
240
|
-
letterSpacing: t
|
|
274
|
+
fontWeight: n.sizeBold,
|
|
275
|
+
lineHeight: i.normal,
|
|
276
|
+
letterSpacing: t.dens
|
|
241
277
|
},
|
|
242
278
|
body: {
|
|
243
279
|
fontSize: e.pt11,
|
|
244
|
-
fontWeight:
|
|
245
|
-
lineHeight:
|
|
246
|
-
letterSpacing: t
|
|
280
|
+
fontWeight: n.sizeMedium,
|
|
281
|
+
lineHeight: i.normal,
|
|
282
|
+
letterSpacing: t.normal
|
|
247
283
|
},
|
|
248
284
|
bodyDens: {
|
|
249
285
|
fontSize: e.pt11,
|
|
250
|
-
fontWeight:
|
|
251
|
-
lineHeight:
|
|
252
|
-
letterSpacing: t
|
|
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
|
-
|
|
258
|
-
|
|
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
|
|
38
|
+
5: string;
|
|
39
39
|
10: string;
|
|
40
40
|
15?: string;
|
|
41
41
|
20: string;
|
|
@@ -120,7 +120,7 @@ export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<Palet
|
|
|
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' | 'semanticTextLight' | 'semanticTextDark'> & {
|
|
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
|
*/
|
|
@@ -58,7 +58,9 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
|
|
|
58
58
|
readonly surface: string;
|
|
59
59
|
readonly hover: string;
|
|
60
60
|
readonly backdrop: string;
|
|
61
|
-
readonly
|
|
61
|
+
readonly base: string;
|
|
62
|
+
readonly blur: string;
|
|
63
|
+
readonly paper: "#fff";
|
|
62
64
|
};
|
|
63
65
|
readonly chips: {
|
|
64
66
|
readonly info: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
@@ -67,35 +69,40 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
|
|
|
67
69
|
readonly error: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
68
70
|
readonly default: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
69
71
|
readonly forest: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
72
|
+
readonly pink: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
73
|
+
readonly orange: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
74
|
+
readonly candy: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
75
|
+
readonly persianGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
76
|
+
readonly aqua: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
70
77
|
readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
71
78
|
readonly primary: {
|
|
72
79
|
readonly outlined: {
|
|
73
|
-
readonly color:
|
|
74
|
-
readonly backgroundColor:
|
|
75
|
-
readonly backgroundHover:
|
|
76
|
-
readonly backgroundActive:
|
|
77
|
-
readonly colorTone:
|
|
78
|
-
readonly backgroundColorTone:
|
|
79
|
-
readonly backgroundHoverTone:
|
|
80
|
-
readonly backgroundActiveTone:
|
|
80
|
+
readonly color: string;
|
|
81
|
+
readonly backgroundColor: string;
|
|
82
|
+
readonly backgroundHover: string;
|
|
83
|
+
readonly backgroundActive: string;
|
|
84
|
+
readonly colorTone: string;
|
|
85
|
+
readonly backgroundColorTone: string;
|
|
86
|
+
readonly backgroundHoverTone: string;
|
|
87
|
+
readonly backgroundActiveTone: string;
|
|
81
88
|
};
|
|
82
89
|
readonly contained: {
|
|
83
|
-
readonly color:
|
|
84
|
-
readonly backgroundColor:
|
|
85
|
-
readonly backgroundHover:
|
|
86
|
-
readonly backgroundActive:
|
|
87
|
-
readonly colorTone:
|
|
88
|
-
readonly backgroundColorTone:
|
|
89
|
-
readonly backgroundHoverTone:
|
|
90
|
-
readonly backgroundActiveTone:
|
|
90
|
+
readonly color: string;
|
|
91
|
+
readonly backgroundColor: string;
|
|
92
|
+
readonly backgroundHover: string;
|
|
93
|
+
readonly backgroundActive: string;
|
|
94
|
+
readonly colorTone: string;
|
|
95
|
+
readonly backgroundColorTone: string;
|
|
96
|
+
readonly backgroundHoverTone: string;
|
|
97
|
+
readonly backgroundActiveTone: string;
|
|
91
98
|
};
|
|
92
99
|
};
|
|
93
100
|
};
|
|
94
101
|
readonly border: {
|
|
95
102
|
readonly main: string;
|
|
103
|
+
readonly dens: string;
|
|
96
104
|
readonly default: string;
|
|
97
105
|
readonly secondary: string;
|
|
98
|
-
readonly dens: string;
|
|
99
106
|
readonly disabled: string;
|
|
100
107
|
readonly error: string;
|
|
101
108
|
};
|
|
@@ -244,6 +251,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
|
|
|
244
251
|
readonly surface: string;
|
|
245
252
|
readonly hover: string;
|
|
246
253
|
readonly backdrop: string;
|
|
254
|
+
readonly base: string;
|
|
255
|
+
readonly blur: string;
|
|
247
256
|
readonly paper: "#000";
|
|
248
257
|
};
|
|
249
258
|
readonly chips: {
|
|
@@ -253,35 +262,40 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
|
|
|
253
262
|
readonly error: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
254
263
|
readonly default: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
255
264
|
readonly forest: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
265
|
+
readonly pink: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
266
|
+
readonly orange: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
267
|
+
readonly candy: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
268
|
+
readonly persianGreen: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
269
|
+
readonly aqua: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
256
270
|
readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
|
|
257
271
|
readonly primary: {
|
|
258
272
|
readonly outlined: {
|
|
259
|
-
readonly color:
|
|
260
|
-
readonly backgroundColor:
|
|
261
|
-
readonly backgroundHover:
|
|
262
|
-
readonly backgroundActive:
|
|
263
|
-
readonly colorTone:
|
|
264
|
-
readonly backgroundColorTone:
|
|
265
|
-
readonly backgroundHoverTone:
|
|
266
|
-
readonly backgroundActiveTone:
|
|
273
|
+
readonly color: string;
|
|
274
|
+
readonly backgroundColor: string;
|
|
275
|
+
readonly backgroundHover: string;
|
|
276
|
+
readonly backgroundActive: string;
|
|
277
|
+
readonly colorTone: string;
|
|
278
|
+
readonly backgroundColorTone: string;
|
|
279
|
+
readonly backgroundHoverTone: string;
|
|
280
|
+
readonly backgroundActiveTone: string;
|
|
267
281
|
};
|
|
268
282
|
readonly contained: {
|
|
269
|
-
readonly color:
|
|
270
|
-
readonly backgroundColor:
|
|
271
|
-
readonly backgroundHover:
|
|
272
|
-
readonly backgroundActive:
|
|
273
|
-
readonly colorTone:
|
|
274
|
-
readonly backgroundColorTone:
|
|
275
|
-
readonly backgroundHoverTone:
|
|
276
|
-
readonly backgroundActiveTone:
|
|
283
|
+
readonly color: string;
|
|
284
|
+
readonly backgroundColor: string;
|
|
285
|
+
readonly backgroundHover: string;
|
|
286
|
+
readonly backgroundActive: string;
|
|
287
|
+
readonly colorTone: string;
|
|
288
|
+
readonly backgroundColorTone: string;
|
|
289
|
+
readonly backgroundHoverTone: string;
|
|
290
|
+
readonly backgroundActiveTone: string;
|
|
277
291
|
};
|
|
278
292
|
};
|
|
279
293
|
};
|
|
280
294
|
readonly border: {
|
|
281
295
|
readonly main: string;
|
|
296
|
+
readonly dens: string;
|
|
282
297
|
readonly default: string;
|
|
283
298
|
readonly secondary: string;
|
|
284
|
-
readonly dens: string;
|
|
285
299
|
readonly disabled: string;
|
|
286
300
|
readonly error: string;
|
|
287
301
|
};
|