@sheinx/shineout-style 3.9.8 → 3.9.9-beta.2

package/cjs/collapse/collapse-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CA6ItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/collapse/collapse-item.js

@@ -93,6 +93,10 @@ var collapseItemStyle = {
       }
     }
   },
+  iconRight: {
+    marginRight: 0,
+    marginLeft: _theme.default.collapseHeaderGap
+  },
   title: {
     flex: 1,
     lineHeight: _theme.default.lineHeightDynamic

package/cjs/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA6FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAuEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA6FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAQA,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,wBAwME"}
+{"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"}

package/cjs/input/input-border.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _theme = require("@sheinx/theme");
 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; }
@@ -143,13 +144,13 @@ var _default = exports.default = function _default(name) {
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
-  })), "".concat(name, "Disabled"), _defineProperty(_defineProperty({
+  })), "".concat(name, "Disabled"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, "&:not($".concat(name, "Error):hover"), {
+  }, (0, _theme.getTokenName)('inputInnerPlaceFontColor'), token.disabledFontColor), (0, _theme.getTokenName)('inputInnerFontColor'), token.disabledFontColor), "&: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,CAkNvC,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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -293,6 +293,9 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     height: _theme.default.inputIconSize,
     color: _theme.default.inputToggleColor,
     cursor: 'pointer',
+    '$wrapperDisabled &': {
+      color: _theme.default.inputDisabledFontColor
+    },
     '$wrapperSmall &': {
       width: _theme.default.inputSmallIconSize,
       height: _theme.default.inputSmallIconSize

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,CAgTxC,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,CAwTxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -380,9 +380,17 @@ var modalStyle = _objectSpread(_objectSpread({
     top: 12,
     right: 12,
     marginTop: 0,
+    '[dir="rtl"] &': {
+      right: 'auto',
+      left: 12
+    },
     '$wrapperDrawer &': {
       top: 4,
-      right: 4
+      right: 4,
+      '[dir="rtl"] &': {
+        right: 'auto',
+        left: 4
+      }
     }
   },
   body: {

package/cjs/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA0N5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA+N5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -218,6 +218,11 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
       animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     }
   },
+  wrapperNoAnimation: {
+    '&[data-soui-position]': {
+      animation: 'none'
+    }
+  },
   arrow: {},
   hideArrow: {},
   content: {

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

package/cjs/select/select.js

@@ -554,6 +554,10 @@ var selectStyle = _objectSpread(_objectSpread({
       marginRight: 0,
       marginLeft: 4,
       width: 'auto'
+    },
+    '$pickerLarge &': {
+      paddingLeft: _theme.default.selectLargeHeaderPaddingX,
+      paddingRight: _theme.default.selectLargeHeaderPaddingX
     }
   },
   footer: {},
@@ -577,6 +581,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
+    '$pickerLarge &': {
+      paddingLeft: _theme.default.selectLargeColumnPadding,
+      paddingRight: _theme.default.selectLargeColumnPadding
+    },
     '& $columnsCheckbox': {
       marginRight: 0
     },

package/cjs/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2S1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAiT1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/slider/slider.js

@@ -74,6 +74,12 @@ var sliderStyle = {
   indicator: {
     position: 'absolute',
     zIndex: 100,
+    '&:hover::after': {
+      borderColor: _theme.default.sliderIndicatorHoverBoderColor
+    },
+    '&:active::after': {
+      borderColor: _theme.default.sliderIndicatorBorderColor
+    },
     '&::after': {
       content: '""',
       display: 'block',

package/cjs/spin/spin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAiF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/spin/spin.js

@@ -46,7 +46,8 @@ var spinStyle = _objectSpread(_objectSpread({
   chasingRing: _chasingRing.default,
   fade: {},
   spin: {
-    margin: 'auto'
+    margin: 'auto',
+    flexShrink: 0
   },
   content: {
     margin: 'auto',

package/cjs/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+zBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAq0BxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/steps/steps.js

@@ -122,6 +122,9 @@ var stepsStyle = {
     '& $title': {
       fontSize: _theme.default.stepsSmallTitleFontSize
     },
+    '& $content  $description': {
+      fontSize: _theme.default.stepsSmallDescriptionFontSize
+    },
     '&$default $iconWrapper': {
       fontSize: _theme.default.stepsSmallTitleFontSize,
       lineHeight: _theme.default.stepsSmallIconHeight,
@@ -265,6 +268,9 @@ var stepsStyle = {
     '& $title': {
       fontSize: _theme.default.stepsLargeTitleFontSize
     },
+    '& $content $description': {
+      fontSize: _theme.default.stepsLargeDescriptionFontSize
+    },
     '&$default $iconWrapper': {
       fontSize: _theme.default.stepsLargeTitleFontSize,
       width: "calc(".concat(_theme.default.stepsLargeIconFontSize, " + 14px)"),
@@ -865,7 +871,7 @@ var stepsStyle = {
       lineHeight: _theme.default.stepsIconHeight
     },
     '& $description': {
-      fontSize: _theme.default.stepsSmallDescriptionFontSize
+      fontSize: _theme.default.stepsDescriptionFontSize
     },
     '& $icon svg': {
       padding: 6,

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,CAyG1C,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;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAqI1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/textarea/textarea.js

@@ -60,7 +60,7 @@ var wrapper = inputBorder.wrapper,
 var input = _objectSpread(_objectSpread(_objectSpread({
   rootClass: {}
 }, inputBorder), {}, {
-  wrapper: _objectSpread({
+  wrapper: _objectSpread(_objectSpread({
     display: 'inline-flex',
     flexDirection: 'column',
     width: '100%',
@@ -68,7 +68,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     position: 'relative',
     flexWrap: 'wrap',
     minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputPaddingY, " * 2)")
-  }, wrapper)
+  }, wrapper), {}, {
+    '$wrapperSmall&': {
+      minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputSmallPaddingY, " * 2)")
+    },
+    '$wrapperLarge&': {
+      minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputLargePaddingY, " * 2)")
+    }
+  })
 }, resetWrapper), {}, {
   textarea: {
     padding: 0,
@@ -140,13 +147,27 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     cursor: 'pointer',
     padding: 4,
     color: _theme.default.textareaClearColor,
+    '$wrapperSmall &': {
+      top: _theme.default.textareaSmallPaddingY
+    },
+    '$wrapperLarge &': {
+      top: _theme.default.textareaLargePaddingY
+    },
     '&:hover': {
       color: _theme.default.textareaClearHoverColor
     },
     '& > svg': {
       display: 'block',
       width: _theme.default.textareaClearSize,
-      height: _theme.default.textareaClearSize
+      height: _theme.default.textareaClearSize,
+      '$wrapperSmall &': {
+        width: _theme.default.textareaSmallClearSize,
+        height: _theme.default.textareaSmallClearSize
+      },
+      '$wrapperLarge &': {
+        width: _theme.default.textareaLargeClearSize,
+        height: _theme.default.textareaLargeClearSize
+      }
     },
     '[dir="rtl"] &': {
       right: 'auto',
@@ -155,7 +176,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " * 4)")
+      paddingRight: "calc(".concat(_theme.default.textareaPaddingX, " + ").concat(_theme.default.textareaClearSize, " + 12px)")
+    },
+    '&&$wrapperSmall > $textarea': {
+      paddingRight: "calc(".concat(_theme.default.textareaSmallPaddingX, " + ").concat(_theme.default.textareaSmallClearSize, " + 12px)")
+    },
+    '&&$wrapperLarge > $textarea': {
+      paddingRight: "calc(".concat(_theme.default.textareaLargePaddingX, " + ").concat(_theme.default.textareaLargeClearSize, " + 12px)")
     }
   }
 });

package/cjs/transfer/transfer.js

@@ -68,7 +68,7 @@ var TransferStyle = {
     '& $target': {
       borderRadius: "0 ".concat(_theme.default.transferBorderRadius, " ").concat(_theme.default.transferBorderRadius, " 0"),
       '& $header': {
-        paddingRight: 6,
+        paddingRight: 8,
         borderRadius: "0 ".concat(_theme.default.transferBorderRadius, " 0 0")
       }
     }
@@ -85,7 +85,7 @@ var TransferStyle = {
   target: {},
   simpleTarget: {
     display: 'flex',
-    padding: '5px 3px',
+    padding: '5px 4px',
     paddingLeft: 8,
     fontSize: _theme.default.transferFontSize,
     justifyContent: 'space-between',
@@ -102,7 +102,7 @@ var TransferStyle = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    marginLeft: 3,
+    marginLeft: 4,
     '& svg': {
       width: _theme.default.transferFontSize,
       color: _theme.default.transferRemoveIconColor

package/cjs/version.d.ts

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

package/cjs/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.9.8';
+var _default = exports.default = '3.9.9-beta.2';

package/esm/collapse/collapse-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAyItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CA6ItD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/collapse/collapse-item.js

@@ -86,6 +86,10 @@ var collapseItemStyle = {
       }
     }
   },
+  iconRight: {
+    marginRight: 0,
+    marginLeft: Token.collapseHeaderGap
+  },
   title: {
     flex: 1,
     lineHeight: Token.lineHeightDynamic

package/esm/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAsEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA6FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAuEjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA6FjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAQA,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,wBAwME"}
+{"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"}

package/esm/input/input-border.js

@@ -4,6 +4,7 @@ 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 { getTokenName } from '@sheinx/theme';
 var supportsHas = function supportsHas() {
   if (typeof CSS === 'undefined' || typeof CSS.supports === 'undefined') {
     return false;
@@ -137,13 +138,13 @@ export default (function (name) {
     // '[data-soui-role="input-group-separate"]&': {
     //   boxShadow: 'none',
     // }
-  })), "".concat(name, "Disabled"), _defineProperty(_defineProperty({
+  })), "".concat(name, "Disabled"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,
     borderColor: token.disabledBorderColor,
     boxShadow: 'none',
     cursor: 'not-allowed'
-  }, "&:not($".concat(name, "Error):hover"), {
+  }, getTokenName('inputInnerPlaceFontColor'), token.disabledFontColor), getTokenName('inputInnerFontColor'), token.disabledFontColor), "&: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,CAkNvC,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;AAgH5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAqNvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/input/input.js

@@ -286,6 +286,9 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     height: token.inputIconSize,
     color: token.inputToggleColor,
     cursor: 'pointer',
+    '$wrapperDisabled &': {
+      color: token.inputDisabledFontColor
+    },
     '$wrapperSmall &': {
       width: token.inputSmallIconSize,
       height: token.inputSmallIconSize

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,CAgTxC,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,CAwTxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -373,9 +373,17 @@ var modalStyle = _objectSpread(_objectSpread({
     top: 12,
     right: 12,
     marginTop: 0,
+    '[dir="rtl"] &': {
+      right: 'auto',
+      left: 12
+    },
     '$wrapperDrawer &': {
       top: 4,
-      right: 4
+      right: 4,
+      '[dir="rtl"] &': {
+        right: 'auto',
+        left: 4
+      }
     }
   },
   body: {

package/esm/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA0N5C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA+N5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/popover/popover.js

@@ -211,6 +211,11 @@ var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
       animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     }
   },
+  wrapperNoAnimation: {
+    '&[data-soui-position]': {
+      animation: 'none'
+    }
+  },
   arrow: {},
   hideArrow: {},
   content: {

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

package/esm/select/select.js

@@ -545,6 +545,10 @@ var selectStyle = _objectSpread(_objectSpread({
       marginRight: 0,
       marginLeft: 4,
       width: 'auto'
+    },
+    '$pickerLarge &': {
+      paddingLeft: token.selectLargeHeaderPaddingX,
+      paddingRight: token.selectLargeHeaderPaddingX
     }
   },
   footer: {},
@@ -568,6 +572,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
+    '$pickerLarge &': {
+      paddingLeft: token.selectLargeColumnPadding,
+      paddingRight: token.selectLargeColumnPadding
+    },
     '& $columnsCheckbox': {
       marginRight: 0
     },

package/esm/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA2S1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAIlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAiT1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/slider/slider.js

@@ -67,6 +67,12 @@ var sliderStyle = {
   indicator: {
     position: 'absolute',
     zIndex: 100,
+    '&:hover::after': {
+      borderColor: token.sliderIndicatorHoverBoderColor
+    },
+    '&:active::after': {
+      borderColor: token.sliderIndicatorBorderColor
+    },
     '&::after': {
       content: '""',
       display: 'block',

package/esm/spin/spin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAkB3C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CAiF1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/spin/spin.js

@@ -39,7 +39,8 @@ var spinStyle = _objectSpread(_objectSpread({
   chasingRing: chasingRing,
   fade: {},
   spin: {
-    margin: 'auto'
+    margin: 'auto',
+    flexShrink: 0
   },
   content: {
     margin: 'auto',

package/esm/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+zBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["steps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAEhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAq0BxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/steps/steps.js

@@ -115,6 +115,9 @@ var stepsStyle = {
     '& $title': {
       fontSize: Token.stepsSmallTitleFontSize
     },
+    '& $content  $description': {
+      fontSize: Token.stepsSmallDescriptionFontSize
+    },
     '&$default $iconWrapper': {
       fontSize: Token.stepsSmallTitleFontSize,
       lineHeight: Token.stepsSmallIconHeight,
@@ -258,6 +261,9 @@ var stepsStyle = {
     '& $title': {
       fontSize: Token.stepsLargeTitleFontSize
     },
+    '& $content $description': {
+      fontSize: Token.stepsLargeDescriptionFontSize
+    },
     '&$default $iconWrapper': {
       fontSize: Token.stepsLargeTitleFontSize,
       width: "calc(".concat(Token.stepsLargeIconFontSize, " + 14px)"),
@@ -858,7 +864,7 @@ var stepsStyle = {
       lineHeight: Token.stepsIconHeight
     },
     '& $description': {
-      fontSize: Token.stepsSmallDescriptionFontSize
+      fontSize: Token.stepsDescriptionFontSize
     },
     '& $icon svg': {
       padding: 6,

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,CAyG1C,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;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAqI1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/textarea/textarea.js

@@ -53,7 +53,7 @@ var wrapper = inputBorder.wrapper,
 var input = _objectSpread(_objectSpread(_objectSpread({
   rootClass: {}
 }, inputBorder), {}, {
-  wrapper: _objectSpread({
+  wrapper: _objectSpread(_objectSpread({
     display: 'inline-flex',
     flexDirection: 'column',
     width: '100%',
@@ -61,7 +61,14 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     position: 'relative',
     flexWrap: 'wrap',
     minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputPaddingY, " * 2)")
-  }, wrapper)
+  }, wrapper), {}, {
+    '$wrapperSmall&': {
+      minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputSmallPaddingY, " * 2)")
+    },
+    '$wrapperLarge&': {
+      minHeight: "calc(".concat(token.lineHeightDynamic, " + ").concat(token.inputLargePaddingY, " * 2)")
+    }
+  })
 }, resetWrapper), {}, {
   textarea: {
     padding: 0,
@@ -133,13 +140,27 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     cursor: 'pointer',
     padding: 4,
     color: token.textareaClearColor,
+    '$wrapperSmall &': {
+      top: token.textareaSmallPaddingY
+    },
+    '$wrapperLarge &': {
+      top: token.textareaLargePaddingY
+    },
     '&:hover': {
       color: token.textareaClearHoverColor
     },
     '& > svg': {
       display: 'block',
       width: token.textareaClearSize,
-      height: token.textareaClearSize
+      height: token.textareaClearSize,
+      '$wrapperSmall &': {
+        width: token.textareaSmallClearSize,
+        height: token.textareaSmallClearSize
+      },
+      '$wrapperLarge &': {
+        width: token.textareaLargeClearSize,
+        height: token.textareaLargeClearSize
+      }
     },
     '[dir="rtl"] &': {
       right: 'auto',
@@ -148,7 +169,13 @@ var input = _objectSpread(_objectSpread(_objectSpread({
   },
   wrapperWithClear: {
     '&& $textarea': {
-      paddingRight: "calc(".concat(token.textareaPaddingX, " * 4)")
+      paddingRight: "calc(".concat(token.textareaPaddingX, " + ").concat(token.textareaClearSize, " + 12px)")
+    },
+    '&&$wrapperSmall > $textarea': {
+      paddingRight: "calc(".concat(token.textareaSmallPaddingX, " + ").concat(token.textareaSmallClearSize, " + 12px)")
+    },
+    '&&$wrapperLarge > $textarea': {
+      paddingRight: "calc(".concat(token.textareaLargePaddingX, " + ").concat(token.textareaLargeClearSize, " + 12px)")
     }
   }
 });

package/esm/transfer/transfer.js

@@ -61,7 +61,7 @@ var TransferStyle = {
     '& $target': {
       borderRadius: "0 ".concat(Token.transferBorderRadius, " ").concat(Token.transferBorderRadius, " 0"),
       '& $header': {
-        paddingRight: 6,
+        paddingRight: 8,
         borderRadius: "0 ".concat(Token.transferBorderRadius, " 0 0")
       }
     }
@@ -78,7 +78,7 @@ var TransferStyle = {
   target: {},
   simpleTarget: {
     display: 'flex',
-    padding: '5px 3px',
+    padding: '5px 4px',
     paddingLeft: 8,
     fontSize: Token.transferFontSize,
     justifyContent: 'space-between',
@@ -95,7 +95,7 @@ var TransferStyle = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    marginLeft: 3,
+    marginLeft: 4,
     '& svg': {
       width: Token.transferFontSize,
       color: Token.transferRemoveIconColor

package/esm/version.d.ts

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

package/esm/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.8';
+export default '3.9.9-beta.2';

package/package.json

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