@m4l/layouts 7.0.2 → 8.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/components/MFNoAuthApp/index.d.ts +1 -1
  2. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js +4 -6
  3. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.js +2 -2
  4. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.js +2 -4
  5. package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.js +2 -2
  6. package/package.json +4 -14
package/components/MFNoAuthApp/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { MFNoAuthAppProps } from './types';
3
3
  * Componente que envuelve la aplicación de un microfrontend sin autenticación
4
4
  * @author Juan Escobar - automatic
5
5
  * @createdAt 2024-10-09 19:56:26 - automatic
6
- * @updatedAt 2024-10-09 20:00:30 - automatic
6
+ * @updatedAt 2024-10-17 15:37:19 - automatic
7
7
  * @updatedUser Juan Escobar - automatic
8
8
  */
9
9
  export declare function MFNoAuthApp(props: MFNoAuthAppProps): import("react/jsx-runtime").JSX.Element;
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,26 +1,16 @@
1
1
  {
2
2
  "name": "@m4l/layouts",
3
- "version": "7.0.2",
3
+ "version": "8.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",
11
- "@m4l/core": "^2.0.10",
10
+ "@m4l/components": "^8.0.0",
11
+ "@m4l/core": "^2.0.11",
12
12
  "@m4l/graphics": "^7.0.2",
13
- "@m4l/styles": "^7.0.1",
14
- "@mui/lab": "5.0.0-alpha.173",
15
- "@mui/material": "^5.15.19",
16
- "@mui/x-date-pickers": "^6.11.1",
17
- "@types/react": "^18.0.0",
18
- "@types/react-dom": "^18.0.0",
19
- "history": "5.3.0",
20
- "nprogress": "^0.2.0",
21
- "react": "^18.0.0",
22
- "react-dom": "^18.0.0",
23
- "react-toastify": "10.0.5"
13
+ "@m4l/styles": "^7.0.1"
24
14
  },
25
15
  "resolutions": {
26
16
  "glob": "^10.4.5",