umwd-components 0.1.169 → 0.1.172

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/dist/cjs/components/FeaturesSection.js +7 -8
  2. package/dist/esm/components/FeaturesSection.js +7 -8
  3. package/package.json +1 -1
  4. package/src/components/FeaturesSection.tsx +11 -7
  5. package/src/components/TextImageSection.tsx +1 -1
package/dist/cjs/components/FeaturesSection.js CHANGED
@@ -10,6 +10,7 @@ var React = require('react');
10
10
  var material = require('@mui/material');
11
11
  var getIcon = require('../lib/getIcon.js');
12
12
 
13
+ const MuiMarkdown = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "mui-markdown" */'mui-markdown'));
13
14
  function FeatureSection(_ref) {
14
15
  let {
15
16
  data
@@ -54,7 +55,7 @@ function FeatureSection(_ref) {
54
55
  }
55
56
  }, /*#__PURE__*/React.createElement(material.CardContent, null, /*#__PURE__*/React.createElement(material.Box, {
56
57
  sx: {
57
- height: 140,
58
+ height: 100,
58
59
  display: "grid",
59
60
  alignItems: "center",
60
61
  justifyContent: "center"
@@ -74,20 +75,18 @@ function FeatureSection(_ref) {
74
75
  align: "center",
75
76
  component: "div",
76
77
  sx: {
77
- mb: 2
78
+ mb: 2,
79
+ height: "4rem"
78
80
  }
79
81
  }, feature.heading), /*#__PURE__*/React.createElement(material.Typography, {
80
82
  variant: "h6",
81
83
  align: "center",
82
84
  component: "div",
83
85
  sx: {
84
- mb: 2
86
+ mb: 2,
87
+ height: "4rem"
85
88
  }
86
- }, feature.subHeading.substring(0, 50)), /*#__PURE__*/React.createElement(material.Typography, {
87
- variant: "body2",
88
- color: "text.secondary",
89
- component: "div"
90
- }, feature.subHeading)));
89
+ }, feature.subHeading), feature.text && /*#__PURE__*/React.createElement(MuiMarkdown, null, feature.text)));
91
90
  })));
92
91
  }
93
92
 
package/dist/esm/components/FeaturesSection.js CHANGED
@@ -8,6 +8,7 @@ import React__default from 'react';
8
8
  import { useTheme, Container, Stack, Card, CardContent, Box, Typography } from '@mui/material';
9
9
  import getIcon from '../lib/getIcon.js';
10
10
 
11
+ const MuiMarkdown = /*#__PURE__*/React__default.lazy(() => import( /* webpackChunkName: "mui-markdown" */'mui-markdown'));
11
12
  function FeatureSection(_ref) {
12
13
  let {
13
14
  data
@@ -52,7 +53,7 @@ function FeatureSection(_ref) {
52
53
  }
53
54
  }, /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(Box, {
54
55
  sx: {
55
- height: 140,
56
+ height: 100,
56
57
  display: "grid",
57
58
  alignItems: "center",
58
59
  justifyContent: "center"
@@ -72,20 +73,18 @@ function FeatureSection(_ref) {
72
73
  align: "center",
73
74
  component: "div",
74
75
  sx: {
75
- mb: 2
76
+ mb: 2,
77
+ height: "4rem"
76
78
  }
77
79
  }, feature.heading), /*#__PURE__*/React__default.createElement(Typography, {
78
80
  variant: "h6",
79
81
  align: "center",
80
82
  component: "div",
81
83
  sx: {
82
- mb: 2
84
+ mb: 2,
85
+ height: "4rem"
83
86
  }
84
- }, feature.subHeading.substring(0, 50)), /*#__PURE__*/React__default.createElement(Typography, {
85
- variant: "body2",
86
- color: "text.secondary",
87
- component: "div"
88
- }, feature.subHeading)));
87
+ }, feature.subHeading), feature.text && /*#__PURE__*/React__default.createElement(MuiMarkdown, null, feature.text)));
89
88
  })));
90
89
  }
91
90
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.169",
3
+ "version": "0.1.172",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/FeaturesSection.tsx CHANGED
@@ -12,6 +12,9 @@ import {
12
12
  } from "@mui/material";
13
13
  import getIcon from "../lib/getIcon.ts";
14
14
  import { SxProps, Theme } from "@mui/material/styles";
15
+ const MuiMarkdown = React.lazy(
16
+ () => import(/* webpackChunkName: "mui-markdown" */ "mui-markdown")
17
+ );
15
18
 
16
19
  type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
17
20
 
@@ -76,7 +79,7 @@ export function FeatureSection({
76
79
  <CardContent>
77
80
  <Box
78
81
  sx={{
79
- height: 140,
82
+ height: 100,
80
83
  display: "grid",
81
84
  alignItems: "center",
82
85
  justifyContent: "center",
@@ -100,7 +103,7 @@ export function FeatureSection({
100
103
  variant="h5"
101
104
  align="center"
102
105
  component="div"
103
- sx={{ mb: 2 }}
106
+ sx={{ mb: 2, height: "4rem" }}
104
107
  >
105
108
  {feature.heading}
106
109
  </Typography>
@@ -108,17 +111,18 @@ export function FeatureSection({
108
111
  variant="h6"
109
112
  align="center"
110
113
  component="div"
111
- sx={{ mb: 2 }}
114
+ sx={{ mb: 2, height: "4rem" }}
112
115
  >
113
- {feature.subHeading.substring(0, 50)}
116
+ {feature.subHeading}
114
117
  </Typography>
115
- <Typography
118
+ {feature.text && <MuiMarkdown>{feature.text}</MuiMarkdown>}
119
+ {/* <Typography
116
120
  variant="body2"
117
121
  color="text.secondary"
118
122
  component="div"
119
123
  >
120
- {feature.subHeading}
121
- </Typography>
124
+ {feature.text}
125
+ </Typography> */}
122
126
  </CardContent>
123
127
  {/* <CardActions sx={{ mb: 0 }}>
124
128
  <Button size="small">Contact</Button>
package/src/components/TextImageSection.tsx CHANGED
@@ -16,7 +16,7 @@ import { StrapiImage } from "./StrapiImage.tsx";
16
16
  import { SxProps, Theme } from "@mui/material/styles";
17
17
  import { setOpacity } from "../lib/utils.ts";
18
18
 
19
- function StickyImage({ image }) {
19
+ function StickyImage({ image }: { image: any }) {
20
20
  const theme = useTheme();
21
21
  const imageSrc = image.url;
22
22