fix: button component add colorErrorBgActive token (#48876)

ant-design · May 12, 2024 · 8b80210 · 8b80210
1 parent b15a2f2
commit 8b80210
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/components/button/style/index.ts b/components/button/style/index.ts
@@ -374,7 +374,7 @@ const genTextButtonStyle: GenerateStyle<ButtonToken, CSSObject> = (token) => ({
       },
       {
         color: token.colorErrorHover,
-        background: token.colorErrorBg,
+        background: token.colorErrorBgActive,
       },
     ),
   },

diff --git a/components/theme/interface/maps/colors.ts b/components/theme/interface/maps/colors.ts
@@ -476,6 +476,14 @@ interface ColorErrorMapToken {
    */
   colorErrorBgHover: string; // 2
 
+  /**
+   * @nameZH 错误色的浅色背景色激活态
+   * @nameEN Error background color active state
+   * @desc 错误色的浅色背景色激活态
+   * @descEN The active state background color of the error state.
+   */
+  colorErrorBgActive: string; // 3
+
   /**
    * @nameZH 错误色的描边色
    * @nameEN Error border color

diff --git a/components/theme/themes/shared/genColorMapToken.ts b/components/theme/themes/shared/genColorMapToken.ts
@@ -60,6 +60,7 @@ export default function genColorMapToken(
 
     colorErrorBg: errorColors[1],
     colorErrorBgHover: errorColors[2],
+    colorErrorBgActive: errorColors[3],
     colorErrorBorder: errorColors[3],
     colorErrorBorderHover: errorColors[4],
     colorErrorHover: errorColors[5],