@m4l/components 9.3.0-B23072025beta.2 → 9.3.0-BE24072025-beta.1

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 (36) hide show
  1. package/components/NumberInput/NumberInput.styles.js +0 -1
  2. package/components/PaperForm/PaperForm.js +2 -1
  3. package/components/PaperForm/components/Header.js +10 -1
  4. package/components/PaperForm/styles.js +4 -1
  5. package/components/PropertyValue/PropertyValue.js +1 -1
  6. package/components/ToastContainer/ToastContainer.js +1 -0
  7. package/components/ToastContainer/ToastContainer.styles.js +122 -126
  8. package/components/ToastContainer/constants.d.ts +0 -670
  9. package/components/ToastContainer/constants.js +1 -672
  10. package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.js +1 -2
  11. package/components/hook-form/RHFDateTime/RHFDateTime.styles.js +1 -2
  12. package/components/hook-form/RHFDateTime/styles.d.ts +1 -0
  13. package/components/hook-form/RHFNumberInput/RHFNumberInput.styles.js +1 -2
  14. package/components/hook-form/RHFPeriod/RHFPeriod.styles.js +5 -2
  15. package/components/hook-form/RHFPeriod/slots/RHFPeriodEnum.d.ts +1 -1
  16. package/components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js +1 -1
  17. package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts +2 -2
  18. package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js +6 -6
  19. package/components/hook-form/RHFPeriod/subcomponents/Period/Period.js +11 -13
  20. package/components/hook-form/RHFPeriod/subcomponents/Period/types.d.ts +2 -2
  21. package/components/hook-form/RHFSelect/RHFSelect.styles.js +1 -2
  22. package/components/hook-form/RHFSelect/slots/RHFSlots.d.ts +1 -1
  23. package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
  24. package/components/hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.d.ts +1 -1
  25. package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +1 -1
  26. package/components/mui_extended/Button/ButtonStyles.js +0 -1
  27. package/components/mui_extended/MenuItem/MenuItem.styles.js +1 -2
  28. package/components/mui_extended/Select/index.d.ts +2 -2
  29. package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
  30. package/components/mui_extended/Select/slots/SelectSlots.js +1 -1
  31. package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +1 -1
  32. package/components/mui_extended/index.d.ts +1 -0
  33. package/index.js +21 -19
  34. package/package.json +1 -1
  35. package/storybook/components/paperForm/PaperForm.stories.d.ts +0 -4
  36. package/components/mui_extended/Select/types.js +0 -1
@@ -1,673 +1,3 @@
1
1
  export declare const TOAST_KEY_COMPONENT = "M4LToastContainer";
2
2
  export declare const DEFAULT_CLOSE_TIME = 30000;
3
3
  export declare const ICONS_PATH = "frontend/components/toast/assets/icons";
4
- export declare const TOAST_NATIVE_STYLES: {
5
- '&': {
6
- '--toastify-color-light': string;
7
- '--toastify-color-dark': string;
8
- '--toastify-color-info': string;
9
- '--toastify-color-success': string;
10
- '--toastify-color-warning': string;
11
- '--toastify-color-error': string;
12
- '--toastify-color-transparent': string;
13
- '--toastify-icon-color-info': string;
14
- '--toastify-icon-color-success': string;
15
- '--toastify-icon-color-warning': string;
16
- '--toastify-icon-color-error': string;
17
- '--toastify-toast-width': string;
18
- '--toastify-toast-offset': string;
19
- '--toastify-toast-top': string;
20
- '--toastify-toast-right': string;
21
- '--toastify-toast-left': string;
22
- '--toastify-toast-bottom': string;
23
- '--toastify-toast-background': string;
24
- '--toastify-toast-min-height': string;
25
- '--toastify-toast-max-height': string;
26
- '--toastify-toast-bd-radius': string;
27
- '--toastify-font-family': string;
28
- '--toastify-z-index': string;
29
- '--toastify-text-color-light': string;
30
- '--toastify-text-color-dark': string;
31
- '--toastify-text-color-info': string;
32
- '--toastify-text-color-success': string;
33
- '--toastify-text-color-warning': string;
34
- '--toastify-text-color-error': string;
35
- '--toastify-spinner-color': string;
36
- '--toastify-spinner-color-empty-area': string;
37
- '--toastify-color-progress-light': string;
38
- '--toastify-color-progress-dark': string;
39
- '--toastify-color-progress-info': string;
40
- '--toastify-color-progress-success': string;
41
- '--toastify-color-progress-warning': string;
42
- '--toastify-color-progress-error': string;
43
- '--toastify-color-progress-bgo': string;
44
- };
45
- '.Toastify__toast-container': {
46
- zIndex: string;
47
- position: string;
48
- padding: string;
49
- width: string;
50
- boxSizing: string;
51
- color: string;
52
- };
53
- '.Toastify__toast-container--top-left': {
54
- top: string;
55
- left: string;
56
- };
57
- '.Toastify__toast-container--top-center': {
58
- top: string;
59
- left: string;
60
- transform: string;
61
- };
62
- '.Toastify__toast-container--top-right': {
63
- top: string;
64
- right: string;
65
- };
66
- '.Toastify__toast-container--bottom-left': {
67
- bottom: string;
68
- left: string;
69
- };
70
- '.Toastify__toast-container--bottom-center': {
71
- bottom: string;
72
- left: string;
73
- transform: string;
74
- };
75
- '.Toastify__toast-container--bottom-right': {
76
- bottom: string;
77
- right: string;
78
- };
79
- '@media only screen and (max-width: 480px)': {
80
- '.Toastify__toast': {
81
- marginBottom: number;
82
- borderRadius: number;
83
- };
84
- '.Toastify__toast-container': {
85
- width: string;
86
- padding: string;
87
- left: string;
88
- margin: string;
89
- };
90
- '.Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right': {
91
- top: string;
92
- transform: string;
93
- };
94
- '.Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right': {
95
- bottom: string;
96
- transform: string;
97
- };
98
- '.Toastify__toast-container--rtl': {
99
- right: string;
100
- left: string;
101
- };
102
- };
103
- '.Toastify__toast': {
104
- '--y': string;
105
- position: string;
106
- msTouchAction: string;
107
- touchAction: string;
108
- minHeight: string;
109
- boxSizing: string;
110
- marginBottom: string;
111
- padding: string;
112
- borderRadius: string;
113
- boxShadow: string;
114
- display: string;
115
- msFlexPack: string;
116
- justifyContent: string;
117
- maxHeight: string;
118
- fontFamily: string;
119
- cursor: string;
120
- direction: string;
121
- zIndex: number;
122
- overflow: string;
123
- };
124
- '.Toastify__toast--stacked': {
125
- position: string;
126
- width: string;
127
- transform: string;
128
- transition: string;
129
- };
130
- '.Toastify__toast--stacked[data-collapsed] .Toastify__close-button, .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body': {
131
- transition: string;
132
- };
133
- '.Toastify__toast--stacked[data-collapsed="false"]': {
134
- overflow: string;
135
- };
136
- '.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > *': {
137
- opacity: number;
138
- };
139
- '.Toastify__toast--stacked:after': {
140
- content: string;
141
- position: string;
142
- left: number;
143
- right: number;
144
- height: string;
145
- bottom: string;
146
- test: string;
147
- };
148
- '.Toastify__toast--stacked[data-pos="top"]': {
149
- top: number;
150
- };
151
- '.Toastify__toast--stacked[data-pos="bot"]': {
152
- bottom: number;
153
- };
154
- '.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked:before': {
155
- transformOrigin: string;
156
- };
157
- '.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked:before': {
158
- transformOrigin: string;
159
- };
160
- '.Toastify__toast--stacked:before': {
161
- content: string;
162
- position: string;
163
- left: number;
164
- right: number;
165
- bottom: number;
166
- height: string;
167
- transform: string;
168
- zIndex: number;
169
- };
170
- '.Toastify__toast--rtl': {
171
- direction: string;
172
- };
173
- '.Toastify__toast--close-on-click': {
174
- cursor: string;
175
- };
176
- '.Toastify__toast-body': {
177
- margin: string;
178
- msFlex: string;
179
- flex: string;
180
- padding: string;
181
- display: string;
182
- msFlexAlign: string;
183
- alignItems: string;
184
- };
185
- '.Toastify__toast-body > div:last-child': {
186
- wordBreak: string;
187
- msFlex: string;
188
- flex: string;
189
- };
190
- '.Toastify__toast-icon': {
191
- marginInlineEnd: string;
192
- width: string;
193
- msFlexNegative: number;
194
- flexShrink: number;
195
- display: string;
196
- };
197
- '.Toastify--animate': {
198
- animationFillMode: string;
199
- animationDuration: string;
200
- };
201
- '.Toastify--animate-icon': {
202
- animationFillMode: string;
203
- animationDuration: string;
204
- };
205
- '.Toastify__toast-theme--dark': {
206
- background: string;
207
- color: string;
208
- };
209
- '.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light': {
210
- background: string;
211
- color: string;
212
- };
213
- '.Toastify__toast-theme--colored.Toastify__toast--info': {
214
- color: string;
215
- background: string;
216
- };
217
- '.Toastify__toast-theme--colored.Toastify__toast--success': {
218
- color: string;
219
- background: string;
220
- };
221
- '.Toastify__toast-theme--colored.Toastify__toast--warning': {
222
- color: string;
223
- background: string;
224
- };
225
- '.Toastify__toast-theme--colored.Toastify__toast--error': {
226
- color: string;
227
- background: string;
228
- };
229
- '.Toastify__progress-bar-theme--light': {
230
- background: string;
231
- };
232
- '.Toastify__progress-bar-theme--dark': {
233
- background: string;
234
- };
235
- '.Toastify__progress-bar--info': {
236
- background: string;
237
- };
238
- '.Toastify__progress-bar--success': {
239
- background: string;
240
- };
241
- '.Toastify__progress-bar--warning': {
242
- background: string;
243
- };
244
- '.Toastify__progress-bar--error': {
245
- background: string;
246
- };
247
- '.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning': {
248
- background: string;
249
- };
250
- '.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning': {
251
- background: string;
252
- };
253
- '.Toastify__close-button': {
254
- color: string;
255
- background: string;
256
- outline: string;
257
- border: string;
258
- padding: string;
259
- cursor: string;
260
- opacity: number;
261
- transition: string;
262
- msFlexItemAlign: string;
263
- alignSelf: string;
264
- zIndex: number;
265
- };
266
- '.Toastify__close-button--light': {
267
- color: string;
268
- opacity: number;
269
- };
270
- '.Toastify__close-button > svg': {
271
- fill: string;
272
- height: string;
273
- width: string;
274
- };
275
- '.Toastify__close-button:focus, .Toastify__close-button:hover': {
276
- opacity: number;
277
- };
278
- '@keyframes Toastify__trackProgress': {
279
- '0%': {
280
- transform: string;
281
- };
282
- to: {
283
- transform: string;
284
- };
285
- };
286
- '.Toastify__progress-bar': {
287
- position: string;
288
- bottom: string;
289
- left: string;
290
- width: string;
291
- height: string;
292
- zIndex: string;
293
- opacity: number;
294
- transformOrigin: string;
295
- borderBottomLeftRadius: string;
296
- };
297
- '.Toastify__progress-bar--animated': {
298
- animation: string;
299
- };
300
- '.Toastify__progress-bar--controlled': {
301
- transition: string;
302
- };
303
- '.Toastify__progress-bar--rtl': {
304
- right: number;
305
- left: string;
306
- transformOrigin: string;
307
- borderBottomLeftRadius: number;
308
- borderBottomRightRadius: string;
309
- };
310
- '.Toastify__progress-bar--wrp': {
311
- position: string;
312
- bottom: number;
313
- left: number;
314
- width: string;
315
- height: string;
316
- borderBottomLeftRadius: string;
317
- };
318
- '.Toastify__progress-bar--wrp[data-hidden="true"]': {
319
- opacity: number;
320
- };
321
- '.Toastify__progress-bar--bg': {
322
- opacity: string;
323
- width: string;
324
- height: string;
325
- };
326
- '.Toastify__spinner': {
327
- width: string;
328
- height: string;
329
- boxSizing: string;
330
- border: string;
331
- borderRadius: string;
332
- borderColor: string;
333
- borderRightColor: string;
334
- animation: string;
335
- };
336
- '@keyframes Toastify__bounceInRight': {
337
- '0%, 60%, 75%, 90%, to': {
338
- animationTimingFunction: string;
339
- };
340
- '0%': {
341
- opacity: number;
342
- transform: string;
343
- };
344
- '60%': {
345
- opacity: number;
346
- transform: string;
347
- };
348
- '75%': {
349
- transform: string;
350
- };
351
- '90%': {
352
- transform: string;
353
- };
354
- to: {
355
- transform: string;
356
- };
357
- };
358
- '@keyframes Toastify__bounceOutRight': {
359
- '20%': {
360
- opacity: number;
361
- transform: string;
362
- };
363
- to: {
364
- opacity: number;
365
- transform: string;
366
- };
367
- };
368
- '@keyframes Toastify__bounceInLeft': {
369
- '0%, 60%, 75%, 90%, to': {
370
- animationTimingFunction: string;
371
- };
372
- '0%': {
373
- opacity: number;
374
- transform: string;
375
- };
376
- '60%': {
377
- opacity: number;
378
- transform: string;
379
- };
380
- '75%': {
381
- transform: string;
382
- };
383
- '90%': {
384
- transform: string;
385
- };
386
- to: {
387
- transform: string;
388
- };
389
- };
390
- '@keyframes Toastify__bounceOutLeft': {
391
- '20%': {
392
- opacity: number;
393
- transform: string;
394
- };
395
- to: {
396
- opacity: number;
397
- transform: string;
398
- };
399
- };
400
- '@keyframes Toastify__bounceInUp': {
401
- '0%, 60%, 75%, 90%, to': {
402
- animationTimingFunction: string;
403
- };
404
- '0%': {
405
- opacity: number;
406
- transform: string;
407
- };
408
- '60%': {
409
- opacity: number;
410
- transform: string;
411
- };
412
- '75%': {
413
- transform: string;
414
- };
415
- '90%': {
416
- transform: string;
417
- };
418
- to: {
419
- transform: string;
420
- };
421
- };
422
- '@keyframes Toastify__bounceOutUp': {
423
- '20%': {
424
- transform: string;
425
- };
426
- '40%, 45%': {
427
- opacity: number;
428
- transform: string;
429
- };
430
- to: {
431
- opacity: number;
432
- transform: string;
433
- };
434
- };
435
- '@keyframes Toastify__bounceInDown': {
436
- '0%, 60%, 75%, 90%, to': {
437
- animationTimingFunction: string;
438
- };
439
- '0%': {
440
- opacity: number;
441
- transform: string;
442
- };
443
- '60%': {
444
- opacity: number;
445
- transform: string;
446
- };
447
- '75%': {
448
- transform: string;
449
- };
450
- '90%': {
451
- transform: string;
452
- };
453
- to: {
454
- transform: string;
455
- };
456
- };
457
- '@keyframes Toastify__bounceOutDown': {
458
- '20%': {
459
- transform: string;
460
- };
461
- '40%, 45%': {
462
- opacity: number;
463
- transform: string;
464
- };
465
- to: {
466
- opacity: number;
467
- transform: string;
468
- };
469
- };
470
- '.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left': {
471
- animationName: string;
472
- };
473
- '.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right': {
474
- animationName: string;
475
- };
476
- '.Toastify__bounce-enter--top-center': {
477
- animationName: string;
478
- };
479
- '.Toastify__bounce-enter--bottom-center': {
480
- animationName: string;
481
- };
482
- '.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left': {
483
- animationName: string;
484
- };
485
- '.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right': {
486
- animationName: string;
487
- };
488
- '.Toastify__bounce-exit--top-center': {
489
- animationName: string;
490
- };
491
- '.Toastify__bounce-exit--bottom-center': {
492
- animationName: string;
493
- };
494
- '@keyframes Toastify__zoomIn': {
495
- '0%': {
496
- opacity: number;
497
- transform: string;
498
- };
499
- '50%': {
500
- opacity: number;
501
- };
502
- };
503
- '@keyframes Toastify__zoomOut': {
504
- '0%': {
505
- opacity: number;
506
- };
507
- '50%': {
508
- opacity: number;
509
- transform: string;
510
- };
511
- to: {
512
- opacity: number;
513
- };
514
- };
515
- '.Toastify__zoom-enter': {
516
- animationName: string;
517
- };
518
- '.Toastify__zoom-exit': {
519
- animationName: string;
520
- };
521
- '@keyframes Toastify__flipIn': {
522
- '0%': {
523
- transform: string;
524
- animationTimingFunction: string;
525
- opacity: number;
526
- };
527
- '40%': {
528
- transform: string;
529
- animationTimingFunction: string;
530
- };
531
- '60%': {
532
- transform: string;
533
- opacity: number;
534
- };
535
- '80%': {
536
- transform: string;
537
- };
538
- to: {
539
- transform: string;
540
- };
541
- };
542
- '@keyframes Toastify__flipOut': {
543
- '0%': {
544
- transform: string;
545
- };
546
- '30%': {
547
- transform: string;
548
- opacity: number;
549
- };
550
- to: {
551
- transform: string;
552
- opacity: number;
553
- };
554
- };
555
- '.Toastify__flip-enter': {
556
- animationName: string;
557
- };
558
- '.Toastify__flip-exit': {
559
- animationName: string;
560
- };
561
- '@keyframes Toastify__slideInRight': {
562
- '0%': {
563
- transform: string;
564
- visibility: string;
565
- };
566
- to: {
567
- transform: string;
568
- };
569
- };
570
- '@keyframes Toastify__slideInLeft': {
571
- '0%': {
572
- transform: string;
573
- visibility: string;
574
- };
575
- to: {
576
- transform: string;
577
- };
578
- };
579
- '@keyframes Toastify__slideInUp': {
580
- '0%': {
581
- transform: string;
582
- visibility: string;
583
- };
584
- to: {
585
- transform: string;
586
- };
587
- };
588
- '@keyframes Toastify__slideInDown': {
589
- '0%': {
590
- transform: string;
591
- visibility: string;
592
- };
593
- to: {
594
- transform: string;
595
- };
596
- };
597
- '@keyframes Toastify__slideOutRight': {
598
- '0%': {
599
- transform: string;
600
- };
601
- to: {
602
- visibility: string;
603
- transform: string;
604
- };
605
- };
606
- '@keyframes Toastify__slideOutLeft': {
607
- '0%': {
608
- transform: string;
609
- };
610
- to: {
611
- visibility: string;
612
- transform: string;
613
- };
614
- };
615
- '@keyframes Toastify__slideOutDown': {
616
- '0%': {
617
- transform: string;
618
- };
619
- to: {
620
- visibility: string;
621
- transform: string;
622
- };
623
- };
624
- '@keyframes Toastify__slideOutUp': {
625
- '0%': {
626
- transform: string;
627
- };
628
- to: {
629
- visibility: string;
630
- transform: string;
631
- };
632
- };
633
- '.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left': {
634
- animationName: string;
635
- };
636
- '.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right': {
637
- animationName: string;
638
- };
639
- '.Toastify__slide-enter--top-center': {
640
- animationName: string;
641
- };
642
- '.Toastify__slide-enter--bottom-center': {
643
- animationName: string;
644
- };
645
- '.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left': {
646
- animationName: string;
647
- animationTimingFunction: string;
648
- animationDuration: string;
649
- };
650
- '.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right': {
651
- animationName: string;
652
- animationTimingFunction: string;
653
- animationDuration: string;
654
- };
655
- '.Toastify__slide-exit--top-center': {
656
- animationName: string;
657
- animationTimingFunction: string;
658
- animationDuration: string;
659
- };
660
- '.Toastify__slide-exit--bottom-center': {
661
- animationName: string;
662
- animationTimingFunction: string;
663
- animationDuration: string;
664
- };
665
- '@keyframes Toastify__spin': {
666
- '0%': {
667
- transform: string;
668
- };
669
- to: {
670
- transform: string;
671
- };
672
- };
673
- };