@raystack/apsara 0.14.4 → 0.14.5

package/dist/index.css

@@ -1873,6 +1873,9 @@ html[data-theme="dark"] {
   cursor: pointer;
   border: none;
   background: transparent;
+  width: 100%;
+  height: 100%;
+  padding: unset;
 }
 
 .calendar-module_day_outside__WN68B {
@@ -1981,6 +1984,12 @@ html[data-theme="dark"] {
   padding-right: 32px;
 }
 
+.textfield-module_leadingIcon__u-GJ6,
+.textfield-module_trailingIcon__q-49S {
+  position: absolute;
+  pointer-events: none;
+}
+
 .datatable-module_wrapper__Sxg2d {
   width: 100%;
   height: 100%;

package/dist/index.js

@@ -28177,7 +28177,7 @@ const Calendar = function ({ className, classNames, showOutsideDays = true, ...p
         }, className: root$1({ className }), ...props }));
 };
 
-var styles$5 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9","textfield-leading":"textfield-module_textfield-leading__AE-ld","textfield-trailing":"textfield-module_textfield-trailing__Hj2jX"};
+var styles$5 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9","textfield-leading":"textfield-module_textfield-leading__AE-ld","textfield-trailing":"textfield-module_textfield-trailing__Hj2jX","leadingIcon":"textfield-module_leadingIcon__u-GJ6","trailingIcon":"textfield-module_trailingIcon__q-49S"};
 
 const textfield = cva(styles$5.textfield, {
     variants: {
@@ -28203,13 +28203,13 @@ const textfield = cva(styles$5.textfield, {
 const TextField = forwardRef(({ leading, trailing, className, src, size, state, style, ...props }, ref) => {
     const hasLeadingElement = Boolean(leading);
     const hasTrailingElement = Boolean(trailing);
-    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { position: "absolute", left: "8px" }, children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
+    return (jsxRuntimeExports$1.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [hasLeadingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { left: "8px" }, className: styles$5.leadingIcon, children: leading })) : null, jsxRuntimeExports$1.jsx("input", { className: cx(textfield({
                     size,
                     state,
                     className,
                     hasLeadingElement,
                     hasTrailingElement,
-                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { position: "absolute", right: "8px" }, children: trailing })) : null] }));
+                })), ...props, ref: ref }), hasTrailingElement ? (jsxRuntimeExports$1.jsx(Flex, { style: { right: "8px" }, className: styles$5.trailingIcon, children: trailing })) : null] }));
 });
 TextField.displayName = "TextField";