@sikka/hawa 0.0.229 → 0.0.231

package/dist/styles.css

@@ -660,6 +660,9 @@ video {
 .z-50 {
   z-index: 50;
 }
+.order-none {
+  order: 0;
+}
 .m-0 {
   margin: 0px;
 }
@@ -771,6 +774,9 @@ video {
 .mr-40 {
   margin-right: 10rem;
 }
+.mr-\[5px\] {
+  margin-right: 5px;
+}
 .mt-0 {
   margin-top: 0px;
 }
@@ -798,6 +804,9 @@ video {
 .mt-8 {
   margin-top: 2rem;
 }
+.box-border {
+  box-sizing: border-box;
+}
 .block {
   display: block;
 }
@@ -882,12 +891,18 @@ video {
 .h-96 {
   height: 24rem;
 }
+.h-\[150px\] {
+  height: 150px;
+}
 .h-\[1px\] {
   height: 1px;
 }
 .h-\[2\.36rem\] {
   height: 2.36rem;
 }
+.h-\[32px\] {
+  height: 32px;
+}
 .h-\[calc\(100\%-3\.5rem\)\] {
   height: calc(100% - 3.5rem);
 }
@@ -901,6 +916,10 @@ video {
 .h-full {
   height: 100%;
 }
+.h-min {
+  height: -moz-min-content;
+  height: min-content;
+}
 .h-screen {
   height: 100vh;
 }
@@ -983,6 +1002,12 @@ video {
 .w-8 {
   width: 2rem;
 }
+.w-\[32px\] {
+  width: 32px;
+}
+.w-\[400px\] {
+  width: 400px;
+}
 .w-\[calc\(1\%\)\] {
   width: calc(1%);
 }
@@ -996,6 +1021,10 @@ video {
 .w-full {
   width: 100%;
 }
+.w-min {
+  width: -moz-min-content;
+  width: min-content;
+}
 .min-w-\[24px\] {
   min-width: 24px;
 }
@@ -1093,6 +1122,9 @@ video {
 .cursor-pointer {
   cursor: pointer;
 }
+.resize-none {
+  resize: none;
+}
 .resize {
   resize: both;
 }
@@ -1481,6 +1513,10 @@ video {
 .bg-buttonPrimary-500 {
   background-color: var(--button-primary-500);
 }
+.bg-cyan-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 94 117 / var(--tw-bg-opacity));
+}
 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -1493,6 +1529,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
+.bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
 .bg-gray-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -1555,6 +1595,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
+.bg-slate-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1687,6 +1731,10 @@ video {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1797,6 +1845,9 @@ video {
 .capitalize {
   text-transform: capitalize;
 }
+.italic {
+  font-style: italic;
+}
 .leading-4 {
   line-height: 1rem;
 }
@@ -1885,6 +1936,10 @@ video {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
+.line-through {
+  -webkit-text-decoration-line: line-through;
+          text-decoration-line: line-through;
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -1930,6 +1985,10 @@ video {
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .outline {
   outline-style: solid;
 }
@@ -2178,6 +2237,11 @@ body {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.hover\:text-gray-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -2592,4 +2656,4 @@ body {
     margin-left: 2.5rem;
     margin-right: 2.5rem;
   }
-}
+}

package/es/elements/ArrowCarousel.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type Item = {
+    label?: string;
+    icon?: JSX.Element;
+};
+type ComponentTypes = {
+    items: Item[];
+    index?: number;
+    arrowSize?: number;
+    labelSize?: "small" | "medium" | "big";
+};
+export declare const ArrowCarousel: React.FunctionComponent<ComponentTypes>;
+export {};

package/es/elements/FloatingComment - ContentEditable.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type ComponentTypes = {
+    foo?: string;
+};
+export declare const FloatingComment: React.FunctionComponent<ComponentTypes>;
+export {};

package/es/elements/FloatingComment.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+type ComponentTypes = {
+    foo?: string;
+};
+export declare const FloatingComment: React.FunctionComponent<ComponentTypes>;
+export {};

package/es/elements/index.d.ts

@@ -31,6 +31,8 @@ export * from "./UsageCard";
 export * from "./InvoiceAccordion";
 export * from "./HawaDatepicker";
 export * from "./UserFeedback";
+export * from "./ArrowCarousel";
+export * from "./FloatingComment";
 export * from "./HawaTextField";
 export * from "./HawaCardInput";
 export * from "./HawaPinInput";