@sikka/hawa 0.0.100 → 0.0.101

package/dist/styles.css

@@ -559,6 +559,9 @@ video {
 .z-40 {
   z-index: 40;
 }
+.m-3 {
+  margin: 0.75rem;
+}
 .m-2 {
   margin: 0.5rem;
 }
@@ -702,6 +705,15 @@ video {
 .h-12 {
   height: 3rem;
 }
+.h-96 {
+  height: 24rem;
+}
+.max-h-72 {
+  max-height: 18rem;
+}
+.max-h-0 {
+  max-height: 0px;
+}
 .max-h-fit {
   max-height: -moz-fit-content;
   max-height: fit-content;
@@ -813,6 +825,34 @@ video {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+@keyframes expandDown {
+
+  0% {
+    max-height: 0;
+    height: 0;
+  }
+
+  100% {
+    max-height: 100px;
+  }
+}
+.animate-expandDown {
+  animation: expandDown 100ms linear;
+}
+@keyframes expandUp {
+
+  0% {
+    max-height: 100px;
+  }
+
+  100% {
+    max-height: 0;
+    height: 0;
+  }
+}
+.animate-expandUp {
+  animation: expandUp 100ms linear;
+}
 .cursor-default {
   cursor: default;
 }
@@ -924,6 +964,9 @@ video {
 .overflow-x-hidden {
   overflow-x: hidden;
 }
+.overflow-y-clip {
+  overflow-y: clip;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -972,6 +1015,12 @@ video {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+.rounded-tr-none {
+  border-top-right-radius: 0px;
+}
+.rounded-bl-none {
+  border-bottom-left-radius: 0px;
+}
 .rounded-bl-lg {
   border-bottom-left-radius: 0.5rem;
 }
@@ -1021,6 +1070,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -1099,10 +1152,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(163 208 57 / var(--tw-bg-opacity));
 }
-.bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
 .bg-primary-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(61 147 249 / var(--tw-bg-opacity));
@@ -1149,6 +1198,10 @@ video {
 .p-10 {
   padding: 2.5rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .px-2\.5 {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
@@ -1157,10 +1210,6 @@ video {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .py-0 {
   padding-top: 0px;
   padding-bottom: 0px;

package/es/elements/HawaMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 type MenuTypes = {
     popMenuID: any;
     menuItems: any;
@@ -9,6 +9,8 @@ type MenuTypes = {
     open: any;
     handleClose: any;
     anchor: any;
+    children: any;
+    buttonPosition: "top-right" | "top-left" | "bottom-right" | "bottom-left";
 };
 export declare const HawaMenu: React.FunctionComponent<MenuTypes>;
 export {};