@zboson/ui 0.0.0-stage → 0.0.1

package/dist/button/IconWrapper.d.ts

@@ -0,0 +1,7 @@
+//#region src/button/IconWrapper.d.ts
+interface IconWrapperProps {
+  prefixCls: string;
+}
+declare const IconWrapper: import("vue").DefineSetupFnComponent<IconWrapperProps, {}, {}, IconWrapperProps & {}, import("vue").PublicProps>;
+//#endregion
+export { IconWrapperProps, IconWrapper as default };

package/dist/button/IconWrapper.js

@@ -0,0 +1,16 @@
+import { createVNode, defineComponent } from "vue";
+//#region src/button/IconWrapper.tsx
+const IconWrapper = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	return () => {
+		const { prefixCls } = props;
+		return createVNode("span", { "class": [`${prefixCls}-icon`] }, [slots?.default?.()]);
+	};
+}, {
+	props: { prefixCls: {
+		type: String,
+		required: true
+	} },
+	name: "IconWrapper"
+});
+//#endregion
+export { IconWrapper as default };

package/dist/button/buttonHelper.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, VNodeChild } from "vue";
+//#region src/button/buttonHelper.d.ts
+declare const isTwoCNChar: (string: string) => boolean;
+declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "text" | "link";
+declare function spaceChildren(children: VNodeChild[], needInserted: boolean, style?: CSSProperties, className?: string): VNodeChild[];
+declare const _ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
+type ButtonType = (typeof _ButtonTypes)[number];
+declare const _ButtonShapes: readonly ["default", "circle", "round", "square"];
+type ButtonShape = (typeof _ButtonShapes)[number];
+declare const _ButtonHTMLTypes: readonly ["submit", "button", "reset"];
+type ButtonHTMLType = (typeof _ButtonHTMLTypes)[number];
+declare const _ButtonVariantTypes: readonly ["outlined", "dashed", "solid", "filled", "text", "link"];
+type ButtonVariantType = (typeof _ButtonVariantTypes)[number];
+declare const _ButtonColorTypes: readonly ["default", "primary", "danger", "blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+type ButtonColorType = (typeof _ButtonColorTypes)[number];
+//#endregion
+export { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType, _ButtonColorTypes, _ButtonVariantTypes, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren };

package/dist/button/buttonHelper.js

@@ -0,0 +1,85 @@
+import { PresetColors } from "../theme/interface/presetColors.js";
+import { Fragment, Text, cloneVNode, createVNode, isVNode } from "vue";
+//#region src/button/buttonHelper.tsx
+const rxTwoCNChar = /^[\u4E00-\u9FA5]{2}$/;
+const isTwoCNChar = rxTwoCNChar.test.bind(rxTwoCNChar);
+function isUnBorderedButtonVariant(type) {
+	return type === "text" || type === "link";
+}
+function splitCNCharsBySpace(child, needInserted, style, className) {
+	if (child === null || child === void 0) return child;
+	const SPACE = needInserted ? " " : "";
+	if (typeof child === "string" || typeof child === "number") {
+		const text = String(child);
+		const content = isTwoCNChar(text) ? text.split("").join(SPACE) : text;
+		return createVNode("span", {
+			class: className,
+			style
+		}, content);
+	}
+	if (isVNode(child)) {
+		if (child.type === Text) {
+			const text = String(child.children ?? "");
+			const content = isTwoCNChar(text) ? text.split("").join(SPACE) : text;
+			return createVNode("span", {
+				key: child.key,
+				class: className,
+				style
+			}, content);
+		}
+		if (child.type === Fragment) return createVNode("span", {
+			key: child.key,
+			class: className,
+			style
+		}, child.children);
+		if (typeof child.type === "string" && typeof child.children === "string" && isTwoCNChar(child.children)) return cloneVNode(child, {
+			class: className,
+			style
+		}, child.children?.split("")?.join?.(SPACE));
+		return child;
+	}
+	return child;
+}
+function isPureTextChild(child) {
+	if (typeof child === "string" || typeof child === "number") return true;
+	if (isVNode(child)) return child.type === Text && typeof child.children === "string";
+	return false;
+}
+function getChildText(child) {
+	if (typeof child === "string" || typeof child === "number") return String(child);
+	if (isVNode(child) && child.type === Text && typeof child.children === "string") return child.children;
+	return "";
+}
+function spaceChildren(children, needInserted, style, className) {
+	const childList = [];
+	let isPrevChildPure = false;
+	children.forEach((child) => {
+		const isCurrentChildPure = isPureTextChild(child);
+		if (isPrevChildPure && isCurrentChildPure) {
+			const lastIndex = childList.length - 1;
+			const lastChild = childList[lastIndex];
+			const lastText = getChildText(lastChild);
+			const currentText = getChildText(child);
+			if (lastText !== "" && currentText !== "") childList[lastIndex] = `${lastText}${currentText}`;
+			else childList.push(child);
+		} else childList.push(child);
+		isPrevChildPure = isCurrentChildPure;
+	});
+	return childList.map((item) => splitCNCharsBySpace(item, needInserted, style, className));
+}
+const _ButtonVariantTypes = [
+	"outlined",
+	"dashed",
+	"solid",
+	"filled",
+	"text",
+	"link"
+];
+const _ButtonColorTypes = [
+	"default",
+	"primary",
+	"danger",
+	...PresetColors
+];
+//#endregion
+export { _ButtonColorTypes, _ButtonVariantTypes, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren };

package/dist/button/index.d.ts

@@ -0,0 +1,4 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType, _ButtonColorTypes, _ButtonVariantTypes, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren } from "./buttonHelper.js";
+import Button, { BaseButtonProps, ButtonEmits, ButtonProps, ButtonSemanticName, ButtonSlots, LegacyButtonType, convertLegacyProps } from "./Button.js";
+export { type BaseButtonProps, ButtonColorType, type ButtonEmits, ButtonHTMLType, type ButtonProps, type ButtonSemanticName, ButtonShape, type SizeType as ButtonSize, type ButtonSlots, ButtonType, ButtonVariantType, type LegacyButtonType, _ButtonColorTypes, _ButtonVariantTypes, convertLegacyProps, Button as default, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren };

package/dist/button/index.js

@@ -0,0 +1,6 @@
+import { _ButtonColorTypes, _ButtonVariantTypes, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren } from "./buttonHelper.js";
+import Button, { convertLegacyProps } from "./Button.js";
+//#region src/button/index.ts
+var button_default = Button;
+//#endregion
+export { _ButtonColorTypes, _ButtonVariantTypes, convertLegacyProps, button_default as default, isTwoCNChar, isUnBorderedButtonVariant, spaceChildren };

package/dist/button/style/compact.d.ts

@@ -0,0 +1,10 @@
+//#region src/button/style/compact.d.ts
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as default };

package/dist/button/style/compact.js

@@ -0,0 +1,48 @@
+import { genCssVar, genSubStyleComponent } from "../../theme/util/genStyleUtils.js";
+import { prepareComponentToken, prepareToken } from "./token.js";
+import { genCompactItemStyle } from "../../style/compact-item.js";
+import { genCompactItemVerticalStyle } from "../../style/compact-item-vertical.js";
+//#region src/button/style/compact.ts
+const genButtonCompactStyle = (token) => {
+	const { antCls, componentCls, lineWidth, calc, colorBgContainer } = token;
+	const solidSelector = `${componentCls}-variant-solid:not([disabled])`;
+	const insetOffset = calc(lineWidth).mul(-1).equal();
+	const [varName, varRef] = genCssVar(antCls, "btn");
+	const getCompactBorderStyle = (vertical) => {
+		return { [`${componentCls}-compact${vertical ? "-vertical" : ""}-item`]: {
+			[varName("compact-connect-border-color")]: varRef("bg-color-hover"),
+			[`&${solidSelector}`]: {
+				transition: `none`,
+				[`& + ${solidSelector}:before`]: [{
+					position: "absolute",
+					backgroundColor: varRef("compact-connect-border-color"),
+					content: "\"\""
+				}, vertical ? {
+					top: insetOffset,
+					insetInline: insetOffset,
+					height: lineWidth
+				} : {
+					insetBlock: insetOffset,
+					insetInlineStart: insetOffset,
+					width: lineWidth
+				}],
+				"&:hover:before": { display: "none" }
+			}
+		} };
+	};
+	return [
+		getCompactBorderStyle(),
+		getCompactBorderStyle(true),
+		{ [`${solidSelector}${componentCls}-color-default`]: { [varName("compact-connect-border-color")]: `color-mix(in srgb, ${varRef("bg-color-hover")} 75%, ${colorBgContainer})` } }
+	];
+};
+var compact_default = genSubStyleComponent(["Button", "compact"], (token) => {
+	const buttonToken = prepareToken(token);
+	return [
+		genCompactItemStyle(buttonToken),
+		genCompactItemVerticalStyle(buttonToken),
+		genButtonCompactStyle(buttonToken)
+	];
+}, prepareComponentToken);
+//#endregion
+export { compact_default as default };

package/dist/button/style/group.d.ts

@@ -0,0 +1,8 @@
+import { ButtonToken } from "./token.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import "../../theme/internal.js";
+import { CSSObject } from "@antdv-next/cssinjs";
+//#region src/button/style/group.d.ts
+declare const genGroupStyle: GenerateStyle<ButtonToken, CSSObject>;
+//#endregion
+export { genGroupStyle as default };

package/dist/button/style/group.js

@@ -0,0 +1,40 @@
+//#region src/button/style/group.ts
+function genButtonBorderStyle(buttonTypeCls, borderColor) {
+	return { [`> span, > ${buttonTypeCls}`]: {
+		"&:not(:last-child)": { [`&, & > ${buttonTypeCls}`]: { "&:not(:disabled)": { borderInlineEndColor: borderColor } } },
+		"&:not(:first-child)": { [`&, & > ${buttonTypeCls}`]: { "&:not(:disabled)": { borderInlineStartColor: borderColor } } }
+	} };
+}
+const genGroupStyle = (token) => {
+	const { componentCls, fontSize, lineWidth, groupBorderColor, colorErrorHover } = token;
+	return { [`${componentCls}-group`]: [
+		{
+			position: "relative",
+			display: "inline-flex",
+			[`> span, > ${componentCls}`]: {
+				"&:not(:last-child)": { [`&, & > ${componentCls}`]: {
+					borderStartEndRadius: 0,
+					borderEndEndRadius: 0
+				} },
+				"&:not(:first-child)": {
+					marginInlineStart: token.calc(lineWidth).mul(-1).equal(),
+					[`&, & > ${componentCls}`]: {
+						borderStartStartRadius: 0,
+						borderEndStartRadius: 0
+					}
+				}
+			},
+			[componentCls]: {
+				position: "relative",
+				zIndex: 1,
+				"&:hover, &:focus, &:active": { zIndex: 2 },
+				"&[disabled]": { zIndex: 0 }
+			},
+			[`${componentCls}-icon-only`]: { fontSize }
+		},
+		genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor),
+		genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)
+	] };
+};
+//#endregion
+export { genGroupStyle as default };

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

@@ -0,0 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
+//#region src/button/style/index.d.ts
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+//#endregion
+export { type ComponentToken, _default as default };

package/dist/button/style/index.js

@@ -0,0 +1,150 @@
+import { genFocusStyle, resetIcon } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+import { genNoMotionStyle } from "../../style/motion/util.js";
+import genGroupStyle from "./group.js";
+import { prepareComponentToken, prepareToken } from "./token.js";
+import genVariantStyle from "./variant.js";
+import { unit } from "@antdv-next/cssinjs";
+//#region src/button/style/index.ts
+const genSharedButtonStyle = (token) => {
+	const { componentCls, iconCls, fontWeight, opacityLoading, motionDurationSlow, motionEaseInOut, iconGap, calc } = token;
+	return { [componentCls]: {
+		outline: "none",
+		position: "relative",
+		display: "inline-flex",
+		gap: iconGap,
+		alignItems: "center",
+		justifyContent: "center",
+		fontWeight,
+		whiteSpace: "nowrap",
+		textAlign: "center",
+		backgroundImage: "none",
+		cursor: "pointer",
+		transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
+		userSelect: "none",
+		touchAction: "manipulation",
+		...genNoMotionStyle(),
+		"&:disabled > *": { pointerEvents: "none" },
+		[`${componentCls}-icon > svg`]: resetIcon(),
+		[`${componentCls}-icon`]: {
+			display: "inline-flex",
+			alignItems: "center",
+			[iconCls]: {
+				verticalAlign: "middle",
+				"&:before": {
+					content: "\"\\a0\"",
+					display: "inline-block",
+					width: 0
+				}
+			}
+		},
+		"> a": { color: "currentColor" },
+		"&:not(:disabled)": genFocusStyle(token),
+		[`&${componentCls}-two-chinese-chars::first-letter`]: { letterSpacing: "0.34em" },
+		[`&${componentCls}-two-chinese-chars > *:not(${iconCls})`]: {
+			marginInlineEnd: "-0.34em",
+			letterSpacing: "0.34em"
+		},
+		[`&${componentCls}-icon-only`]: {
+			paddingInline: 0,
+			[`&${componentCls}-compact-item`]: { flex: "none" }
+		},
+		[`&${componentCls}-loading`]: {
+			opacity: opacityLoading,
+			cursor: "default"
+		},
+		[`${componentCls}-loading-icon`]: { transition: [
+			"width",
+			"opacity",
+			"margin"
+		].map((prop) => `${prop} ${motionDurationSlow} ${motionEaseInOut}`).join(",") },
+		[`&:not(${componentCls}-icon-end)`]: { [`${componentCls}-loading-icon-motion`]: {
+			"&-appear-start, &-enter-start": { marginInlineEnd: calc(iconGap).mul(-1).equal() },
+			"&-appear-active, &-enter-active": { marginInlineEnd: 0 },
+			"&-leave-start": { marginInlineEnd: 0 },
+			"&-leave-active": { marginInlineEnd: calc(iconGap).mul(-1).equal() }
+		} },
+		"&-icon-end": {
+			flexDirection: "row-reverse",
+			[`${componentCls}-loading-icon-motion`]: {
+				"&-appear-start, &-enter-start": { marginInlineStart: calc(iconGap).mul(-1).equal() },
+				"&-appear-active, &-enter-active": { marginInlineStart: 0 },
+				"&-leave-start": { marginInlineStart: 0 },
+				"&-leave-active": { marginInlineStart: calc(iconGap).mul(-1).equal() }
+			}
+		}
+	} };
+};
+const genCircleButtonStyle = (token) => ({
+	minWidth: token.controlHeight,
+	paddingInline: 0,
+	borderRadius: "50%"
+});
+function genButtonStyle(token, prefixCls = "") {
+	const { componentCls, controlHeight, fontSize, borderRadius, buttonPaddingHorizontal, iconCls, buttonPaddingVertical, buttonIconOnlyFontSize } = token;
+	return [
+		{ [prefixCls]: {
+			fontSize,
+			height: controlHeight,
+			padding: `${unit(buttonPaddingVertical)} ${unit(buttonPaddingHorizontal)}`,
+			borderRadius,
+			[`&${componentCls}-icon-only`]: {
+				width: controlHeight,
+				[iconCls]: { fontSize: buttonIconOnlyFontSize }
+			}
+		} },
+		{ [`${componentCls}${componentCls}-circle${prefixCls}`]: genCircleButtonStyle(token) },
+		{ [`${componentCls}${componentCls}-round${prefixCls}`]: {
+			borderRadius: token.controlHeight,
+			[`&:not(${componentCls}-icon-only)`]: { paddingInline: token.buttonPaddingHorizontal }
+		} }
+	];
+}
+const genSizeBaseButtonStyle = (token) => {
+	return genButtonStyle(mergeToken(token, { fontSize: token.contentFontSize }), token.componentCls);
+};
+const genSizeSmallButtonStyle = (token) => {
+	return genButtonStyle(mergeToken(token, {
+		controlHeight: token.controlHeightSM,
+		fontSize: token.contentFontSizeSM,
+		padding: token.paddingXS,
+		buttonPaddingHorizontal: token.paddingInlineSM,
+		buttonPaddingVertical: 0,
+		borderRadius: token.borderRadiusSM,
+		buttonIconOnlyFontSize: token.onlyIconSizeSM
+	}), `${token.componentCls}-sm`);
+};
+const genSizeLargeButtonStyle = (token) => {
+	return genButtonStyle(mergeToken(token, {
+		controlHeight: token.controlHeightLG,
+		fontSize: token.contentFontSizeLG,
+		buttonPaddingHorizontal: token.paddingInlineLG,
+		buttonPaddingVertical: 0,
+		borderRadius: token.borderRadiusLG,
+		buttonIconOnlyFontSize: token.onlyIconSizeLG
+	}), `${token.componentCls}-lg`);
+};
+const genBlockButtonStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: { [`&${componentCls}-block`]: { width: "100%" } } };
+};
+var style_default = genStyleHooks("Button", (token) => {
+	const buttonToken = prepareToken(token);
+	return [
+		genSharedButtonStyle(buttonToken),
+		genSizeBaseButtonStyle(buttonToken),
+		genSizeSmallButtonStyle(buttonToken),
+		genSizeLargeButtonStyle(buttonToken),
+		genBlockButtonStyle(buttonToken),
+		genVariantStyle(buttonToken),
+		genGroupStyle(buttonToken)
+	];
+}, prepareComponentToken, { unitless: {
+	fontWeight: true,
+	contentLineHeight: true,
+	contentLineHeightSM: true,
+	contentLineHeightLG: true
+} });
+//#endregion
+export { style_default as default };

package/dist/button/style/token.d.ts

@@ -0,0 +1,265 @@
+import { PresetColorKey } from "../../theme/interface/presetColors.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
+import { CSSProperties } from "vue";
+//#region src/button/style/token.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+interface ComponentToken {
+  /**
+   * @desc 文字字重
+   * @descEN Font weight of text
+   */
+  fontWeight: CSSProperties['fontWeight'];
+  /**
+   * @desc 图标文字间距
+   * @descEN Gap between icon and text
+   */
+  iconGap: CSSProperties['gap'];
+  /**
+   * @desc 默认按钮阴影
+   * @descEN Shadow of default button
+   */
+  defaultShadow: string;
+  /**
+   * @desc 主要按钮阴影
+   * @descEN Shadow of primary button
+   */
+  primaryShadow: string;
+  /**
+   * @desc 危险按钮阴影
+   * @descEN Shadow of danger button
+   */
+  dangerShadow: string;
+  /**
+   * @desc 主要按钮文本颜色
+   * @descEN Text color of primary button
+   */
+  primaryColor: string;
+  /**
+   * @desc 默认按钮文本颜色
+   * @descEN Text color of default button
+   */
+  defaultColor: string;
+  /**
+   * @desc 默认按钮背景色
+   * @descEN Background color of default button
+   */
+  defaultBg: string;
+  /**
+   * @desc 默认按钮边框颜色
+   * @descEN Border color of default button
+   */
+  defaultBorderColor: string;
+  /**
+   * @desc 危险按钮文本颜色
+   * @descEN Text color of danger button
+   */
+  dangerColor: string;
+  /**
+   * @desc 默认按钮悬浮态背景色
+   * @descEN Background color of default button when hover
+   */
+  defaultHoverBg: string;
+  /**
+   * @desc 默认按钮悬浮态文本颜色
+   * @descEN Text color of default button when hover
+   */
+  defaultHoverColor: string;
+  /**
+   * @desc 默认按钮悬浮态边框颜色
+   * @descEN Border color of default button
+   */
+  defaultHoverBorderColor: string;
+  /**
+   * @desc 默认按钮激活态背景色
+   * @descEN Background color of default button when active
+   */
+  defaultActiveBg: string;
+  /**
+   * @desc 默认按钮激活态文字颜色
+   * @descEN Text color of default button when active
+   */
+  defaultActiveColor: string;
+  /**
+   * @desc 默认按钮激活态边框颜色
+   * @descEN Border color of default button when active
+   */
+  defaultActiveBorderColor: string;
+  /**
+   * @deprecated use `colorBorderDisabled` instead
+   * @desc 禁用状态边框颜色
+   * @descEN Border color of disabled button
+   */
+  borderColorDisabled: string;
+  /**
+   * @desc 默认幽灵按钮文本颜色
+   * @descEN Text color of default ghost button
+   */
+  defaultGhostColor: string;
+  /**
+   * @desc 幽灵按钮背景色
+   * @descEN Background color of ghost button
+   */
+  ghostBg: string;
+  /**
+   * @desc 默认幽灵按钮边框颜色
+   * @descEN Border color of default ghost button
+   */
+  defaultGhostBorderColor: string;
+  /**
+   * @desc 主要填充按钮的浅色背景颜色
+   * @descEN Background color of primary filled button
+   */
+  /**
+   * @desc 默认实心按钮的文本色
+   * @descEN Default text color for solid buttons.
+   */
+  solidTextColor: string;
+  /**
+   * @desc 默认文本按钮的文本色
+   * @descEN Default text color for text buttons
+   */
+  textTextColor: string;
+  /**
+   * @desc 默认文本按钮悬浮态文本颜色
+   * @descEN Default text color for text buttons on hover
+   */
+  textTextHoverColor: string;
+  /**
+   * @desc 默认文本按钮激活态文字颜色
+   * @descEN Default text color for text buttons on active
+   */
+  textTextActiveColor: string;
+  /**
+   * @desc 按钮横向内间距
+   * @descEN Horizontal padding of button
+   */
+  paddingInline: CSSProperties['paddingInline'];
+  /**
+   * @desc 大号按钮横向内间距
+   * @descEN Horizontal padding of large button
+   */
+  paddingInlineLG: CSSProperties['paddingInline'];
+  /**
+   * @desc 小号按钮横向内间距
+   * @descEN Horizontal padding of small button
+   */
+  paddingInlineSM: CSSProperties['paddingInline'];
+  /**
+   * @desc 按钮纵向内间距
+   * @descEN Vertical padding of button
+   * @deprecated not used
+   */
+  paddingBlock: CSSProperties['paddingBlock'];
+  /**
+   * @desc 大号按钮纵向内间距
+   * @descEN Vertical padding of large button
+   * @deprecated not used
+   */
+  paddingBlockLG: CSSProperties['paddingBlock'];
+  /**
+   * @desc 小号按钮纵向内间距
+   * @descEN Vertical padding of small button
+   * @deprecated not used
+   */
+  paddingBlockSM: CSSProperties['paddingBlock'];
+  /**
+   * @desc 只有图标的按钮图标尺寸
+   * @descEN Icon size of button which only contains icon
+   */
+  onlyIconSize: number | string;
+  /**
+   * @desc 大号只有图标的按钮图标尺寸
+   * @descEN Icon size of large button which only contains icon
+   */
+  onlyIconSizeLG: number | string;
+  /**
+   * @desc 小号只有图标的按钮图标尺寸
+   * @descEN Icon size of small button which only contains icon
+   */
+  onlyIconSizeSM: number | string;
+  /**
+   * @desc 链接按钮悬浮态背景色
+   * @descEN Background color of link button when hover
+   */
+  linkHoverBg: string;
+  /**
+   * @desc 文本按钮悬浮态背景色
+   * @descEN Background color of text button when hover
+   */
+  textHoverBg: string;
+  /**
+   * @desc 按钮内容字体大小
+   * @descEN Font size of button content
+   */
+  contentFontSize: number;
+  /**
+   * @desc 大号按钮内容字体大小
+   * @descEN Font size of large button content
+   */
+  contentFontSizeLG: number;
+  /**
+   * @desc 小号按钮内容字体大小
+   * @descEN Font size of small button content
+   */
+  contentFontSizeSM: number;
+  /**
+   * @desc 按钮内容字体行高
+   * @descEN Line height of button content
+   * @deprecated not used
+   */
+  contentLineHeight: number;
+  /**
+   * @desc 大号按钮内容字体行高
+   * @descEN Line height of large button content
+   * @deprecated not used
+   */
+  contentLineHeightLG: number;
+  /**
+   * @desc 小号按钮内容字体行高
+   * @descEN Line height of small button content
+   * @deprecated not used
+   */
+  contentLineHeightSM: number;
+  /**
+   * @desc type='default' 禁用状态下的背景颜色
+   * @descE background color when type='default' is disabled
+   */
+  defaultBgDisabled: string;
+  /**
+   * @desc type='dashed' 禁用状态下的背景颜色
+   * @descE background color when type='dashed' is disabled
+   */
+  dashedBgDisabled: string;
+}
+type ShadowColorMap = { [Key in `${PresetColorKey}ShadowColor`]: string; };
+type PresetColorHoverActiveMap = { [Key in `${PresetColorKey}Hover` | `${PresetColorKey}Active`]: string; };
+interface GroupToken {
+  /**
+   * @desc 按钮组边框颜色
+   * @descEN Border color of button group
+   * @internal Button.Group 已废弃相关token不应该在显示在文档上
+   */
+  groupBorderColor: string;
+}
+interface ButtonToken extends FullToken<'Button'>, ShadowColorMap, PresetColorHoverActiveMap, GroupToken {
+  /**
+   * @desc 按钮横向内边距
+   * @descEN Horizontal padding of button
+   */
+  buttonPaddingHorizontal: CSSProperties['paddingInline'];
+  /**
+   * @desc 按钮纵向内边距
+   * @descEN Vertical padding of button
+   */
+  buttonPaddingVertical: CSSProperties['paddingBlock'];
+  /**
+   * @desc 只有图标的按钮图标尺寸
+   * @descEN Icon size of button which only contains icon
+   */
+  buttonIconOnlyFontSize: number | string;
+}
+declare function prepareToken(token: Parameters<GenStyleFn<'Button'>>[0]): ButtonToken;
+declare const prepareComponentToken: GetDefaultToken<'Button'>;
+//#endregion
+export { ButtonToken, ComponentToken, prepareComponentToken, prepareToken };