@sikka/hawa 0.10.6-next → 0.10.7-next

package/dist/index.css

@@ -412,11 +412,14 @@ video {
     --error-foreground: 0 0% 98%;
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
+    --helper-text: 0 72% 51%;
     --ring: 240 5% 64.9%;
     --radius: 0.5rem;
     --radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
   }
   .dark {
+    --helper-text: 0 84% 60%;
+    /* --helper-text: 61 97% 45%; */
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
     --card: 0 0% 2%;
@@ -660,16 +663,6 @@ 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);
   }
@@ -883,6 +876,10 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-left: 1rem;
   margin-right: 1rem;
 }
+.hawa-my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
 .hawa-my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
@@ -2362,6 +2359,9 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(21 128 61 / var(--tw-text-opacity));
 }
+.hawa-text-helper-color {
+  color: hsl(var(--helper-text));
+}
 .hawa-text-info-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--info-foreground) / var(--tw-text-opacity));
@@ -2412,10 +2412,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-.hawa-text-red-600 {
-  --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
-}
 .hawa-text-red-700 {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity));
@@ -3391,10 +3387,6 @@ body {
 :is([data-mode="dark"] .dark\:hawa-text-muted-foreground) {
   color: hsl(var(--muted-foreground));
 }
-:is([data-mode="dark"] .dark\:hawa-text-red-500) {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
 :is([data-mode="dark"] .dark\:hawa-text-red-800) {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity));

package/dist/index.js

@@ -1815,7 +1815,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__ */ React15.createElement("label", {
         htmlFor: id,
-        className: cn("hawa-select-none helper-text", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
+        className: cn("hawa-select-none hawa-text-xs hawa-text-helper-color", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
     }, helperText)));
 };
 var CheckboxElement = React15.forwardRef(function(_param, ref) /* @__PURE__ */ {
@@ -2486,7 +2486,7 @@ var Textarea = React26.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__ */ React26.createElement("p", {
-        className: "helper-text"
+        className: "hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 });
 Textarea.displayName = "Textarea";
@@ -2617,7 +2617,7 @@ var PinInput = function(_param) {
             }
         }, props));
     })), props.helperText && /* @__PURE__ */ import_react18.default.createElement("p", {
-        className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+        className: "hawa-my-0 hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 };
 // components/elements/FileDropzone.tsx
@@ -4652,7 +4652,7 @@ var Select = function(_param) {
             return props.onInputChange(newValue, action);
         }
     }), props.helperText && /* @__PURE__ */ import_react20.default.createElement("p", {
-        className: "helper-text"
+        className: "hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 };
 // components/elements/PhoneInput.tsx
@@ -4702,7 +4702,7 @@ var PhoneInput = function(props) {
         type: "tel",
         placeholder: "531045453"
     }))), props.helperText && /* @__PURE__ */ import_react21.default.createElement("p", {
-        className: "hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+        className: "hawa-my-0 hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 };
 {}// components/elements/AppStores.tsx
@@ -4955,7 +4955,7 @@ var Input = function(_param) {
     })), props.iconInside && /* @__PURE__ */ import_react24.default.createElement("div", {
         className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2"
     }, props.iconInside), props.helperText && /* @__PURE__ */ import_react24.default.createElement("p", {
-        className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500"
+        className: "hawa-my-0 hawa-text-xs hawa-text-helper-color"
     }, props.helperText))));
 };
 // components/elements/DataTable.tsx
@@ -6055,7 +6055,7 @@ var Combobox = function(_param) {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
     }))))), props.helperText && /* @__PURE__ */ React47.createElement("p", {
-        className: "helper-text"
+        className: "hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 };
 // components/elements/Count.tsx

package/dist/index.mjs

@@ -1240,7 +1240,7 @@ var Checkbox = ({
     {
       htmlFor: id,
       className: cn(
-        "hawa-select-none helper-text",
+        "hawa-select-none hawa-text-xs hawa-text-helper-color",
         checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70"
       )
     },
@@ -2045,7 +2045,7 @@ var Textarea = React26.forwardRef(
         ref,
         ...props
       }
-    ), props.helperText && /* @__PURE__ */ React26.createElement("p", { className: "helper-text" }, props.helperText));
+    ), props.helperText && /* @__PURE__ */ React26.createElement("p", { className: "hawa-text-xs hawa-text-helper-color" }, props.helperText));
   }
 );
 Textarea.displayName = "Textarea";
@@ -2200,7 +2200,7 @@ var PinInput = ({
         ...props
       }
     ))
-  ), props.helperText && /* @__PURE__ */ React29.createElement("p", { className: "hawa-mb-0 hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500" }, props.helperText));
+  ), props.helperText && /* @__PURE__ */ React29.createElement("p", { className: "hawa-my-0 hawa-text-xs hawa-text-helper-color" }, props.helperText));
 };
 
 // components/elements/FileDropzone.tsx
@@ -4252,7 +4252,7 @@ var Select = ({ labelKey = "label", ...props }) => {
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    props.helperText && /* @__PURE__ */ React31.createElement("p", { className: "helper-text" }, props.helperText)
+    props.helperText && /* @__PURE__ */ React31.createElement("p", { className: "hawa-text-xs hawa-text-helper-color" }, props.helperText)
   );
 };
 
@@ -4302,7 +4302,7 @@ var PhoneInput = (props) => {
       type: "tel",
       placeholder: "531045453"
     }
-  ))), props.helperText && /* @__PURE__ */ React32.createElement("p", { className: "hawa-mt-0 hawa-text-xs hawa-text-red-600 dark:hawa-text-red-500" }, props.helperText));
+  ))), props.helperText && /* @__PURE__ */ React32.createElement("p", { className: "hawa-my-0 hawa-text-xs hawa-text-helper-color" }, props.helperText));
 };
 {
 }
@@ -4595,7 +4595,7 @@ var Input = ({
         disabled: preview,
         style: { height: 40 }
       }
-    )), props.iconInside && /* @__PURE__ */ React36.createElement("div", { className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2" }, props.iconInside), props.helperText && /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "hawa-absolute hawa-right-1 hawa-top-[41px]  hawa--translate-y-1/2" }, props.iconInside), props.helperText && /* @__PURE__ */ React36.createElement("p", { className: "hawa-my-0 hawa-text-xs hawa-text-helper-color" }, props.helperText)))
   );
 };
 
@@ -5751,7 +5751,7 @@ var Combobox = ({
       ),
       getProperty(item, labelKey)
     )))))),
-    props.helperText && /* @__PURE__ */ React47.createElement("p", { className: "helper-text" }, props.helperText)
+    props.helperText && /* @__PURE__ */ React47.createElement("p", { className: "hawa-text-xs hawa-text-helper-color" }, props.helperText)
   );
 };
 

package/package.json

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