@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/tabs/style/index.js

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { unit } from '@ant-design/cssinjs';
-import { genFocusStyle, resetComponent, textEllipsis } from '../../style';
+import { genFocusOutline, genFocusStyle, resetComponent, textEllipsis } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 import genMotionStyle from './motion';
 var genCardStyle = function genCardStyle(token) {
@@ -15,7 +15,7 @@ var genCardStyle = function genCardStyle(token) {
     cardGutter = token.cardGutter,
     colorBorderSecondary = token.colorBorderSecondary,
     itemSelectedColor = token.itemSelectedColor;
-  return _defineProperty({}, "".concat(componentCls, "-card"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "> ".concat(componentCls, "-nav, > div > ").concat(componentCls, "-nav"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-tab"), {
+  return _defineProperty({}, "".concat(componentCls, "-card"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "> ".concat(componentCls, "-nav, > div > ").concat(componentCls, "-nav"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-tab"), {
     margin: 0,
     padding: tabsCardPadding,
     background: cardBg,
@@ -24,6 +24,8 @@ var genCardStyle = function genCardStyle(token) {
   }), "".concat(componentCls, "-tab-active"), {
     color: itemSelectedColor,
     background: token.colorBgContainer
+  }), "".concat(componentCls, "-tab-focus:has(").concat(componentCls, "-tab-btn:focus-visible)"), genFocusOutline(token, -3)), "& ".concat(componentCls, "-tab").concat(componentCls, "-tab-focus ").concat(componentCls, "-tab-btn:focus-visible"), {
+    outline: 'none'
   }), "".concat(componentCls, "-ink-bar"), {
     visibility: 'hidden'
   })), "&".concat(componentCls, "-top, &").concat(componentCls, "-bottom"), _defineProperty({}, "> ".concat(componentCls, "-nav, > div > ").concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-tab + ").concat(componentCls, "-tab"), {
@@ -117,7 +119,7 @@ var genDropdownStyle = function genDropdownStyle(token) {
           _skip_check_: true,
           value: token.marginSM
         },
-        color: token.colorTextDescription,
+        color: token.colorIcon,
         fontSize: token.fontSizeSM,
         background: 'transparent',
         border: 0,
@@ -299,6 +301,8 @@ var genSizeStyle = function genSizeStyle(token) {
   var componentCls = token.componentCls,
     cardPaddingSM = token.cardPaddingSM,
     cardPaddingLG = token.cardPaddingLG,
+    cardHeightSM = token.cardHeightSM,
+    cardHeightLG = token.cardHeightLG,
     horizontalItemPaddingSM = token.horizontalItemPaddingSM,
     horizontalItemPaddingLG = token.horizontalItemPaddingLG;
   return _defineProperty(_defineProperty({}, componentCls, {
@@ -308,10 +312,14 @@ var genSizeStyle = function genSizeStyle(token) {
     })),
     '&-large': _defineProperty({}, "> ".concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-tab"), {
       padding: horizontalItemPaddingLG,
-      fontSize: token.titleFontSizeLG
+      fontSize: token.titleFontSizeLG,
+      lineHeight: token.lineHeightLG
     }))
-  }), "".concat(componentCls, "-card"), _defineProperty(_defineProperty({}, "&".concat(componentCls, "-small"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "> ".concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-tab"), {
+  }), "".concat(componentCls, "-card"), _defineProperty(_defineProperty({}, "&".concat(componentCls, "-small"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "> ".concat(componentCls, "-nav"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab"), {
     padding: cardPaddingSM
+  }), "".concat(componentCls, "-nav-add"), {
+    minWidth: cardHeightSM,
+    minHeight: cardHeightSM
   })), "&".concat(componentCls, "-bottom"), _defineProperty({}, "> ".concat(componentCls, "-nav ").concat(componentCls, "-tab"), {
     borderRadius: "0 0 ".concat(unit(token.borderRadius), " ").concat(unit(token.borderRadius))
   })), "&".concat(componentCls, "-top"), _defineProperty({}, "> ".concat(componentCls, "-nav ").concat(componentCls, "-tab"), {
@@ -326,8 +334,11 @@ var genSizeStyle = function genSizeStyle(token) {
       _skip_check_: true,
       value: "".concat(unit(token.borderRadius), " 0 0 ").concat(unit(token.borderRadius))
     }
-  }))), "&".concat(componentCls, "-large"), _defineProperty({}, "> ".concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-tab"), {
+  }))), "&".concat(componentCls, "-large"), _defineProperty({}, "> ".concat(componentCls, "-nav"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-tab"), {
     padding: cardPaddingLG
+  }), "".concat(componentCls, "-nav-add"), {
+    minWidth: cardHeightLG,
+    minHeight: cardHeightLG
   }))));
 };
 var genTabStyle = function genTabStyle(token) {
@@ -340,7 +351,7 @@ var genTabStyle = function genTabStyle(token) {
     itemSelectedColor = token.itemSelectedColor,
     itemColor = token.itemColor;
   var tabCls = "".concat(componentCls, "-tab");
-  return _defineProperty(_defineProperty({}, tabCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty(_defineProperty({}, tabCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     WebkitTouchCallout: 'none',
     WebkitTapHighlightColor: 'transparent',
@@ -353,18 +364,18 @@ var genTabStyle = function genTabStyle(token) {
     outline: 'none',
     cursor: 'pointer',
     color: itemColor,
-    '&-btn, &-remove': _objectSpread({
+    '&-btn, &-remove': {
       '&:focus:not(:focus-visible), &:active': {
         color: itemActiveColor
       }
-    }, genFocusStyle(token)),
+    },
     '&-btn': _defineProperty({
       outline: 'none',
       transition: "all ".concat(token.motionDurationSlow)
     }, "".concat(tabCls, "-icon:not(:last-child)"), {
       marginInlineEnd: token.marginSM
     }),
-    '&-remove': {
+    '&-remove': _objectSpread({
       flex: 'none',
       marginRight: {
         _skip_check_: true,
@@ -374,7 +385,7 @@ var genTabStyle = function genTabStyle(token) {
         _skip_check_: true,
         value: token.marginXS
       },
-      color: token.colorTextDescription,
+      color: token.colorIcon,
       fontSize: token.fontSizeSM,
       background: 'transparent',
       border: 'none',
@@ -384,14 +395,14 @@ var genTabStyle = function genTabStyle(token) {
       '&:hover': {
         color: token.colorTextHeading
       }
-    },
+    }, genFocusStyle(token)),
     '&:hover': {
       color: itemHoverColor
     }
   }, "&".concat(tabCls, "-active ").concat(tabCls, "-btn"), {
     color: itemSelectedColor,
     textShadow: token.tabsActiveTextShadow
-  }), "&".concat(tabCls, "-disabled"), {
+  }), "&".concat(tabCls, "-focus ").concat(tabCls, "-btn:focus-visible"), genFocusOutline(token)), "&".concat(tabCls, "-disabled"), {
     color: token.colorTextDisabled,
     cursor: 'not-allowed'
   }), "&".concat(tabCls, "-disabled ").concat(tabCls, "-btn, &").concat(tabCls, "-disabled ").concat(componentCls, "-remove"), {
@@ -549,7 +560,6 @@ var genTabsStyle = function genTabsStyle(token) {
       _skip_check_: true,
       value: cardGutter
     },
-    padding: "0 ".concat(unit(token.paddingXS)),
     background: 'transparent',
     border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(colorBorderSecondary),
     borderRadius: "".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG), " 0 0"),
@@ -563,7 +573,7 @@ var genTabsStyle = function genTabsStyle(token) {
     '&:active, &:focus:not(:focus-visible)': {
       color: itemActiveColor
     }
-  }, genFocusStyle(token)))), "".concat(componentCls, "-extra-content"), {
+  }, genFocusStyle(token, -3)))), "".concat(componentCls, "-extra-content"), {
     flex: 'none'
   }), "".concat(componentCls, "-ink-bar"), {
     position: 'absolute',
@@ -576,25 +586,36 @@ var genTabsStyle = function genTabsStyle(token) {
     flex: 'auto',
     minWidth: 0,
     minHeight: 0
-  }), "".concat(componentCls, "-tabpane"), {
-    outline: 'none',
+  }), "".concat(componentCls, "-tabpane"), _objectSpread(_objectSpread({}, genFocusStyle(token)), {}, {
     '&-hidden': {
       display: 'none'
     }
-  }))), "".concat(componentCls, "-centered"), _defineProperty({}, "> ".concat(componentCls, "-nav, > div > ").concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-nav-wrap"), _defineProperty({}, "&:not([class*='".concat(componentCls, "-nav-wrap-ping']) > ").concat(componentCls, "-nav-list"), {
+  })))), "".concat(componentCls, "-centered"), _defineProperty({}, "> ".concat(componentCls, "-nav, > div > ").concat(componentCls, "-nav"), _defineProperty({}, "".concat(componentCls, "-nav-wrap"), _defineProperty({}, "&:not([class*='".concat(componentCls, "-nav-wrap-ping']) > ").concat(componentCls, "-nav-list"), {
     margin: 'auto'
   }))));
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
-  var cardHeight = token.controlHeightLG;
+  var cardHeight = token.cardHeight,
+    cardHeightSM = token.cardHeightSM,
+    cardHeightLG = token.cardHeightLG,
+    controlHeight = token.controlHeight,
+    controlHeightLG = token.controlHeightLG;
+  var mergedCardHeight = cardHeight || controlHeightLG;
+  var mergedCardHeightSM = cardHeightSM || controlHeight;
+  // `controlHeight` missing XL variable, so we directly write it here:
+  var mergedCardHeightLG = cardHeightLG || controlHeightLG + 8;
   return {
     zIndexPopup: token.zIndexPopupBase + 50,
     cardBg: token.colorFillAlter,
-    cardHeight: cardHeight,
+    // We can not pass this as valid value,
+    // Since `cardHeight` will lock nav add button height.
+    cardHeight: mergedCardHeight,
+    cardHeightSM: mergedCardHeightSM,
+    cardHeightLG: mergedCardHeightLG,
     // Initialize with empty string, because cardPadding will be calculated with cardHeight by default.
-    cardPadding: "".concat((cardHeight - Math.round(token.fontSize * token.lineHeight)) / 2 - token.lineWidth, "px ").concat(token.padding, "px"),
-    cardPaddingSM: "".concat(token.paddingXXS * 1.5, "px ").concat(token.padding, "px"),
-    cardPaddingLG: "".concat(token.paddingXS, "px ").concat(token.padding, "px ").concat(token.paddingXXS * 1.5, "px"),
+    cardPadding: "".concat((mergedCardHeight - token.fontHeight) / 2 - token.lineWidth, "px ").concat(token.padding, "px"),
+    cardPaddingSM: "".concat((mergedCardHeightSM - token.fontHeight) / 2 - token.lineWidth, "px ").concat(token.paddingXS, "px"),
+    cardPaddingLG: "".concat((mergedCardHeightLG - token.fontHeightLG) / 2 - token.lineWidth, "px ").concat(token.padding, "px"),
     titleFontSize: token.fontSize,
     titleFontSizeLG: token.fontSizeLG,
     titleFontSizeSM: token.fontSize,

package/lib/Antd5/tag/style/index.js

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { unit } from '@ant-design/cssinjs';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { resetComponent } from '../../style';
 import { genStyleHooks, mergeToken } from '../../theme/internal';
 // ============================== Styles ==============================
@@ -40,7 +40,7 @@ var genBaseStyle = function genBaseStyle(token) {
   }), "".concat(componentCls, "-close-icon"), {
     marginInlineStart: iconMarginInline,
     fontSize: token.tagIconSize,
-    color: token.colorTextDescription,
+    color: token.colorIcon,
     cursor: 'pointer',
     transition: "all ".concat(token.motionDurationMid),
     '&:hover': {
@@ -94,7 +94,7 @@ export var prepareToken = function prepareToken(token) {
 };
 export var prepareComponentToken = function prepareComponentToken(token) {
   return {
-    defaultBg: new TinyColor(token.colorFillQuaternary).onBackground(token.colorBgContainer).toHexString(),
+    defaultBg: new FastColor(token.colorFillQuaternary).onBackground(token.colorBgContainer).toHexString(),
     defaultColor: token.colorText
   };
 };

package/lib/Antd5/theme/context.js

@@ -1,8 +1,6 @@
 import React from 'react';
-import { createTheme } from '@ant-design/cssinjs';
-import defaultDerivative from './themes/default';
 import defaultSeedToken from './themes/seed';
-export var defaultTheme = createTheme(defaultDerivative);
+export { default as defaultTheme } from './themes/default/theme';
 // ================================ Context =================================
 // To ensure snapshot stable. We disable hashed in test env.
 export var defaultConfig = {

package/lib/Antd5/theme/getDesignToken.js

@@ -5,11 +5,11 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { createTheme, getComputedToken } from '@ant-design/cssinjs';
-import defaultDerivative from './themes/default';
+import defaultTheme from './themes/default/theme';
 import seedToken from './themes/seed';
 import formatToken from './util/alias';
 var getDesignToken = function getDesignToken(config) {
-  var theme = config !== null && config !== void 0 && config.algorithm ? createTheme(config.algorithm) : createTheme(defaultDerivative);
+  var theme = config !== null && config !== void 0 && config.algorithm ? createTheme(config.algorithm) : defaultTheme;
   var mergedToken = _objectSpread(_objectSpread({}, seedToken), config === null || config === void 0 ? void 0 : config.token);
   return getComputedToken(mergedToken, {
     override: config === null || config === void 0 ? void 0 : config.token

package/lib/Antd5/theme/themes/dark/colorAlgorithm.js

@@ -1,8 +1,8 @@
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
-  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+  return new FastColor(baseColor).setA(alpha).toRgbString();
 };
 export var getSolidColor = function getSolidColor(baseColor, brightness) {
-  var instance = new TinyColor(baseColor);
+  var instance = new FastColor(baseColor);
   return instance.lighten(brightness).toHexString();
 };

package/lib/Antd5/theme/themes/dark/index.js

@@ -14,7 +14,11 @@ var derivative = function derivative(token, mapToken) {
     var colors = generate(token[colorKey], {
       theme: 'dark'
     });
-    return new Array(10).fill(1).reduce(function (prev, _, i) {
+    return Array.from({
+      length: 10
+    }, function () {
+      return 1;
+    }).reduce(function (prev, _, i) {
       prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
       prev["".concat(colorKey).concat(i + 1)] = colors[i];
       return prev;
@@ -25,9 +29,15 @@ var derivative = function derivative(token, mapToken) {
     return prev;
   }, {});
   var mergedMapToken = mapToken !== null && mapToken !== void 0 ? mapToken : defaultAlgorithm(token);
-  return _objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), colorPalettes), genColorMapToken(token, {
+  var colorMapToken = genColorMapToken(token, {
     generateColorPalettes: generateColorPalettes,
     generateNeutralColorPalettes: generateNeutralColorPalettes
-  }));
+  });
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mergedMapToken), colorPalettes), colorMapToken), {}, {
+    // Customize selected item background color
+    // https://github.com/ant-design/ant-design/issues/30524#issuecomment-871961867
+    colorPrimaryBg: colorMapToken.colorPrimaryBorder,
+    colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover
+  });
 };
 export default derivative;

package/lib/Antd5/theme/themes/default/colorAlgorithm.js

@@ -1,8 +1,8 @@
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 export var getAlphaColor = function getAlphaColor(baseColor, alpha) {
-  return new TinyColor(baseColor).setAlpha(alpha).toRgbString();
+  return new FastColor(baseColor).setA(alpha).toRgbString();
 };
 export var getSolidColor = function getSolidColor(baseColor, brightness) {
-  var instance = new TinyColor(baseColor);
+  var instance = new FastColor(baseColor);
   return instance.darken(brightness).toHexString();
 };

package/lib/Antd5/theme/themes/default/index.js

@@ -18,7 +18,11 @@ export default function derivative(token) {
   presetPalettes.pink = presetPalettes.magenta;
   var colorPalettes = Object.keys(defaultPresetColors).map(function (colorKey) {
     var colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate(token[colorKey]);
-    return new Array(10).fill(1).reduce(function (prev, _, i) {
+    return Array.from({
+      length: 10
+    }, function () {
+      return 1;
+    }).reduce(function (prev, _, i) {
       prev["".concat(colorKey, "-").concat(i + 1)] = colors[i];
       prev["".concat(colorKey).concat(i + 1)] = colors[i];
       return prev;

package/lib/Antd5/theme/themes/default/theme.js

@@ -0,0 +1,4 @@
+import { createTheme } from '@ant-design/cssinjs';
+import defaultDerivative from './index';
+var defaultTheme = createTheme(defaultDerivative);
+export default defaultTheme;

package/lib/Antd5/theme/themes/shared/genColorMapToken.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 export default function genColorMapToken(seed, _ref) {
   var generateColorPalettes = _ref.generateColorPalettes,
     generateNeutralColorPalettes = _ref.generateNeutralColorPalettes;
@@ -24,7 +24,7 @@ export default function genColorMapToken(seed, _ref) {
   // Color Link
   var colorLink = seed.colorLink || seed.colorInfo;
   var linkColors = generateColorPalettes(colorLink);
-  var colorErrorBgFilledHover = new TinyColor(errorColors[1]).mix(new TinyColor(errorColors[3]), 50).toHexString();
+  var colorErrorBgFilledHover = new FastColor(errorColors[1]).mix(new FastColor(errorColors[3]), 50).toHexString();
   return _objectSpread(_objectSpread({}, neutralColors), {}, {
     colorPrimaryBg: primaryColors[1],
     colorPrimaryBgHover: primaryColors[2],
@@ -81,7 +81,7 @@ export default function genColorMapToken(seed, _ref) {
     colorLinkHover: linkColors[4],
     colorLink: linkColors[6],
     colorLinkActive: linkColors[7],
-    colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
+    colorBgMask: new FastColor('#000').setA(0.45).toRgbString(),
     colorWhite: '#fff'
   });
 }

package/lib/Antd5/theme/themes/shared/genFontSizes.js

@@ -3,7 +3,9 @@ export function getLineHeight(fontSize) {
 }
 // https://zhuanlan.zhihu.com/p/32746810
 export default function getFontSizes(base) {
-  var fontSizes = new Array(10).fill(null).map(function (_, index) {
+  var fontSizes = Array.from({
+    length: 10
+  }).map(function (_, index) {
     var i = index - 1;
     var baseSize = base * Math.pow(Math.E, i / 5);
     var intSize = index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize);

package/lib/Antd5/theme/util/alias.js

@@ -7,7 +7,7 @@ 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import seedToken from '../themes/seed';
 import getAlphaColor from './getAlphaColor';
 /**
@@ -129,7 +129,7 @@ export default function formatToken(derivativeToken) {
     screenXXL: screenXXL,
     screenXXLMin: screenXXL,
     boxShadowPopoverArrow: '2px 2px 5px rgba(0, 0, 0, 0.05)',
-    boxShadowCard: "\n      0 1px 2px -2px ".concat(new TinyColor('rgba(0, 0, 0, 0.16)').toRgbString(), ",\n      0 3px 6px 0 ").concat(new TinyColor('rgba(0, 0, 0, 0.12)').toRgbString(), ",\n      0 5px 12px 4px ").concat(new TinyColor('rgba(0, 0, 0, 0.09)').toRgbString(), "\n    "),
+    boxShadowCard: "\n      0 1px 2px -2px ".concat(new FastColor('rgba(0, 0, 0, 0.16)').toRgbString(), ",\n      0 3px 6px 0 ").concat(new FastColor('rgba(0, 0, 0, 0.12)').toRgbString(), ",\n      0 5px 12px 4px ").concat(new FastColor('rgba(0, 0, 0, 0.09)').toRgbString(), "\n    "),
     boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      -3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      -9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
     boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(0, 0, 0, 0.08),\n      3px 0 6px -4px rgba(0, 0, 0, 0.12),\n      9px 0 28px 8px rgba(0, 0, 0, 0.05)\n    ",
     boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",

package/lib/Antd5/theme/util/genStyleUtils.js

@@ -6,10 +6,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useContext } from 'react';
 import { genStyleUtils } from '@ant-design/cssinjs-utils';
-import { ConfigContext } from '../../config-provider/context';
-import { genCommonStyle, genLinkStyle } from '../../style';
+import { ConfigContext, defaultIconPrefixCls } from '../../config-provider/context';
+import { genCommonStyle, genIconStyle, genLinkStyle } from '../../style';
 import useLocalToken, { unitless } from '../useToken';
-import useResetIconStyle from './useResetIconStyle';
 var _genStyleUtils = genStyleUtils({
     usePrefix: function usePrefix() {
       var _useContext = useContext(ConfigContext),
@@ -39,16 +38,15 @@ var _genStyleUtils = genStyleUtils({
     },
     useCSP: function useCSP() {
       var _useContext2 = useContext(ConfigContext),
-        csp = _useContext2.csp,
-        iconPrefixCls = _useContext2.iconPrefixCls;
-      // Generate style for icons
-      useResetIconStyle(iconPrefixCls, csp);
+        csp = _useContext2.csp;
       return csp !== null && csp !== void 0 ? csp : {};
     },
-    getResetStyles: function getResetStyles(token) {
-      return [{
-        '&': genLinkStyle(token)
-      }];
+    getResetStyles: function getResetStyles(token, config) {
+      var _config$prefix$iconPr;
+      var linkStyle = genLinkStyle(token);
+      return [linkStyle, {
+        '&': linkStyle
+      }, genIconStyle((_config$prefix$iconPr = config === null || config === void 0 ? void 0 : config.prefix.iconPrefixCls) !== null && _config$prefix$iconPr !== void 0 ? _config$prefix$iconPr : defaultIconPrefixCls)];
     },
     getCommonStyle: genCommonStyle,
     getCompUnitless: function getCompUnitless() {

package/lib/Antd5/theme/util/getAlphaColor.js

@@ -1,26 +1,26 @@
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 function isStableColor(color) {
   return color >= 0 && color <= 255;
 }
 function getAlphaColor(frontColor, backgroundColor) {
-  var _TinyColor$toRgb = new TinyColor(frontColor).toRgb(),
-    fR = _TinyColor$toRgb.r,
-    fG = _TinyColor$toRgb.g,
-    fB = _TinyColor$toRgb.b,
-    originAlpha = _TinyColor$toRgb.a;
+  var _FastColor$toRgb = new FastColor(frontColor).toRgb(),
+    fR = _FastColor$toRgb.r,
+    fG = _FastColor$toRgb.g,
+    fB = _FastColor$toRgb.b,
+    originAlpha = _FastColor$toRgb.a;
   if (originAlpha < 1) {
     return frontColor;
   }
-  var _TinyColor$toRgb2 = new TinyColor(backgroundColor).toRgb(),
-    bR = _TinyColor$toRgb2.r,
-    bG = _TinyColor$toRgb2.g,
-    bB = _TinyColor$toRgb2.b;
+  var _FastColor$toRgb2 = new FastColor(backgroundColor).toRgb(),
+    bR = _FastColor$toRgb2.r,
+    bG = _FastColor$toRgb2.g,
+    bB = _FastColor$toRgb2.b;
   for (var fA = 0.01; fA <= 1; fA += 0.01) {
     var r = Math.round((fR - bR * (1 - fA)) / fA);
     var g = Math.round((fG - bG * (1 - fA)) / fA);
     var b = Math.round((fB - bB * (1 - fA)) / fA);
     if (isStableColor(r) && isStableColor(g) && isStableColor(b)) {
-      return new TinyColor({
+      return new FastColor({
         r: r,
         g: g,
         b: b,
@@ -30,7 +30,7 @@ function getAlphaColor(frontColor, backgroundColor) {
   }
   // fallback
   /* istanbul ignore next */
-  return new TinyColor({
+  return new FastColor({
     r: fR,
     g: fG,
     b: fB,

package/lib/Antd5/theme/util/useResetIconStyle.js

@@ -1,9 +1,3 @@
-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); }
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -11,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useStyleRegister } from '@ant-design/cssinjs';
-import { resetIcon } from '../../style';
+import { genIconStyle } from '../../style';
 import useToken from '../useToken';
 var useResetIconStyle = function useResetIconStyle(iconPrefixCls, csp) {
   var _useToken = useToken(),
@@ -31,9 +25,7 @@ var useResetIconStyle = function useResetIconStyle(iconPrefixCls, csp) {
       name: 'antd'
     }
   }, function () {
-    return [_defineProperty({}, ".".concat(iconPrefixCls), _objectSpread(_objectSpread({}, resetIcon()), {}, _defineProperty({}, ".".concat(iconPrefixCls, " .").concat(iconPrefixCls, "-icon"), {
-      display: 'block'
-    })))];
+    return [genIconStyle(iconPrefixCls)];
   });
 };
 export default useResetIconStyle;

package/lib/Antd5/time-picker/index.js

@@ -62,7 +62,7 @@ if (process.env.NODE_ENV !== 'production') {
 }
 // We don't care debug panel
 /* istanbul ignore next */
-var PurePanel = genPurePanel(TimePicker, 'picker');
+var PurePanel = genPurePanel(TimePicker, 'popupAlign', undefined, 'picker');
 TimePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
 TimePicker.RangePicker = RangePicker;
 TimePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;

package/lib/Antd5/timeline/TimelineItemList.js

@@ -78,7 +78,7 @@ var TimelineItemList = function TimelineItemList(_ref) {
     return !!(item !== null && item !== void 0 && item.label);
   });
   var classString = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-pending"), !!pending), "".concat(prefixCls, "-reverse"), !!reverse), "".concat(prefixCls, "-").concat(mode), !!mode && !hasLabelItem), "".concat(prefixCls, "-label"), hasLabelItem), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, hashId);
-  return _jsx("ul", _objectSpread(_objectSpread({}, restProps), {}, {
+  return _jsx("ol", _objectSpread(_objectSpread({}, restProps), {}, {
     className: classString,
     children: itemsList
   }));