umwd-components 0.1.129 → 0.1.130

package/dist/cjs/components/ScrollLink.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var Link = require('next/link');
 var React = require('react');
+var material = require('@mui/material');
 
 // mirror the props of next/link component
 
@@ -23,23 +24,23 @@ const ScrollLink = _ref => {
   } = _ref;
   const handleScroll = e => {
     e.preventDefault();
-    //remove everything before the hash
+
+    // remove everything before the hash
     const targetId = e.currentTarget.href.replace(/.*\#/, "");
-    //console.log("targetId", targetId);
     const elem = document.getElementById(targetId);
-    //console.log("elem", elem);
-    //console.log(elem?.getBoundingClientRect().top);
-    //console.log(window.scrollY);
     const scrollDistance = window.scrollY + (elem === null || elem === void 0 ? void 0 : elem.getBoundingClientRect().top);
-    //console.log(scrollDistance);
     window.scrollTo({
-      //top: elem?.getBoundingClientRect().top,
       top: scrollDistance,
       behavior: "smooth"
     });
   };
+  const theme = material.useTheme();
+  console.log(theme.palette.text);
   return /*#__PURE__*/React.createElement(Link, _rollupPluginBabelHelpers.extends({}, props, {
-    onClick: handleScroll
+    onClick: handleScroll,
+    style: {
+      color: theme.palette.primary.contrastText
+    }
   }), children);
 };
 

package/dist/esm/components/ScrollLink.js

@@ -8,6 +8,7 @@
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
 import Link from 'next/link';
 import React__default from 'react';
+import { useTheme } from '@mui/material';
 
 // mirror the props of next/link component
 
@@ -19,23 +20,23 @@ const ScrollLink = _ref => {
   } = _ref;
   const handleScroll = e => {
     e.preventDefault();
-    //remove everything before the hash
+
+    // remove everything before the hash
     const targetId = e.currentTarget.href.replace(/.*\#/, "");
-    //console.log("targetId", targetId);
     const elem = document.getElementById(targetId);
-    //console.log("elem", elem);
-    //console.log(elem?.getBoundingClientRect().top);
-    //console.log(window.scrollY);
     const scrollDistance = window.scrollY + (elem === null || elem === void 0 ? void 0 : elem.getBoundingClientRect().top);
-    //console.log(scrollDistance);
     window.scrollTo({
-      //top: elem?.getBoundingClientRect().top,
       top: scrollDistance,
       behavior: "smooth"
     });
   };
+  const theme = useTheme();
+  console.log(theme.palette.text);
   return /*#__PURE__*/React__default.createElement(Link, _extends({}, props, {
-    onClick: handleScroll
+    onClick: handleScroll,
+    style: {
+      color: theme.palette.primary.contrastText
+    }
   }), children);
 };
 

package/package.json

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

package/src/components/ScrollLink.tsx

@@ -33,8 +33,12 @@ const ScrollLink = ({ children, ...props }: ScrollLinkProps) => {
   console.log(theme.palette.text);
 
   return (
-    <Link {...props} onClick={handleScroll}>
-      <Box sx={{ color: theme.palette.primary.contrastText }}>{children}</Box>
+    <Link
+      {...props}
+      onClick={handleScroll}
+      style={{ color: theme.palette.primary.contrastText }}
+    >
+      {children}
     </Link>
   );
 };