@oceanbase/design 1.0.0-alpha.1 → 1.0.0-alpha.3

package/es/theme/style/default.less

@@ -1,10 +1,10 @@
 @blue: #0d6cf2;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #14b781;
+@green: #16b882;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #ef4343;
+@red: #eb4242;
 @orange: #FA8C16;
 @yellow: #f49f25;
 @volcano: #FA541C;
@@ -12,9 +12,9 @@
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0d6cf2;
-@colorSuccess: #14b781;
+@colorSuccess: #16b882;
 @colorWarning: #f49f25;
-@colorError: #ef4343;
+@colorError: #eb4242;
 @colorInfo: #0d6cf2;
 @colorLink: #0d6cf2;
 @colorTextBase: #000000;
@@ -38,7 +38,7 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
@@ -104,22 +104,22 @@
 @cyan9: #00474f;
 @cyan-10: #002329;
 @cyan10: #002329;
-@green-1: #e1f7ec;
-@green1: #e1f7ec;
-@green-2: #b0ebcf;
-@green2: #b0ebcf;
-@green-3: #83deb6;
-@green3: #83deb6;
-@green-4: #5ad1a1;
-@green4: #5ad1a1;
-@green-5: #35c490;
-@green5: #35c490;
-@green-6: #14b781;
-@green6: #14b781;
-@green-7: #099168;
-@green7: #099168;
-@green-8: #016b4f;
-@green8: #016b4f;
+@green-1: #e4f7ed;
+@green1: #e4f7ed;
+@green-2: #b2ebd0;
+@green2: #b2ebd0;
+@green-3: #85deb7;
+@green3: #85deb7;
+@green-4: #5cd1a2;
+@green4: #5cd1a2;
+@green-5: #37c491;
+@green5: #37c491;
+@green-6: #16b882;
+@green6: #16b882;
+@green-7: #0a9169;
+@green7: #0a9169;
+@green-8: #026b4f;
+@green8: #026b4f;
 @green-9: #004535;
 @green9: #004535;
 @green-10: #001f18;
@@ -172,18 +172,18 @@
 @red3: #ffc8c2;
 @red-4: #ffa099;
 @red4: #ffa099;
-@red-5: #fc746f;
-@red5: #fc746f;
-@red-6: #ef4343;
-@red6: #ef4343;
-@red-7: #c92e34;
-@red7: #c92e34;
-@red-8: #a31d26;
-@red8: #a31d26;
-@red-9: #7d101b;
-@red9: #7d101b;
-@red-10: #570a15;
-@red10: #570a15;
+@red-5: #f7716d;
+@red5: #f7716d;
+@red-6: #eb4242;
+@red6: #eb4242;
+@red-7: #c42d32;
+@red7: #c42d32;
+@red-8: #9e1c25;
+@red8: #9e1c25;
+@red-9: #78101a;
+@red9: #78101a;
+@red-10: #520a13;
+@red10: #520a13;
 @orange-1: #fff7e6;
 @orange1: #fff7e6;
 @orange-2: #ffe7ba;
@@ -307,15 +307,15 @@
 @colorText: #132039;
 @colorTextSecondary: #5c6b8a;
 @colorTextTertiary: #8592ad;
-@colorTextQuaternary: #c1cbe0;
+@colorTextQuaternary: #b6c0d4;
 @colorFill: #cdd5e4;
 @colorFillSecondary: #e2e8f3;
-@colorFillTertiary: #f3f6fc;
-@colorFillQuaternary: #f8fafe;
+@colorFillTertiary: #eff3fa;
+@colorFillQuaternary: #f7f9fc;
 @colorBgSolid: rgb(0,0,0);
 @colorBgSolidHover: rgba(0,0,0,0.75);
 @colorBgSolidActive: rgba(0,0,0,0.95);
-@colorBgLayout: #f8fafe;
+@colorBgLayout: #f7f9fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
 @colorBgSpotlight: #ffffff;
@@ -331,60 +331,60 @@
 @colorPrimaryTextHover: #3690ff;
 @colorPrimaryText: #0d6cf2;
 @colorPrimaryTextActive: #004ecc;
-@colorSuccessBg: #e8f8f3;
-@colorSuccessBgHover: #b0ebcf;
-@colorSuccessBorder: #7ed7ba;
-@colorSuccessBorderHover: #5ad1a1;
-@colorSuccessHover: #5ad1a1;
-@colorSuccessActive: #099168;
-@colorSuccessTextHover: #35c490;
-@colorSuccessText: #096547;
-@colorSuccessTextActive: #099168;
-@colorErrorBg: #fdecec;
+@colorSuccessBg: #f5faf8;
+@colorSuccessBgHover: #b2ebd0;
+@colorSuccessBorder: #79d1b4;
+@colorSuccessBorderHover: #5cd1a2;
+@colorSuccessHover: #5cd1a2;
+@colorSuccessActive: #0a9169;
+@colorSuccessTextHover: #37c491;
+@colorSuccessText: #09593f;
+@colorSuccessTextActive: #0a9169;
+@colorErrorBg: #fff2f2;
 @colorErrorBgHover: #ffedeb;
 @colorErrorBgFilledHover: #ffddd9;
 @colorErrorBgActive: #ffc8c2;
 @colorErrorBorder: #f69898;
 @colorErrorBorderHover: #ffa099;
-@colorErrorHover: #fc746f;
-@colorErrorActive: #c92e34;
-@colorErrorTextHover: #fc746f;
+@colorErrorHover: #f7716d;
+@colorErrorActive: #c42d32;
+@colorErrorTextHover: #f7716d;
 @colorErrorText: #8a1b1b;
-@colorErrorTextActive: #c92e34;
-@colorWarningBg: #fef6e9;
+@colorErrorTextActive: #c42d32;
+@colorWarningBg: #fff9ee;
 @colorWarningBgHover: #fff0c9;
-@colorWarningBorder: #f9cb87;
+@colorWarningBorder: #fac373;
 @colorWarningBorderHover: #ffd078;
 @colorWarningHover: #ffd078;
 @colorWarningActive: #cf7b15;
 @colorWarningTextHover: #ffbc4f;
-@colorWarningText: #5b3600;
+@colorWarningText: #6c4408;
 @colorWarningTextActive: #cf7b15;
-@colorInfoBg: #eaf1ff;
+@colorInfoBg: #f3f8fe;
 @colorInfoBgHover: #b0dbff;
-@colorInfoBorder: #598cf3;
+@colorInfoBorder: #619ef3;
 @colorInfoBorderHover: #5eacff;
-@colorInfoHover: #5eacff;
-@colorInfoActive: #004ecc;
+@colorInfoHover: #0852bb;
+@colorInfoActive: #0852bb;
 @colorInfoTextHover: #3690ff;
-@colorInfoText: #083e8b;
+@colorInfoText: #0d3c80;
 @colorInfoTextActive: #004ecc;
 @colorLinkHover: #5eacff;
 @colorLinkActive: #004ecc;
-@colorBgMask: rgba(19, 32, 57, 0.45);
+@colorBgMask: rgba(19, 32, 57, 0.6);
 @colorWhite: #fff;
 @fontSizeSM: 12px;
-@fontSizeLG: 14px;
+@fontSizeLG: 16px;
 @fontSizeXL: 18px;
-@fontSizeHeading1: 34px;
-@fontSizeHeading2: 28px;
-@fontSizeHeading3: 22px;
-@fontSizeHeading4: 18px;
-@fontSizeHeading5: 14px;
-@lineHeight: 1.6153846153846154;
+@fontSizeHeading1: 24px;
+@fontSizeHeading2: 20px;
+@fontSizeHeading3: 18px;
+@fontSizeHeading4: 16px;
+@fontSizeHeading5: 13px;
+@lineHeight: 1.5384615384615385;
 @lineHeightLG: 1.5714285714285714;
 @lineHeightSM: 1.8;
-@fontHeight: 21px;
+@fontHeight: 20px;
 @fontHeightLG: 22px;
 @fontHeightSM: 18px;
 @lineHeightHeading1: 1.2352941176470589;
@@ -402,49 +402,56 @@
 @sizeXS: 8px;
 @sizeXXS: 4px;
 @controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
 @lineWidthBold: 2px;
 @borderRadiusXS: 1px;
 @borderRadiusSM: 2px;
-@borderRadiusLG: 6px;
+@borderRadiusLG: 8px;
 @borderRadiusOuter: 4px;
+@fontWeightWeak: 400;
+@fontWeight: 400;
+@fontWeightStrong: 600;
+@borderRadiusMD: 6px;
+@colorFuchsia: #b04ec4;
+@colorFuchsiaBorder: #d88ee7;
+@colorFuchsiaBg: #faf0fc;
+@colorFuchsiaText: #580e67;
 @colorIcon: #8592ad;
+@colorBgContainerDisabled: #eff3fa;
 @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: 3px;
 @colorFillContent: #e2e8f3;
 @colorFillContentHover: #cdd5e4;
-@colorFillAlter: #f8fafe;
-@colorBgContainerDisabled: #f3f6fc;
+@colorFillAlter: #f7f9fc;
 @colorBorderBg: #ffffff;
 @colorSplit: rgba(13,63,155,0.12);
-@colorTextPlaceholder: #c1cbe0;
-@colorTextDisabled: #c1cbe0;
+@colorTextPlaceholder: #b6c0d4;
+@colorTextDisabled: #b6c0d4;
 @colorTextHeading: #132039;
 @colorTextLabel: #5c6b8a;
 @colorTextDescription: #8592ad;
 @colorTextLightSolid: #fff;
-@colorHighlight: #ef4343;
+@colorHighlight: #eb4242;
 @colorBgTextHover: #e2e8f3;
 @colorBgTextActive: #cdd5e4;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(230,17,17,0.08);
-@colorWarningOutline: rgba(244,155,11,0.09);
+@colorErrorOutline: rgba(255,38,38,0.06);
+@colorWarningOutline: rgba(255,169,12,0.07);
 @fontSizeIcon: 12px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
-@controlItemBgHover: #f3f6fc;
+@controlInteractiveSize: 14px;
+@controlItemBgHover: #eff3fa;
 @controlItemBgActive: #e6f4ff;
 @controlItemBgActiveHover: #b0dbff;
 @controlItemBgActiveDisabled: #cdd5e4;
-@controlTmpOutline: #f8fafe;
+@controlTmpOutline: #f7f9fc;
 @controlOutline: rgba(5,145,255,0.1);
-@fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;

package/es/tooltip/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type TooltipToken = FullToken<'Tooltip'>;
 export declare const genTooltipStyle: GenerateStyle<TooltipToken>;
 declare const _default: (prefixCls: string) => {

package/es/tree-select/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type TreeSelectToken = FullToken<'TreeSelect'>;
 export declare const genTreeSelectStyle: GenerateStyle<TreeSelectToken>;
 declare const _default: (prefixCls: string) => {

package/lib/_util/genComponentStyleHook.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { CSSObject } from '@ant-design/cssinjs';
 import type { ComponentTokenMap } from 'antd/es/theme/interface';
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
-import type { GlobalToken } from 'antd/es/theme/interface';
+import type { GlobalToken, FullToken, GenerateStyle } from '../theme/interface';
+export declare const genSelectCommonStyle: (token: FullToken<'Select' | 'TreeSelect' | 'Cascader'>) => CSSObject;
 export type ComponentName = keyof ComponentTokenMap;
 export declare function genComponentStyleHook(componentName: ComponentName, styleFn: GenerateStyle<FullToken<ComponentName>>, getDefaultToken?: Partial<FullToken<ComponentName>> | ((token: GlobalToken) => Partial<FullToken<ComponentName>>)): (prefixCls: string) => {
     wrapSSR: (node: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/_util/genComponentStyleHook.js

@@ -29,17 +29,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/_util/genComponentStyleHook.ts
 var genComponentStyleHook_exports = {};
 __export(genComponentStyleHook_exports, {
-  genComponentStyleHook: () => genComponentStyleHook
+  genComponentStyleHook: () => genComponentStyleHook,
+  genSelectCommonStyle: () => genSelectCommonStyle
 });
 module.exports = __toCommonJS(genComponentStyleHook_exports);
-var import_internal = require("antd/es/theme/internal");
+var import_internal = require("../theme/internal");
 var import_theme = __toESM(require("../theme"));
+var genSelectCommonStyle = (token) => {
+  const { antCls } = token;
+  const selectComponentCls = `${antCls}-select`;
+  return {
+    [`${selectComponentCls}${selectComponentCls}-multiple`]: {
+      [`${selectComponentCls}-selection-item`]: {
+        borderRadius: token.borderRadius
+      }
+    }
+  };
+};
 function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
   return (prefixCls) => {
     const useStyle = (0, import_internal.genComponentStyleHook)(
       `OB-${componentName}`,
       (token) => {
-        return [styleFn(token)];
+        return [
+          genSelectCommonStyle(token),
+          styleFn(token)
+        ];
       },
       getDefaultToken,
       {
@@ -60,5 +75,6 @@ function genComponentStyleHook(componentName, styleFn, getDefaultToken) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  genComponentStyleHook
+  genComponentStyleHook,
+  genSelectCommonStyle
 });

package/lib/alert/index.js

@@ -33,18 +33,19 @@ __export(alert_exports, {
   default: () => alert_default
 });
 module.exports = __toCommonJS(alert_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(alert_exports, require("antd/es/alert"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var iconMapOutlined = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  info: /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, null),
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
 };
 var Alert = ({
   type,
@@ -65,7 +66,7 @@ var Alert = ({
     className
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Alert,
       {
         type,

package/lib/alert/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type AlertToken = FullToken<'Alert'>;
 export declare const genAlertStyle: GenerateStyle<AlertToken>;
 declare const _default: (prefixCls: string) => {

package/lib/app/index.d.ts

@@ -1 +1,9 @@
+import React from 'react';
+import { App as AntApp } from 'antd';
+import type { AppProps } from 'antd/es/app';
 export * from 'antd/es/app';
+export type AppType = React.FC<AppProps> & {
+    useApp: typeof AntApp.useApp;
+};
+declare const App: AppType;
+export default App;

package/lib/app/index.js

@@ -1,7 +1,13 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,41 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/app/index.ts
+// src/app/index.tsx
 var app_exports = {};
+__export(app_exports, {
+  default: () => app_default
+});
 module.exports = __toCommonJS(app_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_config_provider = __toESM(require("../config-provider"));
+var import_style = __toESM(require("./style"));
 __reExport(app_exports, require("antd/es/app"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var App = ({ prefixCls: customizePrefixCls, className, ...restProps }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
+  const prefixCls = getPrefixCls("app", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  const appCls = (0, import_classnames.default)(className);
+  return wrapSSR(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.App, { prefixCls: customizePrefixCls, className: appCls, ...restProps }));
+};
+App.useApp = import_antd.App.useApp;
+if (process.env.NODE_ENV !== "production") {
+  App.displayName = import_antd.App.displayName;
+}
+var app_default = App;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("antd/es/app")

package/lib/app/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GenerateStyle } from '../../theme/interface';
+export type AppToken = FullToken<'App'>;
+export declare const genAppStyle: GenerateStyle<AppToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    hashId: string;
+};
+export default _default;

package/lib/{_util/getWeakenBorderColor.js → app/style/index.js}

@@ -16,17 +16,27 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/_util/getWeakenBorderColor.ts
-var getWeakenBorderColor_exports = {};
-__export(getWeakenBorderColor_exports, {
-  getWeakenBorderColor: () => getWeakenBorderColor
+// src/app/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genAppStyle: () => genAppStyle
 });
-module.exports = __toCommonJS(getWeakenBorderColor_exports);
-var import_tinycolor = require("@ctrl/tinycolor");
-function getWeakenBorderColor(color) {
-  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
-}
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genAppStyle = (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {}
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("App", (token) => {
+    return [genAppStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getWeakenBorderColor
+  genAppStyle
 });

package/lib/badge/index.js

@@ -40,14 +40,15 @@ var import_classnames = __toESM(require("classnames"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(badge_exports, require("antd/es/badge"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Badge = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, status, text, icon, ...restProps }, ref) => {
     const { getPrefixCls, iconPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("badge", customizePrefixCls);
     const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
     const iconMap = {
-      default: /* @__PURE__ */ import_react.default.createElement(import_icons.MinusCircleFilled, { rotate: 45 }),
-      processing: /* @__PURE__ */ import_react.default.createElement(
+      default: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MinusCircleFilled, { rotate: 45 }),
+      processing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.Loading3QuartersOutlined,
         {
           style: {
@@ -56,12 +57,12 @@ var Badge = import_react.default.forwardRef(
           className: `${iconPrefixCls}-spin`
         }
       ),
-      success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleFilled, null),
-      error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleFilled, null),
-      warning: /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisCircleFilled, null)
+      success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
+      error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleFilled, {}),
+      warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisCircleFilled, {})
     };
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, status && icon ? /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: status && icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "span",
         {
           ref,
@@ -69,17 +70,19 @@ var Badge = import_react.default.forwardRef(
           style: {
             display: "inline-block"
           },
-          ...restProps
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "span",
-          {
-            className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`)
-          },
-          import_react.default.isValidElement(icon) ? icon : iconMap[status]
-        ),
-        text && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-status-text` }, text)
-      ) : /* @__PURE__ */ import_react.default.createElement(
+          ...restProps,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: (0, import_classnames.default)(`${prefixCls}-status-icon`, `${prefixCls}-status-${status}`),
+                children: import_react.default.isValidElement(icon) ? icon : iconMap[status]
+              }
+            ),
+            text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-status-text`, children: text })
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Badge,
         {
           ref,
@@ -89,7 +92,7 @@ var Badge = import_react.default.forwardRef(
           text,
           ...restProps
         }
-      ))
+      ) })
     );
   }
 );

package/lib/badge/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type BadgeToken = FullToken<'Badge'>;
 export declare const genBadgeStyle: GenerateStyle<BadgeToken>;
 declare const _default: (prefixCls: string) => {

package/lib/badge/style/index.js

@@ -26,17 +26,15 @@ module.exports = __toCommonJS(style_exports);
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genBadgeStyle = (token) => {
   const { componentCls } = token;
-  const dotSize = token.fontSizeLG / 2;
   return {
     [`${componentCls}`]: {
-      // inherit color from parent instead of fixed colorText
-      color: "inherit"
+      // make status text inherit parent style
+      color: "inherit",
+      fontSize: "inherit"
     },
     [`${componentCls}${componentCls}-status`]: {
       // dot style
       [`${componentCls}-status-dot`]: {
-        width: dotSize,
-        height: dotSize,
         [`&${componentCls}-status-default`]: {
           backgroundColor: token.colorFill
         }
@@ -66,8 +64,9 @@ var genBadgeStyle = (token) => {
       },
       [`${componentCls}-status-text`]: {
         marginInlineStart: token.marginXS,
-        // inherit color from parent instead of fixed colorText
-        color: "inherit"
+        // inherit style from parent
+        color: "inherit",
+        fontSize: "inherit"
       }
     }
   };

package/lib/button/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
 var import_style = __toESM(require("./style"));
 __reExport(button_exports, require("antd/es/button"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Button = import_react.default.forwardRef(
   ({ prefixCls: customizePrefixCls, className, ...restProps }, ref) => {
     const { theme, getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
@@ -46,7 +47,7 @@ var Button = import_react.default.forwardRef(
     const { wrapSSR } = (0, import_style.default)(prefixCls, theme == null ? void 0 : theme.isAliyun);
     const buttonCls = (0, import_classnames.default)(className);
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
     );
   }
 );

package/lib/button/style/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ButtonToken = FullToken<'Button'>;
 export declare const genButtonStyle: GenerateStyle<ButtonToken>;
 declare const _default: (prefixCls: string, isAliyun?: boolean) => {