@zenkigen-inc/component-ui 1.8.0 → 1.8.1

package/dist/index.js

@@ -32390,7 +32390,7 @@ const TextInput = /*#__PURE__*/forwardRef((_ref, ref) => {
       onClickClearButton
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const inputWrapClasses = clsx('flex items-center gap-2 overflow-hidden rounded border pl-2 pr-3', {
+  const inputWrapClasses = clsx('relative flex items-center gap-2 overflow-hidden rounded border', {
     'border-border-uiBorder01': !isError,
     'border-support-supportError': isError && !props.disabled,
     'hover:border-hover-hoverInput': !props.disabled && !isError,
@@ -32398,7 +32398,7 @@ const TextInput = /*#__PURE__*/forwardRef((_ref, ref) => {
     'focus-within:border-active-activeInput': !isError,
     'bg-disabled-disabled02 border-disabled-disabled02': props.disabled
   });
-  const inputClasses = clsx('flex-1 outline-0 placeholder:text-text-textPlaceholder disabled:text-text-textPlaceholder', {
+  const inputClasses = clsx('flex-1 pl-2 pr-3 outline-0 placeholder:text-text-textPlaceholder disabled:text-text-textPlaceholder', {
     ['typography-label2regular pt-1.5 pb-2']: size === 'medium',
     ['typography-label1regular py-2.5']: size === 'large',
     'text-text-text01': !isError,
@@ -32411,12 +32411,15 @@ const TextInput = /*#__PURE__*/forwardRef((_ref, ref) => {
       size: 1,
       className: inputClasses,
       onChange: props.onChange
-    }, props)), onClickClearButton && props.value && props.value.length !== 0 && !props.disabled && /*#__PURE__*/jsx(IconButton, {
-      variant: "text",
-      icon: "close",
-      size: "small",
-      isNoPadding: true,
-      onClick: onClickClearButton
+    }, props)), onClickClearButton && props.value && props.value.length !== 0 && !props.disabled && /*#__PURE__*/jsx("div", {
+      className: "absolute right-3",
+      children: /*#__PURE__*/jsx(IconButton, {
+        variant: "text",
+        icon: "close",
+        size: "small",
+        isNoPadding: true,
+        onClick: onClickClearButton
+      })
     })]
   });
 });