@sikka/hawa 0.0.5 → 0.0.6

package/src/ui/TwitterButton.js

@@ -8,7 +8,6 @@ export const TwitterButton = (props) => {
   const theme = useContext(ThemeProvider);
   let buttonStyle = {};
 
-  console.log(Object.keys(theme.actionButton));
   let currentTheme = Object.keys(theme.actionButton).find(
     (themeName) => themeName.toLowerCase() === props.themeType?.toLowerCase()
   );

package/src/ui/VisaMasterButton.js

@@ -9,7 +9,6 @@ export const VisaMasterButton = (props) => {
   const theme = useContext(ThemeProvider);
   let buttonStyle = {};
 
-  console.log(Object.keys(theme.actionButton));
   let currentTheme = Object.keys(theme.actionButton).find(
     (themeName) => themeName.toLowerCase() === props.themeType?.toLowerCase()
   );

package/src/ui/WalletButton.js

@@ -1,77 +1,10 @@
-import React, { useContext } from "react";
-import { ThemeProvider } from "../themes/HawaProvider";
-import Button from "@mui/material/Button";
-import { styled, darken } from "@mui/material/styles";
-
+import React from "react";
 import WalletIcon from "@mui/icons-material/AccountBalanceWallet";
+import { HawaLogoButton } from "./HawaLogoButton";
 
 export const WalletButton = (props) => {
-  const theme = useContext(ThemeProvider);
-  let buttonStyle = {};
-
-  console.log(Object.keys(theme.actionButton));
-  let currentTheme = Object.keys(theme.actionButton).find(
-    (themeName) => themeName.toLowerCase() === props.themeType?.toLowerCase()
-  );
-  if (currentTheme) {
-    buttonStyle = {
-      cursor: "pointer",
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: 0,
-      marginTop: theme.actionButton[currentTheme].margin,
-      border: props.outlined ? "2px solid black" : "none",
-      borderRadius: theme.actionButton[currentTheme].borderRadius,
-      backgroundColor: "white",
-      "&:hover": {
-        backgroundColor: darken("#ffffff", 0.1)
-      }
-    };
-  } else {
-    buttonStyle = {
-      cursor: "pointer",
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      marginTop: theme.margins,
-      border: props.outlined ? "2px solid black" : "none",
-      borderRadius: 0,
-      backgroundColor: "white",
-      "&:hover": {
-        backgroundColor: darken("#ffffff", 0.1)
-      }
-    };
-  }
-
-  const StyledButton = styled(Button)(({ theme }) => {
-    return {
-      // "label + &": {
-      //   marginTop: theme.spacing(3)
-      // },
-
-      borderRadius: 4,
-      position: "relative",
-      border: "1px solid #ced4da",
-      fontSize: 16,
-      // width: "auto",
-      height: 50,
-      // padding: "10px 12px",
-      ...buttonStyle,
-      "&:focus": {
-        // boxShadow: `${alpha(theme.palette.primary.main, 0.25)} 0 0 0 0.2rem`,
-        borderColor: theme.palette.primary.main
-      }
-    };
-  });
-
   return (
-    <StyledButton
-      //  style={buttonStyle}
-      onClick={props.handleClick}
-    >
+    <HawaLogoButton {...props}>
       <WalletIcon />
       <div style={{ width: 10 }} />
       <p
@@ -86,6 +19,6 @@ export const WalletButton = (props) => {
       >
         {props.buttonText}
       </p>
-    </StyledButton>
+    </HawaLogoButton>
   );
 };

package/src/ui/index.js

@@ -1,15 +1,18 @@
-// export * from "./AdaptiveButton";
+export * from "./AdaptiveButton";
 export * from "./ActionButton";
-// export * from "./Checkbox";
-// export * from "./RadioBox";
+export * from "./HawaCheckbox";
+export * from "./HawaRadio";
 // export * from "./RadioSelector";
 // export * from "./Row";
 // export * from "./SelectedField";
 // export * from "./TabPanel";
-// export * from "./HawaTextArea";
+export * from "./HawaLogoButton";
+export * from "./HawaButton";
 export * from "./HawaTextField";
 export * from "./HawaInputLabel";
-// export * from "./StyledAlert";
+export * from "./HawaTypography";
+export * from "./HawaAlert";
+
 export * from "./GoogleButton";
 export * from "./GithubButton";
 export * from "./TwitterButton";