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

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,CAuhB9C,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/cjs/cascader/cascader.js

@@ -284,8 +284,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.cascaderDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,

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,CAgqBlD,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/cjs/date-picker/date-picker.js

@@ -157,7 +157,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.datePickerPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -180,7 +180,7 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.datePickerPlaceholderColor
+        color: _theme.default.inputPlaceholderColor
       }
     }
   },
@@ -190,8 +190,11 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.datePickerDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   placeholder: {
     color: _theme.default.datePickerPlaceholderColor
@@ -321,8 +324,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       transform: 'rotate(180deg)'
     },
     '& svg': {
-      width: _theme.default.datePickerPanelHeaderIconWidth,
-      height: _theme.default.datePickerPanelHeaderIconWidth
+      width: _theme.default.datePickerPanelHeaderFontSize,
+      height: _theme.default.datePickerPanelHeaderFontSize
     },
     '&:hover': {
       backgroundColor: _theme.default.datePickerPanelHeaderIconHoverBackgroundColor
@@ -331,10 +334,10 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
   pickerHeaderMid: {
     display: 'flex',
     alignItems: 'center',
+    fontSize: _theme.default.datePickerPanelHeaderFontSize,
+    color: _theme.default.datePickerPanelHeaderFontColor,
     '& > span': {
-      padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX),
-      fontSize: _theme.default.datePickerPanelHeaderFontSize,
-      color: _theme.default.datePickerPanelHeaderFontColor
+      padding: "0 ".concat(_theme.default.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -685,8 +688,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
       lineHeight: '0',
       marginRight: '8px',
       '& > svg': {
-        width: _theme.default.datePickerFontSize,
-        height: _theme.default.datePickerFontSize,
+        width: _theme.default.datePickerPanelBodyFontSize,
+        height: _theme.default.datePickerPanelBodyFontSize,
         color: _theme.default.datePickerIconColor
       }
     },
@@ -722,7 +725,8 @@ var datePickerStyle = _objectSpread(_objectSpread(_objectSpread({
     },
     whiteSpace: 'nowrap',
     textAlign: 'left',
-    fontSize: _theme.default.datePickerQuickPanelItemFontSize,
+    color: _theme.default.buttonSecondaryTextFontColor,
+    fontSize: _theme.default.buttonSmallFontSize,
     padding: "".concat(_theme.default.datePickerQuickPanelItemPaddingY, " ").concat(_theme.default.datePickerQuickPanelItemPaddingX),
     lineHeight: _theme.default.lineHeightDynamic,
     borderRadius: '4px',

package/cjs/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/cjs/image/image.js

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

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,CA2lB1C,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/cjs/select/select.js

@@ -252,8 +252,11 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.selectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,

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,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/cjs/tabs/tabs.js

@@ -194,17 +194,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: _theme.default.tabsBorderColor
-        }
       }
     }
   };
@@ -222,12 +211,6 @@ var getFillStyle = function getFillStyle() {
   return {
     '&[data-soui-shape="fill"]': {
       '& $tab': {
-        '&[data-soui-state="active"]': {
-          '& $fillInner': {
-            background: '#FFFFFF',
-            color: _theme.default.tabsActiveFontColor
-          }
-        },
         '&:before': {
           content: '""',
           position: 'absolute',
@@ -362,12 +345,7 @@ var tabsStyle = {
     boxSizing: 'border-box',
     cursor: 'pointer',
     lineHeight: _theme.default.lineHeightDynamic,
-    fontSize: _theme.default.tabsTabFontSize,
-    '&[data-soui-state="active"]': {
-      '&:after': {
-        background: _theme.default.tabsActiveFontColor
-      }
-    }
+    fontSize: _theme.default.tabsTabFontSize
   },
   hr: {
     position: 'absolute',
@@ -570,7 +548,7 @@ var tabsStyle = {
   },
   headerScrollBar: {
     position: 'absolute',
-    background: _theme.default.tabsActiveFontColor,
+    background: _theme.default.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: _theme.default.tabsLineCheckedInkHeight

package/cjs/textarea/textarea.js

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

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,CAugBlD,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/cjs/tree-select/tree-select.js

@@ -252,8 +252,11 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     }
   },
   resultTextDisabled: {
-    color: _theme.default.treeSelectDisabledFontColor,
-    cursor: 'not-allowed'
+    color: _theme.default.inputDisabledFontColor,
+    cursor: 'not-allowed',
+    '& input::placeholder': {
+      color: _theme.default.inputDisabledPlaceholderColor
+    }
   },
   compressedWrapper: {
     width: 0,

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.13-beta.5";
+declare const _default: "3.9.13-beta.7";
 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.5';
+var _default = exports.default = '3.9.13-beta.7';

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,CAuhB9C,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

@@ -275,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,

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,CAgqBlD,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
@@ -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,10 +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,
-      color: token.datePickerPanelHeaderFontColor
+      padding: "0 ".concat(token.datePickerPanelHeaderTitlePaddingX)
     }
   },
   pickerHeaderInfo: {
@@ -678,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
       }
     },
@@ -715,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/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,CA2lB1C,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

@@ -243,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,

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,7 +541,7 @@ 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.tabsLineCheckedInkHeight

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,CAugBlD,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

@@ -243,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,

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.13-beta.5';
+export default '3.9.13-beta.7';

package/package.json

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