@oceanbase/design 0.4.15 → 1.0.0-alpha.0

package/es/theme/style/default.less

@@ -1,4 +1,4 @@
-@blue: #006aff;
+@blue: #0d6cf2;
 @purple: #722ED1;
 @cyan: #13C2C2;
 @green: #0ac185;
@@ -11,21 +11,21 @@
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
-@colorPrimary: #006aff;
+@colorPrimary: #0d6cf2;
 @colorSuccess: #0ac185;
 @colorWarning: #ffa21a;
 @colorError: #f93939;
-@colorInfo: #006aff;
-@colorLink: #006aff;
+@colorInfo: #0d6cf2;
+@colorLink: #0d6cf2;
 @colorTextBase: #000000;
 @colorBgBase: #ffffff;
 @fontFamily: -apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 @fontFamilyCode: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-@fontSize: 14;
-@lineWidth: 1;
+@fontSize: 13px;
+@lineWidth: 1px;
 @lineType: solid;
-@motionUnit: 0.1;
-@motionBase: 0;
+@motionUnit: 0.1s;
+@motionBase: 0s;
 @motionEaseOutCirc: cubic-bezier(0.08, 0.82, 0.17, 1);
 @motionEaseInOutCirc: cubic-bezier(0.78, 0.14, 0.15, 0.86);
 @motionEaseOut: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -34,11 +34,11 @@
 @motionEaseInBack: cubic-bezier(0.71, -0.46, 0.88, 0.6);
 @motionEaseInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 @motionEaseOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
-@borderRadius: 6;
-@sizeUnit: 4;
-@sizeStep: 4;
-@sizePopupArrow: 16;
-@controlHeight: 32;
+@borderRadius: 4px;
+@sizeUnit: 4px;
+@sizeStep: 4px;
+@sizePopupArrow: 16px;
+@controlHeight: 32px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
@@ -46,24 +46,24 @@
 @motion: true;
 @blue-1: #e6f4ff;
 @blue1: #e6f4ff;
-@blue-2: #a3d6ff;
-@blue2: #a3d6ff;
-@blue-3: #7abfff;
-@blue3: #7abfff;
-@blue-4: #52a5ff;
-@blue4: #52a5ff;
-@blue-5: #2989ff;
-@blue5: #2989ff;
-@blue-6: #006aff;
-@blue6: #006aff;
-@blue-7: #0053d9;
-@blue7: #0053d9;
-@blue-8: #003eb3;
-@blue8: #003eb3;
-@blue-9: #002c8c;
-@blue9: #002c8c;
-@blue-10: #001d66;
-@blue10: #001d66;
+@blue-2: #b0dbff;
+@blue2: #b0dbff;
+@blue-3: #87c5ff;
+@blue3: #87c5ff;
+@blue-4: #5eacff;
+@blue4: #5eacff;
+@blue-5: #3690ff;
+@blue5: #3690ff;
+@blue-6: #0d6cf2;
+@blue6: #0d6cf2;
+@blue-7: #004ecc;
+@blue7: #004ecc;
+@blue-8: #003aa6;
+@blue8: #003aa6;
+@blue-9: #002880;
+@blue9: #002880;
+@blue-10: #001959;
+@blue10: #001959;
 @purple-1: #f9f0ff;
 @purple1: #f9f0ff;
 @purple-2: #efdbff;
@@ -315,22 +315,22 @@
 @colorBgSolid: rgb(0,0,0);
 @colorBgSolidHover: rgba(0,0,0,0.75);
 @colorBgSolidActive: rgba(0,0,0,0.95);
-@colorBgLayout: #f3f6fc;
+@colorBgLayout: #f8fafe;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
 @colorBgSpotlight: #ffffff;
 @colorBgBlur: transparent;
 @colorBorder: #cdd5e4;
 @colorBorderSecondary: #e2e8f3;
-@colorPrimaryBg: #eaf1ff;
-@colorPrimaryBgHover: #eaf1ff;
-@colorPrimaryBorder: #b3ccff;
-@colorPrimaryBorderHover: #5189fb;
-@colorPrimaryHover: #5189fb;
-@colorPrimaryActive: #004ce6;
-@colorPrimaryTextHover: #5189fb;
-@colorPrimaryText: #006aff;
-@colorPrimaryTextActive: #004ce6;
+@colorPrimaryBg: #e6f4ff;
+@colorPrimaryBgHover: #b0dbff;
+@colorPrimaryBorder: #87c5ff;
+@colorPrimaryBorderHover: #5eacff;
+@colorPrimaryHover: #3690ff;
+@colorPrimaryActive: #004ecc;
+@colorPrimaryTextHover: #3690ff;
+@colorPrimaryText: #0d6cf2;
+@colorPrimaryTextActive: #004ecc;
 @colorSuccessBg: #eef8f5;
 @colorSuccessBgHover: #dbf0e9;
 @colorSuccessBorder: #b3e6d5;
@@ -360,62 +360,62 @@
 @colorWarningTextHover: #ffc166;
 @colorWarningText: #ffa21a;
 @colorWarningTextActive: #ff9700;
-@colorInfoBg: #eaf1ff;
-@colorInfoBgHover: #eaf1ff;
-@colorInfoBorder: #b3ccff;
-@colorInfoBorderHover: #5189fb;
-@colorInfoHover: #5189fb;
-@colorInfoActive: #004ce6;
-@colorInfoTextHover: #5189fb;
-@colorInfoText: #006aff;
-@colorInfoTextActive: #004ce6;
-@colorLinkHover: #52a5ff;
-@colorLinkActive: #0053d9;
+@colorInfoBg: #e6f4ff;
+@colorInfoBgHover: #b0dbff;
+@colorInfoBorder: #87c5ff;
+@colorInfoBorderHover: #5eacff;
+@colorInfoHover: #5eacff;
+@colorInfoActive: #004ecc;
+@colorInfoTextHover: #3690ff;
+@colorInfoText: #0d6cf2;
+@colorInfoTextActive: #004ecc;
+@colorLinkHover: #5eacff;
+@colorLinkActive: #004ecc;
 @colorBgMask: rgba(19, 32, 57, 0.45);
 @colorWhite: #fff;
-@fontSizeSM: 12;
-@fontSizeLG: 16;
-@fontSizeXL: 20;
-@fontSizeHeading1: 38;
-@fontSizeHeading2: 30;
-@fontSizeHeading3: 24;
-@fontSizeHeading4: 20;
-@fontSizeHeading5: 16;
-@lineHeight: 1.5714285714285714;
-@lineHeightLG: 1.5;
-@lineHeightSM: 1.6666666666666667;
-@fontHeight: 22;
-@fontHeightLG: 24;
-@fontHeightSM: 20;
-@lineHeightHeading1: 1.2105263157894737;
-@lineHeightHeading2: 1.2666666666666666;
-@lineHeightHeading3: 1.3333333333333333;
-@lineHeightHeading4: 1.4;
-@lineHeightHeading5: 1.5;
-@sizeXXL: 48;
-@sizeXL: 32;
-@sizeLG: 24;
-@sizeMD: 20;
-@sizeMS: 16;
-@size: 16;
-@sizeSM: 12;
-@sizeXS: 8;
-@sizeXXS: 4;
-@controlHeightSM: 24;
-@controlHeightXS: 16;
-@controlHeightLG: 40;
+@fontSizeSM: 11px;
+@fontSizeLG: 14px;
+@fontSizeXL: 18px;
+@fontSizeHeading1: 34px;
+@fontSizeHeading2: 28px;
+@fontSizeHeading3: 22px;
+@fontSizeHeading4: 18px;
+@fontSizeHeading5: 14px;
+@lineHeight: 1.6153846153846154;
+@lineHeightLG: 1.5714285714285714;
+@lineHeightSM: 1.8;
+@fontHeight: 21px;
+@fontHeightLG: 22px;
+@fontHeightSM: 18px;
+@lineHeightHeading1: 1.2352941176470589;
+@lineHeightHeading2: 1.2857142857142858;
+@lineHeightHeading3: 1.3636363636363635;
+@lineHeightHeading4: 1.4444444444444444;
+@lineHeightHeading5: 1.5714285714285714;
+@sizeXXL: 48px;
+@sizeXL: 32px;
+@sizeLG: 24px;
+@sizeMD: 20px;
+@sizeMS: 16px;
+@size: 16px;
+@sizeSM: 12px;
+@sizeXS: 8px;
+@sizeXXS: 4px;
+@controlHeightSM: 24px;
+@controlHeightXS: 16px;
+@controlHeightLG: 40px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
-@lineWidthBold: 2;
-@borderRadiusXS: 2;
-@borderRadiusSM: 4;
-@borderRadiusLG: 8;
-@borderRadiusOuter: 4;
+@lineWidthBold: 2px;
+@borderRadiusXS: 1px;
+@borderRadiusSM: 2px;
+@borderRadiusLG: 8px;
+@borderRadiusOuter: 4px;
 @boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
 @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
-@lineWidthFocus: 3;
+@lineWidthFocus: 3px;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
 @colorFillAlter: #f8fafe;
@@ -435,60 +435,60 @@
 @colorIconHover: #132039;
 @colorErrorOutline: rgba(255,5,5,0.08);
 @colorWarningOutline: rgba(255,164,19,0.11);
-@fontSizeIcon: 12;
-@controlOutlineWidth: 2;
-@controlInteractiveSize: 16;
+@fontSizeIcon: 11px;
+@controlOutlineWidth: 2px;
+@controlInteractiveSize: 16px;
 @controlItemBgHover: #f3f6fc;
-@controlItemBgActive: #eaf1ff;
-@controlItemBgActiveHover: #eaf1ff;
+@controlItemBgActive: #e6f4ff;
+@controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f8fafe;
-@controlOutline: rgba(22,99,255,0.09);
+@controlOutline: rgba(5,145,255,0.1);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;
 @linkFocusDecoration: none;
-@controlPaddingHorizontal: 12;
-@controlPaddingHorizontalSM: 8;
-@paddingXXS: 4;
-@paddingXS: 8;
-@paddingSM: 12;
-@padding: 16;
-@paddingMD: 20;
-@paddingLG: 24;
-@paddingXL: 32;
-@paddingContentHorizontalLG: 24;
-@paddingContentVerticalLG: 16;
-@paddingContentHorizontal: 16;
-@paddingContentVertical: 12;
-@paddingContentHorizontalSM: 16;
-@paddingContentVerticalSM: 8;
-@marginXXS: 4;
-@marginXS: 8;
-@marginSM: 12;
-@margin: 16;
-@marginMD: 20;
-@marginLG: 24;
-@marginXL: 32;
-@marginXXL: 48;
-@screenXS: 480;
-@screenXSMin: 480;
-@screenXSMax: 575;
-@screenSM: 576;
-@screenSMMin: 576;
-@screenSMMax: 767;
-@screenMD: 768;
-@screenMDMin: 768;
-@screenMDMax: 991;
-@screenLG: 992;
-@screenLGMin: 992;
-@screenLGMax: 1199;
-@screenXL: 1200;
-@screenXLMin: 1200;
-@screenXLMax: 1599;
-@screenXXL: 1600;
-@screenXXLMin: 1600;
+@controlPaddingHorizontal: 12px;
+@controlPaddingHorizontalSM: 8px;
+@paddingXXS: 4px;
+@paddingXS: 8px;
+@paddingSM: 12px;
+@padding: 16px;
+@paddingMD: 20px;
+@paddingLG: 24px;
+@paddingXL: 32px;
+@paddingContentHorizontalLG: 24px;
+@paddingContentVerticalLG: 16px;
+@paddingContentHorizontal: 16px;
+@paddingContentVertical: 12px;
+@paddingContentHorizontalSM: 16px;
+@paddingContentVerticalSM: 8px;
+@marginXXS: 4px;
+@marginXS: 8px;
+@marginSM: 12px;
+@margin: 16px;
+@marginMD: 20px;
+@marginLG: 24px;
+@marginXL: 32px;
+@marginXXL: 48px;
+@screenXS: 480px;
+@screenXSMin: 480px;
+@screenXSMax: 575px;
+@screenSM: 576px;
+@screenSMMin: 576px;
+@screenSMMax: 767px;
+@screenMD: 768px;
+@screenMDMin: 768px;
+@screenMDMax: 991px;
+@screenLG: 992px;
+@screenLGMin: 992px;
+@screenLGMax: 1199px;
+@screenXL: 1200px;
+@screenXLMin: 1200px;
+@screenXLMax: 1599px;
+@screenXXL: 1600px;
+@screenXXLMin: 1600px;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
       0 1px 2px -2px rgba(0,0,0,0.16),

package/es/typography/Link.d.ts

@@ -3,5 +3,9 @@ import type { LinkProps as AntLinkProps } from 'antd/es/typography/Link';
 export * from 'antd/es/typography/Link';
 export interface LinkProps extends AntLinkProps {
 }
-declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Link: CompoundedComponent;
 export default Link;

package/es/typography/Link.js

@@ -39,4 +39,5 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 if (process.env.NODE_ENV !== 'production') {
   Link.displayName = AntLink.displayName;
 }
+Link.__ANT_TYPOGRAPHY = true;
 export default Link;

package/es/typography/Paragraph.d.ts

@@ -3,5 +3,9 @@ import type { ParagraphProps as AntParagraphProps } from 'antd/es/typography/Par
 export * from 'antd/es/typography/Paragraph';
 export interface ParagraphProps extends AntParagraphProps {
 }
-declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Paragraph: CompoundedComponent;
 export default Paragraph;

package/es/typography/Paragraph.js

@@ -39,4 +39,5 @@ var Paragraph = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 if (process.env.NODE_ENV !== 'production') {
   Paragraph.displayName = AntParagraph.displayName;
 }
+Paragraph.__ANT_TYPOGRAPHY = true;
 export default Paragraph;

package/es/typography/Text.d.ts

@@ -3,5 +3,9 @@ import type { TextProps as AntTextProps } from 'antd/es/typography/Text';
 export * from 'antd/es/typography/Text';
 export interface TextProps extends AntTextProps {
 }
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Text: CompoundedComponent;
 export default Text;

package/es/typography/Text.js

@@ -39,4 +39,5 @@ var Text = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 if (process.env.NODE_ENV !== 'production') {
   Text.displayName = AntText.displayName;
 }
+Text.__ANT_TYPOGRAPHY = true;
 export default Text;

package/es/typography/Title.d.ts

@@ -3,5 +3,9 @@ import type { TitleProps as AntTitleProps } from 'antd/es/typography/Title';
 export * from 'antd/es/typography/Title';
 export interface TitleProps extends AntTitleProps {
 }
-declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
+type CompoundedComponent = React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>> & {
+    /** @internal */
+    __ANT_TYPOGRAPHY: boolean;
+};
+declare const Title: CompoundedComponent;
 export default Title;

package/es/typography/Title.js

@@ -39,4 +39,5 @@ var Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 if (process.env.NODE_ENV !== 'production') {
   Title.displayName = AntTitle.displayName;
 }
+Title.__ANT_TYPOGRAPHY = true;
 export default Title;

package/es/typography/style/index.js

@@ -9,15 +9,11 @@ export var genTypographyStyle = function genTypographyStyle(token) {
     fontSize = token.fontSize,
     lineHeight = token.lineHeight;
   var marginOffset = (controlHeight - fontSize * lineHeight) / 2;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "span".concat(componentCls), {
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
     lineHeight: 'inherit',
     color: 'inherit',
     fontSize: 'inherit'
-  }), "div".concat(componentCls), {
-    lineHeight: 'inherit',
-    color: 'inherit',
-    fontSize: 'inherit'
-  }), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-edit"), {
+  }, "".concat(componentCls, "-edit"), {
     fontSize: token.fontSize
   })), "".concat(componentCls).concat(componentCls, "-editable-text:not(").concat(componentCls, "-edit-content)"), {
     '&:hover': {

package/lib/_util/genStyle.d.ts

@@ -1,4 +1,2 @@
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
 export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
-export declare const genLargeStyle: (token: FullToken<any>) => CSSObject;

package/lib/_util/genStyle.js

@@ -19,8 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/_util/genStyle.ts
 var genStyle_exports = {};
 __export(genStyle_exports, {
-  genCompactStyle: () => genCompactStyle,
-  genLargeStyle: () => genLargeStyle
+  genCompactStyle: () => genCompactStyle
 });
 module.exports = __toCommonJS(genStyle_exports);
 var genCompactStyle = (componentCls, subComponentCls = "") => {
@@ -38,122 +37,7 @@ var genCompactStyle = (componentCls, subComponentCls = "") => {
     }
   };
 };
-var genLargeStyle = (token) => {
-  const {
-    antCls,
-    iconCls,
-    fontSize,
-    lineWidth,
-    borderRadiusLG,
-    controlHeight,
-    controlHeightSM,
-    controlHeightLG
-  } = token;
-  const height = controlHeightLG;
-  const lineHeight = `${controlHeightLG}px`;
-  return {
-    // Button
-    [`${antCls}-btn`]: {
-      // limit min width for icon button
-      minWidth: controlHeightLG,
-      height,
-      fontSize,
-      borderRadius: borderRadiusLG,
-      // Button in Space.Compact
-      ...genCompactStyle(`${antCls}-btn`)
-    },
-    // Radio.Button
-    [`${antCls}-radio-group`]: {
-      [`${antCls}-radio-button-wrapper`]: {
-        height,
-        lineHeight: `${height - lineWidth * 2}px`,
-        fontSize,
-        [`&:first-child`]: {
-          borderStartStartRadius: borderRadiusLG,
-          borderEndStartRadius: borderRadiusLG
-        },
-        [`&:last-child`]: {
-          borderStartEndRadius: borderRadiusLG,
-          borderEndEndRadius: borderRadiusLG
-        }
-      }
-    },
-    // Select
-    [`${antCls}-select`]: {
-      height,
-      fontSize,
-      // Select in Space.Compact
-      ...genCompactStyle(`${antCls}-select`, `${antCls}-select-selector`),
-      [`${antCls}-select-selector`]: {
-        borderRadius: borderRadiusLG
-      },
-      [`${antCls}-select-selection-item`]: {
-        fontSize
-      }
-    },
-    [`${antCls}-select-multiple ${antCls}-select-selection-wrap`]: {
-      // ref: https://github.com/oceanbase/oceanbase-design/pull/881
-      height: "100%"
-    },
-    // Input
-    [`${antCls}-input-wrapper`]: {
-      fontSize,
-      [`${iconCls}`]: {
-        fontSize
-      },
-      [`${antCls}-input-affix-wrapper`]: {
-        borderStartEndRadius: 0,
-        borderEndEndRadius: 0
-      }
-    },
-    [`${antCls}-input-affix-wrapper`]: {
-      height,
-      borderRadius: borderRadiusLG,
-      [`&:not(${antCls}-input-affix-wrapper-lg)`]: {
-        lineHeight: `${controlHeight - lineWidth * 2}px`
-      },
-      // avoid to conflict with `${antCls}-input-affix-wrapper` height
-      [`${antCls}-input`]: {
-        height: `${controlHeight - lineWidth * 2}px`
-      },
-      [`${antCls}-input-lg`]: {
-        height: controlHeightSM
-      },
-      [`${antCls}-input-sm`]: {
-        height: `${controlHeightLG - lineWidth * 2}px`
-      }
-    },
-    [`${antCls}-input`]: {
-      height,
-      fontSize,
-      borderRadius: borderRadiusLG,
-      // Input in Space.Compact
-      ...genCompactStyle(`${antCls}-input`)
-    },
-    [`${antCls}-input-search-button`]: {
-      height,
-      lineHeight,
-      borderStartEndRadius: borderRadiusLG,
-      borderEndEndRadius: borderRadiusLG
-    },
-    [`${antCls}-input-group-addon`]: {
-      fontSize,
-      borderStartEndRadius: borderRadiusLG,
-      borderEndEndRadius: borderRadiusLG
-    },
-    // set large DatePicker, TimePicker and RangePicker style
-    [`${antCls}-picker`]: {
-      height,
-      borderRadius: borderRadiusLG,
-      ...genCompactStyle(`${antCls}-picker`),
-      [`${antCls}-picker-input>input`]: {
-        fontSize
-      }
-    }
-  };
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genCompactStyle,
-  genLargeStyle
+  genCompactStyle
 });

package/lib/badge/style/index.js

@@ -43,7 +43,6 @@ var genBadgeStyle = (token) => {
       },
       // icon style
       [`${componentCls}-status-icon`]: {
-        fontSize: token.fontSizeSM,
         // remove dot style
         backgroundColor: "transparent",
         ["&::after"]: {

package/lib/button/style/index.js

@@ -25,43 +25,7 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genButtonStyle = (token) => {
-  const { componentCls } = token;
-  const primaryBtnCls = `${componentCls}${componentCls}-primary:not([disabled]):not(${componentCls}-disabled):not(${componentCls}-dangerous):not(${componentCls}-background-ghost)`;
-  const primaryAndCompactItemBtnCls = `${componentCls}-compact-item${primaryBtnCls}`;
-  return {
-    [`${componentCls}`]: {
-      // remove box-shadow for button
-      boxShadow: "none !important"
-    },
-    // primary button
-    [`${primaryBtnCls}`]: {
-      background: "linear-gradient(-59deg, #002BFF 0%, #0080FF 100%)",
-      border: "none",
-      ["&:hover"]: {
-        background: "linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)"
-      },
-      ["&:active"]: {
-        background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
-      }
-    },
-    // primary button in compact item
-    [`${primaryBtnCls}${componentCls}-compact-last-item`]: {
-      background: "linear-gradient(-59deg, #002BFF 0%, #002BFF 100%)",
-      ["&:hover"]: {
-        background: "linear-gradient(120deg, #1AA0FF 0%, #1A53FF 100%)"
-      },
-      ["&:active"]: {
-        background: "linear-gradient(120deg, #0060E6 0%, #0013E6 100%)"
-      }
-    },
-    [`${primaryAndCompactItemBtnCls}+${primaryAndCompactItemBtnCls}:before`]: {
-      height: "100%",
-      top: 0
-    },
-    [`${primaryAndCompactItemBtnCls}:hover`]: {
-      zIndex: 0
-    }
-  };
+  return {};
 };
 var style_default = (prefixCls, isAliyun) => {
   const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Button", (token) => {

package/lib/card/style/index.js

@@ -67,7 +67,15 @@ var genCardStyle = (token) => {
     [`${componentCls}${componentCls}-no-divider`]: {
       [`${componentCls}-head`]: {
         // should not remove border-bottom to avoid tabs inkbar display correctly
-        borderBottomColor: "transparent"
+        borderBottomColor: "transparent",
+        // remove divider for top and bottom tabs
+        [tabsComponentCls]: {
+          [`&${tabsComponentCls}-top, &${tabsComponentCls}-bottom`]: {
+            [`${tabsComponentCls}-nav::before`]: {
+              border: "none"
+            }
+          }
+        }
       }
     },
     [`${componentCls}${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {

package/lib/config-provider/index.js

@@ -111,14 +111,7 @@ var ConfigProvider = ({
       ),
       spin: (0, import_lodash.merge)({}, parentContext.spin, spin),
       table: (0, import_lodash.merge)({}, parentContext.table, table),
-      tabs: (0, import_lodash.merge)(
-        {},
-        {
-          indicatorSize: (origin) => origin >= 24 ? origin - 16 : origin
-        },
-        parentContext.tabs,
-        tabs
-      ),
+      tabs: (0, import_lodash.merge)({}, parentContext.tabs, tabs),
       theme: (0, import_lodash.merge)({}, mergedTheme, {
         token: (
           // custom fontFamily