@sheinx/shineout-style 3.0.0-alpha.1

package/esm/spin/fading-circle.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    position: string;
+    margin: string;
+    boxSizing: string;
+    '& $item': any;
+    '& svg': {
+        fill: string;
+        animation: string;
+    };
+};
+export default _default;

package/esm/spin/fading-circle.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var circleCount = 12;
+var loop = function loop() {
+  var keyframes = {};
+  for (var i = 1; i <= circleCount; i++) {
+    var delay = Number((-1.2 + 1.2 / circleCount * (i - 1)).toFixed(1));
+    keyframes["&:nth-child(".concat(i, ")")] = {
+      transform: "rotateZ(".concat(360 / circleCount * (i - 1), "deg)")
+    };
+    if (i !== 1) {
+      keyframes["&:nth-child(".concat(i, ")")]['& div,& svg'] = {
+        animationDelay: "".concat(delay, "s")
+      };
+    }
+  }
+  return keyframes;
+};
+var _default = {
+  position: 'relative',
+  margin: 'auto',
+  boxSizing: 'border-box',
+  '& $item': _objectSpread({
+    position: 'absolute',
+    top: '10%',
+    left: '10%',
+    width: '80%',
+    height: '80%',
+    '& div': {
+      borderRadius: '100%'
+    }
+  }, loop()),
+  '& svg': {
+    fill: '#197AFA',
+    animation: '$fading-circle 1.2s infinite ease-in-out both'
+  }
+};
+exports.default = _default;

package/esm/spin/four-dots.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    margin: string;
+    position: string;
+    animation: string;
+    boxSizing: string;
+    '& $item': {
+        position: string;
+        width: string;
+        height: string;
+        lineHeight: number;
+        opacity: number;
+        animation: string;
+        '& div': {
+            borderRadius: string;
+        };
+        '& svg': {
+            fill: string;
+        };
+        '&:nth-child(1)': {
+            top: string;
+            left: string;
+        };
+        '&:nth-child(2)': {
+            top: string;
+            right: string;
+            animationDelay: string;
+        };
+        '&:nth-child(3)': {
+            right: string;
+            bottom: string;
+            animationDelay: string;
+        };
+        '&:nth-child(4)': {
+            bottom: string;
+            left: string;
+            animationDelay: string;
+        };
+    };
+};
+export default _default;

package/esm/spin/four-dots.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  margin: 'auto',
+  position: 'relative',
+  animation: '$four-dots-2 1.6s linear infinite',
+  boxSizing: 'border-box',
+  '& $item': {
+    position: 'absolute',
+    width: '32%',
+    height: '32%',
+    lineHeight: 0,
+    opacity: 0.2,
+    animation: '$four-dots-1 1.6s linear infinite',
+    '& div': {
+      borderRadius: '100%'
+    },
+    '& svg': {
+      fill: '#197AFA'
+    },
+    '&:nth-child(1)': {
+      top: '10%',
+      left: '10%'
+    },
+    '&:nth-child(2)': {
+      top: '10%',
+      right: '10%',
+      animationDelay: '0.4s'
+    },
+    '&:nth-child(3)': {
+      right: '10%',
+      bottom: '10%',
+      animationDelay: '0.8s'
+    },
+    '&:nth-child(4)': {
+      bottom: '10%',
+      left: '10%',
+      animationDelay: '1.2s'
+    }
+  }
+};
+exports.default = _default;

package/esm/spin/index.d.ts

@@ -0,0 +1,4 @@
+import spinStyle from './spin';
+declare const useSpinStyle: (data?: undefined) => import("jss").Classes<import("./spin").SpinClass>;
+export { spinStyle, useSpinStyle };
+export default useSpinStyle;

package/esm/spin/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "spinStyle", {
+  enumerable: true,
+  get: function get() {
+    return _spin.default;
+  }
+});
+exports.useSpinStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _spin = _interopRequireDefault(require("./spin"));
+var useSpinStyle = (0, _jssStyle.styled)(_spin.default, 'spin');
+exports.useSpinStyle = useSpinStyle;
+var _default = useSpinStyle;
+exports.default = _default;

package/esm/spin/plane.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    margin: string;
+    boxSizing: string;
+    animation: string;
+    background: string;
+};
+export default _default;

package/esm/spin/plane.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  margin: 'auto',
+  boxSizing: 'border-box',
+  animation: '$plane 1s linear infinite',
+  background: '#197AFA'
+};
+exports.default = _default;

package/esm/spin/pulse.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    margin: string;
+    boxSizing: string;
+    borderRadius: string;
+    animation: string;
+    background: string;
+};
+export default _default;

package/esm/spin/pulse.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  margin: 'auto',
+  boxSizing: 'border-box',
+  borderRadius: '100%',
+  animation: '$pulse 1s linear infinite',
+  background: '#197AFA'
+};
+exports.default = _default;

package/esm/spin/ring.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    margin: string;
+    boxSizing: string;
+    position: string;
+    borderStyle: string;
+    borderColor: string;
+    borderRadius: string;
+    animation: string;
+    borderTopColor: string;
+};
+export default _default;

package/esm/spin/ring.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  margin: 'auto',
+  boxSizing: 'border-box',
+  position: 'relative',
+  borderStyle: 'solid',
+  borderColor: '#197AFA',
+  borderRadius: '50%',
+  animation: '$ring 1s linear infinite',
+  borderTopColor: 'transparent'
+};
+exports.default = _default;

package/esm/spin/scale-circle.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    position: string;
+    margin: string;
+    boxSizing: string;
+    '& $item': any;
+    '& svg': {
+        fill: string;
+        animation: string;
+    };
+};
+export default _default;

package/esm/spin/scale-circle.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var circleCount = 12;
+var loop = function loop() {
+  var keyframes = {};
+  for (var i = 1; i <= circleCount; i++) {
+    var delay = Number((-1.2 + 1.2 / circleCount * (i - 1)).toFixed(1));
+    keyframes["&:nth-child(".concat(i, ")")] = {
+      transform: "rotateZ(".concat(360 / circleCount * (i - 1), "deg)")
+    };
+    if (i !== 1) {
+      keyframes["&:nth-child(".concat(i, ")")]['& div,& svg'] = {
+        animationDelay: "".concat(delay, "s")
+      };
+    }
+  }
+  return keyframes;
+};
+var _default = {
+  position: 'relative',
+  margin: 'auto',
+  boxSizing: 'border-box',
+  '& $item': _objectSpread({
+    position: 'absolute',
+    top: '10%',
+    left: '10%',
+    width: '80%',
+    height: '80%',
+    '& div': {
+      borderRadius: '100%'
+    }
+  }, loop()),
+  '& svg': {
+    fill: '#197AFA',
+    animation: '$scale-circle 1.2s infinite ease-in-out both'
+  }
+};
+exports.default = _default;

package/esm/spin/spin.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type SpinClass = 'spin' | 'default' | 'chasingDots' | 'cubeGrid' | 'doubleBounce' | 'dots' | 'item' | 'fadingCircle' | 'scaleCircle' | 'fade' | 'fourDots' | 'plane' | 'pulse' | 'ring' | 'threeBounce' | 'wave' | 'chasingRing' | 'content' | 'container' | 'loading' | 'tip' | 'vertical' | 'horizontal';
+declare const spinStyle: JsStyles<SpinClass>;
+export default spinStyle;

package/esm/spin/spin.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _default2 = _interopRequireDefault(require("./default"));
+var _chasingDots = _interopRequireDefault(require("./chasing-dots"));
+var _cubeGrid = _interopRequireDefault(require("./cube-grid"));
+var _doubleBounce = _interopRequireDefault(require("./double-bounce"));
+var _fadingCircle = _interopRequireDefault(require("./fading-circle"));
+var _scaleCircle = _interopRequireDefault(require("./scale-circle"));
+var _fourDots = _interopRequireDefault(require("./four-dots"));
+var _plane = _interopRequireDefault(require("./plane"));
+var _pulse = _interopRequireDefault(require("./pulse"));
+var _ring = _interopRequireDefault(require("./ring"));
+var _treeBounce = _interopRequireDefault(require("./tree-bounce"));
+var _wave = _interopRequireDefault(require("./wave"));
+var _chasingRing = _interopRequireDefault(require("./chasing-ring"));
+var _animation = _interopRequireDefault(require("./animation"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var spinStyle = _objectSpread(_objectSpread({}, _animation.default), {}, {
+  default: (0, _default2.default)(12),
+  chasingDots: _chasingDots.default,
+  cubeGrid: _cubeGrid.default,
+  doubleBounce: _doubleBounce.default,
+  dots: {},
+  item: {},
+  fadingCircle: _fadingCircle.default,
+  scaleCircle: _scaleCircle.default,
+  fourDots: _fourDots.default,
+  plane: _plane.default,
+  pulse: _pulse.default,
+  ring: _ring.default,
+  threeBounce: _treeBounce.default,
+  wave: _wave.default,
+  chasingRing: _chasingRing.default,
+  fade: {},
+  spin: {},
+  content: {
+    margin: 'auto',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexWrap: 'nowrap',
+    zIndex: 1,
+    '&$vertical': {
+      flexDirection: 'column',
+      '& $tip': {
+        marginTop: _theme.default.spinVerticalMargin
+      }
+    },
+    '&$horizontal': {
+      flexDirection: 'row',
+      '& $spin': {
+        margin: 0
+      },
+      '& $tip': {
+        marginLeft: _theme.default.spinHorizontalMargin
+      }
+    }
+  },
+  container: {
+    position: 'relative'
+  },
+  loading: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    '&:after': {
+      content: '""',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      height: '100%',
+      width: '100%',
+      background: '#FFFFFF',
+      opacity: 0.5
+    }
+  },
+  tip: {
+    color: _theme.default.spinTipFontColor
+  },
+  vertical: {},
+  horizontal: {}
+});
+var _default = spinStyle;
+exports.default = _default;

package/esm/spin/tree-bounce.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    margin: string;
+    textAlign: string;
+    boxSizing: string;
+    '& $item': {
+        display: string;
+        '& div': {
+            borderRadius: string;
+        };
+        animation: string;
+        '& svg': {
+            fill: string;
+        };
+        '&:nth-child(1)': {
+            animationDelay: string;
+        };
+        '&:nth-child(2)': {
+            animationDelay: string;
+        };
+    };
+};
+export default _default;

package/esm/spin/tree-bounce.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  margin: 'auto',
+  textAlign: 'center',
+  boxSizing: 'border-box',
+  '& $item': {
+    display: 'inline-block',
+    '& div': {
+      borderRadius: '100%'
+    },
+    animation: '$three-bounce 1.4s ease-in-out 0s infinite both',
+    '& svg': {
+      fill: '#197AFA'
+    },
+    '&:nth-child(1)': {
+      animationDelay: '-0.32s'
+    },
+    '&:nth-child(2)': {
+      animationDelay: '-0.16s'
+    }
+  }
+};
+exports.default = _default;

package/esm/spin/wave.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    margin: string;
+    fontSize: number;
+    textAlign: string;
+    whiteSpace: string;
+    '& $item': any;
+};
+export default _default;

package/esm/spin/wave.js

@@ -0,0 +1,40 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var loop = function loop() {
+  var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 5;
+  var animationDelay = {};
+  for (var i = 1; i < count; i++) {
+    animationDelay["&:nth-child(".concat(i + 1, ")")] = {
+      animationDelay: "".concat(-1.2 + 0.4 / count * i, "s")
+    };
+  }
+  return animationDelay;
+};
+var _default = {
+  margin: 'auto',
+  fontSize: 10,
+  textAlign: 'center',
+  whiteSpace: 'nowrap',
+  '& $item': _objectSpread({
+    display: 'inline-block',
+    height: '100%',
+    marginRight: '2px',
+    background: '#197AFA',
+    animation: '$wave 1.2s infinite ease-in-out',
+    ':last-child': {
+      marginRight: 0
+    }
+  }, loop())
+};
+exports.default = _default;

package/esm/steps/index.d.ts

@@ -0,0 +1,5 @@
+import stepsStyle, { StepsClasses } from './steps';
+declare const useStepsStyle: (data?: undefined) => import("jss").Classes<keyof StepsClasses>;
+export { stepsStyle, useStepsStyle };
+export type { StepsClasses };
+export default useStepsStyle;

package/esm/steps/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "stepsStyle", {
+  enumerable: true,
+  get: function get() {
+    return _steps.default;
+  }
+});
+exports.useStepsStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _steps = _interopRequireDefault(require("./steps"));
+var useStepsStyle = (0, _jssStyle.styled)(_steps.default, 'steps');
+exports.useStepsStyle = useStepsStyle;
+var _default = useStepsStyle;
+exports.default = _default;

package/esm/steps/steps.d.ts

@@ -0,0 +1,29 @@
+import { JsStyles } from '../jss-style';
+export declare type StepsClasses = {
+    steps: string;
+    step: string;
+    small: string;
+    large: string;
+    disabled: string;
+    content: string;
+    title: string;
+    horizontalLabel: string;
+    verticalLabel: string;
+    tail: string;
+    description: string;
+    vertical: string;
+    horizontal: string;
+    wait: string;
+    process: string;
+    finish: string;
+    error: string;
+    icon: string;
+    iconWrapper: string;
+    dot: string;
+    arrow: string;
+    default: string;
+    click: string;
+};
+export declare type StepsClassType = keyof StepsClasses;
+declare const stepsStyle: JsStyles<StepsClassType>;
+export default stepsStyle;