umwd-components 0.1.208 → 0.1.209

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 (4) hide show
  1. package/dist/cjs/components/HeroSection.js +4 -4
  2. package/dist/esm/components/HeroSection.js +4 -4
  3. package/package.json +1 -1
  4. package/src/components/HeroSection.tsx +7 -16
package/dist/cjs/components/HeroSection.js CHANGED
@@ -51,7 +51,7 @@ function HeroSection(_ref) {
51
51
  }
52
52
  }, bgImage && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
53
53
  id: (_bgImage$id = bgImage.id) === null || _bgImage$id === void 0 ? void 0 : _bgImage$id.toString(),
54
- alt: "Background",
54
+ alternativeText: "Background",
55
55
  style: {
56
56
  position: "absolute",
57
57
  inset: 0,
@@ -60,7 +60,7 @@ function HeroSection(_ref) {
60
60
  height: "100%"
61
61
  },
62
62
  height: bgImage.height || 1080,
63
- src: bgImage.url,
63
+ url: bgImage.url,
64
64
  width: bgImage.width || 1920
65
65
  }), /*#__PURE__*/React.createElement(material.Container, {
66
66
  maxWidth: maxWidth || "lg",
@@ -84,9 +84,9 @@ function HeroSection(_ref) {
84
84
  className: "manipulator"
85
85
  }, /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
86
86
  id: (_logoImage$id = logoImage.id) === null || _logoImage$id === void 0 ? void 0 : _logoImage$id.toString(),
87
- alt: logoImage.alternativeText,
87
+ alternativeText: logoImage.alternativeText,
88
88
  height: logoImage.height || 100,
89
- src: logoImage.url,
89
+ url: logoImage.url,
90
90
  width: logoImage.width || 100,
91
91
  style: {
92
92
  objectFit: "contain"
package/dist/esm/components/HeroSection.js CHANGED
@@ -49,7 +49,7 @@ function HeroSection(_ref) {
49
49
  }
50
50
  }, bgImage && /*#__PURE__*/React__default.createElement(StrapiImage, {
51
51
  id: (_bgImage$id = bgImage.id) === null || _bgImage$id === void 0 ? void 0 : _bgImage$id.toString(),
52
- alt: "Background",
52
+ alternativeText: "Background",
53
53
  style: {
54
54
  position: "absolute",
55
55
  inset: 0,
@@ -58,7 +58,7 @@ function HeroSection(_ref) {
58
58
  height: "100%"
59
59
  },
60
60
  height: bgImage.height || 1080,
61
- src: bgImage.url,
61
+ url: bgImage.url,
62
62
  width: bgImage.width || 1920
63
63
  }), /*#__PURE__*/React__default.createElement(Container, {
64
64
  maxWidth: maxWidth || "lg",
@@ -82,9 +82,9 @@ function HeroSection(_ref) {
82
82
  className: "manipulator"
83
83
  }, /*#__PURE__*/React__default.createElement(StrapiImage, {
84
84
  id: (_logoImage$id = logoImage.id) === null || _logoImage$id === void 0 ? void 0 : _logoImage$id.toString(),
85
- alt: logoImage.alternativeText,
85
+ alternativeText: logoImage.alternativeText,
86
86
  height: logoImage.height || 100,
87
- src: logoImage.url,
87
+ url: logoImage.url,
88
88
  width: logoImage.width || 100,
89
89
  style: {
90
90
  objectFit: "contain"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.208",
3
+ "version": "0.1.209",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/HeroSection.tsx CHANGED
@@ -9,21 +9,12 @@ import {
9
9
  Paper,
10
10
  useTheme,
11
11
  } from "@mui/material";
12
- import { StrapiImage } from "./StrapiImage.tsx";
12
+ import { StrapiImage, type StrapiImageProps } from "./StrapiImage.tsx";
13
13
  import { setOpacity } from "../lib/utils.ts";
14
14
  import { SxProps, Theme } from "@mui/material/styles";
15
15
 
16
16
  type MaxWidth = "xs" | "sm" | "md" | "lg" | "xl" | false | undefined;
17
17
 
18
- interface ImageProps {
19
- id: number;
20
- url: string;
21
- alternativeText: string;
22
- style: React.CSSProperties;
23
- width: number;
24
- height: number;
25
- }
26
-
27
18
  interface LinkProps {
28
19
  id: number;
29
20
  url: string;
@@ -36,8 +27,8 @@ interface HeroSectionProps {
36
27
  __component: string;
37
28
  heading: string;
38
29
  subHeading: string;
39
- bgImage?: ImageProps;
40
- logoImage?: ImageProps;
30
+ bgImage?: StrapiImageProps;
31
+ logoImage?: StrapiImageProps;
41
32
  link: LinkProps;
42
33
  maxWidth?: MaxWidth;
43
34
  sx?: SxProps<Theme>;
@@ -79,7 +70,7 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
79
70
  {bgImage && (
80
71
  <StrapiImage
81
72
  id={bgImage.id?.toString()}
82
- alt="Background"
73
+ alternativeText="Background"
83
74
  style={{
84
75
  position: "absolute",
85
76
  inset: 0,
@@ -88,7 +79,7 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
88
79
  height: "100%",
89
80
  }}
90
81
  height={bgImage.height || 1080}
91
- src={bgImage.url}
82
+ url={bgImage.url}
92
83
  width={bgImage.width || 1920}
93
84
  />
94
85
  )}
@@ -110,9 +101,9 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
110
101
  <Box className="manipulator">
111
102
  <StrapiImage
112
103
  id={logoImage.id?.toString()}
113
- alt={logoImage.alternativeText}
104
+ alternativeText={logoImage.alternativeText}
114
105
  height={logoImage.height || 100}
115
- src={logoImage.url}
106
+ url={logoImage.url}
116
107
  width={logoImage.width || 100}
117
108
  style={{
118
109
  objectFit: "contain",