(
+
+
+
+
+
+
+);
+
+export default App;
diff --git a/components/button/index.en-US.md b/components/button/index.en-US.md
index 4d308d12fa..244f636a66 100644
--- a/components/button/index.en-US.md
+++ b/components/button/index.en-US.md
@@ -48,6 +48,7 @@ And 4 other properties additionally.
Deprecated Button Group
Loading style bug
Component Token
+
Gradient Button
## API
diff --git a/components/button/index.zh-CN.md b/components/button/index.zh-CN.md
index ae56776eb2..d1022ee02b 100644
--- a/components/button/index.zh-CN.md
+++ b/components/button/index.zh-CN.md
@@ -51,6 +51,7 @@ group:
废弃的 Block 组
加载中状态 bug 还原
组件 Token
+
渐变按钮
## API
diff --git a/components/button/style/index.ts b/components/button/style/index.ts
index 7ba8ab6189..add8cfacc7 100644
--- a/components/button/style/index.ts
+++ b/components/button/style/index.ts
@@ -171,7 +171,7 @@ const genSharedButtonStyle: GenerateStyle
= (token): CSS
whiteSpace: 'nowrap',
textAlign: 'center',
backgroundImage: 'none',
- backgroundColor: 'transparent',
+ background: 'transparent',
border: `${unit(token.lineWidth)} ${token.lineType} transparent`,
cursor: 'pointer',
transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
@@ -258,7 +258,7 @@ const genDisabledStyle: GenerateStyle = (token) => ({
cursor: 'not-allowed',
borderColor: token.borderColorDisabled,
color: token.colorTextDisabled,
- backgroundColor: token.colorBgContainerDisabled,
+ background: token.colorBgContainerDisabled,
boxShadow: 'none',
});
@@ -274,18 +274,18 @@ const genGhostButtonStyle = (
): CSSObject => ({
[`&${btnCls}-background-ghost`]: {
color: textColor || undefined,
- backgroundColor: background,
+ background,
borderColor: borderColor || undefined,
boxShadow: 'none',
...genHoverActiveButtonStyle(
btnCls,
{
- backgroundColor: background,
+ background,
...hoverStyle,
},
{
- backgroundColor: background,
+ background,
...activeStyle,
},
),
@@ -319,7 +319,7 @@ const genPureDisabledButtonStyle: GenerateStyle = (token
const genDefaultButtonStyle: GenerateStyle = (token) => ({
...genSolidButtonStyle(token),
- backgroundColor: token.defaultBg,
+ background: token.defaultBg,
borderColor: token.defaultBorderColor,
color: token.defaultColor,
@@ -379,7 +379,7 @@ const genPrimaryButtonStyle: GenerateStyle = (token) =>
...genSolidButtonStyle(token),
color: token.primaryColor,
- backgroundColor: token.colorPrimary,
+ background: token.colorPrimary,
boxShadow: token.primaryShadow,
@@ -387,11 +387,11 @@ const genPrimaryButtonStyle: GenerateStyle = (token) =>
token.componentCls,
{
color: token.colorTextLightSolid,
- backgroundColor: token.colorPrimaryHover,
+ background: token.colorPrimaryHover,
},
{
color: token.colorTextLightSolid,
- backgroundColor: token.colorPrimaryActive,
+ background: token.colorPrimaryActive,
},
),
@@ -413,17 +413,17 @@ const genPrimaryButtonStyle: GenerateStyle = (token) =>
),
[`&${token.componentCls}-dangerous`]: {
- backgroundColor: token.colorError,
+ background: token.colorError,
boxShadow: token.dangerShadow,
color: token.dangerColor,
...genHoverActiveButtonStyle(
token.componentCls,
{
- backgroundColor: token.colorErrorHover,
+ background: token.colorErrorHover,
},
{
- backgroundColor: token.colorErrorActive,
+ background: token.colorErrorActive,
},
),
@@ -461,7 +461,7 @@ const genLinkButtonStyle: GenerateStyle = (token) => ({
token.componentCls,
{
color: token.colorLinkHover,
- backgroundColor: token.linkHoverBg,
+ background: token.linkHoverBg,
},
{
color: token.colorLinkActive,
@@ -493,11 +493,11 @@ const genTextButtonStyle: GenerateStyle = (token) => ({
token.componentCls,
{
color: token.colorText,
- backgroundColor: token.textHoverBg,
+ background: token.textHoverBg,
},
{
color: token.colorText,
- backgroundColor: token.colorBgTextActive,
+ background: token.colorBgTextActive,
},
),
@@ -511,11 +511,11 @@ const genTextButtonStyle: GenerateStyle = (token) => ({
token.componentCls,
{
color: token.colorErrorHover,
- backgroundColor: token.colorErrorBg,
+ background: token.colorErrorBg,
},
{
color: token.colorErrorHover,
- backgroundColor: token.colorErrorBg,
+ background: token.colorErrorBg,
},
),
},
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
index 24f0069e1e..da945d5e35 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.tsx.snap
@@ -21734,7 +21734,7 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
>
+ 
+