@m4l/styles 7.1.22 → 7.1.23

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 (5) hide show
  1. package/package.json +1 -1
  2. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +10 -84
  3. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.js +9 -79
  4. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.js +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "7.1.22",
3
+ "version": "7.1.23",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "publishConfig": {
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -80,11 +80,6 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
80
80
  width: string;
81
81
  height: string;
82
82
  alignItems: string;
83
- '& .M4LIcon-root': {
84
- '& .M4LIcon-icon': {
85
- background: string;
86
- };
87
- };
88
83
  '& .M4LAreasViewer-windowHeaderTitle': {
89
84
  display: string;
90
85
  alignItems: string;
@@ -100,15 +95,6 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
100
95
  color: string;
101
96
  };
102
97
  };
103
- '& .M4LAreasViewer-windowHeaderCancelHandle': {
104
- '& .M4LIconButton-icon': {
105
- '& .MuiButtonBase-root': {
106
- '& .M4LIcon-icon': {
107
- background: string;
108
- };
109
- };
110
- };
111
- };
112
98
  };
113
99
  '& .M4LTypography-root .MuiTypography-root': {
114
100
  color: string;
@@ -213,37 +199,14 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
213
199
  overflow: string;
214
200
  cursor: string;
215
201
  '& .M4LAreasViewer-windowHeaderContent': {
216
- '& .M4LIcon-root': {
217
- '& .M4LIcon-icon': {
218
- background: string;
219
- };
220
- };
221
- '& .M4LAreasViewer-windowHeaderCancelHandle': {
222
- '& .M4LIcon-root': {
223
- '& .M4LIcon-icon': {
224
- background: string;
225
- };
226
- };
227
- };
202
+ '& .M4LAreasViewer-windowHeaderCancelHandle': {};
228
203
  };
229
204
  '& .M4LTypography-root .MuiTypography-root': {
230
205
  color: string;
231
206
  };
232
- '& .MuiButtonBase-root': {
233
- '& .M4LIcon-icon': {
234
- backgroundColor: string;
235
- };
236
- };
237
- '& .Mui-disabled': {
238
- '& .M4LIcon-icon': {
239
- backgroundColor: string;
240
- };
241
- };
242
- '& .MuiButtonBase-root:hover': {
243
- '& .M4LIcon-icon': {
244
- backgroundColor: string;
245
- };
246
- };
207
+ '& .MuiButtonBase-root': {};
208
+ '& .Mui-disabled': {};
209
+ '& .MuiButtonBase-root:hover': {};
247
210
  };
248
211
  };
249
212
  };
@@ -276,18 +239,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
276
239
  background: string;
277
240
  borderRadius: string;
278
241
  backdropFilter: string;
279
- '& .M4LIcon-root.custom-handle': {
280
- '& .M4LIcon-icon': {
281
- backgroundColor: string;
282
- width: string;
283
- height: string;
284
- minWidth: string;
285
- minHeight: string;
286
- boxShadow: string;
287
- border: string;
288
- borderColor: string;
289
- };
290
- };
242
+ '& .M4LIcon-root.custom-handle': {};
291
243
  '& .M4LAreasViewer-windowRootContainer': {
292
244
  background: string;
293
245
  borderRadius: string;
@@ -299,15 +251,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
299
251
  borderTopRightRadius: string;
300
252
  background: string;
301
253
  border: string;
302
- '& .M4LIcon-root': {
303
- '& .M4LIcon-icon': {
304
- width: string;
305
- height: string;
306
- minWidth: string;
307
- minHeight: string;
308
- backgroundColor: string;
309
- };
310
- };
254
+ '& .M4LIcon-root': {};
311
255
  '& .M4LTypography-root .MuiTypography-root': {
312
256
  color: string;
313
257
  overflow: string;
@@ -341,11 +285,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
341
285
  background: string;
342
286
  borderRadius: string;
343
287
  boxShadow: string;
344
- '& .M4LIcon-root': {
345
- '& .M4LIcon-icon': {
346
- backgroundColor: string;
347
- };
348
- };
288
+ '& .M4LIcon-root': {};
349
289
  '& .M4LTypography-root .MuiTypography-root': {
350
290
  color: string;
351
291
  overflow: string;
@@ -369,11 +309,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
369
309
  background: string;
370
310
  borderTopLeftRadius: string;
371
311
  borderTopRightRadius: string;
372
- '& .M4LIcon-root': {
373
- '& .M4LIcon-icon': {
374
- backgroundColor: string;
375
- };
376
- };
312
+ '& .M4LIcon-root': {};
377
313
  '& .M4LTypography-root .MuiTypography-root': {
378
314
  color: string;
379
315
  overflow: string;
@@ -392,11 +328,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
392
328
  background: string;
393
329
  borderTopLeftRadius: string;
394
330
  borderTopRightRadius: string;
395
- '& .M4LIcon-root': {
396
- '& .M4LIcon-icon': {
397
- backgroundColor: string;
398
- };
399
- };
331
+ '& .M4LIcon-root': {};
400
332
  '& .M4LTypography-root .MuiTypography-root': {
401
333
  color: string;
402
334
  overflow: string;
@@ -419,13 +351,7 @@ export declare const M4LAreasViewer: (theme: Omit<Theme, "palette" | "applyStyle
419
351
  boxShadow: string;
420
352
  '&.M4LAreasViewer-selected': {
421
353
  background: string;
422
- '& .M4LIconButton-root': {
423
- '& .M4LIcon-root': {
424
- '& .M4LIcon-icon': {
425
- backgroundColor: string;
426
- };
427
- };
428
- };
354
+ '& .M4LIconButton-root': {};
429
355
  };
430
356
  };
431
357
  '& .M4LAreasViewer-panelWindowsSeparator': {
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.js CHANGED
@@ -81,11 +81,6 @@ const o = (r) => ({
81
81
  width: "100%",
82
82
  height: "100%",
83
83
  alignItems: "center",
84
- "& .M4LIcon-root": {
85
- "& .M4LIcon-icon": {
86
- background: r.vars.palette.text.secondary
87
- }
88
- },
89
84
  "& .M4LAreasViewer-windowHeaderTitle": {
90
85
  display: "flex",
91
86
  alignItems: "center",
@@ -100,15 +95,6 @@ const o = (r) => ({
100
95
  width: "100%",
101
96
  color: r.vars.palette.text.secondary
102
97
  }
103
- },
104
- "& .M4LAreasViewer-windowHeaderCancelHandle": {
105
- "& .M4LIconButton-icon": {
106
- "& .MuiButtonBase-root": {
107
- "& .M4LIcon-icon": {
108
- background: r.vars.palette.text.secondary
109
- }
110
- }
111
- }
112
98
  }
113
99
  },
114
100
  "& .M4LTypography-root .MuiTypography-root": {
@@ -177,38 +163,15 @@ const o = (r) => ({
177
163
  overflow: "hidden",
178
164
  cursor: "move",
179
165
  "& .M4LAreasViewer-windowHeaderContent": {
180
- "& .M4LIcon-root": {
181
- "& .M4LIcon-icon": {
182
- background: r.vars.palette.primary.focusVisible
183
- }
184
- },
185
- "& .M4LAreasViewer-windowHeaderCancelHandle": {
186
- "& .M4LIcon-root": {
187
- "& .M4LIcon-icon": {
188
- background: r.vars.palette.text.primary
189
- }
190
- }
191
- }
166
+ "& .M4LAreasViewer-windowHeaderCancelHandle": {}
192
167
  },
193
168
  "& .M4LTypography-root .MuiTypography-root": {
194
169
  ...r.colorSchemes.finalTheme.typography.paragraphDens,
195
170
  color: r.vars.palette.primary.focusVisible
196
171
  },
197
- "& .MuiButtonBase-root": {
198
- "& .M4LIcon-icon": {
199
- backgroundColor: r.vars.palette.text.primary
200
- }
201
- },
202
- "& .Mui-disabled": {
203
- "& .M4LIcon-icon": {
204
- backgroundColor: r.vars.palette.text.disabled
205
- }
206
- },
207
- "& .MuiButtonBase-root:hover": {
208
- "& .M4LIcon-icon": {
209
- backgroundColor: r.vars.palette.primary.hover
210
- }
211
- }
172
+ "& .MuiButtonBase-root": {},
173
+ "& .Mui-disabled": {},
174
+ "& .MuiButtonBase-root:hover": {}
212
175
  }
213
176
  }
214
177
  },
@@ -241,18 +204,7 @@ const o = (r) => ({
241
204
  background: r.vars.palette.background.default,
242
205
  borderRadius: "4px",
243
206
  backdropFilter: "blur(8px)",
244
- "& .M4LIcon-root.custom-handle": {
245
- "& .M4LIcon-icon": {
246
- backgroundColor: r.vars.palette.skeleton.default,
247
- width: "11px",
248
- height: "11px",
249
- minWidth: "11px",
250
- minHeight: "11px",
251
- boxShadow: r.vars.customShadows.z1,
252
- border: "1px solid",
253
- borderColor: r.vars.palette.grey[500]
254
- }
255
- },
207
+ "& .M4LIcon-root.custom-handle": {},
256
208
  "& .M4LAreasViewer-windowRootContainer": {
257
209
  background: r.vars.palette.background.default,
258
210
  borderRadius: "4px",
@@ -264,15 +216,7 @@ const o = (r) => ({
264
216
  borderTopRightRadius: "4px",
265
217
  background: r.vars.palette.primary.opacity,
266
218
  border: "none",
267
- "& .M4LIcon-root": {
268
- "& .M4LIcon-icon": {
269
- width: "18px",
270
- height: "18px",
271
- minWidth: "18px",
272
- minHeight: "18px",
273
- backgroundColor: r.vars.palette.text.secondary
274
- }
275
- },
219
+ "& .M4LIcon-root": {},
276
220
  "& .M4LTypography-root .MuiTypography-root": {
277
221
  ...r.colorSchemes.finalTheme.typography.paragraphDens,
278
222
  color: r.vars.palette.text.secondary,
@@ -307,11 +251,7 @@ const o = (r) => ({
307
251
  background: r.vars.palette.background.surface,
308
252
  borderRadius: "4px",
309
253
  boxShadow: r.vars.customShadows.z1,
310
- "& .M4LIcon-root": {
311
- "& .M4LIcon-icon": {
312
- backgroundColor: r.vars.palette.text.primary
313
- }
314
- },
254
+ "& .M4LIcon-root": {},
315
255
  "& .M4LTypography-root .MuiTypography-root": {
316
256
  ...r.colorSchemes.finalTheme.typography.paragraph,
317
257
  color: r.vars.palette.text.primary,
@@ -336,11 +276,7 @@ const o = (r) => ({
336
276
  background: r.vars.palette.primary.opacity,
337
277
  borderTopLeftRadius: "4px",
338
278
  borderTopRightRadius: "4px",
339
- "& .M4LIcon-root": {
340
- "& .M4LIcon-icon": {
341
- backgroundColor: r.vars.palette.text.primary
342
- }
343
- },
279
+ "& .M4LIcon-root": {},
344
280
  "& .M4LTypography-root .MuiTypography-root": {
345
281
  ...r.colorSchemes.finalTheme.typography.paragraphDens,
346
282
  color: r.vars.palette.text.primary,
@@ -364,13 +300,7 @@ const o = (r) => ({
364
300
  boxShadow: r.vars.customShadows.z1,
365
301
  "&.M4LAreasViewer-selected": {
366
302
  background: r.vars.palette.primary.main,
367
- "& .M4LIconButton-root": {
368
- "& .M4LIcon-root": {
369
- "& .M4LIcon-icon": {
370
- backgroundColor: r.vars.palette.primary.contrastText
371
- }
372
- }
373
- }
303
+ "& .M4LIconButton-root": {}
374
304
  }
375
305
  },
376
306
  "& .M4LAreasViewer-panelWindowsSeparator": {
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -21,6 +21,7 @@ export declare const M4LDataGrid: (theme: Omit<Theme, "palette" | "applyStyles">
21
21
  gap: string;
22
22
  height: string;
23
23
  width: string;
24
+ flexGrow: number;
24
25
  '& .rdg .MuiCheckbox-root': {
25
26
  '& > svg': {
26
27
  color: string;
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.js CHANGED
@@ -14,6 +14,7 @@ const e = (r) => ({
14
14
  gap: "4px",
15
15
  height: "100%",
16
16
  width: "100%",
17
+ flexGrow: 1,
17
18
  "& .rdg .MuiCheckbox-root": {
18
19
  "& > svg": {
19
20
  color: r.vars.palette.text.secondary