umwd-components 0.1.238 → 0.1.239

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.
@@ -24,7 +24,22 @@ function HeroSection(_ref) {
24
24
  logoImage,
25
25
  link,
26
26
  maxWidth,
27
- sx = {},
27
+ sx = {
28
+ ".manipulator": {
29
+ position: "absolute",
30
+ mt: "-100px",
31
+ width: "100%",
32
+ zIndex: -1,
33
+ display: "flex",
34
+ justifyContent: "center",
35
+ alignItems: "center",
36
+ img: {
37
+ objectFit: "contain",
38
+ width: "100%",
39
+ height: "100%"
40
+ }
41
+ }
42
+ },
28
43
  glass = false
29
44
  } = data;
30
45
  const theme = material.useTheme();
@@ -81,7 +96,21 @@ function HeroSection(_ref) {
81
96
  alignItems: "center",
82
97
  justifyContent: "center"
83
98
  }, logoImage && logoImage.url !== null && /*#__PURE__*/React.createElement(material.Box, {
84
- className: "manipulator"
99
+ className: "manipulator",
100
+ sx: {
101
+ position: "relative",
102
+ mt: "-100px",
103
+ width: "100%",
104
+ zIndex: -1,
105
+ display: "flex",
106
+ justifyContent: "center",
107
+ alignItems: "center",
108
+ img: {
109
+ objectFit: "contain",
110
+ width: "100%",
111
+ height: "100%"
112
+ }
113
+ }
85
114
  }, /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
86
115
  id: (_logoImage$id = logoImage.id) === null || _logoImage$id === void 0 ? void 0 : _logoImage$id.toString(),
87
116
  alternativeText: logoImage.alternativeText,
@@ -22,7 +22,22 @@ function HeroSection(_ref) {
22
22
  logoImage,
23
23
  link,
24
24
  maxWidth,
25
- sx = {},
25
+ sx = {
26
+ ".manipulator": {
27
+ position: "absolute",
28
+ mt: "-100px",
29
+ width: "100%",
30
+ zIndex: -1,
31
+ display: "flex",
32
+ justifyContent: "center",
33
+ alignItems: "center",
34
+ img: {
35
+ objectFit: "contain",
36
+ width: "100%",
37
+ height: "100%"
38
+ }
39
+ }
40
+ },
26
41
  glass = false
27
42
  } = data;
28
43
  const theme = useTheme();
@@ -79,7 +94,21 @@ function HeroSection(_ref) {
79
94
  alignItems: "center",
80
95
  justifyContent: "center"
81
96
  }, logoImage && logoImage.url !== null && /*#__PURE__*/React__default.createElement(Box, {
82
- className: "manipulator"
97
+ className: "manipulator",
98
+ sx: {
99
+ position: "relative",
100
+ mt: "-100px",
101
+ width: "100%",
102
+ zIndex: -1,
103
+ display: "flex",
104
+ justifyContent: "center",
105
+ alignItems: "center",
106
+ img: {
107
+ objectFit: "contain",
108
+ width: "100%",
109
+ height: "100%"
110
+ }
111
+ }
83
112
  }, /*#__PURE__*/React__default.createElement(StrapiImage, {
84
113
  id: (_logoImage$id = logoImage.id) === null || _logoImage$id === void 0 ? void 0 : _logoImage$id.toString(),
85
114
  alternativeText: logoImage.alternativeText,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.238",
3
+ "version": "0.1.239",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -44,7 +44,22 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
44
44
  logoImage,
45
45
  link,
46
46
  maxWidth,
47
- sx = {},
47
+ sx = {
48
+ ".manipulator": {
49
+ position: "absolute",
50
+ mt: "-100px",
51
+ width: "100%",
52
+ zIndex: -1,
53
+ display: "flex",
54
+ justifyContent: "center",
55
+ alignItems: "center",
56
+ img: {
57
+ objectFit: "contain",
58
+ width: "100%",
59
+ height: "100%",
60
+ },
61
+ },
62
+ },
48
63
  glass = false,
49
64
  } = data;
50
65
 
@@ -98,7 +113,23 @@ export function HeroSection({ data }: Readonly<HeroSectionProps>) {
98
113
  >
99
114
  <Stack spacing={5} alignItems="center" justifyContent="center">
100
115
  {logoImage && logoImage.url !== null && (
101
- <Box className="manipulator">
116
+ <Box
117
+ className="manipulator"
118
+ sx={{
119
+ position: "relative",
120
+ mt: "-100px",
121
+ width: "100%",
122
+ zIndex: -1,
123
+ display: "flex",
124
+ justifyContent: "center",
125
+ alignItems: "center",
126
+ img: {
127
+ objectFit: "contain",
128
+ width: "100%",
129
+ height: "100%",
130
+ },
131
+ }}
132
+ >
102
133
  <StrapiImage
103
134
  id={logoImage.id?.toString()}
104
135
  alternativeText={logoImage.alternativeText}