@sikka/hawa 0.2.5-beta → 0.2.7-beta

package/src/elements/Textarea.tsx

@@ -5,22 +5,29 @@ import { Label } from "./Label"
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
   label?: string
+  helperText?: string
 }
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  ({ className, label, ...props }, ref) => {
+  ({ className, label, helperText, ...props }, ref) => {
     return (
-      <>
+      <div className="flex flex-col gap-2">
         {label && <Label htmlFor={props.id}>{label}</Label>}
         <textarea
           className={cn(
-            "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+            "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground   disabled:cursor-not-allowed disabled:opacity-50",
+            // focus-visible:ring-offset-2
             className
           )}
           ref={ref}
           {...props}
         />
-      </>
+        {helperText && (
+          <p className="mb-0 mt-0 text-xs text-red-600 dark:text-red-500">
+            {helperText}
+          </p>
+        )}
+      </div>
     )
   }
 )

package/src/elements/UserReferralSource.tsx

@@ -52,7 +52,7 @@ export const UserReferralSource: FC<ComponentTypes> = ({
   return (
     <Card
       ref={popUpRef}
-      className={clsx("fixed bottom-4 p-4 ", boxPosition[position])}
+      className={clsx("fixed bottom-4 p-0 ", boxPosition[position])}
     >
       <button
         type="button"

package/src/elements/index.ts

@@ -28,7 +28,8 @@ export * from "./Breadcrumb"
 export * from "./SubsectionList"
 export * from "./UsageCard"
 export * from "./InvoiceAccordion"
-export * from "./UserFeedback"
+export * from "./FeedbackRating"
+export * from "./FeedbackByEmoji"
 export * from "./ArrowCarousel"
 export * from "./FloatingComment"
 export * from "./FloatingCommentSlate"

package/src/layout/Footer.tsx

@@ -2,6 +2,7 @@ import { BsInstagram, BsTwitter } from "react-icons/bs"
 import { FaSnapchatGhost, FaTiktok } from "react-icons/fa"
 import { Button } from "../elements"
 import { cn } from "../util"
+import React from "react"
 
 type FooterTypes = {
   logoText?: string

package/src/styles.css

@@ -1172,6 +1172,9 @@ video {
 .h-\[150px\] {
   height: 150px;
 }
+.h-\[165px\] {
+  height: 165px;
+}
 .h-\[16px\] {
   height: 16px;
 }
@@ -1199,6 +1202,9 @@ video {
 .h-\[400px\] {
   height: 400px;
 }
+.h-\[44px\] {
+  height: 44px;
+}
 .h-\[80px\] {
   height: 80px;
 }
@@ -1440,6 +1446,9 @@ video {
 .max-w-\[200px\] {
   max-width: 200px;
 }
+.max-w-\[300px\] {
+  max-width: 300px;
+}
 .max-w-\[52px\] {
   max-width: 52px;
 }
@@ -2565,6 +2574,10 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-\[\#666666\] {
+  --tw-text-opacity: 1;
+  color: rgb(102 102 102 / var(--tw-text-opacity));
+}
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -2897,6 +2910,9 @@ video {
 .duration-500 {
   transition-duration: 500ms;
 }
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 .will-change-transform {
   will-change: transform;
 }
@@ -2953,6 +2969,9 @@ video {
 .delay-300 {
   animation-delay: 300ms;
 }
+.ease-in-out {
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 .repeat-infinite {
   animation-iteration-count: infinite;
 }

package/tsconfig.json

@@ -20,7 +20,6 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "rootDir": "src"
   },
   "include": [
     "next-env.d.ts",