@m4l/layouts 7.0.3 → 9.0.0

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/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js +4 -6
  2. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.js +2 -2
  3. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.js +2 -4
  4. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.js +2 -2
  5. package/package.json +2 -2
  6. package/test/utils.d.ts +6 -2
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js CHANGED
@@ -16,26 +16,24 @@ const DesktopContent = () => {
16
16
  {
17
17
  variant: "subtitleDens",
18
18
  skeletonWidth: "70%",
19
- skeletonHeight: "24px",
20
19
  children: name
21
20
  }
22
21
  ),
23
- /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", skeletonHeight: "20px", children: getLabel("company_name_subtitle") })
22
+ /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
24
23
  ] }),
25
24
  /* @__PURE__ */ jsxs(CompanyLeyend, { children: [
26
- /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "50%", skeletonHeight: "36px", children: getLabel("module_leyend") }),
27
- /* @__PURE__ */ jsx(Typography, { variant: "subtitle", skeletonWidth: "80%", skeletonHeight: "24px", children: slogan })
25
+ /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "50%", children: getLabel("module_leyend") }),
26
+ /* @__PURE__ */ jsx(Typography, { variant: "subtitle", skeletonWidth: "80%", children: slogan })
28
27
  ] })
29
28
  ] }),
30
29
  /* @__PURE__ */ jsx(WrapperFormContent, { children: /* @__PURE__ */ jsxs(FormContent, { children: [
31
30
  /* @__PURE__ */ jsxs(ContainerModuleName, { children: [
32
- /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", skeletonHeight: "36px", children: getLabel("module_name") }),
31
+ /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", children: getLabel("module_name") }),
33
32
  /* @__PURE__ */ jsx(
34
33
  Typography,
35
34
  {
36
35
  variant: "paragraph",
37
36
  skeletonWidth: "40%",
38
- skeletonHeight: "20px",
39
37
  children: getLabel("module_description")
40
38
  }
41
39
  )
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.js CHANGED
@@ -33,7 +33,7 @@ const DesktopBanner = styled("div")(({ theme }) => ({
33
33
  width: "100%",
34
34
  maxWidth: "400px",
35
35
  height: "100%",
36
- backgroundColor: theme.vars.palette.primary.focusActive,
36
+ backgroundColor: theme.vars.palette.primary.active,
37
37
  boxShadow: theme.vars.customShadows?.z4,
38
38
  padding: "0 60px",
39
39
  gap: "40px",
@@ -55,7 +55,7 @@ const ContainerLogo = styled("div")(({ theme }) => ({
55
55
  width: "84px",
56
56
  height: "84px",
57
57
  borderRadius: "6px",
58
- backgroundColor: theme.vars.palette.primary?.focusActive,
58
+ backgroundColor: theme.vars.palette.primary?.active,
59
59
  justifyContent: "center",
60
60
  alignItems: "center",
61
61
  boxShadow: `0px 4px 8px ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.js CHANGED
@@ -15,23 +15,21 @@ const MobileContent = () => {
15
15
  {
16
16
  variant: "subtitleDens",
17
17
  skeletonWidth: "70%",
18
- skeletonHeight: "24px",
19
18
  children: name
20
19
  }
21
20
  ),
22
- /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", skeletonHeight: "20px", children: getLabel("company_name_subtitle") })
21
+ /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
23
22
  ] }),
24
23
  /* @__PURE__ */ jsx(LanguagePopover, {})
25
24
  ] }),
26
25
  /* @__PURE__ */ jsx(WrapperFormContent, { children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsxs(FormContent, { children: [
27
26
  /* @__PURE__ */ jsxs(ContainerModuleName, { children: [
28
- /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", skeletonHeight: "36px", children: getLabel("module_name") }),
27
+ /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", children: getLabel("module_name") }),
29
28
  /* @__PURE__ */ jsx(
30
29
  Typography,
31
30
  {
32
31
  variant: "paragraph",
33
32
  skeletonWidth: "40%",
34
- skeletonHeight: "20px",
35
33
  children: getLabel("module_description")
36
34
  }
37
35
  )
package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.js CHANGED
@@ -14,7 +14,7 @@ const MobileBanner = styled("div")(({ theme }) => ({
14
14
  padding: "12px",
15
15
  gap: "20px",
16
16
  width: "100%",
17
- backgroundColor: theme.vars.palette.primary.focusActive,
17
+ backgroundColor: theme.vars.palette.primary.active,
18
18
  boxShadow: theme.customShadows?.z4,
19
19
  position: "relative",
20
20
  borderRadius: "8px",
@@ -51,7 +51,7 @@ const ContainerLogo = styled("div")(({ theme }) => ({
51
51
  width: "52px",
52
52
  height: "52px",
53
53
  borderRadius: "6px",
54
- backgroundColor: theme.vars.palette.primary?.focusActive,
54
+ backgroundColor: theme.vars.palette.primary?.active,
55
55
  justifyContent: "center",
56
56
  alignItems: "center",
57
57
  boxShadow: `0px 4px 8px ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "7.0.3",
3
+ "version": "9.0.0",
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": "^7.1.3",
10
+ "@m4l/components": "^9.0.0",
11
11
  "@m4l/core": "^2.0.11",
12
12
  "@m4l/graphics": "^7.0.2",
13
13
  "@m4l/styles": "^7.0.1"
package/test/utils.d.ts CHANGED
@@ -1,4 +1,6 @@
1
- import { default as React } from 'react';
1
+ import { RenderResult } from '@testing-library/react';
2
+ import { default as userEvent } from '@testing-library/user-event';
3
+ import { ReactElement } from 'react';
2
4
  /**
3
5
  * Custom render function to wrap providers
4
6
  * @author Juan Escobar - automatic
@@ -6,7 +8,9 @@ import { default as React } from 'react';
6
8
  * @updatedAt 2024-10-09 20:00:30 - automatic
7
9
  * @updatedUser Juan Escobar - automatic
8
10
  */
9
- declare const customRender: (ui: React.ReactElement, options?: {}) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
11
+ declare const customRender: (ui: ReactElement, options?: {}) => RenderResult & {
12
+ user: ReturnType<typeof userEvent.setup>;
13
+ };
10
14
  export * from '@testing-library/react';
11
15
  export { default as userEvent } from '@testing-library/user-event';
12
16
  export { customRender as render };