Merge pull request #1550 from easyops-cn/jojiang/basic

fix(): refine button style

Author: weareoutman

bricks/basic/src/button/button.shadow.css

@@ -268,6 +268,19 @@ button:active {
   border-color: var(--antd-border-color-base) !important;
 }
 
+/* neutral [不带任何品牌色，单纯浅色背景] */
+
+.neutral {
+  color: var(--antd-btn-default-color);
+  background: var(--antd-btn-default-bg);
+  border: 1px solid var(--antd-btn-default-border);
+}
+
+.neutral:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+  border: 1px solid var(--antd-btn-default-border);
+}
+
 .icon {
   background: var(--palette-gray-3);
   border: 1px solid transparent;

bricks/basic/src/constants.ts

@@ -6,6 +6,7 @@ export const ALLOWED_BUTTON_TYPES = [
   "link",
   "text",
   "icon",
+  "neutral",
 ] as const;
 
 export const ALLOWED_COMPONENT_SIZES = [

bricks/basic/src/interface.ts

@@ -23,7 +23,8 @@ export type ButtonType =
   | "ghost"
   | "link"
   | "text"
-  | "icon";
+  | "icon"
+  | "neutral";
 
 export type ComponentSize = "large" | "medium" | "small" | "xs";