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

package/lib/alert/style/index.js

@@ -23,128 +23,223 @@ __export(style_exports, {
   genAlertStyle: () => genAlertStyle
 });
 module.exports = __toCommonJS(style_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
-var genTypeStyle = (color, token) => {
-  const borderWidth = 8;
-  return {
-    content: '""',
-    width: borderWidth,
-    // 绕 Y 轴旋转 60deg 是为了让圆角有一定的视觉拉伸，以与原先的边框贴合更加紧密
-    transform: "rotateY(60deg)",
-    backgroundColor: color,
-    position: "absolute",
-    height: `calc(100% - ${token.lineWidth}px)`,
-    left: -token.lineWidth - borderWidth / 2 / 2,
-    top: token.lineWidth / 2,
-    borderTopLeftRadius: token.borderRadiusLG,
-    borderBottomLeftRadius: token.borderRadiusLG
+var import_lodash = require("lodash");
+var genAlertTypeStyle = (type, token) => {
+  const { componentCls } = token;
+  const textColor = token[`color${(0, import_lodash.upperFirst)(type)}Text`];
+  const hoverColor = token[`color${(0, import_lodash.upperFirst)(type)}TextHover`];
+  const activeColor = token[`color${(0, import_lodash.upperFirst)(type)}TextActive`];
+  const linkStyle = {
+    color: textColor,
+    textDecoration: "underline",
+    "&:hover": {
+      color: hoverColor
+    },
+    "&:active": {
+      color: activeColor
+    }
   };
-};
-var genColoredStyle = (color, colorHover, token) => {
-  const { componentCls, iconCls } = token;
   return {
     [`${componentCls}-message`]: {
-      color
+      color: textColor,
+      a: linkStyle
     },
     [`${componentCls}-description`]: {
-      color
+      a: linkStyle
     },
-    [`${componentCls}-close-icon`]: {
-      [`${iconCls}`]: {
-        color,
-        "&:hover": {
-          color: colorHover
-        }
-      },
-      [`${componentCls}-close-text`]: {
-        color,
-        "&:hover": {
-          color: colorHover
-        }
-      }
+    [`${componentCls}-icon`]: {
+      color: textColor
     }
   };
 };
 var genAlertStyle = (token) => {
-  const {
-    componentCls,
-    colorSuccess,
-    colorSuccessHover,
-    colorInfo,
-    colorInfoHover,
-    colorWarning,
-    colorWarningHover,
-    colorError,
-    colorErrorHover,
-    colorIcon,
-    colorIconHover,
-    motionDurationMid
-  } = token;
-  const height = token.fontSize * token.lineHeight;
+  const { componentCls, colorIcon, colorIconHover, motionDurationMid, calc } = token;
+  const height = calc(token.fontSize).mul(token.lineHeight).equal();
+  const iconWidth = calc(token.fontSize).add(1).equal();
+  const contentStartOffset = calc(iconWidth).add(token.marginXS).equal();
+  const closeIconWidth = height;
+  const contentWidth = (0, import_cssinjs.unit)(
+    calc(contentStartOffset).add(closeIconWidth).add(token.padding).equal()
+  );
+  const actionWidth = (0, import_cssinjs.unit)(calc(contentStartOffset).add(token.padding).equal());
   return {
     [`${componentCls}`]: {
       // vertical align to flex-start
       alignItems: "flex-start !important",
-      paddingRight: token.padding,
+      paddingInline: token.padding,
+      position: "relative",
+      [`${componentCls}-content`]: {
+        flex: `1 1 calc(100% - ${contentWidth})`,
+        minWidth: 0,
+        maxWidth: `calc(100% - ${contentWidth})`,
+        wordBreak: "break-word"
+      },
+      [`${componentCls}-action`]: {
+        width: `calc(100% - ${actionWidth})`,
+        marginInlineStart: contentStartOffset
+      },
       [`${componentCls}-icon`]: {
-        height
+        height,
+        fontSize: iconWidth,
+        marginInlineEnd: token.marginXS,
+        flexShrink: 0
       },
       [`${componentCls}-close-icon`]: {
+        position: "absolute",
+        top: token.paddingXS,
+        insetInlineEnd: token.padding,
         height,
         color: colorIcon,
         transition: `color ${motionDurationMid}`,
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
         "&:hover": {
           color: colorIconHover
         }
-      }
+      },
+      // Default link styles (will be overridden by type-specific styles)
+      [`${componentCls}-message`]: {
+        a: {
+          textDecoration: "underline"
+        }
+      },
+      [`${componentCls}-description`]: {
+        a: {
+          textDecoration: "underline"
+        }
+      },
+      [`&${componentCls}-success`]: genAlertTypeStyle("success", token),
+      [`&${componentCls}-info`]: genAlertTypeStyle("info", token),
+      [`&${componentCls}-warning`]: genAlertTypeStyle("warning", token),
+      [`&${componentCls}-error`]: genAlertTypeStyle("error", token)
     },
     [`${componentCls}:not(${componentCls}-with-description)`]: {
-      paddingLeft: token.padding
+      flexWrap: "wrap",
+      [`${componentCls}-action`]: {
+        marginTop: token.marginXS
+      }
     },
     [`${componentCls}${componentCls}-with-description`]: {
-      paddingBlock: token.padding,
+      paddingBlock: token.paddingSM,
+      flexWrap: "wrap",
       [`${componentCls}-message`]: {
-        fontWeight: 500,
-        marginBottom: token.marginXXS
+        fontSize: token.fontSize,
+        fontWeight: token.fontWeightStrong,
+        marginBottom: token.marginXXS,
+        wordBreak: "break-word"
       },
       [`${componentCls}-description`]: {
-        color: token.colorTextSecondary
-      },
-      [`${componentCls}-icon`]: {
-        fontSize: token.fontSizeHeading4,
-        height: token.fontSizeHeading3,
-        marginInlineEnd: token.margin
+        wordBreak: "break-word"
       },
       [`${componentCls}-action`]: {
-        marginInlineStart: token.marginXS
+        marginTop: token.marginSM
+      },
+      [`${componentCls}-close-icon`]: {
+        top: token.paddingSM
       }
     },
-    [`${componentCls}:not(${componentCls}-banner):not(${componentCls}-ghost)`]: {
-      [`&${componentCls}-success::before`]: genTypeStyle(colorSuccess, token),
-      [`&${componentCls}-info::before`]: genTypeStyle(colorInfo, token),
-      [`&${componentCls}-warning::before`]: genTypeStyle(colorWarning, token),
-      [`&${componentCls}-error::before`]: genTypeStyle(colorError, token)
-    },
     [`${componentCls}${componentCls}-ghost`]: {
       backgroundColor: "transparent",
       border: "none",
-      padding: 0,
+      padding: "0px !important",
       borderRadius: 0
     },
-    [`${componentCls}-colored`]: {
-      [`&${componentCls}-success`]: genColoredStyle(colorSuccess, colorSuccessHover, token),
-      [`&${componentCls}-info`]: genColoredStyle(colorInfo, colorInfoHover, token),
-      [`&${componentCls}-warning`]: genColoredStyle(colorWarning, colorWarningHover, token),
-      [`&${componentCls}-error`]: genColoredStyle(colorError, colorErrorHover, token)
+    [`${componentCls}${componentCls}-mini`]: {
+      paddingBlock: token.paddingXXS,
+      paddingInline: token.paddingXS,
+      border: "none",
+      width: "fit-content",
+      display: "inline-flex",
+      alignItems: "center",
+      flexWrap: "nowrap",
+      [`${componentCls}-icon`]: {
+        marginInlineEnd: token.paddingXS,
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        lineHeight: 1
+      },
+      [`${componentCls}-message`]: {
+        whiteSpace: "nowrap",
+        wordBreak: "normal",
+        overflow: "visible",
+        lineHeight: token.lineHeight,
+        display: "flex",
+        alignItems: "center"
+      },
+      [`${componentCls}-content`]: {
+        display: "flex",
+        alignItems: "center",
+        flex: "0 1 auto",
+        whiteSpace: "nowrap",
+        minWidth: 0,
+        lineHeight: token.lineHeight
+      },
+      [`${componentCls}-close-icon`]: {
+        position: "relative",
+        top: token.paddingXXS,
+        insetInlineEnd: "auto",
+        height: "auto",
+        flexShrink: 0,
+        marginInlineStart: 0
+      },
+      [`&${componentCls}-closable`]: {
+        [`${componentCls}-content`]: {
+          paddingInlineEnd: token.paddingXS
+        }
+      },
+      [`&:not(${componentCls}-with-description)`]: {
+        flexWrap: "nowrap",
+        [`${componentCls}-content`]: {
+          flex: "0 1 auto",
+          minWidth: 0,
+          maxWidth: "none",
+          wordBreak: "normal"
+        }
+      },
+      [`&${componentCls}-with-description`]: {
+        paddingBlock: token.paddingXXS,
+        flexDirection: "row",
+        alignItems: "flex-start",
+        position: "relative",
+        flexWrap: "nowrap",
+        [`${componentCls}-icon`]: {
+          alignSelf: "flex-start",
+          marginTop: 0
+        },
+        [`${componentCls}-content`]: {
+          flexDirection: "column",
+          alignItems: "flex-start",
+          flex: "0 1 auto",
+          minWidth: 0,
+          maxWidth: "none",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-message`]: {
+          marginBottom: token.marginXXS,
+          whiteSpace: "nowrap",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-description`]: {
+          whiteSpace: "nowrap",
+          wordBreak: "normal"
+        },
+        [`${componentCls}-close-icon`]: {
+          position: "absolute",
+          top: token.paddingXXS,
+          insetInlineEnd: token.paddingXS
+        }
+      }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Alert", (token) => {
-    return [genAlertStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Alert", (token) => {
+  return [genAlertStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genAlertStyle

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 [wrapCSSVar] = (0, import_style.default)(prefixCls);
+  const appCls = (0, import_classnames.default)(className);
+  return wrapCSSVar(/* @__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,6 @@
+/// <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, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;

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

@@ -16,17 +16,22 @@ 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(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genAppStyle = (token) => {
+  const { antCls, componentCls } = token;
+  return {};
+};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("App", (token) => {
+  return [genAppStyle(token)];
 });
-module.exports = __toCommonJS(getWeakenBorderColor_exports);
-var import_tinycolor = require("@ctrl/tinycolor");
-function getWeakenBorderColor(color) {
-  return new import_tinycolor.TinyColor(color).setAlpha(0.4).toHex8String();
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getWeakenBorderColor
+  genAppStyle
 });

package/lib/badge/index.js

@@ -40,46 +40,55 @@ 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 { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("badge", customizePrefixCls);
-    const { wrapSSR, hashId } = (0, import_style.default)(prefixCls);
+    const [wrapCSSVar, 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: {
             display: "inline-block"
           },
-          className: `${iconPrefixCls}-spin`
+          spin: true
         }
       ),
-      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(
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: status && icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "span",
         {
           ref,
-          className: (0, import_classnames.default)(prefixCls, `${prefixCls}-status`, className, hashId),
+          className: (0, import_classnames.default)(
+            prefixCls,
+            `${prefixCls}-status`,
+            className,
+            // hashId is required to make style work
+            hashId
+          ),
           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 +98,7 @@ var Badge = import_react.default.forwardRef(
           text,
           ...restProps
         }
-      ))
+      ) })
     );
   }
 );

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

@@ -1,9 +1,6 @@
 /// <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) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/lib/badge/style/index.js

@@ -26,20 +26,20 @@ 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
-        }
+        [`&${componentCls}-status-default`]: {}
+      },
+      [`${componentCls}-status-processing::after`]: {
+        // remove animation for processing status dot
+        display: "none"
       },
       // icon style
       [`${componentCls}-status-icon`]: {
@@ -66,18 +66,16 @@ 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"
       }
     }
   };
 };
-var style_default = (prefixCls) => {
-  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Badge", (token) => {
-    return [genBadgeStyle(token)];
-  });
-  return useStyle(prefixCls);
-};
+var style_default = (0, import_genComponentStyleHook.genStyleHooks)("Badge", (token) => {
+  return [genBadgeStyle(token)];
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   genBadgeStyle

package/lib/button/index.js

@@ -39,14 +39,15 @@ 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);
+    const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
     const prefixCls = getPrefixCls("btn", customizePrefixCls);
-    const { wrapSSR } = (0, import_style.default)(prefixCls, theme == null ? void 0 : theme.isAliyun);
+    const [wrapCSSVar] = (0, import_style.default)(prefixCls);
     const buttonCls = (0, import_classnames.default)(className);
-    return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
+    return wrapCSSVar(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ref, prefixCls: customizePrefixCls, className: buttonCls, ...restProps })
     );
   }
 );

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

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ButtonToken = FullToken<'Button'>;
+export declare const genPresetColorStyle: (token: ButtonToken) => Record<string, CSSObject>;
 export declare const genButtonStyle: GenerateStyle<ButtonToken>;
-declare const _default: (prefixCls: string, isAliyun?: boolean) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;