umwd-components 0.1.166 → 0.1.168

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 (7) hide show
  1. package/dist/cjs/components/Footer.js +27 -25
  2. package/dist/cjs/components/PersonaliaSection.js +3 -3
  3. package/dist/esm/components/Footer.js +27 -25
  4. package/dist/esm/components/PersonaliaSection.js +3 -3
  5. package/package.json +1 -1
  6. package/src/components/Footer.js +34 -42
  7. package/src/components/PersonaliaSection.tsx +3 -3
package/dist/cjs/components/Footer.js CHANGED
@@ -78,7 +78,8 @@ function Footer(_ref) {
78
78
  }, /*#__PURE__*/React.createElement(material.Grid, {
79
79
  item: true,
80
80
  xs: 12,
81
- sm: 4,
81
+ sm: 12,
82
+ md: 4,
82
83
  align: "center"
83
84
  }, /*#__PURE__*/React.createElement(material.Link, {
84
85
  href: "/"
@@ -116,7 +117,8 @@ function Footer(_ref) {
116
117
  }))))), /*#__PURE__*/React.createElement(material.Grid, {
117
118
  item: true,
118
119
  xs: 12,
119
- sm: 4,
120
+ sm: 6,
121
+ md: 4,
120
122
  align: "center"
121
123
  }, /*#__PURE__*/React.createElement(material.Typography, {
122
124
  variant: "h6",
@@ -142,7 +144,8 @@ function Footer(_ref) {
142
144
  })), /*#__PURE__*/React.createElement(material.Grid, {
143
145
  item: true,
144
146
  xs: 12,
145
- sm: 4,
147
+ sm: 6,
148
+ md: 4,
146
149
  align: "center"
147
150
  }, company_socials.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(material.Typography, {
148
151
  variant: "h6",
@@ -167,16 +170,18 @@ function Footer(_ref) {
167
170
  })))), /*#__PURE__*/React.createElement(material.Grid, {
168
171
  item: true,
169
172
  xs: 12
170
- }, /*#__PURE__*/React.createElement(material.Divider, null)), disclaimer_link && /*#__PURE__*/React.createElement(material.Grid, {
173
+ }, /*#__PURE__*/React.createElement(material.Divider, null)), /*#__PURE__*/React.createElement(material.Grid, {
171
174
  item: true,
172
- xs: 12,
173
- sm: 4,
174
- sx: {
175
- display: "flex",
176
- justifyContent: "center",
177
- alignItems: "center"
178
- }
179
- }, /*#__PURE__*/React.createElement(Link, {
175
+ xs: 12
176
+ }, /*#__PURE__*/React.createElement(material.Stack, {
177
+ direction: {
178
+ xs: "column",
179
+ sm: "row"
180
+ },
181
+ alignItems: "center",
182
+ gap: 2,
183
+ justifyContent: "space-around"
184
+ }, disclaimer_link && /*#__PURE__*/React.createElement(Link, {
180
185
  href: disclaimer_link,
181
186
  passHref: true,
182
187
  legacyBehavior: true
@@ -185,16 +190,7 @@ function Footer(_ref) {
185
190
  }, /*#__PURE__*/React.createElement(material.Typography, {
186
191
  variant: "body1",
187
192
  color: "#ffffff"
188
- }, "Disclaimer")))), privacypolicy_link && /*#__PURE__*/React.createElement(material.Grid, {
189
- item: true,
190
- xs: 12,
191
- sm: 4,
192
- sx: {
193
- display: "flex",
194
- justifyContent: "center",
195
- alignItems: "center"
196
- }
197
- }, /*#__PURE__*/React.createElement(Link, {
193
+ }, "Disclaimer"))), privacypolicy_link && /*#__PURE__*/React.createElement(Link, {
198
194
  href: privacypolicy_link,
199
195
  passHref: true,
200
196
  legacyBehavior: true
@@ -203,7 +199,7 @@ function Footer(_ref) {
203
199
  }, /*#__PURE__*/React.createElement(material.Typography, {
204
200
  variant: "body1",
205
201
  color: "#ffffff"
206
- }, "Privacy Policy")))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React.createElement(material.Grid, {
202
+ }, "Privacy Policy"))))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React.createElement(material.Grid, {
207
203
  item: true,
208
204
  xs: 12
209
205
  }, /*#__PURE__*/React.createElement(material.Divider, null)), /*#__PURE__*/React.createElement(material.Grid, {
@@ -212,7 +208,8 @@ function Footer(_ref) {
212
208
  sx: {
213
209
  display: "flex",
214
210
  justifyContent: "center",
215
- alignItems: "center"
211
+ alignItems: "center",
212
+ pb: "70px"
216
213
  }
217
214
  }, /*#__PURE__*/React.createElement(MuiLink.MuiLink, {
218
215
  href: "https://atelierpaulus.nl/"
@@ -223,7 +220,12 @@ function Footer(_ref) {
223
220
  verticalAlign: "middle",
224
221
  display: "flex",
225
222
  alignItems: "center",
226
- justifyContent: "center"
223
+ justifyContent: "center",
224
+ flexDirection: {
225
+ xs: "column",
226
+ sm: "row"
227
+ },
228
+ gap: 2
227
229
  }
228
230
  }, "Design & Webdevelopment", APIcon !== null && /*#__PURE__*/React.createElement(APIcon, {
229
231
  sx: {
package/dist/cjs/components/PersonaliaSection.js CHANGED
@@ -95,7 +95,7 @@ function PersonaliaSection(_ref) {
95
95
  href: link.url,
96
96
  key: link.id,
97
97
  sx: {
98
- color: theme.palette.primary.light
98
+ color: theme.palette.text.secondary
99
99
  }
100
100
  }, link.text);
101
101
  }), partner.linkedIn && /*#__PURE__*/React.createElement(material.Button, {
@@ -104,7 +104,7 @@ function PersonaliaSection(_ref) {
104
104
  href: partner.linkedIn,
105
105
  target: "_blank",
106
106
  sx: {
107
- color: theme.palette.primary.light
107
+ color: theme.palette.text.secondary
108
108
  }
109
109
  }, "LinkedIn"), partner.email && /*#__PURE__*/React.createElement(material.Tooltip, {
110
110
  title: "".concat(partner.email)
@@ -113,7 +113,7 @@ function PersonaliaSection(_ref) {
113
113
  startIcon: /*#__PURE__*/React.createElement(iconsMaterial.Email, null),
114
114
  href: "mailto:".concat(partner.email),
115
115
  sx: {
116
- color: theme.palette.primary.light
116
+ color: theme.palette.text.secondary
117
117
  }
118
118
  }, "Email")))))));
119
119
  })));
package/dist/esm/components/Footer.js CHANGED
@@ -74,7 +74,8 @@ function Footer(_ref) {
74
74
  }, /*#__PURE__*/React__default.createElement(Grid, {
75
75
  item: true,
76
76
  xs: 12,
77
- sm: 4,
77
+ sm: 12,
78
+ md: 4,
78
79
  align: "center"
79
80
  }, /*#__PURE__*/React__default.createElement(Link, {
80
81
  href: "/"
@@ -112,7 +113,8 @@ function Footer(_ref) {
112
113
  }))))), /*#__PURE__*/React__default.createElement(Grid, {
113
114
  item: true,
114
115
  xs: 12,
115
- sm: 4,
116
+ sm: 6,
117
+ md: 4,
116
118
  align: "center"
117
119
  }, /*#__PURE__*/React__default.createElement(Typography, {
118
120
  variant: "h6",
@@ -138,7 +140,8 @@ function Footer(_ref) {
138
140
  })), /*#__PURE__*/React__default.createElement(Grid, {
139
141
  item: true,
140
142
  xs: 12,
141
- sm: 4,
143
+ sm: 6,
144
+ md: 4,
142
145
  align: "center"
143
146
  }, company_socials.length > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, {
144
147
  variant: "h6",
@@ -163,16 +166,18 @@ function Footer(_ref) {
163
166
  })))), /*#__PURE__*/React__default.createElement(Grid, {
164
167
  item: true,
165
168
  xs: 12
166
- }, /*#__PURE__*/React__default.createElement(Divider, null)), disclaimer_link && /*#__PURE__*/React__default.createElement(Grid, {
169
+ }, /*#__PURE__*/React__default.createElement(Divider, null)), /*#__PURE__*/React__default.createElement(Grid, {
167
170
  item: true,
168
- xs: 12,
169
- sm: 4,
170
- sx: {
171
- display: "flex",
172
- justifyContent: "center",
173
- alignItems: "center"
174
- }
175
- }, /*#__PURE__*/React__default.createElement(Link$1, {
171
+ xs: 12
172
+ }, /*#__PURE__*/React__default.createElement(Stack, {
173
+ direction: {
174
+ xs: "column",
175
+ sm: "row"
176
+ },
177
+ alignItems: "center",
178
+ gap: 2,
179
+ justifyContent: "space-around"
180
+ }, disclaimer_link && /*#__PURE__*/React__default.createElement(Link$1, {
176
181
  href: disclaimer_link,
177
182
  passHref: true,
178
183
  legacyBehavior: true
@@ -181,16 +186,7 @@ function Footer(_ref) {
181
186
  }, /*#__PURE__*/React__default.createElement(Typography, {
182
187
  variant: "body1",
183
188
  color: "#ffffff"
184
- }, "Disclaimer")))), privacypolicy_link && /*#__PURE__*/React__default.createElement(Grid, {
185
- item: true,
186
- xs: 12,
187
- sm: 4,
188
- sx: {
189
- display: "flex",
190
- justifyContent: "center",
191
- alignItems: "center"
192
- }
193
- }, /*#__PURE__*/React__default.createElement(Link$1, {
189
+ }, "Disclaimer"))), privacypolicy_link && /*#__PURE__*/React__default.createElement(Link$1, {
194
190
  href: privacypolicy_link,
195
191
  passHref: true,
196
192
  legacyBehavior: true
@@ -199,7 +195,7 @@ function Footer(_ref) {
199
195
  }, /*#__PURE__*/React__default.createElement(Typography, {
200
196
  variant: "body1",
201
197
  color: "#ffffff"
202
- }, "Privacy Policy")))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React__default.createElement(Grid, {
198
+ }, "Privacy Policy"))))), Boolean(disclaimer_link || privacypolicy_link) && /*#__PURE__*/React__default.createElement(Grid, {
203
199
  item: true,
204
200
  xs: 12
205
201
  }, /*#__PURE__*/React__default.createElement(Divider, null)), /*#__PURE__*/React__default.createElement(Grid, {
@@ -208,7 +204,8 @@ function Footer(_ref) {
208
204
  sx: {
209
205
  display: "flex",
210
206
  justifyContent: "center",
211
- alignItems: "center"
207
+ alignItems: "center",
208
+ pb: "70px"
212
209
  }
213
210
  }, /*#__PURE__*/React__default.createElement(MuiLink, {
214
211
  href: "https://atelierpaulus.nl/"
@@ -219,7 +216,12 @@ function Footer(_ref) {
219
216
  verticalAlign: "middle",
220
217
  display: "flex",
221
218
  alignItems: "center",
222
- justifyContent: "center"
219
+ justifyContent: "center",
220
+ flexDirection: {
221
+ xs: "column",
222
+ sm: "row"
223
+ },
224
+ gap: 2
223
225
  }
224
226
  }, "Design & Webdevelopment", APIcon !== null && /*#__PURE__*/React__default.createElement(APIcon, {
225
227
  sx: {
package/dist/esm/components/PersonaliaSection.js CHANGED
@@ -93,7 +93,7 @@ function PersonaliaSection(_ref) {
93
93
  href: link.url,
94
94
  key: link.id,
95
95
  sx: {
96
- color: theme.palette.primary.light
96
+ color: theme.palette.text.secondary
97
97
  }
98
98
  }, link.text);
99
99
  }), partner.linkedIn && /*#__PURE__*/React__default.createElement(Button, {
@@ -102,7 +102,7 @@ function PersonaliaSection(_ref) {
102
102
  href: partner.linkedIn,
103
103
  target: "_blank",
104
104
  sx: {
105
- color: theme.palette.primary.light
105
+ color: theme.palette.text.secondary
106
106
  }
107
107
  }, "LinkedIn"), partner.email && /*#__PURE__*/React__default.createElement(Tooltip, {
108
108
  title: "".concat(partner.email)
@@ -111,7 +111,7 @@ function PersonaliaSection(_ref) {
111
111
  startIcon: /*#__PURE__*/React__default.createElement(Email, null),
112
112
  href: "mailto:".concat(partner.email),
113
113
  sx: {
114
- color: theme.palette.primary.light
114
+ color: theme.palette.text.secondary
115
115
  }
116
116
  }, "Email")))))));
117
117
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.166",
3
+ "version": "0.1.168",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/Footer.js CHANGED
@@ -83,7 +83,7 @@ function Footer({
83
83
  <Container maxWidth={maxWidth}>
84
84
  <Toolbar disableGutters>
85
85
  <Grid container sx={{ p: 2 }} spacing={2}>
86
- <Grid item xs={12} sm={4} align="center">
86
+ <Grid item xs={12} sm={12} md={4} align="center">
87
87
  <Link href="/">
88
88
  <Box
89
89
  sx={{
@@ -119,7 +119,7 @@ function Footer({
119
119
  </Box>
120
120
  </Link>
121
121
  </Grid>
122
- <Grid item xs={12} sm={4} align="center">
122
+ <Grid item xs={12} sm={6} md={4} align="center">
123
123
  <Typography variant="h6" sx={{ mb: 2 }}>
124
124
  Contact Information
125
125
  </Typography>
@@ -147,7 +147,7 @@ function Footer({
147
147
  <Typography variant="body1"></Typography>
148
148
  <Typography variant="body1"></Typography>
149
149
  </Grid>
150
- <Grid item xs={12} sm={4} align="center">
150
+ <Grid item xs={12} sm={6} md={4} align="center">
151
151
  {company_socials.length > 0 && (
152
152
  <>
153
153
  <Typography variant="h6" sx={{ mb: 2 }}>
@@ -182,46 +182,34 @@ function Footer({
182
182
  <Divider />
183
183
  </Grid>
184
184
  {/* important links */}
185
- {disclaimer_link && (
186
- <Grid
187
- item
188
- xs={12}
189
- sm={4}
190
- sx={{
191
- display: "flex",
192
- justifyContent: "center",
193
- alignItems: "center",
194
- }}
195
- >
196
- <NextLink href={disclaimer_link} passHref legacyBehavior>
197
- <MUILink target="_blank">
198
- <Typography variant="body1" color="#ffffff">
199
- Disclaimer
200
- </Typography>
201
- </MUILink>
202
- </NextLink>
203
- </Grid>
204
- )}
205
- {privacypolicy_link && (
206
- <Grid
207
- item
208
- xs={12}
209
- sm={4}
210
- sx={{
211
- display: "flex",
212
- justifyContent: "center",
213
- alignItems: "center",
214
- }}
185
+ <Grid item xs={12}>
186
+ <Stack
187
+ direction={{ xs: "column", sm: "row" }}
188
+ alignItems={"center"}
189
+ gap={2}
190
+ justifyContent={"space-around"}
215
191
  >
216
- <NextLink href={privacypolicy_link} passHref legacyBehavior>
217
- <MUILink target="_blank">
218
- <Typography variant="body1" color="#ffffff">
219
- Privacy Policy
220
- </Typography>
221
- </MUILink>
222
- </NextLink>
223
- </Grid>
224
- )}
192
+ {disclaimer_link && (
193
+ <NextLink href={disclaimer_link} passHref legacyBehavior>
194
+ <MUILink target="_blank">
195
+ <Typography variant="body1" color="#ffffff">
196
+ Disclaimer
197
+ </Typography>
198
+ </MUILink>
199
+ </NextLink>
200
+ )}
201
+ {privacypolicy_link && (
202
+ <NextLink href={privacypolicy_link} passHref legacyBehavior>
203
+ <MUILink target="_blank">
204
+ <Typography variant="body1" color="#ffffff">
205
+ Privacy Policy
206
+ </Typography>
207
+ </MUILink>
208
+ </NextLink>
209
+ )}
210
+ </Stack>
211
+ </Grid>
212
+
225
213
  {/* TODO */}
226
214
  {/* <Grid
227
215
  item
@@ -235,6 +223,7 @@ function Footer({
235
223
  >
236
224
  <CookieConsentButton />
237
225
  </Grid> */}
226
+
238
227
  {Boolean(disclaimer_link || privacypolicy_link) && (
239
228
  <Grid item xs={12}>
240
229
  <Divider />
@@ -247,6 +236,7 @@ function Footer({
247
236
  display: "flex",
248
237
  justifyContent: "center",
249
238
  alignItems: "center",
239
+ pb: "70px",
250
240
  }}
251
241
  >
252
242
  <MuiLink href="https://atelierpaulus.nl/">
@@ -258,6 +248,8 @@ function Footer({
258
248
  display: "flex",
259
249
  alignItems: "center",
260
250
  justifyContent: "center",
251
+ flexDirection: { xs: "column", sm: "row" },
252
+ gap: 2,
261
253
  }}
262
254
  >
263
255
  Design & Webdevelopment
package/src/components/PersonaliaSection.tsx CHANGED
@@ -125,7 +125,7 @@ export function PersonaliaSection({
125
125
  <MuiLink
126
126
  href={link.url}
127
127
  key={link.id}
128
- sx={{ color: theme.palette.primary.light }}
128
+ sx={{ color: theme.palette.text.secondary }}
129
129
  >
130
130
  {link.text}
131
131
  </MuiLink>
@@ -137,7 +137,7 @@ export function PersonaliaSection({
137
137
  startIcon={<LinkedIn />}
138
138
  href={partner.linkedIn}
139
139
  target="_blank"
140
- sx={{ color: theme.palette.primary.light }}
140
+ sx={{ color: theme.palette.text.secondary }}
141
141
  >
142
142
  LinkedIn
143
143
  </Button>
@@ -148,7 +148,7 @@ export function PersonaliaSection({
148
148
  variant="outlined"
149
149
  startIcon={<Email />}
150
150
  href={`mailto:${partner.email}`}
151
- sx={{ color: theme.palette.primary.light }}
151
+ sx={{ color: theme.palette.text.secondary }}
152
152
  >
153
153
  Email
154
154
  </Button>