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

package/cjs/breadcrumb/breadcrumb.js

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

package/cjs/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/cjs/button/button-group.js

@@ -17,16 +17,19 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var bc = function bc(key) {
   return ".".concat(_jssStyle.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: _theme.default.buttonSplitlineFullBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -72,14 +75,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: _theme.default["button".concat(type).concat(styles, "BorderColor")]
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -113,14 +115,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(_theme.default["button".concat(type).concat(styles, "BorderColor")])
-    },
+    }),
     '& + :not(&)': {
       '&::before': {
         height: 'calc(100% + 2px)',
@@ -145,15 +146,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: _theme.default.buttonSplitlineOutlineBackgroundColor
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -211,21 +211,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: _theme.default.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -249,26 +248,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: _theme.default.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'))))
 };
 var _default = exports.default = ButtonGroupStyle;

package/cjs/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/cjs/cascader/cascader.js

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

package/cjs/checkbox/checkbox.js

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

package/cjs/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/cjs/date-picker/date-picker.js

@@ -158,6 +158,12 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       width: '100%',
       '&::placeholder': {
         color: _theme.default.inputPlaceholderColor
+      },
+      '$wrapperDisabled &': {
+        color: _theme.default.inputDisabledFontColor,
+        '&::placeholder': {
+          color: _theme.default.inputDisabledPlaceholderColor
+        }
       }
     }
   },
@@ -232,7 +238,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   },
   pickerWrapper: {
     position: 'absolute',
-    backgroundColor: _theme.default.datePickerPanelBackgroundColor,
+    backgroundColor: _theme.default.backgroundPopup,
     boxShadow: _theme.default.datePickerPanelShadow,
     borderRadius: _theme.default.datePickerPanelRadius,
     border: "1px solid ".concat(_theme.default.datePickerPanelBorder),
@@ -467,7 +473,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerCell: {
     color: _theme.default.datePickerCellColor,
     '&$pickerCellBound': {
-      color: _theme.default.datePickerCellOtherColor
+      color: _theme.default.datePickerCellDisabledColor
     },
     '&:not($pickerCellDisabled):not($pickerCellActive):hover': {
       '& $pickerCellContent > span': {
@@ -646,14 +652,18 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     flex: '1',
     position: 'relative',
     borderRadius: _theme.default.datePickerTimeItemBorderRadius,
+    color: _theme.default.datePickerCellColor,
+    fontWeight: _theme.default.datePickerPanelFontWeight,
+    fontSize: _theme.default.datePickerPanelBodyFontSize,
     '&:not($timeItemDisabled):hover': {
-      backgroundColor: _theme.default.datePickerTimeItemHoverBackgroundColor
+      color: _theme.default.datePickerCellHoverColor,
+      backgroundColor: _theme.default.datePickerCellHoverBackgroundColor
     },
     '$timeItemDisabled&': {
       color: _theme.default.datePickerTimeItemDisabledColor,
       cursor: 'not-allowed'
     },
-    '$timeItemActive&': {
+    '$timeItemActive&, $timeItemActive&:hover': {
       color: _theme.default.datePickerTimeItemActiveColor,
       backgroundColor: _theme.default.datePickerTimeItemActiveBackgroundColor
     }
@@ -686,6 +696,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     lineHeight: _theme.default.lineHeightDynamic,
     '& > span': {
+      color: _theme.default.datePickerCellColor,
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
@@ -705,7 +716,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       },
       transformOrigin: 'bottom',
       animation: '$scale-y-top 0.2s ease-in-out forwards',
-      backgroundColor: _theme.default.datePickerPanelBackgroundColor,
+      backgroundColor: _theme.default.backgroundPopup,
       boxShadow: _theme.default.datePickerPanelShadow,
       display: 'none'
     },

package/cjs/descriptions/descriptions.js

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

package/cjs/dropdown/dropdown.js

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

package/cjs/input/input.js

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

package/cjs/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/cjs/menu/menu.js

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

package/cjs/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/cjs/radio/radio.js

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

package/cjs/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"}

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
@@ -349,7 +348,7 @@ var selectStyle = _objectSpread(_objectSpread({
     verticalAlign: 'middle',
     width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.selectIconColor,
+    color: _theme.default.inputIconColor,
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
@@ -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"}