@m4l/layouts 9.3.1-beta.4 → 9.3.1-beta.6

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 (6) hide show
  1. package/.storybook/utils/getStylesColorsByMode.d.ts +48 -0
  2. package/components/ModuleDetailTabs/ModuleDetailTabs.js +1 -0
  3. package/components/ModuleDetailTabs/types.d.ts +4 -0
  4. package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts +1 -0
  5. package/hooks/useDynamicAccordions/useDynamicAccordions.js +2 -2
  6. package/package.json +4 -4
package/.storybook/utils/getStylesColorsByMode.d.ts CHANGED
@@ -20,6 +20,8 @@ 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;
23
25
  };
24
26
  readonly default: {
25
27
  readonly semanticText: string;
@@ -40,6 +42,8 @@ export declare const colorsLight: {
40
42
  readonly activeOpacity: string;
41
43
  readonly opacity: string;
42
44
  readonly toneOpacity: string;
45
+ readonly opacityGradient1: string;
46
+ readonly opacityGradient2: string;
43
47
  };
44
48
  readonly divider: string;
45
49
  readonly text: {
@@ -129,6 +133,8 @@ export declare const colorsLight: {
129
133
  readonly opacity: string;
130
134
  readonly toneOpacity: string;
131
135
  readonly semanticText: string;
136
+ readonly opacityGradient1: string;
137
+ readonly opacityGradient2: string;
132
138
  };
133
139
  readonly success: {
134
140
  readonly focusVisible: string;
@@ -149,6 +155,8 @@ export declare const colorsLight: {
149
155
  readonly opacity: string;
150
156
  readonly toneOpacity: string;
151
157
  readonly semanticText: string;
158
+ readonly opacityGradient1: string;
159
+ readonly opacityGradient2: string;
152
160
  };
153
161
  readonly warning: {
154
162
  readonly focusVisible: string;
@@ -169,6 +177,8 @@ export declare const colorsLight: {
169
177
  readonly opacity: string;
170
178
  readonly toneOpacity: string;
171
179
  readonly semanticText: string;
180
+ readonly opacityGradient1: string;
181
+ readonly opacityGradient2: string;
172
182
  };
173
183
  readonly error: {
174
184
  readonly focusVisible: string;
@@ -189,6 +199,8 @@ export declare const colorsLight: {
189
199
  readonly opacity: string;
190
200
  readonly toneOpacity: string;
191
201
  readonly semanticText: string;
202
+ readonly opacityGradient1: string;
203
+ readonly opacityGradient2: string;
192
204
  };
193
205
  } | {
194
206
  readonly mode: "dark";
@@ -212,6 +224,8 @@ export declare const colorsLight: {
212
224
  readonly opacity: string;
213
225
  readonly toneOpacity: string;
214
226
  readonly semanticText: string;
227
+ readonly opacityGradient1: string;
228
+ readonly opacityGradient2: string;
215
229
  };
216
230
  readonly default: {
217
231
  readonly semanticText: string;
@@ -232,6 +246,8 @@ export declare const colorsLight: {
232
246
  readonly activeOpacity: string;
233
247
  readonly opacity: string;
234
248
  readonly toneOpacity: string;
249
+ readonly opacityGradient1: string;
250
+ readonly opacityGradient2: string;
235
251
  };
236
252
  readonly text: {
237
253
  readonly primary: string;
@@ -321,6 +337,8 @@ export declare const colorsLight: {
321
337
  readonly opacity: string;
322
338
  readonly toneOpacity: string;
323
339
  readonly semanticText: string;
340
+ readonly opacityGradient1: string;
341
+ readonly opacityGradient2: string;
324
342
  };
325
343
  readonly success: {
326
344
  readonly focusVisible: string;
@@ -341,6 +359,8 @@ export declare const colorsLight: {
341
359
  readonly opacity: string;
342
360
  readonly toneOpacity: string;
343
361
  readonly semanticText: string;
362
+ readonly opacityGradient1: string;
363
+ readonly opacityGradient2: string;
344
364
  };
345
365
  readonly warning: {
346
366
  readonly focusVisible: string;
@@ -361,6 +381,8 @@ export declare const colorsLight: {
361
381
  readonly opacity: string;
362
382
  readonly toneOpacity: string;
363
383
  readonly semanticText: string;
384
+ readonly opacityGradient1: string;
385
+ readonly opacityGradient2: string;
364
386
  };
365
387
  readonly error: {
366
388
  readonly focusVisible: string;
@@ -381,6 +403,8 @@ export declare const colorsLight: {
381
403
  readonly opacity: string;
382
404
  readonly toneOpacity: string;
383
405
  readonly semanticText: string;
406
+ readonly opacityGradient1: string;
407
+ readonly opacityGradient2: string;
384
408
  };
385
409
  };
386
410
  export declare const colorsDark: {
@@ -405,6 +429,8 @@ export declare const colorsDark: {
405
429
  readonly opacity: string;
406
430
  readonly toneOpacity: string;
407
431
  readonly semanticText: string;
432
+ readonly opacityGradient1: string;
433
+ readonly opacityGradient2: string;
408
434
  };
409
435
  readonly default: {
410
436
  readonly semanticText: string;
@@ -425,6 +451,8 @@ export declare const colorsDark: {
425
451
  readonly activeOpacity: string;
426
452
  readonly opacity: string;
427
453
  readonly toneOpacity: string;
454
+ readonly opacityGradient1: string;
455
+ readonly opacityGradient2: string;
428
456
  };
429
457
  readonly divider: string;
430
458
  readonly text: {
@@ -514,6 +542,8 @@ export declare const colorsDark: {
514
542
  readonly opacity: string;
515
543
  readonly toneOpacity: string;
516
544
  readonly semanticText: string;
545
+ readonly opacityGradient1: string;
546
+ readonly opacityGradient2: string;
517
547
  };
518
548
  readonly success: {
519
549
  readonly focusVisible: string;
@@ -534,6 +564,8 @@ export declare const colorsDark: {
534
564
  readonly opacity: string;
535
565
  readonly toneOpacity: string;
536
566
  readonly semanticText: string;
567
+ readonly opacityGradient1: string;
568
+ readonly opacityGradient2: string;
537
569
  };
538
570
  readonly warning: {
539
571
  readonly focusVisible: string;
@@ -554,6 +586,8 @@ export declare const colorsDark: {
554
586
  readonly opacity: string;
555
587
  readonly toneOpacity: string;
556
588
  readonly semanticText: string;
589
+ readonly opacityGradient1: string;
590
+ readonly opacityGradient2: string;
557
591
  };
558
592
  readonly error: {
559
593
  readonly focusVisible: string;
@@ -574,6 +608,8 @@ export declare const colorsDark: {
574
608
  readonly opacity: string;
575
609
  readonly toneOpacity: string;
576
610
  readonly semanticText: string;
611
+ readonly opacityGradient1: string;
612
+ readonly opacityGradient2: string;
577
613
  };
578
614
  } | {
579
615
  readonly mode: "dark";
@@ -597,6 +633,8 @@ export declare const colorsDark: {
597
633
  readonly opacity: string;
598
634
  readonly toneOpacity: string;
599
635
  readonly semanticText: string;
636
+ readonly opacityGradient1: string;
637
+ readonly opacityGradient2: string;
600
638
  };
601
639
  readonly default: {
602
640
  readonly semanticText: string;
@@ -617,6 +655,8 @@ export declare const colorsDark: {
617
655
  readonly activeOpacity: string;
618
656
  readonly opacity: string;
619
657
  readonly toneOpacity: string;
658
+ readonly opacityGradient1: string;
659
+ readonly opacityGradient2: string;
620
660
  };
621
661
  readonly text: {
622
662
  readonly primary: string;
@@ -706,6 +746,8 @@ export declare const colorsDark: {
706
746
  readonly opacity: string;
707
747
  readonly toneOpacity: string;
708
748
  readonly semanticText: string;
749
+ readonly opacityGradient1: string;
750
+ readonly opacityGradient2: string;
709
751
  };
710
752
  readonly success: {
711
753
  readonly focusVisible: string;
@@ -726,6 +768,8 @@ export declare const colorsDark: {
726
768
  readonly opacity: string;
727
769
  readonly toneOpacity: string;
728
770
  readonly semanticText: string;
771
+ readonly opacityGradient1: string;
772
+ readonly opacityGradient2: string;
729
773
  };
730
774
  readonly warning: {
731
775
  readonly focusVisible: string;
@@ -746,6 +790,8 @@ export declare const colorsDark: {
746
790
  readonly opacity: string;
747
791
  readonly toneOpacity: string;
748
792
  readonly semanticText: string;
793
+ readonly opacityGradient1: string;
794
+ readonly opacityGradient2: string;
749
795
  };
750
796
  readonly error: {
751
797
  readonly focusVisible: string;
@@ -766,6 +812,8 @@ export declare const colorsDark: {
766
812
  readonly opacity: string;
767
813
  readonly toneOpacity: string;
768
814
  readonly semanticText: string;
815
+ readonly opacityGradient1: string;
816
+ readonly opacityGradient2: string;
769
817
  };
770
818
  };
771
819
  export declare const generalColors: string[];
package/components/ModuleDetailTabs/ModuleDetailTabs.js CHANGED
@@ -30,6 +30,7 @@ function ModuleDetailTabs(props) {
30
30
  TabContent,
31
31
  {
32
32
  style: { display: isMatched ? "flex" : "none" },
33
+ ...tab.background ? { background: tab.background } : {},
33
34
  children: /* @__PURE__ */ jsx(tab.tabContent, { data: detailData, endPointData, hasPrivilegeDetail, ...tab.componentProps })
34
35
  },
35
36
  tab.value
package/components/ModuleDetailTabs/types.d.ts CHANGED
@@ -47,6 +47,10 @@ export interface ModuleDatailTab<T extends Record<string, any> = Record<string,
47
47
  * automáticamente por ModuleDetailTabs
48
48
  */
49
49
  componentProps?: Omit<React.ComponentProps<C>, keyof ModuleDetailTabContent<T, K>>;
50
+ /**
51
+ * "background" Indica si el contenido del tab debe tener un fondo, default: false
52
+ */
53
+ background?: boolean;
50
54
  }
51
55
  /**
52
56
  * Interfaz para las props del tab de logs
package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
15
15
  value: string;
16
16
  tabContent: import('react').FunctionComponent<any>;
17
17
  componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
18
+ background?: boolean;
18
19
  dictionaryId?: string;
19
20
  size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
20
21
  children?: null | undefined;
package/hooks/useDynamicAccordions/useDynamicAccordions.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { ScrollBar, Stack } from "@m4l/components";
2
+ import { Stack } from "@m4l/components";
3
3
  import { u as useBaseAccordions } from "./useBaseAccordions.js";
4
4
  function useDynamicAccordions(props) {
5
5
  const { configDynamicAccordions } = props;
@@ -10,7 +10,7 @@ function useDynamicAccordions(props) {
10
10
  endPointData,
11
11
  configDynamicAccordions
12
12
  });
13
- return /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "4px", style: { height: "auto" }, children: accordionsComponents }) });
13
+ return /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "4px", style: { height: "auto" }, children: accordionsComponents });
14
14
  };
15
15
  }
16
16
  export {
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "9.3.1-beta.4",
3
+ "version": "9.3.1-beta.6",
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.4",
10
+ "@m4l/components": "9.2.56-beta.6",
11
11
  "@m4l/core": "^2.0.0",
12
- "@m4l/graphics": "7.1.1-beta.4",
13
- "@m4l/styles": "7.1.28-beta.4"
12
+ "@m4l/graphics": "7.1.1-beta.6",
13
+ "@m4l/styles": "7.1.28-beta.6"
14
14
  },
15
15
  "resolutions": {
16
16
  "glob": "^10.4.5",