@m4l/layouts 7.0.3 → 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.
@@ -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
  )
@@ -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)}`,
@@ -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
  )
@@ -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": "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",
10
+ "@m4l/components": "^8.0.0",
11
11
  "@m4l/core": "^2.0.11",
12
12
  "@m4l/graphics": "^7.0.2",
13
13
  "@m4l/styles": "^7.0.1"