@m4l/styles 7.1.25 → 7.1.26

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 (6) hide show
  1. package/package.json +1 -1
  2. package/theme/palette/baseChipsPalette.d.ts +2 -2
  3. package/theme/palette/baseChipsPalette.js +571 -545
  4. package/types/types.d.ts +3 -2
  5. package/utils/getPaletteByPreset.d.ts +62 -2
  6. package/utils/getPaletteByPreset.js +164 -78
package/theme/palette/baseChipsPalette.js CHANGED
@@ -1,566 +1,592 @@
1
1
  import { B as o } from "./baseColors.js";
2
2
  import { B as r } from "./baseOpacityColors.js";
3
3
  const c = {
4
- defaultOutlined: {
4
+ default: {
5
+ outlined: {
6
+ color: o.oxford[70],
7
+ // Comprobado
8
+ backgroundColor: r.oxford[50],
9
+ // Comprobado
10
+ backgroundHover: r.oxford[20],
11
+ // Comprobado
12
+ backgroundActive: r.oxford[30],
13
+ // Comprobado
14
+ /* Tone */
15
+ colorTone: o.oxford[70],
16
+ // Comprobado
17
+ backgroundColorTone: o.oxford[40],
18
+ // Comprobado
19
+ backgroundHoverTone: o.oxford[20],
20
+ // Comprobado
21
+ backgroundActiveTone: o.oxford[30]
22
+ // Comprobado
23
+ },
24
+ contained: {
25
+ color: o.oxford[70],
26
+ // Comprobado
27
+ backgroundColor: r.oxford[10],
28
+ // Comprobado
29
+ backgroundHover: r.oxford[20],
30
+ // Comprobado
31
+ backgroundActive: r.oxford[40],
32
+ // Comprobado
33
+ /* Tono */
34
+ colorTone: o.oxford[10],
35
+ // Comprobado
36
+ backgroundColorTone: o.oxford[50],
37
+ // Comprobado
38
+ backgroundHoverTone: o.oxford[40],
39
+ // Comprobado
40
+ backgroundActiveTone: o.oxford[60]
41
+ // Comprobado
42
+ }
5
43
  /* opacidad */
6
- color: o.oxford[70],
7
- // Comprobado
8
- backgroundColor: r.oxford[50],
9
- // Comprobado
10
- backgroundHover: r.oxford[20],
11
- // Comprobado
12
- backgroundActive: r.oxford[30],
13
- // Comprobado
14
- /* Tone */
15
- colorTone: o.oxford[70],
16
- // Comprobado
17
- backgroundColorTone: o.oxford[40],
18
- // Comprobado
19
- backgroundHoverTone: o.oxford[20],
20
- // Comprobado
21
- backgroundActiveTone: o.oxford[30]
22
- // Comprobado
23
44
  },
24
- defaultContained: {
25
- /* opacidad */
26
- color: o.oxford[70],
27
- // Comprobado
28
- backgroundColor: r.oxford[10],
29
- // Comprobado
30
- backgroundHover: r.oxford[20],
31
- // Comprobado
32
- backgroundActive: r.oxford[40],
33
- // Comprobado
34
- /* Tono */
35
- colorTone: o.oxford[10],
36
- // Comprobado
37
- backgroundColorTone: o.oxford[50],
38
- // Comprobado
39
- backgroundHoverTone: o.oxford[40],
40
- // Comprobado
41
- backgroundActiveTone: o.oxford[60]
42
- // Comprobado
43
- },
44
- disabledOutlined: {
45
- /* opacidad */
46
- color: o.oxford[60],
47
- // Comprobado
48
- backgroundColor: r.oxford[50],
49
- // Comprobado
50
- backgroundHover: r.oxford[20],
51
- // Comprobado
52
- backgroundActive: r.oxford[30],
53
- // Comprobado
54
- /* tono */
55
- colorTone: o.oxford[50],
56
- // Comprobado
57
- backgroundColorTone: o.oxford[40],
58
- // Comprobado
59
- backgroundHoverTone: o.oxford[20],
60
- // Comprobado
61
- backgroundActiveTone: o.oxford[30]
62
- // Comprobado
45
+ disabled: {
46
+ outlined: {
47
+ color: o.oxford[60],
48
+ // Comprobado
49
+ backgroundColor: r.oxford[50],
50
+ // Comprobado
51
+ backgroundHover: r.oxford[20],
52
+ // Comprobado
53
+ backgroundActive: r.oxford[30],
54
+ // Comprobado
55
+ /* tono */
56
+ colorTone: o.oxford[50],
57
+ // Comprobado
58
+ backgroundColorTone: o.oxford[40],
59
+ // Comprobado
60
+ backgroundHoverTone: o.oxford[20],
61
+ // Comprobado
62
+ backgroundActiveTone: o.oxford[30]
63
+ // Comprobado},
64
+ },
65
+ contained: {
66
+ /* opacidad */
67
+ color: o.oxford[60],
68
+ // Comprobado
69
+ backgroundColor: r.oxford[10],
70
+ // Comprobado
71
+ backgroundHover: r.oxford[20],
72
+ // Comprobado
73
+ backgroundActive: r.oxford[40],
74
+ // Comprobado
75
+ /* tono */
76
+ colorTone: o.oxford[50],
77
+ // Comprobado
78
+ backgroundColorTone: o.oxford[10],
79
+ // Comprobado
80
+ backgroundHoverTone: o.oxford[20],
81
+ // Comprobado
82
+ backgroundActiveTone: o.oxford[30]
83
+ // Comprobado
84
+ }
63
85
  },
64
- disabledContained: {
65
- /* opacidad */
66
- color: o.oxford[60],
67
- // Comprobado
68
- backgroundColor: r.oxford[10],
69
- // Comprobado
70
- backgroundHover: r.oxford[20],
71
- // Comprobado
72
- backgroundActive: r.oxford[40],
73
- // Comprobado
74
- /* tono */
75
- colorTone: o.oxford[50],
76
- // Comprobado
77
- backgroundColorTone: o.oxford[10],
78
- // Comprobado
79
- backgroundHoverTone: o.oxford[20],
80
- // Comprobado
81
- backgroundActiveTone: o.oxford[30]
82
- // Comprobado
86
+ warning: {
87
+ outlined: {
88
+ /* opacidad */
89
+ color: o.middleYellow[90],
90
+ // Comprobado
91
+ backgroundColor: r.middle[50],
92
+ // Comprobado
93
+ backgroundHover: r.middle[30],
94
+ // Comprobado
95
+ backgroundActive: r.middle[40],
96
+ // Comprobado
97
+ /* tono */
98
+ colorTone: o.middleYellow[90],
99
+ // Comprobado
100
+ backgroundColorTone: o.middleYellow[40],
101
+ // Comprobado
102
+ backgroundHoverTone: o.middleYellow[10],
103
+ // Comprobado
104
+ backgroundActiveTone: o.middleYellow[20]
105
+ // Comprobado
106
+ },
107
+ contained: {
108
+ /* opacidad */
109
+ color: o.middleYellow[90],
110
+ // Comprobado
111
+ backgroundColor: r.middle[20],
112
+ // Comprobado
113
+ backgroundHover: r.middle[40],
114
+ // Comprobado
115
+ backgroundActive: r.middle[60],
116
+ // Comprobado
117
+ /* tono */
118
+ colorTone: o.middleYellow[95],
119
+ // Comprobado
120
+ backgroundColorTone: o.middleYellow[50],
121
+ // Comprobado
122
+ backgroundHoverTone: o.middleYellow[40],
123
+ // Comprobado
124
+ backgroundActiveTone: o.middleYellow[60]
125
+ // Comprobado
126
+ }
83
127
  },
84
- warningOutlined: {
85
- /* opacidad */
86
- color: o.middleYellow[90],
87
- // Comprobado
88
- backgroundColor: r.middle[50],
89
- // Comprobado
90
- backgroundHover: r.middle[30],
91
- // Comprobado
92
- backgroundActive: r.middle[40],
93
- // Comprobado
94
- /* tono */
95
- colorTone: o.middleYellow[90],
96
- // Comprobado
97
- backgroundColorTone: o.middleYellow[40],
98
- // Comprobado
99
- backgroundHoverTone: o.middleYellow[10],
100
- // Comprobado
101
- backgroundActiveTone: o.middleYellow[20]
102
- // Comprobado
128
+ error: {
129
+ outlined: {
130
+ /* opacidad */
131
+ color: o.flameRed[60],
132
+ // Comprobado
133
+ backgroundColor: r.flame[60],
134
+ // Comprobado
135
+ backgroundHover: r.flame[30],
136
+ // Comprobado
137
+ backgroundActive: r.flame[50],
138
+ // Comprobado
139
+ /* tono */
140
+ colorTone: o.flameRed[60],
141
+ // Comprobado
142
+ backgroundColorTone: o.flameRed[30],
143
+ // Comprobado
144
+ backgroundHoverTone: o.flameRed[10],
145
+ // Comprobado
146
+ backgroundActiveTone: o.flameRed[20]
147
+ // Comprobado
148
+ },
149
+ contained: {
150
+ /* opacidad */
151
+ color: o.flameRed[60],
152
+ // Comprobado
153
+ backgroundColor: r.flame[20],
154
+ // Comprobado
155
+ backgroundHover: r.flame[30],
156
+ // Comprobado
157
+ backgroundActive: r.flame[50],
158
+ // Comprobado
159
+ /* tono */
160
+ colorTone: o.flameRed[5],
161
+ // Comprobado
162
+ backgroundColorTone: o.flameRed[50],
163
+ // Comprobado
164
+ backgroundHoverTone: o.flameRed[40],
165
+ // Comprobado
166
+ backgroundActiveTone: o.flameRed[60]
167
+ // Comprobado
168
+ }
103
169
  },
104
- warningContained: {
105
- /* opacidad */
106
- color: o.middleYellow[90],
107
- // Comprobado
108
- backgroundColor: r.middle[20],
109
- // Comprobado
110
- backgroundHover: r.middle[40],
111
- // Comprobado
112
- backgroundActive: r.middle[60],
113
- // Comprobado
114
- /* tono */
115
- colorTone: o.middleYellow[95],
116
- // Comprobado
117
- backgroundColorTone: o.middleYellow[50],
118
- // Comprobado
119
- backgroundHoverTone: o.middleYellow[40],
120
- // Comprobado
121
- backgroundActiveTone: o.middleYellow[60]
122
- // Comprobado
170
+ success: {
171
+ outlined: {
172
+ /* opacidad */
173
+ color: o.acidGreen[80],
174
+ // Comprobado
175
+ backgroundColor: r.acid[50],
176
+ // Comprobado
177
+ backgroundHover: r.acid[10],
178
+ // Comprobado
179
+ backgroundActive: r.acid[30],
180
+ // Comprobado
181
+ /* tono */
182
+ colorTone: o.acidGreen[80],
183
+ // Comprobado
184
+ backgroundColorTone: o.acidGreen[30],
185
+ // Comprobado
186
+ backgroundHoverTone: o.acidGreen[10],
187
+ // Comprobado
188
+ backgroundActiveTone: o.acidGreen[20]
189
+ // Comprobado
190
+ },
191
+ contained: {
192
+ /* opacidad */
193
+ color: o.acidGreen[80],
194
+ // Comprobado
195
+ backgroundColor: r.acid[20],
196
+ // Comprobado
197
+ backgroundHover: r.acid[40],
198
+ // Comprobado
199
+ backgroundActive: r.acid[60],
200
+ // Comprobado
201
+ /* tono */
202
+ colorTone: o.acidGreen[95],
203
+ // Comprobado
204
+ backgroundColorTone: o.acidGreen[50],
205
+ // Comprobado
206
+ backgroundHoverTone: o.acidGreen[40],
207
+ // Comprobado
208
+ backgroundActiveTone: o.acidGreen[60]
209
+ // Comprobado
210
+ }
123
211
  },
124
- errorOutlined: {
125
- /* opacidad */
126
- color: o.flameRed[60],
127
- // Comprobado
128
- backgroundColor: r.flame[60],
129
- // Comprobado
130
- backgroundHover: r.flame[30],
131
- // Comprobado
132
- backgroundActive: r.flame[50],
133
- // Comprobado
134
- /* tono */
135
- colorTone: o.flameRed[60],
136
- // Comprobado
137
- backgroundColorTone: o.flameRed[30],
138
- // Comprobado
139
- backgroundHoverTone: o.flameRed[10],
140
- // Comprobado
141
- backgroundActiveTone: o.flameRed[20]
142
- // Comprobado
143
- },
144
- errorContained: {
145
- /* opacidad */
146
- color: o.flameRed[60],
147
- // Comprobado
148
- backgroundColor: r.flame[20],
149
- // Comprobado
150
- backgroundHover: r.flame[30],
151
- // Comprobado
152
- backgroundActive: r.flame[50],
153
- // Comprobado
154
- /* tono */
155
- colorTone: o.flameRed[5],
156
- // Comprobado
157
- backgroundColorTone: o.flameRed[50],
158
- // Comprobado
159
- backgroundHoverTone: o.flameRed[40],
160
- // Comprobado
161
- backgroundActiveTone: o.flameRed[60]
162
- // Comprobado
163
- },
164
- successOutlined: {
165
- /* opacidad */
166
- color: o.acidGreen[80],
167
- // Comprobado
168
- backgroundColor: r.acid[50],
169
- // Comprobado
170
- backgroundHover: r.acid[10],
171
- // Comprobado
172
- backgroundActive: r.acid[30],
173
- // Comprobado
174
- /* tono */
175
- colorTone: o.acidGreen[80],
176
- // Comprobado
177
- backgroundColorTone: o.acidGreen[30],
178
- // Comprobado
179
- backgroundHoverTone: o.acidGreen[10],
180
- // Comprobado
181
- backgroundActiveTone: o.acidGreen[20]
182
- // Comprobado
212
+ forest: {
213
+ outlined: {
214
+ /* opacidad */
215
+ color: o.forest[70],
216
+ // Comprobado
217
+ backgroundColor: r.forest[50],
218
+ // Comprobado
219
+ backgroundHover: r.forest[30],
220
+ // Comprobado
221
+ backgroundActive: r.forest[40],
222
+ // Comprobado
223
+ /* tono */
224
+ colorTone: o.forest[60],
225
+ // Comprobado
226
+ backgroundColorTone: o.forest[50],
227
+ // Comprobado
228
+ backgroundHoverTone: o.forest[10],
229
+ // Comprobado
230
+ backgroundActiveTone: o.forest[20]
231
+ // Comprobado
232
+ },
233
+ contained: {
234
+ /* opacidad */
235
+ color: o.forest[90],
236
+ // Comprobado
237
+ backgroundColor: r.forest[20],
238
+ // Comprobado
239
+ backgroundHover: r.forest[30],
240
+ // Comprobado
241
+ backgroundActive: r.forest[40],
242
+ // Comprobado
243
+ /* tono */
244
+ colorTone: o.forest[5],
245
+ // Comprobado
246
+ backgroundColorTone: o.forest[60],
247
+ // Comprobado
248
+ backgroundHoverTone: o.forest[50],
249
+ // Comprobado
250
+ backgroundActiveTone: o.forest[70]
251
+ // Comprobado
252
+ }
183
253
  },
184
- successContained: {
185
- /* opacidad */
186
- color: o.acidGreen[80],
187
- // Comprobado
188
- backgroundColor: r.acid[20],
189
- // Comprobado
190
- backgroundHover: r.acid[40],
191
- // Comprobado
192
- backgroundActive: r.acid[60],
193
- // Comprobado
194
- /* tono */
195
- colorTone: o.acidGreen[95],
196
- // Comprobado
197
- backgroundColorTone: o.acidGreen[50],
198
- // Comprobado
199
- backgroundHoverTone: o.acidGreen[40],
200
- // Comprobado
201
- backgroundActiveTone: o.acidGreen[60]
202
- // Comprobado
203
- },
204
- forestOutlined: {
205
- /* opacidad */
206
- color: o.forest[70],
207
- // Comprobado
208
- backgroundColor: r.forest[50],
209
- // Comprobado
210
- backgroundHover: r.forest[30],
211
- // Comprobado
212
- backgroundActive: r.forest[40],
213
- // Comprobado
214
- /* tono */
215
- colorTone: o.forest[60],
216
- // Comprobado
217
- backgroundColorTone: o.forest[50],
218
- // Comprobado
219
- backgroundHoverTone: o.forest[10],
220
- // Comprobado
221
- backgroundActiveTone: o.forest[20]
222
- // Comprobado
223
- },
224
- forestContained: {
225
- /* opacidad */
226
- color: o.forest[90],
227
- // Comprobado
228
- backgroundColor: r.forest[20],
229
- // Comprobado
230
- backgroundHover: r.forest[30],
231
- // Comprobado
232
- backgroundActive: r.forest[40],
233
- // Comprobado
234
- /* tono */
235
- colorTone: o.forest[5],
236
- // Comprobado
237
- backgroundColorTone: o.forest[60],
238
- // Comprobado
239
- backgroundHoverTone: o.forest[50],
240
- // Comprobado
241
- backgroundActiveTone: o.forest[70]
242
- // Comprobado
243
- },
244
- infoOutlined: {
245
- /* opacidad */
246
- color: o.crayonBlue[70],
247
- // Comprobado
248
- backgroundColor: r.crayon[60],
249
- // Comprobado
250
- backgroundHover: r.crayon[10],
251
- // Comprobado
252
- backgroundActive: r.crayon[30],
253
- // Comprobado
254
- /* tono */
255
- colorTone: o.crayonBlue[70],
256
- // Comprobado
257
- backgroundColorTone: o.crayonBlue[50],
258
- // Comprobado
259
- backgroundHoverTone: o.crayonBlue[5],
260
- // Comprobado
261
- backgroundActiveTone: o.crayonBlue[20]
262
- // Comprobado
263
- },
264
- infoContained: {
265
- /* opacidad */
266
- color: o.crayonBlue[80],
267
- // Comprobado
268
- backgroundColor: r.crayon[30],
269
- // Comprobado
270
- backgroundHover: r.crayon[40],
271
- // Comprobado
272
- backgroundActive: r.crayon[60],
273
- // Comprobado
274
- /* tono */
275
- colorTone: o.crayonBlue[5],
276
- // Comprobado
277
- backgroundColorTone: o.crayonBlue[60],
278
- // Comprobado
279
- backgroundHoverTone: o.crayonBlue[50],
280
- // Comprobado
281
- backgroundActiveTone: o.crayonBlue[70]
282
- // Comprobado
254
+ info: {
255
+ outlined: {
256
+ /* opacidad */
257
+ color: o.crayonBlue[70],
258
+ // Comprobado
259
+ backgroundColor: r.crayon[60],
260
+ // Comprobado
261
+ backgroundHover: r.crayon[10],
262
+ // Comprobado
263
+ backgroundActive: r.crayon[30],
264
+ // Comprobado
265
+ /* tono */
266
+ colorTone: o.crayonBlue[70],
267
+ // Comprobado
268
+ backgroundColorTone: o.crayonBlue[50],
269
+ // Comprobado
270
+ backgroundHoverTone: o.crayonBlue[5],
271
+ // Comprobado
272
+ backgroundActiveTone: o.crayonBlue[20]
273
+ // Comprobado
274
+ },
275
+ contained: {
276
+ /* opacidad */
277
+ color: o.crayonBlue[80],
278
+ // Comprobado
279
+ backgroundColor: r.crayon[30],
280
+ // Comprobado
281
+ backgroundHover: r.crayon[40],
282
+ // Comprobado
283
+ backgroundActive: r.crayon[60],
284
+ // Comprobado
285
+ /* tono */
286
+ colorTone: o.crayonBlue[5],
287
+ // Comprobado
288
+ backgroundColorTone: o.crayonBlue[60],
289
+ // Comprobado
290
+ backgroundHoverTone: o.crayonBlue[50],
291
+ // Comprobado
292
+ backgroundActiveTone: o.crayonBlue[70]
293
+ // Comprobado
294
+ }
283
295
  }
284
296
  }, d = {
285
- defaultOutlined: {
286
- /* opacidad */
287
- color: o.oxford[30],
288
- // Comprobado
289
- backgroundColor: r.mint[40],
290
- // Comprobado
291
- backgroundHover: r.mint[10],
292
- // Comprobado
293
- backgroundActive: r.mint[30],
294
- // Comprobado
295
- /* Tone */
296
- colorTone: o.oxford[30],
297
- // Comprobado
298
- backgroundColorTone: o.coolGrey[70],
299
- // Comprobado
300
- backgroundHoverTone: o.onyx[30],
301
- // Comprobado
302
- backgroundActiveTone: o.onyx[20]
303
- // Comprobado
297
+ default: {
298
+ outlined: {
299
+ /* opacidad */
300
+ color: o.oxford[30],
301
+ // Comprobado
302
+ backgroundColor: r.mint[40],
303
+ // Comprobado
304
+ backgroundHover: r.mint[10],
305
+ // Comprobado
306
+ backgroundActive: r.mint[30],
307
+ // Comprobado
308
+ /* Tone */
309
+ colorTone: o.oxford[30],
310
+ // Comprobado
311
+ backgroundColorTone: o.coolGrey[70],
312
+ // Comprobado
313
+ backgroundHoverTone: o.onyx[30],
314
+ // Comprobado
315
+ backgroundActiveTone: o.onyx[20]
316
+ // Comprobado
317
+ },
318
+ contained: {
319
+ /* opacidad */
320
+ color: o.oxford[30],
321
+ // Comprobado
322
+ backgroundColor: r.mint[10],
323
+ // Comprobado
324
+ backgroundHover: r.mint[20],
325
+ // Comprobado
326
+ backgroundActive: r.mint[30],
327
+ // Comprobado
328
+ /* Tono */
329
+ colorTone: o.oxford[20],
330
+ // Comprobado
331
+ backgroundColorTone: o.onyx[20],
332
+ // Comprobado
333
+ backgroundHoverTone: o.onyx[10],
334
+ // Comprobado
335
+ backgroundActiveTone: o.onyx[30]
336
+ // Comprobado
337
+ }
304
338
  },
305
- defaultContained: {
306
- /* opacidad */
307
- color: o.oxford[30],
308
- // Comprobado
309
- backgroundColor: r.mint[10],
310
- // Comprobado
311
- backgroundHover: r.mint[20],
312
- // Comprobado
313
- backgroundActive: r.mint[30],
314
- // Comprobado
315
- /* Tono */
316
- colorTone: o.oxford[20],
317
- // Comprobado
318
- backgroundColorTone: o.onyx[20],
319
- // Comprobado
320
- backgroundHoverTone: o.onyx[10],
321
- // Comprobado
322
- backgroundActiveTone: o.onyx[30]
323
- // Comprobado
324
- },
325
- disabledOutlined: {
326
- /* opacidad */
327
- color: o.coolGrey[40],
328
- // Comprobado
329
- backgroundColor: r.cool[50],
330
- // Comprobado
331
- backgroundHover: r.mint[20],
332
- // Comprobado
333
- backgroundActive: r.cool[60],
334
- // Comprobado
335
- /* tono */
336
- colorTone: o.coolGrey[40],
337
- // Comprobado
338
- backgroundColorTone: o.coolGrey[70],
339
- // Comprobado
340
- backgroundHoverTone: o.coolGrey[80],
341
- // Comprobado
342
- backgroundActiveTone: o.coolGrey[90]
343
- // Comprobado
344
- },
345
- disabledContained: {
346
- /* opacidad */
347
- color: o.coolGrey[40],
348
- // Comprobado
349
- backgroundColor: r.mint[10],
350
- // Comprobado
351
- backgroundHover: r.mint[30],
352
- // Comprobado
353
- backgroundActive: r.mint[50],
354
- // Comprobado
355
- /* tono */
356
- colorTone: o.coolGrey[30],
357
- // Comprobado
358
- backgroundColorTone: o.coolGrey[80],
359
- // Comprobado
360
- backgroundHoverTone: o.coolGrey[70],
361
- // Comprobado
362
- backgroundActiveTone: o.coolGrey[90]
363
- // Comprobado
364
- },
365
- warningOutlined: {
366
- /* opacidad */
367
- color: o.middleYellow[50],
368
- // Comprobado
369
- backgroundColor: r.middle[40],
370
- // Comprobado
371
- backgroundHover: r.middle[10],
372
- // Comprobado
373
- backgroundActive: r.middle[30],
374
- // Comprobado
375
- /* tono */
376
- colorTone: o.middleYellow[50],
377
- // Comprobado
378
- backgroundColorTone: o.middleYellow[80],
379
- // Comprobado
380
- backgroundHoverTone: o.middleYellow[95],
381
- // Comprobado
382
- backgroundActiveTone: o.middleYellow[90]
383
- // Comprobado
384
- },
385
- warningContained: {
386
- /* opacidad */
387
- color: o.middleYellow[40],
388
- // Comprobado
389
- backgroundColor: r.middle[10],
390
- // Comprobado
391
- backgroundHover: r.middle[30],
392
- // Comprobado
393
- backgroundActive: r.middle[40],
394
- // Comprobado
395
- /* tono */
396
- colorTone: o.middleYellow[95],
397
- // Comprobado
398
- backgroundColorTone: o.middleYellow[50],
399
- // Comprobado
400
- backgroundHoverTone: o.middleYellow[60],
401
- // Comprobado
402
- backgroundActiveTone: o.middleYellow[70]
403
- // Comprobado
404
- },
405
- errorOutlined: {
406
- /* opacidad */
407
- color: o.flameRed[30],
408
- // Comprobado
409
- backgroundColor: r.flame[50],
410
- // Comprobado
411
- backgroundHover: r.flame[10],
412
- // Comprobado
413
- backgroundActive: r.flame[30],
414
- // Comprobado
415
- /* tono */
416
- colorTone: o.flameRed[30],
417
- // Comprobado
418
- backgroundColorTone: o.flameRed[50],
419
- // Comprobado
420
- backgroundHoverTone: o.flameRed[70],
421
- // Comprobado
422
- backgroundActiveTone: o.flameRed[80]
423
- // Comprobado
424
- },
425
- errorContained: {
426
- /* opacidad */
427
- color: o.flameRed[30],
428
- // Comprobado
429
- backgroundColor: r.flame[30],
430
- // Comprobado
431
- backgroundHover: r.flame[40],
432
- // Comprobado
433
- backgroundActive: r.flame[50],
434
- // Comprobado
435
- /* tono */
436
- colorTone: o.flameRed[5],
437
- // Comprobado
438
- backgroundColorTone: o.flameRed[60],
439
- // Comprobado
440
- backgroundHoverTone: o.flameRed[50],
441
- // Comprobado
442
- backgroundActiveTone: o.flameRed[70]
443
- // Comprobado
444
- },
445
- successOutlined: {
446
- /* opacidad */
447
- color: o.acidGreen[30],
448
- // Comprobado
449
- backgroundColor: r.acid[20],
450
- // Comprobado
451
- backgroundHover: r.acid[10],
452
- // Comprobado
453
- backgroundActive: r.acid[30],
454
- // Comprobado
455
- /* tono */
456
- colorTone: o.acidGreen[40],
457
- // Comprobado
458
- backgroundColorTone: o.acidGreen[80],
459
- // Comprobado
460
- backgroundHoverTone: o.acidGreen[90],
461
- // Comprobado
462
- backgroundActiveTone: o.acidGreen[95]
463
- // Comprobado
339
+ disabled: {
340
+ outlined: {
341
+ /* opacidad */
342
+ color: o.coolGrey[40],
343
+ // Comprobado
344
+ backgroundColor: r.cool[50],
345
+ // Comprobado
346
+ backgroundHover: r.mint[20],
347
+ // Comprobado
348
+ backgroundActive: r.cool[60],
349
+ // Comprobado
350
+ /* tono */
351
+ colorTone: o.coolGrey[40],
352
+ // Comprobado
353
+ backgroundColorTone: o.coolGrey[70],
354
+ // Comprobado
355
+ backgroundHoverTone: o.coolGrey[80],
356
+ // Comprobado
357
+ backgroundActiveTone: o.coolGrey[90]
358
+ // Comprobado
359
+ },
360
+ contained: {
361
+ /* opacidad */
362
+ color: o.coolGrey[40],
363
+ // Comprobado
364
+ backgroundColor: r.mint[10],
365
+ // Comprobado
366
+ backgroundHover: r.mint[30],
367
+ // Comprobado
368
+ backgroundActive: r.mint[50],
369
+ // Comprobado
370
+ /* tono */
371
+ colorTone: o.coolGrey[30],
372
+ // Comprobado
373
+ backgroundColorTone: o.coolGrey[80],
374
+ // Comprobado
375
+ backgroundHoverTone: o.coolGrey[70],
376
+ // Comprobado
377
+ backgroundActiveTone: o.coolGrey[90]
378
+ // Comprobado
379
+ }
464
380
  },
465
- successContained: {
466
- /* opacidad */
467
- color: o.acidGreen[20],
468
- // Comprobado
469
- backgroundColor: r.acid[20],
470
- // Comprobado
471
- backgroundHover: r.acid[40],
472
- // Comprobado
473
- backgroundActive: r.acid[70],
474
- // Comprobado
475
- /* tono */
476
- colorTone: o.acidGreen[95],
477
- // Comprobado
478
- backgroundColorTone: o.acidGreen[50],
479
- // Comprobado
480
- backgroundHoverTone: o.acidGreen[40],
481
- // Comprobado
482
- backgroundActiveTone: o.acidGreen[60]
483
- // Comprobado
381
+ warning: {
382
+ outlined: {
383
+ /* opacidad */
384
+ color: o.middleYellow[50],
385
+ // Comprobado
386
+ backgroundColor: r.middle[40],
387
+ // Comprobado
388
+ backgroundHover: r.middle[10],
389
+ // Comprobado
390
+ backgroundActive: r.middle[30],
391
+ // Comprobado
392
+ /* tono */
393
+ colorTone: o.middleYellow[50],
394
+ // Comprobado
395
+ backgroundColorTone: o.middleYellow[80],
396
+ // Comprobado
397
+ backgroundHoverTone: o.middleYellow[95],
398
+ // Comprobado
399
+ backgroundActiveTone: o.middleYellow[90]
400
+ // Comprobado
401
+ },
402
+ contained: {
403
+ /* opacidad */
404
+ color: o.middleYellow[40],
405
+ // Comprobado
406
+ backgroundColor: r.middle[10],
407
+ // Comprobado
408
+ backgroundHover: r.middle[30],
409
+ // Comprobado
410
+ backgroundActive: r.middle[40],
411
+ // Comprobado
412
+ /* tono */
413
+ colorTone: o.middleYellow[95],
414
+ // Comprobado
415
+ backgroundColorTone: o.middleYellow[50],
416
+ // Comprobado
417
+ backgroundHoverTone: o.middleYellow[60],
418
+ // Comprobado
419
+ backgroundActiveTone: o.middleYellow[70]
420
+ // Comprobado
421
+ }
484
422
  },
485
- forestOutlined: {
486
- /* opacidad */
487
- color: o.forest[30],
488
- // Comprobado
489
- backgroundColor: r.forest[50],
490
- // Comprobado
491
- backgroundHover: r.forest[20],
492
- // Comprobado
493
- backgroundActive: r.forest[40],
494
- // Comprobado
495
- /* tono */
496
- colorTone: o.forest[40],
497
- // Comprobado
498
- backgroundColorTone: o.forest[70],
499
- // Comprobado
500
- backgroundHoverTone: o.forest[80],
501
- // Comprobado
502
- backgroundActiveTone: o.forest[90]
503
- // Comprobado
423
+ error: {
424
+ outlined: {
425
+ /* opacidad */
426
+ color: o.flameRed[30],
427
+ // Comprobado
428
+ backgroundColor: r.flame[50],
429
+ // Comprobado
430
+ backgroundHover: r.flame[10],
431
+ // Comprobado
432
+ backgroundActive: r.flame[30],
433
+ // Comprobado
434
+ /* tono */
435
+ colorTone: o.flameRed[30],
436
+ // Comprobado
437
+ backgroundColorTone: o.flameRed[50],
438
+ // Comprobado
439
+ backgroundHoverTone: o.flameRed[70],
440
+ // Comprobado
441
+ backgroundActiveTone: o.flameRed[80]
442
+ // Comprobado
443
+ },
444
+ contained: {
445
+ /* opacidad */
446
+ color: o.flameRed[30],
447
+ // Comprobado
448
+ backgroundColor: r.flame[30],
449
+ // Comprobado
450
+ backgroundHover: r.flame[40],
451
+ // Comprobado
452
+ backgroundActive: r.flame[50],
453
+ // Comprobado
454
+ /* tono */
455
+ colorTone: o.flameRed[5],
456
+ // Comprobado
457
+ backgroundColorTone: o.flameRed[60],
458
+ // Comprobado
459
+ backgroundHoverTone: o.flameRed[50],
460
+ // Comprobado
461
+ backgroundActiveTone: o.flameRed[70]
462
+ // Comprobado
463
+ }
504
464
  },
505
- forestContained: {
506
- /* opacidad */
507
- color: o.forest[40],
508
- // Comprobado
509
- backgroundColor: r.forest[20],
510
- // Comprobado
511
- backgroundHover: r.forest[30],
512
- // Comprobado
513
- backgroundActive: r.forest[40],
514
- // Comprobado
515
- /* tono */
516
- colorTone: o.forest[5],
517
- // Comprobado
518
- backgroundColorTone: o.forest[70],
519
- // Comprobado
520
- backgroundHoverTone: o.forest[60],
521
- // Comprobado
522
- backgroundActiveTone: o.forest[80]
523
- // Comprobado
465
+ success: {
466
+ outlined: {
467
+ /* opacidad */
468
+ color: o.acidGreen[30],
469
+ // Comprobado
470
+ backgroundColor: r.acid[20],
471
+ // Comprobado
472
+ backgroundHover: r.acid[10],
473
+ // Comprobado
474
+ backgroundActive: r.acid[30],
475
+ // Comprobado
476
+ /* tono */
477
+ colorTone: o.acidGreen[40],
478
+ // Comprobado
479
+ backgroundColorTone: o.acidGreen[80],
480
+ // Comprobado
481
+ backgroundHoverTone: o.acidGreen[90],
482
+ // Comprobado
483
+ backgroundActiveTone: o.acidGreen[95]
484
+ // Comprobado
485
+ },
486
+ contained: {
487
+ /* opacidad */
488
+ color: o.acidGreen[20],
489
+ // Comprobado
490
+ backgroundColor: r.acid[20],
491
+ // Comprobado
492
+ backgroundHover: r.acid[40],
493
+ // Comprobado
494
+ backgroundActive: r.acid[70],
495
+ // Comprobado
496
+ /* tono */
497
+ colorTone: o.acidGreen[95],
498
+ // Comprobado
499
+ backgroundColorTone: o.acidGreen[50],
500
+ // Comprobado
501
+ backgroundHoverTone: o.acidGreen[40],
502
+ // Comprobado
503
+ backgroundActiveTone: o.acidGreen[60]
504
+ // Comprobado
505
+ }
524
506
  },
525
- infoOutlined: {
526
- /* opacidad */
527
- color: o.crayonBlue[40],
528
- // Comprobado
529
- backgroundColor: r.crayon[50],
530
- // Comprobado
531
- backgroundHover: r.crayon[20],
532
- // Comprobado
533
- backgroundActive: r.crayon[40],
534
- // Comprobado
535
- /* tono */
536
- colorTone: o.crayonBlue[40],
537
- // Comprobado
538
- backgroundColorTone: o.crayonBlue[50],
539
- // Comprobado
540
- backgroundHoverTone: o.crayonBlue[90],
541
- // Comprobado
542
- backgroundActiveTone: o.crayonBlue[95]
543
- // Comprobado
507
+ forest: {
508
+ outlined: {
509
+ /* opacidad */
510
+ color: o.forest[30],
511
+ // Comprobado
512
+ backgroundColor: r.forest[50],
513
+ // Comprobado
514
+ backgroundHover: r.forest[20],
515
+ // Comprobado
516
+ backgroundActive: r.forest[40],
517
+ // Comprobado
518
+ /* tono */
519
+ colorTone: o.forest[40],
520
+ // Comprobado
521
+ backgroundColorTone: o.forest[70],
522
+ // Comprobado
523
+ backgroundHoverTone: o.forest[80],
524
+ // Comprobado
525
+ backgroundActiveTone: o.forest[90]
526
+ // Comprobado
527
+ },
528
+ contained: {
529
+ /* opacidad */
530
+ color: o.forest[40],
531
+ // Comprobado
532
+ backgroundColor: r.forest[20],
533
+ // Comprobado
534
+ backgroundHover: r.forest[30],
535
+ // Comprobado
536
+ backgroundActive: r.forest[40],
537
+ // Comprobado
538
+ /* tono */
539
+ colorTone: o.forest[5],
540
+ // Comprobado
541
+ backgroundColorTone: o.forest[70],
542
+ // Comprobado
543
+ backgroundHoverTone: o.forest[60],
544
+ // Comprobado
545
+ backgroundActiveTone: o.forest[80]
546
+ // Comprobado
547
+ }
544
548
  },
545
- infoContained: {
546
- /* opacidad */
547
- color: o.crayonBlue[20],
548
- // Comprobado
549
- backgroundColor: r.crayon[30],
550
- // Comprobado
551
- backgroundHover: r.crayon[40],
552
- // Comprobado
553
- backgroundActive: r.crayon[60],
554
- // Comprobado
555
- /* tono */
556
- colorTone: o.crayonBlue[5],
557
- // Comprobado
558
- backgroundColorTone: o.crayonBlue[60],
559
- // Comprobado
560
- backgroundHoverTone: o.crayonBlue[50],
561
- // Comprobado
562
- backgroundActiveTone: o.crayonBlue[70]
563
- // Comprobado
549
+ info: {
550
+ outlined: {
551
+ /* opacidad */
552
+ color: o.crayonBlue[40],
553
+ // Comprobado
554
+ backgroundColor: r.crayon[50],
555
+ // Comprobado
556
+ backgroundHover: r.crayon[20],
557
+ // Comprobado
558
+ backgroundActive: r.crayon[40],
559
+ // Comprobado
560
+ /* tono */
561
+ colorTone: o.crayonBlue[40],
562
+ // Comprobado
563
+ backgroundColorTone: o.crayonBlue[50],
564
+ // Comprobado
565
+ backgroundHoverTone: o.crayonBlue[90],
566
+ // Comprobado
567
+ backgroundActiveTone: o.crayonBlue[95]
568
+ // Comprobado
569
+ },
570
+ contained: {
571
+ /* opacidad */
572
+ color: o.crayonBlue[20],
573
+ // Comprobado
574
+ backgroundColor: r.crayon[30],
575
+ // Comprobado
576
+ backgroundHover: r.crayon[40],
577
+ // Comprobado
578
+ backgroundActive: r.crayon[60],
579
+ // Comprobado
580
+ /* tono */
581
+ colorTone: o.crayonBlue[5],
582
+ // Comprobado
583
+ backgroundColorTone: o.crayonBlue[60],
584
+ // Comprobado
585
+ backgroundHoverTone: o.crayonBlue[50],
586
+ // Comprobado
587
+ backgroundActiveTone: o.crayonBlue[70]
588
+ // Comprobado
589
+ }
564
590
  }
565
591
  };
566
592
  export {