@gobolt/genesis 0.3.9 → 0.3.11

package/dist/node_modules/antd/es/input/OTP/OTPInput.js

@@ -1,6 +1,9 @@
 import * as React from "react";
+import classNames from "../../../../../_virtual/index.js";
 import wrapperRaf from "../../../../rc-util/es/raf.js";
+import "../../config-provider/index.js";
 import Input from "../Input.js";
+import { ConfigContext } from "../../config-provider/context.js";
 var __rest = function(s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -11,18 +14,23 @@ var __rest = function(s, e) {
 };
 const OTPInput = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const {
+    className,
     value,
     onChange,
     onActiveChange,
     index,
     mask
-  } = props, restProps = __rest(props, ["value", "onChange", "onActiveChange", "index", "mask"]);
-  const internalValue = value && typeof mask === "string" ? mask : value;
+  } = props, restProps = __rest(props, ["className", "value", "onChange", "onActiveChange", "index", "mask"]);
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls("otp");
+  const maskValue = typeof mask === "string" ? mask : value;
+  const inputRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => inputRef.current);
   const onInternalChange = (e) => {
     onChange(index, e.target.value);
   };
-  const inputRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => inputRef.current);
   const syncSelection = () => {
     wrapperRaf(() => {
       var _a;
@@ -53,18 +61,28 @@ const OTPInput = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }
     syncSelection();
   };
-  return /* @__PURE__ */ React.createElement(Input, Object.assign({
+  return /* @__PURE__ */ React.createElement("span", {
+    className: `${prefixCls}-input-wrapper`,
+    role: "presentation"
+  }, mask && value !== "" && value !== void 0 && /* @__PURE__ */ React.createElement("span", {
+    className: `${prefixCls}-mask-icon`,
+    "aria-hidden": "true"
+  }, maskValue), /* @__PURE__ */ React.createElement(Input, Object.assign({
+    "aria-label": `OTP Input ${index + 1}`,
     type: mask === true ? "password" : "text"
   }, restProps, {
     ref: inputRef,
-    value: internalValue,
+    value,
     onInput: onInternalChange,
     onFocus: syncSelection,
     onKeyDown: onInternalKeyDown,
     onKeyUp: onInternalKeyUp,
     onMouseDown: syncSelection,
-    onMouseUp: syncSelection
-  }));
+    onMouseUp: syncSelection,
+    className: classNames(className, {
+      [`${prefixCls}-mask-input`]: mask
+    })
+  })));
 });
 export {
   OTPInput as default

package/dist/node_modules/antd/es/input/OTP/index.cjs

@@ -184,7 +184,8 @@ const OTP = /* @__PURE__ */ React__namespace.forwardRef((props, ref) => {
       [`${prefixCls}-sm`]: mergedSize === "small",
       [`${prefixCls}-lg`]: mergedSize === "large",
       [`${prefixCls}-rtl`]: direction === "rtl"
-    }, cssVarCls, hashId)
+    }, cssVarCls, hashId),
+    role: "group"
   }), /* @__PURE__ */ React__namespace.createElement(context$1.FormItemInputContext.Provider, {
     value: proxyFormContext
   }, Array.from({

package/dist/node_modules/antd/es/input/OTP/index.js

@@ -164,7 +164,8 @@ const OTP = /* @__PURE__ */ React.forwardRef((props, ref) => {
       [`${prefixCls}-sm`]: mergedSize === "small",
       [`${prefixCls}-lg`]: mergedSize === "large",
       [`${prefixCls}-rtl`]: direction === "rtl"
-    }, cssVarCls, hashId)
+    }, cssVarCls, hashId),
+    role: "group"
   }), /* @__PURE__ */ React.createElement(FormItemInputContext.Provider, {
     value: proxyFormContext
   }, Array.from({

package/dist/node_modules/antd/es/input/Password.cjs

@@ -47,7 +47,8 @@ const Password = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     disabled: customDisabled,
     action = "click",
     visibilityToggle = true,
-    iconRender = defaultIconRender
+    iconRender = defaultIconRender,
+    suffix
   } = props;
   const disabled = React__namespace.useContext(DisabledContext.default);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
@@ -109,7 +110,7 @@ const Password = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     type: visible ? "text" : "password",
     className: inputClassName,
     prefixCls: inputPrefixCls,
-    suffix: suffixIcon
+    suffix: /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, suffixIcon, suffix)
   });
   if (size) {
     omittedProps.size = size;

package/dist/node_modules/antd/es/input/Password.js

@@ -28,7 +28,8 @@ const Password = /* @__PURE__ */ React.forwardRef((props, ref) => {
     disabled: customDisabled,
     action = "click",
     visibilityToggle = true,
-    iconRender = defaultIconRender
+    iconRender = defaultIconRender,
+    suffix
   } = props;
   const disabled = React.useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
@@ -90,7 +91,7 @@ const Password = /* @__PURE__ */ React.forwardRef((props, ref) => {
     type: visible ? "text" : "password",
     className: inputClassName,
     prefixCls: inputPrefixCls,
-    suffix: suffixIcon
+    suffix: /* @__PURE__ */ React.createElement(React.Fragment, null, suffixIcon, suffix)
   });
   if (size) {
     omittedProps.size = size;

package/dist/node_modules/antd/es/input/Search.cjs

@@ -51,8 +51,10 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     onSearch: customOnSearch,
     onChange: customOnChange,
     onCompositionStart,
-    onCompositionEnd
-  } = props, restProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"]);
+    onCompositionEnd,
+    variant,
+    onPressEnter: customOnPressEnter
+  } = props, restProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd", "variant", "onPressEnter"]);
   const {
     getPrefixCls,
     direction
@@ -94,6 +96,7 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     if (composedRef.current || loading) {
       return;
     }
+    customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e);
     onSearch(e);
   };
   const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React__namespace.createElement(SearchOutlined, null) : null;
@@ -117,14 +120,15 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
   } else {
     button$1 = /* @__PURE__ */ React__namespace.createElement(button, {
       className: btnClassName,
-      type: enterButton ? "primary" : void 0,
+      color: enterButton ? "primary" : "default",
       size,
       disabled,
       key: "enterButton",
       onMouseDown,
       onClick: onSearch,
       loading,
-      icon: searchIcon
+      icon: searchIcon,
+      variant: variant === "borderless" || variant === "filled" || variant === "underlined" ? "text" : enterButton ? "solid" : void 0
     }, enterButton);
   }
   if (addonAfter) {
@@ -137,11 +141,6 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     [`${prefixCls}-${size}`]: !!size,
     [`${prefixCls}-with-button`]: !!enterButton
   }, className);
-  const newProps = Object.assign(Object.assign({}, restProps), {
-    className: cls,
-    prefixCls: inputPrefixCls,
-    type: "search"
-  });
   const handleOnCompositionStart = (e) => {
     composedRef.current = true;
     onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
@@ -150,18 +149,23 @@ const Search = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     composedRef.current = false;
     onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
   };
-  return /* @__PURE__ */ React__namespace.createElement(Input.default, Object.assign({
-    ref: ref.composeRef(inputRef, ref$1),
-    onPressEnter
-  }, newProps, {
+  const inputProps = Object.assign(Object.assign({}, restProps), {
+    className: cls,
+    prefixCls: inputPrefixCls,
+    type: "search",
     size,
+    variant,
+    onPressEnter,
     onCompositionStart: handleOnCompositionStart,
     onCompositionEnd: handleOnCompositionEnd,
     addonAfter: button$1,
     suffix,
     onChange,
     disabled
-  }));
+  });
+  return /* @__PURE__ */ React__namespace.createElement(Input.default, Object.assign({
+    ref: ref.composeRef(inputRef, ref$1)
+  }, inputProps));
 });
 if (process.env.NODE_ENV !== "production") {
   Search.displayName = "Search";

package/dist/node_modules/antd/es/input/Search.js

@@ -31,8 +31,10 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onSearch: customOnSearch,
     onChange: customOnChange,
     onCompositionStart,
-    onCompositionEnd
-  } = props, restProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"]);
+    onCompositionEnd,
+    variant,
+    onPressEnter: customOnPressEnter
+  } = props, restProps = __rest(props, ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd", "variant", "onPressEnter"]);
   const {
     getPrefixCls,
     direction
@@ -74,6 +76,7 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (composedRef.current || loading) {
       return;
     }
+    customOnPressEnter === null || customOnPressEnter === void 0 ? void 0 : customOnPressEnter(e);
     onSearch(e);
   };
   const searchIcon = typeof enterButton === "boolean" ? /* @__PURE__ */ React.createElement(RefIcon, null) : null;
@@ -97,14 +100,15 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
   } else {
     button = /* @__PURE__ */ React.createElement(Button, {
       className: btnClassName,
-      type: enterButton ? "primary" : void 0,
+      color: enterButton ? "primary" : "default",
       size,
       disabled,
       key: "enterButton",
       onMouseDown,
       onClick: onSearch,
       loading,
-      icon: searchIcon
+      icon: searchIcon,
+      variant: variant === "borderless" || variant === "filled" || variant === "underlined" ? "text" : enterButton ? "solid" : void 0
     }, enterButton);
   }
   if (addonAfter) {
@@ -117,11 +121,6 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     [`${prefixCls}-${size}`]: !!size,
     [`${prefixCls}-with-button`]: !!enterButton
   }, className);
-  const newProps = Object.assign(Object.assign({}, restProps), {
-    className: cls,
-    prefixCls: inputPrefixCls,
-    type: "search"
-  });
   const handleOnCompositionStart = (e) => {
     composedRef.current = true;
     onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
@@ -130,18 +129,23 @@ const Search = /* @__PURE__ */ React.forwardRef((props, ref) => {
     composedRef.current = false;
     onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
   };
-  return /* @__PURE__ */ React.createElement(Input, Object.assign({
-    ref: composeRef(inputRef, ref),
-    onPressEnter
-  }, newProps, {
+  const inputProps = Object.assign(Object.assign({}, restProps), {
+    className: cls,
+    prefixCls: inputPrefixCls,
+    type: "search",
     size,
+    variant,
+    onPressEnter,
     onCompositionStart: handleOnCompositionStart,
     onCompositionEnd: handleOnCompositionEnd,
     addonAfter: button,
     suffix,
     onChange,
     disabled
-  }));
+  });
+  return /* @__PURE__ */ React.createElement(Input, Object.assign({
+    ref: composeRef(inputRef, ref)
+  }, inputProps));
 });
 if (process.env.NODE_ENV !== "production") {
   Search.displayName = "Search";

package/dist/node_modules/antd/es/input/TextArea.cjs

@@ -60,8 +60,11 @@ const TextArea = /* @__PURE__ */ React.forwardRef((props, ref) => {
     className,
     style,
     styles,
-    variant: customVariant
-  } = props, rest = __rest(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant"]);
+    variant: customVariant,
+    showCount,
+    onMouseDown,
+    onResize
+  } = props, rest = __rest(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant", "showCount", "onMouseDown", "onResize"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -115,6 +118,27 @@ const TextArea = /* @__PURE__ */ React.forwardRef((props, ref) => {
   });
   const [variant, enableVariantCls] = useVariants("textArea", customVariant, bordered);
   const mergedAllowClear = getAllowClear(allowClear !== null && allowClear !== void 0 ? allowClear : contextAllowClear);
+  const [isMouseDown, setIsMouseDown] = React__namespace.useState(false);
+  const [resizeDirty, setResizeDirty] = React__namespace.useState(false);
+  const onInternalMouseDown = (e) => {
+    setIsMouseDown(true);
+    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+    const onMouseUp = () => {
+      setIsMouseDown(false);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  const onInternalResize = (size) => {
+    var _a2, _b;
+    onResize === null || onResize === void 0 ? void 0 : onResize(size);
+    if (isMouseDown && typeof getComputedStyle === "function") {
+      const ele = (_b = (_a2 = innerRef.current) === null || _a2 === void 0 ? void 0 : _a2.nativeElement) === null || _b === void 0 ? void 0 : _b.querySelector("textarea");
+      if (ele && getComputedStyle(ele).resize === "both") {
+        setResizeDirty(true);
+      }
+    }
+  };
   return wrapSharedCSSVar(wrapCSSVar(/* @__PURE__ */ React__namespace.createElement(TextArea$1, Object.assign({
     autoComplete: contextAutoComplete
   }, rest, {
@@ -122,12 +146,21 @@ const TextArea = /* @__PURE__ */ React.forwardRef((props, ref) => {
     styles: Object.assign(Object.assign({}, contextStyles), styles),
     disabled: mergedDisabled,
     allowClear: mergedAllowClear,
-    className: index$1(cssVarCls, rootCls, className, rootClassName, compactItemClassnames, contextClassName),
+    className: index$1(
+      cssVarCls,
+      rootCls,
+      className,
+      rootClassName,
+      compactItemClassnames,
+      contextClassName,
+      // Only for wrapper
+      resizeDirty && `${prefixCls}-textarea-affix-wrapper-resize-dirty`
+    ),
     classNames: Object.assign(Object.assign(Object.assign({}, classes), contextClassNames), {
       textarea: index$1({
         [`${prefixCls}-sm`]: mergedSize === "small",
         [`${prefixCls}-lg`]: mergedSize === "large"
-      }, hashId, classes === null || classes === void 0 ? void 0 : classes.textarea, contextClassNames.textarea),
+      }, hashId, classes === null || classes === void 0 ? void 0 : classes.textarea, contextClassNames.textarea, isMouseDown && `${prefixCls}-mouse-active`),
       variant: index$1({
         [`${prefixCls}-${variant}`]: enableVariantCls
       }, statusUtils.getStatusClassNames(prefixCls, mergedStatus)),
@@ -135,14 +168,17 @@ const TextArea = /* @__PURE__ */ React.forwardRef((props, ref) => {
         [`${prefixCls}-affix-wrapper-rtl`]: direction === "rtl",
         [`${prefixCls}-affix-wrapper-sm`]: mergedSize === "small",
         [`${prefixCls}-affix-wrapper-lg`]: mergedSize === "large",
-        [`${prefixCls}-textarea-show-count`]: props.showCount || ((_a = props.count) === null || _a === void 0 ? void 0 : _a.show)
+        [`${prefixCls}-textarea-show-count`]: showCount || ((_a = props.count) === null || _a === void 0 ? void 0 : _a.show)
       }, hashId)
     }),
     prefixCls,
     suffix: hasFeedback && /* @__PURE__ */ React__namespace.createElement("span", {
       className: `${prefixCls}-textarea-suffix`
     }, feedbackIcon),
-    ref: innerRef
+    showCount,
+    ref: innerRef,
+    onResize: onInternalResize,
+    onMouseDown: onInternalMouseDown
   }))));
 });
 module.exports = TextArea;

package/dist/node_modules/antd/es/input/TextArea.js

@@ -41,8 +41,11 @@ const TextArea = /* @__PURE__ */ forwardRef((props, ref) => {
     className,
     style,
     styles,
-    variant: customVariant
-  } = props, rest = __rest(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant"]);
+    variant: customVariant,
+    showCount,
+    onMouseDown,
+    onResize
+  } = props, rest = __rest(props, ["prefixCls", "bordered", "size", "disabled", "status", "allowClear", "classNames", "rootClassName", "className", "style", "styles", "variant", "showCount", "onMouseDown", "onResize"]);
   if (process.env.NODE_ENV !== "production") {
     const {
       deprecated
@@ -96,6 +99,27 @@ const TextArea = /* @__PURE__ */ forwardRef((props, ref) => {
   });
   const [variant, enableVariantCls] = useVariant("textArea", customVariant, bordered);
   const mergedAllowClear = getAllowClear(allowClear !== null && allowClear !== void 0 ? allowClear : contextAllowClear);
+  const [isMouseDown, setIsMouseDown] = React.useState(false);
+  const [resizeDirty, setResizeDirty] = React.useState(false);
+  const onInternalMouseDown = (e) => {
+    setIsMouseDown(true);
+    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
+    const onMouseUp = () => {
+      setIsMouseDown(false);
+      document.removeEventListener("mouseup", onMouseUp);
+    };
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  const onInternalResize = (size) => {
+    var _a2, _b;
+    onResize === null || onResize === void 0 ? void 0 : onResize(size);
+    if (isMouseDown && typeof getComputedStyle === "function") {
+      const ele = (_b = (_a2 = innerRef.current) === null || _a2 === void 0 ? void 0 : _a2.nativeElement) === null || _b === void 0 ? void 0 : _b.querySelector("textarea");
+      if (ele && getComputedStyle(ele).resize === "both") {
+        setResizeDirty(true);
+      }
+    }
+  };
   return wrapSharedCSSVar(wrapCSSVar(/* @__PURE__ */ React.createElement(TextArea$1, Object.assign({
     autoComplete: contextAutoComplete
   }, rest, {
@@ -103,12 +127,21 @@ const TextArea = /* @__PURE__ */ forwardRef((props, ref) => {
     styles: Object.assign(Object.assign({}, contextStyles), styles),
     disabled: mergedDisabled,
     allowClear: mergedAllowClear,
-    className: classNames(cssVarCls, rootCls, className, rootClassName, compactItemClassnames, contextClassName),
+    className: classNames(
+      cssVarCls,
+      rootCls,
+      className,
+      rootClassName,
+      compactItemClassnames,
+      contextClassName,
+      // Only for wrapper
+      resizeDirty && `${prefixCls}-textarea-affix-wrapper-resize-dirty`
+    ),
     classNames: Object.assign(Object.assign(Object.assign({}, classes), contextClassNames), {
       textarea: classNames({
         [`${prefixCls}-sm`]: mergedSize === "small",
         [`${prefixCls}-lg`]: mergedSize === "large"
-      }, hashId, classes === null || classes === void 0 ? void 0 : classes.textarea, contextClassNames.textarea),
+      }, hashId, classes === null || classes === void 0 ? void 0 : classes.textarea, contextClassNames.textarea, isMouseDown && `${prefixCls}-mouse-active`),
       variant: classNames({
         [`${prefixCls}-${variant}`]: enableVariantCls
       }, getStatusClassNames(prefixCls, mergedStatus)),
@@ -116,14 +149,17 @@ const TextArea = /* @__PURE__ */ forwardRef((props, ref) => {
         [`${prefixCls}-affix-wrapper-rtl`]: direction === "rtl",
         [`${prefixCls}-affix-wrapper-sm`]: mergedSize === "small",
         [`${prefixCls}-affix-wrapper-lg`]: mergedSize === "large",
-        [`${prefixCls}-textarea-show-count`]: props.showCount || ((_a = props.count) === null || _a === void 0 ? void 0 : _a.show)
+        [`${prefixCls}-textarea-show-count`]: showCount || ((_a = props.count) === null || _a === void 0 ? void 0 : _a.show)
       }, hashId)
     }),
     prefixCls,
     suffix: hasFeedback && /* @__PURE__ */ React.createElement("span", {
       className: `${prefixCls}-textarea-suffix`
     }, feedbackIcon),
-    ref: innerRef
+    showCount,
+    ref: innerRef,
+    onResize: onInternalResize,
+    onMouseDown: onInternalMouseDown
   }))));
 });
 export {

package/dist/node_modules/antd/es/input/style/index.cjs

@@ -66,17 +66,6 @@ const genBasicInputStyle = (token2) => Object.assign(Object.assign({
   borderRadius: token2.borderRadius,
   transition: `all ${token2.motionDurationMid}`
 }, genPlaceholderStyle(token2.colorTextPlaceholder)), {
-  // Reset height for `textarea`s
-  "textarea&": {
-    maxWidth: "100%",
-    // prevent textarea resize from coming out of its container
-    height: "auto",
-    minHeight: token2.controlHeight,
-    lineHeight: token2.lineHeight,
-    verticalAlign: "bottom",
-    transition: `all ${token2.motionDurationSlow}, height 0s`,
-    resize: "vertical"
-  },
   // Size
   "&-lg": Object.assign({}, genInputLargeStyle(token2)),
   "&-sm": Object.assign({}, genInputSmallStyle(token2)),
@@ -341,7 +330,7 @@ const genInputStyle = (token2) => {
         }
       },
       '&[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-decoration': {
-        "-webkit-appearance": "none"
+        appearance: "none"
       }
     })
   };
@@ -367,7 +356,7 @@ const genAllowClearStyle = (token2) => {
       outline: "none",
       backgroundColor: "transparent",
       "&:hover": {
-        color: token2.colorTextTertiary
+        color: token2.colorIcon
       },
       "&:active": {
         color: token2.colorText
@@ -438,7 +427,8 @@ const genAffixStyle = (token2) => {
           }
         },
         "&-show-count-suffix": {
-          color: colorTextDescription
+          color: colorTextDescription,
+          direction: "ltr"
         },
         "&-show-count-has-suffix": {
           marginInlineEnd: token2.paddingXXS
@@ -563,7 +553,7 @@ const genSearchInputStyle = (token2) => {
     [searchPrefixCls]: {
       [componentCls]: {
         "&:hover, &:focus": {
-          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-color-primary):not(${antCls}-btn-variant-text)`]: {
             borderInlineStartColor: token2.colorPrimaryHover
           }
         }
@@ -589,7 +579,7 @@ const genSearchInputStyle = (token2) => {
             borderEndStartRadius: 0,
             boxShadow: "none"
           },
-          [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`${searchPrefixCls}-button:not(${antCls}-btn-color-primary)`]: {
             color: token2.colorTextDescription,
             "&:hover": {
               color: token2.colorPrimaryHover
@@ -598,10 +588,7 @@ const genSearchInputStyle = (token2) => {
               color: token2.colorPrimaryActive
             },
             [`&${antCls}-btn-loading::before`]: {
-              insetInlineStart: 0,
-              insetInlineEnd: 0,
-              insetBlockStart: 0,
-              insetBlockEnd: 0
+              inset: 0
             }
           }
         }

package/dist/node_modules/antd/es/input/style/index.js

@@ -64,17 +64,6 @@ const genBasicInputStyle = (token) => Object.assign(Object.assign({
   borderRadius: token.borderRadius,
   transition: `all ${token.motionDurationMid}`
 }, genPlaceholderStyle(token.colorTextPlaceholder)), {
-  // Reset height for `textarea`s
-  "textarea&": {
-    maxWidth: "100%",
-    // prevent textarea resize from coming out of its container
-    height: "auto",
-    minHeight: token.controlHeight,
-    lineHeight: token.lineHeight,
-    verticalAlign: "bottom",
-    transition: `all ${token.motionDurationSlow}, height 0s`,
-    resize: "vertical"
-  },
   // Size
   "&-lg": Object.assign({}, genInputLargeStyle(token)),
   "&-sm": Object.assign({}, genInputSmallStyle(token)),
@@ -339,7 +328,7 @@ const genInputStyle = (token) => {
         }
       },
       '&[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-decoration': {
-        "-webkit-appearance": "none"
+        appearance: "none"
       }
     })
   };
@@ -365,7 +354,7 @@ const genAllowClearStyle = (token) => {
       outline: "none",
       backgroundColor: "transparent",
       "&:hover": {
-        color: token.colorTextTertiary
+        color: token.colorIcon
       },
       "&:active": {
         color: token.colorText
@@ -436,7 +425,8 @@ const genAffixStyle = (token) => {
           }
         },
         "&-show-count-suffix": {
-          color: colorTextDescription
+          color: colorTextDescription,
+          direction: "ltr"
         },
         "&-show-count-has-suffix": {
           marginInlineEnd: token.paddingXXS
@@ -561,7 +551,7 @@ const genSearchInputStyle = (token) => {
     [searchPrefixCls]: {
       [componentCls]: {
         "&:hover, &:focus": {
-          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-color-primary):not(${antCls}-btn-variant-text)`]: {
             borderInlineStartColor: token.colorPrimaryHover
           }
         }
@@ -587,7 +577,7 @@ const genSearchInputStyle = (token) => {
             borderEndStartRadius: 0,
             boxShadow: "none"
           },
-          [`${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+          [`${searchPrefixCls}-button:not(${antCls}-btn-color-primary)`]: {
             color: token.colorTextDescription,
             "&:hover": {
               color: token.colorPrimaryHover
@@ -596,10 +586,7 @@ const genSearchInputStyle = (token) => {
               color: token.colorPrimaryActive
             },
             [`&${antCls}-btn-loading::before`]: {
-              insetInlineStart: 0,
-              insetInlineEnd: 0,
-              insetBlockStart: 0,
-              insetBlockEnd: 0
+              inset: 0
             }
           }
         }

package/dist/node_modules/antd/es/input/style/otp.cjs

@@ -27,6 +27,28 @@ const genOTPStyle = (token2) => {
       alignItems: "center",
       flexWrap: "nowrap",
       columnGap: paddingXS,
+      [`${componentCls}-input-wrapper`]: {
+        position: "relative",
+        [`${componentCls}-mask-icon`]: {
+          position: "absolute",
+          zIndex: "1",
+          top: "50%",
+          right: "50%",
+          transform: "translate(50%, -50%)",
+          pointerEvents: "none"
+        },
+        [`${componentCls}-mask-input`]: {
+          color: "transparent",
+          caretColor: token2.colorText
+        },
+        [`${componentCls}-mask-input[type=number]::-webkit-inner-spin-button`]: {
+          "-webkit-appearance": "none",
+          margin: 0
+        },
+        [`${componentCls}-mask-input[type=number]`]: {
+          "-moz-appearance": "textfield"
+        }
+      },
       "&-rtl": {
         direction: "rtl"
       },
@@ -46,6 +68,6 @@ const genOTPStyle = (token2) => {
 };
 var useStyle = genStyleUtils.genStyleHooks(["Input", "OTP"], (token$1) => {
   const inputToken = statistic.merge(token$1, token.initInputToken(token$1));
-  return [genOTPStyle(inputToken)];
+  return genOTPStyle(inputToken);
 }, token.initComponentToken);
 module.exports = useStyle;