@sikka/hawa 0.0.170 → 0.0.171

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.170",
+  "version": "0.0.171",
   "description": "UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",

package/src/blocks/Misc/Newsletter.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { HawaButton, HawaTextField } from "../../elements"
 import { HawaContainer } from "../../layout"
-import { FaCheck } from "react-icons/fa"
+
 type TNewsletter = {
   variant?: "outlined" | "contained" | "neobrutalism"
   texts: {

package/src/blocks/index.ts

@@ -3,3 +3,4 @@ export * from "./AuthForms"
 export * from "./Payment"
 export * from "./Pricing"
 export * from "./Referral"
+export * from "./Misc"

package/src/elements/HawaRadio.tsx

@@ -14,7 +14,7 @@ type RadioTypes = {
 export const HawaRadio: React.FunctionComponent<RadioTypes> = (props) => {
   const [selectedOption, setSelectedOption] = useState(props.defaultValue)
   let activeTabStyle =
-    "inline-block py-2 px-4  w-full text-white bg-blue-600 rounded-lg active"
+    "inline-block py-2 px-4  w-full text-white bg-buttonPrimary-default rounded-lg active"
   let inactiveTabStyle =
     "inline-block py-2 px-4 w-full bg-gray-100 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
 

package/src/layout/HawaAppLayout.tsx

@@ -32,6 +32,8 @@ type MenuItems = {
   ) => void
   isButton?: boolean
 }
+
+// TODO: fix the drawer top when no topbar
 export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
   direction = "rtl",
   ...props
@@ -69,7 +71,7 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
   //less than 600
   //as nothing and expands as button is clicked
   let ltrDrawerStyle = [
-    " fixed top-3 left-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-default transition-all",
+    " fixed top-0 left-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-default transition-all",
     size > 600 ? "w-14 hover:w-40" : "w-0",
     openSideMenu ? "w-40" : "w-14",
   ]
@@ -170,7 +172,7 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
       >
         <div
           className={clsx(
-            // "overflow-hidden",
+            props.topBar ? "" : "mt-2",
             openSideMenu ? "overflow-auto" : "overflow-hidden"
           )}
         >
@@ -220,10 +222,8 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = ({
                             : null
                         }
                         onClick={() => {
-                          // if()
-                          const { offsetTop } = drawerItemRef.current
-                          ref.current.scrollTop = offsetTop - 100
-
+                          ref.current.scrollTop =
+                            drawerItemRef.current?.offsetTop - 100
                           dItem.action()
                         }}
                         className={clsx(

package/src/styles.css

@@ -620,9 +620,6 @@ video {
 .left-8 {
   left: 2rem;
 }
-.top-3 {
-  top: 0.75rem;
-}
 .left-14 {
   left: 3.5rem;
 }