@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.4

package/es/modal/Modal.js

@@ -8,6 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Modal as AntModal } from 'antd';
+import { ExclamationCircleOutlined, CloseCircleOutlined, CheckCircleOutlined, InfoCircleOutlined } from '@oceanbase/icons';
 import classNames from 'classnames';
 import React, { useContext } from 'react';
 import ConfigProvider from "../config-provider";
@@ -52,22 +53,35 @@ var Modal = function Modal(_ref) {
 // 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
 // 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
 Modal.info = function (props) {
-  return modal.info(props);
+  return modal.info(_objectSpread({
+    // use outlined icon
+    icon: /*#__PURE__*/_jsx(InfoCircleOutlined, {})
+  }, props));
 };
 Modal.success = function (props) {
-  return modal.success(props);
+  return modal.success(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CheckCircleOutlined, {})
+  }, props));
 };
 Modal.error = function (props) {
-  return modal.error(props);
+  return modal.error(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CloseCircleOutlined, {})
+  }, props));
 };
 Modal.warning = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.warn = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.confirm = function (props) {
-  return modal.confirm(props);
+  return modal.confirm(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.useModal = AntModal.useModal;
 Modal.destroyAll = AntModal.destroyAll;

package/es/modal/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 ModalToken = FullToken<'Modal'>;
 export declare const genModalStyle: GenerateStyle<ModalToken>;
 declare const _default: (prefixCls: string) => {

package/es/modal/style/index.js

@@ -6,21 +6,48 @@ import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
 export var genModalStyle = function genModalStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
-    marginXXS = token.marginXXS,
     marginLG = token.marginLG,
-    paddingMD = token.paddingMD,
-    borderRadius = token.borderRadius,
-    controlHeight = token.controlHeight,
     fontSizeHeading5 = token.fontSizeHeading5,
-    lineHeightHeading5 = token.lineHeightHeading5;
+    lineHeightHeading5 = token.lineHeightHeading5,
+    fontSizeHeading3 = token.fontSizeHeading3,
+    colorSplit = token.colorSplit;
   var top = 100;
   var bottom = 100;
   var titleHeight = fontSizeHeading5 * lineHeightHeading5;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
-    marginBottom: marginLG
-  }), "".concat(componentCls, "-footer"), _defineProperty({
-    marginTop: marginLG
-  }, "".concat(componentCls, "-footer-content"), _defineProperty({
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm):not(").concat(componentCls, "-progress)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    paddingBlock: token.padding
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginXXS,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty(_defineProperty({
+    position: 'relative',
+    marginBottom: 0,
+    paddingBottom: token.padding
+  }, "".concat(componentCls, "-title"), {
+    fontSize: fontSizeHeading3
+  }), '&::after', {
+    content: '""',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '1px',
+    backgroundColor: colorSplit,
+    // antd Modal content默认padding通常是24px，使用负margin让分割线贯通
+    // 如果antd使用其他padding值，可能需要调整
+    marginLeft: "-".concat(token.paddingLG, "px"),
+    marginRight: "-".concat(token.paddingLG, "px")
+  })), "".concat(componentCls, "-body"), {
+    paddingTop: token.paddingLG,
+    marginInline: "-".concat(token.marginLG, "px"),
+    paddingInline: token.paddingLG
+  })), "".concat(componentCls, "-footer"), _defineProperty(_defineProperty({
+    paddingTop: token.paddingLG,
+    marginTop: 0
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }), "".concat(componentCls, "-footer-content"), _defineProperty({
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center'
@@ -28,13 +55,16 @@ export var genModalStyle = function genModalStyle(token) {
     marginInlineEnd: token.margin,
     // make extra align to start
     textAlign: 'start'
-  })))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
-    padding: "".concat(token.paddingXL + token.padding, "px ").concat(token.paddingLG + token.padding, "px")
-  }, "".concat(componentCls, "-header"), _defineProperty({
+  })))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    padding: token.paddingLG
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginSM,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty({
     textAlign: 'center',
     marginBottom: token.marginXXL
   }, "".concat(componentCls, "-title"), {
-    fontSize: token.fontSizeHeading4
+    fontSize: fontSizeHeading3
   })), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty({
     textAlign: 'center'
   }, "".concat(componentCls, "-progress-loading"), {
@@ -45,14 +75,27 @@ export var genModalStyle = function genModalStyle(token) {
     color: token.colorTextTertiary
   }), "".concat(antCls, "-alert"), {
     textAlign: 'left'
-  })), "".concat(componentCls, "-footer"), {
+  })), "".concat(componentCls, "-footer"), _defineProperty({
     textAlign: 'center'
-  }))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body ").concat(componentCls, "-confirm-title +").concat(componentCls, "-confirm-content"), {
-    marginBlockStart: marginXXS,
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  })))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), {
+    padding: token.paddingLG
+  }), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-confirm-title"), {
+    fontSize: fontSizeHeading3
+  }), "".concat(componentCls, "-confirm-body > ").concat(token.iconCls), {
+    height: token.fontSizeHeading3 * token.lineHeight
+  }), "".concat(componentCls, "-confirm-paragraph"), {
+    rowGap: token.marginSM
+  }), "".concat(componentCls, "-confirm-content"), {
     color: token.colorTextSecondary
-  }), "".concat(componentCls, "-confirm-btns"), {
+  }), "".concat(componentCls, "-confirm-btns"), _defineProperty({
     marginTop: marginLG
-  }));
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }))));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Modal', function (token) {

package/es/radio/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 RadioToken = FullToken<'Radio'>;
 export declare const genRadioStyle: GenerateStyle<RadioToken>;
 declare const _default: (prefixCls: string) => {

package/es/result/index.d.ts

@@ -8,10 +8,10 @@ export type ResultStatusType = AntResultStatusType | 'processing';
 export interface ResultProps extends Omit<AntResultProps, 'status'> {
     status?: ResultStatusType;
 }
-export interface ResultType extends React.FC<ResultProps> {
+export type ResultType = React.FC<ResultProps> & {
     PRESENTED_IMAGE_403: typeof Image403;
     PRESENTED_IMAGE_404: typeof Image404;
     PRESENTED_IMAGE_500: typeof Image500;
-}
+};
 declare const Result: ResultType;
 export default Result;

package/es/result/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["status", "prefixCls"];
+var _excluded = ["prefixCls", "className", "status"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -22,15 +22,16 @@ import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export * from 'antd/es/result';
 var Result = function Result(_ref) {
-  var status = _ref.status,
-    customizePrefixCls = _ref.prefixCls,
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    status = _ref.status,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('result', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
-  var resultCls = classNames(prefixCls);
+  var resultCls = classNames(className);
   var statusMap = {
     success: /*#__PURE__*/_jsx(Success, {}),
     error: /*#__PURE__*/_jsx(Error, {}),

package/es/result/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 ResultToken = FullToken<'Result'>;
 export declare const genResultStyle: GenerateStyle<ResultToken>;
 declare const _default: (prefixCls: string) => {

package/es/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 SelectToken = FullToken<'Select'>;
 export declare const genSelectStyle: GenerateStyle<SelectToken>;
 declare const _default: (prefixCls: string) => {

package/es/slider/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 SliderToken = FullToken<'Slider'>;
 export declare const genSliderStyle: GenerateStyle<SliderToken>;
 declare const _default: (prefixCls: string) => {

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

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

package/es/spin/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 SpinToken = FullToken<'Spin'> & {
     spinDotSize: number;
     spinDotSizeSM: number;

package/es/static-function/index.js

@@ -5,17 +5,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useContext } from 'react';
 import { App, message as antMessage, Modal as AntModal, notification as antNotification } from 'antd';
 import formatToken from 'antd/lib/theme/util/alias';
+import ConfigProvider from "../config-provider";
+import useModalStyle from "../modal/style";
 import theme from "../theme";
 import defaultTheme from "../theme/default";
 var defaultAlgorithm = theme.defaultAlgorithm,
   defaultSeed = theme.defaultSeed,
   useToken = theme.useToken;
 
-// 设置默认 token
+// set default token
 var mapToken = _objectSpread(_objectSpread(_objectSpread({}, defaultAlgorithm(defaultSeed)), defaultTheme.token), {}, {
-  // 需要覆盖部分 Alias Token 的值
+  // need to override some Alias Token values
   override: {
     boxShadow: (_defaultTheme$token = defaultTheme.token) === null || _defaultTheme$token === void 0 ? void 0 : _defaultTheme$token.boxShadow,
     boxShadowSecondary: (_defaultTheme$token2 = defaultTheme.token) === null || _defaultTheme$token2 === void 0 ? void 0 : _defaultTheme$token2.boxShadowSecondary,
@@ -27,10 +30,16 @@ var message = antMessage;
 var notification = antNotification;
 var modal = AntModal;
 export default (function () {
-  // 自动注入 useToken，避免每次使用都要声明一遍，比较繁琐
+  // automatically inject useToken, avoid declaring it every time
   token = useToken().token;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('modal');
+
+  // register Modal style, ensure static function can also apply style
+  useModalStyle(prefixCls);
   var staticFunction = App.useApp();
-  // 替换 antd 的静态方法，支持消费 ConfigProvider 配置
+  // replace antd's static methods, support consuming ConfigProvider configuration
   message = _objectSpread(_objectSpread({}, staticFunction.message), {}, {
     useMessage: antMessage.useMessage
   });

package/es/switch/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 SwitchToken = FullToken<'Switch'>;
 export declare const genSwitchStyle: GenerateStyle<SwitchToken>;
 declare const _default: (prefixCls: string) => {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TableToken = FullToken<'Table'>;
 export declare const genTableStyle: (token: TableToken) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/es/table/style/index.js

@@ -18,6 +18,7 @@ export var genTableStyle = function genTableStyle(token) {
     padding = token.padding,
     marginLG = token.marginLG,
     marginXS = token.marginXS;
+  console.log(token.fontWeight);
   return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "".concat(componentCls, "-wrapper ").concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
     color: colorText,
     backgroundColor: colorBgBase,
@@ -26,9 +27,8 @@ export var genTableStyle = function genTableStyle(token) {
     borderBottom: "1px solid ".concat(colorBorderSecondary),
     borderRadius: 0
   }), "".concat(componentCls, "-thead > tr"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'th', {
-    // 弱化列标题
     color: colorTextSecondary,
-    fontWeight: 'normal',
+    fontWeight: token.fontWeight,
     backgroundColor: colorBgBase
   }), "th".concat(componentCls, "-column-has-sorters"), {
     backgroundColor: colorBgBase
@@ -73,7 +73,6 @@ export var genTableStyle = function genTableStyle(token) {
   }, "".concat(componentCls, "-thead > tr > th, ").concat(componentCls, "-tbody > tr > td"), _defineProperty({}, '&:last-child', {
     borderInlineEnd: 'none'
   })))), "".concat(componentCls, "-wrapper ").concat(componentCls, ":not(").concat(componentCls, "-bordered)"), _defineProperty({}, "".concat(componentCls, "-thead, ").concat(componentCls, "-tbody"), _defineProperty({}, 'td, th', _defineProperty(_defineProperty({}, "&".concat(componentCls, "-row-expand-icon-cell"), {
-    backgroundColor: colorBgBase,
     // 设置 paddingRight 即可
     paddingRight: token.paddingXS
   }), "&".concat(componentCls, "-selection-column, &").concat(componentCls, "-row-expand-icon-cell"), _defineProperty({}, "& + td, & + th", {
@@ -110,7 +109,7 @@ export var genTableStyle = function genTableStyle(token) {
     marginRight: marginLG
   }, "".concat(componentCls, "-batch-operation-selection"), _defineProperty({
     color: colorTextSecondary,
-    fontWeight: 500
+    fontWeight: token.fontWeightStrong
   }, "".concat(componentCls, "-batch-operation-selection-count"), {
     margin: "0 ".concat(marginXS, "px"),
     color: colorLink

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { CSSObject } from '@ant-design/cssinjs';
-import type { FullToken } from 'antd/es/theme/internal';
+import type { FullToken } from '../../theme/interface';
 export type TabsToken = FullToken<'Tabs'>;
 export declare const genTabsStyle: (token: Partial<TabsToken>) => CSSObject;
 declare const _default: (prefixCls: string) => {

package/es/tabs/style/index.js

@@ -10,9 +10,11 @@ export var genTabsStyle = function genTabsStyle(token) {
     colorInfoBg = token.colorInfoBg,
     colorTextSecondary = token.colorTextSecondary,
     colorFillQuaternary = token.colorFillQuaternary;
-  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-no-divider"), _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-no-divider"), _defineProperty({}, "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "".concat(componentCls, "-nav::before"), {
     border: 'none'
-  }))), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
+  }))), "&".concat(componentCls, "-left, &").concat(componentCls, "-right"), _defineProperty({}, "".concat(componentCls, "-tab[data-node-key^=divider-]"), {
+    paddingBlock: 0
+  })), "".concat(componentCls, "-tab"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab-tag"), {
     color: colorTextSecondary,
     fontSize: 12,
     borderRadius: 12,

package/es/tag/index.d.ts

@@ -4,6 +4,7 @@ import type { Ellipsis } from '../_util/getEllipsisConfig';
 export * from 'antd/es/tag';
 export interface TagProps extends AntTagProps {
     ellipsis?: Ellipsis;
+    pill?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>> & {
     CheckableTag: React.ForwardRefExoticComponent<import("antd/es/tag").CheckableTagProps & React.RefAttributes<HTMLSpanElement>>;

package/es/tag/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "prefixCls", "icon", "className", "ellipsis"];
+var _excluded = ["children", "prefixCls", "icon", "className", "ellipsis", "pill"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -28,6 +28,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         title: children
       }
     } : _ref$ellipsis,
+    pill = _ref.pill,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
@@ -35,7 +36,7 @@ var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useStyle = useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR;
   var ellipsisConfig = getEllipsisConfig(ellipsis, children);
-  var tagCls = classNames(_defineProperty({}, "".concat(prefixCls, "-ellipsis"), !!ellipsisConfig), className);
+  var tagCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-ellipsis"), !!ellipsisConfig), "".concat(prefixCls, "-pill"), pill), className);
   var realIcon = icon ? /*#__PURE__*/_jsx("span", {
     className: "".concat(prefixCls, "-icon"),
     children: icon

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { type FullToken } from 'antd/es/theme/internal';
 import type { CSSObject } from '@ant-design/cssinjs';
-export type TagToken = FullToken<'Tag'> & {
-    tagPaddingHorizontal: number;
-};
+import type { FullToken } from '../../theme/interface';
+export type TagToken = FullToken<'Tag'>;
 export declare const genTagStyle: (token: TagToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/es/tag/style/index.js

@@ -4,43 +4,30 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { mergeToken } from 'antd/es/theme/internal';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-import { genPresetColor } from 'antd/lib/theme/internal';
-import { getWeakenBorderColor } from "../../_util/getWeakenBorderColor";
-var getTagBorderColor = function getTagBorderColor(color) {
-  return getWeakenBorderColor(color);
-};
 var genTagPresetStatusStyle = function genTagPresetStatusStyle(token, status) {
-  var borderColorMap = {
-    success: token.colorSuccessBorder,
-    processing: token.colorInfoBorder,
-    error: token.colorErrorBorder,
-    warning: token.colorWarningBorder
+  var colorMap = {
+    success: token.colorSuccessText,
+    processing: token.colorInfoText,
+    error: token.colorErrorText,
+    warning: token.colorWarningText
   };
   return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(status), {
-    borderColor: getTagBorderColor(borderColorMap[status])
-  });
-};
-var genPresetStyle = function genPresetStyle(token) {
-  return genPresetColor(token, function (colorKey, _ref2) {
-    var lightBorderColor = _ref2.lightBorderColor;
-    return _defineProperty({}, "".concat(token.componentCls).concat(token.componentCls, "-").concat(colorKey), {
-      borderColor: getTagBorderColor(lightBorderColor)
-    });
+    color: colorMap[status]
   });
 };
 export var genTagStyle = function genTagStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
-    tagPaddingHorizontal = token.tagPaddingHorizontal,
-    lineWidth = token.lineWidth,
-    calc = token.calc;
-  var paddingInline = calc(tagPaddingHorizontal).sub(lineWidth).equal();
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    iconCls = token.iconCls;
+  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     paddingInline: token.paddingXS,
-    borderColor: getTagBorderColor(token.colorBorder),
     fontSize: token.fontSizeSM
-  }, "".concat(antCls, "-typography"), _defineProperty({}, "".concat(componentCls, "-icon"), {
-    marginInlineEnd: paddingInline
+  }, "&:not(".concat(componentCls, "-pill)"), {
+    fontWeight: token.fontWeightStrong
+  }), "".concat(componentCls, "-close-icon").concat(iconCls), {
+    marginInlineStart: token.marginXXS
+  }), "".concat(antCls, "-typography"), _defineProperty({}, "".concat(componentCls, "-icon"), {
+    marginInlineEnd: token.marginXXS
   })), '&-ellipsis', {
     maxWidth: '100%',
     textOverflow: 'ellipsis',
@@ -52,14 +39,16 @@ export var genTagStyle = function genTagStyle(token) {
     display: 'none'
   }), '&-borderless', {
     borderColor: 'transparent'
+  }), '&-pill', {
+    borderRadius: 100,
+    lineHeight: token.lineHeight,
+    marginInlineEnd: token.marginXXS
   }));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('Tag', function (token) {
-    var tagToken = mergeToken(token, {
-      tagPaddingHorizontal: 8 // Fixed padding.
-    });
-    return [genTagStyle(tagToken), genPresetStyle(tagToken), genTagPresetStatusStyle(tagToken, 'success'), genTagPresetStatusStyle(tagToken, 'error'), genTagPresetStatusStyle(tagToken, 'processing'), genTagPresetStatusStyle(tagToken, 'warning')];
+    var tagToken = mergeToken(token, {});
+    return [genTagStyle(tagToken), genTagPresetStatusStyle(tagToken, 'success'), genTagPresetStatusStyle(tagToken, 'error'), genTagPresetStatusStyle(tagToken, 'processing'), genTagPresetStatusStyle(tagToken, 'warning')];
   });
   return useStyle(prefixCls);
 });

package/es/theme/dark.d.ts

@@ -1,52 +1,5 @@
 declare const darkTheme: {
-    token: {
-        colorPrimary: string;
-        colorSuccess: string;
-        colorWarning: string;
-        colorError: string;
-        colorInfo: string;
-        colorTextBase: string;
-        colorBgBase: string;
-        colorLink: string;
-        fontFamily: string;
-        fontFamilyCode: string;
-        fontSize: number;
-        lineWidth: number;
-        lineType: string;
-        borderRadius: number;
-        sizeUnit: number;
-        sizeStep: number;
-        sizePopupArrow: number;
-        controlHeight: number;
-        zIndexBase: number;
-        zIndexPopupBase: number;
-        opacityImage: number;
-        motionUnit: number;
-        motionBase: number;
-        motionEaseOutCirc: string;
-        motionEaseInOutCirc: string;
-        motionEaseInOut: string;
-        motionEaseOutBack: string;
-        motionEaseInBack: string;
-        motionEaseInQuint: string;
-        motionEaseOutQuint: string;
-        motionEaseOut: string;
-        wireframe: boolean;
-        motion: boolean;
-        blue: string;
-        purple: string;
-        cyan: string;
-        green: string;
-        magenta: string;
-        pink: string;
-        red: string;
-        orange: string;
-        yellow: string;
-        volcano: string;
-        geekblue: string;
-        lime: string;
-        gold: string;
-    };
+    token: import("antd/es/theme/internal").SeedToken;
     components: {
         InputNumber: {
             handleVisible: boolean;

package/es/theme/default.d.ts

@@ -1,4 +1,6 @@
-import type { ThemeConfig } from 'antd';
 export declare const fontFamilyEn = "Inter, 'Noto sans', sans-serif, Roboto, 'Open Sans', 'Segoe UI', 'Helvetica Neue', 'Helvetica, Arial', 'Apple Color Emoji'";
-declare const _default: ThemeConfig;
+export declare const fontWeightWeakEn = 400;
+export declare const fontWeightEn = 500;
+export declare const fontWeightStrongEn = 600;
+declare const _default: import("antd").ThemeConfig;
 export default _default;