@sheinx/shineout-style 3.9.13-beta.9 → 3.9.14-beta.10

package/cjs/select/select.js

@@ -286,7 +286,7 @@ var selectStyle = _objectSpread(_objectSpread({
   pickerWrapper: {
     position: 'absolute',
     overflow: 'hidden',
-    backgroundColor: _theme.default.selectPanelBackgroundColor,
+    backgroundColor: _theme.default.backgroundPopup,
     boxShadow: _theme.default.selectPanelShadow,
     borderRadius: _theme.default.selectPanelRadius,
     transformOrigin: '0 0',
@@ -304,19 +304,18 @@ var selectStyle = _objectSpread(_objectSpread({
       fontSize: _theme.default.selectSmallFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) ").concat(_theme.default.selectGroupTitlePaddingX, " 0 ").concat(_theme.default.selectGroupTitlePaddingX)
+      padding: "calc(".concat(_theme.default.selectFontSize, " - 10px) calc(").concat(_theme.default.selectSmallOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") 0")
     }
   },
   pickerLarge: {
     '& $optionInner': {
-      // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
       paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
       paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
       paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
       fontSize: _theme.default.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom, " calc(").concat(_theme.default.selectOptionPaddingX, " + ").concat(_theme.default.selectLargeOptionInnerPaddingX, ")")
+      padding: "".concat(_theme.default.selectFontSize, " calc(").concat(_theme.default.selectLargeOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitleLargeBottom)
     }
   },
   iconWrapper: {
@@ -335,7 +334,7 @@ var selectStyle = _objectSpread(_objectSpread({
     color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: _theme.default.selectIconColor
+      color: _theme.default.inputHoverClearColor
     },
     '$wrapperSmall &': {
       width: _theme.default.inputSmallFontSize
@@ -403,7 +402,15 @@ var selectStyle = _objectSpread(_objectSpread({
     position: 'absolute',
     display: 'inline-flex',
     width: _theme.default.selectFontSize,
-    fontSize: _theme.default.selectFontSize
+    fontSize: _theme.default.selectFontSize,
+    '$pickerSmall &': {
+      width: _theme.default.selectSmallFontSize,
+      fontSize: _theme.default.selectSmallFontSize
+    },
+    '$pickerLarge &': {
+      width: _theme.default.selectLargeFontSize,
+      fontSize: _theme.default.selectLargeFontSize
+    }
   },
   moreIcon: {},
   hideTag: {},
@@ -494,13 +501,13 @@ var selectStyle = _objectSpread(_objectSpread({
     // not disabled
     '&:not($optionDisabled)': {
       cursor: 'pointer'
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
-    // hover
-    // '&:hover': {
-    //   '& $optionInner': {
-    //     backgroundColor: token.selectOptionHoverBackgroundColor,
-    //   },
-    // },
   },
   optionInner: {
     position: 'relative',
@@ -546,7 +553,7 @@ var selectStyle = _objectSpread(_objectSpread({
   optionGroupTitle: {
     fontSize: "var(--group-font-size, ".concat(_theme.default.selectGroupTitleFontSize, ")"),
     lineHeight: _theme.default.lineHeightDynamic,
-    padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
+    padding: "calc(".concat(_theme.default.selectFontSize, " - 2px) calc(").concat(_theme.default.selectOptionInnerPaddingX, " + ").concat(_theme.default.selectOptionPaddingX, ") ").concat(_theme.default.selectGroupTitlePaddingBottom),
     color: _theme.default.selectGroupTitleFontColor,
     fontWeight: _theme.default.selectGroupTitleFontWeight
   },
@@ -559,7 +566,7 @@ var selectStyle = _objectSpread(_objectSpread({
     '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: _theme.default.selectColumnPadding,
+      marginLeft: _theme.default.selectOptionInnerPaddingX,
       width: 'auto'
     },
     '$pickerSmall &': {
@@ -588,7 +595,7 @@ var selectStyle = _objectSpread(_objectSpread({
     padding: "0 ".concat(_theme.default.selectOptionPaddingX),
     '& $optionGroupTitle': {
       padding: 0,
-      marginLeft: _theme.default.selectColumnPadding
+      marginLeft: _theme.default.selectOptionInnerPaddingX
     },
     '$pickerSmall &': {
       '& $optionGroupTitle': {
@@ -623,8 +630,8 @@ var selectStyle = _objectSpread(_objectSpread({
   columnsRadio: {
     width: '100%',
     height: '100%',
-    paddingLeft: _theme.default.selectColumnPadding,
-    paddingRight: _theme.default.selectColumnPadding,
+    paddingLeft: _theme.default.selectOptionInnerPaddingX,
+    paddingRight: _theme.default.selectOptionInnerPaddingX,
     marginLeft: _theme.default.selectColumnOptionMargin,
     '& :last-child': {
       flex: 1,
@@ -636,8 +643,8 @@ var selectStyle = _objectSpread(_objectSpread({
   columnsCheckbox: {
     width: '100%',
     height: '100%',
-    paddingLeft: _theme.default.selectColumnPadding,
-    paddingRight: _theme.default.selectColumnPadding,
+    paddingLeft: _theme.default.selectOptionInnerPaddingX,
+    paddingRight: _theme.default.selectOptionInnerPaddingX,
     marginLeft: 0,
     '$pickerSmall &': {
       paddingLeft: _theme.default.selectSmallColumnPadding,

package/cjs/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6L9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAaxC,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CAgM9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/switch/switch.js

@@ -41,6 +41,7 @@ var switchStyle = _objectSpread(_objectSpread({
     color: _theme.default.switchFontColor,
     verticalAlign: 'middle',
     outline: 'none',
+    lineHeight: _theme.default.switchCircleSize,
     '$wrapperDisabled&': {
       backgroundColor: _theme.default.switchDisabledBackgroundColor,
       color: _theme.default.switchDisabledFontColor
@@ -59,6 +60,7 @@ var switchStyle = _objectSpread(_objectSpread({
     minWidth: _theme.default.switchSmallWidth,
     borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
     fontSize: _theme.default.switchSmallFontSize,
+    lineHeight: _theme.default.switchSmallCircleSize,
     '[data-soui-role="form-control"] > &': {
       marginTop: 8
     }
@@ -67,7 +69,8 @@ var switchStyle = _objectSpread(_objectSpread({
     padding: "".concat(_theme.default.switchLargePaddingY, " ").concat(_theme.default.switchLargePaddingX),
     minWidth: _theme.default.switchLargeWidth,
     borderRadius: "calc( ".concat(_theme.default.switchLargeCircleSize, " / 2 + ").concat(_theme.default.switchLargePaddingY, " )"),
-    fontSize: _theme.default.switchLargeFontSize
+    fontSize: _theme.default.switchLargeFontSize,
+    lineHeight: _theme.default.switchLargeCircleSize
   }),
   wrapperChecked: {},
   textPadding: {

package/cjs/tabs/tabs.js

@@ -462,7 +462,7 @@ var tabsStyle = {
       border: '1px solid transparent'
     },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
-      background: '#FFFFFF',
+      background: _theme.default.tabsCardCheckedBackgroundColor,
       alignSelf: 'stretch',
       display: 'flex',
       alignItems: 'center',

package/cjs/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAiN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAuN1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/transfer/transfer.js

@@ -192,6 +192,12 @@ var TransferStyle = {
       '& $itemWrapper': {
         background: _theme.default.transferItemHoverBackgroundColor
       }
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   disabled: {

package/cjs/tree-select/tree-select.js

@@ -285,7 +285,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: _theme.default.treeSelectPanelBackgroundColor,
+    backgroundColor: _theme.default.backgroundPopup,
     boxShadow: _theme.default.treeSelectPanelShadow,
     border: "1px solid ".concat(_theme.default.treeSelectPanelBorder),
     borderRadius: _theme.default.treeSelectPanelRadius,

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.13-beta.9";
+declare const _default: "3.9.14-beta.10";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAgC"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.9.13-beta.9';
+var _default = exports.default = '3.9.14-beta.10';

package/esm/badge/badge.js

@@ -16,7 +16,7 @@ var badgeStyle = {
       insetInlineEnd: 0,
       transform: 'translate(50%, -50%)',
       transformOrigin: '100% 0',
-      boxShadow: "0 0 0 1px #fff"
+      boxShadow: "0 0 0 1px ".concat(token.badgeBadgeShadowColor)
     }
   },
   standalone: {

package/esm/breadcrumb/breadcrumb.js

@@ -81,8 +81,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: token.breadcrumbDownIconSize,
-    height: token.breadcrumbDownIconSize,
+    width: token.breadcrumbFontSize,
+    height: token.breadcrumbFontSize,
     lineHeight: '1',
     marginLeft: 4
   },
@@ -91,7 +91,7 @@ var breadcrumbStyle = {
   },
   dropdown: {
     borderRadius: token.dropdownListBorderRadius,
-    backgroundColor: token.dropdownListBackgroundColor,
+    backgroundColor: token.backgroundPopup,
     boxShadow: token.dropdownListBoxShadow,
     border: "1px solid ".concat(token.dropdownListBorderColor),
     // padding: `${token.breadcrumbListPaddingY} 0`,

package/esm/button/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA6KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CAgKxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA+KlD,QAAA,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,kBAAkB,CAkKxD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/button/button-group.js

@@ -10,16 +10,19 @@ import Token from '@sheinx/theme';
 var bc = function bc(key) {
   return ".".concat(prefix, "-button-").concat(key);
 };
+var heightAndTop = {
+  height: "var(--button-before-line-height, calc(50% - 2px))",
+  top: "var(--button-before-line-top, calc(25% + 1px))"
+};
 var beforeLine = function beforeLine() {
   return _defineProperty(_defineProperty({
-    '&::before': {
+    '&::before': _objectSpread(_objectSpread({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: Token.buttonSplitlineFullBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -65,14 +68,13 @@ var beforeLine = function beforeLine() {
 };
 var outlineBeforeLine = function outlineBeforeLine(type, styles) {
   return _defineProperty({
-    '&::before': {
+    '&::before': _objectSpread(_objectSpread({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: Token["button".concat(type).concat(styles, "BorderColor")]
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -106,14 +108,13 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
       }
     }))
   }, "&".concat(bc('primary'), ",&").concat(bc('success'), ",&").concat(bc('warning'), ",&").concat(bc('danger'), ",").concat(bc('secondary')), {
-    '&::before': {
-      height: 'calc(100% + 2px)',
-      top: -1,
+    '&::before': _objectSpread(_objectSpread({}, heightAndTop), {}, {
+      top: "var(--button-before-line-top, calc(25% + 1px))",
       left: -1,
       width: 1,
       bottom: -1,
       background: "".concat(Token["button".concat(type).concat(styles, "BorderColor")])
-    },
+    }),
     '& + :not(&)': {
       '&::before': {
         height: 'calc(100% + 2px)',
@@ -138,15 +139,14 @@ var outlineBeforeLine = function outlineBeforeLine(type, styles) {
 };
 var textBeforeLine = function textBeforeLine() {
   return _defineProperty({
-    '&::before': {
+    '&::before': _objectSpread(_objectSpread({
       transition: 'all 0.3s',
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: Token.buttonSplitlineOutlineBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -193,32 +193,34 @@ var ButtonGroupStyle = {
     '&[dir=ltr]': {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0,
-      borderLeft: 'none'
+      borderLeft: 'none',
+      borderInlineStartStyle: 'none'
     },
     '&[dir=rtl]': {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0,
-      borderLeft: 'none'
+      borderLeft: 'none',
+      borderInlineEndStyle: 'none'
     }
   }), "& > :not(:first-child):not(:last-child)".concat(bc('button'), ",& > :not(:first-child):not(:last-child) ").concat(bc('button')), {
     borderRadius: 0,
     borderLeft: 'none',
-    borderRight: 'none'
-  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
+    borderRight: 'none',
+    borderInlineStyle: 'none'
+  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('dashed'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     '&::before': {
-      transition: 'all 0.3s'
+      // transition: 'all 0.3s',
     }
   }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, beforeLine()), {}, _defineProperty({
-    '&::before': {
+    '&::before': _objectSpread(_objectSpread({
       position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
+      content: '" "'
+    }, heightAndTop), {}, {
       width: 1,
       background: Token.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -242,26 +244,10 @@ var ButtonGroupStyle = {
     '&::before': {
       transition: 'all 0.3s'
     }
-  }, "&".concat(bc('secondary')), _objectSpread(_objectSpread({}, outlineBeforeLine('Secondary', 'Outline')), {}, {
-    '&::before': {
-      position: 'absolute',
-      content: '" "',
-      height: 'calc(50% - 2px)',
-      top: 'calc(25% + 1px)',
-      width: 1,
-      background: Token.buttonSplitlineOutlineBackgroundColor // Neutral-border-1
-    },
-    '&[dir=ltr]::before': {
-      left: -1
-    },
-    '&[dir=rtl]::before': {
-      right: -1
-    }
-  })), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
+  }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline')))), "& ".concat(bc('text')), _objectSpread({
     position: 'relative'
-  }, textBeforeLine())), "&".concat(bc('dashed')), {
-    position: 'relative',
-    borderStyle: 'none'
-  })
+  }, textBeforeLine())), "& ".concat(bc('dashed')), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative'
+  }, "&".concat(bc('secondary')), _objectSpread({}, outlineBeforeLine('Secondary', 'Outline'))), "&".concat(bc('primary')), _objectSpread({}, outlineBeforeLine('Primary', 'Outline'))), "&".concat(bc('success')), _objectSpread({}, outlineBeforeLine('Success', 'Outline'))), "&".concat(bc('warning')), _objectSpread({}, outlineBeforeLine('Warning', 'Outline'))), "&".concat(bc('danger')), _objectSpread({}, outlineBeforeLine('Danger', 'Outline'))))
 };
 export default ButtonGroupStyle;

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA6hB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAwDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAiiB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -311,7 +311,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: token.cascaderPanelBackgroundColor,
+    backgroundColor: token.backgroundPopup,
     boxShadow: token.cascaderPanelShadow,
     border: "1px solid ".concat(token.cascaderPanelBorder),
     borderRadius: token.cascaderPanelRadius,
@@ -480,16 +480,28 @@ var cascaderStyle = _objectSpread(_objectSpread({
       '&:hover': {
         '& $optionInner': {
           color: token.cascaderOptionHoverFontColor,
-          backgroundColor: token.cascaderOptionHoverBackgroundColor
+          backgroundColor: token.cascaderOptionHoverBackgroundColor,
+          '& $optionIcon': {
+            color: token.cascaderOptionHoverIconColor
+          }
         }
       },
       '&:hover $optionInner:active, & $optionInner:active': {
-        color: token.cascaderOptionHoverFontColor,
-        backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor)
+        color: token.cascaderOptionFocusFontColor,
+        backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor),
+        '& $optionIcon': {
+          color: token.cascaderOptionFocusIconColor
+        }
       }
     },
     '& $optionCheckbox': {
       marginRight: 8
+    },
+    '&:first-child': {
+      paddingTop: 0
+    },
+    '&:last-child': {
+      paddingBottom: 0
     }
   },
   filterOption: {
@@ -564,18 +576,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     paddingTop: 2
   },
   optionHover: {},
-  optionActive: {
-    color: token.cascaderOptionActiveColor,
-    backgroundColor: token.cascaderOptionActiveBackgroundColor,
-    '&>div': {
-      color: token.cascaderOptionActiveColor
-    }
-  },
   optionDisabled: {
     cursor: 'not-allowed',
     color: token.cascaderOptionDisabledColor,
-    backgroundColor: token.cascaderOptionDisabledBackgroundColor,
-    '&>div': {
+    '& > $optionInner': {
       cursor: 'not-allowed',
       color: token.cascaderOptionDisabledColor,
       backgroundColor: token.cascaderOptionDisabledBackgroundColor

package/esm/checkbox/checkbox.js

@@ -38,17 +38,17 @@ var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: token.checkboxLabelFontSize,
-    height: token.checkboxLabelFontSize,
+    width: token.checkboxIconSize,
+    height: token.checkboxIconSize,
     // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
-      width: token.checkboxSmallLabelFontSize,
-      height: token.checkboxSmallLabelFontSize
+      width: token.checkboxSmallIconSize,
+      height: token.checkboxSmallIconSize
     },
     '$wrapperLarge &': {
-      width: token.checkboxLargeLabelFontSize,
-      height: token.checkboxLargeLabelFontSize
+      width: token.checkboxLargeIconSize,
+      height: token.checkboxLargeIconSize
     },
     verticalAlign: 'middle',
     '&::before': {

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAqqBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAgE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAgrBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/date-picker/date-picker.js

@@ -151,6 +151,12 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       width: '100%',
       '&::placeholder': {
         color: token.inputPlaceholderColor
+      },
+      '$wrapperDisabled &': {
+        color: token.inputDisabledFontColor,
+        '&::placeholder': {
+          color: token.inputDisabledPlaceholderColor
+        }
       }
     }
   },
@@ -217,15 +223,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   },
   clear: {
     display: 'none',
-    color: token.datePickerClearColor,
-    '&: hover': {
-      color: token.datePickerHoverClearColor
-    },
-    cursor: 'pointer'
+    color: token.inputClearColor,
+    cursor: 'pointer',
+    '&:hover': {
+      color: token.inputHoverClearColor
+    }
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: token.datePickerPanelBackgroundColor,
+    backgroundColor: token.backgroundPopup,
     boxShadow: token.datePickerPanelShadow,
     borderRadius: token.datePickerPanelRadius,
     border: "1px solid ".concat(token.datePickerPanelBorder),
@@ -460,7 +466,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerCell: {
     color: token.datePickerCellColor,
     '&$pickerCellBound': {
-      color: token.datePickerCellOtherColor
+      color: token.datePickerCellDisabledColor
     },
     '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
       '& $pickerCellContent > span': {
@@ -639,14 +645,18 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     flex: '1',
     position: 'relative',
     borderRadius: token.datePickerTimeItemBorderRadius,
+    color: token.datePickerCellColor,
+    fontWeight: token.datePickerPanelFontWeight,
+    fontSize: token.datePickerPanelBodyFontSize,
     '&:not($timeItemDisabled):hover': {
-      backgroundColor: token.datePickerTimeItemHoverBackgroundColor
+      color: token.datePickerCellHoverColor,
+      backgroundColor: token.datePickerCellHoverBackgroundColor
     },
     '$timeItemDisabled&': {
       color: token.datePickerTimeItemDisabledColor,
       cursor: 'not-allowed'
     },
-    '$timeItemActive&': {
+    '$timeItemActive&, $timeItemActive&:hover': {
       color: token.datePickerTimeItemActiveColor,
       backgroundColor: token.datePickerTimeItemActiveBackgroundColor
     }
@@ -679,6 +689,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     lineHeight: token.lineHeightDynamic,
     '& > span': {
+      color: token.datePickerCellColor,
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
@@ -698,7 +709,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       },
       transformOrigin: 'bottom',
       animation: '$scale-y-top 0.2s ease-in-out forwards',
-      backgroundColor: token.datePickerPanelBackgroundColor,
+      backgroundColor: token.backgroundPopup,
       boxShadow: token.datePickerPanelShadow,
       display: 'none'
     },

package/esm/descriptions/descriptions.js

@@ -6,18 +6,18 @@ var descriptionsStyle = {
   },
   small: {
     '& $title': {
-      fontSize: token.descriptionsTitleSmallSize
+      fontSize: token.descriptionsTitleSmallFontSize
     },
     '& $table': {
-      fontSize: token.descriptionsFontSmallSize
+      fontSize: token.descriptionsSmallFontSize
     }
   },
   large: {
     '& $title': {
-      fontSize: token.descriptionsTitleLargeSize
+      fontSize: token.descriptionsTitleLargeFontSize
     },
     '& $table': {
-      fontSize: token.descriptionsFontLargeSize
+      fontSize: token.descriptionsLargeFontSize
     }
   },
   header: {
@@ -25,7 +25,7 @@ var descriptionsStyle = {
     alignItems: 'center',
     justifyContent: 'space-between',
     paddingBottom: token.descriptionsTitlePaddingBottom,
-    fontSize: token.descriptionsTitleDefaultSize
+    fontSize: token.descriptionsTitleDefaultFontSize
   },
   title: {
     lineHeight: token.lineHeightDynamic,
@@ -38,7 +38,7 @@ var descriptionsStyle = {
     lineHeight: token.lineHeightDynamic
   },
   body: {
-    fontSize: token.descriptionsFontDefaultSize,
+    fontSize: token.descriptionsDefaultFontSize,
     overflow: 'hidden'
   },
   table: {