@sheinx/shineout-style 3.9.13-beta.3 → 3.9.13-beta.4

package/cjs/alert/alert.js

@@ -64,7 +64,7 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: _theme.default.alertTitleFontSize,
-      width: "calc(".concat(_theme.default.alertTitleIconWidth, " + 2px)"),
+      width: "calc(".concat(_theme.default.alertTitleFontSize, " + 2px)"),
       height: _theme.default.lineHeightDynamic
     },
     '& $title': {
@@ -174,7 +174,7 @@ var alertStyle = {
     }
   },
   icon: {
-    width: _theme.default.alertIconSize,
+    width: "calc(".concat(_theme.default.alertFontSize, " + 2px)"),
     display: 'inline-flex',
     fontSize: _theme.default.alertFontSize,
     height: _theme.default.lineHeightDynamic,

package/cjs/cascader/cascader.js

@@ -551,12 +551,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: _theme.default.cascaderOptionIconSize,
+      width: _theme.default.cascaderFontSize,
       '$wrapperLarge &': {
-        width: _theme.default.cascaderLargeOptionIconSize
+        width: _theme.default.cascaderLargeFontSize
       },
       '$wrapperSmall &': {
-        width: _theme.default.cascaderSmallOptionIconSize
+        width: _theme.default.cascaderSmallFontSize
       }
     }
   },

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.checkboxIconSize,
-    height: _theme.default.checkboxIconSize,
+    width: _theme.default.checkboxLabelFontSize,
+    height: _theme.default.checkboxLabelFontSize,
     // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
-      width: _theme.default.checkboxSmallIconSize,
-      height: _theme.default.checkboxSmallIconSize
+      width: _theme.default.checkboxSmallLabelFontSize,
+      height: _theme.default.checkboxSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.checkboxLargeIconSize,
-      height: _theme.default.checkboxLargeIconSize
+      width: _theme.default.checkboxLargeLabelFontSize,
+      height: _theme.default.checkboxLargeLabelFontSize
     },
     verticalAlign: 'middle',
     '&::before': {

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

@@ -205,15 +205,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     color: _theme.default.datePickerIconColor,
     '& svg': {
-      width: _theme.default.datePickerIconSize,
-      height: _theme.default.datePickerIconSize,
+      width: _theme.default.datePickerFontSize,
+      height: _theme.default.datePickerFontSize,
       '$wrapperSmall &': {
-        width: _theme.default.datePickerSmallIconSize,
-        height: _theme.default.datePickerSmallIconSize
+        width: _theme.default.datePickerSmallFontSize,
+        height: _theme.default.datePickerSmallFontSize
       },
       '$wrapperLarge &': {
-        width: _theme.default.datePickerLargeIconSize,
-        height: _theme.default.datePickerLargeIconSize
+        width: _theme.default.datePickerLargeFontSize,
+        height: _theme.default.datePickerLargeFontSize
       }
     },
     // todo 暂时写死
@@ -684,8 +684,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: _theme.default.datePickerIconSize,
-        height: _theme.default.datePickerIconSize,
+        width: _theme.default.datePickerFontSize,
+        height: _theme.default.datePickerFontSize,
         color: _theme.default.datePickerIconColor
       }
     },

package/cjs/editable-area/editable-area.js

@@ -81,8 +81,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
   clear: {
     position: 'absolute',
     display: 'flex',
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     top: 0,
     bottom: 0,
     margin: 'auto',

package/cjs/input/input.js

@@ -179,7 +179,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clearWrapper: {
     position: 'relative',
-    flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 8px)"),
+    flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 8px)"),
     flexShrink: 0,
     display: 'none',
     '$wrapper:hover &, $wrapperFocus &': {
@@ -188,7 +188,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   password: {
     '& $clearWrapper': {
-      flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 12px)")
+      flexBasis: "calc(".concat(_theme.default.inputFontSize, " + 12px)")
     },
     '& $clear': {
       marginRight: 8,
@@ -203,8 +203,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     top: '0',
     bottom: '0',
     margin: 'auto',
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     boxSizing: 'border-box',
     display: 'flex',
     cursor: 'pointer',
@@ -219,12 +219,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       left: '0'
     },
     '$wrapperSmall &': {
-      width: _theme.default.inputSmallIconSize,
-      height: _theme.default.inputSmallIconSize
+      width: _theme.default.inputSmallFontSize,
+      height: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.inputLargeIconSize,
-      height: _theme.default.inputLargeIconSize
+      width: _theme.default.inputLargeFontSize,
+      height: _theme.default.inputLargeFontSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -274,7 +274,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         borderBottom: "1px solid ".concat(_theme.default.inputBorderColor)
       },
       '& svg': {
-        width: _theme.default.inputIconSize,
+        width: _theme.default.inputFontSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -290,20 +290,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     flexShrink: 0,
-    width: _theme.default.inputIconSize,
-    height: _theme.default.inputIconSize,
+    width: _theme.default.inputFontSize,
+    height: _theme.default.inputFontSize,
     color: _theme.default.inputToggleColor,
     cursor: 'pointer',
     '$wrapperDisabled &': {
       color: _theme.default.inputDisabledFontColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.inputSmallIconSize,
-      height: _theme.default.inputSmallIconSize
+      width: _theme.default.inputSmallFontSize,
+      height: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.inputLargeIconSize,
-      height: _theme.default.inputLargeIconSize
+      width: _theme.default.inputLargeFontSize,
+      height: _theme.default.inputLargeFontSize
     },
     '& > svg': {
       cursor: 'pointer',

package/cjs/menu/menu.js

@@ -413,13 +413,13 @@ var menuStyle = {
     minWidth: 0,
     padding: "".concat(_theme.default.menuTitlePaddingY, " ").concat(_theme.default.menuTitlePaddingX),
     '$wrapperInline $childrenHasExpand  $item:not($itemHasChildren)  $itemContentBack > &': {
-      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
+      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
     },
     '$wrapperInline $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
-      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuExpandSize, ")")
+      paddingRight: "calc(".concat(_theme.default.menuIconMarginX, " + ").concat(_theme.default.menuTitlePaddingX, " + ").concat(_theme.default.menuFontSize, ")")
     },
     '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: _theme.default.menuTitlePaddingX
@@ -461,8 +461,8 @@ var menuStyle = {
     },
     '& > $icon': {
       lineHeight: 1,
-      width: _theme.default.menuExpandSize,
-      height: _theme.default.menuExpandSize,
+      width: _theme.default.menuFontSize,
+      height: _theme.default.menuFontSize,
       alignSelf: 'flex-start',
       alignItems: 'center',
       display: 'flex',

package/cjs/radio/radio.js

@@ -59,18 +59,18 @@ var radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: _theme.default.radioIconWidth,
-    minWidth: _theme.default.radioIconWidth,
-    height: _theme.default.radioIconWidth,
+    width: _theme.default.radioLabelFontSize,
+    minWidth: _theme.default.radioLabelFontSize,
+    height: _theme.default.radioLabelFontSize,
     '$wrapperSmall &': {
-      width: _theme.default.radioSmallIconWidth,
-      minWidth: _theme.default.radioSmallIconWidth,
-      height: _theme.default.radioSmallIconWidth
+      width: _theme.default.radioSmallLabelFontSize,
+      minWidth: _theme.default.radioSmallLabelFontSize,
+      height: _theme.default.radioSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.radioLargeIconWidth,
-      minWidth: _theme.default.radioLargeIconWidth,
-      height: _theme.default.radioLargeIconWidth
+      width: _theme.default.radioLargeLabelFontSize,
+      minWidth: _theme.default.radioLargeLabelFontSize,
+      height: _theme.default.radioLargeLabelFontSize
     },
     marginRight: _theme.default.radioIconGap,
     verticalAlign: 'middle',

package/cjs/tabs/tabs.js

@@ -573,10 +573,10 @@ var tabsStyle = {
     background: _theme.default.tabsActiveFontColor,
     transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
     '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
-      height: _theme.default.tabsLineCheckedHeight
+      height: _theme.default.tabsLineAfterHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: _theme.default.tabsLineCheckedHeight
+      width: _theme.default.tabsLineAfterHeight
     }
   },
   header: {

package/cjs/textarea/textarea.js

@@ -163,15 +163,15 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     },
     '& > svg': {
       display: 'block',
-      width: _theme.default.textareaClearSize,
-      height: _theme.default.textareaClearSize,
+      width: _theme.default.textareaFontSize,
+      height: _theme.default.textareaFontSize,
       '$wrapperSmall &': {
-        width: _theme.default.textareaSmallClearSize,
-        height: _theme.default.textareaSmallClearSize
+        width: _theme.default.textareaSmallFontSize,
+        height: _theme.default.textareaSmallFontSize
       },
       '$wrapperLarge &': {
-        width: _theme.default.textareaLargeClearSize,
-        height: _theme.default.textareaLargeClearSize
+        width: _theme.default.textareaLargeFontSize,
+        height: _theme.default.textareaLargeFontSize
       }
     },
     '[dir="rtl"] &': {
@@ -181,13 +181,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeClearSize, " + 12px)")
+      paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {

package/cjs/tree/tree.js

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

package/cjs/version.d.ts

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

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

package/esm/alert/alert.js

@@ -57,7 +57,7 @@ var alertStyle = {
   withTitle: {
     '& $icon': {
       fontSize: Token.alertTitleFontSize,
-      width: "calc(".concat(Token.alertTitleIconWidth, " + 2px)"),
+      width: "calc(".concat(Token.alertTitleFontSize, " + 2px)"),
       height: Token.lineHeightDynamic
     },
     '& $title': {
@@ -167,7 +167,7 @@ var alertStyle = {
     }
   },
   icon: {
-    width: Token.alertIconSize,
+    width: "calc(".concat(Token.alertFontSize, " + 2px)"),
     display: 'inline-flex',
     fontSize: Token.alertFontSize,
     height: Token.lineHeightDynamic,

package/esm/cascader/cascader.js

@@ -542,12 +542,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: token.cascaderOptionIconSize,
+      width: token.cascaderFontSize,
       '$wrapperLarge &': {
-        width: token.cascaderLargeOptionIconSize
+        width: token.cascaderLargeFontSize
       },
       '$wrapperSmall &': {
-        width: token.cascaderSmallOptionIconSize
+        width: token.cascaderSmallFontSize
       }
     }
   },

package/esm/checkbox/checkbox.js

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

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

@@ -198,15 +198,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     color: token.datePickerIconColor,
     '& svg': {
-      width: token.datePickerIconSize,
-      height: token.datePickerIconSize,
+      width: token.datePickerFontSize,
+      height: token.datePickerFontSize,
       '$wrapperSmall &': {
-        width: token.datePickerSmallIconSize,
-        height: token.datePickerSmallIconSize
+        width: token.datePickerSmallFontSize,
+        height: token.datePickerSmallFontSize
       },
       '$wrapperLarge &': {
-        width: token.datePickerLargeIconSize,
-        height: token.datePickerLargeIconSize
+        width: token.datePickerLargeFontSize,
+        height: token.datePickerLargeFontSize
       }
     },
     // todo 暂时写死
@@ -677,8 +677,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: token.datePickerIconSize,
-        height: token.datePickerIconSize,
+        width: token.datePickerFontSize,
+        height: token.datePickerFontSize,
         color: token.datePickerIconColor
       }
     },

package/esm/editable-area/editable-area.js

@@ -74,8 +74,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
   clear: {
     position: 'absolute',
     display: 'flex',
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     top: 0,
     bottom: 0,
     margin: 'auto',

package/esm/input/input.js

@@ -172,7 +172,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clearWrapper: {
     position: 'relative',
-    flexBasis: "calc(".concat(token.inputIconSize, " + 8px)"),
+    flexBasis: "calc(".concat(token.inputFontSize, " + 8px)"),
     flexShrink: 0,
     display: 'none',
     '$wrapper:hover &, $wrapperFocus &': {
@@ -181,7 +181,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   password: {
     '& $clearWrapper': {
-      flexBasis: "calc(".concat(token.inputIconSize, " + 12px)")
+      flexBasis: "calc(".concat(token.inputFontSize, " + 12px)")
     },
     '& $clear': {
       marginRight: 8,
@@ -196,8 +196,8 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     top: '0',
     bottom: '0',
     margin: 'auto',
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     boxSizing: 'border-box',
     display: 'flex',
     cursor: 'pointer',
@@ -212,12 +212,12 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       left: '0'
     },
     '$wrapperSmall &': {
-      width: token.inputSmallIconSize,
-      height: token.inputSmallIconSize
+      width: token.inputSmallFontSize,
+      height: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.inputLargeIconSize,
-      height: token.inputLargeIconSize
+      width: token.inputLargeFontSize,
+      height: token.inputLargeFontSize
     }
   },
   group: _objectSpread(_objectSpread({}, group), {}, {
@@ -267,7 +267,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
         borderBottom: "1px solid ".concat(token.inputBorderColor)
       },
       '& svg': {
-        width: token.inputIconSize,
+        width: token.inputFontSize,
         transform: 'rotate(-90deg)'
       }
     },
@@ -283,20 +283,20 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     flexShrink: 0,
-    width: token.inputIconSize,
-    height: token.inputIconSize,
+    width: token.inputFontSize,
+    height: token.inputFontSize,
     color: token.inputToggleColor,
     cursor: 'pointer',
     '$wrapperDisabled &': {
       color: token.inputDisabledFontColor
     },
     '$wrapperSmall &': {
-      width: token.inputSmallIconSize,
-      height: token.inputSmallIconSize
+      width: token.inputSmallFontSize,
+      height: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.inputLargeIconSize,
-      height: token.inputLargeIconSize
+      width: token.inputLargeFontSize,
+      height: token.inputLargeFontSize
     },
     '& > svg': {
       cursor: 'pointer',

package/esm/menu/menu.js

@@ -406,13 +406,13 @@ var menuStyle = {
     minWidth: 0,
     padding: "".concat(token.menuTitlePaddingY, " ").concat(token.menuTitlePaddingX),
     '$wrapperInline $childrenHasExpand  $item:not($itemHasChildren)  $itemContentBack > &': {
-      paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuExpandSize, ")")
+      paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuFontSize, ")")
     },
     '$wrapperInline $itemHasChildren > $itemContentBack > &': {
       paddingRight: 0
     },
     '$childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
-      paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuExpandSize, ")")
+      paddingRight: "calc(".concat(token.menuIconMarginX, " + ").concat(token.menuTitlePaddingX, " + ").concat(token.menuFontSize, ")")
     },
     '$wrapperHorizontal $childrenHasExpand > $item:not($itemHasChildren) > $itemContentBack > &': {
       paddingRight: token.menuTitlePaddingX
@@ -454,8 +454,8 @@ var menuStyle = {
     },
     '& > $icon': {
       lineHeight: 1,
-      width: token.menuExpandSize,
-      height: token.menuExpandSize,
+      width: token.menuFontSize,
+      height: token.menuFontSize,
       alignSelf: 'flex-start',
       alignItems: 'center',
       display: 'flex',

package/esm/radio/radio.js

@@ -52,18 +52,18 @@ var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
     display: 'block',
     position: 'relative',
     boxSizing: 'border-box',
-    width: token.radioIconWidth,
-    minWidth: token.radioIconWidth,
-    height: token.radioIconWidth,
+    width: token.radioLabelFontSize,
+    minWidth: token.radioLabelFontSize,
+    height: token.radioLabelFontSize,
     '$wrapperSmall &': {
-      width: token.radioSmallIconWidth,
-      minWidth: token.radioSmallIconWidth,
-      height: token.radioSmallIconWidth
+      width: token.radioSmallLabelFontSize,
+      minWidth: token.radioSmallLabelFontSize,
+      height: token.radioSmallLabelFontSize
     },
     '$wrapperLarge &': {
-      width: token.radioLargeIconWidth,
-      minWidth: token.radioLargeIconWidth,
-      height: token.radioLargeIconWidth
+      width: token.radioLargeLabelFontSize,
+      minWidth: token.radioLargeLabelFontSize,
+      height: token.radioLargeLabelFontSize
     },
     marginRight: token.radioIconGap,
     verticalAlign: 'middle',

package/esm/tabs/tabs.js

@@ -566,10 +566,10 @@ var tabsStyle = {
     background: Token.tabsActiveFontColor,
     transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out",
     '[data-soui-position^="top-"] &,[data-soui-position^="bottom-"] &': {
-      height: Token.tabsLineCheckedHeight
+      height: Token.tabsLineAfterHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: Token.tabsLineCheckedHeight
+      width: Token.tabsLineAfterHeight
     }
   },
   header: {

package/esm/textarea/textarea.js

@@ -156,15 +156,15 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     },
     '& > svg': {
       display: 'block',
-      width: token.textareaClearSize,
-      height: token.textareaClearSize,
+      width: token.textareaFontSize,
+      height: token.textareaFontSize,
       '$wrapperSmall &': {
-        width: token.textareaSmallClearSize,
-        height: token.textareaSmallClearSize
+        width: token.textareaSmallFontSize,
+        height: token.textareaSmallFontSize
       },
       '$wrapperLarge &': {
-        width: token.textareaLargeClearSize,
-        height: token.textareaLargeClearSize
+        width: token.textareaLargeFontSize,
+        height: token.textareaLargeFontSize
       }
     },
     '[dir="rtl"] &': {
@@ -174,13 +174,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaClearSize, " + 12px)")
+      paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallClearSize, " + 12px)")
+      paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeClearSize, " + 12px)")
+      paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {

package/esm/tree/tree.js

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

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.13-beta.3';
+export default '3.9.13-beta.4';

package/package.json

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