@sheinx/shineout-style 3.9.2 → 3.9.3-beta.1

package/cjs/alert/alert.js

@@ -91,8 +91,8 @@ var alertStyle = {
     cursor: 'pointer',
     color: _theme.default.alertCloseFontColor,
     fontSize: _theme.default.alertFontSize,
-    height: _theme.default.alertCloseSize,
-    width: _theme.default.alertCloseSize,
+    height: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
+    width: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',

package/cjs/breadcrumb/breadcrumb.js

@@ -88,8 +88,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: 14,
-    height: 14,
+    width: _theme.default.breadcrumbDownIconSize,
+    height: _theme.default.breadcrumbDownIconSize,
     lineHeight: '1',
     marginLeft: 4
   },

package/cjs/cascader/cascader.js

@@ -548,7 +548,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: 14
+      width: _theme.default.cascaderOptionIconSize
     }
   },
   optionSpin: {

package/cjs/collapse/collapse-item.js

@@ -25,7 +25,7 @@ var collapseItemStyle = {
   },
   header: {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
@@ -66,7 +66,7 @@ var collapseItemStyle = {
     cursor: 'pointer',
     position: 'relative',
     color: _theme.default.collapseIconColor,
-    lineHeight: _theme.default.lineHeightDynamic,
+    height: _theme.default.lineHeightDynamic,
     zIndex: 0,
     marginRight: _theme.default.collapseHeaderGap,
     '& svg': {

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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA8oBlD,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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -205,7 +205,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     color: _theme.default.datePickerIconColor,
     '& svg': {
       width: _theme.default.datePickerIconSize,
-      height: _theme.default.datePickerIconSize
+      height: _theme.default.datePickerIconSize,
+      '$wrapperSmall &': {
+        width: _theme.default.datePickerSmallIconSize,
+        height: _theme.default.datePickerSmallIconSize
+      },
+      '$wrapperLarge &': {
+        width: _theme.default.datePickerLargeIconSize,
+        height: _theme.default.datePickerLargeIconSize
+      }
     },
     // todo 暂时写死
     marginLeft: '8px'
@@ -370,6 +378,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       padding: "".concat(_theme.default.datePickerSmallPanelFooterNowPaddingY, " ").concat(_theme.default.datePickerSmallPanelFooterNowPaddingX)
     }
   },
+  wrapperLarge: {},
   pickerFooterNow: {
     padding: "".concat(_theme.default.datePickerPanelFooterPaddingY, " ").concat(_theme.default.datePickerPanelFooterPaddingX),
     '&:only-child': {

package/cjs/dropdown/dropdown.d.ts.map

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

package/cjs/dropdown/dropdown.js

@@ -179,10 +179,11 @@ var dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "".concat(_theme.default.dropdownOptionGroupPaddingTop, " ").concat(_theme.default.dropdownOptionGroupPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(_theme.default.dropdownOptionGroupPaddingTop, " - 4px) ").concat(_theme.default.dropdownOptionGroupPaddingX, " ").concat(_theme.default.dropdownOptionGroupPaddingBottom, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
     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)
     },

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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAmMvC,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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -216,6 +216,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     },
     '&[dir=rtl]': {
       left: '0'
+    },
+    '$wrapperSmall &': {
+      width: _theme.default.inputSmallIconSize,
+      height: _theme.default.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: _theme.default.inputLargeIconSize,
+      height: _theme.default.inputLargeIconSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -265,7 +273,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         borderBottom: "1px solid ".concat(_theme.default.inputBorderColor)
       },
       '& svg': {
-        width: 14,
+        width: _theme.default.inputIconSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -280,13 +288,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   passwordToggle: {
     display: 'flex',
     alignItems: 'center',
+    flexShrink: 0,
     width: _theme.default.inputIconSize,
     height: _theme.default.inputIconSize,
     color: _theme.default.inputToggleColor,
     cursor: 'pointer',
+    '$wrapperSmall &': {
+      width: _theme.default.inputSmallIconSize,
+      height: _theme.default.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: _theme.default.inputLargeIconSize,
+      height: _theme.default.inputLargeIconSize
+    },
     '& > svg': {
-      width: _theme.default.inputIconSize,
-      height: _theme.default.inputIconSize,
       cursor: 'pointer',
       pointerEvents: 'none'
     },

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAyN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -245,6 +245,14 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
       marginBottom: _theme.default.popoverConfirmMarginY
     }
   },
+  mentionTitle: {
+    fontSize: _theme.default.popoverConfirmTitleFontSize
+  },
+  mentionIcon: {
+    '&&': {
+      fontSize: _theme.default.popoverConfirmTitleFontSize
+    }
+  },
   footer: {
     textAlign: 'right'
   }

package/cjs/select/select.js

@@ -537,7 +537,7 @@ var selectStyle = _objectSpread(_objectSpread({
   optionGroupTitle: {
     fontSize: _theme.default.selectGroupTitleFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
-    padding: "".concat(_theme.default.selectGroupTitlePaddingTop, " ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
+    padding: "calc(".concat(_theme.default.selectGroupTitleFontSize, " - 4px) ").concat(_theme.default.selectGroupTitlePaddingX, " ").concat(_theme.default.selectGroupTitlePaddingBottom, " ").concat(_theme.default.selectGroupTitlePaddingX),
     color: _theme.default.selectGroupTitleFontColor,
     fontWeight: _theme.default.selectGroupTitleFontWeight
   },

package/cjs/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAsf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -480,6 +480,9 @@ var tabsStyle = {
         alignItems: 'flex-start'
       }
     },
+    '&:not([data-soui-shape="card"]) $prev, &:not([data-soui-shape="card"]) $next': {
+      border: '1px solid transparent'
+    },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
       background: '#FFFFFF',
       alignSelf: 'stretch',
@@ -558,7 +561,7 @@ var tabsStyle = {
         }
       },
       '& svg': {
-        width: 14
+        width: _theme.default.tabsArrowFontSize
       }
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
@@ -776,7 +779,7 @@ var tabsStyle = {
     position: 'relative',
     color: _theme.default.tabsArrowFontColor,
     '& svg': {
-      width: 14,
+      width: _theme.default.tabsArrowFontSize,
       textAlign: 'center',
       transform: 'rotate(-90deg)',
       transition: 'transform .2s'

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -12,6 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var tagDefaultLineHeight = "calc(".concat(_theme.default.tagDefaultLineBase, " + 6px)");
 var brightTag = function brightTag(name, type) {
   return {
     color: _theme.default["tag".concat(type, "FontColor")],
@@ -153,7 +154,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: _theme.default.tagDefaultLineHeight
+    lineHeight: tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -214,7 +215,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: _theme.default.tagDefaultLineHeight,
+    height: tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {

package/cjs/tree/tree.js

@@ -397,9 +397,9 @@ var treeStyle = {
       background: _theme.default.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14,
+      width: _theme.default.treeIconSize,
       '$sizeLarge &': {
-        width: 16
+        width: "calc(".concat(_theme.default.treeIconSize, " + 2px)")
       }
     }
   },

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.2";
+declare const _default: "3.9.3-beta.1";
 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,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.9.2';
+var _default = exports.default = '3.9.3-beta.1';

package/esm/alert/alert.js

@@ -84,8 +84,8 @@ var alertStyle = {
     cursor: 'pointer',
     color: Token.alertCloseFontColor,
     fontSize: Token.alertFontSize,
-    height: Token.alertCloseSize,
-    width: Token.alertCloseSize,
+    height: "calc(".concat(Token.alertFontSize, " + 2px)"),
+    width: "calc(".concat(Token.alertFontSize, " + 2px)"),
     flex: '0 0 auto',
     display: 'flex',
     alignItems: 'center',

package/esm/breadcrumb/breadcrumb.js

@@ -81,8 +81,8 @@ var breadcrumbStyle = {
     }
   },
   down: {
-    width: 14,
-    height: 14,
+    width: token.breadcrumbDownIconSize,
+    height: token.breadcrumbDownIconSize,
     lineHeight: '1',
     marginLeft: 4
   },

package/esm/cascader/cascader.js

@@ -541,7 +541,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: 14
+      width: token.cascaderOptionIconSize
     }
   },
   optionSpin: {

package/esm/collapse/collapse-item.js

@@ -18,7 +18,7 @@ var collapseItemStyle = {
   },
   header: {
     display: 'flex',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     justifyContent: 'space-between',
     boxSizing: 'border-box',
     overflow: 'hidden',
@@ -59,7 +59,7 @@ var collapseItemStyle = {
     cursor: 'pointer',
     position: 'relative',
     color: Token.collapseIconColor,
-    lineHeight: Token.lineHeightDynamic,
+    height: Token.lineHeightDynamic,
     zIndex: 0,
     marginRight: Token.collapseHeaderGap,
     '& svg': {

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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA8oBlD,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;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAupBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -198,7 +198,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     color: token.datePickerIconColor,
     '& svg': {
       width: token.datePickerIconSize,
-      height: token.datePickerIconSize
+      height: token.datePickerIconSize,
+      '$wrapperSmall &': {
+        width: token.datePickerSmallIconSize,
+        height: token.datePickerSmallIconSize
+      },
+      '$wrapperLarge &': {
+        width: token.datePickerLargeIconSize,
+        height: token.datePickerLargeIconSize
+      }
     },
     // todo 暂时写死
     marginLeft: '8px'
@@ -363,6 +371,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       padding: "".concat(token.datePickerSmallPanelFooterNowPaddingY, " ").concat(token.datePickerSmallPanelFooterNowPaddingX)
     }
   },
+  wrapperLarge: {},
   pickerFooterNow: {
     padding: "".concat(token.datePickerPanelFooterPaddingY, " ").concat(token.datePickerPanelFooterPaddingX),
     '&:only-child': {

package/esm/dropdown/dropdown.d.ts.map

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

package/esm/dropdown/dropdown.js

@@ -172,10 +172,11 @@ var dropdown = {
   },
   itemDisabled: {},
   optionGroup: {
-    padding: "".concat(token.dropdownOptionGroupPaddingTop, " ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
+    padding: "calc(".concat(token.dropdownOptionGroupPaddingTop, " - 4px) ").concat(token.dropdownOptionGroupPaddingX, " ").concat(token.dropdownOptionGroupPaddingBottom, " ").concat(token.dropdownOptionGroupPaddingX),
     fontSize: token.dropdownOptionGroupFontSize,
     fontWeight: token.dropdownOptionGroupFontWeight,
     color: token.dropdownOptionGroupFontColor,
+    lineHeight: token.lineHeightDynamic,
     '$listSmall &': {
       padding: "".concat(token.dropdownOptionGroupSmallTop, " ").concat(token.dropdownOptionGroupSmallX, " 0 ").concat(token.dropdownOptionGroupSmallX)
     },

package/esm/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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAmMvC,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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAkNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -209,6 +209,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     },
     '&[dir=rtl]': {
       left: '0'
+    },
+    '$wrapperSmall &': {
+      width: token.inputSmallIconSize,
+      height: token.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: token.inputLargeIconSize,
+      height: token.inputLargeIconSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -258,7 +266,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         borderBottom: "1px solid ".concat(token.inputBorderColor)
       },
       '& svg': {
-        width: 14,
+        width: token.inputIconSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -273,13 +281,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   passwordToggle: {
     display: 'flex',
     alignItems: 'center',
+    flexShrink: 0,
     width: token.inputIconSize,
     height: token.inputIconSize,
     color: token.inputToggleColor,
     cursor: 'pointer',
+    '$wrapperSmall &': {
+      width: token.inputSmallIconSize,
+      height: token.inputSmallIconSize
+    },
+    '$wrapperLarge &': {
+      width: token.inputLargeIconSize,
+      height: token.inputLargeIconSize
+    },
     '& > svg': {
-      width: token.inputIconSize,
-      height: token.inputIconSize,
       cursor: 'pointer',
       pointerEvents: 'none'
     },

package/esm/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAiN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAyN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/popover/popover.js

@@ -238,6 +238,14 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
       marginBottom: token.popoverConfirmMarginY
     }
   },
+  mentionTitle: {
+    fontSize: token.popoverConfirmTitleFontSize
+  },
+  mentionIcon: {
+    '&&': {
+      fontSize: token.popoverConfirmTitleFontSize
+    }
+  },
   footer: {
     textAlign: 'right'
   }

package/esm/select/select.js

@@ -530,7 +530,7 @@ var selectStyle = _objectSpread(_objectSpread({
   optionGroupTitle: {
     fontSize: token.selectGroupTitleFontSize,
     lineHeight: token.lineHeightDynamic,
-    padding: "".concat(token.selectGroupTitlePaddingTop, " ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
+    padding: "calc(".concat(token.selectGroupTitleFontSize, " - 4px) ").concat(token.selectGroupTitlePaddingX, " ").concat(token.selectGroupTitlePaddingBottom, " ").concat(token.selectGroupTitlePaddingX),
     color: token.selectGroupTitleFontColor,
     fontWeight: token.selectGroupTitleFontWeight
   },

package/esm/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAsf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tabs/tabs.js

@@ -473,6 +473,9 @@ var tabsStyle = {
         alignItems: 'flex-start'
       }
     },
+    '&:not([data-soui-shape="card"]) $prev, &:not([data-soui-shape="card"]) $next': {
+      border: '1px solid transparent'
+    },
     '&[data-soui-shape="card"] $prev, &[data-soui-shape="card"] $next': {
       background: '#FFFFFF',
       alignSelf: 'stretch',
@@ -551,7 +554,7 @@ var tabsStyle = {
         }
       },
       '& svg': {
-        width: 14
+        width: Token.tabsArrowFontSize
       }
     }
   }, getCardStyle()), getLineStyle()), getDashStyle()), getFillStyle()), getButtonStyle()), getHeaderStyle()),
@@ -769,7 +772,7 @@ var tabsStyle = {
     position: 'relative',
     color: Token.tabsArrowFontColor,
     '& svg': {
-      width: 14,
+      width: Token.tabsArrowFontSize,
       textAlign: 'center',
       transform: 'rotate(-90deg)',
       transition: 'transform .2s'

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAoJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAwNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -5,6 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import Token from '@sheinx/theme';
+var tagDefaultLineHeight = "calc(".concat(Token.tagDefaultLineBase, " + 6px)");
 var brightTag = function brightTag(name, type) {
   return {
     color: Token["tag".concat(type, "FontColor")],
@@ -146,7 +147,7 @@ var TagStyle = {
   wrapper: {
     flex: 1,
     minWidth: 0,
-    lineHeight: Token.tagDefaultLineHeight
+    lineHeight: tagDefaultLineHeight
   },
   inline: {
     display: 'inline-block',
@@ -207,7 +208,7 @@ var TagStyle = {
     alignItems: 'center',
     display: 'inline-flex',
     cursor: 'pointer',
-    height: Token.tagDefaultLineHeight,
+    height: tagDefaultLineHeight,
     maxHeight: '100%'
   },
   closeIconWrapper: {

package/esm/tree/tree.js

@@ -390,9 +390,9 @@ var treeStyle = {
       background: Token.treeItemActiveBackgroundColor
     },
     '& svg': {
-      width: 14,
+      width: Token.treeIconSize,
       '$sizeLarge &': {
-        width: 16
+        width: "calc(".concat(Token.treeIconSize, " + 2px)")
       }
     }
   },

package/esm/version.d.ts

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

package/esm/version.d.ts.map

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.2';
+export default '3.9.3-beta.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.9.2",
+  "version": "3.9.3-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.9.2",
-    "@sheinx/base": "3.9.2"
+    "@sheinx/theme": "3.9.3-beta.1",
+    "@sheinx/base": "3.9.3-beta.1"
   },
   "peerDependencies": {
     "core-js": ">=3"