@zenkigen-inc/component-ui 1.8.0 → 1.8.2

package/dist/index.esm.js

@@ -32429,7 +32429,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isError = _ref.isError,
     onClickClearButton = _ref.onClickClearButton,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var inputWrapClasses = clsx('flex items-center gap-2 overflow-hidden rounded border pl-2 pr-3', {
+  var 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,
@@ -32437,7 +32437,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     'focus-within:border-active-activeInput': !isError,
     'bg-disabled-disabled02 border-disabled-disabled02': props.disabled
   });
-  var inputClasses = clsx('flex-1 outline-0 placeholder:text-text-textPlaceholder disabled:text-text-textPlaceholder', (_clsx = {}, _clsx['typography-label2regular pt-1.5 pb-2'] = size === 'medium', _clsx['typography-label1regular py-2.5'] = size === 'large', _clsx['text-text-text01'] = !isError, _clsx['text-support-supportError'] = isError, _clsx));
+  var inputClasses = clsx('flex-1 pl-2 pr-3 outline-0 placeholder:text-text-textPlaceholder disabled:text-text-textPlaceholder', (_clsx = {}, _clsx['typography-label2regular pt-1.5 pb-2'] = size === 'medium', _clsx['typography-label1regular py-2.5'] = size === 'large', _clsx['text-text-text01'] = !isError, _clsx['text-support-supportError'] = isError, _clsx));
   return /*#__PURE__*/jsxs("div", {
     className: inputWrapClasses,
     children: [/*#__PURE__*/jsx("input", _extends({
@@ -32445,12 +32445,15 @@ var TextInput = /*#__PURE__*/forwardRef(function (_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
+      })
     })]
   });
 });