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

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.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,CAohB9C,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,CAuhB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -107,6 +107,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
         fontSize: _theme.default.cascaderSmallFontSize
       },
+      '& $arrowIcon': {
+        width: _theme.default.inputSmallFontSize
+      },
       '& $clearIcon': {
         right: _theme.default.cascaderSmallPaddingX
       }
@@ -117,7 +120,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginBottom: _theme.default.cascaderLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: _theme.default.cascaderLargeFontSize
+        width: _theme.default.inputLargeFontSize
       },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -221,7 +224,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: _theme.default.cascaderPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -271,7 +274,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.cascaderPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -304,7 +307,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: _theme.default.cascaderPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     lineHeight: _theme.default.lineHeightDynamic,
     marginTop: _theme.default.cascaderPlaceholderMarginY,
     marginBottom: _theme.default.cascaderPlaceholderMarginY
@@ -329,25 +332,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.cascaderFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.cascaderClearColor,
+    color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: _theme.default.cascaderClearHoverColor
+      color: _theme.default.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.cascaderSmallFontSize
+      width: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.cascaderLargeFontSize
+      width: _theme.default.inputLargeFontSize
     }
   },
   compressedIcon: {},
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: _theme.default.cascaderFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
     color: _theme.default.cascaderIconColor,
     transition: 'transform 0.3s'
@@ -383,13 +386,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   loading: {
     padding: 10,
-    color: _theme.default.cascaderPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     display: 'flex',
     justifyContent: 'center'
   },
   empty: {
     padding: "calc(".concat(_theme.default.cascaderOptionPaddingY, " + ").concat(_theme.default.cascaderOptionInnerPaddingY, ") calc(").concat(_theme.default.cascaderOptionPaddingX, " + ").concat(_theme.default.cascaderOptionInnerPaddingX, ")"),
-    color: _theme.default.cascaderPlaceholderColor
+    color: _theme.default.inputPlaceholderColor
   },
   checkedIcon: {
     right: 8,
@@ -551,12 +554,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.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,CA+pBlD,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,CAgqBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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.inputFontSize,
+      height: _theme.default.inputFontSize,
       '$wrapperSmall &': {
-        width: _theme.default.datePickerSmallIconSize,
-        height: _theme.default.datePickerSmallIconSize
+        width: _theme.default.inputSmallFontSize,
+        height: _theme.default.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: _theme.default.datePickerLargeIconSize,
-        height: _theme.default.datePickerLargeIconSize
+        width: _theme.default.inputLargeFontSize,
+        height: _theme.default.inputLargeFontSize
       }
     },
     // todo 暂时写死
@@ -333,7 +333,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     '& > span': {
       padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX),
-      fontSize: _theme.default.datePickerPanelHeaderFontSize
+      fontSize: _theme.default.datePickerPanelHeaderFontSize,
+      color: _theme.default.datePickerPanelHeaderFontColor
     }
   },
   pickerHeaderInfo: {
@@ -684,8 +685,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/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,CAqM7C,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,CA6M7C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdown.js

@@ -84,7 +84,7 @@ var dropdown = {
     }
   },
   boxList: {
-    padding: "".concat(_theme.default.dropdownColumnPaddingY, " ").concat(_theme.default.dropdownColumnPaddingX),
+    padding: "".concat(_theme.default.dropdownListPaddingY, " ").concat(_theme.default.dropdownListPaddingX),
     '& $item': {
       textAlign: 'center'
     }
@@ -192,7 +192,15 @@ var dropdown = {
     }
   },
   optionDivider: {
-    padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionDividerPaddingX),
+    padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
+    '$listSmall &': {
+      paddingLeft: _theme.default.dropdownOptionSmallPaddingX,
+      paddingRight: _theme.default.dropdownOptionSmallPaddingX
+    },
+    '$listLarge &': {
+      paddingLeft: _theme.default.dropdownOptionLargePaddingX,
+      paddingRight: _theme.default.dropdownOptionLargePaddingX
+    },
     '&::before': {
       content: '" "',
       height: _theme.default.dropdownOptionDividerHeight,

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/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAuJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/form/form-item.js

@@ -170,9 +170,8 @@ var formItemStyle = _objectSpread(_objectSpread({
     minHeight: _theme.default.formItemTipMinHeight,
     fontSize: _theme.default.formItemDangerFontSize,
     fontWeight: _theme.default.formItemDangerFontWeight,
-    animation: '$appear 1s ease-in-out forwards'
-    // flexBasis: '100%',
-    // width: 0,
+    animation: '$appear 1s ease-in-out forwards',
+    marginTop: _theme.default.formItemTipMarginTop
   },
   tip: {
     color: _theme.default.formItemTipFontColor,

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/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,CAwlB1C,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,CA2lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -98,6 +98,9 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $arrowIcon': {
+        width: _theme.default.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -106,7 +109,7 @@ var selectStyle = _objectSpread(_objectSpread({
         marginBottom: _theme.default.selectLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: _theme.default.selectLargeFontSize
+        width: _theme.default.inputLargeFontSize
       }
     },
     '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -133,7 +136,7 @@ var selectStyle = _objectSpread(_objectSpread({
       color: _theme.default.selectDisabledIconColor
     },
     '& $placeholder': {
-      color: _theme.default.selectDisabledPlaceholderColor
+      color: _theme.default.inputDisabledPlaceholderColor
     }
   }),
   triggerHover: {
@@ -189,7 +192,7 @@ var selectStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: _theme.default.selectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -239,7 +242,7 @@ var selectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.selectPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -272,7 +275,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: _theme.default.selectPlaceholderColor,
+    color: _theme.default.inputPlaceholderColor,
     lineHeight: _theme.default.lineHeightDynamic,
     marginTop: _theme.default.selectPlaceholderMarginY,
     marginBottom: _theme.default.selectPlaceholderMarginY
@@ -324,24 +327,24 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.selectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
-    color: _theme.default.selectClearColor,
+    color: _theme.default.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
       color: _theme.default.selectIconColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.selectSmallFontSize
+      width: _theme.default.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.selectLargeFontSize
+      width: _theme.default.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: _theme.default.selectFontSize,
+    width: _theme.default.inputFontSize,
     lineHeight: 0,
     color: _theme.default.selectIconColor,
     transition: 'transform 0.3s'
@@ -611,7 +614,7 @@ var selectStyle = _objectSpread(_objectSpread({
     },
     '&:not($optionDisabled):hover': {
       background: _theme.default.selectOptionHoverBackgroundColor,
-      borderRadius: _theme.default.selectPanelRadius
+      borderRadius: _theme.default.selectOptionInnerBorderRadius
     }
   },
   columnsRadio: {

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.tabsLineCheckedInkHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: _theme.default.tabsLineCheckedHeight
+      width: _theme.default.tabsLineCheckedInkHeight
     }
   },
   header: {
@@ -591,7 +591,7 @@ var tabsStyle = {
       '& $tab': {
         marginTop: _theme.default.tabsBadgeMargin,
         position: 'relative',
-        border: "1px solid ".concat(_theme.default.tabsCardBorderColor),
+        border: "1px solid ".concat(_theme.default.tabsBorderColor),
         padding: "".concat(_theme.default.tabsCardPaddingY, " ").concat(_theme.default.tabsCardPaddingX),
         color: _theme.default.tabsCardFontColor,
         fontSize: _theme.default.tabsCardFontSize,
@@ -679,7 +679,7 @@ var tabsStyle = {
           background: _theme.default.tabsLineCheckedBackgroundColor,
           fontWeight: _theme.default.tabsLineCheckedFontWeight,
           '&:after': {
-            background: _theme.default.tabsLineAfterBackgroundColor
+            background: _theme.default.tabsLineCheckedInkColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {

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/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAwD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAugBlD,CAAC;AACF,eAAe,eAAe,CAAC"}