@sikka/hawa 0.8.15-next → 0.8.16-next

package/dist/index.css

@@ -431,18 +431,17 @@ video {
     --muted-foreground: 240 5% 64.9%;
     --accent: 240 3.7% 15.9%;
     --accent-foreground: 0 0% 98%;
-   
-  
-    --success: 106 70% 40%;  /* A shade of green */
-    --success-foreground: 0 0% 100%;  /* White */
-    --info: 200 100% 30%;  /* A shade of blue */
-    --info-foreground: 0 0% 100%;  /* White */
-    --warning: 45 100% 50%;  /* A shade of yellow */
-    --warning-foreground: 0 0% 20%;  /* Dark grey */
-   
+
+    --success: 106 70% 40%; /* A shade of green */
+    --success-foreground: 0 0% 100%; /* White */
+    --info: 200 100% 30%; /* A shade of blue */
+    --info-foreground: 0 0% 100%; /* White */
+    --warning: 45 100% 50%; /* A shade of yellow */
+    --warning-foreground: 0 0% 20%; /* Dark grey */
+
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 85.7% 97.3%;
-   
+
     --border: 240 3.7% 15.9%;
     --input: 240 3.7% 15.9%;
     --ring: 240 4.9% 83.9%;
@@ -661,6 +660,16 @@ input[type="number"]::-webkit-inner-spin-button,
   height: 1rem;
   width: 1rem;
 }
+.helper-text {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+:is([data-mode="dark"] .helper-text) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
 .ddm-w-parent {
     width: var(--radix-dropdown-menu-trigger-width);
   }

package/dist/index.d.mts

@@ -665,7 +665,7 @@ type SelectTypes = {
     controlClassNames?: string;
     containerClassNames?: string;
     onChange?: any;
-    helperText?: any;
+    helperText?: string;
     onInputChange?: any;
     native?: any;
     width?: "full" | "small" | "fit";

package/dist/index.d.ts

@@ -665,7 +665,7 @@ type SelectTypes = {
     controlClassNames?: string;
     containerClassNames?: string;
     onChange?: any;
-    helperText?: any;
+    helperText?: string;
     onInputChange?: any;
     native?: any;
     width?: "full" | "small" | "fit";

package/dist/index.js

@@ -1772,7 +1772,7 @@ var Checkbox = function(_param) {
         className: cn("hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-text-muted-foreground", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70")
     }, sublabel), helperText && !checkboxProps.disabled && /* @__PURE__ */ React13.createElement("label", {
         htmlFor: id,
-        className: cn("hawa-select-none hawa-text-xs  hawa-text-red-500", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
+        className: cn("hawa-select-none helper-text", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
     }, helperText)));
 };
 var CheckboxElement = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
@@ -2443,7 +2443,7 @@ var Textarea = React24.forwardRef(function(_param, ref) {
         className: cn("hawa-flex hawa-min-h-[80px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50", className),
         ref: ref
     }, props)), props.helperText && /* @__PURE__ */ React24.createElement("p", {
-        className: "hawa-text-sm hawa-text-red-600 dark:hawa-text-red-500"
+        className: "helper-text"
     }, props.helperText));
 });
 Textarea.displayName = "Textarea";
@@ -4608,7 +4608,7 @@ var Select = function(props) {
             return props.onInputChange(newValue, action);
         }
     }), props.helperText && /* @__PURE__ */ import_react18.default.createElement("p", {
-        className: "hawa-text-sm hawa-text-red-600 dark:hawa-text-red-500"
+        className: "helper-text"
     }, props.helperText));
 };
 // components/elements/PhoneInput.tsx
@@ -4910,7 +4910,7 @@ var Input = function(_param) {
     })), props.iconInside && /* @__PURE__ */ import_react22.default.createElement("div", {
         className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2"
     }, props.iconInside), props.helperText && /* @__PURE__ */ import_react22.default.createElement("p", {
-        className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+        className: "hawa-mb-0 hawa-mt-0 helper-text"
     }, props.helperText))));
 };
 // components/elements/DataTable.tsx
@@ -8133,13 +8133,13 @@ var FeedbackForm = function(props) {
         control: control,
         render: function(param) {
             var field = param.field;
-            var _formState_errors_requestType;
+            var _formState_errors_requestType_message, _formState_errors_requestType;
             return /* @__PURE__ */ import_react45.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
                 onChange: function(option) {
                     return field.onChange(option.value);
                 },
                 options: props.requestTypes,
-                helperText: formState.errors.requestType && ((_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : _formState_errors_requestType.message)
+                helperText: (_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : (_formState_errors_requestType_message = _formState_errors_requestType.message) === null || _formState_errors_requestType_message === void 0 ? void 0 : _formState_errors_requestType_message.toString()
             }));
         }
     }), /* @__PURE__ */ import_react45.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react45.default.createElement(import_react_hook_form7.Controller, {

package/dist/index.mjs

@@ -1207,7 +1207,7 @@ var Checkbox = ({
     {
       htmlFor: id,
       className: cn(
-        "hawa-select-none hawa-text-xs  hawa-text-red-500",
+        "hawa-select-none helper-text",
         checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70"
       )
     },
@@ -2012,7 +2012,7 @@ var Textarea = React24.forwardRef(
         ref,
         ...props
       }
-    ), props.helperText && /* @__PURE__ */ React24.createElement("p", { className: "hawa-text-sm hawa-text-red-600 dark:hawa-text-red-500" }, props.helperText));
+    ), props.helperText && /* @__PURE__ */ React24.createElement("p", { className: "helper-text" }, props.helperText));
   }
 );
 Textarea.displayName = "Textarea";
@@ -4236,7 +4236,7 @@ var Select = (props) => {
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    props.helperText && /* @__PURE__ */ React29.createElement("p", { className: "hawa-text-sm hawa-text-red-600 dark:hawa-text-red-500" }, props.helperText)
+    props.helperText && /* @__PURE__ */ React29.createElement("p", { className: "helper-text" }, props.helperText)
   );
 };
 
@@ -4584,7 +4584,7 @@ var Input = ({
         placeholder: props.placeholder,
         disabled: preview
       }
-    )), props.iconInside && /* @__PURE__ */ React34.createElement("div", { className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2" }, props.iconInside), props.helperText && /* @__PURE__ */ React34.createElement("p", { className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500" }, props.helperText)))
+    )), props.iconInside && /* @__PURE__ */ React34.createElement("div", { className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2" }, props.iconInside), props.helperText && /* @__PURE__ */ React34.createElement("p", { className: "hawa-mb-0 hawa-mt-0 helper-text" }, props.helperText)))
   );
 };
 
@@ -8035,7 +8035,7 @@ var FeedbackForm = (props) => {
             ...field,
             onChange: (option) => field.onChange(option.value),
             options: props.requestTypes,
-            helperText: formState.errors.requestType && formState.errors.requestType?.message
+            helperText: formState.errors.requestType?.message?.toString()
           }
         )
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.8.15-next",
+  "version": "0.8.16-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {