@sikka/hawa 0.0.178 → 0.0.180

package/dist/styles.css

@@ -704,10 +704,6 @@ video {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .my-7 {
   margin-top: 1.75rem;
   margin-bottom: 1.75rem;
@@ -1063,6 +1059,14 @@ video {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-rotate-90 {
+  --tw-rotate: -90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.rotate-90 {
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -1140,6 +1144,9 @@ video {
 .gap-1 {
   gap: 0.25rem;
 }
+.gap-0 {
+  gap: 0px;
+}
 .gap-9 {
   gap: 2.25rem;
 }
@@ -1260,9 +1267,13 @@ 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-r {
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.rounded-l {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
 }
 .rounded-tr-none {
   border-top-right-radius: 0px;
@@ -1495,6 +1506,13 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
+.bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
+}
+.bg-layoutPrimary-300 {
+  background-color: var(--layout-primary-300);
+}
 .bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
@@ -1991,8 +2009,8 @@ body {
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-buttonPrimary-300:hover {
-  background-color: var(--button-primary-300);
+.hover\:bg-layoutPrimary-500:hover {
+  background-color: var(--layout-primary-500);
 }
 
 .hover\:text-gray-900:hover {

package/es/elements/HawaTable.d.ts

@@ -13,6 +13,7 @@ type TableTypes = {
     size?: "normal" | "small";
     highlightFirst?: boolean;
     customColor?: string;
+    clickable?: boolean;
 };
 export declare const HawaTable: React.FunctionComponent<TableTypes>;
 export {};

package/es/elements/HawaTabs.d.ts

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