ezr-antd 1.0.0

package/lib/button/style/group.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const genButtonBorderStyle = (buttonTypeCls, borderColor) => ({
+  // Border
+  [`> 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',
+      // Border
+      [`> 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
+      }
+    },
+    // Border Color
+    genButtonBorderStyle(`${componentCls}-primary`, groupBorderColor), genButtonBorderStyle(`${componentCls}-danger`, colorErrorHover)]
+  };
+};
+var _default = exports.default = genGroupStyle;

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

@@ -0,0 +1,4 @@
+import type { ComponentToken } from './token';
+export type { ComponentToken };
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

package/lib/button/style/index.js

@@ -0,0 +1,388 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _cssinjs = require("@ant-design/cssinjs");
+var _style = require("../../style");
+var _internal = require("../../theme/internal");
+var _group = _interopRequireDefault(require("./group"));
+var _token = require("./token");
+// ============================== Shared ==============================
+const genSharedButtonStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    fontWeight
+  } = token;
+  return {
+    [componentCls]: {
+      outline: 'none',
+      position: 'relative',
+      display: 'inline-flex',
+      gap: token.marginXS,
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontWeight,
+      whiteSpace: 'nowrap',
+      textAlign: 'center',
+      backgroundImage: 'none',
+      background: 'transparent',
+      border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} transparent`,
+      cursor: 'pointer',
+      transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}`,
+      userSelect: 'none',
+      touchAction: 'manipulation',
+      color: token.colorText,
+      '&:disabled > *': {
+        pointerEvents: 'none'
+      },
+      '> span': {
+        display: 'inline-block'
+      },
+      [`${componentCls}-icon`]: {
+        lineHeight: 1
+      },
+      '> a': {
+        color: 'currentColor'
+      },
+      '&:not(:disabled)': Object.assign({}, (0, _style.genFocusStyle)(token)),
+      [`&${componentCls}-two-chinese-chars::first-letter`]: {
+        letterSpacing: '0.34em'
+      },
+      [`&${componentCls}-two-chinese-chars > *:not(${iconCls})`]: {
+        marginInlineEnd: '-0.34em',
+        letterSpacing: '0.34em'
+      },
+      // iconPosition="end"
+      '&-icon-end': {
+        flexDirection: 'row-reverse'
+      }
+    }
+  };
+};
+const genHoverActiveButtonStyle = (btnCls, hoverStyle, activeStyle) => ({
+  [`&:not(:disabled):not(${btnCls}-disabled)`]: {
+    '&:hover': hoverStyle,
+    '&:active': activeStyle
+  }
+});
+// ============================== Shape ===============================
+const genCircleButtonStyle = token => ({
+  minWidth: token.controlHeight,
+  paddingInlineStart: 0,
+  paddingInlineEnd: 0,
+  borderRadius: '50%'
+});
+const genRoundButtonStyle = token => ({
+  borderRadius: token.controlHeight,
+  paddingInlineStart: token.calc(token.controlHeight).div(2).equal(),
+  paddingInlineEnd: token.calc(token.controlHeight).div(2).equal()
+});
+const genDisabledStyle = token => ({
+  cursor: 'not-allowed',
+  borderColor: token.borderColorDisabled,
+  color: token.colorTextDisabled,
+  background: token.colorBgContainerDisabled,
+  boxShadow: 'none'
+});
+const genGhostButtonStyle = (btnCls, background, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) => ({
+  [`&${btnCls}-background-ghost`]: Object.assign(Object.assign({
+    color: textColor || undefined,
+    background,
+    borderColor: borderColor || undefined,
+    boxShadow: 'none'
+  }, genHoverActiveButtonStyle(btnCls, Object.assign({
+    background
+  }, hoverStyle), Object.assign({
+    background
+  }, activeStyle))), {
+    '&:disabled': {
+      cursor: 'not-allowed',
+      color: textColorDisabled || undefined,
+      borderColor: borderColorDisabled || undefined
+    }
+  })
+});
+const genSolidDisabledButtonStyle = token => ({
+  [`&:disabled, &${token.componentCls}-disabled`]: Object.assign({}, genDisabledStyle(token))
+});
+const genPureDisabledButtonStyle = token => ({
+  [`&:disabled, &${token.componentCls}-disabled`]: {
+    cursor: 'not-allowed',
+    color: token.colorTextDisabled
+  }
+});
+// ============================== Variant =============================
+const genVariantButtonStyle = (token, hoverStyle, activeStyle, variant) => {
+  const isPureDisabled = variant && ['link', 'text'].includes(variant);
+  const genDisabledButtonStyle = isPureDisabled ? genPureDisabledButtonStyle : genSolidDisabledButtonStyle;
+  return Object.assign(Object.assign({}, genDisabledButtonStyle(token)), genHoverActiveButtonStyle(token.componentCls, hoverStyle, activeStyle));
+};
+const genSolidButtonStyle = (token, textColor, background, hoverStyle, activeStyle) => ({
+  [`&${token.componentCls}-variant-solid`]: Object.assign({
+    color: textColor,
+    background
+  }, genVariantButtonStyle(token, hoverStyle, activeStyle))
+});
+const genOutlinedDashedButtonStyle = (token, borderColor, background, hoverStyle, activeStyle) => ({
+  [`&${token.componentCls}-variant-outlined, &${token.componentCls}-variant-dashed`]: Object.assign({
+    borderColor,
+    background
+  }, genVariantButtonStyle(token, hoverStyle, activeStyle))
+});
+const genDashedButtonStyle = token => ({
+  [`&${token.componentCls}-variant-dashed`]: {
+    borderStyle: 'dashed'
+  }
+});
+const genFilledButtonStyle = (token, background, hoverStyle, activeStyle) => ({
+  [`&${token.componentCls}-variant-filled`]: Object.assign({
+    boxShadow: 'none',
+    background
+  }, genVariantButtonStyle(token, hoverStyle, activeStyle))
+});
+const genTextLinkButtonStyle = (token, textColor, variant, hoverStyle, activeStyle) => ({
+  [`&${token.componentCls}-variant-${variant}`]: Object.assign({
+    color: textColor,
+    boxShadow: 'none'
+  }, genVariantButtonStyle(token, hoverStyle, activeStyle, variant))
+});
+// =============================== Color ==============================
+const genDefaultButtonStyle = token => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: token.defaultColor,
+  boxShadow: token.defaultShadow
+}, genSolidButtonStyle(token, token.solidTextColor, token.colorBgSolid, {
+  background: token.colorBgSolidHover
+}, {
+  background: token.colorBgSolidActive
+})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
+  background: token.colorFillSecondary
+}, {
+  background: token.colorFill
+})), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
+  color: token.colorLinkHover,
+  background: token.linkHoverBg
+}, {
+  color: token.colorLinkActive
+})), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder));
+const genPrimaryButtonStyle = token => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: token.colorPrimary,
+  boxShadow: token.primaryShadow
+}, genOutlinedDashedButtonStyle(token, token.colorPrimary, token.colorBgContainer, {
+  color: token.colorPrimaryTextHover,
+  borderColor: token.colorPrimaryHover,
+  background: token.colorBgContainer
+}, {
+  color: token.colorPrimaryTextActive,
+  borderColor: token.colorPrimaryActive,
+  background: token.colorBgContainer
+})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorPrimaryBg, {
+  background: token.colorPrimaryBgHover
+}, {
+  background: token.colorPrimaryBorder
+})), genTextLinkButtonStyle(token, token.colorLink, 'text', {
+  color: token.colorPrimaryTextHover,
+  background: token.colorPrimaryBg
+}, {
+  color: token.colorPrimaryTextActive,
+  background: token.colorPrimaryBorder
+})), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {
+  color: token.colorPrimaryHover,
+  borderColor: token.colorPrimaryHover
+}, {
+  color: token.colorPrimaryActive,
+  borderColor: token.colorPrimaryActive
+}));
+const genDangerousStyle = token => Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+  color: token.colorError,
+  boxShadow: token.dangerShadow
+}, genSolidButtonStyle(token, token.dangerColor, token.colorError, {
+  background: token.colorErrorHover
+}, {
+  background: token.colorErrorActive
+})), genOutlinedDashedButtonStyle(token, token.colorError, token.colorBgContainer, {
+  color: token.colorErrorHover,
+  borderColor: token.colorErrorBorderHover
+}, {
+  color: token.colorErrorActive,
+  borderColor: token.colorErrorActive
+})), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorErrorBg, {
+  background: token.colorErrorBgFilledHover
+}, {
+  background: token.colorErrorBgActive
+})), genTextLinkButtonStyle(token, token.colorError, 'text', {
+  color: token.colorErrorHover,
+  background: token.colorErrorBg
+}, {
+  color: token.colorErrorHover,
+  background: token.colorErrorBgActive
+})), genTextLinkButtonStyle(token, token.colorError, 'link', {
+  color: token.colorErrorHover
+}, {
+  color: token.colorErrorActive
+})), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, {
+  color: token.colorErrorHover,
+  borderColor: token.colorErrorHover
+}, {
+  color: token.colorErrorActive,
+  borderColor: token.colorErrorActive
+}));
+const genColorButtonStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-color-default`]: genDefaultButtonStyle(token),
+    [`${componentCls}-color-primary`]: genPrimaryButtonStyle(token),
+    [`${componentCls}-color-dangerous`]: genDangerousStyle(token)
+  };
+};
+// =========== Compatible with versions earlier than 5.21.0 ===========
+const genCompatibleButtonStyle = token => Object.assign(Object.assign(Object.assign(Object.assign({}, genOutlinedDashedButtonStyle(token, token.defaultBorderColor, token.defaultBg, {
+  color: token.defaultHoverColor,
+  borderColor: token.defaultHoverBorderColor,
+  background: token.defaultHoverBg
+}, {
+  color: token.defaultActiveColor,
+  borderColor: token.defaultActiveBorderColor,
+  background: token.defaultActiveBg
+})), genTextLinkButtonStyle(token, token.textTextColor, 'text', {
+  color: token.textTextHoverColor,
+  background: token.textHoverBg
+}, {
+  color: token.textTextActiveColor,
+  background: token.colorBgTextActive
+})), genSolidButtonStyle(token, token.primaryColor, token.colorPrimary, {
+  background: token.colorPrimaryHover,
+  color: token.primaryColor
+}, {
+  background: token.colorPrimaryActive,
+  color: token.primaryColor
+})), genTextLinkButtonStyle(token, token.colorLink, 'link', {
+  color: token.colorLinkHover,
+  background: token.linkHoverBg
+}, {
+  color: token.colorLinkActive
+}));
+// =============================== Size ===============================
+const genButtonStyle = (token, prefixCls = '') => {
+  const {
+    componentCls,
+    controlHeight,
+    fontSize,
+    lineHeight,
+    borderRadius,
+    buttonPaddingHorizontal,
+    iconCls,
+    buttonPaddingVertical
+  } = token;
+  const iconOnlyCls = `${componentCls}-icon-only`;
+  return [{
+    [prefixCls]: {
+      fontSize,
+      lineHeight,
+      height: controlHeight,
+      padding: `${(0, _cssinjs.unit)(buttonPaddingVertical)} ${(0, _cssinjs.unit)(buttonPaddingHorizontal)}`,
+      borderRadius,
+      [`&${iconOnlyCls}`]: {
+        width: controlHeight,
+        paddingInline: 0,
+        // make `btn-icon-only` not too narrow
+        [`&${componentCls}-compact-item`]: {
+          flex: 'none'
+        },
+        [`&${componentCls}-round`]: {
+          width: 'auto'
+        },
+        [iconCls]: {
+          fontSize: token.buttonIconOnlyFontSize
+        }
+      },
+      // Loading
+      [`&${componentCls}-loading`]: {
+        opacity: token.opacityLoading,
+        cursor: 'default'
+      },
+      [`${componentCls}-loading-icon`]: {
+        transition: `width ${token.motionDurationSlow} ${token.motionEaseInOut}, opacity ${token.motionDurationSlow} ${token.motionEaseInOut}`
+      }
+    }
+  },
+  // Shape - patch prefixCls again to override solid border radius style
+  {
+    [`${componentCls}${componentCls}-circle${prefixCls}`]: genCircleButtonStyle(token)
+  }, {
+    [`${componentCls}${componentCls}-round${prefixCls}`]: genRoundButtonStyle(token)
+  }];
+};
+const genSizeBaseButtonStyle = token => {
+  const baseToken = (0, _internal.mergeToken)(token, {
+    fontSize: token.contentFontSize,
+    lineHeight: token.contentLineHeight
+  });
+  return genButtonStyle(baseToken, token.componentCls);
+};
+const genSizeSmallButtonStyle = token => {
+  const smallToken = (0, _internal.mergeToken)(token, {
+    controlHeight: token.controlHeightSM,
+    fontSize: token.contentFontSizeSM,
+    lineHeight: token.contentLineHeightSM,
+    padding: token.paddingXS,
+    buttonPaddingHorizontal: token.paddingInlineSM,
+    buttonPaddingVertical: token.paddingBlockSM,
+    borderRadius: token.borderRadiusSM,
+    buttonIconOnlyFontSize: token.onlyIconSizeSM
+  });
+  return genButtonStyle(smallToken, `${token.componentCls}-sm`);
+};
+const genSizeLargeButtonStyle = token => {
+  const largeToken = (0, _internal.mergeToken)(token, {
+    controlHeight: token.controlHeightLG,
+    fontSize: token.contentFontSizeLG,
+    lineHeight: token.contentLineHeightLG,
+    buttonPaddingHorizontal: token.paddingInlineLG,
+    buttonPaddingVertical: token.paddingBlockLG,
+    borderRadius: token.borderRadiusLG,
+    buttonIconOnlyFontSize: token.onlyIconSizeLG
+  });
+  return genButtonStyle(largeToken, `${token.componentCls}-lg`);
+};
+const genBlockButtonStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [componentCls]: {
+      [`&${componentCls}-block`]: {
+        width: '100%'
+      }
+    }
+  };
+};
+// ============================== Export ==============================
+var _default = exports.default = (0, _internal.genStyleHooks)('Button', token => {
+  const buttonToken = (0, _token.prepareToken)(token);
+  return [
+  // Shared
+  genSharedButtonStyle(buttonToken),
+  // Size
+  genSizeBaseButtonStyle(buttonToken), genSizeSmallButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken),
+  // Block
+  genBlockButtonStyle(buttonToken),
+  // Color
+  genColorButtonStyle(buttonToken),
+  // https://github.com/ant-design/ant-design/issues/50969
+  genCompatibleButtonStyle(buttonToken),
+  // Button Group
+  (0, _group.default)(buttonToken)];
+}, _token.prepareComponentToken, {
+  unitless: {
+    fontWeight: true,
+    contentLineHeight: true,
+    contentLineHeightSM: true,
+    contentLineHeightLG: true
+  }
+});

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

@@ -0,0 +1,233 @@
+import type { CSSProperties } from 'react';
+import type { FullToken, GenStyleFn, GetDefaultToken } from '../../theme/internal';
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    /**
+     * @desc 文字字重
+     * @descEN Font weight of text
+     */
+    fontWeight: CSSProperties['fontWeight'];
+    /**
+     * @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;
+    /**
+     * @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
+     */
+    paddingBlock: CSSProperties['paddingBlock'];
+    /**
+     * @desc 大号按钮纵向内间距
+     * @descEN Vertical padding of large button
+     */
+    paddingBlockLG: CSSProperties['paddingBlock'];
+    /**
+     * @desc 小号按钮纵向内间距
+     * @descEN Vertical padding of small button
+     */
+    paddingBlockSM: CSSProperties['paddingBlock'];
+    /**
+     * @desc 只有图标的按钮图标尺寸
+     * @descEN Icon size of button which only contains icon
+     */
+    onlyIconSize: number;
+    /**
+     * @desc 大号只有图标的按钮图标尺寸
+     * @descEN Icon size of large button which only contains icon
+     */
+    onlyIconSizeLG: number;
+    /**
+     * @desc 小号只有图标的按钮图标尺寸
+     * @descEN Icon size of small button which only contains icon
+     */
+    onlyIconSizeSM: number;
+    /**
+     * @desc 按钮组边框颜色
+     * @descEN Border color of button group
+     */
+    groupBorderColor: 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
+     */
+    contentLineHeight: number;
+    /**
+     * @desc 大号按钮内容字体行高
+     * @descEN Line height of large button content
+     */
+    contentLineHeightLG: number;
+    /**
+     * @desc 小号按钮内容字体行高
+     * @descEN Line height of small button content
+     */
+    contentLineHeightSM: number;
+}
+export interface ButtonToken extends FullToken<'Button'> {
+    /**
+     * @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;
+}
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Button'>>[0]) => ButtonToken;
+export declare const prepareComponentToken: GetDefaultToken<'Button'>;