@m4l/styles 7.1.6 → 7.1.8

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 (12) hide show
  1. package/package.json +1 -1
  2. package/theme/palette/baseChipsPalette.js +210 -78
  3. package/theme/palette/baseColors.js +228 -258
  4. package/theme/palette/baseOpacityColors.js +10 -0
  5. package/theme/palette/defaultColors.d.ts +2 -2
  6. package/theme/palette/defaultColors.js +82 -40
  7. package/theme/palette/presetColors.js +502 -232
  8. package/theme/palette/semanticColors.js +323 -159
  9. package/types/augmentations.d.ts +15 -18
  10. package/types/types.d.ts +38 -18
  11. package/utils/getPaletteByPreset.d.ts +90 -28
  12. package/utils/getPaletteByPreset.js +99 -77
package/types/types.d.ts CHANGED
@@ -16,14 +16,13 @@ export type SemanticColorOptionsType = 'info' | 'success' | 'warning' | 'error';
16
16
  */
17
17
  export type ComponentPalletColor = 'primary' | 'default' | SemanticColorOptionsType;
18
18
  export type BasePalettes = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
19
- export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'oxford' | 'middle' | 'acid' | 'flame' | 'crayon';
19
+ export type BaseOpacityPalettes = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'blaze' | 'cool' | 'marble' | 'mint' | 'onyx' | 'oxford' | 'middle' | 'acid' | 'flame' | 'crayon';
20
20
  export interface Colors {
21
21
  /**
22
22
  * ToneOpacity se usa para colorear el fondo de los celdas en el compksonente grid.
23
23
  * Requiere un todo de 100 en alpha pero basado en el color de opacidad con fondo ligth o dark.
24
24
  */
25
- toneOpacity10: string;
26
- toneOpacity20: string;
25
+ 5: string;
27
26
  10: string;
28
27
  20: string;
29
28
  30: string;
@@ -33,7 +32,7 @@ export interface Colors {
33
32
  70: string;
34
33
  80: string;
35
34
  90: string;
36
- 100: string;
35
+ 95: string;
37
36
  }
38
37
  export interface OpacityColors {
39
38
  10: string;
@@ -43,28 +42,48 @@ export interface OpacityColors {
43
42
  50: string;
44
43
  60: string;
45
44
  70: string;
45
+ 80?: string;
46
46
  }
47
47
  export interface PresetColor {
48
48
  main: string;
49
- contrastText: string;
50
- light: string;
51
- lighter: string;
52
- toneOpacityLight: string;
49
+ enabledLight: string;
50
+ enabledDark: string;
51
+ enabledOpacityLight: string;
52
+ enabledOpacityDark: string;
53
53
  /**
54
54
  * Permite definir fondos de componentes en estados hover dependiendo del modo de la aplicación web.
55
55
  */
56
- opacityHoverLight: string;
57
- opacityHoverDark: string;
56
+ hoverLight: string;
57
+ hoverDark: string;
58
+ hoverOpacityLight: string;
59
+ hoverOpacityDark: string;
58
60
  /**
59
61
  * Permite definir fondos de componentes en estados focus dependiendo del modo de la aplicación web.
60
62
  */
61
- opacityFocusLight: string;
62
- opacityFocusDark: string;
63
+ focusLight: string;
64
+ focusDark: string;
65
+ focusOpacityLight: string;
66
+ focusOpacityDark: string;
67
+ /**
68
+ * Permite definir fondos de componentes en estados seleccionados dependiendo del modo de la aplicación web.
69
+ */
70
+ selectedLight: string;
71
+ selectedDark: string;
72
+ selectedOpacityLight: string;
73
+ selectedOpacityDark: string;
63
74
  /**
64
75
  * Permite definir fondos de componentes en estados active dependiendo del modo de la aplicación web.
65
76
  */
66
- opacityActiveLight: string;
67
- opacityActiveDark: string;
77
+ activeLight: string;
78
+ activeDark: string;
79
+ activeOpacityLight: string;
80
+ activeOpacityDark: string;
81
+ opacityLight: string;
82
+ opacityDark: string;
83
+ contrastText: string;
84
+ light: string;
85
+ lighter: string;
86
+ toneOpacityLight: string;
68
87
  dark: string;
69
88
  darker: string;
70
89
  toneOpacityDark: string;
@@ -85,7 +104,7 @@ export type ThemePresetColors = Record<ThemeUserColor, PresetColor>;
85
104
  /**
86
105
  * Son los colores semanticos en formato PresetColor
87
106
  */
88
- export type SemanticPresetColors = Record<SemanticColorOptionsType, Omit<PresetColor, 'borderMainDark' | 'borderMainLight'>>;
107
+ export type SemanticPresetColors = Record<SemanticColorOptionsType, Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'selectedLight' | 'selectedDark' | 'selectedOpacityLight' | 'selectedOpacityDark'>>;
89
108
  /**
90
109
  * Son los colores de las ocpiones del tema, en formato PalletColor
91
110
  */
@@ -93,11 +112,11 @@ export type ThemePaletteColors = Record<ThemeUserColor, PaletteColor>;
93
112
  /**
94
113
  * Son las opcines de paleta de colores semánticos en formato PaletteColor
95
114
  */
96
- export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<PaletteColor, 'focusVisible'>>;
115
+ export type SemanticsPaletteColors = Record<SemanticColorOptionsType, Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity'>>;
97
116
  /**
98
117
  * Es la configuración de color que se usa fabricar la paleta "default", se encuentra en formato PaletteColor.
99
118
  */
100
- export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'contrastText'> & {
119
+ export type DefaultPresetColor = Omit<PresetColor, 'borderMainDark' | 'borderMainLight' | 'main' | 'contrastText' | 'selectedLight' | 'selectedDark' | 'selectedOpacityLight' | 'selectedOpacityDark'> & {
101
120
  mainLight: string;
102
121
  mainDark: string;
103
122
  };
@@ -111,6 +130,7 @@ export type ColorState = 'warning' | 'delete' | 'info' | 'success';
111
130
  */
112
131
  export interface ChipColor {
113
132
  contrastText: string;
133
+ semanticText: string;
114
134
  backgroundColor: string;
115
135
  backgroundHover: string;
116
136
  backgroundActive: string;
@@ -118,7 +138,7 @@ export interface ChipColor {
118
138
  /**
119
139
  * Lista de opciones de colores para pintar los chips
120
140
  */
121
- export type ChipColorOptions = 'default' | 'warning' | 'warningOpacity' | 'error' | 'errorOpacity' | 'success' | 'successOpacity' | 'info' | 'infoOpacity';
141
+ export type ChipColorOptions = 'default' | 'defaultOpacity' | 'warning' | 'warningOpacity' | 'error' | 'errorOpacity' | 'success' | 'successOpacity' | 'info' | 'infoOpacity';
122
142
  /**
123
143
  * 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.
124
144
  */
package/utils/getPaletteByPreset.d.ts CHANGED
@@ -15,26 +15,36 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
15
15
  readonly main: string;
16
16
  readonly dark: string;
17
17
  readonly contrastText: string;
18
- readonly active: string;
19
- readonly focusVisible: string;
18
+ readonly enabled: string;
19
+ readonly enabledOpacity: string;
20
20
  readonly hover: string;
21
21
  readonly hoverOpacity: string;
22
- readonly activeOpacity: string;
22
+ readonly focus: string;
23
23
  readonly focusOpacity: string;
24
+ readonly focusVisible: string;
25
+ readonly selected: string;
26
+ readonly selectedOpacity: string;
27
+ readonly active: string;
28
+ readonly activeOpacity: string;
24
29
  readonly opacity: string;
25
30
  readonly toneOpacity: string;
26
31
  };
27
32
  readonly default: {
33
+ readonly selected: string;
34
+ readonly selectedOpacity: string;
28
35
  readonly focusVisible: string;
29
36
  readonly contrastText: string;
30
37
  readonly light: string;
31
38
  readonly dark: string;
32
39
  readonly main: string;
33
- readonly active: string;
40
+ readonly enabled: string;
41
+ readonly enabledOpacity: string;
34
42
  readonly hover: string;
35
43
  readonly hoverOpacity: string;
36
- readonly activeOpacity: string;
44
+ readonly focus: string;
37
45
  readonly focusOpacity: string;
46
+ readonly active: string;
47
+ readonly activeOpacity: string;
38
48
  readonly opacity: string;
39
49
  readonly toneOpacity: string;
40
50
  };
@@ -49,7 +59,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
49
59
  readonly neutral: string;
50
60
  readonly surface: string;
51
61
  readonly hover: string;
52
- readonly paper: "#00000000";
62
+ readonly backdrop: string;
63
+ readonly paper: "#000";
53
64
  };
54
65
  readonly chips: import('../types').BaseChipColors;
55
66
  readonly border: {
@@ -70,58 +81,78 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
70
81
  readonly transition: string;
71
82
  };
72
83
  readonly info: {
84
+ readonly selected: string;
85
+ readonly selectedOpacity: string;
73
86
  readonly focusVisible: string;
74
87
  readonly light: string;
75
88
  readonly dark: string;
76
89
  readonly main: string;
77
90
  readonly contrastText: string;
78
- readonly active: string;
91
+ readonly enabled: string;
92
+ readonly enabledOpacity: string;
79
93
  readonly hover: string;
80
94
  readonly hoverOpacity: string;
81
- readonly activeOpacity: string;
95
+ readonly focus: string;
82
96
  readonly focusOpacity: string;
97
+ readonly active: string;
98
+ readonly activeOpacity: string;
83
99
  readonly opacity: string;
84
100
  readonly toneOpacity: string;
85
101
  };
86
102
  readonly success: {
103
+ readonly selected: string;
104
+ readonly selectedOpacity: string;
87
105
  readonly focusVisible: string;
88
106
  readonly light: string;
89
107
  readonly dark: string;
90
108
  readonly main: string;
91
109
  readonly contrastText: string;
92
- readonly active: string;
110
+ readonly enabled: string;
111
+ readonly enabledOpacity: string;
93
112
  readonly hover: string;
94
113
  readonly hoverOpacity: string;
95
- readonly activeOpacity: string;
114
+ readonly focus: string;
96
115
  readonly focusOpacity: string;
116
+ readonly active: string;
117
+ readonly activeOpacity: string;
97
118
  readonly opacity: string;
98
119
  readonly toneOpacity: string;
99
120
  };
100
121
  readonly warning: {
122
+ readonly selected: string;
123
+ readonly selectedOpacity: string;
101
124
  readonly focusVisible: string;
102
125
  readonly light: string;
103
126
  readonly dark: string;
104
127
  readonly main: string;
105
128
  readonly contrastText: string;
106
- readonly active: string;
129
+ readonly enabled: string;
130
+ readonly enabledOpacity: string;
107
131
  readonly hover: string;
108
132
  readonly hoverOpacity: string;
109
- readonly activeOpacity: string;
133
+ readonly focus: string;
110
134
  readonly focusOpacity: string;
135
+ readonly active: string;
136
+ readonly activeOpacity: string;
111
137
  readonly opacity: string;
112
138
  readonly toneOpacity: string;
113
139
  };
114
140
  readonly error: {
141
+ readonly selected: string;
142
+ readonly selectedOpacity: string;
115
143
  readonly focusVisible: string;
116
144
  readonly light: string;
117
145
  readonly dark: string;
118
146
  readonly main: string;
119
147
  readonly contrastText: string;
120
- readonly active: string;
148
+ readonly enabled: string;
149
+ readonly enabledOpacity: string;
121
150
  readonly hover: string;
122
151
  readonly hoverOpacity: string;
123
- readonly activeOpacity: string;
152
+ readonly focus: string;
124
153
  readonly focusOpacity: string;
154
+ readonly active: string;
155
+ readonly activeOpacity: string;
125
156
  readonly opacity: string;
126
157
  readonly toneOpacity: string;
127
158
  };
@@ -134,26 +165,36 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
134
165
  readonly main: string;
135
166
  readonly dark: string;
136
167
  readonly contrastText: string;
137
- readonly active: string;
138
- readonly focusVisible: string;
168
+ readonly enabled: string;
169
+ readonly enabledOpacity: string;
139
170
  readonly hover: string;
140
171
  readonly hoverOpacity: string;
141
- readonly activeOpacity: string;
172
+ readonly focus: string;
142
173
  readonly focusOpacity: string;
174
+ readonly focusVisible: string;
175
+ readonly selected: string;
176
+ readonly selectedOpacity: string;
177
+ readonly active: string;
178
+ readonly activeOpacity: string;
143
179
  readonly opacity: string;
144
180
  readonly toneOpacity: string;
145
181
  };
146
182
  readonly default: {
183
+ readonly selected: string;
184
+ readonly selectedOpacity: string;
147
185
  readonly focusVisible: string;
148
186
  readonly contrastText: string;
149
187
  readonly light: string;
150
188
  readonly dark: string;
151
189
  readonly main: string;
152
- readonly active: string;
190
+ readonly enabled: string;
191
+ readonly enabledOpacity: string;
153
192
  readonly hover: string;
154
193
  readonly hoverOpacity: string;
155
- readonly activeOpacity: string;
194
+ readonly focus: string;
156
195
  readonly focusOpacity: string;
196
+ readonly active: string;
197
+ readonly activeOpacity: string;
157
198
  readonly opacity: string;
158
199
  readonly toneOpacity: string;
159
200
  };
@@ -168,7 +209,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
168
209
  readonly neutral: string;
169
210
  readonly surface: string;
170
211
  readonly hover: string;
171
- readonly paper: "#00000000";
212
+ readonly backdrop: string;
213
+ readonly paper: "#000";
172
214
  };
173
215
  readonly chips: import('../types').BaseChipColors;
174
216
  readonly border: {
@@ -189,58 +231,78 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
189
231
  readonly transition: string;
190
232
  };
191
233
  readonly info: {
234
+ readonly selected: string;
235
+ readonly selectedOpacity: string;
192
236
  readonly focusVisible: string;
193
237
  readonly light: string;
194
238
  readonly dark: string;
195
239
  readonly main: string;
196
240
  readonly contrastText: string;
197
- readonly active: string;
241
+ readonly enabled: string;
242
+ readonly enabledOpacity: string;
198
243
  readonly hover: string;
199
244
  readonly hoverOpacity: string;
200
- readonly activeOpacity: string;
245
+ readonly focus: string;
201
246
  readonly focusOpacity: string;
247
+ readonly active: string;
248
+ readonly activeOpacity: string;
202
249
  readonly opacity: string;
203
250
  readonly toneOpacity: string;
204
251
  };
205
252
  readonly success: {
253
+ readonly selected: string;
254
+ readonly selectedOpacity: string;
206
255
  readonly focusVisible: string;
207
256
  readonly light: string;
208
257
  readonly dark: string;
209
258
  readonly main: string;
210
259
  readonly contrastText: string;
211
- readonly active: string;
260
+ readonly enabled: string;
261
+ readonly enabledOpacity: string;
212
262
  readonly hover: string;
213
263
  readonly hoverOpacity: string;
214
- readonly activeOpacity: string;
264
+ readonly focus: string;
215
265
  readonly focusOpacity: string;
266
+ readonly active: string;
267
+ readonly activeOpacity: string;
216
268
  readonly opacity: string;
217
269
  readonly toneOpacity: string;
218
270
  };
219
271
  readonly warning: {
272
+ readonly selected: string;
273
+ readonly selectedOpacity: string;
220
274
  readonly focusVisible: string;
221
275
  readonly light: string;
222
276
  readonly dark: string;
223
277
  readonly main: string;
224
278
  readonly contrastText: string;
225
- readonly active: string;
279
+ readonly enabled: string;
280
+ readonly enabledOpacity: string;
226
281
  readonly hover: string;
227
282
  readonly hoverOpacity: string;
228
- readonly activeOpacity: string;
283
+ readonly focus: string;
229
284
  readonly focusOpacity: string;
285
+ readonly active: string;
286
+ readonly activeOpacity: string;
230
287
  readonly opacity: string;
231
288
  readonly toneOpacity: string;
232
289
  };
233
290
  readonly error: {
291
+ readonly selected: string;
292
+ readonly selectedOpacity: string;
234
293
  readonly focusVisible: string;
235
294
  readonly light: string;
236
295
  readonly dark: string;
237
296
  readonly main: string;
238
297
  readonly contrastText: string;
239
- readonly active: string;
298
+ readonly enabled: string;
299
+ readonly enabledOpacity: string;
240
300
  readonly hover: string;
241
301
  readonly hoverOpacity: string;
242
- readonly activeOpacity: string;
302
+ readonly focus: string;
243
303
  readonly focusOpacity: string;
304
+ readonly active: string;
305
+ readonly activeOpacity: string;
244
306
  readonly opacity: string;
245
307
  readonly toneOpacity: string;
246
308
  };
package/utils/getPaletteByPreset.js CHANGED
@@ -1,12 +1,12 @@
1
- import { P as c, a as u, b } from "../theme/palette/presetColors.js";
2
- import { B as r } from "../theme/palette/baseColors.js";
3
- import { C as n } from "../theme/palette/commonColors.js";
4
- import { G as d } from "../theme/palette/greyPalette.js";
5
- import { S as s, a } from "../theme/palette/semanticColors.js";
6
- import { B as o } from "../theme/palette/baseOpacityColors.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";
9
- const t = {
1
+ import { P as a, a as y, b as p } from "../theme/palette/presetColors.js";
2
+ import { B as s } from "../theme/palette/baseColors.js";
3
+ import { C as d } from "../theme/palette/commonColors.js";
4
+ import { G as n } from "../theme/palette/greyPalette.js";
5
+ import { S as o, a as t } from "../theme/palette/semanticColors.js";
6
+ import { B as i } from "../theme/palette/baseOpacityColors.js";
7
+ import { B as f, a as O } from "../theme/palette/defaultColors.js";
8
+ import { B as m, a as u } from "../theme/palette/baseChipsPalette.js";
9
+ const l = {
10
10
  light: {
11
11
  scrollBar: "#5663763D",
12
12
  gridHover: "#FCFCFC"
@@ -15,130 +15,152 @@ const t = {
15
15
  scrollBar: "#5663765D",
16
16
  gridHover: "#282E2E"
17
17
  }
18
- }, V = (l) => {
19
- const i = u?.[l], e = b?.[l];
18
+ }, V = (c) => {
19
+ const e = y?.[c], r = p?.[c];
20
20
  return {
21
21
  light: {
22
22
  mode: "light",
23
- common: n,
23
+ common: d,
24
24
  primary: {
25
- ...i
25
+ ...e
26
26
  },
27
27
  default: {
28
28
  ...f,
29
- focusVisible: i.focusVisible,
30
- contrastText: r.onyx[20]
29
+ selected: e.selected,
30
+ selectedOpacity: e.selectedOpacity,
31
+ focusVisible: e.focusVisible,
32
+ contrastText: s.onyx[20]
31
33
  },
32
- divider: r.coolGrey[20],
34
+ divider: s.coolGrey[20],
33
35
  text: {
34
- primary: r.onyx[20],
35
- secondary: r.coolGrey[50],
36
- disabled: r.oxford[30]
36
+ primary: s.onyx[20],
37
+ secondary: s.coolGrey[50],
38
+ disabled: s.oxford[30]
37
39
  },
38
40
  background: {
39
- default: r.marbleLight[10],
40
- neutral: r.marbleLight[30],
41
- surface: r.marbleLight[50],
41
+ default: s.marbleLight[10],
42
+ neutral: s.marbleLight[30],
43
+ surface: s.marbleLight[50],
42
44
  hover: f.hover,
45
+ backdrop: i.onyx[80] || "#000",
43
46
  //por compatibilidad de mui
44
- paper: "#00000000"
47
+ paper: "#000"
45
48
  },
46
- chips: g,
49
+ chips: m,
47
50
  border: {
48
- main: c[l]?.borderMainLight,
49
- default: o.oxford[40],
50
- secondary: o.oxford[30],
51
- dens: o.oxford[60],
52
- disabled: o.oxford[10],
53
- error: s.error.main
51
+ main: a[c]?.borderMainLight,
52
+ default: i.oxford[40],
53
+ secondary: i.oxford[30],
54
+ dens: i.oxford[60],
55
+ disabled: i.oxford[10],
56
+ error: o.error.main
54
57
  },
55
58
  general: {
56
- scrollBar: t.light.scrollBar,
57
- gridHover: t.light.gridHover
59
+ scrollBar: l.light.scrollBar,
60
+ gridHover: l.light.gridHover
58
61
  },
59
- grey: d,
62
+ grey: n,
60
63
  skeleton: {
61
- default: o.oxford[10],
62
- transition: o.oxford[20]
64
+ default: i.oxford[10],
65
+ transition: i.oxford[20]
63
66
  },
64
67
  info: {
65
- ...s.info,
66
- focusVisible: i.focusVisible
68
+ ...o.info,
69
+ selected: e.selected,
70
+ selectedOpacity: e.selectedOpacity,
71
+ focusVisible: e.focusVisible
67
72
  },
68
73
  success: {
69
- ...s.success,
70
- focusVisible: i.focusVisible
74
+ ...o.success,
75
+ selected: e.selected,
76
+ selectedOpacity: e.selectedOpacity,
77
+ focusVisible: e.focusVisible
71
78
  },
72
79
  warning: {
73
- ...s.warning,
74
- focusVisible: i.focusVisible
80
+ ...o.warning,
81
+ selected: e.selected,
82
+ selectedOpacity: e.selectedOpacity,
83
+ focusVisible: e.focusVisible
75
84
  },
76
85
  error: {
77
- ...s.error,
78
- focusVisible: i.focusVisible
86
+ ...o.error,
87
+ selected: e.selected,
88
+ selectedOpacity: e.selectedOpacity,
89
+ focusVisible: e.focusVisible
79
90
  }
80
91
  },
81
92
  dark: {
82
93
  mode: "dark",
83
- common: n,
94
+ common: d,
84
95
  // no definido en figma
85
96
  primary: {
86
- ...e
97
+ ...r
87
98
  },
88
99
  default: {
89
- ...m,
90
- focusVisible: e?.focusVisible,
91
- contrastText: r.marbleLight[30]
100
+ ...O,
101
+ selected: r?.selected,
102
+ selectedOpacity: r?.selectedOpacity,
103
+ focusVisible: r?.focusVisible,
104
+ contrastText: s.marbleLight[30]
92
105
  },
93
106
  text: {
94
- primary: r.marbleLight[30],
95
- secondary: r.coolGrey[20],
96
- disabled: r.coolGrey[50]
107
+ primary: s.marbleLight[30],
108
+ secondary: s.coolGrey[20],
109
+ disabled: s.coolGrey[50]
97
110
  },
98
- divider: r.coolGrey[80],
111
+ divider: s.coolGrey[80],
99
112
  background: {
100
- default: r.onyx[40],
101
- neutral: r.onyx[50],
102
- surface: r.onyx[60],
103
- hover: m.hover,
113
+ default: s.onyx[40],
114
+ neutral: s.onyx[50],
115
+ surface: s.onyx[60],
116
+ hover: O.hover,
117
+ backdrop: i.onyx[80] || "#000",
104
118
  //por compatibilidad de mui
105
- paper: "#00000000"
119
+ paper: "#000"
106
120
  },
107
- chips: O,
121
+ chips: u,
108
122
  border: {
109
- main: c[l]?.borderMainDark,
110
- default: o.mint[50],
111
- secondary: o.mint[40],
112
- dens: o.mint[60],
113
- disabled: o.mint[20],
114
- error: a.error.main
123
+ main: a[c]?.borderMainDark,
124
+ default: i.mint[50],
125
+ secondary: i.mint[40],
126
+ dens: i.mint[60],
127
+ disabled: i.mint[20],
128
+ error: t.error.main
115
129
  },
116
130
  general: {
117
131
  // no definido en figma
118
- scrollBar: t.light.scrollBar,
119
- gridHover: t.light.gridHover
132
+ scrollBar: l.light.scrollBar,
133
+ gridHover: l.light.gridHover
120
134
  },
121
- grey: d,
135
+ grey: n,
122
136
  // no definido en figma
123
137
  skeleton: {
124
- default: o.mint[20],
125
- transition: o.mint[40]
138
+ default: i.mint[20],
139
+ transition: i.mint[40]
126
140
  },
127
141
  info: {
128
- ...a.info,
129
- focusVisible: e.focusVisible
142
+ ...t.info,
143
+ selected: r?.selected,
144
+ selectedOpacity: r?.selectedOpacity,
145
+ focusVisible: r.focusVisible
130
146
  },
131
147
  success: {
132
- ...a.success,
133
- focusVisible: e.focusVisible
148
+ ...t.success,
149
+ selected: r?.selected,
150
+ selectedOpacity: r?.selectedOpacity,
151
+ focusVisible: r.focusVisible
134
152
  },
135
153
  warning: {
136
- ...a.warning,
137
- focusVisible: e.focusVisible
154
+ ...t.warning,
155
+ selected: r?.selected,
156
+ selectedOpacity: r?.selectedOpacity,
157
+ focusVisible: r.focusVisible
138
158
  },
139
159
  error: {
140
- ...a.error,
141
- focusVisible: e.focusVisible
160
+ ...t.error,
161
+ selected: r?.selected,
162
+ selectedOpacity: r?.selectedOpacity,
163
+ focusVisible: r.focusVisible
142
164
  }
143
165
  }
144
166
  };