@sheinx/shineout-style 3.9.8-beta.1 → 3.9.8-beta.11

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,CA+gB9C,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;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -366,7 +366,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginBottom: _theme.default.cascaderPlaceholderMarginY
   },
   multiple: {
-    '& $optionInner': {
+    '& $optionInner:not($optionLeaf)': {
       paddingRight: _theme.default.cascaderOptionInnerPaddingRight
     },
     '& $resultTextWrapper': {
@@ -536,6 +536,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
   optionIcon: {
     position: 'absolute',
     right: 8,
+    '[dir=rtl] &': {
+      left: 8,
+      right: 'auto',
+      transform: 'rotate(180deg)'
+    },
     top: 0,
     bottom: 0,
     fontSize: _theme.default.cascaderFontSize,

package/cjs/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAmLtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAiLtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -54,11 +54,9 @@ var descriptionsStyle = {
     lineHeight: _theme.default.lineHeightDynamic
   },
   row: {
-    // '&>td': {
-    //   '&:not(:last-child)': {
-    //     paddingRight: token.descriptionsCellGap,
-    //   },
-    // },
+    '$body:not($border) & > td': {
+      border: 'none'
+    }
   },
   label: {
     paddingRight: _theme.default.descriptionsLabelPaddingRight,

package/cjs/modal/modal.js

@@ -330,8 +330,8 @@ var modalStyle = _objectSpread(_objectSpread({
     '$wrapper &': {
       marginRight: _theme.default.modalHeaderIconMarginEnd,
       marginTop: _theme.default.modalHeaderIconMarginTop,
-      width: _theme.default.modalHeaderIconSize,
-      height: _theme.default.modalHeaderIconSize,
+      width: "calc(".concat(_theme.default.modalHeaderFontSize, " + 2px)"),
+      height: "calc(".concat(_theme.default.modalHeaderFontSize, " + 2px)"),
       lineHeight: _theme.default.modalHeaderIconSize,
       display: 'block',
       alignItems: 'center'

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

package/cjs/progress/progress.js

@@ -64,6 +64,9 @@ var progressStyle = {
     backgroundColor: _theme.default.progressSuccessFrontBackgroundColor,
     '& + $lineFront': {
       zIndex: 1
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   lineFront: {
@@ -101,6 +104,9 @@ var progressStyle = {
       '$wrapperDanger&': {
         backgroundColor: _theme.default.progressLineInnerDangerFrontBackgroundColor
       }
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   content: {
@@ -140,7 +146,10 @@ var progressStyle = {
     padding: '3px 8px',
     borderRadius: '2px',
     color: _theme.default.progressLinePopFontColor,
-    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
+    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
+    '$noAnimation &': {
+      transition: 'none'
+    }
   },
   linePopValue: {},
   linePopArrow: {
@@ -213,13 +222,20 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       stroke: _theme.default.progressDangerFrontBackgroundColor
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   circleSuccess: {
     transform: 'rotate(-90deg)',
     transformOrigin: '50% 50%',
     transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
-    stroke: _theme.default.progressSuccessFrontBackgroundColor
-  }
+    stroke: _theme.default.progressSuccessFrontBackgroundColor,
+    '$noAnimation &': {
+      transition: 'none'
+    }
+  },
+  noAnimation: {}
 };
 var _default = exports.default = progressStyle;

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -344,7 +344,8 @@ var tableStyle = _objectSpread(_objectSpread({
         right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: "-".concat(shadowWidth, "px")
+        left: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       }
     },
     '& table': {
@@ -373,7 +374,8 @@ var tableStyle = _objectSpread(_objectSpread({
         boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: "-".concat(shadowWidth, "px")
+        right: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=ltr]::before': {
         left: "-".concat(shadowWidth, "px")

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAqNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4J1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA0NxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -13,6 +13,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 animations = {
+  '@keyframes spin': {
+    '0%': {
+      transform: 'rotate(0deg)'
+    },
+    '100%': {
+      transform: 'rotate(360deg)'
+    }
+  }
+};
 var brightTag = function brightTag(name, type) {
   return {
     color: _theme.default["tag".concat(type, "FontColor")],
@@ -113,7 +123,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
     }
   });
 };
-var TagStyle = {
+var TagStyle = _objectSpread(_objectSpread({
   rootClass: {},
   tag: {
     display: 'inline-flex',
@@ -214,6 +224,10 @@ var TagStyle = {
     cursor: 'pointer',
     height: tagDefaultLineHeight,
     maxHeight: '100%'
+  }
+}, animations), {}, {
+  closeIconPending: {
+    animation: "$spin 1s linear infinite"
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -248,5 +262,5 @@ var TagStyle = {
   rounded: {
     borderRadius: _theme.default.buttonRoundBorderRadius
   }
-};
+});
 var _default = exports.default = TagStyle;

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,CAqG1C,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,CAyG1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/textarea/textarea.js

@@ -147,6 +147,10 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       display: 'block',
       width: _theme.default.textareaClearSize,
       height: _theme.default.textareaClearSize
+    },
+    '[dir="rtl"] &': {
+      right: 'auto',
+      left: _theme.default.textareaPaddingX
     }
   },
   wrapperWithClear: {

package/cjs/tooltip/tooltip.js

@@ -165,10 +165,10 @@ var tooltipStyle = _objectSpread(_objectSpread({
       boxSizing: 'border-box',
       '--tooltip-background-color': _theme.default.tooltipLightBackgroundColor,
       '&[data-soui-position^="top"] $arrow': {
-        transform: 'translate(0, -1px) rotate(-180deg)'
+        transform: 'translate(-50%, -1px) rotate(-180deg)'
       },
       '&[data-soui-position^="bottom"] $arrow': {
-        transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
+        transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
       },
       '& $arrow:before': {
         clipPath: 'none',

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

@@ -482,7 +482,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   optionDisabled: {
     cursor: 'not-allowed',
     color: _theme.default.treeSelectOptionDisabledColor,
-    backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor,
+    // backgroundColor: token.treeSelectOptionDisabledBackgroundColor,
     '&>[data-role="text"]': {
       color: _theme.default.treeSelectOptionDisabledColor,
       backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.8-beta.1";
+declare const _default: "3.9.8-beta.11";
 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,wBAA8B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}

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-beta.1';
+var _default = exports.default = '3.9.8-beta.11';

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,CA+gB9C,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;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -357,7 +357,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginBottom: token.cascaderPlaceholderMarginY
   },
   multiple: {
-    '& $optionInner': {
+    '& $optionInner:not($optionLeaf)': {
       paddingRight: token.cascaderOptionInnerPaddingRight
     },
     '& $resultTextWrapper': {
@@ -527,6 +527,11 @@ var cascaderStyle = _objectSpread(_objectSpread({
   optionIcon: {
     position: 'absolute',
     right: 8,
+    '[dir=rtl] &': {
+      left: 8,
+      right: 'auto',
+      transform: 'rotate(180deg)'
+    },
     top: 0,
     bottom: 0,
     fontSize: token.cascaderFontSize,

package/esm/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAmLtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAiLtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/descriptions/descriptions.js

@@ -47,11 +47,9 @@ var descriptionsStyle = {
     lineHeight: token.lineHeightDynamic
   },
   row: {
-    // '&>td': {
-    //   '&:not(:last-child)': {
-    //     paddingRight: token.descriptionsCellGap,
-    //   },
-    // },
+    '$body:not($border) & > td': {
+      border: 'none'
+    }
   },
   label: {
     paddingRight: token.descriptionsLabelPaddingRight,

package/esm/modal/modal.js

@@ -323,8 +323,8 @@ var modalStyle = _objectSpread(_objectSpread({
     '$wrapper &': {
       marginRight: token.modalHeaderIconMarginEnd,
       marginTop: token.modalHeaderIconMarginTop,
-      width: token.modalHeaderIconSize,
-      height: token.modalHeaderIconSize,
+      width: "calc(".concat(token.modalHeaderFontSize, " + 2px)"),
+      height: "calc(".concat(token.modalHeaderFontSize, " + 2px)"),
       lineHeight: token.modalHeaderIconSize,
       display: 'block',
       alignItems: 'center'

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

package/esm/progress/progress.js

@@ -57,6 +57,9 @@ var progressStyle = {
     backgroundColor: token.progressSuccessFrontBackgroundColor,
     '& + $lineFront': {
       zIndex: 1
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   lineFront: {
@@ -94,6 +97,9 @@ var progressStyle = {
       '$wrapperDanger&': {
         backgroundColor: token.progressLineInnerDangerFrontBackgroundColor
       }
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   content: {
@@ -133,7 +139,10 @@ var progressStyle = {
     padding: '3px 8px',
     borderRadius: '2px',
     color: token.progressLinePopFontColor,
-    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)'
+    boxShadow: '0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05)',
+    '$noAnimation &': {
+      transition: 'none'
+    }
   },
   linePopValue: {},
   linePopArrow: {
@@ -206,13 +215,20 @@ var progressStyle = {
     },
     '$wrapperDanger &': {
       stroke: token.progressDangerFrontBackgroundColor
+    },
+    '$noAnimation &': {
+      transition: 'none'
     }
   },
   circleSuccess: {
     transform: 'rotate(-90deg)',
     transformOrigin: '50% 50%',
     transition: 'stroke-dashoffset .32s ease 0s,stroke-dasharray .32s ease 0s,stroke .32s,stroke-width .06s ease .32s',
-    stroke: token.progressSuccessFrontBackgroundColor
-  }
+    stroke: token.progressSuccessFrontBackgroundColor,
+    '$noAnimation &': {
+      transition: 'none'
+    }
+  },
+  noAnimation: {}
 };
 export default progressStyle;

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA+oBxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -336,7 +336,8 @@ var tableStyle = _objectSpread(_objectSpread({
         right: "-".concat(shadowWidth, "px")
       },
       '&[dir=rtl]::after': {
-        left: "-".concat(shadowWidth, "px")
+        left: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       }
     },
     '& table': {
@@ -365,7 +366,8 @@ var tableStyle = _objectSpread(_objectSpread({
         boxShadow: 'inset -8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=rtl]::before': {
-        right: "-".concat(shadowWidth, "px")
+        right: "-".concat(shadowWidth, "px"),
+        boxShadow: 'inset 8px 0 10px -6px rgba(2,11,24,.1)'
       },
       '&[dir=ltr]::before': {
         left: "-".concat(shadowWidth, "px")

package/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAqNxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4J1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CA0NxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tag/tag.js

@@ -6,6 +6,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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)");
+var animations = {
+  '@keyframes spin': {
+    '0%': {
+      transform: 'rotate(0deg)'
+    },
+    '100%': {
+      transform: 'rotate(360deg)'
+    }
+  }
+};
 var brightTag = function brightTag(name, type) {
   return {
     color: Token["tag".concat(type, "FontColor")],
@@ -106,7 +116,7 @@ var brightOutlineTag = function brightOutlineTag(name, type) {
     }
   });
 };
-var TagStyle = {
+var TagStyle = _objectSpread(_objectSpread({
   rootClass: {},
   tag: {
     display: 'inline-flex',
@@ -207,6 +217,10 @@ var TagStyle = {
     cursor: 'pointer',
     height: tagDefaultLineHeight,
     maxHeight: '100%'
+  }
+}, animations), {}, {
+  closeIconPending: {
+    animation: "$spin 1s linear infinite"
   },
   closeIconWrapper: {
     display: 'inline-flex',
@@ -241,5 +255,5 @@ var TagStyle = {
   rounded: {
     borderRadius: Token.buttonRoundBorderRadius
   }
-};
+});
 export default TagStyle;

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,CAqG1C,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,CAyG1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/textarea/textarea.js

@@ -140,6 +140,10 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       display: 'block',
       width: token.textareaClearSize,
       height: token.textareaClearSize
+    },
+    '[dir="rtl"] &': {
+      right: 'auto',
+      left: token.textareaPaddingX
     }
   },
   wrapperWithClear: {

package/esm/tooltip/tooltip.js

@@ -158,10 +158,10 @@ var tooltipStyle = _objectSpread(_objectSpread({
       boxSizing: 'border-box',
       '--tooltip-background-color': token.tooltipLightBackgroundColor,
       '&[data-soui-position^="top"] $arrow': {
-        transform: 'translate(0, -1px) rotate(-180deg)'
+        transform: 'translate(-50%, -1px) rotate(-180deg)'
       },
       '&[data-soui-position^="bottom"] $arrow': {
-        transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
+        transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
       },
       '& $arrow:before': {
         clipPath: 'none',

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

@@ -473,7 +473,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   optionDisabled: {
     cursor: 'not-allowed',
     color: token.treeSelectOptionDisabledColor,
-    backgroundColor: token.treeSelectOptionDisabledBackgroundColor,
+    // backgroundColor: token.treeSelectOptionDisabledBackgroundColor,
     '&>[data-role="text"]': {
       color: token.treeSelectOptionDisabledColor,
       backgroundColor: token.treeSelectOptionDisabledBackgroundColor

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.8-beta.1";
+declare const _default: "3.9.8-beta.11";
 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,wBAA8B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA+B"}

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.8-beta.1';
+export default '3.9.8-beta.11';

package/package.json

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