umwd-components 0.1.56 → 0.1.58

package/dist/cjs/components/NavBar.js

@@ -60,8 +60,12 @@ function NavBar(_ref) {
     console.log(newValue);
     setCurrentTab(newValue);
   };
+  const theme = material.useTheme();
   return /*#__PURE__*/React.createElement(material.AppBar, {
-    position: "sticky"
+    position: "sticky",
+    sx: {
+      backgroundColor: theme.palette.primary.main
+    }
   }, /*#__PURE__*/React.createElement(material.Container, {
     maxWidth: maxWidth
   }, /*#__PURE__*/React.createElement(material.Toolbar, {

package/dist/cjs/components/custom/FeaturesSection.js

@@ -7,6 +7,7 @@
 'use strict';
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
 
 function getIcon(name) {
   switch (name) {

package/dist/cjs/components/custom/HeroSection.js

@@ -6,6 +6,7 @@
   
 'use strict';
 
+var React = require('react');
 var Link = require('next/link');
 var StrapiImage = require('./StrapiImage.js');
 

package/dist/cjs/components/custom/StrapiImage.js

@@ -6,6 +6,7 @@
   
 'use strict';
 
+var React = require('react');
 var Image = require('next/image');
 var utils = require('../../lib/utils.js');
 

package/dist/esm/components/NavBar.js

@@ -8,7 +8,7 @@
 import React from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
-import { AppBar, Container, Toolbar, Box, Typography, Button, Tabs, Tab, Dialog, List, ListItem, ListItemText, Divider } from '@mui/material';
+import { useTheme, AppBar, Container, Toolbar, Box, Typography, Button, Tabs, Tab, Dialog, List, ListItem, ListItemText, Divider } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import { useRouter } from 'next/navigation';
@@ -56,8 +56,12 @@ function NavBar(_ref) {
     console.log(newValue);
     setCurrentTab(newValue);
   };
+  const theme = useTheme();
   return /*#__PURE__*/React.createElement(AppBar, {
-    position: "sticky"
+    position: "sticky",
+    sx: {
+      backgroundColor: theme.palette.primary.main
+    }
   }, /*#__PURE__*/React.createElement(Container, {
     maxWidth: maxWidth
   }, /*#__PURE__*/React.createElement(Toolbar, {

package/dist/esm/components/custom/FeaturesSection.js

@@ -5,6 +5,7 @@
  */
   
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
 
 function getIcon(name) {
   switch (name) {

package/dist/esm/components/custom/HeroSection.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
   
+import React from 'react';
 import Link from 'next/link';
 import { StrapiImage } from './StrapiImage.js';
 

package/dist/esm/components/custom/StrapiImage.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
   
+import React from 'react';
 import Image from 'next/image';
 import { getStrapiMedia } from '../../lib/utils.js';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "description": "UMWD Component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/NavBar.js

@@ -18,6 +18,7 @@ import {
   ListItemText,
   Tabs,
   Tab,
+  useTheme,
 } from "@mui/material";
 
 import CloseIcon from "@mui/icons-material/Close";
@@ -78,8 +79,13 @@ function NavBar({
     setCurrentTab(newValue);
   };
 
+  const theme = useTheme();
+
   return (
-    <AppBar position="sticky">
+    <AppBar
+      position="sticky"
+      sx={{ backgroundColor: theme.palette.primary.main }}
+    >
       <Container maxWidth={maxWidth}>
         <Toolbar
           disableGutters

package/src/components/custom/FeaturesSection.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 function getIcon(name: string) {
   switch (name) {
     case "CLOCK_ICON":

package/src/components/custom/Footer.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Link from "next/link";
 import { Logo } from "@/components/custom/Logo";
 

package/src/components/custom/Header.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Link from "next/link";
 import { Logo } from "@/components/custom/Logo";
 import { Button } from "@mui/material";

package/src/components/custom/HeroSection.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Link from "next/link";
 import { StrapiImage } from "./StrapiImage.tsx";
 

package/src/components/custom/Logo.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Link from "next/link";
 
 function MountainIcon(props: any) {

package/src/components/custom/StrapiImage.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import Image from "next/image";
 import { getStrapiMedia } from "../../lib/utils.ts";