@sikka/hawa 0.0.62 → 0.0.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",
@@ -73,7 +73,8 @@
     "react-phone-input-2": "^2.15.1",
     "react-select": "^5.3.2",
     "react-transition-group": "^4.4.2",
-    "tinycolor2": "^1.4.2"
+    "tinycolor2": "^1.4.2",
+    "flowbite": "^1.5.3"
   },
   "resolutions": {
     "@storybook/react/webpack": "^5",
@@ -83,7 +84,6 @@
     "@storybook/manager-webpack4/webpack": "^5"
   },
   "dependencies": {
-    "flowbite": "^1.5.3",
     "react-dropzone": "^12.0.4",
     "react-icons": "^4.6.0"
   }

package/src/layout/HawaBottomAppBar.js

@@ -1,76 +1,76 @@
-import { AppBar, Paper, Box, IconButton, Typography } from "@mui/material";
+// import { AppBar, Paper, Box, IconButton, Typography } from "@mui/material";
 
-export function HawaBottomAppBar({ args }) {
-  return (
-    <AppBar
-      position="fixed"
-      sx={args.sx}
-      style={{
-        bottom: 0,
-        top: "auto",
-        padding: 10,
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-evenly"
-      }}
-      color={args.color}
-    >
-      <BottomAppBar appBarContent={args.appBarContent} />
-    </AppBar>
-  );
-}
+// export function HawaBottomAppBar({ args }) {
+//   return (
+//     <AppBar
+//       position="fixed"
+//       sx={args.sx}
+//       style={{
+//         bottom: 0,
+//         top: "auto",
+//         padding: 10,
+//         flexDirection: "row",
+//         alignItems: "center",
+//         justifyContent: "space-evenly"
+//       }}
+//       color={args.color}
+//     >
+//       <BottomAppBar appBarContent={args.appBarContent} />
+//     </AppBar>
+//   );
+// }
 
-export function BottomAppBar(props) {
-  return (
-    <Paper
-      elevation={3}
-      style={{
-        width: "100%",
-        display: "flex",
-        flexDirection: "row",
-        justifyContent: "space-evenly",
-        borderRadius: 10,
-        alignContent: "center",
-        padding: 10
-      }}
-      variant="outlined"
-    >
-      {props.appBarContent.map(({ label, icon, action }) => (
-        <SubAppBarContent label={label} icon={icon} action={action} />
-      ))}
-    </Paper>
-  );
-}
+// export function BottomAppBar(props) {
+//   return (
+//     <Paper
+//       elevation={3}
+//       style={{
+//         width: "100%",
+//         display: "flex",
+//         flexDirection: "row",
+//         justifyContent: "space-evenly",
+//         borderRadius: 10,
+//         alignContent: "center",
+//         padding: 10
+//       }}
+//       variant="outlined"
+//     >
+//       {props.appBarContent.map(({ label, icon, action }) => (
+//         <SubAppBarContent label={label} icon={icon} action={action} />
+//       ))}
+//     </Paper>
+//   );
+// }
 
-function SubAppBarContent(props) {
-  return (
-    <Box
-      display="flex"
-      flexDirection="row"
-      justifyContent="center"
-      alignItems="center"
-      sx={{
-        "&:hover": {
-          cursor: "pointer",
-          color: "blue"
-        }
-      }}
-      onClick={props.action}
-    >
-      <IconButton
-        sx={{
-          ml: 1,
-          "&.MuiButtonBase-root:hover": {
-            color: "blue",
-            bgcolor: "transparent"
-          }
-        }}
-      >
-        {props.icon}
-      </IconButton>
-      <Typography sx={{ display: { xs: "none", sm: "none", md: "block" } }}>
-        {props.label}
-      </Typography>
-    </Box>
-  );
-}
+// function SubAppBarContent(props) {
+//   return (
+//     <Box
+//       display="flex"
+//       flexDirection="row"
+//       justifyContent="center"
+//       alignItems="center"
+//       sx={{
+//         "&:hover": {
+//           cursor: "pointer",
+//           color: "blue"
+//         }
+//       }}
+//       onClick={props.action}
+//     >
+//       <IconButton
+//         sx={{
+//           ml: 1,
+//           "&.MuiButtonBase-root:hover": {
+//             color: "blue",
+//             bgcolor: "transparent"
+//           }
+//         }}
+//       >
+//         {props.icon}
+//       </IconButton>
+//       <Typography sx={{ display: { xs: "none", sm: "none", md: "block" } }}>
+//         {props.label}
+//       </Typography>
+//     </Box>
+//   );
+// }

package/src/layout/index.js

@@ -1,5 +1,5 @@
 export * from "./Box";
-export * from "./HawaPageControls";
+// export * from "./HawaPageControls";
 export * from "./HawaBottomAppBar";
 export * from "./HawaLayout";
 export * from "./HawaContainer";

package/storybook-static/iframe.html

@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.6b765954.iframe.bundle.js"></script><script src="vendors~main.694c95d8.iframe.bundle.js"></script><script src="main.9aa3551c.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.6b765954.iframe.bundle.js"></script><script src="vendors~main.e7c4fe25.iframe.bundle.js"></script><script src="main.d86b3f87.iframe.bundle.js"></script></body></html>