@sikka/hawa 0.0.25 → 0.0.26

package/src/elements/HawaInputLabel.js

@@ -1,30 +1,8 @@
 import InputLabel from "@mui/material/InputLabel";
 
 export const HawaInputLabel = (props) => {
-  // let labelStyle = {};
-
-  // let currentTheme = Object.keys(hawaTheme.actionButton).find(
-  //   (tName) => tName.toLowerCase() === themeName?.toLowerCase()
-  // );
-  // if (currentTheme) {
-  //   labelStyle = {
-  //     margin: 15,
-  //     marginRight: 5,
-  //     marginLeft: 5,
-  //     color: hawaTheme?.layout[currentTheme].color
-  //   };
-  // } else {
-  //   labelStyle = {
-  //     margin: 15,
-  //     marginRight: 0,
-  //     marginLeft: 0,
-  //     color: "black"
-  //   };
-  // }
   return (
-    <InputLabel
-    //  style={labelStyle}
-    >
+    <InputLabel>
       <div style={{ fontSize: 15 }}>{props.label}</div>
     </InputLabel>
   );

package/src/elements/HawaItemCard.js

@@ -6,10 +6,6 @@ export const HawaItemCard = (props) => {
   let isArabic = props.lang === "ar";
   const handleParentClick = (e) => {
     e.stopPropagation();
-    // let dValue = e.currentTarget;
-    // console.log("d value ", dValue);
-    console.log("clicking parent");
-
     props.onCardClick();
   };
   return (

package/src/elements/TabPanel.js

@@ -8,7 +8,6 @@ const useStyles = makeStyles((theme) => ({
   },
   panel: {
     backgroundColor: "var(--lightGrey)",
-    // borderRadius: "var(--borderR)",
     height: "100%",
     width: "100%",
     padding: 10

package/src/elements/index.js

@@ -1,5 +1,6 @@
 export * from "./AdaptiveButton";
 export * from "./ActionButton";
+export * from "./OfflineBanner";
 export * from "./HawaCheckbox";
 export * from "./HawaRadio";
 export * from "./HawaItemCard";
@@ -13,4 +14,3 @@ export * from "./HawaInputLabel";
 export * from "./HawaTypography";
 export * from "./HawaAlert";
 export * from "./HawaTable";
-export * from "./OfflineBanner";

package/src/layout/Box.js

@@ -1,41 +1,5 @@
 import React from "react";
 
 export const Box = (props) => {
-  // let boxStyle = {};
-
-  // let currentTheme = Object.keys(hawaTheme.layout).find(
-  //   (tName) => tName.toLowerCase() === themeName?.toLowerCase()
-  // );
-  // if (currentTheme) {
-  //   boxStyle = {
-  //     display: "flex",
-  //     flexDirection: props.horizontal ? "row" : "column",
-  //     ...hawaTheme?.layout[currentTheme],
-  //     backgroundColor: props.noColor
-  //       ? "none"
-  //       : hawaTheme.layout[currentTheme].backgroundColor,
-  //     padding: props.noPadding ? 0 : hawaTheme?.layout[currentTheme].padding,
-  //     margin: props.noMargin ? 0 : hawaTheme?.layout[currentTheme].margin,
-  //     maxWidth: props.maxWidth
-  //   };
-  // } else {
-  //   boxStyle = {
-  //     display: "flex",
-  //     flexDirection: props.horizontal ? "row" : "column",
-  //     color: "white",
-  //     marginTop: props.last ? 10 * 2 : 0,
-  //     backgroundColor: props.noColor ? "none" : "lightGrey",
-  //     padding: props.noPadding ? 0 : 10,
-  //     margin: props.noMargin ? 0 : 10,
-  //     maxWidth: props.maxWidth,
-  //   };
-  // }
-
-  return (
-    <div
-    // style={boxStyle}
-    >
-      {props.children}
-    </div>
-  );
+  return <div>{props.children}</div>;
 };

package/src/styles.css

@@ -1,98 +1,3 @@
-
-.reset_password_root {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex-grow: 1;
-  background-color: var(--light);
-}
-.reset_password_paper {
-  margin-top: 8px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-/* START INDEX.JS */
-.index_root {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.index_logo {
-  height: 70px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.index_buttons_container {
-  margin-top: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-/* END INDEX.js */
-.account_section {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 10px;
-  /* max-width: 400px; */
-  /* background-color: black; */
-}
-.account_deactivate {
-  text-align: center;
-  opacity: 1;
-  font-size: 13px;
-  color: red;
-  padding: 5px;
-  cursor: pointer;
-  width: fit-content;
-}
-.text_button {
-  cursor: pointer;
-  color: var(--blue);
-  font-weight: 500;
-}
-.bottom_text {
-  margin-top: 10px;
-  font-size: 14px;
-}
-.newsletter_container {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex-direction: row;
-  margin-top: 15px;
-}
-.modalTEST {
-  background-color: red;
-  width: 10px;
-}
-.modal_theme {
-  background-color: black;
-  opacity: 0.3;
-  border: none;
-}
-.user_form {
-  background-color: var(--lightGrey);
-  padding: 20px;
-  border-radius: var(--borderR);
-  margin-bottom: 20px;
-  margin-top: 10px;
-}
-.user_form_container {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  width: 90%;
-  max-width: 400px;
-  height: 100vh;
-}
 .input {
   color: black;
   background-color: var(--light);
@@ -101,14 +6,7 @@
   border-bottom: none;
   border: none;
 }
-.balanceInput {
-  color: black;
-  background-color: var(--light);
-  padding: 10px;
-  border-radius: var(--borderR);
-  border-bottom: none;
-  border: none;
-}
+
 .theme_form_input {
   color: black;
   background-color: var(--light);
@@ -117,33 +15,7 @@
   border: none;
   width: 100%;
 }
-.theme_input {
-  color: black;
-  background-color: var(--light);
-  padding: 10px;
-  border-radius: var(--borderR);
-  border-bottom: none;
-  border: none;
-  width: 100%;
-}
-.theme_input2 {
-  color: black;
-  background-color: var(--light);
-  /* padding: 10px; */
-  border-radius: var(--borderR);
-  border-bottom: none;
-  border: none;
-  width: 100%;
-}
-.theme_input2 input {
-  color: black;
-  background-color: var(--light);
-  padding: 10px;
-  border-radius: var(--borderR);
-  border-bottom: none;
-  border: none;
-  width: 100%;
-}
+
 .theme_form_input input {
   color: black;
   background-color: var(--light);
@@ -153,37 +25,7 @@
   border: none;
   width: 100%;
 }
-.form_textarea {
-  color: black;
-  background-color: var(--light);
-  border-radius: var(--borderR);
-  border-bottom: none;
-  border: none;
-  width: 100%;
-  padding: 0px;
-  margin: 0px;
-  margin-bottom: 0px;
-  resize: vertical;
-}
 
-.input_label {
-  font-size: 15px;
-  font-weight: 500;
-  position: relative;
-  /* margin-top: 10px; */
-  margin: 15px;
-  margin-left: 0px;
-}
-.loading_overlay {
-  position: absolute;
-  display: grid;
-  place-items: center;
-  height: 100%;
-  width: 100%;
-  z-index: 2;
-  padding: 0;
-  margin: 0px;
-}
 .inputLabel {
   font-size: 20px;
   margin-bottom: 10px;
@@ -191,173 +33,7 @@
 
   position: relative;
 }
-.navbar_root_container {
-  /* flex-grow: 1; */
-  padding-right: 10px;
-  padding-left: 10px;
-  width: 100%;
-  background-color: blue;
-}
-.navbar_container {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  padding-right: 10px;
-  padding-left: 10px;
-  /* background-color: white; */
-}
-.navbar_logo {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  height: 70px;
-  cursor: pointer;
-  padding: 0px;
-}
-.navbar_button {
-  color: black;
-  background-color: var(--light);
-  box-shadow: none;
-  /* border: 1px solid var(--blue); */
-}
-.navbar_button_primary {
-  color: var(--light);
-  background-color: var(--blue);
-  box-shadow: none;
-}
-.error_page {
-  /* background-color: green; */
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  height: 100vh;
-}
-.error_page_text_main {
-  /* background-color: darkgoldenrod; */
-  padding: 10px;
-  font-size: 30px;
-  font-weight: 500;
-}
-.error_page_text_second {
-  /* background-color: darkorchid; */
-  padding: 10px;
-}
-.radio_selector_container {
-  background-color: white;
-  display: flex;
-  flex-direction: row;
-  border-radius: var(--borderR);
-  margin-bottom: 10px;
-}
-.radio_option {
-  background-color: var(--lightGrey);
-  border-radius: var(--borderR);
-  margin: 5px;
-  padding: 10px;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  font-size: 14px;
-  cursor: pointer;
-  white-space: nowrap;
-}
-.settings_row {
-  background-color: var(--light);
-  border-radius: var(--borderR);
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  height: 50px;
-  padding: 10px;
-  width: 100%;
-}
-.settings_row_actions {
-  background-color: rgb(223, 221, 221);
-  width: 100%;
-  max-width: 200px;
-  border-radius: var(--borderR);
-}
-.white_button {
-  background-color: rgb(223, 221, 221);
-  padding: 10px;
-  /* margin: 10px; */
-  width: 100px;
-  text-align: center;
-  cursor: pointer;
-  border-radius: var(--borderR);
-  /* border-radius: 0 var(--borderR) var(--borderR) 0; */
-}
-.blue_button {
-  background-color: var(--blue);
-  color: white;
-  padding: 10px;
-  /* margin: 10px; */
-  width: 100px;
-  text-align: center;
-  cursor: pointer;
-  border-radius: var(--borderR);
-  /* border-radius: var(--borderR) 0 0 var(--borderR); */
-}
-.route_loading {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  background-color: var(--blue);
-  border-radius: var(--borderR);
-  padding: 10px;
-  height: 50px;
-  width: 50px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 400;
-}
-.offline_banner {
-  position: fixed;
-  bottom: 20px;
-  left: 20px;
-  /* background-color: var(--red); */
-  background-color: red;
-  border-radius: var(--borderR);
-  padding: 10px;
-  height: 50px;
-  /* width: 50px; */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 400;
-  color: white;
-}
-.language_modal_button {
-  background-color: var(--blue);
-  padding: 10px;
-  height: 100%;
-  width: 100%;
-  border-radius: var(--borderR);
-  text-align: center;
-  color: white;
-  margin: 10px;
-}
-.language_modal_buttons_container {
-  margin: 10px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-.language_modal_root {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 20px;
-  font-size: 20px;
-  font-weight: 700px;
-  width: 100%;
-}
+
 /* DragDropMenuLogo */
 .upload_error_container {
   background-color: #f44336;
@@ -375,27 +51,3 @@
   border-width: 2px;
   cursor: pointer;
 }
-@media (max-width: 600px) {
-  .radio_selector_container {
-    width: 100%;
-    flex-wrap: wrap;
-  }
-  .settings_row {
-    flex-wrap: wrap;
-    height: auto;
-  }
-  .white_button {
-    width: 100%;
-  }
-  .blue_button {
-    width: 100%;
-  }
-  .settings_row_actions {
-    width: 100%;
-    max-width: 100%;
-  }
-  .settings_row_title {
-    margin-bottom: 10px;
-    margin-top: 10px;
-  }
-}

package/storybook-static/iframe.html

@@ -345,4 +345,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.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.741b86a0.iframe.bundle.js"></script><script src="main.06257453.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.708d7ac1.iframe.bundle.js"></script><script src="vendors~main.741b86a0.iframe.bundle.js"></script><script src="main.20c7df82.iframe.bundle.js"></script></body></html>