@sheinx/shineout-style 3.8.0-beta.4 → 3.8.0-beta.40

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,CA0GlD,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,CA0HlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/breadcrumb/breadcrumb.js

@@ -24,6 +24,9 @@ var breadcrumbStyle = {
       }
     }
   },
+  wrapperPopover: {
+    flexWrap: 'wrap'
+  },
   content: {
     '&&': {
       display: 'flex',
@@ -33,10 +36,23 @@ 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: '-3px'
+    top: '-0.25em',
+    cursor: 'pointer',
+    '&:hover': {
+      color: _theme.default.breadcrumbLinkHoverColor
+    }
   },
   itemWrapper: {
     // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,

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;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAohB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA+DtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAuhB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -299,6 +299,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
+    overflow: 'hidden'
+  },
+  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {

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/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAmJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAYxC,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CAwJlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/form/form-item.js

@@ -144,6 +144,11 @@ var formItemStyle = _objectSpread(_objectSpread({
       top: '2px'
     }
   },
+  wrapperHideRequired: {
+    '& $label::before': {
+      display: 'none'
+    }
+  },
   wrapperKeepHeight: {
     marginBottom: _theme.default.formItemTipMinHeight,
     '&$wrapperTip': {

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/jss-style/index.d.ts

@@ -1,6 +1,6 @@
-import { JssProvider, SheetsRegistry } from 'react-jss';
+import { JssProvider, SheetsRegistry, jss } from 'react-jss';
 import { JssStyle, GenerateId, Classes } from 'jss';
-export { JssProvider, SheetsRegistry };
+export { JssProvider, SheetsRegistry, jss };
 export declare const setJssConfig: (newConfig: {
     generateId?: GenerateId;
 }) => void;

package/cjs/jss-style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAOvC,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAqBtE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC;AAO5C,eAAO,MAAM,YAAY,cAAe;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,SAElE,CAAC;AAeF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAIzF;AAiBD,MAAM,MAAM,QAAQ,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACrD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,MAAM,6CAA8C,MAAM,qBAqBtE,CAAC"}

package/cjs/jss-style/index.js

@@ -17,6 +17,12 @@ Object.defineProperty(exports, "SheetsRegistry", {
   }
 });
 exports.generateClassName = generateClassName;
+Object.defineProperty(exports, "jss", {
+  enumerable: true,
+  get: function get() {
+    return _reactJss.jss;
+  }
+});
 exports.styled = exports.setJssConfig = void 0;
 var _reactJss = require("react-jss");
 var _handleStyle = _interopRequireDefault(require("./handleStyle"));

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

package/cjs/modal/modal.js

@@ -316,6 +316,7 @@ var modalStyle = _objectSpread(_objectSpread({
     background: _theme.default.modalPanelBackground,
     borderRadius: _theme.default.modalPanelRadius,
     padding: "".concat(_theme.default.modalPanelPaddingY, " ").concat(_theme.default.modalPanelPaddingX),
+    margin: '0 auto',
     fontSize: _theme.default.modalPanelFontSize,
     boxSizing: 'border-box',
     boxShadow: _theme.default.modalPanelShadow,

package/cjs/normalize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AAoYA,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["normalize.ts"],"names":[],"mappings":"AA+YA,eAAO,MAAM,mBAAmB,kCA8B/B,CAAC"}

package/cjs/normalize.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.scopeNormalizeStyle = void 0;
 var _theme = require("@sheinx/theme");
+var _jssStyle = require("./jss-style");
 // 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 // 2. Change the default font family in all browsers.
 // 3. Correct the line height in all browsers.
@@ -30,19 +31,29 @@ var token = {
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';
 var normalizeStyle = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(token.color, ";\n  font-family: ").concat(token.fontFamily, ";\n  font-size: ").concat(token.fontSize, ";\n  line-height: ").concat(token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(token.headingsColor, ";\n  font-family: ").concat(token.headingsFontFamily, ";\n  font-weight: ").concat(token.headingsFontWeight, ";\n  line-height: ").concat(token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
+var normalizeStyleId = 'shineout-next-normalize__' + Math.random().toString(36).substring(2, 15);
+var jssInsertionPointId = 'shineout-next-jss-insertion-point__' + Math.random().toString(36).substring(2, 15);
 function appendNormalizeStyle(styleString, id) {
   var style = document.createElement('style');
   style.id = id;
   style.innerHTML = styleString;
-  document.head.appendChild(style);
+  document.head.insertBefore(style, document.head.firstChild);
+}
+function appendJssInsertionPoint() {
+  var insertionPoint = document.createElement('style');
+  insertionPoint.id = jssInsertionPointId;
+  document.head.insertBefore(insertionPoint, document.head.firstChild);
+  _jssStyle.jss.setup({
+    insertionPoint: insertionPoint
+  });
 }
-var uniqueStyleId = 'shineout-next-normalize__' + Math.random().toString(36).substring(2, 15);
 if (typeof window !== 'undefined') {
-  appendNormalizeStyle(normalizeStyle, uniqueStyleId);
+  appendJssInsertionPoint();
+  appendNormalizeStyle(normalizeStyle, normalizeStyleId);
 }
 var scopeNormalizeStyle = exports.scopeNormalizeStyle = function scopeNormalizeStyle() {
   var csScopePrefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#app';
-  var styleElement = document.getElementById(uniqueStyleId);
+  var styleElement = document.getElementById(normalizeStyleId);
   // 移除styleElement
 
   var styleSheet = styleElement === null || styleElement === void 0 ? void 0 : styleElement.sheet;
@@ -71,7 +82,7 @@ var scopeNormalizeStyle = exports.scopeNormalizeStyle = function scopeNormalizeS
     return rule.cssText;
   }).join('') : '';
   document.head.removeChild(styleElement);
-  appendNormalizeStyle(scopedStyleString, uniqueStyleId);
+  appendNormalizeStyle(scopedStyleString, normalizeStyleId);
 };
 (0, _theme.setToken)({
   selector: 'html'

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,CAyL5C,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,CAiN5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/popover/popover.js

@@ -29,7 +29,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
     borderRadius: _theme.default.popoverRadius,
     border: "1px solid ".concat(_theme.default.popoverBorderColor),
     wordWrap: 'break-word',
-    '& $arrow': {
+    '& > $arrow': {
       'z-index': 1,
       position: 'absolute',
       content: '" "',
@@ -50,7 +50,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
     '&$hideArrow': _defineProperty({}, cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
       marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
-      '& $arrow': {
+      '& > $arrow': {
         top: '0',
         transform: 'translate(0, -50%) rotate(-45deg)',
         left: '0',
@@ -70,7 +70,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
     '&[data-soui-position^="top"]': {
       // marginTop: (arrowGap - 2) * -1,
       marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
-      '& $arrow': {
+      '& > $arrow': {
         bottom: '0',
         transform: 'translate(0, 50%) rotate(135deg)',
         left: '0',
@@ -96,7 +96,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
       '&[dir=rtl]': {
         marginLeft: "calc((".concat(hideArrowGap, " - 2px))")
       },
-      '& $arrow': {
+      '& > $arrow': {
         right: _theme.default.popoverBorderWidth,
         transform: 'translate(50%, 0) rotate(45deg)',
         top: '0',
@@ -120,7 +120,7 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
       '&[dir=rtl]': {
         marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
-      '& $arrow': {
+      '& > $arrow': {
         left: '0',
         transform: 'translate(-50%, 0) rotate(-135deg)',
         top: '0',
@@ -139,19 +139,19 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
         position: 'absolute'
       }
     },
-    '&&[data-soui-position$="-left"] $arrow': {
+    '&&[data-soui-position$="-left"] > $arrow': {
       left: arrowMargin,
       right: 'auto'
     },
-    '&&[data-soui-position$="-right"] $arrow': {
+    '&&[data-soui-position$="-right"] > $arrow': {
       right: arrowMargin,
       left: 'auto'
     },
-    '&&[data-soui-position$="-top"] $arrow': {
+    '&&[data-soui-position$="-top"] > $arrow': {
       top: arrowMargin,
       bottom: 'auto'
     },
-    '&&[data-soui-position$="-bottom"] $arrow': {
+    '&&[data-soui-position$="-bottom"] > $arrow': {
       bottom: arrowMargin,
       top: 'auto'
     },
@@ -184,14 +184,38 @@ var popoverStyle = _objectSpread(_objectSpread({}, _tooltip.tooltipAnimation), {
     '&[data-soui-position^="bottom"]': {
       animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
     },
+    '&[data-soui-position^="bottom-left"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="bottom-right"]': {
+      animation: '$fadeIn 200ms ease, $moveBottomRight 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^="top-left"]': {
+      animation: '$fadeIn 200ms ease, $moveTopLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
+    },
+    '&[data-soui-position^="top-right"]': {
+      animation: '$fadeIn 200ms ease, $moveTopRight 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^="left-top"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="left-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveLeftBottom 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);'
+    },
+    '&[data-soui-position^="right-top"]': {
+      animation: '$fadeIn 200ms ease, $moveRightTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
+    },
+    '&[data-soui-position^="right-bottom"]': {
+      animation: '$fadeIn 200ms ease, $moveRightBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
     }
   },
   arrow: {},

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',
@@ -105,7 +101,7 @@ var radioStyle = {
     color: _theme.default.radioIconColor,
     backgroundColor: _theme.default.radioIconBackgroundColor,
     border: '1px solid currentColor',
-    '$wrapperChecked &': {
+    '$wrapperChecked > $indicatorWrapper > &': {
       backgroundColor: _theme.default.radioIconCheckedBackgroundColor,
       color: _theme.default.radioIconCheckedColor,
       '&::after': {
@@ -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/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;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA6iB1C,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;AA+DlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA+iB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -270,6 +270,9 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   compressedWrapper: {
     width: 0,
+    overflow: 'hidden'
+  },
+  compressedBoundWrapper: {
     overflow: 'auto'
   },
   controlMouse: {
@@ -551,7 +554,6 @@ var selectStyle = _objectSpread(_objectSpread({
     height: 32,
     padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectHeaderPaddingX),
     borderBottom: "1px solid ".concat(_theme.default.selectHeaderBorderColor),
-    marginBottom: 4,
     '& $columnsCheckbox': {
       marginRight: 0,
       marginLeft: 4,

package/cjs/skeleton/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAU9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CA0F9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/skeleton/skeleton.js

@@ -11,7 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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';
+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 animation = {
   '@keyframes skeleton-animation': {
     '0%': {
@@ -29,9 +29,9 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
   },
   animation: {
     '& $textItem, & $image, & $buttonItem': {
-      background: "linear-gradient(90deg, ".concat(_theme.default.skeletonAnimationFromColor, " 25%, ").concat(_theme.default.skeletonAnimationToColor, " 37%, ").concat(_theme.default.skeletonAnimationFromColor, " 63%)"),
+      backgroundImage: "linear-gradient(90deg, ".concat(_theme.default.skeletonAnimationFromColor, " 25%, ").concat(_theme.default.skeletonAnimationToColor, " 37%, ").concat(_theme.default.skeletonAnimationFromColor, " 63%)"),
       backgroundSize: '400% 100%',
-      animation: '$skeleton-animation 1.4s ease infinite'
+      animation: '$skeleton-animation 1.5s cubic-bezier(0, 0, 1, 1) infinite'
     }
   },
   content: {
@@ -80,7 +80,7 @@ var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
   button: {
     display: 'flex',
     '$text + &': {
-      marginTop: _theme.default.skeletonMargin
+      marginTop: _theme.default.skeletonButtonMarginTop
     }
   },
   buttonItem: {

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