@sikka/hawa 0.0.163 → 0.0.165

package/dist/styles.css

@@ -605,6 +605,9 @@ video {
 .bottom-4 {
   bottom: 1rem;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .left-3 {
   left: 0.75rem;
 }
@@ -629,9 +632,6 @@ video {
 .-left-1 {
   left: -0.25rem;
 }
-.top-2 {
-  top: 0.5rem;
-}
 .right-2\.5 {
   right: 0.625rem;
 }
@@ -644,6 +644,12 @@ video {
 .bottom-2 {
   bottom: 0.5rem;
 }
+.right-32 {
+  right: 8rem;
+}
+.left-32 {
+  left: 8rem;
+}
 .top-auto {
   top: auto;
 }
@@ -771,6 +777,9 @@ video {
 .mt-12 {
   margin-top: 3rem;
 }
+.mb-8 {
+  margin-bottom: 2rem;
+}
 .mt-5 {
   margin-top: 1.25rem;
 }
@@ -1102,6 +1111,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-9 {
+  gap: 2.25rem;
+}
 .gap-x-3 {
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
@@ -1155,6 +1167,9 @@ video {
 .overflow-clip {
   overflow: clip;
 }
+.overflow-scroll {
+  overflow: scroll;
+}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1167,6 +1182,9 @@ video {
 .overflow-y-clip {
   overflow-y: clip;
 }
+.scroll-auto {
+  scroll-behavior: auto;
+}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1221,6 +1239,10 @@ video {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
 .rounded-tr-none {
   border-top-right-radius: 0px;
 }
@@ -1239,12 +1261,12 @@ video {
 .rounded-br-lg {
   border-bottom-right-radius: 0.5rem;
 }
-.rounded-tl-none {
-  border-top-left-radius: 0px;
-}
 .rounded-br-none {
   border-bottom-right-radius: 0px;
 }
+.rounded-tl-none {
+  border-top-left-radius: 0px;
+}
 .border {
   border-width: 1px;
 }
@@ -1290,6 +1312,12 @@ video {
 .border-l-0 {
   border-left-width: 0px;
 }
+.border-l-2 {
+  border-left-width: 2px;
+}
+.border-r-2 {
+  border-right-width: 2px;
+}
 .border-dashed {
   border-style: dashed;
 }
@@ -1347,6 +1375,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
+.border-buttonPrimary-default {
+  border-color: var(--button-primary);
+}
 .border-t-white {
   --tw-border-opacity: 1;
   border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -1439,6 +1470,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
 .bg-primary-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(196 222 253 / var(--tw-bg-opacity));
@@ -1451,10 +1486,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-.bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
 .bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
@@ -1836,6 +1867,9 @@ video {
 .duration-300 {
   transition-duration: 300ms;
 }
+.duration-700 {
+  transition-duration: 700ms;
+}
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
 
 body {
@@ -1916,10 +1950,6 @@ body {
   cursor: pointer;
 }
 
-.hover\:overflow-auto:hover {
-  overflow: auto;
-}
-
 .hover\:bg-gray-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));

package/es/elements/HawaTabs.d.ts

@@ -5,6 +5,7 @@ type TabsTypes = {
     defaultValue?: any;
     contents?: any;
     orientation?: "horizontal" | "vertical";
+    direction?: "rtl" | "ltr";
 };
 export declare const HawaTabs: React.FunctionComponent<TabsTypes>;
 export {};