@m4l/layouts 9.3.1-beta.5 → 9.3.2

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/.storybook/utils/getStylesColorsByMode.d.ts +4 -52
  2. package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +86 -87
  3. package/hooks/useDynamicPaperForm/types.d.ts +2 -1
  4. package/hooks/useDynamicPaperForm/useDynamicPaperForm.js +1 -1
  5. package/package.json +4 -4
package/.storybook/utils/getStylesColorsByMode.d.ts CHANGED
@@ -20,8 +20,6 @@ export declare const colorsLight: {
20
20
  readonly opacity: string;
21
21
  readonly toneOpacity: string;
22
22
  readonly semanticText: string;
23
- readonly opacityGradient1: string;
24
- readonly opacityGradient2: string;
25
23
  };
26
24
  readonly default: {
27
25
  readonly semanticText: string;
@@ -42,8 +40,6 @@ export declare const colorsLight: {
42
40
  readonly activeOpacity: string;
43
41
  readonly opacity: string;
44
42
  readonly toneOpacity: string;
45
- readonly opacityGradient1: string;
46
- readonly opacityGradient2: string;
47
43
  };
48
44
  readonly divider: string;
49
45
  readonly text: {
@@ -59,7 +55,7 @@ export declare const colorsLight: {
59
55
  readonly backdrop: string;
60
56
  readonly base: string;
61
57
  readonly blur: string;
62
- readonly paper: "#fff";
58
+ readonly paper: "#000";
63
59
  };
64
60
  readonly chips: {
65
61
  readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -133,8 +129,6 @@ export declare const colorsLight: {
133
129
  readonly opacity: string;
134
130
  readonly toneOpacity: string;
135
131
  readonly semanticText: string;
136
- readonly opacityGradient1: string;
137
- readonly opacityGradient2: string;
138
132
  };
139
133
  readonly success: {
140
134
  readonly focusVisible: string;
@@ -155,8 +149,6 @@ export declare const colorsLight: {
155
149
  readonly opacity: string;
156
150
  readonly toneOpacity: string;
157
151
  readonly semanticText: string;
158
- readonly opacityGradient1: string;
159
- readonly opacityGradient2: string;
160
152
  };
161
153
  readonly warning: {
162
154
  readonly focusVisible: string;
@@ -177,8 +169,6 @@ export declare const colorsLight: {
177
169
  readonly opacity: string;
178
170
  readonly toneOpacity: string;
179
171
  readonly semanticText: string;
180
- readonly opacityGradient1: string;
181
- readonly opacityGradient2: string;
182
172
  };
183
173
  readonly error: {
184
174
  readonly focusVisible: string;
@@ -199,8 +189,6 @@ export declare const colorsLight: {
199
189
  readonly opacity: string;
200
190
  readonly toneOpacity: string;
201
191
  readonly semanticText: string;
202
- readonly opacityGradient1: string;
203
- readonly opacityGradient2: string;
204
192
  };
205
193
  } | {
206
194
  readonly mode: "dark";
@@ -224,8 +212,6 @@ export declare const colorsLight: {
224
212
  readonly opacity: string;
225
213
  readonly toneOpacity: string;
226
214
  readonly semanticText: string;
227
- readonly opacityGradient1: string;
228
- readonly opacityGradient2: string;
229
215
  };
230
216
  readonly default: {
231
217
  readonly semanticText: string;
@@ -246,8 +232,6 @@ export declare const colorsLight: {
246
232
  readonly activeOpacity: string;
247
233
  readonly opacity: string;
248
234
  readonly toneOpacity: string;
249
- readonly opacityGradient1: string;
250
- readonly opacityGradient2: string;
251
235
  };
252
236
  readonly text: {
253
237
  readonly primary: string;
@@ -304,7 +288,7 @@ export declare const colorsLight: {
304
288
  readonly border: {
305
289
  readonly main: string;
306
290
  readonly dens: string;
307
- readonly default: string;
291
+ readonly default: string | undefined;
308
292
  readonly secondary: string;
309
293
  readonly disabled: string;
310
294
  readonly error: string;
@@ -337,8 +321,6 @@ export declare const colorsLight: {
337
321
  readonly opacity: string;
338
322
  readonly toneOpacity: string;
339
323
  readonly semanticText: string;
340
- readonly opacityGradient1: string;
341
- readonly opacityGradient2: string;
342
324
  };
343
325
  readonly success: {
344
326
  readonly focusVisible: string;
@@ -359,8 +341,6 @@ export declare const colorsLight: {
359
341
  readonly opacity: string;
360
342
  readonly toneOpacity: string;
361
343
  readonly semanticText: string;
362
- readonly opacityGradient1: string;
363
- readonly opacityGradient2: string;
364
344
  };
365
345
  readonly warning: {
366
346
  readonly focusVisible: string;
@@ -381,8 +361,6 @@ export declare const colorsLight: {
381
361
  readonly opacity: string;
382
362
  readonly toneOpacity: string;
383
363
  readonly semanticText: string;
384
- readonly opacityGradient1: string;
385
- readonly opacityGradient2: string;
386
364
  };
387
365
  readonly error: {
388
366
  readonly focusVisible: string;
@@ -403,8 +381,6 @@ export declare const colorsLight: {
403
381
  readonly opacity: string;
404
382
  readonly toneOpacity: string;
405
383
  readonly semanticText: string;
406
- readonly opacityGradient1: string;
407
- readonly opacityGradient2: string;
408
384
  };
409
385
  };
410
386
  export declare const colorsDark: {
@@ -429,8 +405,6 @@ export declare const colorsDark: {
429
405
  readonly opacity: string;
430
406
  readonly toneOpacity: string;
431
407
  readonly semanticText: string;
432
- readonly opacityGradient1: string;
433
- readonly opacityGradient2: string;
434
408
  };
435
409
  readonly default: {
436
410
  readonly semanticText: string;
@@ -451,8 +425,6 @@ export declare const colorsDark: {
451
425
  readonly activeOpacity: string;
452
426
  readonly opacity: string;
453
427
  readonly toneOpacity: string;
454
- readonly opacityGradient1: string;
455
- readonly opacityGradient2: string;
456
428
  };
457
429
  readonly divider: string;
458
430
  readonly text: {
@@ -468,7 +440,7 @@ export declare const colorsDark: {
468
440
  readonly backdrop: string;
469
441
  readonly base: string;
470
442
  readonly blur: string;
471
- readonly paper: "#fff";
443
+ readonly paper: "#000";
472
444
  };
473
445
  readonly chips: {
474
446
  readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -542,8 +514,6 @@ export declare const colorsDark: {
542
514
  readonly opacity: string;
543
515
  readonly toneOpacity: string;
544
516
  readonly semanticText: string;
545
- readonly opacityGradient1: string;
546
- readonly opacityGradient2: string;
547
517
  };
548
518
  readonly success: {
549
519
  readonly focusVisible: string;
@@ -564,8 +534,6 @@ export declare const colorsDark: {
564
534
  readonly opacity: string;
565
535
  readonly toneOpacity: string;
566
536
  readonly semanticText: string;
567
- readonly opacityGradient1: string;
568
- readonly opacityGradient2: string;
569
537
  };
570
538
  readonly warning: {
571
539
  readonly focusVisible: string;
@@ -586,8 +554,6 @@ export declare const colorsDark: {
586
554
  readonly opacity: string;
587
555
  readonly toneOpacity: string;
588
556
  readonly semanticText: string;
589
- readonly opacityGradient1: string;
590
- readonly opacityGradient2: string;
591
557
  };
592
558
  readonly error: {
593
559
  readonly focusVisible: string;
@@ -608,8 +574,6 @@ export declare const colorsDark: {
608
574
  readonly opacity: string;
609
575
  readonly toneOpacity: string;
610
576
  readonly semanticText: string;
611
- readonly opacityGradient1: string;
612
- readonly opacityGradient2: string;
613
577
  };
614
578
  } | {
615
579
  readonly mode: "dark";
@@ -633,8 +597,6 @@ export declare const colorsDark: {
633
597
  readonly opacity: string;
634
598
  readonly toneOpacity: string;
635
599
  readonly semanticText: string;
636
- readonly opacityGradient1: string;
637
- readonly opacityGradient2: string;
638
600
  };
639
601
  readonly default: {
640
602
  readonly semanticText: string;
@@ -655,8 +617,6 @@ export declare const colorsDark: {
655
617
  readonly activeOpacity: string;
656
618
  readonly opacity: string;
657
619
  readonly toneOpacity: string;
658
- readonly opacityGradient1: string;
659
- readonly opacityGradient2: string;
660
620
  };
661
621
  readonly text: {
662
622
  readonly primary: string;
@@ -713,7 +673,7 @@ export declare const colorsDark: {
713
673
  readonly border: {
714
674
  readonly main: string;
715
675
  readonly dens: string;
716
- readonly default: string;
676
+ readonly default: string | undefined;
717
677
  readonly secondary: string;
718
678
  readonly disabled: string;
719
679
  readonly error: string;
@@ -746,8 +706,6 @@ export declare const colorsDark: {
746
706
  readonly opacity: string;
747
707
  readonly toneOpacity: string;
748
708
  readonly semanticText: string;
749
- readonly opacityGradient1: string;
750
- readonly opacityGradient2: string;
751
709
  };
752
710
  readonly success: {
753
711
  readonly focusVisible: string;
@@ -768,8 +726,6 @@ export declare const colorsDark: {
768
726
  readonly opacity: string;
769
727
  readonly toneOpacity: string;
770
728
  readonly semanticText: string;
771
- readonly opacityGradient1: string;
772
- readonly opacityGradient2: string;
773
729
  };
774
730
  readonly warning: {
775
731
  readonly focusVisible: string;
@@ -790,8 +746,6 @@ export declare const colorsDark: {
790
746
  readonly opacity: string;
791
747
  readonly toneOpacity: string;
792
748
  readonly semanticText: string;
793
- readonly opacityGradient1: string;
794
- readonly opacityGradient2: string;
795
749
  };
796
750
  readonly error: {
797
751
  readonly focusVisible: string;
@@ -812,8 +766,6 @@ export declare const colorsDark: {
812
766
  readonly opacity: string;
813
767
  readonly toneOpacity: string;
814
768
  readonly semanticText: string;
815
- readonly opacityGradient1: string;
816
- readonly opacityGradient2: string;
817
769
  };
818
770
  };
819
771
  export declare const generalColors: string[];
package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts CHANGED
@@ -19,120 +19,118 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
19
19
  size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
20
20
  children?: null | undefined;
21
21
  ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
22
- title?: string | undefined | undefined;
22
+ title?: string | undefined;
23
23
  component?: React.ElementType | undefined;
24
- id?: string | undefined | undefined;
24
+ id?: string | undefined;
25
25
  disabled?: boolean | undefined;
26
26
  action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
27
- hidden?: boolean | undefined | undefined;
27
+ hidden?: boolean | undefined;
28
28
  color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
29
- content?: string | undefined | undefined;
29
+ content?: string | undefined;
30
30
  style?: React.CSSProperties | undefined;
31
- translate?: "yes" | "no" | undefined | undefined;
31
+ translate?: "yes" | "no" | undefined;
32
32
  urlIcon?: string | undefined;
33
- lang?: string | undefined | undefined;
34
- slot?: string | undefined | undefined;
35
- dir?: string | undefined | undefined;
33
+ lang?: string | undefined;
34
+ slot?: string | undefined;
35
+ dir?: string | undefined;
36
36
  className?: string | undefined;
37
37
  classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
38
38
  sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
39
39
  key?: import('react').Key | null | undefined;
40
- defaultChecked?: boolean | undefined | undefined;
40
+ defaultChecked?: boolean | undefined;
41
41
  defaultValue?: string | number | readonly string[] | undefined;
42
- suppressContentEditableWarning?: boolean | undefined | undefined;
43
- suppressHydrationWarning?: boolean | undefined | undefined;
44
- accessKey?: string | undefined | undefined;
45
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
46
- autoFocus?: boolean | undefined | undefined;
47
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
48
- contextMenu?: string | undefined | undefined;
42
+ suppressContentEditableWarning?: boolean | undefined;
43
+ suppressHydrationWarning?: boolean | undefined;
44
+ accessKey?: string | undefined;
45
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
46
+ autoFocus?: boolean | undefined;
47
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
48
+ contextMenu?: string | undefined;
49
49
  draggable?: (boolean | "false" | "true") | undefined;
50
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
51
- nonce?: string | undefined | undefined;
50
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
51
+ nonce?: string | undefined;
52
52
  spellCheck?: (boolean | "false" | "true") | undefined;
53
53
  tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
54
- radioGroup?: string | undefined | undefined;
54
+ radioGroup?: string | undefined;
55
55
  role?: import('react').AriaRole | undefined;
56
- about?: string | undefined | undefined;
57
- datatype?: string | undefined | undefined;
56
+ about?: string | undefined;
57
+ datatype?: string | undefined;
58
58
  inlist?: any;
59
- prefix?: string | undefined | undefined;
60
- property?: string | undefined | undefined;
61
- rel?: string | undefined | undefined;
62
- resource?: string | undefined | undefined;
63
- rev?: string | undefined | undefined;
64
- typeof?: string | undefined | undefined;
65
- vocab?: string | undefined | undefined;
66
- autoCorrect?: string | undefined | undefined;
67
- autoSave?: string | undefined | undefined;
68
- itemProp?: string | undefined | undefined;
69
- itemScope?: boolean | undefined | undefined;
70
- itemType?: string | undefined | undefined;
71
- itemID?: string | undefined | undefined;
72
- itemRef?: string | undefined | undefined;
73
- results?: number | undefined | undefined;
74
- security?: string | undefined | undefined;
75
- unselectable?: "on" | "off" | undefined | undefined;
76
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
77
- is?: string | undefined | undefined;
78
- exportparts?: string | undefined | undefined;
79
- part?: string | undefined | undefined;
80
- "aria-activedescendant"?: string | undefined | undefined;
59
+ prefix?: string | undefined;
60
+ property?: string | undefined;
61
+ rel?: string | undefined;
62
+ resource?: string | undefined;
63
+ rev?: string | undefined;
64
+ typeof?: string | undefined;
65
+ vocab?: string | undefined;
66
+ autoCorrect?: string | undefined;
67
+ autoSave?: string | undefined;
68
+ itemProp?: string | undefined;
69
+ itemScope?: boolean | undefined;
70
+ itemType?: string | undefined;
71
+ itemID?: string | undefined;
72
+ itemRef?: string | undefined;
73
+ results?: number | undefined;
74
+ security?: string | undefined;
75
+ unselectable?: "on" | "off" | undefined;
76
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
77
+ is?: string | undefined;
78
+ "aria-activedescendant"?: string | undefined;
81
79
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
82
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
83
- "aria-braillelabel"?: string | undefined | undefined;
84
- "aria-brailleroledescription"?: string | undefined | undefined;
80
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
81
+ "aria-braillelabel"?: string | undefined;
82
+ "aria-brailleroledescription"?: string | undefined;
85
83
  "aria-busy"?: (boolean | "false" | "true") | undefined;
86
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
87
- "aria-colcount"?: number | undefined | undefined;
88
- "aria-colindex"?: number | undefined | undefined;
89
- "aria-colindextext"?: string | undefined | undefined;
90
- "aria-colspan"?: number | undefined | undefined;
91
- "aria-controls"?: string | undefined | undefined;
92
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
93
- "aria-describedby"?: string | undefined | undefined;
94
- "aria-description"?: string | undefined | undefined;
95
- "aria-details"?: string | undefined | undefined;
84
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
85
+ "aria-colcount"?: number | undefined;
86
+ "aria-colindex"?: number | undefined;
87
+ "aria-colindextext"?: string | undefined;
88
+ "aria-colspan"?: number | undefined;
89
+ "aria-controls"?: string | undefined;
90
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
91
+ "aria-describedby"?: string | undefined;
92
+ "aria-description"?: string | undefined;
93
+ "aria-details"?: string | undefined;
96
94
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
97
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
98
- "aria-errormessage"?: string | undefined | undefined;
95
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
96
+ "aria-errormessage"?: string | undefined;
99
97
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
100
- "aria-flowto"?: string | undefined | undefined;
98
+ "aria-flowto"?: string | undefined;
101
99
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
102
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
100
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
103
101
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
104
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
105
- "aria-keyshortcuts"?: string | undefined | undefined;
106
- "aria-label"?: string | undefined | undefined;
107
- "aria-labelledby"?: string | undefined | undefined;
108
- "aria-level"?: number | undefined | undefined;
109
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
102
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
103
+ "aria-keyshortcuts"?: string | undefined;
104
+ "aria-label"?: string | undefined;
105
+ "aria-labelledby"?: string | undefined;
106
+ "aria-level"?: number | undefined;
107
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
110
108
  "aria-modal"?: (boolean | "false" | "true") | undefined;
111
109
  "aria-multiline"?: (boolean | "false" | "true") | undefined;
112
110
  "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
113
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
114
- "aria-owns"?: string | undefined | undefined;
115
- "aria-placeholder"?: string | undefined | undefined;
116
- "aria-posinset"?: number | undefined | undefined;
117
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
111
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
112
+ "aria-owns"?: string | undefined;
113
+ "aria-placeholder"?: string | undefined;
114
+ "aria-posinset"?: number | undefined;
115
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
118
116
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
119
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
117
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
120
118
  "aria-required"?: (boolean | "false" | "true") | undefined;
121
- "aria-roledescription"?: string | undefined | undefined;
122
- "aria-rowcount"?: number | undefined | undefined;
123
- "aria-rowindex"?: number | undefined | undefined;
124
- "aria-rowindextext"?: string | undefined | undefined;
125
- "aria-rowspan"?: number | undefined | undefined;
119
+ "aria-roledescription"?: string | undefined;
120
+ "aria-rowcount"?: number | undefined;
121
+ "aria-rowindex"?: number | undefined;
122
+ "aria-rowindextext"?: string | undefined;
123
+ "aria-rowspan"?: number | undefined;
126
124
  "aria-selected"?: (boolean | "false" | "true") | undefined;
127
- "aria-setsize"?: number | undefined | undefined;
128
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
129
- "aria-valuemax"?: number | undefined | undefined;
130
- "aria-valuemin"?: number | undefined | undefined;
131
- "aria-valuenow"?: number | undefined | undefined;
132
- "aria-valuetext"?: string | undefined | undefined;
125
+ "aria-setsize"?: number | undefined;
126
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
127
+ "aria-valuemax"?: number | undefined;
128
+ "aria-valuemin"?: number | undefined;
129
+ "aria-valuenow"?: number | undefined;
130
+ "aria-valuetext"?: string | undefined;
133
131
  dangerouslySetInnerHTML?: {
134
132
  __html: string | TrustedHTML;
135
- } | undefined | undefined;
133
+ } | undefined;
136
134
  onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
137
135
  onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
138
136
  onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -151,7 +149,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
151
149
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
152
150
  onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
153
151
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
154
- onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
152
+ onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
155
153
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
156
154
  onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
157
155
  onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -201,6 +199,8 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
201
199
  onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
202
200
  onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
203
201
  onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
202
+ onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
203
+ onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
204
204
  onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
205
205
  onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
206
206
  onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
@@ -302,8 +302,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
302
302
  TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
303
303
  touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
304
304
  disableFocusRipple?: boolean | undefined;
305
- ariaLabel?: string | undefined;
306
- iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
305
+ iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
307
306
  wrapped?: boolean | undefined;
308
307
  }[];
309
308
  handleChangeTab: (newValue: string) => void;
package/hooks/useDynamicPaperForm/types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- interface PropertyValueFieldBase {
1
+ import { PropertyValueProps } from '@m4l/components';
2
+ interface PropertyValueFieldBase extends Pick<PropertyValueProps, 'semanticWidth'> {
2
3
  name: string;
3
4
  type: 'RHFTexfField' | 'component';
4
5
  label: string;
package/hooks/useDynamicPaperForm/useDynamicPaperForm.js CHANGED
@@ -41,7 +41,7 @@ function useDynamicPaperForm(props) {
41
41
  mandatoryMessage: "*",
42
42
  value: component,
43
43
  dataTestId: field.name,
44
- semanticWidth: "fullWidth"
44
+ semanticWidth: field?.semanticWidth || "fullWidth"
45
45
  },
46
46
  field.name
47
47
  );
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "9.3.1-beta.5",
3
+ "version": "9.3.2",
4
4
  "license": "UNLICENSED",
5
5
  "author": "M4L Team ",
6
6
  "lint-staged": {
7
7
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
8
8
  },
9
9
  "peerDependencies": {
10
- "@m4l/components": "9.2.56-beta.5",
10
+ "@m4l/components": "^9.0.0",
11
11
  "@m4l/core": "^2.0.0",
12
- "@m4l/graphics": "7.1.1-beta.5",
13
- "@m4l/styles": "7.1.28-beta.5"
12
+ "@m4l/graphics": "^7.0.0",
13
+ "@m4l/styles": "^7.0.0"
14
14
  },
15
15
  "resolutions": {
16
16
  "glob": "^10.4.5",