@m4l/styles 7.1.26 → 7.1.27

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 (7) hide show
  1. package/package.json +1 -1
  2. package/theme/palette/defaultColors.d.ts +2 -2
  3. package/theme/palette/defaultColors.js +15 -13
  4. package/theme/palette/semanticColors.js +65 -49
  5. package/types/types.d.ts +2 -2
  6. package/utils/getPaletteByPreset.d.ts +24 -24
  7. package/utils/getPaletteByPreset.js +66 -86
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "7.1.26",
3
+ "version": "7.1.27",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "publishConfig": {
package/theme/palette/defaultColors.d.ts CHANGED
@@ -7,8 +7,8 @@ export declare const PRESET_DEFAULT: DefaultPresetColor;
7
7
  /**
8
8
  * Opción de paleta default en modo light, se usa para colorear componentes con la variante semántica de tipo default
9
9
  */
10
- export declare const BASE_DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity' | 'contrastText'>;
10
+ export declare const BASE_DEFAULT_COLOR_LIGHT: Omit<PaletteColor, 'focusVisible' | 'semanticText'>;
11
11
  /**
12
12
  * Opción de paleta default en modo dark, se usa para colorear componentes con la variante semántica de tipo default
13
13
  */
14
- export declare const BASE_DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'selected' | 'selectedOpacity' | 'contrastText'>;
14
+ export declare const BASE_DEFAULT_COLOR_DARK: Omit<PaletteColor, 'focusVisible' | 'semanticText'>;
package/theme/palette/defaultColors.js CHANGED
@@ -1,4 +1,4 @@
1
- import { B as i } from "./baseOpacityColors.js";
1
+ import { B as e } from "./baseOpacityColors.js";
2
2
  import { B as a } from "./baseColors.js";
3
3
  const t = {
4
4
  enabledLight: a.oxford[20],
@@ -41,25 +41,23 @@ const t = {
41
41
  // Comprobado
42
42
  focusOpacityDark: "#8E9DB414",
43
43
  // Comprobado
44
- opacityLight: i.oxford[10],
44
+ opacityLight: e.oxford[10],
45
45
  // Comprobado
46
- opacityDark: i.mint[10],
46
+ opacityDark: e.mint[10],
47
47
  // Comprobado
48
- semanticTextLight: a.onyx[20],
49
- // Comprobado
50
- semanticTextDark: a.marbleLight[30],
48
+ contrastText: a.onyx[20],
51
49
  // Comprobado
52
50
  mainLight: a.oxford[50],
53
51
  // Comprobado
54
- mainDark: i.mint[50],
52
+ mainDark: e.mint[50],
55
53
  // Comprobado
56
- light: i.oxford[40],
54
+ light: e.oxford[40],
57
55
  // Comprobado
58
- lighter: i.oxford[70],
56
+ lighter: e.oxford[70],
59
57
  // Comprobado
60
- dark: i.mint[30],
58
+ dark: e.mint[30],
61
59
  // Comprobado,
62
- darker: i.mint[10],
60
+ darker: e.mint[10],
63
61
  // Comprobado,
64
62
  // Tone colors
65
63
  toneOpacityLight: a.oxford[5],
@@ -71,13 +69,15 @@ const t = {
71
69
  enabledOpacity: t.enabledOpacityLight,
72
70
  hover: t.hoverLight,
73
71
  hoverOpacity: t.hoverOpacityLight,
72
+ contrastText: t.contrastText,
73
+ selected: t.selectedLight,
74
+ selectedOpacity: t.selectedOpacityLight,
74
75
  focus: t.focusLight,
75
76
  focusOpacity: t.focusOpacityLight,
76
77
  active: t.activeLight,
77
78
  activeOpacity: t.activeOpacityLight,
78
79
  opacity: t.light,
79
80
  toneOpacity: t.toneOpacityLight,
80
- semanticText: t.semanticTextLight,
81
81
  //Por compatibilidad con MUI
82
82
  main: t.mainLight,
83
83
  light: t.light,
@@ -87,13 +87,15 @@ const t = {
87
87
  enabledOpacity: t.enabledOpacityDark,
88
88
  hover: t.hoverDark,
89
89
  hoverOpacity: t.hoverOpacityDark,
90
+ contrastText: t.contrastText,
91
+ selected: t.selectedDark,
92
+ selectedOpacity: t.selectedOpacityDark,
90
93
  focus: t.focusDark,
91
94
  focusOpacity: t.focusOpacityDark,
92
95
  active: t.activeDark,
93
96
  activeOpacity: t.activeOpacityDark,
94
97
  opacity: t.dark,
95
98
  toneOpacity: t.toneOpacityDark,
96
- semanticText: t.semanticTextDark,
97
99
  //Por compatibilidad con MUI
98
100
  main: t.mainDark,
99
101
  light: t.light,
package/theme/palette/semanticColors.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { B as a } from "./baseColors.js";
2
- import { B as i } from "./baseOpacityColors.js";
2
+ import { B as t } from "./baseOpacityColors.js";
3
3
  const e = {
4
4
  info: {
5
5
  enabledLight: a.crayonBlue[50],
@@ -22,29 +22,29 @@ const e = {
22
22
  // comprobado,
23
23
  focusDark: a.crayonBlue[60],
24
24
  // comprobado,
25
- enabledOpacityLight: i.crayon[30],
25
+ enabledOpacityLight: t.crayon[30],
26
26
  // comprobado
27
- enabledOpacityDark: i.crayon[30],
27
+ enabledOpacityDark: t.crayon[30],
28
28
  // comprobado,
29
- hoverOpacityLight: i.crayon[20],
29
+ hoverOpacityLight: t.crayon[20],
30
30
  // comprobado,
31
- hoverOpacityDark: i.crayon[20],
31
+ hoverOpacityDark: t.crayon[20],
32
32
  // comprobado,
33
- selectedOpacityLight: i.crayon[40],
33
+ selectedOpacityLight: t.crayon[40],
34
34
  // comprobado
35
- selectedOpacityDark: i.crayon[40],
35
+ selectedOpacityDark: t.crayon[40],
36
36
  // comprobado
37
- activeOpacityLight: i.crayon[50],
37
+ activeOpacityLight: t.crayon[50],
38
38
  // comprobado,
39
- activeOpacityDark: i.crayon[50],
39
+ activeOpacityDark: t.crayon[50],
40
40
  // comprobado,
41
- focusOpacityLight: i.crayon[10],
41
+ focusOpacityLight: t.crayon[10],
42
42
  // comprobado,
43
- focusOpacityDark: i.crayon[10],
43
+ focusOpacityDark: t.crayon[10],
44
44
  // comprobado,
45
- opacityLight: i.crayon[10],
45
+ opacityLight: t.crayon[10],
46
46
  // comprobado,
47
- opacityDark: i.crayon[10],
47
+ opacityDark: t.crayon[10],
48
48
  // comprobado,
49
49
  main: a.crayonBlue[60],
50
50
  // comprobado,,
@@ -88,29 +88,29 @@ const e = {
88
88
  // comprobado,
89
89
  focusDark: a.middleYellow[60],
90
90
  // comprobado,
91
- enabledOpacityLight: i.middle[30],
91
+ enabledOpacityLight: t.middle[30],
92
92
  // comprobado
93
- enabledOpacityDark: i.middle[30],
93
+ enabledOpacityDark: t.middle[30],
94
94
  // comprobado,
95
- hoverOpacityLight: i.middle[20],
95
+ hoverOpacityLight: t.middle[20],
96
96
  // comprobado,
97
- hoverOpacityDark: i.middle[20],
97
+ hoverOpacityDark: t.middle[20],
98
98
  // comprobado,
99
- selectedOpacityLight: i.middle[40],
99
+ selectedOpacityLight: t.middle[40],
100
100
  // comprobado,
101
- selectedOpacityDark: i.middle[40],
101
+ selectedOpacityDark: t.middle[40],
102
102
  // comprobado,
103
- activeOpacityLight: i.middle[50],
103
+ activeOpacityLight: t.middle[50],
104
104
  // comprobado,
105
- activeOpacityDark: i.middle[50],
105
+ activeOpacityDark: t.middle[50],
106
106
  // comprobado,
107
- focusOpacityLight: i.middle[10],
107
+ focusOpacityLight: t.middle[10],
108
108
  // comprobado,
109
- focusOpacityDark: i.middle[10],
109
+ focusOpacityDark: t.middle[10],
110
110
  // comprobado,
111
- opacityLight: i.middle[10],
111
+ opacityLight: t.middle[10],
112
112
  // comprobado,
113
- opacityDark: i.middle[10],
113
+ opacityDark: t.middle[10],
114
114
  // comprobado,
115
115
  main: a.middleYellow[60],
116
116
  // comprobado,,
@@ -154,29 +154,29 @@ const e = {
154
154
  // comprobado,
155
155
  focusDark: a.flameRed[60],
156
156
  // comprobado,
157
- enabledOpacityLight: i.flame[30],
157
+ enabledOpacityLight: t.flame[30],
158
158
  // comprobado
159
- enabledOpacityDark: i.flame[30],
159
+ enabledOpacityDark: t.flame[30],
160
160
  // comprobado,
161
- hoverOpacityLight: i.flame[20],
161
+ hoverOpacityLight: t.flame[20],
162
162
  // comprobado,
163
- hoverOpacityDark: i.flame[20],
163
+ hoverOpacityDark: t.flame[20],
164
164
  // comprobado,
165
- selectedOpacityLight: i.flame[40],
165
+ selectedOpacityLight: t.flame[40],
166
166
  // comprobado,
167
- selectedOpacityDark: i.flame[40],
167
+ selectedOpacityDark: t.flame[40],
168
168
  // comprobado,
169
- activeOpacityLight: i.flame[50],
169
+ activeOpacityLight: t.flame[50],
170
170
  // comprobado,
171
- activeOpacityDark: i.flame[50],
171
+ activeOpacityDark: t.flame[50],
172
172
  // comprobado,
173
- focusOpacityLight: i.flame[10],
173
+ focusOpacityLight: t.flame[10],
174
174
  // comprobado,
175
- focusOpacityDark: i.flame[10],
175
+ focusOpacityDark: t.flame[10],
176
176
  // comprobado,
177
- opacityLight: i.flame[10],
177
+ opacityLight: t.flame[10],
178
178
  // comprobado,
179
- opacityDark: i.flame[10],
179
+ opacityDark: t.flame[10],
180
180
  // comprobado,
181
181
  main: a.flameRed[60],
182
182
  // comprobado,,
@@ -220,29 +220,29 @@ const e = {
220
220
  // comprobado,
221
221
  focusDark: a.acidGreen[60],
222
222
  // comprobado,
223
- enabledOpacityLight: i.acid[30],
223
+ enabledOpacityLight: t.acid[30],
224
224
  // comprobado
225
- enabledOpacityDark: i.acid[30],
225
+ enabledOpacityDark: t.acid[30],
226
226
  // comprobado,
227
- hoverOpacityLight: i.acid[20],
227
+ hoverOpacityLight: t.acid[20],
228
228
  // comprobado,
229
- hoverOpacityDark: i.acid[20],
229
+ hoverOpacityDark: t.acid[20],
230
230
  // comprobado,
231
- selectedOpacityLight: i.acid[40],
231
+ selectedOpacityLight: t.acid[40],
232
232
  // comprobado,
233
- selectedOpacityDark: i.acid[40],
233
+ selectedOpacityDark: t.acid[40],
234
234
  // comprobado,
235
- activeOpacityLight: i.acid[40],
235
+ activeOpacityLight: t.acid[40],
236
236
  // comprobado,
237
- activeOpacityDark: i.acid[50],
237
+ activeOpacityDark: t.acid[50],
238
238
  // comprobado,
239
- focusOpacityLight: i.acid[10],
239
+ focusOpacityLight: t.acid[10],
240
240
  // comprobado,
241
- focusOpacityDark: i.acid[10],
241
+ focusOpacityDark: t.acid[10],
242
242
  // comprobado,
243
- opacityLight: i.acid[10],
243
+ opacityLight: t.acid[10],
244
244
  // comprobado,
245
- opacityDark: i.acid[10],
245
+ opacityDark: t.acid[10],
246
246
  // comprobado,
247
247
  main: a.acidGreen[60],
248
248
  // comprobado,,
@@ -271,6 +271,8 @@ const e = {
271
271
  enabledOpacity: e.info.enabledOpacityLight,
272
272
  hover: e.info.hoverLight,
273
273
  hoverOpacity: e.info.hoverOpacityLight,
274
+ selected: e.info.selectedLight,
275
+ selectedOpacity: e.info.selectedOpacityLight,
274
276
  focus: e.info.focusLight,
275
277
  focusOpacity: e.info.focusOpacityLight,
276
278
  active: e.info.activeLight,
@@ -289,6 +291,8 @@ const e = {
289
291
  enabledOpacity: e.success.enabledOpacityLight,
290
292
  hover: e.success.hoverLight,
291
293
  hoverOpacity: e.success.hoverOpacityLight,
294
+ selected: e.success.selectedLight,
295
+ selectedOpacity: e.success.selectedOpacityLight,
292
296
  focus: e.success.focusLight,
293
297
  focusOpacity: e.success.focusOpacityLight,
294
298
  active: e.success.activeLight,
@@ -307,6 +311,8 @@ const e = {
307
311
  enabledOpacity: e.warning.enabledOpacityLight,
308
312
  hover: e.warning.hoverLight,
309
313
  hoverOpacity: e.warning.hoverOpacityLight,
314
+ selected: e.warning.selectedLight,
315
+ selectedOpacity: e.warning.selectedOpacityLight,
310
316
  focus: e.warning.focusLight,
311
317
  focusOpacity: e.warning.focusOpacityLight,
312
318
  active: e.warning.activeLight,
@@ -325,6 +331,8 @@ const e = {
325
331
  enabledOpacity: e.error.enabledOpacityLight,
326
332
  hover: e.error.hoverLight,
327
333
  hoverOpacity: e.error.hoverOpacityLight,
334
+ selected: e.error.selectedLight,
335
+ selectedOpacity: e.error.selectedOpacityLight,
328
336
  focus: e.error.focusLight,
329
337
  focusOpacity: e.error.focusOpacityLight,
330
338
  active: e.error.activeLight,
@@ -344,6 +352,8 @@ const e = {
344
352
  enabledOpacity: e.info.enabledOpacityDark,
345
353
  hover: e.info.hoverDark,
346
354
  hoverOpacity: e.info.hoverOpacityDark,
355
+ selected: e.info.selectedDark,
356
+ selectedOpacity: e.info.selectedOpacityDark,
347
357
  focus: e.info.focusDark,
348
358
  focusOpacity: e.info.focusOpacityDark,
349
359
  active: e.info.activeDark,
@@ -362,6 +372,8 @@ const e = {
362
372
  enabledOpacity: e.success.enabledOpacityDark,
363
373
  hover: e.success.hoverDark,
364
374
  hoverOpacity: e.success.hoverOpacityDark,
375
+ selected: e.success.selectedDark,
376
+ selectedOpacity: e.success.selectedOpacityDark,
365
377
  focus: e.success.focusDark,
366
378
  focusOpacity: e.success.focusOpacityDark,
367
379
  active: e.success.activeDark,
@@ -380,6 +392,8 @@ const e = {
380
392
  enabledOpacity: e.warning.enabledOpacityDark,
381
393
  hover: e.warning.hoverDark,
382
394
  hoverOpacity: e.warning.hoverOpacityDark,
395
+ selected: e.warning.selectedDark,
396
+ selectedOpacity: e.warning.selectedOpacityDark,
383
397
  focus: e.warning.focusDark,
384
398
  focusOpacity: e.warning.focusOpacityDark,
385
399
  active: e.warning.activeDark,
@@ -398,6 +412,8 @@ const e = {
398
412
  enabledOpacity: e.error.enabledOpacityDark,
399
413
  hover: e.error.hoverDark,
400
414
  hoverOpacity: e.error.hoverOpacityDark,
415
+ selected: e.error.selectedDark,
416
+ selectedOpacity: e.error.selectedOpacityDark,
401
417
  focus: e.error.focusDark,
402
418
  focusOpacity: e.error.focusOpacityDark,
403
419
  active: e.error.activeDark,
package/types/types.d.ts CHANGED
@@ -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'> & {
124
124
  mainLight: string;
125
125
  mainDark: string;
126
126
  };
package/utils/getPaletteByPreset.d.ts CHANGED
@@ -27,24 +27,24 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
27
27
  readonly semanticText: string;
28
28
  };
29
29
  readonly default: {
30
- readonly selected: string;
31
- readonly selectedOpacity: string;
30
+ readonly semanticText: string;
32
31
  readonly focusVisible: string;
33
- readonly contrastText: string;
34
32
  readonly light: string;
35
33
  readonly dark: string;
36
34
  readonly main: string;
35
+ readonly contrastText: string;
37
36
  readonly enabled: string;
38
37
  readonly enabledOpacity: string;
39
38
  readonly hover: string;
40
39
  readonly hoverOpacity: string;
41
40
  readonly focus: string;
42
41
  readonly focusOpacity: string;
42
+ readonly selected: string;
43
+ readonly selectedOpacity: string;
43
44
  readonly active: string;
44
45
  readonly activeOpacity: string;
45
46
  readonly opacity: string;
46
47
  readonly toneOpacity: string;
47
- readonly semanticText: string;
48
48
  };
49
49
  readonly divider: string;
50
50
  readonly text: {
@@ -109,8 +109,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
109
109
  readonly transition: string;
110
110
  };
111
111
  readonly info: {
112
- readonly selected: string;
113
- readonly selectedOpacity: string;
114
112
  readonly focusVisible: string;
115
113
  readonly light: string;
116
114
  readonly dark: string;
@@ -122,6 +120,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
122
120
  readonly hoverOpacity: string;
123
121
  readonly focus: string;
124
122
  readonly focusOpacity: string;
123
+ readonly selected: string;
124
+ readonly selectedOpacity: string;
125
125
  readonly active: string;
126
126
  readonly activeOpacity: string;
127
127
  readonly opacity: string;
@@ -129,8 +129,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
129
129
  readonly semanticText: string;
130
130
  };
131
131
  readonly success: {
132
- readonly selected: string;
133
- readonly selectedOpacity: string;
134
132
  readonly focusVisible: string;
135
133
  readonly light: string;
136
134
  readonly dark: string;
@@ -142,6 +140,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
142
140
  readonly hoverOpacity: string;
143
141
  readonly focus: string;
144
142
  readonly focusOpacity: string;
143
+ readonly selected: string;
144
+ readonly selectedOpacity: string;
145
145
  readonly active: string;
146
146
  readonly activeOpacity: string;
147
147
  readonly opacity: string;
@@ -149,8 +149,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
149
149
  readonly semanticText: string;
150
150
  };
151
151
  readonly warning: {
152
- readonly selected: string;
153
- readonly selectedOpacity: string;
154
152
  readonly focusVisible: string;
155
153
  readonly light: string;
156
154
  readonly dark: string;
@@ -162,6 +160,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
162
160
  readonly hoverOpacity: string;
163
161
  readonly focus: string;
164
162
  readonly focusOpacity: string;
163
+ readonly selected: string;
164
+ readonly selectedOpacity: string;
165
165
  readonly active: string;
166
166
  readonly activeOpacity: string;
167
167
  readonly opacity: string;
@@ -169,8 +169,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
169
169
  readonly semanticText: string;
170
170
  };
171
171
  readonly error: {
172
- readonly selected: string;
173
- readonly selectedOpacity: string;
174
172
  readonly focusVisible: string;
175
173
  readonly light: string;
176
174
  readonly dark: string;
@@ -182,6 +180,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
182
180
  readonly hoverOpacity: string;
183
181
  readonly focus: string;
184
182
  readonly focusOpacity: string;
183
+ readonly selected: string;
184
+ readonly selectedOpacity: string;
185
185
  readonly active: string;
186
186
  readonly activeOpacity: string;
187
187
  readonly opacity: string;
@@ -213,24 +213,24 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
213
213
  readonly semanticText: string;
214
214
  };
215
215
  readonly default: {
216
- readonly selected: string;
217
- readonly selectedOpacity: string;
216
+ readonly semanticText: string;
218
217
  readonly focusVisible: string;
219
- readonly contrastText: string;
220
218
  readonly light: string;
221
219
  readonly dark: string;
222
220
  readonly main: string;
221
+ readonly contrastText: string;
223
222
  readonly enabled: string;
224
223
  readonly enabledOpacity: string;
225
224
  readonly hover: string;
226
225
  readonly hoverOpacity: string;
227
226
  readonly focus: string;
228
227
  readonly focusOpacity: string;
228
+ readonly selected: string;
229
+ readonly selectedOpacity: string;
229
230
  readonly active: string;
230
231
  readonly activeOpacity: string;
231
232
  readonly opacity: string;
232
233
  readonly toneOpacity: string;
233
- readonly semanticText: string;
234
234
  };
235
235
  readonly text: {
236
236
  readonly primary: string;
@@ -295,8 +295,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
295
295
  readonly transition: string;
296
296
  };
297
297
  readonly info: {
298
- readonly selected: string;
299
- readonly selectedOpacity: string;
300
298
  readonly focusVisible: string;
301
299
  readonly light: string;
302
300
  readonly dark: string;
@@ -308,6 +306,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
308
306
  readonly hoverOpacity: string;
309
307
  readonly focus: string;
310
308
  readonly focusOpacity: string;
309
+ readonly selected: string;
310
+ readonly selectedOpacity: string;
311
311
  readonly active: string;
312
312
  readonly activeOpacity: string;
313
313
  readonly opacity: string;
@@ -315,8 +315,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
315
315
  readonly semanticText: string;
316
316
  };
317
317
  readonly success: {
318
- readonly selected: string;
319
- readonly selectedOpacity: string;
320
318
  readonly focusVisible: string;
321
319
  readonly light: string;
322
320
  readonly dark: string;
@@ -328,6 +326,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
328
326
  readonly hoverOpacity: string;
329
327
  readonly focus: string;
330
328
  readonly focusOpacity: string;
329
+ readonly selected: string;
330
+ readonly selectedOpacity: string;
331
331
  readonly active: string;
332
332
  readonly activeOpacity: string;
333
333
  readonly opacity: string;
@@ -335,8 +335,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
335
335
  readonly semanticText: string;
336
336
  };
337
337
  readonly warning: {
338
- readonly selected: string;
339
- readonly selectedOpacity: string;
340
338
  readonly focusVisible: string;
341
339
  readonly light: string;
342
340
  readonly dark: string;
@@ -348,6 +346,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
348
346
  readonly hoverOpacity: string;
349
347
  readonly focus: string;
350
348
  readonly focusOpacity: string;
349
+ readonly selected: string;
350
+ readonly selectedOpacity: string;
351
351
  readonly active: string;
352
352
  readonly activeOpacity: string;
353
353
  readonly opacity: string;
@@ -355,8 +355,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
355
355
  readonly semanticText: string;
356
356
  };
357
357
  readonly error: {
358
- readonly selected: string;
359
- readonly selectedOpacity: string;
360
358
  readonly focusVisible: string;
361
359
  readonly light: string;
362
360
  readonly dark: string;
@@ -368,6 +366,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
368
366
  readonly hoverOpacity: string;
369
367
  readonly focus: string;
370
368
  readonly focusOpacity: string;
369
+ readonly selected: string;
370
+ readonly selectedOpacity: string;
371
371
  readonly active: string;
372
372
  readonly activeOpacity: string;
373
373
  readonly opacity: string;
package/utils/getPaletteByPreset.js CHANGED
@@ -1,12 +1,12 @@
1
- import { P as l, a as g, b as O } from "../theme/palette/presetColors.js";
2
- import { B as r } from "../theme/palette/baseColors.js";
1
+ import { P as l, a as g, b as f } from "../theme/palette/presetColors.js";
2
+ import { B as o } from "../theme/palette/baseColors.js";
3
3
  import { C as d } from "../theme/palette/commonColors.js";
4
- import { G as n } from "../theme/palette/greyPalette.js";
5
- import { S as i, a as t } from "../theme/palette/semanticColors.js";
6
- import { B as c } from "../theme/palette/baseOpacityColors.js";
4
+ import { G as t } from "../theme/palette/greyPalette.js";
5
+ import { S as a, a as c } from "../theme/palette/semanticColors.js";
6
+ import { B as r } from "../theme/palette/baseOpacityColors.js";
7
7
  import { B as u, a as b } from "../theme/palette/defaultColors.js";
8
- import { B as y, a as f } from "../theme/palette/baseChipsPalette.js";
9
- const a = {
8
+ import { B as m, a as k } from "../theme/palette/baseChipsPalette.js";
9
+ const s = {
10
10
  light: {
11
11
  scrollBar: "#5663763D",
12
12
  gridHover: "#FCFCFC"
@@ -15,8 +15,8 @@ const a = {
15
15
  scrollBar: "#5663765D",
16
16
  gridHover: "#282E2E"
17
17
  }
18
- }, L = (s) => {
19
- const e = g?.[s], o = O?.[s];
18
+ }, L = (n) => {
19
+ const e = g?.[n], i = f?.[n];
20
20
  return {
21
21
  light: {
22
22
  mode: "light",
@@ -26,23 +26,21 @@ const a = {
26
26
  },
27
27
  default: {
28
28
  ...u,
29
- selected: e.selected,
30
- selectedOpacity: e.selectedOpacity,
31
- focusVisible: e.focusVisible,
32
- contrastText: r.onyx[20]
29
+ semanticText: o.onyx[20],
30
+ focusVisible: e.focusVisible
33
31
  },
34
- divider: r.coolGrey[20],
32
+ divider: o.coolGrey[20],
35
33
  text: {
36
- primary: r.onyx[20],
37
- secondary: r.coolGrey[50],
38
- disabled: r.coolGrey[10]
34
+ primary: o.onyx[20],
35
+ secondary: o.coolGrey[50],
36
+ disabled: o.coolGrey[10]
39
37
  },
40
38
  background: {
41
- default: r.marbleLight[10],
42
- neutral: r.marbleLight[30],
43
- surface: r.marbleLight[50],
39
+ default: o.marbleLight[10],
40
+ neutral: o.marbleLight[30],
41
+ surface: o.marbleLight[50],
44
42
  hover: u.hoverOpacity,
45
- backdrop: c.onyx[80] || "#000",
43
+ backdrop: r.onyx[80] || "#000",
46
44
  //por compatibilidad de mui
47
45
  paper: "#000"
48
46
  },
@@ -88,47 +86,39 @@ const a = {
88
86
  }
89
87
  /* opacidad */
90
88
  },
91
- ...y
89
+ ...m
92
90
  },
93
91
  border: {
94
- main: l[s]?.borderMainLight,
95
- default: c.oxford[40],
96
- secondary: c.oxford[30],
97
- dens: c.oxford[60],
98
- disabled: c.oxford[10],
99
- error: i.error.main
92
+ main: l[n]?.borderMainLight,
93
+ default: r.oxford[40],
94
+ secondary: r.oxford[30],
95
+ dens: r.oxford[60],
96
+ disabled: r.oxford[10],
97
+ error: a.error.main
100
98
  },
101
99
  general: {
102
- scrollBar: a.light.scrollBar,
103
- gridHover: a.light.gridHover
100
+ scrollBar: s.light.scrollBar,
101
+ gridHover: s.light.gridHover
104
102
  },
105
- grey: n,
103
+ grey: t,
106
104
  skeleton: {
107
- default: c.oxford[10],
108
- transition: c.oxford[20]
105
+ default: r.oxford[10],
106
+ transition: r.oxford[20]
109
107
  },
110
108
  info: {
111
- ...i.info,
112
- selected: e.selected,
113
- selectedOpacity: e.selectedOpacity,
109
+ ...a.info,
114
110
  focusVisible: e.focusVisible
115
111
  },
116
112
  success: {
117
- ...i.success,
118
- selected: e.selected,
119
- selectedOpacity: e.selectedOpacity,
113
+ ...a.success,
120
114
  focusVisible: e.focusVisible
121
115
  },
122
116
  warning: {
123
- ...i.warning,
124
- selected: e.selected,
125
- selectedOpacity: e.selectedOpacity,
117
+ ...a.warning,
126
118
  focusVisible: e.focusVisible
127
119
  },
128
120
  error: {
129
- ...i.error,
130
- selected: e.selected,
131
- selectedOpacity: e.selectedOpacity,
121
+ ...a.error,
132
122
  focusVisible: e.focusVisible
133
123
  }
134
124
  },
@@ -137,27 +127,25 @@ const a = {
137
127
  common: d,
138
128
  // no definido en figma
139
129
  primary: {
140
- ...o
130
+ ...i
141
131
  },
142
132
  default: {
143
133
  ...b,
144
- selected: o?.selected,
145
- selectedOpacity: o?.selectedOpacity,
146
- focusVisible: o?.focusVisible,
147
- contrastText: r.marbleLight[30]
134
+ semanticText: o.marbleLight[30],
135
+ focusVisible: i?.focusVisible
148
136
  },
149
137
  text: {
150
- primary: r.marbleLight[30],
151
- secondary: r.coolGrey[20],
152
- disabled: r.coolGrey[50]
138
+ primary: o.marbleLight[30],
139
+ secondary: o.coolGrey[20],
140
+ disabled: o.coolGrey[50]
153
141
  },
154
- divider: r.coolGrey[80],
142
+ divider: o.coolGrey[80],
155
143
  background: {
156
- default: r.onyx[40],
157
- neutral: r.onyx[50],
158
- surface: r.onyx[60],
144
+ default: o.onyx[40],
145
+ neutral: o.onyx[50],
146
+ surface: o.onyx[60],
159
147
  hover: b.hoverOpacity,
160
- backdrop: c.onyx[80] || "#000",
148
+ backdrop: r.onyx[80] || "#000",
161
149
  //por compatibilidad de mui
162
150
  paper: "#000"
163
151
  },
@@ -203,50 +191,42 @@ const a = {
203
191
  }
204
192
  /* opacidad */
205
193
  },
206
- ...f
194
+ ...k
207
195
  },
208
196
  border: {
209
- main: l[s]?.borderMainDark,
210
- default: c.mint[50],
211
- secondary: c.mint[40],
212
- dens: c.mint[60],
213
- disabled: c.mint[20],
214
- error: t.error.main
197
+ main: l[n]?.borderMainDark,
198
+ default: r.mint[50],
199
+ secondary: r.mint[40],
200
+ dens: r.mint[60],
201
+ disabled: r.mint[20],
202
+ error: c.error.main
215
203
  },
216
204
  general: {
217
205
  // no definido en figma
218
- scrollBar: a.light.scrollBar,
219
- gridHover: a.light.gridHover
206
+ scrollBar: s.light.scrollBar,
207
+ gridHover: s.light.gridHover
220
208
  },
221
- grey: n,
209
+ grey: t,
222
210
  // no definido en figma
223
211
  skeleton: {
224
- default: c.mint[20],
225
- transition: c.mint[40]
212
+ default: r.mint[20],
213
+ transition: r.mint[40]
226
214
  },
227
215
  info: {
228
- ...t.info,
229
- selected: o?.selected,
230
- selectedOpacity: o?.selectedOpacity,
231
- focusVisible: o.focusVisible
216
+ ...c.info,
217
+ focusVisible: i.focusVisible
232
218
  },
233
219
  success: {
234
- ...t.success,
235
- selected: o?.selected,
236
- selectedOpacity: o?.selectedOpacity,
237
- focusVisible: o.focusVisible
220
+ ...c.success,
221
+ focusVisible: i.focusVisible
238
222
  },
239
223
  warning: {
240
- ...t.warning,
241
- selected: o?.selected,
242
- selectedOpacity: o?.selectedOpacity,
243
- focusVisible: o.focusVisible
224
+ ...c.warning,
225
+ focusVisible: i.focusVisible
244
226
  },
245
227
  error: {
246
- ...t.error,
247
- selected: o?.selected,
248
- selectedOpacity: o?.selectedOpacity,
249
- focusVisible: o.focusVisible
228
+ ...c.error,
229
+ focusVisible: i.focusVisible
250
230
  }
251
231
  }
252
232
  };