@m4l/styles 7.1.7 → 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 -242
  8. package/theme/palette/semanticColors.js +323 -159
  9. package/types/augmentations.d.ts +15 -19
  10. package/types/types.d.ts +38 -18
  11. package/utils/getPaletteByPreset.d.ts +80 -30
  12. package/utils/getPaletteByPreset.js +93 -81
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "7.1.7",
3
+ "version": "7.1.8",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "publishConfig": {
package/theme/palette/baseChipsPalette.js CHANGED
@@ -1,117 +1,249 @@
1
- import { B as o } from "./baseColors.js";
2
- import { B as r } from "./baseOpacityColors.js";
3
- const e = {
1
+ import { B as e } from "./baseColors.js";
2
+ import { B as o } from "./baseOpacityColors.js";
3
+ const c = {
4
4
  default: {
5
- contrastText: o.marbleLight[10],
6
- backgroundColor: o.oxford[40],
7
- backgroundHover: o.oxford[60],
8
- backgroundActive: o.oxford[70]
5
+ contrastText: e.marbleLight[10],
6
+ // Comprobado
7
+ semanticText: e.oxford[90],
8
+ // Comprobado
9
+ backgroundColor: e.oxford[40],
10
+ // Comprobado
11
+ backgroundHover: e.oxford[30],
12
+ // Comprobado
13
+ backgroundActive: e.oxford[60]
14
+ // Comprobado
15
+ },
16
+ defaultOpacity: {
17
+ contrastText: e.marbleLight[10],
18
+ // Comprobado
19
+ semanticText: e.onyx[30],
20
+ // Comprobado
21
+ backgroundColor: o.onyx[20],
22
+ // Comprobado
23
+ backgroundHover: o.onyx[10],
24
+ // Comprobado
25
+ backgroundActive: o.onyx[50]
26
+ // Comprobado
9
27
  },
10
28
  warning: {
11
- contrastText: o.onyx[20],
12
- backgroundColor: o.middleYellow[40],
13
- backgroundHover: o.middleYellow[60],
14
- backgroundActive: o.middleYellow[70]
29
+ contrastText: e.onyx[20],
30
+ // Comprobado
31
+ semanticText: e.middleYellow[90],
32
+ // Comprobado
33
+ backgroundColor: e.middleYellow[40],
34
+ // Comprobado
35
+ backgroundHover: e.middleYellow[30],
36
+ // Comprobado
37
+ backgroundActive: e.middleYellow[70]
38
+ // Comprobado
15
39
  },
16
40
  warningOpacity: {
17
- contrastText: o.onyx[20],
18
- backgroundColor: r.middle[40],
19
- backgroundHover: r.middle[60],
20
- backgroundActive: r.middle[70]
41
+ contrastText: e.onyx[20],
42
+ // Comprobado
43
+ semanticText: e.middleYellow[90],
44
+ // Comprobado
45
+ backgroundColor: o.middle[40],
46
+ // Comprobado
47
+ backgroundHover: o.middle[30],
48
+ // Comprobado,
49
+ backgroundActive: o.middle[70]
50
+ // Comprobado,
21
51
  },
22
52
  error: {
23
- contrastText: o.marbleLight[30],
24
- backgroundColor: o.flameRed[50],
25
- backgroundHover: o.flameRed[60],
26
- backgroundActive: o.flameRed[70]
53
+ contrastText: e.marbleLight[30],
54
+ // Comprobado
55
+ semanticText: e.flameRed[80],
56
+ // Comprobado
57
+ backgroundColor: e.flameRed[50],
58
+ // Comprobado
59
+ backgroundHover: e.flameRed[40],
60
+ // Comprobado,
61
+ backgroundActive: e.flameRed[80]
62
+ // Comprobado,
27
63
  },
28
64
  errorOpacity: {
29
- contrastText: o.onyx[20],
30
- backgroundColor: r.flame[30],
31
- backgroundHover: r.flame[50],
32
- backgroundActive: r.flame[70]
65
+ contrastText: e.onyx[20],
66
+ // Comprobado
67
+ semanticText: e.flameRed[70],
68
+ // Comprobado
69
+ backgroundColor: o.flame[30],
70
+ // Comprobado
71
+ backgroundHover: o.flame[20],
72
+ // Comprobado,
73
+ backgroundActive: o.flame[60]
74
+ // Comprobado,
33
75
  },
34
76
  success: {
35
- contrastText: o.marbleLight[30],
36
- backgroundColor: o.acidGreen[50],
37
- backgroundHover: o.acidGreen[60],
38
- backgroundActive: o.acidGreen[70]
77
+ contrastText: e.marbleLight[30],
78
+ // Comprobado
79
+ semanticText: e.acidGreen[80],
80
+ // Comprobado
81
+ backgroundColor: e.acidGreen[50],
82
+ // Comprobado
83
+ backgroundHover: e.acidGreen[40],
84
+ // Comprobado,
85
+ backgroundActive: e.acidGreen[80]
86
+ // Comprobado,
39
87
  },
40
88
  successOpacity: {
41
- contrastText: o.onyx[20],
42
- backgroundColor: r.acid[20],
43
- backgroundHover: r.acid[40],
44
- backgroundActive: r.acid[70]
89
+ contrastText: e.onyx[20],
90
+ // Comprobado
91
+ semanticText: e.acidGreen[80],
92
+ // Comprobado
93
+ backgroundColor: o.acid[20],
94
+ // Comprobado
95
+ backgroundHover: o.acid[10],
96
+ // Comprobado,
97
+ backgroundActive: o.acid[50]
98
+ // Comprobado,
45
99
  },
46
100
  info: {
47
- contrastText: o.marbleLight[30],
48
- backgroundColor: o.crayonBlue[50],
49
- backgroundHover: o.crayonBlue[60],
50
- backgroundActive: o.crayonBlue[70]
101
+ contrastText: e.marbleLight[30],
102
+ // Comprobado
103
+ semanticText: e.crayonBlue[80],
104
+ // Comprobado
105
+ backgroundColor: e.crayonBlue[50],
106
+ // Comprobado
107
+ backgroundHover: e.crayonBlue[40],
108
+ // Comprobado,
109
+ backgroundActive: e.crayonBlue[80]
110
+ // Comprobado,
51
111
  },
52
112
  infoOpacity: {
53
- contrastText: o.onyx[20],
54
- backgroundColor: r.crayon[20],
55
- backgroundHover: r.crayon[40],
56
- backgroundActive: r.crayon[60]
113
+ contrastText: e.onyx[20],
114
+ // Comprobado
115
+ semanticText: e.crayonBlue[90],
116
+ // Comprobado
117
+ backgroundColor: o.crayon[20],
118
+ // Comprobado
119
+ backgroundHover: o.crayon[10],
120
+ // Comprobado,
121
+ backgroundActive: o.crayon[50]
122
+ // Comprobado,
57
123
  }
58
- }, n = {
124
+ }, t = {
59
125
  default: {
60
- contrastText: o.marbleLight[10],
61
- backgroundColor: o.oxford[40],
62
- backgroundHover: o.oxford[60],
63
- backgroundActive: o.oxford[70]
126
+ contrastText: e.marbleLight[10],
127
+ // Comprobado
128
+ semanticText: e.mint[20],
129
+ // Comprobado
130
+ backgroundColor: e.oxford[40],
131
+ // Comprobado
132
+ backgroundHover: e.oxford[30],
133
+ // Comprobado,
134
+ backgroundActive: e.oxford[70]
135
+ // Comprobado,
136
+ },
137
+ defaultOpacity: {
138
+ contrastText: e.marbleLight[10],
139
+ // Comprobado
140
+ semanticText: e.mint[20],
141
+ // Comprobado
142
+ backgroundColor: o.mint[20],
143
+ // Comprobado
144
+ backgroundHover: o.mint[10],
145
+ // Comprobado,
146
+ backgroundActive: o.mint[50]
147
+ // Comprobado,
64
148
  },
65
149
  warning: {
66
- contrastText: o.onyx[20],
67
- backgroundColor: o.middleYellow[40],
68
- backgroundHover: o.middleYellow[60],
69
- backgroundActive: o.middleYellow[70]
150
+ contrastText: e.onyx[20],
151
+ // Comprobado
152
+ semanticText: e.middleYellow[70],
153
+ // Comprobado
154
+ backgroundColor: e.middleYellow[40],
155
+ // Comprobado
156
+ backgroundHover: e.middleYellow[30],
157
+ // Comprobado,
158
+ backgroundActive: e.middleYellow[70]
159
+ // Comprobado,
70
160
  },
71
161
  warningOpacity: {
72
- contrastText: o.marbleLight[30],
73
- backgroundColor: r.middle[40],
74
- backgroundHover: r.middle[60],
75
- backgroundActive: r.middle[70]
162
+ contrastText: e.marbleLight[30],
163
+ // Comprobado
164
+ semanticText: e.middleYellow[30],
165
+ // Comprobado
166
+ backgroundColor: o.middle[40],
167
+ // Comprobado
168
+ backgroundHover: o.middle[30],
169
+ // Comprobado,
170
+ backgroundActive: o.middle[70]
171
+ // Comprobado,
76
172
  },
77
173
  error: {
78
- contrastText: o.marbleLight[30],
79
- backgroundColor: o.flameRed[50],
80
- backgroundHover: o.flameRed[60],
81
- backgroundActive: o.flameRed[70]
174
+ contrastText: e.marbleLight[30],
175
+ // Comprobado
176
+ semanticText: e.flameRed[70],
177
+ // Comprobado
178
+ backgroundColor: e.flameRed[40],
179
+ // Comprobado
180
+ backgroundHover: e.flameRed[30],
181
+ // Comprobado,
182
+ backgroundActive: e.flameRed[70]
183
+ // Comprobado,
82
184
  },
83
185
  errorOpacity: {
84
- contrastText: o.marbleLight[30],
85
- backgroundColor: r.flame[30],
86
- backgroundHover: r.flame[60],
87
- backgroundActive: r.flame[70]
186
+ contrastText: e.marbleLight[30],
187
+ // Comprobado
188
+ semanticText: e.flameRed[50],
189
+ // Comprobado
190
+ backgroundColor: o.flame[40],
191
+ // Comprobado
192
+ backgroundHover: o.flame[30],
193
+ // Comprobado,
194
+ backgroundActive: o.flame[70]
195
+ // Comprobado,
88
196
  },
89
197
  success: {
90
- contrastText: o.marbleLight[30],
91
- backgroundColor: o.acidGreen[50],
92
- backgroundHover: o.acidGreen[60],
93
- backgroundActive: o.acidGreen[70]
198
+ contrastText: e.marbleLight[30],
199
+ // Comprobado
200
+ semanticText: e.acidGreen[70],
201
+ // Comprobado
202
+ backgroundColor: e.acidGreen[50],
203
+ // Comprobado
204
+ backgroundHover: e.acidGreen[40],
205
+ // Comprobado,
206
+ backgroundActive: e.acidGreen[80]
207
+ // Comprobado,
94
208
  },
95
209
  successOpacity: {
96
- contrastText: o.marbleLight[30],
97
- backgroundColor: r.acid[20],
98
- backgroundHover: r.acid[40],
99
- backgroundActive: r.acid[70]
210
+ contrastText: e.marbleLight[30],
211
+ // Comprobado
212
+ semanticText: e.acidGreen[50],
213
+ // Comprobado
214
+ backgroundColor: o.acid[20],
215
+ // Comprobado
216
+ backgroundHover: o.acid[10],
217
+ // Comprobado,
218
+ backgroundActive: o.acid[50]
219
+ // Comprobado,
100
220
  },
101
221
  info: {
102
- contrastText: o.marbleLight[30],
103
- backgroundColor: o.crayonBlue[50],
104
- backgroundHover: o.crayonBlue[60],
105
- backgroundActive: o.crayonBlue[70]
222
+ contrastText: e.marbleLight[30],
223
+ // Comprobado
224
+ semanticText: e.crayonBlue[50],
225
+ // Comprobado
226
+ backgroundColor: e.crayonBlue[50],
227
+ // Comprobado
228
+ backgroundHover: e.crayonBlue[40],
229
+ // Comprobado,
230
+ backgroundActive: e.crayonBlue[80]
231
+ // Comprobado,
106
232
  },
107
233
  infoOpacity: {
108
- contrastText: o.marbleLight[20],
109
- backgroundColor: r.crayon[30],
110
- backgroundHover: r.crayon[50],
111
- backgroundActive: r.crayon[70]
234
+ contrastText: e.marbleLight[30],
235
+ // Comprobado
236
+ semanticText: e.crayonBlue[40],
237
+ // Comprobado
238
+ backgroundColor: o.crayon[40],
239
+ // Comprobado
240
+ backgroundHover: o.crayon[30],
241
+ // Comprobado,
242
+ backgroundActive: o.crayon[70]
243
+ // Comprobado,
112
244
  }
113
245
  };
114
246
  export {
115
- e as B,
116
- n as a
247
+ c as B,
248
+ t as a
117
249
  };