umwd-components 0.1.80 → 0.1.82

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.
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  /*
2
3
  * UMWD-Components
3
4
  * @copyright Jelle Paulus
@@ -55,8 +56,12 @@ function Footer(_ref) {
55
56
  privacypolicy_link,
56
57
  maxWidth = "lg"
57
58
  } = _ref;
59
+ const theme = material.useTheme();
58
60
  return /*#__PURE__*/React.createElement(material.AppBar, {
59
- position: "relative"
61
+ position: "relative",
62
+ sx: {
63
+ backgroundColor: theme.palette.primary.dark
64
+ }
60
65
  }, /*#__PURE__*/React.createElement(material.Container, {
61
66
  maxWidth: maxWidth
62
67
  }, /*#__PURE__*/React.createElement(material.Toolbar, {
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  /*
2
3
  * UMWD-Components
3
4
  * @copyright Jelle Paulus
@@ -5,7 +6,7 @@
5
6
  */
6
7
 
7
8
  import React from 'react';
8
- import { AppBar, Container, Toolbar, Grid, Link, Box, Typography, Stack, IconButton, Divider } from '@mui/material';
9
+ import { useTheme, AppBar, Container, Toolbar, Grid, Link, Box, Typography, Stack, IconButton, Divider } from '@mui/material';
9
10
  import Link$1 from 'next/link';
10
11
  import Image from 'next/image';
11
12
  import PropTypes from 'prop-types';
@@ -51,8 +52,12 @@ function Footer(_ref) {
51
52
  privacypolicy_link,
52
53
  maxWidth = "lg"
53
54
  } = _ref;
55
+ const theme = useTheme();
54
56
  return /*#__PURE__*/React.createElement(AppBar, {
55
- position: "relative"
57
+ position: "relative",
58
+ sx: {
59
+ backgroundColor: theme.palette.primary.dark
60
+ }
56
61
  }, /*#__PURE__*/React.createElement(Container, {
57
62
  maxWidth: maxWidth
58
63
  }, /*#__PURE__*/React.createElement(Toolbar, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.80",
3
+ "version": "0.1.82",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -1,3 +1,5 @@
1
+ "use client";
2
+
1
3
  import React from "react";
2
4
 
3
5
  import {
@@ -11,6 +13,7 @@ import {
11
13
  Divider,
12
14
  Stack,
13
15
  Link,
16
+ useTheme,
14
17
  } from "@mui/material";
15
18
  import NextLink from "next/link";
16
19
  import { Link as MUILink } from "@mui/material";
@@ -61,8 +64,13 @@ function Footer({
61
64
  privacypolicy_link,
62
65
  maxWidth = "lg",
63
66
  }) {
67
+ const theme = useTheme();
68
+
64
69
  return (
65
- <AppBar position="relative">
70
+ <AppBar
71
+ position="relative"
72
+ sx={{ backgroundColor: theme.palette.primary.dark }}
73
+ >
66
74
  <Container maxWidth={maxWidth}>
67
75
  <Toolbar disableGutters>
68
76
  <Grid container sx={{ p: 2 }} spacing={2}>