@gobolt/genesis 0.3.11 → 0.3.13

package/dist/node_modules/antd/es/tree/style/index.js

@@ -74,8 +74,6 @@ const genBaseStyle = (prefixCls, token) => {
   } = token;
   return {
     [treeCls]: Object.assign(Object.assign({}, resetComponent(token)), {
-      // fix https://github.com/ant-design/ant-design/issues/50316
-      ["--rc-virtual-list-scrollbar-bg"]: token.colorSplit,
       background: token.colorBgContainer,
       borderRadius: token.borderRadius,
       transition: `background-color ${token.motionDurationSlow}`,
@@ -85,7 +83,7 @@ const genBaseStyle = (prefixCls, token) => {
       [`&${treeCls}-rtl ${treeCls}-switcher_close ${treeCls}-switcher-icon svg`]: {
         transform: "rotate(90deg)"
       },
-      [`&-focused:not(:hover):not(${treeCls}-active-focused)`]: genFocusOutline(token),
+      [`&-focused:not(:hover):not(${treeCls}-active-focused)`]: Object.assign({}, genFocusOutline(token)),
       // =================== Virtual List ===================
       [`${treeCls}-list-holder-inner`]: {
         alignItems: "flex-start"
@@ -160,7 +158,7 @@ const genBaseStyle = (prefixCls, token) => {
         },
         [`&:not(${treeNodeCls}-disabled).filter-node ${treeCls}-title`]: {
           color: token.colorPrimary,
-          fontWeight: token.fontWeightStrong
+          fontWeight: 500
         },
         "&-draggable": {
           cursor: "grab",
@@ -329,7 +327,7 @@ const genBaseStyle = (prefixCls, token) => {
     })
   };
 };
-const genTreeStyle = (prefixCls, token, enableDirectory = true) => {
+const genTreeStyle = (prefixCls, token) => {
   const treeCls = `.${prefixCls}`;
   const treeNodeCls = `${treeCls}-treenode`;
   const treeNodePadding = token.calc(token.paddingXS).div(2).equal();
@@ -342,8 +340,8 @@ const genTreeStyle = (prefixCls, token, enableDirectory = true) => {
     // Basic
     genBaseStyle(prefixCls, treeToken),
     // Directory
-    enableDirectory && genDirectoryStyle(treeToken)
-  ].filter(Boolean);
+    genDirectoryStyle(treeToken)
+  ];
 };
 const initComponentToken = (token) => {
   const {
@@ -371,11 +369,14 @@ const prepareComponentToken = (token) => {
     directoryNodeSelectedBg: colorPrimary
   });
 };
-var useStyle = genStyleHooks("Tree", (token, {
-  prefixCls
-}) => [{
-  [token.componentCls]: getStyle(`${prefixCls}-checkbox`, token)
-}, genTreeStyle(prefixCls, token), genCollapseMotion(token)], prepareComponentToken);
+var useStyle = genStyleHooks("Tree", (token, _ref) => {
+  let {
+    prefixCls
+  } = _ref;
+  return [{
+    [token.componentCls]: getStyle(`${prefixCls}-checkbox`, token)
+  }, genTreeStyle(prefixCls, token), genCollapseMotion(token)];
+}, prepareComponentToken);
 export {
   useStyle as default,
   genBaseStyle,

package/dist/node_modules/antd/es/tree/utils/dictUtil.cjs

@@ -18,13 +18,14 @@ function traverseNodesKey(treeData, callback, fieldNames) {
   }
   treeData.forEach(processNode);
 }
-function calcRangeKeys({
-  treeData,
-  expandedKeys,
-  startKey,
-  endKey,
-  fieldNames
-}) {
+function calcRangeKeys(_ref) {
+  let {
+    treeData,
+    expandedKeys,
+    startKey,
+    endKey,
+    fieldNames
+  } = _ref;
   const keys = [];
   let record = RECORD_NONE;
   if (startKey && startKey === endKey) {

package/dist/node_modules/antd/es/tree/utils/dictUtil.js

@@ -17,13 +17,14 @@ function traverseNodesKey(treeData, callback, fieldNames) {
   }
   treeData.forEach(processNode);
 }
-function calcRangeKeys({
-  treeData,
-  expandedKeys,
-  startKey,
-  endKey,
-  fieldNames
-}) {
+function calcRangeKeys(_ref) {
+  let {
+    treeData,
+    expandedKeys,
+    startKey,
+    endKey,
+    fieldNames
+  } = _ref;
   const keys = [];
   let record = RECORD_NONE;
   if (startKey && startKey === endKey) {

package/dist/node_modules/antd/es/tree/utils/iconUtil.cjs

@@ -27,7 +27,6 @@ function _interopNamespaceDefault(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const SwitcherIconCom = (props) => {
-  var _a, _b;
   const {
     prefixCls,
     switcherIcon,
@@ -61,7 +60,7 @@ const SwitcherIconCom = (props) => {
       const leafCls = `${prefixCls}-switcher-line-custom-icon`;
       if (/* @__PURE__ */ React__namespace.isValidElement(leafIcon)) {
         return reactNode.cloneElement(leafIcon, {
-          className: index((_a = leafIcon.props) === null || _a === void 0 ? void 0 : _a.className, leafCls)
+          className: index(leafIcon.props.className || "", leafCls)
         });
       }
       return leafIcon;
@@ -76,7 +75,7 @@ const SwitcherIconCom = (props) => {
   const switcher = typeof switcherIcon === "function" ? switcherIcon(treeNodeProps) : switcherIcon;
   if (/* @__PURE__ */ React__namespace.isValidElement(switcher)) {
     return reactNode.cloneElement(switcher, {
-      className: index((_b = switcher.props) === null || _b === void 0 ? void 0 : _b.className, switcherCls)
+      className: index(switcher.props.className || "", switcherCls)
     });
   }
   if (switcher !== void 0) {

package/dist/node_modules/antd/es/tree/utils/iconUtil.js

@@ -7,7 +7,6 @@ import RefIcon$3 from "../../../../@ant-design/icons/es/icons/PlusSquareOutlined
 import classNames from "../../../../../_virtual/index.js";
 import { cloneElement } from "../../_util/reactNode.js";
 const SwitcherIconCom = (props) => {
-  var _a, _b;
   const {
     prefixCls,
     switcherIcon,
@@ -41,7 +40,7 @@ const SwitcherIconCom = (props) => {
       const leafCls = `${prefixCls}-switcher-line-custom-icon`;
       if (/* @__PURE__ */ React.isValidElement(leafIcon)) {
         return cloneElement(leafIcon, {
-          className: classNames((_a = leafIcon.props) === null || _a === void 0 ? void 0 : _a.className, leafCls)
+          className: classNames(leafIcon.props.className || "", leafCls)
         });
       }
       return leafIcon;
@@ -56,7 +55,7 @@ const SwitcherIconCom = (props) => {
   const switcher = typeof switcherIcon === "function" ? switcherIcon(treeNodeProps) : switcherIcon;
   if (/* @__PURE__ */ React.isValidElement(switcher)) {
     return cloneElement(switcher, {
-      className: classNames((_b = switcher.props) === null || _b === void 0 ? void 0 : _b.className, switcherCls)
+      className: classNames(switcher.props.className || "", switcherCls)
     });
   }
   if (switcher !== void 0) {

package/dist/node_modules/antd/es/typography/Base/CopyBtn.cjs

@@ -25,17 +25,18 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const CopyBtn = ({
-  prefixCls,
-  copied,
-  locale,
-  iconOnly,
-  tooltips,
-  icon,
-  tabIndex,
-  onCopy,
-  loading: btnLoading
-}) => {
+const CopyBtn = (_ref) => {
+  let {
+    prefixCls,
+    copied,
+    locale,
+    iconOnly,
+    tooltips,
+    icon,
+    tabIndex,
+    onCopy,
+    loading: btnLoading
+  } = _ref;
   const tooltipNodes = util.toList(tooltips);
   const iconNodes = util.toList(icon);
   const {
@@ -46,8 +47,7 @@ const CopyBtn = ({
   const copyTitle = util.getNode(tooltipNodes[copied ? 1 : 0], systemStr);
   const ariaLabel = typeof copyTitle === "string" ? copyTitle : systemStr;
   return /* @__PURE__ */ React__namespace.createElement(index, {
-    title: copyTitle,
-    getPopupContainer: (node) => node.parentNode
+    title: copyTitle
   }, /* @__PURE__ */ React__namespace.createElement("button", {
     type: "button",
     className: index$1(`${prefixCls}-copy`, {

package/dist/node_modules/antd/es/typography/Base/CopyBtn.js

@@ -5,17 +5,18 @@ import RefIcon$1 from "../../../../@ant-design/icons/es/icons/LoadingOutlined.js
 import classNames from "../../../../../_virtual/index.js";
 import Tooltip from "../../tooltip/index.js";
 import { getNode, toList } from "./util.js";
-const CopyBtn = ({
-  prefixCls,
-  copied,
-  locale,
-  iconOnly,
-  tooltips,
-  icon,
-  tabIndex,
-  onCopy,
-  loading: btnLoading
-}) => {
+const CopyBtn = (_ref) => {
+  let {
+    prefixCls,
+    copied,
+    locale,
+    iconOnly,
+    tooltips,
+    icon,
+    tabIndex,
+    onCopy,
+    loading: btnLoading
+  } = _ref;
   const tooltipNodes = toList(tooltips);
   const iconNodes = toList(icon);
   const {
@@ -26,8 +27,7 @@ const CopyBtn = ({
   const copyTitle = getNode(tooltipNodes[copied ? 1 : 0], systemStr);
   const ariaLabel = typeof copyTitle === "string" ? copyTitle : systemStr;
   return /* @__PURE__ */ React.createElement(Tooltip, {
-    title: copyTitle,
-    getPopupContainer: (node) => node.parentNode
+    title: copyTitle
   }, /* @__PURE__ */ React.createElement("button", {
     type: "button",
     className: classNames(`${prefixCls}-copy`, {

package/dist/node_modules/antd/es/typography/Base/Ellipsis.cjs

@@ -23,10 +23,11 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const MeasureText = /* @__PURE__ */ React__namespace.forwardRef(({
-  style,
-  children
-}, ref) => {
+const MeasureText = /* @__PURE__ */ React__namespace.forwardRef((_ref, ref) => {
+  let {
+    style,
+    children
+  } = _ref;
   const spanRef = React__namespace.useRef(null);
   React__namespace.useImperativeHandle(ref, () => ({
     isExceed: () => {

package/dist/node_modules/antd/es/typography/Base/Ellipsis.js

@@ -3,10 +3,11 @@ import * as React from "react";
 import toArray from "../../../../rc-util/es/Children/toArray.js";
 import useLayoutEffect from "../../../../rc-util/es/hooks/useLayoutEffect.js";
 import { isValidText } from "./util.js";
-const MeasureText = /* @__PURE__ */ React.forwardRef(({
-  style,
-  children
-}, ref) => {
+const MeasureText = /* @__PURE__ */ React.forwardRef((_ref, ref) => {
+  let {
+    style,
+    children
+  } = _ref;
   const spanRef = React.useRef(null);
   React.useImperativeHandle(ref, () => ({
     isExceed: () => {

package/dist/node_modules/antd/es/typography/Base/EllipsisTooltip.cjs

@@ -20,12 +20,13 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const EllipsisTooltip = ({
-  enableEllipsis,
-  isEllipsis,
-  children,
-  tooltipProps
-}) => {
+const EllipsisTooltip = (_ref) => {
+  let {
+    enableEllipsis,
+    isEllipsis,
+    children,
+    tooltipProps
+  } = _ref;
   if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.title) || !enableEllipsis) {
     return children;
   }

package/dist/node_modules/antd/es/typography/Base/EllipsisTooltip.js

@@ -1,11 +1,12 @@
 import * as React from "react";
 import Tooltip from "../../tooltip/index.js";
-const EllipsisTooltip = ({
-  enableEllipsis,
-  isEllipsis,
-  children,
-  tooltipProps
-}) => {
+const EllipsisTooltip = (_ref) => {
+  let {
+    enableEllipsis,
+    isEllipsis,
+    children,
+    tooltipProps
+  } = _ref;
   if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.title) || !enableEllipsis) {
     return children;
   }

package/dist/node_modules/antd/es/typography/Base/index.cjs

@@ -1,5 +1,4 @@
 "use strict";
-var toConsumableArray = require("../../../../@babel/runtime/helpers/esm/toConsumableArray.cjs");
 var React = require("react");
 var EditOutlined = require("../../../../@ant-design/icons/es/icons/EditOutlined.cjs");
 var index$1 = require("../../../../../_virtual/index.cjs");
@@ -51,15 +50,16 @@ var __rest = function(s, e) {
   }
   return t;
 };
-function wrapperDecorations({
-  mark,
-  code,
-  underline,
-  delete: del,
-  strong,
-  keyboard,
-  italic
-}, content) {
+function wrapperDecorations(_ref, content) {
+  let {
+    mark,
+    code,
+    underline,
+    delete: del,
+    strong,
+    keyboard,
+    italic
+  } = _ref;
   let currentContent = content;
   function wrap(tag, needed) {
     if (!needed) {
@@ -77,7 +77,6 @@ function wrapperDecorations({
   return currentContent;
 }
 const ELLIPSIS_STR = "...";
-const DECORATION_PROPS = ["delete", "mark", "code", "underline", "strong", "keyboard", "italic"];
 const Base = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
   var _a;
   const {
@@ -101,7 +100,7 @@ const Base = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
   const typographyRef = React__namespace.useRef(null);
   const editIconRef = React__namespace.useRef(null);
   const prefixCls = getPrefixCls("typography", customizePrefixCls);
-  const textProps = omit(restProps, DECORATION_PROPS);
+  const textProps = omit(restProps, ["mark", "code", "delete", "underline", "strong", "keyboard", "italic"]);
   const [enableEdit, editConfig] = useMergedConfig(editable);
   const [editing, setEditing] = useMergedState(false, {
     value: editConfig.editing
@@ -196,9 +195,10 @@ const Base = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     (_a2 = ellipsisConfig.onExpand) === null || _a2 === void 0 ? void 0 : _a2.call(ellipsisConfig, e, info);
   };
   const [ellipsisWidth, setEllipsisWidth] = React__namespace.useState(0);
-  const onResize = ({
-    offsetWidth
-  }) => {
+  const onResize = (_ref2) => {
+    let {
+      offsetWidth
+    } = _ref2;
     setEllipsisWidth(offsetWidth);
   };
   const onJsEllipsis = (jsEllipsis) => {
@@ -345,7 +345,7 @@ const Base = /* @__PURE__ */ React__namespace.forwardRef((props, ref$1) => {
     width: ellipsisWidth,
     onEllipsis: onJsEllipsis,
     expanded,
-    miscDeps: [copied, expanded, copyLoading, enableEdit, enableCopy, textLocale].concat(toConsumableArray(DECORATION_PROPS.map((key) => props[key])))
+    miscDeps: [copied, expanded, copyLoading, enableEdit, enableCopy, textLocale]
   }, (node, canEllipsis) => wrapperDecorations(props, /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, node.length > 0 && canEllipsis && !expanded && topAriaLabel ? /* @__PURE__ */ React__namespace.createElement("span", {
     key: "show-content",
     "aria-hidden": true

package/dist/node_modules/antd/es/typography/Base/index.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "../../../../@babel/runtime/helpers/esm/toConsumableArray.js";
 import * as React from "react";
 import RefIcon from "../../../../@ant-design/icons/es/icons/EditOutlined.js";
 import classNames from "../../../../../_virtual/index.js";
@@ -31,15 +30,16 @@ var __rest = function(s, e) {
   }
   return t;
 };
-function wrapperDecorations({
-  mark,
-  code,
-  underline,
-  delete: del,
-  strong,
-  keyboard,
-  italic
-}, content) {
+function wrapperDecorations(_ref, content) {
+  let {
+    mark,
+    code,
+    underline,
+    delete: del,
+    strong,
+    keyboard,
+    italic
+  } = _ref;
   let currentContent = content;
   function wrap(tag, needed) {
     if (!needed) {
@@ -57,7 +57,6 @@ function wrapperDecorations({
   return currentContent;
 }
 const ELLIPSIS_STR = "...";
-const DECORATION_PROPS = ["delete", "mark", "code", "underline", "strong", "keyboard", "italic"];
 const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
   var _a;
   const {
@@ -81,7 +80,7 @@ const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const typographyRef = React.useRef(null);
   const editIconRef = React.useRef(null);
   const prefixCls = getPrefixCls("typography", customizePrefixCls);
-  const textProps = omit(restProps, DECORATION_PROPS);
+  const textProps = omit(restProps, ["mark", "code", "delete", "underline", "strong", "keyboard", "italic"]);
   const [enableEdit, editConfig] = useMergedConfig(editable);
   const [editing, setEditing] = useMergedState(false, {
     value: editConfig.editing
@@ -176,9 +175,10 @@ const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
     (_a2 = ellipsisConfig.onExpand) === null || _a2 === void 0 ? void 0 : _a2.call(ellipsisConfig, e, info);
   };
   const [ellipsisWidth, setEllipsisWidth] = React.useState(0);
-  const onResize = ({
-    offsetWidth
-  }) => {
+  const onResize = (_ref2) => {
+    let {
+      offsetWidth
+    } = _ref2;
     setEllipsisWidth(offsetWidth);
   };
   const onJsEllipsis = (jsEllipsis) => {
@@ -325,7 +325,7 @@ const Base = /* @__PURE__ */ React.forwardRef((props, ref) => {
     width: ellipsisWidth,
     onEllipsis: onJsEllipsis,
     expanded,
-    miscDeps: [copied, expanded, copyLoading, enableEdit, enableCopy, textLocale].concat(_toConsumableArray(DECORATION_PROPS.map((key) => props[key])))
+    miscDeps: [copied, expanded, copyLoading, enableEdit, enableCopy, textLocale]
   }, (node, canEllipsis) => wrapperDecorations(props, /* @__PURE__ */ React.createElement(React.Fragment, null, node.length > 0 && canEllipsis && !expanded && topAriaLabel ? /* @__PURE__ */ React.createElement("span", {
     key: "show-content",
     "aria-hidden": true

package/dist/node_modules/antd/es/typography/Editable.cjs

@@ -61,9 +61,10 @@ const Editable = (props) => {
       textArea.setSelectionRange(length, length);
     }
   }, []);
-  const onChange = ({
-    target
-  }) => {
+  const onChange = (_ref) => {
+    let {
+      target
+    } = _ref;
     setCurrent(target.value.replace(/[\n\r]/g, ""));
   };
   const onCompositionStart = () => {
@@ -72,22 +73,24 @@ const Editable = (props) => {
   const onCompositionEnd = () => {
     inComposition.current = false;
   };
-  const onKeyDown = ({
-    keyCode
-  }) => {
+  const onKeyDown = (_ref2) => {
+    let {
+      keyCode
+    } = _ref2;
     if (inComposition.current) return;
     lastKeyCode.current = keyCode;
   };
   const confirmChange = () => {
     onSave(current.trim());
   };
-  const onKeyUp = ({
-    keyCode,
-    ctrlKey,
-    altKey,
-    metaKey,
-    shiftKey
-  }) => {
+  const onKeyUp = (_ref3) => {
+    let {
+      keyCode,
+      ctrlKey,
+      altKey,
+      metaKey,
+      shiftKey
+    } = _ref3;
     if (lastKeyCode.current !== keyCode || inComposition.current || ctrlKey || altKey || metaKey || shiftKey) {
       return;
     }

package/dist/node_modules/antd/es/typography/Editable.js

@@ -41,9 +41,10 @@ const Editable = (props) => {
       textArea.setSelectionRange(length, length);
     }
   }, []);
-  const onChange = ({
-    target
-  }) => {
+  const onChange = (_ref) => {
+    let {
+      target
+    } = _ref;
     setCurrent(target.value.replace(/[\n\r]/g, ""));
   };
   const onCompositionStart = () => {
@@ -52,22 +53,24 @@ const Editable = (props) => {
   const onCompositionEnd = () => {
     inComposition.current = false;
   };
-  const onKeyDown = ({
-    keyCode
-  }) => {
+  const onKeyDown = (_ref2) => {
+    let {
+      keyCode
+    } = _ref2;
     if (inComposition.current) return;
     lastKeyCode.current = keyCode;
   };
   const confirmChange = () => {
     onSave(current.trim());
   };
-  const onKeyUp = ({
-    keyCode,
-    ctrlKey,
-    altKey,
-    metaKey,
-    shiftKey
-  }) => {
+  const onKeyUp = (_ref3) => {
+    let {
+      keyCode,
+      ctrlKey,
+      altKey,
+      metaKey,
+      shiftKey
+    } = _ref3;
     if (lastKeyCode.current !== keyCode || inComposition.current || ctrlKey || altKey || metaKey || shiftKey) {
       return;
     }

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -49,10 +49,11 @@ var __awaiter = function(thisArg, _arguments, P, generator) {
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-const useCopyClick = ({
-  copyConfig,
-  children
-}) => {
+const useCopyClick = (_ref) => {
+  let {
+    copyConfig,
+    children
+  } = _ref;
   const [copied, setCopied] = React__namespace.useState(false);
   const [copyLoading, setCopyLoading] = React__namespace.useState(false);
   const copyIdRef = React__namespace.useRef(null);

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -29,10 +29,11 @@ var __awaiter = function(thisArg, _arguments, P, generator) {
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-const useCopyClick = ({
-  copyConfig,
-  children
-}) => {
+const useCopyClick = (_ref) => {
+  let {
+    copyConfig,
+    children
+  } = _ref;
   const [copied, setCopied] = React.useState(false);
   const [copyLoading, setCopyLoading] = React.useState(false);
   const copyIdRef = React.useRef(null);

package/dist/node_modules/antd/es/typography/style/index.cjs

@@ -32,18 +32,18 @@ const genTypographyStyle = (token) => {
         color: token.colorTextDescription
       },
       [`&${componentCls}-success`]: {
-        color: token.colorSuccessText
+        color: token.colorSuccess
       },
       [`&${componentCls}-warning`]: {
-        color: token.colorWarningText
+        color: token.colorWarning
       },
       [`&${componentCls}-danger`]: {
-        color: token.colorErrorText,
+        color: token.colorError,
         "a&:active, a&:focus": {
-          color: token.colorErrorTextActive
+          color: token.colorErrorActive
         },
         "a&:hover": {
-          color: token.colorErrorTextHover
+          color: token.colorErrorHover
         }
       },
       [`&${componentCls}-disabled`]: {
@@ -108,6 +108,6 @@ const prepareComponentToken = () => ({
   titleMarginTop: "1.2em",
   titleMarginBottom: "0.5em"
 });
-var useStyle = genStyleUtils.genStyleHooks("Typography", genTypographyStyle, prepareComponentToken);
+var useStyle = genStyleUtils.genStyleHooks("Typography", (token) => [genTypographyStyle(token)], prepareComponentToken);
 exports.default = useStyle;
 exports.prepareComponentToken = prepareComponentToken;

package/dist/node_modules/antd/es/typography/style/index.js

@@ -30,18 +30,18 @@ const genTypographyStyle = (token) => {
         color: token.colorTextDescription
       },
       [`&${componentCls}-success`]: {
-        color: token.colorSuccessText
+        color: token.colorSuccess
       },
       [`&${componentCls}-warning`]: {
-        color: token.colorWarningText
+        color: token.colorWarning
       },
       [`&${componentCls}-danger`]: {
-        color: token.colorErrorText,
+        color: token.colorError,
         "a&:active, a&:focus": {
-          color: token.colorErrorTextActive
+          color: token.colorErrorActive
         },
         "a&:hover": {
-          color: token.colorErrorTextHover
+          color: token.colorErrorHover
         }
       },
       [`&${componentCls}-disabled`]: {
@@ -106,7 +106,7 @@ const prepareComponentToken = () => ({
   titleMarginTop: "1.2em",
   titleMarginBottom: "0.5em"
 });
-var useStyle = genStyleHooks("Typography", genTypographyStyle, prepareComponentToken);
+var useStyle = genStyleHooks("Typography", (token) => [genTypographyStyle(token)], prepareComponentToken);
 export {
   useStyle as default,
   prepareComponentToken