umwd-components 0.1.154 → 0.1.156

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.
@@ -71,7 +71,8 @@ function FleetSection(_ref) {
71
71
  display: "grid",
72
72
  alignItems: "center",
73
73
  justifyContent: "center",
74
- height: "100%"
74
+ height: "100%",
75
+ position: "relative"
75
76
  },
76
77
  variant: "outlined"
77
78
  }, airplane.floorplan !== null && /*#__PURE__*/React.createElement(StrapiImage.StrapiImage, {
@@ -81,13 +82,14 @@ function FleetSection(_ref) {
81
82
  height: airplane.floorplan.height,
82
83
  style: {
83
84
  objectFit: "contain",
84
- width: "100%"
85
+ width: "100%",
86
+ paddingBottom: "20px"
85
87
  }
86
88
  }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React.createElement(material.Box, {
87
89
  sx: {
88
90
  position: "absolute",
89
- right: "1rem",
90
- bottom: "1rem"
91
+ right: ".5rem",
92
+ bottom: ".5rem"
91
93
  }
92
94
  }, /*#__PURE__*/React.createElement(material.Typography, {
93
95
  variant: "body2",
@@ -13,6 +13,7 @@ var material = require('@mui/material');
13
13
  function MuiLink(_ref) {
14
14
  let {
15
15
  href,
16
+ sx,
16
17
  children
17
18
  } = _ref;
18
19
  return /*#__PURE__*/React.createElement(Link, {
@@ -20,7 +21,10 @@ function MuiLink(_ref) {
20
21
  passHref: true,
21
22
  legacyBehavior: true
22
23
  }, /*#__PURE__*/React.createElement(material.Link, {
23
- target: "_blank"
24
+ target: "_blank",
25
+ sx: {
26
+ ...sx
27
+ }
24
28
  }, children));
25
29
  }
26
30
 
@@ -23,7 +23,7 @@ function PersonaliaSection(_ref) {
23
23
  maxWidth,
24
24
  sx = {}
25
25
  } = data;
26
- material.useTheme();
26
+ const theme = material.useTheme();
27
27
  return /*#__PURE__*/React.createElement(material.Container, {
28
28
  maxWidth: maxWidth || "lg",
29
29
  sx: {
@@ -92,7 +92,10 @@ function PersonaliaSection(_ref) {
92
92
  }), ((_partner$links = partner.links) === null || _partner$links === void 0 ? void 0 : _partner$links.length) > 0 && partner.links.map(link => {
93
93
  return /*#__PURE__*/React.createElement(MuiLink.MuiLink, {
94
94
  href: link.url,
95
- key: link.id
95
+ key: link.id,
96
+ sx: {
97
+ color: theme.palette.secondary.main
98
+ }
96
99
  }, link.text);
97
100
  }), partner.linkedIn && /*#__PURE__*/React.createElement(material.Button, {
98
101
  variant: "outlined",
@@ -69,7 +69,8 @@ function FleetSection(_ref) {
69
69
  display: "grid",
70
70
  alignItems: "center",
71
71
  justifyContent: "center",
72
- height: "100%"
72
+ height: "100%",
73
+ position: "relative"
73
74
  },
74
75
  variant: "outlined"
75
76
  }, airplane.floorplan !== null && /*#__PURE__*/React__default.createElement(StrapiImage, {
@@ -79,13 +80,14 @@ function FleetSection(_ref) {
79
80
  height: airplane.floorplan.height,
80
81
  style: {
81
82
  objectFit: "contain",
82
- width: "100%"
83
+ width: "100%",
84
+ paddingBottom: "20px"
83
85
  }
84
86
  }), airplane.cabinHeight && airplane.cabinWidth && airplane.cabinLength && /*#__PURE__*/React__default.createElement(Box, {
85
87
  sx: {
86
88
  position: "absolute",
87
- right: "1rem",
88
- bottom: "1rem"
89
+ right: ".5rem",
90
+ bottom: ".5rem"
89
91
  }
90
92
  }, /*#__PURE__*/React__default.createElement(Typography, {
91
93
  variant: "body2",
@@ -11,6 +11,7 @@ import { Link as Link$1 } from '@mui/material';
11
11
  function MuiLink(_ref) {
12
12
  let {
13
13
  href,
14
+ sx,
14
15
  children
15
16
  } = _ref;
16
17
  return /*#__PURE__*/React__default.createElement(Link, {
@@ -18,7 +19,10 @@ function MuiLink(_ref) {
18
19
  passHref: true,
19
20
  legacyBehavior: true
20
21
  }, /*#__PURE__*/React__default.createElement(Link$1, {
21
- target: "_blank"
22
+ target: "_blank",
23
+ sx: {
24
+ ...sx
25
+ }
22
26
  }, children));
23
27
  }
24
28
 
@@ -21,7 +21,7 @@ function PersonaliaSection(_ref) {
21
21
  maxWidth,
22
22
  sx = {}
23
23
  } = data;
24
- useTheme();
24
+ const theme = useTheme();
25
25
  return /*#__PURE__*/React__default.createElement(Container, {
26
26
  maxWidth: maxWidth || "lg",
27
27
  sx: {
@@ -90,7 +90,10 @@ function PersonaliaSection(_ref) {
90
90
  }), ((_partner$links = partner.links) === null || _partner$links === void 0 ? void 0 : _partner$links.length) > 0 && partner.links.map(link => {
91
91
  return /*#__PURE__*/React__default.createElement(MuiLink, {
92
92
  href: link.url,
93
- key: link.id
93
+ key: link.id,
94
+ sx: {
95
+ color: theme.palette.secondary.main
96
+ }
94
97
  }, link.text);
95
98
  }), partner.linkedIn && /*#__PURE__*/React__default.createElement(Button, {
96
99
  variant: "outlined",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.154",
3
+ "version": "0.1.156",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -105,6 +105,7 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
105
105
  alignItems: "center",
106
106
  justifyContent: "center",
107
107
  height: "100%",
108
+ position: "relative",
108
109
  }}
109
110
  variant="outlined"
110
111
  >
@@ -117,6 +118,7 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
117
118
  style={{
118
119
  objectFit: "contain",
119
120
  width: "100%",
121
+ paddingBottom: "20px",
120
122
  }}
121
123
  />
122
124
  )}
@@ -126,8 +128,8 @@ export function FleetSection({ data }: { readonly data: FleetSectionProps }) {
126
128
  <Box
127
129
  sx={{
128
130
  position: "absolute",
129
- right: "1rem",
130
- bottom: "1rem",
131
+ right: ".5rem",
132
+ bottom: ".5rem",
131
133
  }}
132
134
  >
133
135
  <Typography
@@ -1,17 +1,22 @@
1
1
  import React from "react";
2
2
  import NextLink from "next/link";
3
3
  import { Link as MUILink } from "@mui/material";
4
+ import { SxProps, Theme } from "@mui/system";
4
5
 
5
6
  export function MuiLink({
6
7
  href,
8
+ sx,
7
9
  children,
8
10
  }: {
9
11
  readonly href: string;
12
+ readonly sx?: SxProps<Theme>;
10
13
  readonly children: React.ReactNode;
11
14
  }) {
12
15
  return (
13
16
  <NextLink href={href} passHref legacyBehavior>
14
- <MUILink target="_blank">{children}</MUILink>
17
+ <MUILink target="_blank" sx={{ ...sx }}>
18
+ {children}
19
+ </MUILink>
15
20
  </NextLink>
16
21
  );
17
22
  }
@@ -121,7 +121,11 @@ export function PersonaliaSection({
121
121
  {partner.links?.length > 0 &&
122
122
  partner.links.map((link) => {
123
123
  return (
124
- <MuiLink href={link.url} key={link.id}>
124
+ <MuiLink
125
+ href={link.url}
126
+ key={link.id}
127
+ sx={{ color: theme.palette.secondary.main }}
128
+ >
125
129
  {link.text}
126
130
  </MuiLink>
127
131
  );