@sikka/hawa 0.18.7-next → 0.18.9-next

package/dist/index.css

@@ -3641,6 +3641,9 @@ body {
 .data-\[state\=selected\]\:hawa-bg-muted[data-state=selected] {
   background-color: hsl(var(--muted));
 }
+.data-\[state\=unchecked\]\:hawa-bg-primary\/20[data-state=unchecked] {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .data-\[state\=active\]\:hawa-text-primary-foreground[data-state=active] {
   color: hsl(var(--primary-foreground));
 }

package/dist/index.d.mts

@@ -290,7 +290,11 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     preview?: boolean | undefined;
     iconInside?: React__default.ReactNode;
     endIcon?: React__default.ReactNode;
+    endIconProps?: {
+        className?: string | undefined;
+    } | undefined;
     startIcon?: React__default.ReactNode;
+    placeholder?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type ComboboxTypes<T> = {

package/dist/index.d.ts

@@ -290,7 +290,11 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     preview?: boolean | undefined;
     iconInside?: React__default.ReactNode;
     endIcon?: React__default.ReactNode;
+    endIconProps?: {
+        className?: string | undefined;
+    } | undefined;
     startIcon?: React__default.ReactNode;
+    placeholder?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 
 type ComboboxTypes<T> = {

package/dist/index.js

@@ -3609,7 +3609,10 @@ var Switch = React20.forwardRef(
         SwitchPrimitives.Root,
         {
           className: cn(
-            "hawa-relative  hawa-cursor-pointer hawa-rounded hawa-bg-primary/20 hawa-outline-none data-[state=checked]:hawa-bg-primary",
+            "hawa-bg-primary/20",
+            // "data-[state=unchecked]:hawa-bg-primary/20",
+            "data-[state=checked]:hawa-bg-primary",
+            "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
             rootRoundednessStyles[roundedness],
             className,
             rootSize[size]
@@ -3771,9 +3774,10 @@ var Input = (0, import_react15.forwardRef)(
     preview = false,
     forceHideHelperText = false,
     labelProps,
+    placeholder,
     ...props
   }, ref) => {
-    var _a;
+    var _a, _b;
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -3807,8 +3811,16 @@ var Input = (0, import_react15.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && // TODO: make end-3 editable from outside
-      /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.endIcon), /* @__PURE__ */ import_react15.default.createElement(
+      ), /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react15.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
+            (_a = props.endIconProps) == null ? void 0 : _a.className
+          )
+        },
+        props.endIcon
+      ), /* @__PURE__ */ import_react15.default.createElement(
         "input",
         {
           required: true,
@@ -3818,7 +3830,7 @@ var Input = (0, import_react15.forwardRef)(
           onChange: props.onChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
-          placeholder: props.placeholder,
+          placeholder,
           disabled: preview,
           style: { height: 40 },
           className: cn(
@@ -3827,7 +3839,7 @@ var Input = (0, import_react15.forwardRef)(
             props.endIcon && "hawa-pe-9",
             props.startIcon && "hawa-ps-9",
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            (_a = props.inputProps) == null ? void 0 : _a.className
+            (_b = props.inputProps) == null ? void 0 : _b.className
           )
         }
       )), !forceHideHelperText && /* @__PURE__ */ import_react15.default.createElement(

package/dist/index.mjs

@@ -3384,7 +3384,10 @@ var Switch = React20.forwardRef(
         SwitchPrimitives.Root,
         {
           className: cn(
-            "hawa-relative  hawa-cursor-pointer hawa-rounded hawa-bg-primary/20 hawa-outline-none data-[state=checked]:hawa-bg-primary",
+            "hawa-bg-primary/20",
+            // "data-[state=unchecked]:hawa-bg-primary/20",
+            "data-[state=checked]:hawa-bg-primary",
+            "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
             rootRoundednessStyles[roundedness],
             className,
             rootSize[size]
@@ -3549,9 +3552,10 @@ var Input = forwardRef9(
     preview = false,
     forceHideHelperText = false,
     labelProps,
+    placeholder,
     ...props
   }, ref) => {
-    var _a;
+    var _a, _b;
     let marginStyles = {
       none: "hawa-mb-0",
       normal: "hawa-mb-3",
@@ -3585,8 +3589,16 @@ var Input = forwardRef9(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && // TODO: make end-3 editable from outside
-      /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.endIcon), /* @__PURE__ */ React24.createElement(
+      ), /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("div", { className: cn("hawa-relative") }, props.startIcon && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React24.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
+            (_a = props.endIconProps) == null ? void 0 : _a.className
+          )
+        },
+        props.endIcon
+      ), /* @__PURE__ */ React24.createElement(
         "input",
         {
           required: true,
@@ -3596,7 +3608,7 @@ var Input = forwardRef9(
           onChange: props.onChange,
           autoComplete: props.autoComplete,
           defaultValue: props.defaultValue,
-          placeholder: props.placeholder,
+          placeholder,
           disabled: preview,
           style: { height: 40 },
           className: cn(
@@ -3605,7 +3617,7 @@ var Input = forwardRef9(
             props.endIcon && "hawa-pe-9",
             props.startIcon && "hawa-ps-9",
             preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            (_a = props.inputProps) == null ? void 0 : _a.className
+            (_b = props.inputProps) == null ? void 0 : _b.className
           )
         }
       )), !forceHideHelperText && /* @__PURE__ */ React24.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.18.7-next",
+  "version": "0.18.9-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",