@sheinx/shineout-style 3.7.0-beta.17 → 3.7.0-beta.19

package/cjs/index.d.ts

@@ -33,6 +33,7 @@ export * from './progress';
 export * from './radio';
 export * from './rate';
 export * from './select';
+export * from './skeleton';
 export * from './slider';
 export * from './spin';
 export * from './steps';

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}

package/cjs/index.js

@@ -429,6 +429,18 @@ Object.keys(_select).forEach(function (key) {
     }
   });
 });
+var _skeleton = require("./skeleton");
+Object.keys(_skeleton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _skeleton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _skeleton[key];
+    }
+  });
+});
 var _slider = require("./slider");
 Object.keys(_slider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/skeleton/index.d.ts

@@ -0,0 +1,5 @@
+import skeletonStyle from './skeleton';
+declare const useSkeletonStyle: () => import("jss").Classes<keyof import("@sheinx/base").SkeletonClasses>;
+export { skeletonStyle, useSkeletonStyle };
+export default useSkeletonStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,QAAA,MAAM,gBAAgB,2EAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC"}

package/cjs/skeleton/index.js

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "skeletonStyle", {
+  enumerable: true,
+  get: function get() {
+    return _skeleton.default;
+  }
+});
+exports.useSkeletonStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _skeleton = _interopRequireDefault(require("./skeleton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useSkeletonStyle = exports.useSkeletonStyle = (0, _jssStyle.styled)(_skeleton.default, 'skeleton');
+var _default = exports.default = useSkeletonStyle;

package/cjs/skeleton/skeleton.d.ts

@@ -0,0 +1,6 @@
+import { JsStyles } from '../jss-style';
+import { SkeletonClasses } from '@sheinx/base';
+export type SkeletonClassType = keyof SkeletonClasses;
+declare const skeletonStyle: JsStyles<SkeletonClassType>;
+export default skeletonStyle;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +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"}

package/cjs/skeleton/skeleton.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 animation = {
+  '@keyframes skeleton-animation': {
+    '0%': {
+      backgroundPosition: '100% 50%'
+    },
+    '100%': {
+      backgroundPosition: '0 50%'
+    }
+  }
+};
+var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
+  rootClass: {},
+  wrapper: {
+    display: 'flex'
+  },
+  animation: {
+    '& $textItem, & $image, & $buttonItem': {
+      background: "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'
+    }
+  },
+  content: {
+    flex: 1,
+    minWidth: 0
+  },
+  text: {
+    margin: 0,
+    padding: 0,
+    listStyle: 'none'
+  },
+  textItem: {
+    height: _theme.default.skeletonHeight,
+    marginBottom: _theme.default.skeletonMargin,
+    backgroundColor: _theme.default.skeletonBackgroundColor,
+    borderRadius: _theme.default.skeletonBackgroundRadius,
+    '&:last-child': {
+      marginBottom: 0
+    }
+  },
+  image: {
+    width: 48,
+    height: 48,
+    backgroundColor: _theme.default.skeletonBackgroundColor
+  },
+  imageLeft: {
+    marginRight: _theme.default.skeletonMargin
+  },
+  imageRight: {
+    marginLeft: _theme.default.skeletonMargin
+  },
+  imageCircle: {
+    borderRadius: '50%'
+  },
+  imageSquare: {
+    borderRadius: _theme.default.skeletonBackgroundRadius
+  },
+  imageSmall: {
+    width: 32,
+    height: 32
+  },
+  imageLarge: {
+    width: 64,
+    height: 64
+  },
+  button: {
+    display: 'flex',
+    '$text + &': {
+      marginTop: _theme.default.skeletonMargin
+    }
+  },
+  buttonItem: {
+    width: 80,
+    height: 32,
+    backgroundColor: _theme.default.skeletonBackgroundColor,
+    borderRadius: _theme.default.skeletonBackgroundRadius,
+    '& + &': {
+      marginLeft: _theme.default.skeletonMargin
+    }
+  },
+  buttonLeft: {
+    justifyContent: 'flex-start'
+  },
+  buttonRight: {
+    justifyContent: 'flex-end'
+  },
+  buttonSmall: {
+    width: 64,
+    height: 24
+  },
+  buttonLarge: {
+    width: 96,
+    height: 40
+  }
+});
+var _default = exports.default = skeletonStyle;

package/cjs/version.d.ts

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

package/cjs/version.js

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

package/esm/index.d.ts

@@ -33,6 +33,7 @@ export * from './progress';
 export * from './radio';
 export * from './rate';
 export * from './select';
+export * from './skeleton';
 export * from './slider';
 export * from './spin';
 export * from './steps';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAE1B,cAAc,aAAa,CAAC;AAE5B,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;;AAElC,wBAAkB"}

package/esm/index.js

@@ -34,6 +34,7 @@ export * from "./progress";
 export * from "./radio";
 export * from "./rate";
 export * from "./select";
+export * from "./skeleton";
 export * from "./slider";
 export * from "./spin";
 export * from "./steps";

package/esm/skeleton/index.d.ts

@@ -0,0 +1,5 @@
+import skeletonStyle from './skeleton';
+declare const useSkeletonStyle: () => import("jss").Classes<keyof import("@sheinx/base").SkeletonClasses>;
+export { skeletonStyle, useSkeletonStyle };
+export default useSkeletonStyle;
+//# sourceMappingURL=index.d.ts.map

package/esm/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,QAAA,MAAM,gBAAgB,2EAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC"}

package/esm/skeleton/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { styled } from "../jss-style";
+import skeletonStyle from "./skeleton";
+var useSkeletonStyle = styled(skeletonStyle, 'skeleton');
+export { skeletonStyle, useSkeletonStyle };
+export default useSkeletonStyle;

package/esm/skeleton/skeleton.d.ts

@@ -0,0 +1,6 @@
+import { JsStyles } from '../jss-style';
+import { SkeletonClasses } from '@sheinx/base';
+export type SkeletonClassType = keyof SkeletonClasses;
+declare const skeletonStyle: JsStyles<SkeletonClassType>;
+export default skeletonStyle;
+//# sourceMappingURL=skeleton.d.ts.map

package/esm/skeleton/skeleton.d.ts.map

@@ -0,0 +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"}

package/esm/skeleton/skeleton.js

@@ -0,0 +1,105 @@
+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 token from '@sheinx/theme';
+var animation = {
+  '@keyframes skeleton-animation': {
+    '0%': {
+      backgroundPosition: '100% 50%'
+    },
+    '100%': {
+      backgroundPosition: '0 50%'
+    }
+  }
+};
+var skeletonStyle = _objectSpread(_objectSpread({}, animation), {}, {
+  rootClass: {},
+  wrapper: {
+    display: 'flex'
+  },
+  animation: {
+    '& $textItem, & $image, & $buttonItem': {
+      background: "linear-gradient(90deg, ".concat(token.skeletonAnimationFromColor, " 25%, ").concat(token.skeletonAnimationToColor, " 37%, ").concat(token.skeletonAnimationFromColor, " 63%)"),
+      backgroundSize: '400% 100%',
+      animation: '$skeleton-animation 1.4s ease infinite'
+    }
+  },
+  content: {
+    flex: 1,
+    minWidth: 0
+  },
+  text: {
+    margin: 0,
+    padding: 0,
+    listStyle: 'none'
+  },
+  textItem: {
+    height: token.skeletonHeight,
+    marginBottom: token.skeletonMargin,
+    backgroundColor: token.skeletonBackgroundColor,
+    borderRadius: token.skeletonBackgroundRadius,
+    '&:last-child': {
+      marginBottom: 0
+    }
+  },
+  image: {
+    width: 48,
+    height: 48,
+    backgroundColor: token.skeletonBackgroundColor
+  },
+  imageLeft: {
+    marginRight: token.skeletonMargin
+  },
+  imageRight: {
+    marginLeft: token.skeletonMargin
+  },
+  imageCircle: {
+    borderRadius: '50%'
+  },
+  imageSquare: {
+    borderRadius: token.skeletonBackgroundRadius
+  },
+  imageSmall: {
+    width: 32,
+    height: 32
+  },
+  imageLarge: {
+    width: 64,
+    height: 64
+  },
+  button: {
+    display: 'flex',
+    '$text + &': {
+      marginTop: token.skeletonMargin
+    }
+  },
+  buttonItem: {
+    width: 80,
+    height: 32,
+    backgroundColor: token.skeletonBackgroundColor,
+    borderRadius: token.skeletonBackgroundRadius,
+    '& + &': {
+      marginLeft: token.skeletonMargin
+    }
+  },
+  buttonLeft: {
+    justifyContent: 'flex-start'
+  },
+  buttonRight: {
+    justifyContent: 'flex-end'
+  },
+  buttonSmall: {
+    width: 64,
+    height: 24
+  },
+  buttonLarge: {
+    width: 96,
+    height: 40
+  }
+});
+export default skeletonStyle;

package/esm/version.d.ts

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.7.0-beta.17';
+export default '3.7.0-beta.19';

package/package.json

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