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

package/cjs/badge/badge.js

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

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,CAkKxD,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
     },
@@ -200,32 +200,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: _theme.default.buttonSplitlineOutlineBackgroundColor,
       transition: 'none'
-    },
+    }),
     '&[dir=ltr]::before': {
       left: -1
     },
@@ -249,26 +251,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
+        }
       }
     }
   },
@@ -224,15 +230,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   },
   clear: {
     display: 'none',
-    color: _theme.default.datePickerClearColor,
-    '&: hover': {
-      color: _theme.default.datePickerHoverClearColor
-    },
-    cursor: 'pointer'
+    color: _theme.default.inputClearColor,
+    cursor: 'pointer',
+    '&:hover': {
+      color: _theme.default.inputHoverClearColor
+    }
   },
   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/image/image.js

@@ -179,7 +179,7 @@ var ImageStyle = _objectSpread(_objectSpread({
   },
   thumbnail: {
     borderRadius: _theme.default.imageBorderRadius,
-    backgroundColor: '#FFFFFF',
+    backgroundColor: _theme.default.imageBackgroundColor,
     outline: "1px solid ".concat(_theme.default.imageBorderColor),
     '& $inner': {
       top: 4,

package/cjs/input/input-border.js

@@ -42,7 +42,7 @@ var _default = exports.default = function _default(name) {
       borderRadius: 0,
       boxShadow: 'none',
       backgroundColor: 'transparent',
-      flex: 1,
+      flex: '1 1 auto',
       minWidth: 0
     },
     '[data-soui-role="input-group"]:not([data-soui-border="false"]) [data-soui-input-border] + &&&': {

package/cjs/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAkH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -85,6 +85,7 @@ var groupSpace = function groupSpace(gap) {
       padding: "0 ".concat(gap),
       display: 'flex',
       alignItems: 'center',
+      flexShrink: 0,
       borderLeft: "1px solid ".concat(_theme.default.inputBorderColor),
       borderRight: "1px solid ".concat(_theme.default.inputBorderColor),
       background: _theme.default.inputGroupFontBackgroundColor,
@@ -262,7 +263,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 +272,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):not($itemDisabled) > &': {
+      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"}