@m4l/styles 7.1.25 → 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 (9) 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/theme/palette/defaultColors.d.ts +2 -2
  5. package/theme/palette/defaultColors.js +15 -13
  6. package/theme/palette/semanticColors.js +65 -49
  7. package/types/types.d.ts +5 -4
  8. package/utils/getPaletteByPreset.d.ts +86 -26
  9. package/utils/getPaletteByPreset.js +158 -92
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
  };
@@ -132,6 +132,7 @@ export type ColorState = 'warning' | 'delete' | 'info' | 'success';
132
132
  /**
133
133
  * Opciones de colores para pinta los chips
134
134
  */
135
+ export type ChipColorVariant = 'contained' | 'outlined';
135
136
  export interface ChipColor {
136
137
  color: string;
137
138
  backgroundColor: string;
@@ -145,8 +146,8 @@ export interface ChipColor {
145
146
  /**
146
147
  * Lista de opciones de colores para pintar los chips
147
148
  */
148
- export type ChipColorOptions = 'defaultContained' | 'defaultOutlined' | 'disabledContained' | 'disabledOutlined' | 'warningContained' | 'warningOutlined' | 'errorContained' | 'errorOutlined' | 'successContained' | 'successOutlined' | 'forestContained' | 'forestOutlined' | 'infoContained' | 'infoOutlined';
149
+ export type ChipColorOptions = 'default' | 'disabled' | 'warning' | 'error' | 'success' | 'forest' | 'info' | 'primary';
149
150
  /**
150
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.
151
152
  */
152
- export type BaseChipColors = Record<ChipColorOptions, ChipColor>;
153
+ export type BaseChipColors = Record<ChipColorOptions, Record<ChipColorVariant, ChipColor>>;
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: {
@@ -60,7 +60,37 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
60
60
  readonly backdrop: string;
61
61
  readonly paper: "#000";
62
62
  };
63
- readonly chips: import('../types').BaseChipColors;
63
+ readonly chips: {
64
+ readonly info: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
65
+ readonly success: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
66
+ readonly warning: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
67
+ readonly error: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
68
+ readonly default: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
69
+ readonly forest: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
70
+ readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
71
+ readonly primary: {
72
+ 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: "¯(ツ)/¯";
81
+ };
82
+ 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: "¯(ツ)/¯";
91
+ };
92
+ };
93
+ };
64
94
  readonly border: {
65
95
  readonly main: string;
66
96
  readonly default: string;
@@ -79,8 +109,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
79
109
  readonly transition: string;
80
110
  };
81
111
  readonly info: {
82
- readonly selected: string;
83
- readonly selectedOpacity: string;
84
112
  readonly focusVisible: string;
85
113
  readonly light: string;
86
114
  readonly dark: string;
@@ -92,6 +120,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
92
120
  readonly hoverOpacity: string;
93
121
  readonly focus: string;
94
122
  readonly focusOpacity: string;
123
+ readonly selected: string;
124
+ readonly selectedOpacity: string;
95
125
  readonly active: string;
96
126
  readonly activeOpacity: string;
97
127
  readonly opacity: string;
@@ -99,8 +129,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
99
129
  readonly semanticText: string;
100
130
  };
101
131
  readonly success: {
102
- readonly selected: string;
103
- readonly selectedOpacity: string;
104
132
  readonly focusVisible: string;
105
133
  readonly light: string;
106
134
  readonly dark: string;
@@ -112,6 +140,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
112
140
  readonly hoverOpacity: string;
113
141
  readonly focus: string;
114
142
  readonly focusOpacity: string;
143
+ readonly selected: string;
144
+ readonly selectedOpacity: string;
115
145
  readonly active: string;
116
146
  readonly activeOpacity: string;
117
147
  readonly opacity: string;
@@ -119,8 +149,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
119
149
  readonly semanticText: string;
120
150
  };
121
151
  readonly warning: {
122
- readonly selected: string;
123
- readonly selectedOpacity: string;
124
152
  readonly focusVisible: string;
125
153
  readonly light: string;
126
154
  readonly dark: string;
@@ -132,6 +160,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
132
160
  readonly hoverOpacity: string;
133
161
  readonly focus: string;
134
162
  readonly focusOpacity: string;
163
+ readonly selected: string;
164
+ readonly selectedOpacity: string;
135
165
  readonly active: string;
136
166
  readonly activeOpacity: string;
137
167
  readonly opacity: string;
@@ -139,8 +169,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
139
169
  readonly semanticText: string;
140
170
  };
141
171
  readonly error: {
142
- readonly selected: string;
143
- readonly selectedOpacity: string;
144
172
  readonly focusVisible: string;
145
173
  readonly light: string;
146
174
  readonly dark: string;
@@ -152,6 +180,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
152
180
  readonly hoverOpacity: string;
153
181
  readonly focus: string;
154
182
  readonly focusOpacity: string;
183
+ readonly selected: string;
184
+ readonly selectedOpacity: string;
155
185
  readonly active: string;
156
186
  readonly activeOpacity: string;
157
187
  readonly opacity: string;
@@ -183,24 +213,24 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
183
213
  readonly semanticText: string;
184
214
  };
185
215
  readonly default: {
186
- readonly selected: string;
187
- readonly selectedOpacity: string;
216
+ readonly semanticText: string;
188
217
  readonly focusVisible: string;
189
- readonly contrastText: string;
190
218
  readonly light: string;
191
219
  readonly dark: string;
192
220
  readonly main: string;
221
+ readonly contrastText: string;
193
222
  readonly enabled: string;
194
223
  readonly enabledOpacity: string;
195
224
  readonly hover: string;
196
225
  readonly hoverOpacity: string;
197
226
  readonly focus: string;
198
227
  readonly focusOpacity: string;
228
+ readonly selected: string;
229
+ readonly selectedOpacity: string;
199
230
  readonly active: string;
200
231
  readonly activeOpacity: string;
201
232
  readonly opacity: string;
202
233
  readonly toneOpacity: string;
203
- readonly semanticText: string;
204
234
  };
205
235
  readonly text: {
206
236
  readonly primary: string;
@@ -216,7 +246,37 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
216
246
  readonly backdrop: string;
217
247
  readonly paper: "#000";
218
248
  };
219
- readonly chips: import('../types').BaseChipColors;
249
+ readonly chips: {
250
+ readonly info: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
251
+ readonly success: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
252
+ readonly warning: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
253
+ readonly error: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
254
+ readonly default: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
255
+ readonly forest: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
256
+ readonly disabled: Record<import('../types').ChipColorVariant, import('../types').ChipColor>;
257
+ readonly primary: {
258
+ 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: "¯(ツ)/¯";
267
+ };
268
+ 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: "¯(ツ)/¯";
277
+ };
278
+ };
279
+ };
220
280
  readonly border: {
221
281
  readonly main: string;
222
282
  readonly default: string;
@@ -235,8 +295,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
235
295
  readonly transition: string;
236
296
  };
237
297
  readonly info: {
238
- readonly selected: string;
239
- readonly selectedOpacity: string;
240
298
  readonly focusVisible: string;
241
299
  readonly light: string;
242
300
  readonly dark: string;
@@ -248,6 +306,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
248
306
  readonly hoverOpacity: string;
249
307
  readonly focus: string;
250
308
  readonly focusOpacity: string;
309
+ readonly selected: string;
310
+ readonly selectedOpacity: string;
251
311
  readonly active: string;
252
312
  readonly activeOpacity: string;
253
313
  readonly opacity: string;
@@ -255,8 +315,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
255
315
  readonly semanticText: string;
256
316
  };
257
317
  readonly success: {
258
- readonly selected: string;
259
- readonly selectedOpacity: string;
260
318
  readonly focusVisible: string;
261
319
  readonly light: string;
262
320
  readonly dark: string;
@@ -268,6 +326,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
268
326
  readonly hoverOpacity: string;
269
327
  readonly focus: string;
270
328
  readonly focusOpacity: string;
329
+ readonly selected: string;
330
+ readonly selectedOpacity: string;
271
331
  readonly active: string;
272
332
  readonly activeOpacity: string;
273
333
  readonly opacity: string;
@@ -275,8 +335,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
275
335
  readonly semanticText: string;
276
336
  };
277
337
  readonly warning: {
278
- readonly selected: string;
279
- readonly selectedOpacity: string;
280
338
  readonly focusVisible: string;
281
339
  readonly light: string;
282
340
  readonly dark: string;
@@ -288,6 +346,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
288
346
  readonly hoverOpacity: string;
289
347
  readonly focus: string;
290
348
  readonly focusOpacity: string;
349
+ readonly selected: string;
350
+ readonly selectedOpacity: string;
291
351
  readonly active: string;
292
352
  readonly activeOpacity: string;
293
353
  readonly opacity: string;
@@ -295,8 +355,6 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
295
355
  readonly semanticText: string;
296
356
  };
297
357
  readonly error: {
298
- readonly selected: string;
299
- readonly selectedOpacity: string;
300
358
  readonly focusVisible: string;
301
359
  readonly light: string;
302
360
  readonly dark: string;
@@ -308,6 +366,8 @@ export declare const getPaletteByPreset: (themeUserColor: ThemeUserColor) => {
308
366
  readonly hoverOpacity: string;
309
367
  readonly focus: string;
310
368
  readonly focusOpacity: string;
369
+ readonly selected: string;
370
+ readonly selectedOpacity: string;
311
371
  readonly active: string;
312
372
  readonly activeOpacity: string;
313
373
  readonly opacity: string;