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

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

package/esm/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,CA0hB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -98,6 +98,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
         fontSize: token.cascaderSmallFontSize
       },
+      '& $arrowIcon': {
+        width: token.inputSmallFontSize
+      },
       '& $clearIcon': {
         right: token.cascaderSmallPaddingX
       }
@@ -108,7 +111,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginBottom: token.cascaderLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: token.cascaderLargeFontSize
+        width: token.inputLargeFontSize
       },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
@@ -212,7 +215,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: token.cascaderPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -262,7 +265,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.cascaderPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -272,8 +275,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.cascaderDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -295,7 +301,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: token.cascaderPlaceholderColor,
+    color: token.inputPlaceholderColor,
     lineHeight: token.lineHeightDynamic,
     marginTop: token.cascaderPlaceholderMarginY,
     marginBottom: token.cascaderPlaceholderMarginY
@@ -320,25 +326,25 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.cascaderFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
-    color: token.cascaderClearColor,
+    color: token.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
-      color: token.cascaderClearHoverColor
+      color: token.inputHoverClearColor
     },
     '$wrapperSmall &': {
-      width: token.cascaderSmallFontSize
+      width: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.cascaderLargeFontSize
+      width: token.inputLargeFontSize
     }
   },
   compressedIcon: {},
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: token.cascaderFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
     color: token.cascaderIconColor,
     transition: 'transform 0.3s'
@@ -374,13 +380,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   loading: {
     padding: 10,
-    color: token.cascaderPlaceholderColor,
+    color: token.inputPlaceholderColor,
     display: 'flex',
     justifyContent: 'center'
   },
   empty: {
     padding: "calc(".concat(token.cascaderOptionPaddingY, " + ").concat(token.cascaderOptionInnerPaddingY, ") calc(").concat(token.cascaderOptionPaddingX, " + ").concat(token.cascaderOptionInnerPaddingX, ")"),
-    color: token.cascaderPlaceholderColor
+    color: token.inputPlaceholderColor
   },
   checkedIcon: {
     right: 8,

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;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,CAoqBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -150,7 +150,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.datePickerPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -173,7 +173,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.datePickerPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -183,8 +183,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.datePickerDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   placeholder: {
     color: token.datePickerPlaceholderColor
@@ -198,15 +201,15 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     alignItems: 'center',
     color: token.datePickerIconColor,
     '& svg': {
-      width: token.datePickerFontSize,
-      height: token.datePickerFontSize,
+      width: token.inputFontSize,
+      height: token.inputFontSize,
       '$wrapperSmall &': {
-        width: token.datePickerSmallFontSize,
-        height: token.datePickerSmallFontSize
+        width: token.inputSmallFontSize,
+        height: token.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: token.datePickerLargeFontSize,
-        height: token.datePickerLargeFontSize
+        width: token.inputLargeFontSize,
+        height: token.inputLargeFontSize
       }
     },
     // todo 暂时写死
@@ -314,8 +317,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       transform: 'rotate(180deg)'
     },
     '& svg': {
-      width: token.datePickerPanelHeaderIconWidth,
-      height: token.datePickerPanelHeaderIconWidth
+      width: token.datePickerPanelHeaderFontSize,
+      height: token.datePickerPanelHeaderFontSize
     },
     '&:hover': {
       backgroundColor: token.datePickerPanelHeaderIconHoverBackgroundColor
@@ -324,9 +327,10 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerHeaderMid: {
     display: 'flex',
     alignItems: 'center',
+    fontSize: token.datePickerPanelHeaderFontSize,
+    color: token.datePickerPanelHeaderFontColor,
     '& > span': {
-      padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX),
-      fontSize: token.datePickerPanelHeaderFontSize
+      padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -677,8 +681,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: token.datePickerFontSize,
-        height: token.datePickerFontSize,
+        width: token.datePickerPanelBodyFontSize,
+        height: token.datePickerPanelBodyFontSize,
         color: token.datePickerIconColor
       }
     },
@@ -714,7 +718,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     },
     whiteSpace: 'nowrap',
     textAlign: 'left',
-    fontSize: token.datePickerQuickPanelItemFontSize,
+    color: token.buttonSecondaryTextFontColor,
+    fontSize: token.buttonSmallFontSize,
     padding: "".concat(token.datePickerQuickPanelItemPaddingY, " ").concat(token.datePickerQuickPanelItemPaddingX),
     lineHeight: token.lineHeightDynamic,
     borderRadius: '4px',

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,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/esm/dropdown/dropdown.js

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

package/esm/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/esm/form/form-item.js

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

package/esm/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAmbpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAobpC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/image/image.js

@@ -193,6 +193,7 @@ var ImageStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
+    '--spin-color': Token.imageSpinColor,
     backgroundColor: Token.imagePlaceholderBackgroundColor
   },
   defaultError: {

package/esm/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,CA8lB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -89,6 +89,9 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $arrowIcon': {
+        width: token.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -97,7 +100,7 @@ var selectStyle = _objectSpread(_objectSpread({
         marginBottom: token.selectLargePlaceholderMarginY
       },
       '& $arrowIcon': {
-        width: token.selectLargeFontSize
+        width: token.inputLargeFontSize
       }
     },
     '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
@@ -124,7 +127,7 @@ var selectStyle = _objectSpread(_objectSpread({
       color: token.selectDisabledIconColor
     },
     '& $placeholder': {
-      color: token.selectDisabledPlaceholderColor
+      color: token.inputDisabledPlaceholderColor
     }
   }),
   triggerHover: {
@@ -180,7 +183,7 @@ var selectStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: token.selectPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -230,7 +233,7 @@ var selectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.selectPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -240,8 +243,11 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.selectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -263,7 +269,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: token.selectPlaceholderColor,
+    color: token.inputPlaceholderColor,
     lineHeight: token.lineHeightDynamic,
     marginTop: token.selectPlaceholderMarginY,
     marginBottom: token.selectPlaceholderMarginY
@@ -315,24 +321,24 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.selectFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
-    color: token.selectClearColor,
+    color: token.inputClearColor,
     verticalAlign: 'middle',
     '&:hover': {
       color: token.selectIconColor
     },
     '$wrapperSmall &': {
-      width: token.selectSmallFontSize
+      width: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.selectLargeFontSize
+      width: token.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: token.selectFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
     color: token.selectIconColor,
     transition: 'transform 0.3s'
@@ -602,7 +608,7 @@ var selectStyle = _objectSpread(_objectSpread({
     },
     '&:not($optionDisabled):hover': {
       background: token.selectOptionHoverBackgroundColor,
-      borderRadius: token.selectPanelRadius
+      borderRadius: token.selectOptionInnerBorderRadius
     }
   },
   columnsRadio: {

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,CA+f1C,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;AAwNxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tabs/tabs.js

@@ -187,17 +187,6 @@ var getLineStyle = function getLineStyle() {
         top: 0,
         height: 1,
         width: '100%'
-      },
-      '& $tab': {
-        '&:after': {
-          position: 'absolute',
-          content: '""',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: 1,
-          background: Token.tabsBorderColor
-        }
       }
     }
   };
@@ -215,12 +204,6 @@ var getFillStyle = function getFillStyle() {
   return {
     '&[data-soui-shape="fill"]': {
       '& $tab': {
-        '&[data-soui-state="active"]': {
-          '& $fillInner': {
-            background: '#FFFFFF',
-            color: Token.tabsActiveFontColor
-          }
-        },
         '&:before': {
           content: '""',
           position: 'absolute',
@@ -355,12 +338,7 @@ var tabsStyle = {
     boxSizing: 'border-box',
     cursor: 'pointer',
     lineHeight: Token.lineHeightDynamic,
-    fontSize: Token.tabsTabFontSize,
-    '&[data-soui-state="active"]': {
-      '&:after': {
-        background: Token.tabsActiveFontColor
-      }
-    }
+    fontSize: Token.tabsTabFontSize
   },
   hr: {
     position: 'absolute',
@@ -563,13 +541,13 @@ var tabsStyle = {
   },
   headerScrollBar: {
     position: 'absolute',
-    background: Token.tabsActiveFontColor,
+    background: Token.tabsLineCheckedInkColor,
     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.tabsLineAfterHeight
+      height: Token.tabsLineCheckedInkHeight
     },
     '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
-      width: Token.tabsLineAfterHeight
+      width: Token.tabsLineCheckedInkHeight
     }
   },
   header: {
@@ -584,7 +562,7 @@ var tabsStyle = {
       '& $tab': {
         marginTop: Token.tabsBadgeMargin,
         position: 'relative',
-        border: "1px solid ".concat(Token.tabsCardBorderColor),
+        border: "1px solid ".concat(Token.tabsBorderColor),
         padding: "".concat(Token.tabsCardPaddingY, " ").concat(Token.tabsCardPaddingX),
         color: Token.tabsCardFontColor,
         fontSize: Token.tabsCardFontSize,
@@ -672,7 +650,7 @@ var tabsStyle = {
           background: Token.tabsLineCheckedBackgroundColor,
           fontWeight: Token.tabsLineCheckedFontWeight,
           '&:after': {
-            background: Token.tabsLineAfterBackgroundColor
+            background: Token.tabsLineCheckedInkColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {

package/esm/textarea/textarea.js

@@ -74,7 +74,7 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   textarea: {
     padding: 0,
     '&::placeholder': {
-      color: token.textareaPlaceholderColor
+      color: token.inputPlaceholderColor
     },
     width: '100%',
     background: 'transparent',
@@ -136,51 +136,51 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   clear: {
     position: 'absolute',
-    right: token.textareaPaddingX,
-    top: token.textareaPaddingY,
+    right: token.inputPaddingX,
+    top: token.inputPaddingY,
     cursor: 'pointer',
     padding: 4,
-    color: token.textareaClearColor,
+    color: token.inputClearColor,
     opacity: 0,
     '$wrapperWithClear:hover &, $wrapperWithClear$wrapperFocus &': {
       opacity: 1
     },
     '$wrapperSmall &': {
-      top: token.textareaSmallPaddingY
+      top: token.inputSmallPaddingY
     },
     '$wrapperLarge &': {
-      top: token.textareaLargePaddingY
+      top: token.inputLargePaddingY
     },
     '&:hover': {
-      color: token.textareaClearHoverColor
+      color: token.inputHoverClearColor
     },
     '& > svg': {
       display: 'block',
-      width: token.textareaFontSize,
-      height: token.textareaFontSize,
+      width: token.inputFontSize,
+      height: token.inputFontSize,
       '$wrapperSmall &': {
-        width: token.textareaSmallFontSize,
-        height: token.textareaSmallFontSize
+        width: token.inputSmallFontSize,
+        height: token.inputSmallFontSize
       },
       '$wrapperLarge &': {
-        width: token.textareaLargeFontSize,
-        height: token.textareaLargeFontSize
+        width: token.inputLargeFontSize,
+        height: token.inputLargeFontSize
       }
     },
     '[dir="rtl"] &': {
       right: 'auto',
-      left: token.textareaPaddingX
+      left: token.inputPaddingX
     }
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaFontSize, " + 12px)")
+      paddingRight: "calc(".concat(token.inputPaddingX, " + ").concat(token.inputFontSize, " + 12px)")
     },
     '&&$wrapperSmall > $textarea': {
-      paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallFontSize, " + 12px)")
+      paddingRight: "calc(".concat(token.inputSmallPaddingX, " + ").concat(token.inputSmallFontSize, " + 12px)")
     },
     '&&$wrapperLarge > $textarea': {
-      paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeFontSize, " + 12px)")
+      paddingRight: "calc(".concat(token.inputLargePaddingX, " + ").concat(token.inputLargeFontSize, " + 12px)")
     }
   },
   wrapperShowClear: {

package/esm/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,CA0gBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/esm/tree-select/tree-select.js

@@ -99,6 +99,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       },
       '& $clearIcon': {
         right: token.treeSelectSmallPaddingX
+      },
+      '& $arrowIcon': {
+        width: token.inputSmallFontSize
       }
     },
     '&$wrapperLarge': {
@@ -114,7 +117,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
         fontSize: token.treeSelectLargeFontSize
       },
       '& $arrowIcon': {
-        width: token.treeSelectLargeFontSize
+        width: token.inputLargeFontSize
       },
       '& $clearIcon': {
         right: token.treeSelectLargePaddingX
@@ -183,7 +186,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       '&::placeholder': {
-        color: token.treeSelectPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -230,7 +233,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: token.treeSelectPlaceholderColor
+        color: token.inputPlaceholderColor
       }
     }
   },
@@ -240,8 +243,11 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: token.treeSelectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: token.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: token.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,
@@ -263,7 +269,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   placeholder: {
-    color: token.treeSelectPlaceholderColor,
+    color: token.inputPlaceholderColor,
     lineHeight: token.lineHeightDynamic,
     marginTop: token.treeSelectPlaceholderMarginY,
     marginBottom: token.treeSelectPlaceholderMarginY
@@ -292,24 +298,24 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.treeSelectFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
-    color: token.treeSelectClearColor,
+    color: token.inputClearColor,
     verticalAlign: 'middle',
     '&:hover svg': {
       color: token.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: token.treeSelectSmallFontSize
+      width: token.inputSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.treeSelectLargeFontSize
+      width: token.inputLargeFontSize
     }
   },
   arrowIcon: {
     display: 'inline-block',
     verticalAlign: 'middle',
-    width: token.treeSelectFontSize,
+    width: token.inputFontSize,
     lineHeight: 0,
     color: token.treeSelectIconColor,
     transition: 'transform 0.3s',
@@ -546,7 +552,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   empty: {
-    color: token.selectPlaceholderColor
+    color: token.inputPlaceholderColor
   }
 });
 export default treeSelectStyle;

package/esm/version.d.ts

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