@sikka/hawa 0.8.15-next → 0.8.17-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";
@@ -4540,7 +4540,7 @@ var Select = function(props) {
                 return "hawa-text-foreground";
             },
             indicatorsContainer: function() {
-                return cn(" hawa-px-0 hawa-cursor-pointer hawa-text-muted-foreground", props.hideIndicator && "hawa-invisible");
+                return cn("hawa-cursor-pointer hawa-text-muted-foreground", props.hideIndicator ? "hawa-invisible" : "hawa-px-1");
             }
         },
         unstyled: true,
@@ -4555,12 +4555,15 @@ var Select = function(props) {
         onChange: function(newValue, action) {
             return props.onChange(newValue, action);
         },
-        components: {
+        components: props.hideIndicator ? {
             Option: Option,
             Menu: Menu,
             IndicatorsContainer: function() {
                 return null;
             }
+        } : {
+            Option: Option,
+            Menu: Menu
         },
         getOptionLabel: props.getOptionLabel
     }) : /* @__PURE__ */ import_react18.default.createElement(import_creatable.default, {
@@ -4608,7 +4611,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 +4913,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 +8136,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";
@@ -4191,8 +4191,8 @@ var Select = (props) => {
             valueContainer: () => "hawa-text-foreground hawa-px-1 ",
             singleValue: () => "hawa-text-foreground",
             indicatorsContainer: () => cn(
-              " hawa-px-0 hawa-cursor-pointer hawa-text-muted-foreground",
-              props.hideIndicator && "hawa-invisible"
+              "hawa-cursor-pointer hawa-text-muted-foreground",
+              props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
             )
           },
           unstyled: true,
@@ -4205,7 +4205,15 @@ var Select = (props) => {
           placeholder: props.placeholder,
           autoFocus: true,
           onChange: (newValue, action) => props.onChange(newValue, action),
-          components: { Option, Menu, IndicatorsContainer: () => null },
+          components: props.hideIndicator ? {
+            Option,
+            Menu,
+            IndicatorsContainer: () => null
+            // Set to null if phoneCode is true, otherwise undefined
+          } : {
+            Option,
+            Menu
+          },
           getOptionLabel: props.getOptionLabel
         }
       )
@@ -4236,7 +4244,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 +4592,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 +8043,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.17-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {