fix: remove unexpected input underlined border when hover

[ustcfury]

🤔 This is a ...

• 🆕 New feature
• [✅ ] 🐞 Bug fix
• 📝 Site / documentation improvement
• 📽️ Demo improvement
• 💄 Component style improvement
• 🤖 TypeScript definition improvement
• 📦 Bundle size optimization
• ⚡️ Performance optimization
• ⭐️ Feature enhancement
• 🌐 Internationalization
• 🛠 Refactoring
• 🎨 Code style optimization
• ✅ Test Case
• 🔀 Branch merge
• ⏩ Workflow
• ⌨️ Accessibility improvement
• ❓ Other (about what?)

🔗 Related Issues

to #52947

📝 Change Log

去除 Input 组件开启 variant="underlined" 时 disabled 状态下 hover 时出现的上边框。

Language	Changelog
🇺🇸 English	Remove the top border that appears when hovering in disabled state when variant="underlined" is enabled on the Input component.
🇨🇳 Chinese	去除 Input 组件开启 variant="underlined" 时 disabled 状态下 hover 时出现的上边框。

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

👁 Visual Regression Report for PR #52959 Passed ✅

🎯 Target branch: master (2af20aa)
📖 View Full Report ↗︎
📖 Alternative Report ↗︎

🎊 Congrats! No visual-regression diff found.

[github-actions]

[petercat-assistant]

Walkthrough

This pull request addresses a bug in the Input component where an unexpected top border appears when hovering over a disabled input with variant="underlined". The fix involves setting the top border color to transparent to remove the unwanted border effect.

Changes

File	Summary
components/input/style/variants.ts	Adjusted border color settings for disabled and hover states to ensure the top border is transparent, preventing unwanted border appearance.

[pkg-pr-new]

Open in Stackblitz

More templates

• farm-normal
• rsbuild-normal
• umi-normal
• vite-normal
• vite-practice
• with-nextjs-app-router-inline-style
• with-nextjs-extract-style
• with-nextjs-inline-style
• with-nextjs-generate-css-on-demand

npm i https://pkg.pr.new/ant-design/ant-design/antd@52959

commit: 8eca561

[codecov]

Bundle Report

Changes will increase total bundle size by 6 bytes (0.0%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
antd.min-array-push	3.38MB	6 bytes (0.0%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: antd.min-array-push

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
antd-with-locales.min.js	3 bytes	1.84MB	0.0%
antd.min.js	3 bytes	1.54MB	0.0%

Files in antd-with-locales.min.js:

• ./components/input/style/variants.ts → Total Size: 10.85kB

Files in antd.min.js:

• ./components/input/style/variants.ts → Total Size: 10.85kB

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (2af20aa) to head (8eca561).
Report is 2 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #52959   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          769       769           
  Lines        13864     13864           
  Branches      3633      3633           
=========================================
  Hits         13864     13864           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.