@sheinx/shineout-style 3.9.13-beta.8 → 3.9.13

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.8";
+declare const _default: "3.9.13";
 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,wBAAwB"}

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.8';
+var _default = exports.default = '3.9.13';

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,CA+JxD,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
     },
@@ -204,21 +204,20 @@ var ButtonGroupStyle = {
     borderRadius: 0,
     borderLeft: 'none',
     borderRight: 'none'
-  }), "& ".concat(bc('button'), ":not(").concat(bc('outline'), "):not(").concat(bc('text'), ")"), _defineProperty(_defineProperty(_defineProperty({
+  }), "& ".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 +241,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
+        }
       }
     }
   },
@@ -225,7 +231,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   },
   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: {

package/esm/dropdown/dropdown.js

@@ -23,7 +23,7 @@ var dropdown = {
     border: "".concat(token.dropdownListBorderWidth, " solid ").concat(token.dropdownListBorderColor),
     borderRadius: token.dropdownListBorderRadius,
     padding: "".concat(token.dropdownListPaddingY, " ").concat(token.dropdownListPaddingX),
-    background: token.dropdownListBackgroundColor,
+    background: token.backgroundPopup,
     boxShadow: token.dropdownListBoxShadow,
     width: 'max-content',
     boxSizing: 'border-box',
@@ -172,16 +172,16 @@ var dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom),
     fontSize: token.dropdownOptionGroupFontSize,
     fontWeight: token.dropdownOptionGroupFontWeight,
     color: token.dropdownOptionGroupFontColor,
     lineHeight: token.lineHeightDynamic,
     '$listSmall &': {
-      padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)
+      padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionSmallPaddingX, " 0")
     },
     '$listLarge &': {
-      padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionGroupLargeX, " ").concat(token.dropdownOptionGroupLargeBottom, " ").concat(token.dropdownOptionGroupLargeX)
+      padding: "".concat(token.dropdownOptionGroupLargeTop, " ").concat(token.dropdownOptionLargePaddingX, " ").concat(token.dropdownOptionGroupLargeBottom)
     }
   },
   optionDivider: {

package/esm/input/input.js

@@ -255,7 +255,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       boxSizing: 'border-box',
       cursor: 'pointer',
       width: '18px',
-      borderLeft: "1px solid ".concat(token.inputBorderColor),
+      borderLeft: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor),
       lineHeight: '1',
       color: token.inputIconColor,
       '&:hover': {
@@ -264,7 +264,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         }
       },
       '&:first-child': {
-        borderBottom: "1px solid ".concat(token.inputBorderColor)
+        borderBottom: "".concat(token.inputBorderWidth, " solid ").concat(token.inputBorderColor)
       },
       '& svg': {
         width: token.inputFontSize,

package/esm/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAijBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAM9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAojBtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/menu/menu.js

@@ -196,8 +196,11 @@ var menuStyle = {
       }
     },
     // 一级菜单展不展开都是fill-9，一级展开后的子级都是fill-10
-    '[data-soui-theme=dark] $root > $item > &': {
-      backgroundColor: token.menuDarkItemBackgroundColor
+    '[data-soui-theme=dark] $root > $item:not($itemActive) > &': {
+      backgroundColor: token.menuDarkItemBackgroundColor,
+      '&:hover': {
+        backgroundColor: token.menuDarkItemHoverBackgroundColor
+      }
     },
     '[data-soui-theme=dark] &': {
       color: token.menuDarkFontColor,

package/esm/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqL5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/radio/radio.js

@@ -44,7 +44,10 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
       marginTop: token.radioIndicatorMarginTop
     }
   },
-  wrapperChecked: {},
+  wrapperChecked: {
+    '--button-before-line-height': '100%',
+    '--button-before-line-top': 0
+  },
   wrapperDisabled: {
     cursor: 'not-allowed'
   },
@@ -52,18 +55,18 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: token.radioLabelFontSize,
-    minWidth: token.radioLabelFontSize,
-    height: token.radioLabelFontSize,
+    width: token.radioIconWidth,
+    minWidth: token.radioIconWidth,
+    height: token.radioIconWidth,
     '$wrapperSmall &': {
-      width: token.radioSmallLabelFontSize,
-      minWidth: token.radioSmallLabelFontSize,
-      height: token.radioSmallLabelFontSize
+      width: token.radioSmallIconWidth,
+      minWidth: token.radioSmallIconWidth,
+      height: token.radioSmallIconWidth
     },
     '$wrapperLarge &': {
-      width: token.radioLargeLabelFontSize,
-      minWidth: token.radioLargeLabelFontSize,
-      height: token.radioLargeLabelFontSize
+      width: token.radioLargeIconWidth,
+      minWidth: token.radioLargeIconWidth,
+      height: token.radioLargeIconWidth
     },
     marginRight: token.radioIconGap,
     verticalAlign: 'middle',

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA8lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAwDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqmB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}