@sheinx/shineout-style 3.9.12-beta.9 → 3.9.13-beta.1

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

package/cjs/cascader/cascader.js

@@ -40,6 +40,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -328,7 +329,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.cascaderClearIconSize,
+    width: _theme.default.cascaderFontSize,
     lineHeight: 0,
     color: _theme.default.cascaderClearColor,
     verticalAlign: 'middle',
@@ -336,10 +337,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
       color: _theme.default.cascaderClearHoverColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.cascaderSmallClearIconSize
+      width: _theme.default.cascaderSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.cascaderLargeClearIconSize
+      width: _theme.default.cascaderLargeFontSize
     }
   },
   compressedIcon: {},

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,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,CA+pBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -39,6 +39,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,

package/cjs/editable-area/editable-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAuD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAwD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -38,6 +38,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,

package/cjs/input/input-border.d.ts

@@ -21,6 +21,7 @@ interface Token {
     errorFocusBorderColor: string;
     fontColor: string;
     disabledFontColor: string;
+    disabledPlaceholderColor: string;
     backgroundColor: string;
     hoverBackgroundColor: string;
     focusBackgroundColor: string;

package/cjs/input/input-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA0ME"}
+{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wBAAwB,EAAE,MAAM,CAAC;IAEjC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA8ME"}

package/cjs/input/input-border.js

@@ -137,10 +137,14 @@ var _default = exports.default = function _default(name) {
       borderColor: token.errorHoverBorderColor,
       backgroundColor: token.errorHoverBackgroundColor
     }
-  }), "&$".concat(name, "Focus"), {
+  }), "&:not($".concat(name, "Disabled)$").concat(name, "Focus"), {
     boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
     borderColor: token.errorFocusBorderColor,
-    background: token.errorFocusBackgroundColor
+    background: token.errorFocusBackgroundColor,
+    '&:hover': {
+      borderColor: token.errorFocusBorderColor,
+      background: token.errorFocusBackgroundColor
+    }
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
@@ -150,7 +154,7 @@ var _default = exports.default = function _default(name) {
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, (0, _theme.getTokenName)('inputInnerPlaceFontColor'), token.disabledFontColor), (0, _theme.getTokenName)('inputInnerFontColor'), token.disabledFontColor), "&:not($".concat(name, "Error):hover"), {
+  }, (0, _theme.getTokenName)('inputInnerPlaceFontColor'), token.disabledPlaceholderColor), (0, _theme.getTokenName)('inputInnerFontColor'), token.disabledPlaceholderColor), "&:not($".concat(name, "Error):hover"), {
     borderColor: token.disabledBorderColor
   }), '& *', {
     cursor: 'not-allowed'

package/cjs/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -38,6 +38,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -249,30 +249,33 @@ var modalStyle = _objectSpread(_objectSpread({
   },
   wrapperHide: {
     opacity: 0,
+    pointerEvents: 'none',
     '&:not($wrapperAnimation)': {
       display: 'none'
     }
   },
   wrapperDrawer: {
-    '& $panel': {
+    '& > $mask > $panel': {
       borderRadius: 0,
       position: 'absolute',
       padding: 0,
-      '& $header': {
+      '& > $header': {
         padding: "".concat(_theme.default.modalDrawerTitlePaddingY, " ").concat(_theme.default.modalDrawerTitlePaddingX),
         background: _theme.default.modalDrawerTitleBackgroundColor,
-        marginBottom: 0
+        marginBottom: 0,
+        borderBottom: "".concat(_theme.default.modalDrawerHeaderBorderWidth, " solid ").concat(_theme.default.modalDrawerHeaderBorderColor)
       },
-      '& $body': {
+      '& > $body': {
         padding: "".concat(_theme.default.modalDrawerBodyPaddingY, " ").concat(_theme.default.modalDrawerBodyPaddingX),
         overflow: 'auto'
       },
-      '& $bodyWithIcon': {
+      '& > $bodyWithIcon': {
         paddingLeft: _theme.default.modalDrawerBodyPaddingX
       },
-      '& $footer': {
+      '& > $footer': {
         padding: "".concat(_theme.default.modalDrawerFooterPaddingY, " ").concat(_theme.default.modalDrawerFooterPaddingX),
-        marginTop: 0
+        marginTop: 0,
+        borderTop: "".concat(_theme.default.modalDrawerFooterBorderWidth, " solid ").concat(_theme.default.modalDrawerFooterBorderColor)
       }
     }
   },

package/cjs/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA+L9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAmM9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/progress/progress.js

@@ -50,7 +50,19 @@ var progressStyle = {
       height: _theme.default.progressLineInnerHeight,
       borderRadius: _theme.default.progressLineInnerHeight
     },
-    background: _theme.default.progressBackground
+    background: _theme.default.progressBackground,
+    '$wrapperSuccess &': {
+      background: _theme.default.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      background: _theme.default.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      background: _theme.default.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      background: _theme.default.progressDangerBackgroundColor
+    }
   },
   lineSuccess: {
     position: 'absolute',

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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqjB1C,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,CAwlB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -40,6 +40,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -323,7 +324,7 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.selectClearIconSize,
+    width: _theme.default.selectFontSize,
     lineHeight: 0,
     color: _theme.default.selectClearColor,
     verticalAlign: 'middle',
@@ -331,10 +332,10 @@ var selectStyle = _objectSpread(_objectSpread({
       color: _theme.default.selectIconColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.selectSmallClearIconSize
+      width: _theme.default.selectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.selectLargeClearIconSize
+      width: _theme.default.selectLargeFontSize
     }
   },
   arrowIcon: {
@@ -421,7 +422,7 @@ var selectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: _defineProperty(_defineProperty({
+  tag: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -431,9 +432,9 @@ var selectStyle = _objectSpread(_objectSpread({
     marginTop: _theme.default.selectTagMarginY,
     marginBottom: _theme.default.selectTagMarginY,
     textWrap: 'nowrap'
-  }, (0, _theme.getTokenName)('tagDefaultLineBase'), _theme.default.inputFontSize), '&$hideTag', {
+  }, (0, _theme.getTokenName)('tagDefaultLineBase'), _theme.default.inputFontSize), (0, _theme.getTokenName)('tagDefaultLineHeight'), "calc(".concat(_theme.default.inputFontSize, " + 6px)")), '&$hideTag', {
     marginRight: 0
-  }),
+  }), '$wrapperSmall &', _defineProperty({}, (0, _theme.getTokenName)('tagSmallLineHeight'), "calc(".concat(_theme.default.inputSmallFontSize, " + 6px)"))), '$wrapperLarge &', _defineProperty({}, (0, _theme.getTokenName)('tagLargeLineHeight'), "calc(".concat(_theme.default.inputLargeFontSize, " + 6px)"))),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -547,18 +548,29 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
-    height: 32,
-    padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectHeaderPaddingX),
+    padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectOptionPaddingX),
     borderBottom: "1px solid ".concat(_theme.default.selectHeaderBorderColor),
-    '& $columnsCheckbox': {
+    '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: 4,
+      marginLeft: _theme.default.selectColumnPadding,
       width: 'auto'
     },
+    '$pickerSmall &': {
+      paddingTop: _theme.default.selectSmallHeaderPaddingY,
+      paddingBottom: _theme.default.selectSmallHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: _theme.default.selectSmallColumnPadding
+      }
+    },
     '$pickerLarge &': {
-      paddingLeft: _theme.default.selectLargeHeaderPaddingX,
-      paddingRight: _theme.default.selectLargeHeaderPaddingX
+      paddingTop: _theme.default.selectLargeHeaderPaddingY,
+      paddingBottom: _theme.default.selectLargeHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: _theme.default.selectLargeColumnPadding
+      }
     }
   },
   footer: {},
@@ -569,8 +581,18 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(_theme.default.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(_theme.default.selectHeaderPaddingX),
-      marginLeft: _theme.default.selectColumnOptionMargin
+      padding: 0,
+      marginLeft: _theme.default.selectColumnPadding
+    },
+    '$pickerSmall &': {
+      '& $optionGroupTitle': {
+        marginLeft: _theme.default.selectSmallColumnPadding
+      }
+    },
+    '$pickerLarge &': {
+      '& $optionGroupTitle': {
+        marginLeft: _theme.default.selectLargeColumnPadding
+      }
     }
   },
   columnsOption: {
@@ -580,10 +602,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    '$pickerLarge &': {
-      paddingLeft: _theme.default.selectLargeColumnPadding,
-      paddingRight: _theme.default.selectLargeColumnPadding
-    },
+    // '$pickerLarge &': {
+    //   paddingLeft: token.selectLargeColumnPadding,
+    //   paddingRight: token.selectLargeColumnPadding,
+    // },
     '& $columnsCheckbox': {
       marginRight: 0
     },
@@ -610,8 +632,15 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     paddingLeft: _theme.default.selectColumnPadding,
     paddingRight: _theme.default.selectColumnPadding,
-    // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
+    '$pickerSmall &': {
+      paddingLeft: _theme.default.selectSmallColumnPadding,
+      paddingRight: _theme.default.selectSmallColumnPadding
+    },
+    '$pickerLarge &': {
+      paddingLeft: _theme.default.selectLargeColumnPadding,
+      paddingRight: _theme.default.selectLargeColumnPadding
+    },
     '& :last-child': {
       flex: 1,
       overflow: 'hidden',

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,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA+f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -571,7 +571,13 @@ var tabsStyle = {
   headerScrollBar: {
     position: 'absolute',
     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"
+    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.tabsLineActiveHeight
+    },
+    '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
+      width: _theme.default.tabsLineActiveHeight
+    }
   },
   header: {
     flex: 1,

package/cjs/tag/tag.js

@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _theme = _interopRequireDefault(require("@sheinx/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _theme = _interopRequireWildcard(require("@sheinx/theme"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var tagDefaultLineHeight = "calc(".concat(_theme.default.tagDefaultLineBase, " + 6px)");
+var tagDefaultLineHeight = "var(".concat((0, _theme.getTokenName)('tagDefaultLineHeight'), ", calc(").concat(_theme.default.tagDefaultLineBase, " + 6px))");
 var animations = {
   '@keyframes spin': {
     '0%': {
@@ -27,7 +28,7 @@ var brightTag = function brightTag(name, type) {
   return {
     color: _theme.default["tag".concat(type, "FontColor")],
     backgroundColor: _theme.default["tag".concat(type, "BackgroundColor")],
-    border: "1px solid ".concat(_theme.default["tag".concat(type, "BorderColor")]),
+    border: "1px solid ".concat(_theme.default["tag".concat(type, "BackgroundColor")]),
     '& $closeIconWrapper': {
       '&:hover': {
         backgroundColor: _theme.default["tag".concat(type, "IconHoverBackgroundColor")]
@@ -42,7 +43,7 @@ var brightTag = function brightTag(name, type) {
     '&$disabled': {
       color: _theme.default["tag".concat(type, "DisabledFontColor")],
       backgroundColor: _theme.default["tag".concat(type, "DisabledBackgroundColor")],
-      border: "1px solid ".concat(_theme.default["tag".concat(type, "DisabledBorderColor")]),
+      border: "1px solid ".concat(_theme.default["tag".concat(type, "DisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         fill: _theme.default["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
@@ -56,7 +57,7 @@ var fillTag = function fillTag(name, type) {
   return _defineProperty({}, "&$".concat(name), {
     color: _theme.default["tag".concat(type, "FillFontColor")],
     backgroundColor: _theme.default["tag".concat(type, "FillBackgroundColor")],
-    border: "1px solid ".concat(_theme.default["tag".concat(type, "FillBorderColor")]),
+    border: "1px solid ".concat(_theme.default["tag".concat(type, "FillBackgroundColor")]),
     '& $closeIconWrapper': {
       color: _theme.default["tag".concat(type, "FillFontColor")],
       '&:hover': {
@@ -66,7 +67,7 @@ var fillTag = function fillTag(name, type) {
     '&$disabled': {
       color: _theme.default["tag".concat(type, "FillDisabledFontColor")],
       backgroundColor: _theme.default["tag".concat(type, "FillDisabledBackgroundColor")],
-      border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBorderColor")]),
+      border: "1px solid ".concat(_theme.default["tag".concat(type, "FillDisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         color: _theme.default["tag".concat(type, "FillDisabledFontColor")],
         '&:hover': {
@@ -186,10 +187,10 @@ var TagStyle = _objectSpread(_objectSpread({
       }
     },
     '& $wrapper': {
-      lineHeight: _theme.default.tagLargeLineHeight
+      lineHeight: "var(".concat((0, _theme.getTokenName)('tagLargeLineHeight'), ", calc(1em + 8px))")
     },
     '& $closeIcon': {
-      height: _theme.default.tagLargeLineHeight
+      height: "var(".concat((0, _theme.getTokenName)('tagLargeLineHeight'), ", calc(1em + 8px))")
     }
   },
   small: {
@@ -199,10 +200,10 @@ var TagStyle = _objectSpread(_objectSpread({
     fontWeight: _theme.default.tagSmallFontWeight,
     borderRadius: _theme.default.tagSmallBorderRadius,
     '& $wrapper': {
-      lineHeight: "var(".concat(_theme.default.tagSmallLineHeight, ", calc(").concat(_theme.default.tagSmallFontSize, " + 6px))")
+      lineHeight: "var(".concat((0, _theme.getTokenName)('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIcon': {
-      height: "var(".concat(_theme.default.tagSmallLineHeight, ", calc(").concat(_theme.default.tagSmallFontSize, " + 4px))")
+      height: "var(".concat((0, _theme.getTokenName)('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIconWrapper': {
       '& svg': {

package/cjs/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJ1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA0DxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJ1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/textarea/textarea.js

@@ -38,6 +38,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,

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;AAuD1D,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,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -40,6 +40,7 @@ var inputBorderToken = {
   errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
+  disabledPlaceholderColor: _theme.default.inputDisabledPlaceholderColor,
   backgroundColor: _theme.default.inputBackgroundColor,
   hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
   focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
@@ -300,7 +301,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.treeSelectClearIconSize,
+    width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
     color: _theme.default.treeSelectClearColor,
     verticalAlign: 'middle',
@@ -308,10 +309,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       color: _theme.default.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.treeSelectSmallClearIconSize
+      width: _theme.default.treeSelectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.treeSelectLargeClearIconSize
+      width: _theme.default.treeSelectLargeFontSize
     }
   },
   arrowIcon: {

package/cjs/version.d.ts

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

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

package/esm/cascader/cascader.js

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,
@@ -319,7 +320,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.cascaderClearIconSize,
+    width: token.cascaderFontSize,
     lineHeight: 0,
     color: token.cascaderClearColor,
     verticalAlign: 'middle',
@@ -327,10 +328,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
       color: token.cascaderClearHoverColor
     },
     '$wrapperSmall &': {
-      width: token.cascaderSmallClearIconSize
+      width: token.cascaderSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.cascaderLargeClearIconSize
+      width: token.cascaderLargeFontSize
     }
   },
   compressedIcon: {},

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,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,CA+pBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -32,6 +32,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,

package/esm/editable-area/editable-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAuD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAwD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,

package/esm/input/input-border.d.ts

@@ -21,6 +21,7 @@ interface Token {
     errorFocusBorderColor: string;
     fontColor: string;
     disabledFontColor: string;
+    disabledPlaceholderColor: string;
     backgroundColor: string;
     hoverBackgroundColor: string;
     focusBackgroundColor: string;

package/esm/input/input-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA0ME"}
+{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,wBAAwB,EAAE,MAAM,CAAC;IAEjC,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA8ME"}

package/esm/input/input-border.js

@@ -131,10 +131,14 @@ export default (function (name) {
       borderColor: token.errorHoverBorderColor,
       backgroundColor: token.errorHoverBackgroundColor
     }
-  }), "&$".concat(name, "Focus"), {
+  }), "&:not($".concat(name, "Disabled)$").concat(name, "Focus"), {
     boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
     borderColor: token.errorFocusBorderColor,
-    background: token.errorFocusBackgroundColor
+    background: token.errorFocusBackgroundColor,
+    '&:hover': {
+      borderColor: token.errorFocusBorderColor,
+      background: token.errorFocusBackgroundColor
+    }
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
@@ -144,7 +148,7 @@ export default (function (name) {
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, getTokenName('inputInnerPlaceFontColor'), token.disabledFontColor), getTokenName('inputInnerFontColor'), token.disabledFontColor), "&:not($".concat(name, "Error):hover"), {
+  }, getTokenName('inputInnerPlaceFontColor'), token.disabledPlaceholderColor), getTokenName('inputInnerFontColor'), token.disabledPlaceholderColor), "&:not($".concat(name, "Error):hover"), {
     borderColor: token.disabledBorderColor
   }), '& *', {
     cursor: 'not-allowed'

package/esm/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAiH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,

package/esm/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -242,30 +242,33 @@ var modalStyle = _objectSpread(_objectSpread({
   },
   wrapperHide: {
     opacity: 0,
+    pointerEvents: 'none',
     '&:not($wrapperAnimation)': {
       display: 'none'
     }
   },
   wrapperDrawer: {
-    '& $panel': {
+    '& > $mask > $panel': {
       borderRadius: 0,
       position: 'absolute',
       padding: 0,
-      '& $header': {
+      '& > $header': {
         padding: "".concat(token.modalDrawerTitlePaddingY, " ").concat(token.modalDrawerTitlePaddingX),
         background: token.modalDrawerTitleBackgroundColor,
-        marginBottom: 0
+        marginBottom: 0,
+        borderBottom: "".concat(token.modalDrawerHeaderBorderWidth, " solid ").concat(token.modalDrawerHeaderBorderColor)
       },
-      '& $body': {
+      '& > $body': {
         padding: "".concat(token.modalDrawerBodyPaddingY, " ").concat(token.modalDrawerBodyPaddingX),
         overflow: 'auto'
       },
-      '& $bodyWithIcon': {
+      '& > $bodyWithIcon': {
         paddingLeft: token.modalDrawerBodyPaddingX
       },
-      '& $footer': {
+      '& > $footer': {
         padding: "".concat(token.modalDrawerFooterPaddingY, " ").concat(token.modalDrawerFooterPaddingX),
-        marginTop: 0
+        marginTop: 0,
+        borderTop: "".concat(token.modalDrawerFooterBorderWidth, " solid ").concat(token.modalDrawerFooterBorderColor)
       }
     }
   },

package/esm/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA+L9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAmM9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/progress/progress.js

@@ -43,7 +43,19 @@ var progressStyle = {
       height: token.progressLineInnerHeight,
       borderRadius: token.progressLineInnerHeight
     },
-    background: token.progressBackground
+    background: token.progressBackground,
+    '$wrapperSuccess &': {
+      background: token.progressSuccessBackgroundColor
+    },
+    '$wrapperWarning &': {
+      background: token.progressWarningBackgroundColor
+    },
+    '$wrapperInfo &': {
+      background: token.progressInfoBackgroundColor
+    },
+    '$wrapperDanger &': {
+      background: token.progressDangerBackgroundColor
+    }
   },
   lineSuccess: {
     position: 'absolute',

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;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqjB1C,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,CAwlB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,
@@ -314,7 +315,7 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.selectClearIconSize,
+    width: token.selectFontSize,
     lineHeight: 0,
     color: token.selectClearColor,
     verticalAlign: 'middle',
@@ -322,10 +323,10 @@ var selectStyle = _objectSpread(_objectSpread({
       color: token.selectIconColor
     },
     '$wrapperSmall &': {
-      width: token.selectSmallClearIconSize
+      width: token.selectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.selectLargeClearIconSize
+      width: token.selectLargeFontSize
     }
   },
   arrowIcon: {
@@ -412,7 +413,7 @@ var selectStyle = _objectSpread(_objectSpread({
       }
     }
   },
-  tag: _defineProperty(_defineProperty({
+  tag: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     flexShrink: 0,
     '&$tag + &$tag': {
       marginLeft: 0
@@ -422,9 +423,9 @@ var selectStyle = _objectSpread(_objectSpread({
     marginTop: token.selectTagMarginY,
     marginBottom: token.selectTagMarginY,
     textWrap: 'nowrap'
-  }, getTokenName('tagDefaultLineBase'), token.inputFontSize), '&$hideTag', {
+  }, getTokenName('tagDefaultLineBase'), token.inputFontSize), getTokenName('tagDefaultLineHeight'), "calc(".concat(token.inputFontSize, " + 6px)")), '&$hideTag', {
     marginRight: 0
-  }),
+  }), '$wrapperSmall &', _defineProperty({}, getTokenName('tagSmallLineHeight'), "calc(".concat(token.inputSmallFontSize, " + 6px)"))), '$wrapperLarge &', _defineProperty({}, getTokenName('tagLargeLineHeight'), "calc(".concat(token.inputLargeFontSize, " + 6px)"))),
   tagOnly: {
     flexShrink: 1,
     minWidth: 42
@@ -538,18 +539,29 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
-    height: 32,
-    padding: "".concat(token.selectHeaderPaddingY, " ").concat(token.selectHeaderPaddingX),
+    padding: "".concat(token.selectHeaderPaddingY, " ").concat(token.selectOptionPaddingX),
     borderBottom: "1px solid ".concat(token.selectHeaderBorderColor),
-    '& $columnsCheckbox': {
+    '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: 4,
+      marginLeft: token.selectColumnPadding,
       width: 'auto'
     },
+    '$pickerSmall &': {
+      paddingTop: token.selectSmallHeaderPaddingY,
+      paddingBottom: token.selectSmallHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: token.selectSmallColumnPadding
+      }
+    },
     '$pickerLarge &': {
-      paddingLeft: token.selectLargeHeaderPaddingX,
-      paddingRight: token.selectLargeHeaderPaddingX
+      paddingTop: token.selectLargeHeaderPaddingY,
+      paddingBottom: token.selectLargeHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: token.selectLargeColumnPadding
+      }
     }
   },
   footer: {},
@@ -560,8 +572,18 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(token.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(token.selectHeaderPaddingX),
-      marginLeft: token.selectColumnOptionMargin
+      padding: 0,
+      marginLeft: token.selectColumnPadding
+    },
+    '$pickerSmall &': {
+      '& $optionGroupTitle': {
+        marginLeft: token.selectSmallColumnPadding
+      }
+    },
+    '$pickerLarge &': {
+      '& $optionGroupTitle': {
+        marginLeft: token.selectLargeColumnPadding
+      }
     }
   },
   columnsOption: {
@@ -571,10 +593,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    '$pickerLarge &': {
-      paddingLeft: token.selectLargeColumnPadding,
-      paddingRight: token.selectLargeColumnPadding
-    },
+    // '$pickerLarge &': {
+    //   paddingLeft: token.selectLargeColumnPadding,
+    //   paddingRight: token.selectLargeColumnPadding,
+    // },
     '& $columnsCheckbox': {
       marginRight: 0
     },
@@ -601,8 +623,15 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     paddingLeft: token.selectColumnPadding,
     paddingRight: token.selectColumnPadding,
-    // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
+    '$pickerSmall &': {
+      paddingLeft: token.selectSmallColumnPadding,
+      paddingRight: token.selectSmallColumnPadding
+    },
+    '$pickerLarge &': {
+      paddingLeft: token.selectLargeColumnPadding,
+      paddingRight: token.selectLargeColumnPadding
+    },
     '& :last-child': {
       flex: 1,
       overflow: 'hidden',

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,CAyf1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyOxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA+f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/tabs/tabs.js

@@ -564,7 +564,13 @@ var tabsStyle = {
   headerScrollBar: {
     position: 'absolute',
     background: Token.tabsActiveFontColor,
-    transition: "left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out"
+    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.tabsLineActiveHeight
+    },
+    '[data-soui-position^="left-"] &,[data-soui-position^="right-"] &': {
+      width: Token.tabsLineActiveHeight
+    }
   },
   header: {
     flex: 1,

package/esm/tag/tag.js

@@ -4,8 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import Token from '@sheinx/theme';
-var tagDefaultLineHeight = "calc(".concat(Token.tagDefaultLineBase, " + 6px)");
+import Token, { getTokenName } from '@sheinx/theme';
+var tagDefaultLineHeight = "var(".concat(getTokenName('tagDefaultLineHeight'), ", calc(").concat(Token.tagDefaultLineBase, " + 6px))");
 var animations = {
   '@keyframes spin': {
     '0%': {
@@ -20,7 +20,7 @@ var brightTag = function brightTag(name, type) {
   return {
     color: Token["tag".concat(type, "FontColor")],
     backgroundColor: Token["tag".concat(type, "BackgroundColor")],
-    border: "1px solid ".concat(Token["tag".concat(type, "BorderColor")]),
+    border: "1px solid ".concat(Token["tag".concat(type, "BackgroundColor")]),
     '& $closeIconWrapper': {
       '&:hover': {
         backgroundColor: Token["tag".concat(type, "IconHoverBackgroundColor")]
@@ -35,7 +35,7 @@ var brightTag = function brightTag(name, type) {
     '&$disabled': {
       color: Token["tag".concat(type, "DisabledFontColor")],
       backgroundColor: Token["tag".concat(type, "DisabledBackgroundColor")],
-      border: "1px solid ".concat(Token["tag".concat(type, "DisabledBorderColor")]),
+      border: "1px solid ".concat(Token["tag".concat(type, "DisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         fill: Token["tag".concat(type, "IconDisabledFontColor")],
         '&:hover': {
@@ -49,7 +49,7 @@ var fillTag = function fillTag(name, type) {
   return _defineProperty({}, "&$".concat(name), {
     color: Token["tag".concat(type, "FillFontColor")],
     backgroundColor: Token["tag".concat(type, "FillBackgroundColor")],
-    border: "1px solid ".concat(Token["tag".concat(type, "FillBorderColor")]),
+    border: "1px solid ".concat(Token["tag".concat(type, "FillBackgroundColor")]),
     '& $closeIconWrapper': {
       color: Token["tag".concat(type, "FillFontColor")],
       '&:hover': {
@@ -59,7 +59,7 @@ var fillTag = function fillTag(name, type) {
     '&$disabled': {
       color: Token["tag".concat(type, "FillDisabledFontColor")],
       backgroundColor: Token["tag".concat(type, "FillDisabledBackgroundColor")],
-      border: "1px solid ".concat(Token["tag".concat(type, "FillDisabledBorderColor")]),
+      border: "1px solid ".concat(Token["tag".concat(type, "FillDisabledBackgroundColor")]),
       '& $closeIconWrapper': {
         color: Token["tag".concat(type, "FillDisabledFontColor")],
         '&:hover': {
@@ -179,10 +179,10 @@ var TagStyle = _objectSpread(_objectSpread({
       }
     },
     '& $wrapper': {
-      lineHeight: Token.tagLargeLineHeight
+      lineHeight: "var(".concat(getTokenName('tagLargeLineHeight'), ", calc(1em + 8px))")
     },
     '& $closeIcon': {
-      height: Token.tagLargeLineHeight
+      height: "var(".concat(getTokenName('tagLargeLineHeight'), ", calc(1em + 8px))")
     }
   },
   small: {
@@ -192,10 +192,10 @@ var TagStyle = _objectSpread(_objectSpread({
     fontWeight: Token.tagSmallFontWeight,
     borderRadius: Token.tagSmallBorderRadius,
     '& $wrapper': {
-      lineHeight: "var(".concat(Token.tagSmallLineHeight, ", calc(").concat(Token.tagSmallFontSize, " + 6px))")
+      lineHeight: "var(".concat(getTokenName('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIcon': {
-      height: "var(".concat(Token.tagSmallLineHeight, ", calc(").concat(Token.tagSmallFontSize, " + 4px))")
+      height: "var(".concat(getTokenName('tagSmallLineHeight'), ", calc(1em + 6px))")
     },
     '& $closeIconWrapper': {
       '& svg': {

package/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJ1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA0DxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAiJ1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/textarea/textarea.js

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,

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;AAuD1D,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,CAogBlD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -31,6 +31,7 @@ var inputBorderToken = {
   errorFocusBorderColor: token.inputErrorFocusBorderColor,
   fontColor: token.inputFontColor,
   disabledFontColor: token.inputDisabledFontColor,
+  disabledPlaceholderColor: token.inputDisabledPlaceholderColor,
   backgroundColor: token.inputBackgroundColor,
   hoverBackgroundColor: token.inputHoverBackgroundColor,
   focusBackgroundColor: token.inputFocusBackgroundColor,
@@ -291,7 +292,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.treeSelectClearIconSize,
+    width: token.treeSelectFontSize,
     lineHeight: 0,
     color: token.treeSelectClearColor,
     verticalAlign: 'middle',
@@ -299,10 +300,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       color: token.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: token.treeSelectSmallClearIconSize
+      width: token.treeSelectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.treeSelectLargeClearIconSize
+      width: token.treeSelectLargeFontSize
     }
   },
   arrowIcon: {

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.12-beta.9';
+export default '3.9.13-beta.1';

package/package.json

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