@ant-design/pro-components 2.2.1 → 2.3.0

package/dist/components.js

@@ -32483,38 +32483,55 @@ var operationUnit_operationUnit = function operationUnit(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
-var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor) {
-  var cornerHeight = outerRadius * (1 - 1 / Math.sqrt(2));
-  var ax = width - cornerHeight;
-  var ay = 2 * width + cornerHeight;
-  var bx = ax + outerRadius * (1 / Math.sqrt(2));
-  var by = 2 * width;
-  var cx = 2 * width - innerRadius;
-  var cy = 2 * width;
-  var dx = 2 * width;
-  var dy = 2 * width - innerRadius;
-  var fx = 2 * width + cornerHeight;
-  var fy = width - cornerHeight;
-  var ex = 2 * width;
-  var ey = fy + outerRadius * (1 / Math.sqrt(2));
+var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
+  var unitWidth = width / 2;
+  var ax = unitWidth - outerRadius * (Math.sqrt(2) - 1);
+  var ay = unitWidth;
+  var bx = unitWidth + outerRadius * (1 - 1 / Math.sqrt(2));
+  var by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2));
+  var cx = 2 * unitWidth - innerRadius * (1 / Math.sqrt(2));
+  var cy = innerRadius * (1 / Math.sqrt(2));
+  var dx = 4 * unitWidth - cx;
+  var dy = cy;
+  var ex = 4 * unitWidth - bx;
+  var ey = by;
+  var fx = 4 * unitWidth - ax;
+  var fy = ay;
   return {
     borderRadius: {
       _skip_check_: true,
-      value: "0 0 2px"
+      value: "0 0 ".concat(innerRadius, "px")
     },
     pointerEvents: 'none',
+    width: width * 2,
+    height: width * 2,
+    overflow: 'hidden',
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      width: width / Math.sqrt(2),
+      height: width / Math.sqrt(2),
+      bottom: 0,
+      insetInline: 0,
+      margin: 'auto',
+      borderRadius: {
+        _skip_check_: true,
+        value: "0 0 ".concat(innerRadius, "px 0")
+      },
+      transform: 'translateY(50%) rotate(-135deg)',
+      boxShadow: boxShadow,
+      zIndex: 0,
+      background: 'transparent'
+    },
     '&::before': {
       position: 'absolute',
-      top: -width,
-      insetInlineStart: -width,
-      width: width * 3,
-      height: width * 3,
+      bottom: 0,
+      insetInlineStart: 0,
+      width: width * 2,
+      height: width / 2,
       background: bgColor,
-      // Hack firefox: https://github.com/ant-design/ant-design/pull/33710#issuecomment-1015287825
-      backgroundRepeat: 'no-repeat',
-      backgroundPosition: "".concat(Math.ceil(-width + 1), "px ").concat(Math.ceil(-width + 1), "px"),
-      content: '""',
-      clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 1 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 0 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 1 ").concat(fx, " ").concat(fy, " Z')")
+      clipPath: "path('M ".concat(ax, " ").concat(ay, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(bx, " ").concat(by, " L ").concat(cx, " ").concat(cy, " A ").concat(innerRadius, " ").concat(innerRadius, " 0 0 1 ").concat(dx, " ").concat(dy, " L ").concat(ex, " ").concat(ey, " A ").concat(outerRadius, " ").concat(outerRadius, " 0 0 0 ").concat(fx, " ").concat(fy, " Z')"),
+      content: '""'
     }
   };
 };
@@ -32648,7 +32665,7 @@ function withConfigConsumer(config) {
   };
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-experimental.20');
+/* harmony default export */ var version = ('5.0.0-experimental.22');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
@@ -32674,7 +32691,7 @@ var defaultPresetColors = {
 
 var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   // Color
-  colorPrimary: '#1890ff',
+  colorPrimary: '#1677ff',
   colorSuccess: '#52c41a',
   colorWarning: '#faad14',
   colorError: '#ff4d4f',
@@ -32706,7 +32723,7 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   // Size
   sizeUnit: 4,
   sizeBaseStep: 4,
-  sizePopupArrow: 8 * Math.sqrt(2),
+  sizePopupArrow: 16,
   // Control Base
   controlHeight: 32,
   // zIndex
@@ -32881,9 +32898,12 @@ var generateColorPalettes = function generateColorPalettes(baseColor) {
     5: colors[4],
     6: colors[5],
     7: colors[6],
-    8: colors[7],
-    9: colors[8],
-    10: colors[9]
+    8: colors[4],
+    9: colors[5],
+    10: colors[6] // 8: colors[7],
+    // 9: colors[8],
+    // 10: colors[9],
+
   };
 };
 var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseColor, textBaseColor) {
@@ -32896,9 +32916,9 @@ var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseC
     colorTextSecondary: getAlphaColor(colorTextBase, 0.65),
     colorTextTertiary: getAlphaColor(colorTextBase, 0.45),
     colorTextQuaternary: getAlphaColor(colorTextBase, 0.25),
-    colorFill: getAlphaColor(colorTextBase, 0.06),
-    colorFillSecondary: getAlphaColor(colorTextBase, 0.04),
-    colorFillTertiary: getAlphaColor(colorTextBase, 0.03),
+    colorFill: getAlphaColor(colorTextBase, 0.12),
+    colorFillSecondary: getAlphaColor(colorTextBase, 0.06),
+    colorFillTertiary: getAlphaColor(colorTextBase, 0.04),
     colorFillQuaternary: getAlphaColor(colorTextBase, 0.02),
     colorBgLayout: getSolidColor(colorBgBase, 4),
     colorBgContainer: getSolidColor(colorBgBase, 0),
@@ -33043,13 +33063,16 @@ function formatToken(derivativeToken) {
     paddingSM: 12,
     paddingLG: 24,
     paddingXL: 32,
+    paddingTmp: 20,
     marginXXS: 4,
     marginXS: 8,
     marginSM: 12,
     marginLG: 24,
     marginXL: 32,
     marginXXL: 48,
-    boxShadow: "\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
+    marginTmp: 20,
+    boxShadow: "\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ",
+    boxShadowSecondary: "\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    ",
     screenXS: screenXS,
     screenXSMin: screenXS,
     screenXSMax: screenXS - 1,
@@ -33070,13 +33093,11 @@ function formatToken(derivativeToken) {
     screenXXLMax: screenXXL - 1,
     // FIXME: component box-shadow, should be removed
     boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
-    boxShadowPopoverArrowBottom: "2px 2px 5px rgba(0, 0, 0, 0.1)",
-    boxShadowSegmentedSelectedItem: ["0 2px 8px -2px ".concat(new TinyColor('#000').setAlpha(0.05).toRgbString()), "0 1px 4px -1px ".concat(new TinyColor('#000').setAlpha(0.07).toRgbString()), "0 0 1px 0 ".concat(new TinyColor('#000').setAlpha(0.08).toRgbString())].join(','),
     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    "),
-    boxShadowDrawerRight: '6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05),12px 0 48px 16px rgba(0, 0, 0, 0.03)',
-    boxShadowDrawerLeft: '-6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03)',
-    boxShadowDrawerUp: '0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),0 -12px 48px 16px rgba(0, 0, 0, 0.12)',
-    boxShadowDrawerDown: '0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12)',
+    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    ",
+    boxShadowDrawerDown: "\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    ",
     boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
     boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
     boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
@@ -33251,7 +33272,7 @@ function genComponentStyleHook_genComponentStyleHook(component, styleFn, getDefa
       theme: theme,
       token: token,
       hashId: hashId,
-      path: [component, prefixCls]
+      path: [component, prefixCls, iconPrefixCls]
     }, function () {
       var _statisticToken = statisticToken(token),
           proxyToken = _statisticToken.token,
@@ -33358,7 +33379,8 @@ var genBaseStyle = function genBaseStyle(token) {
       colorTextDisabled = token.colorTextDisabled,
       fontSizeIcon = token.fontSizeIcon,
       controlPaddingHorizontal = token.controlPaddingHorizontal,
-      colorBgElevated = token.colorBgElevated;
+      colorBgElevated = token.colorBgElevated,
+      boxShadowPopoverArrow = token.boxShadowPopoverArrow;
   return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
     position: 'absolute',
     top: -9999,
@@ -33394,19 +33416,16 @@ var genBaseStyle = function genBaseStyle(token) {
   }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-arrow"), extends_extends({
     position: 'absolute',
     zIndex: 1,
-    display: 'block',
-    width: sizePopupArrow,
-    height: sizePopupArrow
-  }, roundedArrow(sizePopupArrow, token.radiusXS, token.radiusOuter, colorBgElevated))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > ".concat(componentCls, "-arrow,\n        &-placement-topLeft > ").concat(componentCls, "-arrow,\n        &-placement-topRight > ").concat(componentCls, "-arrow\n      "), {
-    bottom: sizePopupArrow * Math.sqrt(1 / 2) + 2,
-    boxShadow: token.boxShadowPopoverArrow,
-    transform: 'rotate(45deg)'
+    display: 'block'
+  }, roundedArrow(sizePopupArrow, token.radiusXS, token.radiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > ".concat(componentCls, "-arrow,\n        &-placement-topLeft > ").concat(componentCls, "-arrow,\n        &-placement-topRight > ").concat(componentCls, "-arrow\n      "), {
+    bottom: dropdownArrowDistance,
+    transform: 'translateY(100%) rotate(180deg)'
   }), defineProperty_defineProperty(_extends2, "&-placement-top > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: 'translateX(-50%) rotate(45deg)'
+    transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
   }), defineProperty_defineProperty(_extends2, "&-placement-topLeft > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
@@ -33418,16 +33437,14 @@ var genBaseStyle = function genBaseStyle(token) {
       value: dropdownArrowOffset
     }
   }), defineProperty_defineProperty(_extends2, "\n          &-placement-bottom > ".concat(componentCls, "-arrow,\n          &-placement-bottomLeft > ").concat(componentCls, "-arrow,\n          &-placement-bottomRight > ").concat(componentCls, "-arrow\n        "), {
-    top: (sizePopupArrow + 2) * Math.sqrt(1 / 2),
-    boxShadow: token.boxShadowPopoverArrowBottom,
-    transform: "rotate(-135deg) translateY(-0.5px)" // FIXME: hardcode
-
+    top: dropdownArrowDistance,
+    transform: "translateY(-100%)"
   }), defineProperty_defineProperty(_extends2, "&-placement-bottom > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: "translateX(-50%) rotate(-135deg) translateY(-0.5px)"
+    transform: "translateY(-100%) translateX(-50%)"
   }), defineProperty_defineProperty(_extends2, "&-placement-bottomLeft > ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
@@ -33468,7 +33485,7 @@ var genBaseStyle = function genBaseStyle(token) {
     backgroundClip: 'padding-box',
     borderRadius: token.controlRadiusLG,
     outline: 'none',
-    boxShadow: token.boxShadow
+    boxShadow: token.boxShadowSecondary
   }, defineProperty_defineProperty(_menuCls, "".concat(menuCls, "-item-group-title"), {
     padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
     color: token.colorTextDescription,
@@ -38938,12 +38955,15 @@ var genCardStyle = function genCardStyle(token) {
       cardHeadHeight = token.cardHeadHeight,
       cardHeadPadding = token.cardHeadPadding,
       cardPaddingBase = token.cardPaddingBase,
-      colorBorderSecondary = token.colorBorderSecondary;
+      colorBorderSecondary = token.colorBorderSecondary,
+      boxShadow = token.boxShadow;
   return _ref3 = {}, defineProperty_defineProperty(_ref3, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
     position: 'relative',
     background: token.colorBgContainer,
     borderRadius: token.radiusLG
-  }, defineProperty_defineProperty(_extends3, "".concat(componentCls, "-head"), genCardHeadStyle(token)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-extra"), {
+  }, defineProperty_defineProperty(_extends3, "&:not(".concat(componentCls, "-bordered)"), {
+    boxShadow: boxShadow
+  }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-head"), genCardHeadStyle(token)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-extra"), {
     // https://stackoverflow.com/a/22429853/3040605
     marginInlineStart: 'auto',
     padding: '',
@@ -45092,7 +45112,7 @@ var genSingleStyle = function genSingleStyle(token) {
     backgroundColor: token.colorBgElevated,
     borderRadius: token.controlRadiusLG,
     outline: 'none',
-    boxShadow: token.boxShadow
+    boxShadow: token.boxShadowSecondary
   }, defineProperty_defineProperty(_extends2, "\n            &".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-bottomLeft,\n            &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-bottomLeft\n          "), {
     animationName: slideUpIn
   }), defineProperty_defineProperty(_extends2, "\n            &".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topLeft,\n            &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topLeft\n          "), {
@@ -50540,7 +50560,8 @@ var genPickerStyle = function genPickerStyle(token) {
   var _$concat6, _$concat8, _range, _$concat9, _$concat10, _$concat11, _extends3, _rtl2, _extends4;
 
   var componentCls = token.componentCls,
-      antCls = token.antCls;
+      antCls = token.antCls,
+      boxShadowPopoverArrow = token.boxShadowPopoverArrow;
   return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), genPikerPadding(token, token.controlHeight, token.fontSize, token.inputPaddingHorizontal)), (_extends4 = {
     position: 'relative',
     display: 'inline-flex',
@@ -50677,14 +50698,14 @@ var genPickerStyle = function genPickerStyle(token) {
       display: 'none'
     },
     '&&-placement-bottomLeft': defineProperty_defineProperty({}, "".concat(componentCls, "-range-arrow"), {
-      top: "".concat(token.sizePopupArrow / 2 - token.sizePopupArrow / 3 + 0.7, "px"),
+      top: 0,
       display: 'block',
-      transform: 'rotate(-135deg) translateY(1px)'
+      transform: 'translateY(-100%)'
     }),
     '&&-placement-topLeft': defineProperty_defineProperty({}, "".concat(componentCls, "-range-arrow"), {
-      bottom: "".concat(token.sizePopupArrow / 2 - token.sizePopupArrow / 3 + 0.7, "px"),
+      bottom: 0,
       display: 'block',
-      transform: 'rotate(45deg)'
+      transform: 'translateY(100%) rotate(180deg)'
     })
   }, defineProperty_defineProperty(_extends3, "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topLeft,\n          &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active&-placement-topRight,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topLeft,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active&-placement-topRight"), {
     animationName: slideDownIn
@@ -50716,27 +50737,28 @@ var genPickerStyle = function genPickerStyle(token) {
   }), defineProperty_defineProperty(_$concat9, "".concat(componentCls, "-ok"), {
     marginInlineStart: 'auto'
   }), _$concat9)), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-range-wrapper"), {
-    display: 'flex'
+    display: 'flex',
+    position: 'relative'
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-range-arrow"), extends_extends({
     position: 'absolute',
     zIndex: 1,
     display: 'none',
-    width: token.sizePopupArrow,
-    height: token.sizePopupArrow,
     marginInlineStart: token.inputPaddingHorizontal * 1.5,
-    boxShadow: token.boxShadowPopoverArrowBottom,
     transition: "left ".concat(token.motionDurationSlow, " ease-out")
-  }, roundedArrow(token.sizePopupArrow, token.radiusXS, token.radiusOuter, token.colorBgElevated))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-panel-container"), (_$concat11 = {
+  }, roundedArrow(token.sizePopupArrow, token.radiusXS, token.radiusOuter, token.colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-panel-container"), (_$concat11 = {
     overflow: 'hidden',
     verticalAlign: 'top',
     background: token.colorBgElevated,
     borderRadius: token.controlRadiusLG,
-    boxShadow: token.boxShadow,
+    boxShadow: token.boxShadowSecondary,
     transition: "margin ".concat(token.motionDurationSlow)
   }, defineProperty_defineProperty(_$concat11, "".concat(componentCls, "-panels"), {
     display: 'inline-flex',
     flexWrap: 'nowrap',
-    direction: 'ltr'
+    direction: 'ltr',
+    '&:last-child': defineProperty_defineProperty({}, "".concat(componentCls, "-panel"), {
+      borderWidth: 0
+    })
   }), defineProperty_defineProperty(_$concat11, "".concat(componentCls, "-panel"), (_$concat10 = {
     verticalAlign: 'top',
     background: 'transparent',
@@ -51833,8 +51855,9 @@ var genModalStyle = function genModalStyle(token) {
     backgroundClip: 'padding-box',
     border: 0,
     borderRadius: token.radiusLG,
-    boxShadow: token.boxShadow,
-    pointerEvents: 'auto'
+    boxShadow: token.boxShadowSecondary,
+    pointerEvents: 'auto',
+    padding: "".concat(token.paddingTmp, "px ").concat(token.paddingLG, "px")
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-close"), {
     position: 'absolute',
     top: 0,
@@ -51866,22 +51889,18 @@ var genModalStyle = function genModalStyle(token) {
       textDecoration: 'none'
     }
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-header"), {
-    padding: token.modalHeaderPadding,
     color: token.colorText,
     background: token.modalHeaderBg,
-    borderBottom: "".concat(token.modalHeaderBorderWidth, "px ").concat(token.modalHeaderBorderStyle, " ").concat(token.modalHeaderBorderColorSplit),
-    borderRadius: "".concat(token.radiusLG, "px ").concat(token.radiusLG, "px 0 0")
+    borderRadius: "".concat(token.radiusLG, "px ").concat(token.radiusLG, "px 0 0"),
+    marginBottom: token.marginXS
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-body"), {
-    padding: token.modalBodyPadding,
     fontSize: token.fontSizeBase,
     lineHeight: token.lineHeight,
     wordWrap: 'break-word'
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-footer"), defineProperty_defineProperty({
-    padding: "".concat(token.modalFooterPaddingVertical, "px ").concat(token.modalFooterPaddingHorizontal, "px"),
     textAlign: 'end',
     background: token.modalFooterBg,
-    borderTop: "".concat(token.modalFooterBorderWidth, "px ").concat(token.modalFooterBorderStyle, " ").concat(token.modalFooterBorderColorSplit),
-    borderRadius: "0 0 ".concat(token.radiusLG, "px ").concat(token.radiusLG, "px")
+    marginTop: token.marginSM
   }, "".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn:not(").concat(token.antCls, "-dropdown-trigger)"), {
     marginBottom: 0,
     marginInlineStart: token.marginXS
@@ -51905,8 +51924,6 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
     }
   }, defineProperty_defineProperty(_confirmComponentCls, "".concat(token.antCls, "-modal-header"), {
     display: 'none'
-  }), defineProperty_defineProperty(_confirmComponentCls, "".concat(token.antCls, "-modal-body"), {
-    padding: "".concat(token.padding * 2, "px ").concat(token.padding * 2, "px ").concat(token.paddingLG, "px")
   }), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-body-wrapper"), extends_extends({}, clearFix())), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-body"), (_$concat7 = {
     display: 'flex',
     flexWrap: 'wrap',
@@ -51926,15 +51943,15 @@ var genModalConfirmStyle = function genModalConfirmStyle(token) {
     fontSize: token.fontSizeBase
   }), defineProperty_defineProperty(_$concat7, "> ".concat(token.iconCls), defineProperty_defineProperty({
     flex: 'none',
-    marginInlineEnd: token.margin,
+    marginInlineEnd: token.marginSM,
     fontSize: token.modalConfirmIconSize
   }, "+ ".concat(confirmComponentCls, "-title + ").concat(confirmComponentCls, "-content"), {
-    marginInlineStart: token.modalConfirmIconSize + token.margin,
+    marginInlineStart: token.modalConfirmIconSize + token.marginSM,
     marginBlockStart: token.marginXS,
     flexBasis: '100%'
   })), _$concat7)), defineProperty_defineProperty(_confirmComponentCls, "".concat(confirmComponentCls, "-btns"), defineProperty_defineProperty({
     textAlign: 'end',
-    marginTop: token.marginLG
+    marginTop: token.marginSM
   }, "".concat(token.antCls, "-btn + ").concat(token.antCls, "-btn"), {
     marginBottom: 0,
     marginInlineStart: token.marginXS
@@ -52316,36 +52333,35 @@ function connectArrowCls(classList) {
   }).join(',');
 }
 
-function getArrowStyle(token, colorBg, showArrowCls) {
+function getArrowStyle(token, colorBg, showArrowCls, arrowMargin) {
   var _componentCls;
 
   var componentCls = token.componentCls,
       sizePopupArrow = token.sizePopupArrow,
       marginXXS = token.marginXXS,
       radiusXS = token.radiusXS,
-      radiusOuter = token.radiusOuter;
-  var dropdownArrowOffset = sizePopupArrow / Math.sqrt(2) * 2;
+      radiusOuter = token.radiusOuter,
+      boxShadowPopoverArrow = token.boxShadowPopoverArrow,
+      marginXS = token.marginXS;
+  var dropdownArrowOffset = arrowMargin !== null && arrowMargin !== void 0 ? arrowMargin : marginXS;
   var dropdownArrowDistance = sizePopupArrow + marginXXS;
   return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
     position: 'absolute',
     zIndex: 1,
-    display: 'block',
-    width: sizePopupArrow,
-    height: sizePopupArrow
-  }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg)), {
+    display: 'block'
+  }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg, boxShadowPopoverArrow)), {
     '&:before': {
       background: colorBg
     }
   })]), defineProperty_defineProperty(_componentCls, ["&-placement-top ".concat(componentCls, "-arrow"), "&-placement-topLeft ".concat(componentCls, "-arrow"), "&-placement-topRight ".concat(componentCls, "-arrow")].join(','), {
     bottom: 0,
-    boxShadow: token.boxShadowPopoverArrow,
-    transform: 'translateY(50%) rotate(45deg)'
+    transform: 'translateY(100%) rotate(180deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-top ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: 'translateX(-50%) translateY(50%) rotate(45deg)'
+    transform: 'translateX(-50%) translateY(100%) rotate(180deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-topLeft ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
@@ -52358,14 +52374,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
     }
   }), defineProperty_defineProperty(_componentCls, ["&-placement-bottom ".concat(componentCls, "-arrow"), "&-placement-bottomLeft ".concat(componentCls, "-arrow"), "&-placement-bottomRight ".concat(componentCls, "-arrow")].join(','), {
     top: 0,
-    boxShadow: token.boxShadowPopoverArrowBottom,
-    transform: "translateY(-50%) rotate(-135deg)"
+    transform: "translateY(-100%)"
   }), defineProperty_defineProperty(_componentCls, "&-placement-bottom ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: "translateX(-50%) translateY(-50%) rotate(-135deg)"
+    transform: "translateX(-50%) translateY(-100%)"
   }), defineProperty_defineProperty(_componentCls, "&-placement-bottomLeft ".concat(componentCls, "-arrow"), {
     left: {
       _skip_check_: true,
@@ -52381,14 +52396,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
       _skip_check_: true,
       value: 0
     },
-    boxShadow: token.boxShadowPopoverArrow,
-    transform: 'translateX(50%) rotate(-45deg)'
+    transform: 'translateX(100%) rotate(90deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-left ".concat(componentCls, "-arrow"), {
     top: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: 'translateY(-50%) translateX(50%) rotate(-45deg)'
+    transform: 'translateY(-50%) translateX(100%) rotate(90deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-leftTop ".concat(componentCls, "-arrow"), {
     top: dropdownArrowOffset
   }), defineProperty_defineProperty(_componentCls, "&-placement-leftBottom ".concat(componentCls, "-arrow"), {
@@ -52398,14 +52412,13 @@ function getArrowStyle(token, colorBg, showArrowCls) {
       _skip_check_: true,
       value: 0
     },
-    boxShadow: token.boxShadowPopoverArrow,
-    transform: 'translateX(-50%) rotate(135deg)'
+    transform: 'translateX(-100%) rotate(-90deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-right ".concat(componentCls, "-arrow"), {
     top: {
       _skip_check_: true,
       value: '50%'
     },
-    transform: 'translateY(-50%) translateX(-50%) rotate(135deg)'
+    transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)'
   }), defineProperty_defineProperty(_componentCls, "&-placement-rightTop ".concat(componentCls, "-arrow"), {
     top: dropdownArrowOffset
   }), defineProperty_defineProperty(_componentCls, "&-placement-rightBottom ".concat(componentCls, "-arrow"), {
@@ -52441,18 +52454,13 @@ var popover_style_genBaseStyle = function genBaseStyle(token) {
       popoverBg = token.popoverBg,
       popoverColor = token.popoverColor,
       width = token.width,
-      popoverPaddingHorizontal = token.popoverPaddingHorizontal,
-      popoverTitlePaddingBlockTop = token.popoverTitlePaddingBlockTop,
-      popoverTitlePaddingBlockBottom = token.popoverTitlePaddingBlockBottom,
-      lineWidth = token.lineWidth,
-      lineType = token.lineType,
       fontWeightStrong = token.fontWeightStrong,
-      boxShadow = token.boxShadow,
-      colorSplit = token.colorSplit,
+      popoverPadding = token.popoverPadding,
+      boxShadowSecondary = token.boxShadowSecondary,
       colorTextHeading = token.colorTextHeading,
       borderRadius = token.radiusLG,
-      paddingSM = token.paddingSM,
-      zIndexPopup = token.zIndexPopup;
+      zIndexPopup = token.zIndexPopup,
+      marginXS = token.marginXS;
   return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
     position: 'absolute',
     top: 0,
@@ -52475,16 +52483,14 @@ var popover_style_genBaseStyle = function genBaseStyle(token) {
     backgroundColor: popoverBg,
     backgroundClip: 'padding-box',
     borderRadius: borderRadius,
-    boxShadow: boxShadow
+    boxShadow: boxShadowSecondary,
+    padding: popoverPadding
   }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-title"), {
     minWidth: width,
-    margin: 0,
-    padding: "".concat(popoverTitlePaddingBlockTop, "px ").concat(popoverPaddingHorizontal, "px ").concat(popoverTitlePaddingBlockBottom, "px"),
+    marginBottom: marginXS,
     color: colorTextHeading,
-    fontWeight: fontWeightStrong,
-    borderBottom: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorSplit)
+    fontWeight: fontWeightStrong
   }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-inner-content"), {
-    padding: "".concat(paddingSM, "px ").concat(popoverPaddingHorizontal, "px"),
     color: popoverColor
   }), _extends2))), // Arrow Style
   getArrowStyle(token, token.colorBgElevated), // Pure Render
@@ -52514,18 +52520,13 @@ var genColorStyle = function genColorStyle(token) {
 };
 
 /* harmony default export */ var popover_style = (genComponentStyleHook_genComponentStyleHook('Popover', function (token) {
-  var controlHeight = token.controlHeight,
-      fontSize = token.fontSize,
-      lineHeight = token.lineHeight,
-      lineWidth = token.lineWidth,
-      colorBgElevated = token.colorBgElevated;
-  var titlePaddingBlockDist = controlHeight - Math.round(fontSize * lineHeight);
+  var colorBgElevated = token.colorBgElevated,
+      colorText = token.colorText,
+      paddingSM = token.paddingSM;
   var popoverToken = merge(token, {
     popoverBg: colorBgElevated,
-    popoverColor: token.colorText,
-    popoverTitlePaddingBlockTop: titlePaddingBlockDist / 2,
-    popoverTitlePaddingBlockBottom: titlePaddingBlockDist / 2 - lineWidth,
-    popoverPaddingHorizontal: token.padding
+    popoverColor: colorText,
+    popoverPadding: paddingSM
   });
   return [popover_style_genBaseStyle(popoverToken), genColorStyle(popoverToken), initZoomMotion(popoverToken, 'zoom-big')];
 }, function (_ref5) {
@@ -64831,7 +64832,7 @@ var genDrawerStyle = function genDrawerStyle(token) {
       _skip_check_: true,
       value: 0
     },
-    boxShadow: token.boxShadowDrawerRight
+    boxShadow: token.boxShadowDrawerLeft
   }), defineProperty_defineProperty(_componentCls, "&-right > ".concat(wrapperCls), {
     top: 0,
     right: {
@@ -64839,15 +64840,15 @@ var genDrawerStyle = function genDrawerStyle(token) {
       value: 0
     },
     bottom: 0,
-    boxShadow: token.boxShadowDrawerLeft
+    boxShadow: token.boxShadowDrawerRight
   }), defineProperty_defineProperty(_componentCls, "&-top > ".concat(wrapperCls), {
     top: 0,
     insetInline: 0,
-    boxShadow: token.boxShadowDrawerDown
+    boxShadow: token.boxShadowDrawerUp
   }), defineProperty_defineProperty(_componentCls, "&-bottom > ".concat(wrapperCls), {
     bottom: 0,
     insetInline: 0,
-    boxShadow: token.boxShadowDrawerUp
+    boxShadow: token.boxShadowDrawerDown
   }), defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-content"), {
     width: '100%',
     height: '100%',
@@ -69871,11 +69872,11 @@ var getVerticalStyle = function getVerticalStyle(token) {
       fontSizeLG = token.fontSizeLG,
       motionDurationSlow = token.motionDurationSlow,
       paddingXS = token.paddingXS,
-      boxShadow = token.boxShadow;
+      boxShadowSecondary = token.boxShadowSecondary;
   return [(_ref2 = {}, defineProperty_defineProperty(_ref2, componentCls, defineProperty_defineProperty({}, "&-inline, &-vertical", extends_extends(defineProperty_defineProperty({}, "&".concat(componentCls, "-root"), {
     boxShadow: 'none'
   }), getVerticalInlineStyle(token)))), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-submenu-popup"), defineProperty_defineProperty({}, "".concat(componentCls, "-vertical"), extends_extends(extends_extends({}, getVerticalInlineStyle(token)), {
-    boxShadow: boxShadow
+    boxShadow: boxShadowSecondary
   }))), _ref2), // Vertical only
   defineProperty_defineProperty({}, "".concat(componentCls, "-submenu-popup ").concat(componentCls, "-vertical").concat(componentCls, "-sub"), {
     minWidth: dropdownWidth,
@@ -70240,7 +70241,7 @@ var genMessageStyle = function genMessageStyle(token) {
 
   var componentCls = token.componentCls,
       iconCls = token.iconCls,
-      boxShadow = token.boxShadow,
+      boxShadowSecondary = token.boxShadowSecondary,
       colorBgElevated = token.colorBgElevated,
       colorSuccess = token.colorSuccess,
       colorError = token.colorError,
@@ -70320,7 +70321,7 @@ var genMessageStyle = function genMessageStyle(token) {
     padding: messageNoticeContentPadding,
     background: colorBgElevated,
     borderRadius: radiusLG,
-    boxShadow: boxShadow,
+    boxShadow: boxShadowSecondary,
     pointerEvents: 'all'
   }), defineProperty_defineProperty(_$concat, "".concat(componentCls, "-success ").concat(iconCls), {
     color: colorSuccess
@@ -70341,7 +70342,7 @@ var genMessageStyle = function genMessageStyle(token) {
 /* harmony default export */ var message_style = (genComponentStyleHook_genComponentStyleHook('Message', function (token) {
   // Gen-style functions here
   var combinedToken = merge(token, {
-    messageNoticeContentPadding: "".concat((token.controlHeightLG - token.fontSize * token.lineHeight) / 2, "px ").concat(token.padding, "px")
+    messageNoticeContentPadding: "".concat((token.controlHeightLG - token.fontSize * token.lineHeight) / 2, "px ").concat(token.paddingSM, "px")
   });
   return [genMessageStyle(combinedToken)];
 }, function (token) {
@@ -70367,7 +70368,6 @@ var generatorTooltipPresetColor = function generatorTooltipPresetColor(token) {
     previousValue["&".concat(componentCls, "-").concat(currentValue)] = (_previousValue$$conc = {}, defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-inner"), {
       backgroundColor: lightColor
     }), defineProperty_defineProperty(_previousValue$$conc, "".concat(componentCls, "-arrow"), {
-      background: lightColor,
       '--antd-arrow-background-color': lightColor
     }), _previousValue$$conc);
     return previousValue;
@@ -70384,7 +70384,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
       tooltipBorderRadius = token.tooltipBorderRadius,
       zIndexPopup = token.zIndexPopup,
       controlHeight = token.controlHeight,
-      boxShadow = token.boxShadow,
+      boxShadowSecondary = token.boxShadowSecondary,
       paddingSM = token.paddingSM,
       paddingXS = token.paddingXS;
   return [defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends(extends_extends({}, style_resetComponent(token)), (_extends2 = {
@@ -70412,7 +70412,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
     wordWrap: 'break-word',
     backgroundColor: tooltipBg,
     borderRadius: tooltipBorderRadius,
-    boxShadow: boxShadow
+    boxShadow: boxShadowSecondary
   }), defineProperty_defineProperty(_extends2, "".concat(componentCls, "-content"), {
     position: 'relative'
   }), _extends2)), generatorTooltipPresetColor(token)), {
@@ -70423,7 +70423,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
   })), // Arrow Style
   getArrowStyle(merge(token, {
     radiusOuter: 5
-  }), 'var(--antd-arrow-background-color)', ''), // Pure Render
+  }), 'var(--antd-arrow-background-color)', '', 0), // Pure Render
   defineProperty_defineProperty({}, "".concat(componentCls, "-pure"), {
     position: 'relative',
     maxWidth: 'none'
@@ -98303,7 +98303,7 @@ function cssVariables_getStyle(globalPrefixCls, theme) {
     variables["".concat(type, "-color")] = formatColor(baseColor);
     variables["".concat(type, "-color-disabled")] = colorPalettes[1];
     variables["".concat(type, "-color-hover")] = colorPalettes[4];
-    variables["".concat(type, "-color-active")] = colorPalettes[7];
+    variables["".concat(type, "-color-active")] = colorPalettes[6];
     variables["".concat(type, "-color-outline")] = baseColor.clone().setAlpha(0.2).toRgbString();
     variables["".concat(type, "-color-deprecated-bg")] = colorPalettes[1];
     variables["".concat(type, "-color-deprecated-border")] = colorPalettes[3];
@@ -98544,6 +98544,7 @@ var ProviderChildren = function ProviderChildren(props) {
     virtual: virtual,
     dropdownMatchSelectWidth: dropdownMatchSelectWidth,
     getPrefixCls: getPrefixCls,
+    iconPrefixCls: iconPrefixCls !== null && iconPrefixCls !== void 0 ? iconPrefixCls : context_defaultIconPrefixCls,
     theme: mergedTheme
   }); // Pass the props used by `useContext` directly with child component.
   // These props should merged into `config`.
@@ -99640,8 +99641,10 @@ var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
     backgroundColor: token.colorPrimary,
     boxShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlOutline)
   }), genHoverActiveButtonStyle({
+    color: token.colorTextLightSolid,
     backgroundColor: token.colorPrimaryHover
   }, {
+    color: token.colorTextLightSolid,
     backgroundColor: token.colorPrimaryActive
   })), genGhostButtonStyle(token.componentCls, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends(extends_extends({
     backgroundColor: token.colorError,
@@ -99680,12 +99683,18 @@ var genLinkButtonStyle = function genLinkButtonStyle(token) {
 
 var genTextButtonStyle = function genTextButtonStyle(token) {
   return extends_extends(extends_extends(extends_extends({}, genHoverActiveButtonStyle({
+    color: token.colorText,
     backgroundColor: token.colorBgTextHover
   }, {
+    color: token.colorText,
     backgroundColor: token.colorBgTextActive
-  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends({
+  })), genPureDisabledButtonStyle(token)), defineProperty_defineProperty({}, "&".concat(token.componentCls, "-dangerous"), extends_extends(extends_extends({
+    color: token.colorError
+  }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle({
     color: token.colorError
-  }, genPureDisabledButtonStyle(token))));
+  }, {
+    color: token.colorError
+  }))));
 };
 
 var genTypeButtonStyle = function genTypeButtonStyle(token) {
@@ -105956,17 +105965,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.0-experimental.22",
-  "@ant-design/pro-components": "2.2.0",
-  "@ant-design/pro-descriptions": "2.0.0-experimental.23",
-  "@ant-design/pro-field": "2.0.0-experimental.22",
-  "@ant-design/pro-form": "2.0.0-experimental.23",
-  "@ant-design/pro-layout": "7.0.0-experimental.34",
-  "@ant-design/pro-list": "2.0.0-experimental.24",
+  "@ant-design/pro-card": "2.0.0-experimental.23",
+  "@ant-design/pro-components": "2.2.1",
+  "@ant-design/pro-descriptions": "2.0.0-experimental.24",
+  "@ant-design/pro-field": "2.0.0-experimental.23",
+  "@ant-design/pro-form": "2.0.0-experimental.24",
+  "@ant-design/pro-layout": "7.0.0-experimental.35",
+  "@ant-design/pro-list": "2.0.0-experimental.25",
   "@ant-design/pro-provider": "2.0.0-experimental.14",
   "@ant-design/pro-skeleton": "2.0.0-experimental.9",
-  "@ant-design/pro-table": "3.0.0-experimental.24",
-  "@ant-design/pro-utils": "2.0.0-experimental.21"
+  "@ant-design/pro-table": "3.0.0-experimental.25",
+  "@ant-design/pro-utils": "2.0.0-experimental.22"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx