@sheinx/shineout-style 3.7.6-beta.3 → 3.8.0-beta.10

package/cjs/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0HlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/breadcrumb/breadcrumb.js

@@ -24,9 +24,6 @@ var breadcrumbStyle = {
       }
     }
   },
-  wrapperPopover: {
-    flexWrap: 'wrap'
-  },
   content: {
     '&&': {
       display: 'flex',
@@ -36,23 +33,10 @@ var breadcrumbStyle = {
       color: _theme.default.breadcrumbDefaultLinkActiveColor
     }
   },
-  contentMaxWidth: {
-    maxWidth: '150px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    '&&': {
-      display: 'block'
-    }
-  },
   ellipsis: {
     color: _theme.default.breadcrumbLinkColor,
     position: 'relative',
-    top: '-0.25em',
-    cursor: 'pointer',
-    '&:hover': {
-      color: _theme.default.breadcrumbLinkHoverColor
-    }
+    top: '-3px'
   },
   itemWrapper: {
     // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,

package/cjs/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA+IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/checkbox/checkbox.js

@@ -5,8 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _common = require("../common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var checkboxStyle = {
+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 checkboxStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
   rootClass: {},
   wrapper: {
     display: 'inline-flex',
@@ -95,7 +102,8 @@ var checkboxStyle = {
       width: '80%',
       top: '50%',
       left: '50%',
-      transform: 'translateY(-50%) translateX(-50%)'
+      transform: 'translate(-50%, -50%)',
+      animation: '$bounce-in-center 0.2s cubic-bezier(0.22, 0.61, 0.36, 1)'
     },
     '$wrapperChecked &, $wrapperIndeterminate &': {
       borderColor: _theme.default.checkboxIconCheckedBorderColor,
@@ -145,5 +153,5 @@ var checkboxStyle = {
       marginRight: 0
     }
   }
-};
+});
 var _default = exports.default = checkboxStyle;

package/cjs/common/common.d.ts

@@ -1,7 +1,7 @@
 import { CommonClasses } from '@sheinx/base';
 import { JsStyles } from '../jss-style';
 export type CommonClass = keyof CommonClasses;
-declare const collapseStyle: JsStyles<CommonClass>;
+declare const commonStyle: JsStyles<CommonClass>;
 export declare const animations: {
     '@keyframes r2c': {
         '0%': {
@@ -93,6 +93,14 @@ export declare const animations: {
             transform: string;
         };
     };
+    '@keyframes bounce-in-center': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
 };
-export default collapseStyle;
+export default commonStyle;
 //# sourceMappingURL=common.d.ts.map

package/cjs/common/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,WAAW,CAIxC,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CAItC,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/common/common.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.animations = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var collapseStyle = {
+var commonStyle = {
   highlight: {
     color: _theme.default.tagWarningFontColor
   }
@@ -101,6 +101,14 @@ var animations = exports.animations = {
       opacity: 1,
       transform: 'translateY(-100%) scaleY(1)'
     }
+  },
+  '@keyframes bounce-in-center': {
+    '0%': {
+      transform: 'translate(-50%, -50%) scale(0)'
+    },
+    '100%': {
+      transform: 'translate(-50%, -50%) scale(1)'
+    }
   }
 };
-var _default = exports.default = collapseStyle;
+var _default = exports.default = commonStyle;

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

package/cjs/input/input.js

@@ -165,6 +165,17 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       fontSize: 'inherit'
     }
   },
+  wrapperShowClear: {
+    '& $clearWrapper': {
+      display: 'flex',
+      opacity: 0
+    }
+  },
+  wrapperHasValue: {
+    '& $clearWrapper': {
+      opacity: 1
+    }
+  },
   clearWrapper: {
     position: 'relative',
     flexBasis: "calc(".concat(_theme.default.inputIconSize, " + 8px)"),
@@ -282,54 +293,10 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     '&:hover svg': {
       color: _theme.default.inputHoverToggleColor
     }
-    // marginRight: token.inputPaddingX,
   },
   info: {
-    position: 'absolute',
-    '&[dir=ltr]': {
-      right: '0'
-    },
-    '&[dir=rtl]': {
-      left: '0'
-    },
-    top: '100%',
-    zIndex: 1000,
-    transformOrigin: '100% 0',
-    marginTop: '10px',
-    animation: 'so-input-fade .16s ease-in',
-    maxWidth: '400px',
-    padding: '5px 8px',
     background: _theme.default.inputInfoBackgroundColor,
-    borderRadius: _theme.default.inputBorderRadius,
-    boxShadow: "0 0 0 1px ".concat(_theme.default.inputBorderColor),
-    fontSize: '12px',
-    color: _theme.default.inputInfoFontColor,
-    '&::before': {
-      display: 'block',
-      position: 'absolute',
-      bottom: '100%',
-      transform: 'rotate(45deg) translateY(3px)',
-      width: '6px',
-      height: '6px',
-      borderTop: "1px solid ".concat(_theme.default.inputBorderColor),
-      borderLeft: "1px solid ".concat(_theme.default.inputBorderColor),
-      background: 'inherit',
-      content: "'  '"
-    },
-    '&[dir=ltr]::before': {
-      right: '4px'
-    },
-    '&[dir=rtl]::before': {
-      left: '8px'
-    }
-  },
-  infoError: {
-    boxShadow: "0 0 0 1px ".concat(_theme.default.inputInfoErrorBorderColor),
-    color: _theme.default.inputInfoErrorFontColor,
-    background: _theme.default.inputInfoErrorBackgroundColor,
-    '&::before': {
-      borderColor: _theme.default.inputInfoErrorBorderColor
-    }
+    color: _theme.default.inputInfoFontColor
   }
 });
 var _default = exports.default = input;

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;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA4K5C,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,CAyL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -5,8 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _tooltip = require("../tooltip/tooltip");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -16,7 +19,7 @@ var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
 var arrowMargin = '8px';
 var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
 var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
-var popoverStyle = {
+var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {}, {
   rootClass: {},
   wrapper: {
     display: 'none',
@@ -177,7 +180,19 @@ var popoverStyle = {
     }
   },
   wrapperOpen: {
-    display: 'block'
+    display: 'block',
+    '&[data-soui-position^="bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="top"]': {
+      animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="left"]': {
+      animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right"]': {
+      animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    }
   },
   arrow: {},
   hideArrow: {},
@@ -209,5 +224,5 @@ var popoverStyle = {
   footer: {
     textAlign: 'right'
   }
-};
+});
 var _default = exports.default = popoverStyle;

package/cjs/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAwK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/radio/radio.js

@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _common = require("../common");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var radioStyle = {
+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 radioStyle = _objectSpread(_objectSpread({}, _common.animations), {}, {
   rootClass: {},
-  // '@keyframes so-checkinput-focus': {
-  //   '0%': {
-  //     boxShadow: `0 0 0 0 ${cssVars.primaryColorFade50}`,
-  //   },
-  //   '50%': {
-  //     boxShadow: `0 0 0 4px ${cssVars.primaryColorFade0}`,
-  //   },
-  //   '100%': {
-  //     boxShadow: `0 0 0 8px ${cssVars.primaryColorFade0}`,
-  //   },
-  // },
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
@@ -118,7 +114,8 @@ var radioStyle = {
         position: 'absolute',
         top: '50%',
         left: '50%',
-        transform: 'translate(-50%, -50%)'
+        transform: 'translate(-50%, -50%)',
+        animation: '$bounce-in-center 0.2s cubic-bezier(0.22, 0.61, 0.36, 1)'
       }
     },
     '$wrapperDisabled:not($wrapperChecked) &': {
@@ -174,5 +171,5 @@ var radioStyle = {
       margin: 0
     }
   }
-};
+});
 var _default = exports.default = radioStyle;

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

package/cjs/table/table.js

@@ -536,6 +536,12 @@ var tableStyle = _objectSpread(_objectSpread({
       display: 'none'
     }
   },
+  cellSortable: {
+    cursor: 'pointer',
+    '&:hover': {
+      background: _theme.default.tableTbodyHoverBackgroundColor
+    }
+  },
   sticky: {},
   expandIcon: {
     position: 'relative',

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

package/cjs/textarea/textarea.js

@@ -75,7 +75,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       color: _theme.default.textareaPlaceholderColor
     },
     width: '100%',
-    height: '100%',
     background: 'transparent',
     border: '0',
     margin: '0',

package/cjs/tooltip/tooltip.d.ts

@@ -1,5 +1,55 @@
 import { JsStyles } from '../jss-style';
 import { TooltipClasses } from '@sheinx/base';
+export declare const tooltipAnimation: {
+    '@keyframes fadeIn': {
+        '0%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    '@keyframes moveRight': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveLeft': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveTop': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveBottom': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+};
 declare const tooltipStyle: JsStyles<keyof TooltipClasses>;
 export default tooltipStyle;
 //# sourceMappingURL=tooltip.d.ts.map

package/cjs/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAqD9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA4OhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/tooltip/tooltip.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.tooltipAnimation = exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -14,7 +14,7 @@ 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); }
 var arrowGap = 12;
 var arrowHeight = 8;
-var animation = {
+var tooltipAnimation = exports.tooltipAnimation = {
   '@keyframes fadeIn': {
     '0%': {
       opacity: 0
@@ -25,46 +25,48 @@ var animation = {
   },
   '@keyframes moveRight': {
     '0%': {
-      marginLeft: '0'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(0.5)"
     },
     '100%': {
-      marginLeft: '9px'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(1)"
     }
   },
   '@keyframes moveLeft': {
     '0%': {
-      opacity: 0,
-      marginRight: '0'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginRight: '10px'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveTop': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: -10
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveBottom': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: 10
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   }
 };
 var tooltipStyle = _objectSpread(_objectSpread({
   rootClass: {}
-}, animation), {}, {
+}, tooltipAnimation), {}, {
   wrapper: {
     display: 'none',
     cursor: 'pointer',
@@ -87,16 +89,6 @@ var tooltipStyle = _objectSpread(_objectSpread({
       },
       '&[data-soui-position^="bottom"] $arrow': {
         transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
-      },
-      '& $arrow:before': {
-        clipPath: 'none',
-        borderTop: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
-        borderLeft: "1px solid ".concat(_theme.default.tooltipLightBorderColor),
-        borderRight: 'transparent',
-        borderBottom: 'transparent',
-        width: 8.4,
-        height: 8.4,
-        transform: 'translate(50%, 27.5%) rotate(45deg)'
       }
     },
     '&[data-soui-type^="primary"]': {
@@ -234,7 +226,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       position: 'absolute'
     },
     '&[data-soui-position^="bottom"]': {
-      animation: '$fadeIn .3s ease, $moveBottom .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -243,7 +235,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="top"]': {
-      animation: '$fadeIn .3s ease, $moveTop .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -252,7 +244,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="left"]': {
-      animation: '$fadeIn .3s ease, $moveLeft .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',
@@ -262,7 +254,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="right"]': {
-      animation: '$fadeIn .3s ease, $moveRight .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',

package/cjs/version.d.ts

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

package/esm/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0HlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/breadcrumb/breadcrumb.js

@@ -17,9 +17,6 @@ var breadcrumbStyle = {
       }
     }
   },
-  wrapperPopover: {
-    flexWrap: 'wrap'
-  },
   content: {
     '&&': {
       display: 'flex',
@@ -29,23 +26,10 @@ var breadcrumbStyle = {
       color: token.breadcrumbDefaultLinkActiveColor
     }
   },
-  contentMaxWidth: {
-    maxWidth: '150px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    '&&': {
-      display: 'block'
-    }
-  },
   ellipsis: {
     color: token.breadcrumbLinkColor,
     position: 'relative',
-    top: '-0.25em',
-    cursor: 'pointer',
-    '&:hover': {
-      color: token.breadcrumbLinkHoverColor
-    }
+    top: '-3px'
   },
   itemWrapper: {
     // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,

package/esm/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA+IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/checkbox/checkbox.js

@@ -1,5 +1,12 @@
+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); }
 import token from '@sheinx/theme';
-var checkboxStyle = {
+import { animations } from "../common";
+var checkboxStyle = _objectSpread(_objectSpread({}, animations), {}, {
   rootClass: {},
   wrapper: {
     display: 'inline-flex',
@@ -88,7 +95,8 @@ var checkboxStyle = {
       width: '80%',
       top: '50%',
       left: '50%',
-      transform: 'translateY(-50%) translateX(-50%)'
+      transform: 'translate(-50%, -50%)',
+      animation: '$bounce-in-center 0.2s cubic-bezier(0.22, 0.61, 0.36, 1)'
     },
     '$wrapperChecked &, $wrapperIndeterminate &': {
       borderColor: token.checkboxIconCheckedBorderColor,
@@ -138,5 +146,5 @@ var checkboxStyle = {
       marginRight: 0
     }
   }
-};
+});
 export default checkboxStyle;

package/esm/common/common.d.ts

@@ -1,7 +1,7 @@
 import { CommonClasses } from '@sheinx/base';
 import { JsStyles } from '../jss-style';
 export type CommonClass = keyof CommonClasses;
-declare const collapseStyle: JsStyles<CommonClass>;
+declare const commonStyle: JsStyles<CommonClass>;
 export declare const animations: {
     '@keyframes r2c': {
         '0%': {
@@ -93,6 +93,14 @@ export declare const animations: {
             transform: string;
         };
     };
+    '@keyframes bounce-in-center': {
+        '0%': {
+            transform: string;
+        };
+        '100%': {
+            transform: string;
+        };
+    };
 };
-export default collapseStyle;
+export default commonStyle;
 //# sourceMappingURL=common.d.ts.map

package/esm/common/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,WAAW,CAIxC,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,WAAW,GAAG,MAAM,aAAa,CAAC;AAE9C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,WAAW,CAItC,CAAC;AAGF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/common/common.js

@@ -1,5 +1,5 @@
 import Token from '@sheinx/theme';
-var collapseStyle = {
+var commonStyle = {
   highlight: {
     color: Token.tagWarningFontColor
   }
@@ -94,6 +94,14 @@ export var animations = {
       opacity: 1,
       transform: 'translateY(-100%) scaleY(1)'
     }
+  },
+  '@keyframes bounce-in-center': {
+    '0%': {
+      transform: 'translate(-50%, -50%) scale(0)'
+    },
+    '100%': {
+      transform: 'translate(-50%, -50%) scale(1)'
+    }
   }
 };
-export default collapseStyle;
+export default commonStyle;

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

package/esm/input/input.js

@@ -158,6 +158,17 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       fontSize: 'inherit'
     }
   },
+  wrapperShowClear: {
+    '& $clearWrapper': {
+      display: 'flex',
+      opacity: 0
+    }
+  },
+  wrapperHasValue: {
+    '& $clearWrapper': {
+      opacity: 1
+    }
+  },
   clearWrapper: {
     position: 'relative',
     flexBasis: "calc(".concat(token.inputIconSize, " + 8px)"),
@@ -275,54 +286,10 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     '&:hover svg': {
       color: token.inputHoverToggleColor
     }
-    // marginRight: token.inputPaddingX,
   },
   info: {
-    position: 'absolute',
-    '&[dir=ltr]': {
-      right: '0'
-    },
-    '&[dir=rtl]': {
-      left: '0'
-    },
-    top: '100%',
-    zIndex: 1000,
-    transformOrigin: '100% 0',
-    marginTop: '10px',
-    animation: 'so-input-fade .16s ease-in',
-    maxWidth: '400px',
-    padding: '5px 8px',
     background: token.inputInfoBackgroundColor,
-    borderRadius: token.inputBorderRadius,
-    boxShadow: "0 0 0 1px ".concat(token.inputBorderColor),
-    fontSize: '12px',
-    color: token.inputInfoFontColor,
-    '&::before': {
-      display: 'block',
-      position: 'absolute',
-      bottom: '100%',
-      transform: 'rotate(45deg) translateY(3px)',
-      width: '6px',
-      height: '6px',
-      borderTop: "1px solid ".concat(token.inputBorderColor),
-      borderLeft: "1px solid ".concat(token.inputBorderColor),
-      background: 'inherit',
-      content: "'  '"
-    },
-    '&[dir=ltr]::before': {
-      right: '4px'
-    },
-    '&[dir=rtl]::before': {
-      left: '8px'
-    }
-  },
-  infoError: {
-    boxShadow: "0 0 0 1px ".concat(token.inputInfoErrorBorderColor),
-    color: token.inputInfoErrorFontColor,
-    background: token.inputInfoErrorBackgroundColor,
-    '&::before': {
-      borderColor: token.inputInfoErrorBorderColor
-    }
+    color: token.inputInfoFontColor
   }
 });
 export default input;

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;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC;AAUpD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CA4K5C,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,CAyL5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/popover/popover.js

@@ -1,15 +1,18 @@
 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); }
 import token from '@sheinx/theme';
+import { tooltipAnimation } from "../tooltip/tooltip";
 var cssvar = '--popover-arrow-gap';
 var hideArrowGap = "var(".concat(cssvar, ", 10px)");
 var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
 var arrowMargin = '8px';
 var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
 var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
-var popoverStyle = {
+var popoverStyle = _objectSpread(_objectSpread({}, tooltipAnimation), {}, {
   rootClass: {},
   wrapper: {
     display: 'none',
@@ -170,7 +173,19 @@ var popoverStyle = {
     }
   },
   wrapperOpen: {
-    display: 'block'
+    display: 'block',
+    '&[data-soui-position^="bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="top"]': {
+      animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="left"]': {
+      animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right"]': {
+      animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    }
   },
   arrow: {},
   hideArrow: {},
@@ -202,5 +217,5 @@ var popoverStyle = {
   footer: {
     textAlign: 'right'
   }
-};
+});
 export default popoverStyle;

package/esm/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CAwK5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,YAAY,CA+J5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/radio/radio.js

@@ -1,17 +1,13 @@
+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); }
 import token from '@sheinx/theme';
-var radioStyle = {
+import { animations } from "../common";
+var radioStyle = _objectSpread(_objectSpread({}, animations), {}, {
   rootClass: {},
-  // '@keyframes so-checkinput-focus': {
-  //   '0%': {
-  //     boxShadow: `0 0 0 0 ${cssVars.primaryColorFade50}`,
-  //   },
-  //   '50%': {
-  //     boxShadow: `0 0 0 4px ${cssVars.primaryColorFade0}`,
-  //   },
-  //   '100%': {
-  //     boxShadow: `0 0 0 8px ${cssVars.primaryColorFade0}`,
-  //   },
-  // },
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
@@ -111,7 +107,8 @@ var radioStyle = {
         position: 'absolute',
         top: '50%',
         left: '50%',
-        transform: 'translate(-50%, -50%)'
+        transform: 'translate(-50%, -50%)',
+        animation: '$bounce-in-center 0.2s cubic-bezier(0.22, 0.61, 0.36, 1)'
       }
     },
     '$wrapperDisabled:not($wrapperChecked) &': {
@@ -167,5 +164,5 @@ var radioStyle = {
       margin: 0
     }
   }
-};
+});
 export default radioStyle;

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

package/esm/table/table.js

@@ -529,6 +529,12 @@ var tableStyle = _objectSpread(_objectSpread({
       display: 'none'
     }
   },
+  cellSortable: {
+    cursor: 'pointer',
+    '&:hover': {
+      background: token.tableTbodyHoverBackgroundColor
+    }
+  },
   sticky: {},
   expandIcon: {
     position: 'relative',

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

package/esm/textarea/textarea.js

@@ -68,7 +68,6 @@ var input = _objectSpread(_objectSpread(_objectSpread({
       color: token.textareaPlaceholderColor
     },
     width: '100%',
-    height: '100%',
     background: 'transparent',
     border: '0',
     margin: '0',

package/esm/tooltip/tooltip.d.ts

@@ -1,5 +1,55 @@
 import { JsStyles } from '../jss-style';
 import { TooltipClasses } from '@sheinx/base';
+export declare const tooltipAnimation: {
+    '@keyframes fadeIn': {
+        '0%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    '@keyframes moveRight': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveLeft': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveTop': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+    '@keyframes moveBottom': {
+        '0%': {
+            transformOrigin: string;
+            transform: string;
+        };
+        '100%': {
+            transformOrigin: string;
+            transform: string;
+        };
+    };
+};
 declare const tooltipStyle: JsStyles<keyof TooltipClasses>;
 export default tooltipStyle;
 //# sourceMappingURL=tooltip.d.ts.map

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAqD9C,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CA4OhD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiD5B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,cAAc,CAkOhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tooltip/tooltip.js

@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import token from '@sheinx/theme';
 var arrowGap = 12;
 var arrowHeight = 8;
-var animation = {
+export var tooltipAnimation = {
   '@keyframes fadeIn': {
     '0%': {
       opacity: 0
@@ -18,46 +18,48 @@ var animation = {
   },
   '@keyframes moveRight': {
     '0%': {
-      marginLeft: '0'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(0.5)"
     },
     '100%': {
-      marginLeft: '9px'
+      transformOrigin: 'left center',
+      transform: "var(--soui-popup-transform) scale(1)"
     }
   },
   '@keyframes moveLeft': {
     '0%': {
-      opacity: 0,
-      marginRight: '0'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginRight: '10px'
+      transformOrigin: 'right center',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveTop': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: -10
+      transformOrigin: 'center bottom',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   },
   '@keyframes moveBottom': {
     '0%': {
-      opacity: 0,
-      marginTop: '0'
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
     },
     '100%': {
-      opacity: 1,
-      marginTop: 10
+      transformOrigin: 'center top',
+      transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
     }
   }
 };
 var tooltipStyle = _objectSpread(_objectSpread({
   rootClass: {}
-}, animation), {}, {
+}, tooltipAnimation), {}, {
   wrapper: {
     display: 'none',
     cursor: 'pointer',
@@ -80,16 +82,6 @@ var tooltipStyle = _objectSpread(_objectSpread({
       },
       '&[data-soui-position^="bottom"] $arrow': {
         transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
-      },
-      '& $arrow:before': {
-        clipPath: 'none',
-        borderTop: "1px solid ".concat(token.tooltipLightBorderColor),
-        borderLeft: "1px solid ".concat(token.tooltipLightBorderColor),
-        borderRight: 'transparent',
-        borderBottom: 'transparent',
-        width: 8.4,
-        height: 8.4,
-        transform: 'translate(50%, 27.5%) rotate(45deg)'
       }
     },
     '&[data-soui-type^="primary"]': {
@@ -227,7 +219,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       position: 'absolute'
     },
     '&[data-soui-position^="bottom"]': {
-      animation: '$fadeIn .3s ease, $moveBottom .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -236,7 +228,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="top"]': {
-      animation: '$fadeIn .3s ease, $moveTop .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: '100%',
         height: arrowGap,
@@ -245,7 +237,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="left"]': {
-      animation: '$fadeIn .3s ease, $moveLeft .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',
@@ -255,7 +247,7 @@ var tooltipStyle = _objectSpread(_objectSpread({
       }
     },
     '&[data-soui-position^="right"]': {
-      animation: '$fadeIn .3s ease, $moveRight .3s cubic-bezier(.71,1.7,.77,1.24);',
+      animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
       '&::after': {
         width: arrowGap,
         height: '100%',

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.7.6-beta.3";
+declare const _default: "3.8.0-beta.10";
 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.7.6-beta.3';
+export default '3.8.0-beta.10';

package/package.json

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