@sikka/hawa 0.0.114 → 0.0.116

package/dist/styles.css

@@ -547,6 +547,9 @@ video {
 .top-5 {
   top: 1.25rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .top-auto {
   top: auto;
 }
@@ -559,9 +562,6 @@ video {
 .top-2 {
   top: 0.5rem;
 }
-.-left-1 {
-  left: -0.25rem;
-}
 .z-10 {
   z-index: 10;
 }
@@ -743,24 +743,24 @@ video {
 .h-screen {
   height: 100vh;
 }
-.h-2 {
-  height: 0.5rem;
-}
 .h-10 {
   height: 2.5rem;
 }
+.h-2 {
+  height: 0.5rem;
+}
 .h-32 {
   height: 8rem;
 }
 .h-0\.5 {
   height: 0.125rem;
 }
-.h-9 {
-  height: 2.25rem;
-}
 .h-12 {
   height: 3rem;
 }
+.h-9 {
+  height: 2.25rem;
+}
 .h-20 {
   height: 5rem;
 }
@@ -808,14 +808,17 @@ video {
 .w-44 {
   width: 11rem;
 }
+.w-10 {
+  width: 2.5rem;
+}
 .w-11 {
   width: 2.75rem;
 }
 .w-1 {
   width: 0.25rem;
 }
-.w-10 {
-  width: 2.5rem;
+.w-12 {
+  width: 3rem;
 }
 .w-1\/3 {
   width: 33.333333%;
@@ -823,9 +826,6 @@ video {
 .w-80 {
   width: 20rem;
 }
-.w-12 {
-  width: 3rem;
-}
 .w-20 {
   width: 5rem;
 }
@@ -934,6 +934,9 @@ video {
 .items-stretch {
   align-items: stretch;
 }
+.justify-start {
+  justify-content: flex-start;
+}
 .justify-end {
   justify-content: flex-end;
 }
@@ -1103,6 +1106,18 @@ video {
 .border-t-0 {
   border-top-width: 0px;
 }
+.border-t-4 {
+  border-top-width: 4px;
+}
+.border-l-4 {
+  border-left-width: 4px;
+}
+.border-r-4 {
+  border-right-width: 4px;
+}
+.border-b-4 {
+  border-bottom-width: 4px;
+}
 .border-r {
   border-right-width: 1px;
 }
@@ -1139,6 +1154,22 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity));
+}
+.border-yellow-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity));
+}
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity));
+}
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 239 172 / var(--tw-border-opacity));
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -1269,6 +1300,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(116 177 251 / var(--tw-bg-opacity));
 }
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
+}
 .bg-primary-300 {
   --tw-bg-opacity: 1;
   background-color: rgb(156 199 252 / var(--tw-bg-opacity));
@@ -1706,6 +1741,9 @@ body {
   --tw-content: '';
   content: var(--tw-content);
 }
+.hover\:w-60:hover {
+  width: 15rem;
+}
 .hover\:cursor-pointer:hover {
   cursor: pointer;
 }

package/es/elements/HawaAlert.d.ts

@@ -8,6 +8,7 @@ declare let severities: {
 type AlertTypes = {
     severity: keyof typeof severities;
     title?: any;
+    variant?: "normal" | "solid" | "top-accent" | "left-accent" | "right-accent" | "bottom-accent";
     text: any;
     hideIcon?: any;
     actions?: [

package/es/elements/HawaChip.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 type TChipTypes = {
     label: string;
     size: "small" | "normal" | "large";
-    icon?: any;
+    icon?: JSX.Element;
 };
 export declare const HawaChip: React.FunctionComponent<TChipTypes>;
 export {};

package/es/elements/HawaPinInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type PinInputTypes = {
+    label: string;
+    icon?: JSX.Element;
+    digits?: number;
+};
+export declare const HawaPinInput: React.FunctionComponent<PinInputTypes>;
+export {};

package/es/elements/HawaStats.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type StatTypes = {
+    label?: string;
+    number?: string;
+    helperText?: string;
+    variant?: "plain" | "contained" | "outlined";
+};
+export declare const HawaStats: React.FunctionComponent<StatTypes>;
+export {};

package/es/elements/index.d.ts

@@ -24,8 +24,10 @@ export * from "./HawaDrawer";
 export * from "./HawaCopyrights";
 export * from "./HawaTimeline";
 export * from "./Breadcrumb";
+export * from "./HawaStats";
 export * from "./HawaTextField";
 export * from "./HawaCardInput";
+export * from "./HawaPinInput";
 export * from "./HawaItemCard";
 export * from "./HawaPricingCard";
 export * from "./HawaAdCard";