Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

styled-spinkit

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

styled-spinkit - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0

flow-typed/npm/jest_v23.x.x.js

flow-typed/npm/styled-components_v3.x.x.js

580

dist/styled-spinkit.es.js

		@@ -0,16 +1,40 @@
		import { createElement, PureComponent } from 'react';
		import styled, { css, keyframes } from 'styled-components';
		import { createElement, PureComponent } from 'react';

		function _extends() {
		_extends = Object.assign \|\| function (target) {
		for (var i = 1; i < arguments.length; i++) {
		var source = arguments[i];

		for (var key in source) {
		if (Object.prototype.hasOwnProperty.call(source, key)) {
		target[key] = source[key];
		}
		}
		}

		return target;
		};

		return _extends.apply(this, arguments);
		}

		function _inheritsLoose(subClass, superClass) {
		subClass.prototype = Object.create(superClass.prototype);
		subClass.prototype.constructor = subClass;
		subClass.__proto__ = superClass;
		}

		//
		var size = function size(width, height) {
		if (height === void 0) {
		height = width;
		}

		var size = function size(width) {
		var height = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : width;
		return css(['width:', ';height:', ';'], width, height);
		return css(["width:", ";height:", ";"], width, height);
		};

		var sizePx = function sizePx(n) {
		return size(n + 'px');
		};
		return size(n + "px");
		}; // eslint-disable-next-line no-shadow

		// eslint-disable-next-line no-shadow
		var propSize = function propSize(_ref) {
		@@ -20,19 +44,15 @@ var size = _ref.size;
		};

		var propBgColor = function propBgColor(_ref2) {
		var color = _ref2.color;
		return css(['background-color:', ';'], color);
		};
		return css(["background-color:", ";"], color);
		}; // eslint-disable-next-line no-shadow

		// eslint-disable-next-line no-shadow
		var propMargin = function propMargin(_ref3) {
		var _ref3$size = _ref3.size,
		size = _ref3$size === undefined ? 0 : _ref3$size;
		return css(['margin:', 'px auto;'], size);
		size = _ref3$size === void 0 ? 0 : _ref3$size;
		return css(["margin:", "px auto;"], size);
		};

		var animationDelay = function animationDelay(n) {
		return css(['animation-delay:', 's;'], n);
		return css(["animation-delay:", "s;"], n);
		};

		var propDelay = function propDelay(_ref4) {
		@@ -42,82 +62,34 @@ var delay = _ref4.delay;
		};

		var getRange = function getRange(n) {
		return Array.from(Array(n).keys());
		return Array.from < number > Array(n).keys();
		};

		//

		var rotate = keyframes(['100%{transform:rotate(360deg);}']);

		var bounce = keyframes(['0%,100%{transform:scale(0);}50%{transform:scale(1);}']);

		var rotate = keyframes(["100%{transform:rotate(360deg);}"]);
		var bounce = keyframes(["0%,100%{transform:scale(0);}50%{transform:scale(1);}"]);
		var duration = 2;

		var Child = styled.div(['', ';display:inline-block;position:absolute;top:0;border-radius:100%;animation:', ' ', 's infinite ease-in-out;', ';'], size('60%'), bounce, duration, function (p) {
		return p.second && css(['top:auto;bottom:0;', ';'], animationDelay(-duration / 2));
		var Child = styled.div.withConfig({
		componentId: "fj4g1-0"
		})(["", ";display:inline-block;position:absolute;top:0;border-radius:100%;animation:", " ", "s infinite ease-in-out;", ";"], size('60%'), bounce, duration, function (p) {
		return p.second && css(["top:auto;bottom:0;", ";"], animationDelay(-duration / 2));
		});
		var StyledChangeDots = styled.div.withConfig({
		componentId: "fj4g1-1"
		})(["", ";", ";position:relative;text-align:center;animation:", " ", "s infinite linear;> ", "{", ";}"], propSize, propMargin, rotate, duration, Child, propBgColor);

		var StyledChangeDots = styled.div(['', ';', ';position:relative;text-align:center;animation:', ' ', 's infinite linear;> ', '{', ';}'], propSize, propMargin, rotate, duration, Child, propBgColor);
		var ChangeDots =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(ChangeDots, _React$PureComponent);

		var classCallCheck = function (instance, Constructor) {
		if (!(instance instanceof Constructor)) {
		throw new TypeError("Cannot call a class as a function");
		function ChangeDots() {
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}
		};

		var _extends = Object.assign \|\| function (target) {
		for (var i = 1; i < arguments.length; i++) {
		var source = arguments[i];
		var _proto = ChangeDots.prototype;

		for (var key in source) {
		if (Object.prototype.hasOwnProperty.call(source, key)) {
		target[key] = source[key];
		}
		}
		}

		return target;
		};

		var inherits = function (subClass, superClass) {
		if (typeof superClass !== "function" && superClass !== null) {
		throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
		}

		subClass.prototype = Object.create(superClass && superClass.prototype, {
		constructor: {
		value: subClass,
		enumerable: false,
		writable: true,
		configurable: true
		}
		});
		if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
		};

		var possibleConstructorReturn = function (self, call) {
		if (!self) {
		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
		}

		return call && (typeof call === "object" \|\| typeof call === "function") ? call : self;
		};

		//

		var ChangeDots = function (_React$PureComponent) {
		inherits(ChangeDots, _React$PureComponent);

		function ChangeDots() {
		classCallCheck(this, ChangeDots);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		}

		ChangeDots.prototype.render = function render() {
		return createElement(
		StyledChangeDots,
		this.props,
		createElement(Child, null),
		createElement(Child, { second: true })
		);
		_proto.render = function render() {
		return createElement(StyledChangeDots, this.props, createElement(Child, null), createElement(Child, {
		second: true
		}));
		};
		@@ -132,36 +104,36 @@
		};
		ChangeDots.displayName = '__styled-spinkit__ChangeDots';
		ChangeDots.displayName = "__styled-spinkit__ChangeDots";

		function round(method, input, precision) {
		if (typeof input !== 'number') {
		throw new TypeError('Expected value to be a number');
		}
		if (typeof input !== 'number') {
		throw new TypeError('Expected value to be a number');
		}

		if (!Number.isInteger(precision)) {
		throw new TypeError('Expected precision to be an integer');
		}
		if (!Number.isInteger(precision)) {
		throw new TypeError('Expected precision to be an integer');
		}

		var isRoundingAndNegative = method === 'round' && input < 0;
		if (isRoundingAndNegative) {
		input = Math.abs(input);
		}
		var isRoundingAndNegative = method === 'round' && input < 0;

		var _$split = (input + 'e').split('e'),
		number = _$split[0],
		exponent = _$split[1];
		if (isRoundingAndNegative) {
		input = Math.abs(input);
		}

		var ret = Math[method](number + 'e' + (Number(exponent) + precision));
		var _$split = (input + "e").split('e'),
		number = _$split[0],
		exponent = _$split[1];

		var _$split2 = (ret + 'e').split('e');
		var ret = Math[method](number + "e" + (Number(exponent) + precision));

		number = _$split2[0];
		exponent = _$split2[1];
		var _$split2 = (ret + "e").split('e');

		ret = Number(number + 'e' + (Number(exponent) - precision));
		number = _$split2[0];
		exponent = _$split2[1];
		ret = Number(number + "e" + (Number(exponent) - precision));

		if (isRoundingAndNegative) {
		ret = -ret;
		}
		if (isRoundingAndNegative) {
		ret = -ret;
		}

		return ret;
		return ret;
		}
		@@ -176,6 +148,6 @@
		// @Flow

		var opacity = keyframes(['0%,39%,100%{opacity:0;}40%{opacity:1;}']);

		var Child$1 = styled.div(['', ';position:absolute;left:0;top:0;transform:rotate(', 'deg);&::before{content:\'\';display:block;margin:0 auto;', ';border-radius:100%;animation:', ' 1.2s infinite ease-in-out both -', 's;}'], size('100%'), function (p) {
		var opacity = keyframes(["0%,39%,100%{opacity:0;}40%{opacity:1;}"]);
		var Child$1 = styled.div.withConfig({
		componentId: "sc-18jas4n-0"
		})(["", ";position:absolute;left:0;top:0;transform:rotate(", "deg);&::before{content:'';display:block;margin:0 auto;", ";border-radius:100%;animation:", " 1.2s infinite ease-in-out both -", "s;}"], size('100%'), function (p) {
		return p.rotate;
		@@ -185,16 +157,18 @@ }, size('15%'), opacity, function (p) {
		});
		var StyledForldingCircle = styled.div.withConfig({
		componentId: "sc-18jas4n-1"
		})(["", ";", ";position:relative;> ", "{&::before{", ";}}"], propSize, propMargin, Child$1, propBgColor);

		var StyledForldingCircle = styled.div(['', ';', ';position:relative;> ', '{&::before{', ';}}'], propSize, propMargin, Child$1, propBgColor);
		var ForldingCircle =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(ForldingCircle, _React$PureComponent);

		//

		var ForldingCircle = function (_React$PureComponent) {
		inherits(ForldingCircle, _React$PureComponent);

		function ForldingCircle() {
		classCallCheck(this, ForldingCircle);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		ForldingCircle.prototype.render = function render() {
		var _proto = ForldingCircle.prototype;

		_proto.render = function render() {
		var count = 12;
		@@ -209,8 +183,3 @@ var range = 1.2;
		});

		return createElement(
		StyledForldingCircle,
		this.props,
		circles
		);
		return createElement(StyledForldingCircle, this.props, circles);
		};
		@@ -225,13 +194,14 @@
		};
		ForldingCircle.displayName = '__styled-spinkit__ForldingCircle';
		ForldingCircle.displayName = "__styled-spinkit__ForldingCircle";

		//

		var bounce$1 = keyframes(['0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}']);

		var Child$2 = styled.div(['border-radius:100%;display:inline-block;animation:', ' 1.4s ease-in-out ', 's infinite both;'], bounce$1, function (p) {
		var bounce$1 = keyframes(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);
		var Child$2 = styled.div.withConfig({
		componentId: "nsumy5-0"
		})(["border-radius:100%;display:inline-block;animation:", " 1.4s ease-in-out ", "s infinite both;"], bounce$1, function (p) {
		return p.delay;
		});

		var StyledThreeBounce = styled.div(['width:', 'px;', ';text-align:center;border-radius:100%;> ', '{', ';', ';}'], function (p) {
		var StyledThreeBounce = styled.div.withConfig({
		componentId: "nsumy5-1"
		})(["width:", "px;", ";text-align:center;border-radius:100%;> ", "{", ";", ";}"], function (p) {
		return p.size;
		@@ -242,20 +212,21 @@ }, propMargin, Child$2, function (p) {

		//
		var ThreeBounce =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(ThreeBounce, _React$PureComponent);

		var ThreeBounce = function (_React$PureComponent) {
		inherits(ThreeBounce, _React$PureComponent);

		function ThreeBounce() {
		classCallCheck(this, ThreeBounce);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		ThreeBounce.prototype.render = function render() {
		return createElement(
		StyledThreeBounce,
		this.props,
		createElement(Child$2, { delay: -0.32 }),
		createElement(Child$2, { delay: -0.16 }),
		createElement(Child$2, { delay: 0 })
		);
		var _proto = ThreeBounce.prototype;

		_proto.render = function render() {
		return createElement(StyledThreeBounce, this.props, createElement(Child$2, {
		delay: -0.32
		}), createElement(Child$2, {
		delay: -0.16
		}), createElement(Child$2, {
		delay: 0
		}));
		};
		@@ -270,9 +241,9 @@
		};
		ThreeBounce.displayName = '__styled-spinkit__ThreeBounce';
		ThreeBounce.displayName = "__styled-spinkit__ThreeBounce";

		//

		var scale = keyframes(['0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}']);

		var Child$3 = styled.div(['', ';position:absolute;top:0;left:0;transform:rotate(', 'deg);&::before{content:\'\';display:block;margin:0 auto;', ';border-radius:100%;animation:', ' 1.2s ease-in-out ', 's infinite both;}'], size('100%'), function (p) {
		var scale = keyframes(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);
		var Child$3 = styled.div.withConfig({
		componentId: "vjya0v-0"
		})(["", ";position:absolute;top:0;left:0;transform:rotate(", "deg);&::before{content:'';display:block;margin:0 auto;", ";border-radius:100%;animation:", " 1.2s ease-in-out ", "s infinite both;}"], size('100%'), function (p) {
		return p.transform;
		@@ -282,30 +253,30 @@ }, size('15%'), scale, function (p) {
		});
		var StyledCircle = styled.div.withConfig({
		componentId: "vjya0v-1"
		})(["", ";", ";position:relative;> ", "{&::before{", ";}}"], propMargin, propSize, Child$3, propBgColor);

		var StyledCircle = styled.div(['', ';', ';position:relative;> ', '{&::before{', ';}}'], propMargin, propSize, Child$3, propBgColor);
		var Circle =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(Circle, _React$PureComponent);

		//

		var Circle = function (_React$PureComponent) {
		inherits(Circle, _React$PureComponent);

		function Circle() {
		classCallCheck(this, Circle);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		Circle.prototype.render = function render() {
		var _proto = Circle.prototype;

		_proto.render = function render() {
		var count = 12;
		var speed = 1.2;

		var circles = getRange(count).map(function (k) {
		var transform = roundTo(360 / count * (k + 1), 1);
		var delay = roundTo(-speed + speed / count * k, 1);
		return createElement(Child$3, { key: delay, delay: delay, transform: transform });
		return createElement(Child$3, {
		key: delay,
		delay: delay,
		transform: transform
		});
		});

		return createElement(
		StyledCircle,
		this.props,
		circles
		);
		return createElement(StyledCircle, this.props, circles);
		};
		@@ -320,9 +291,9 @@
		};
		Circle.displayName = '__styled-spinkit__Circle';
		Circle.displayName = "__styled-spinkit__Circle";

		//

		var locate = keyframes(['0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0;}']);

		var Child$4 = styled.div(['float:left;', ';position:relative;transform:scale(1.1) rotateZ(', 'deg);&::before{content:\'\';position:absolute;top:0;left:0;', ';animation:', ' ', 's infinite linear both ', 's;transform-origin:100% 100%;}'], size('50%'), function (p) {
		var locate = keyframes(["0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0;}"]);
		var Child$4 = styled.div.withConfig({
		componentId: "sc-1qzqwer-0"
		})(["float:left;", ";position:relative;transform:scale(1.1) rotateZ(", "deg);&::before{content:'';position:absolute;top:0;left:0;", ";animation:", " ", "s infinite linear both ", "s;transform-origin:100% 100%;}"], size('50%'), function (p) {
		return p.scale;
		@@ -334,20 +305,21 @@ }, size('100%'), locate, function (p) {
		});
		var StyledFoldingCube = styled.div.withConfig({
		componentId: "sc-1qzqwer-1"
		})(["", ";", ";position:relative;transform:rotateZ(45deg);> ", "{&::before{", ";}}"], propSize, propMargin, Child$4, propBgColor);

		var StyledFoldingCube = styled.div(['', ';', ';position:relative;transform:rotateZ(45deg);> ', '{&::before{', ';}}'], propSize, propMargin, Child$4, propBgColor);
		var FoldingCube =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(FoldingCube, _React$PureComponent);

		//

		var FoldingCube = function (_React$PureComponent) {
		inherits(FoldingCube, _React$PureComponent);

		function FoldingCube() {
		classCallCheck(this, FoldingCube);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		FoldingCube.prototype.render = function render() {
		var _proto = FoldingCube.prototype;

		_proto.render = function render() {
		var duration = 2.4;
		var range = duration / 2;
		var cubeCount = 4;

		var cubes = [0, 1, 3, 2].map(function (v) {
		@@ -361,8 +333,3 @@ return createElement(Child$4, {
		});

		return createElement(
		StyledFoldingCube,
		this.props,
		cubes
		);
		return createElement(StyledFoldingCube, this.props, cubes);
		};
		@@ -377,14 +344,20 @@
		};
		FoldingCube.displayName = '__styled-spinkit__FoldingCube';
		FoldingCube.displayName = "__styled-spinkit__FoldingCube";

		//

		var createAnim = function createAnim() {
		var cubeDistance = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 42;
		return keyframes(['0%{transform:rotate(0deg);}25%{transform:translateX(', 'px) rotate(-90deg) scale(0.5);}50%{transform:translateX(', 'px) translateY(', 'px) rotate(-179deg);}50.1%{transform:translateX(', 'px) translateY(', 'px) rotate(-180deg);}75%{transform:translateX(0) translateY(', 'px) rotate(-270deg) scale(0.5);}100%{transform:rotate(-360deg);}'], cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance);
		var createAnim = function createAnim(cubeDistance) {
		if (cubeDistance === void 0) {
		cubeDistance = 42;
		}

		return keyframes(["0%{transform:rotate(0deg);}25%{transform:translateX(", "px) rotate(-90deg) scale(0.5);}50%{transform:translateX(", "px) translateY(", "px) rotate(-179deg);}50.1%{transform:translateX(", "px) translateY(", "px) rotate(-180deg);}75%{transform:translateX(0) translateY(", "px) rotate(-270deg) scale(0.5);}100%{transform:rotate(-360deg);}"], cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance);
		};

		var Child$5 = styled.div(['', ';position:absolute;top:0;left:0;', ';animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;'], propSize, propDelay);

		var StyledWanderingCubes = styled.div(['margin:', 'px auto;', ';text-align:center;font-size:10px;position:relative;> ', '{', ';animation-name:', ';animation-duration:', 's;}'], function (p) {
		var Child$5 = styled.div.withConfig({
		componentId: "sc-1j6ymf-0"
		})(["", ";position:absolute;top:0;left:0;", ";animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;"], propSize, propDelay);
		var StyledWanderingCubes = styled.div.withConfig({
		componentId: "sc-1j6ymf-1"
		})(["margin:", "px auto;", ";text-align:center;font-size:10px;position:relative;> ", "{", ";animation-name:", ";animation-duration:", "s;}"], function (p) {
		return roundTo(p.size * 0.8, 1);
		@@ -397,22 +370,26 @@ }, propSize, Child$5, propBgColor, function (p) {

		//
		var WanderingCubes =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(WanderingCubes, _React$PureComponent);

		var WanderingCubes = function (_React$PureComponent) {
		inherits(WanderingCubes, _React$PureComponent);

		function WanderingCubes() {
		classCallCheck(this, WanderingCubes);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		WanderingCubes.prototype.render = function render() {
		var _proto = WanderingCubes.prototype;

		_proto.render = function render() {
		var speed = 1.8;
		var cubeSize = roundTo(this.props.size / 4, 2); // eslint-disable-line react/prop-types

		return createElement(
		StyledWanderingCubes,
		_extends({ speed: speed }, this.props),
		createElement(Child$5, { delay: speed, size: cubeSize }),
		createElement(Child$5, { delay: speed / 2, size: cubeSize })
		);
		return createElement(StyledWanderingCubes, _extends({
		speed: speed
		}, this.props), createElement(Child$5, {
		delay: speed,
		size: cubeSize
		}), createElement(Child$5, {
		delay: speed / 2,
		size: cubeSize
		}));
		};
		@@ -427,25 +404,27 @@
		};
		WanderingCubes.displayName = '__styled-spinkit__WanderingCubes';
		WanderingCubes.displayName = "__styled-spinkit__WanderingCubes";

		//

		var scale$1 = keyframes(['0%,70%,100%{transform:scale3d(1,1,1);}35%{transform:scale3d(0,0,1);}']);

		var Child$6 = styled.div(['', ';float:left;animation:', ' 1.3s infinite ease-in-out ', 's;'], size('33.33%'), scale$1, function (p) {
		var scale$1 = keyframes(["0%,70%,100%{transform:scale3d(1,1,1);}35%{transform:scale3d(0,0,1);}"]);
		var Child$6 = styled.div.withConfig({
		componentId: "sc-1tt0tiz-0"
		})(["", ";float:left;animation:", " 1.3s infinite ease-in-out ", "s;"], size('33.33%'), scale$1, function (p) {
		return p.delay;
		});
		var StyledCubeGrid = styled.div.withConfig({
		componentId: "sc-1tt0tiz-1"
		})(["", ";", ";> ", "{", ";}"], propSize, propMargin, Child$6, propBgColor);

		var StyledCubeGrid = styled.div(['', ';', ';> ', '{', ';}'], propSize, propMargin, Child$6, propBgColor);
		var CubeGrid =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(CubeGrid, _React$PureComponent);

		//

		var CubeGrid = function (_React$PureComponent) {
		inherits(CubeGrid, _React$PureComponent);

		function CubeGrid() {
		classCallCheck(this, CubeGrid);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		CubeGrid.prototype.render = function render() {
		var _proto = CubeGrid.prototype;

		_proto.render = function render() {
		var range = 0.4;
		@@ -455,10 +434,8 @@ var cubes = [0.5, 0.75, 1, 0.25, 0.5, 0.75, 0, 0.25, 0.5].map(function (v) {
		}).map(function (v, k) {
		return createElement(Child$6, { key: k, delay: v });
		return createElement(Child$6, {
		key: k,
		delay: v
		});
		});

		return createElement(
		StyledCubeGrid,
		this.props,
		cubes
		);
		return createElement(StyledCubeGrid, this.props, cubes);
		};
		@@ -473,21 +450,22 @@
		};
		CubeGrid.displayName = '__styled-spinkit__CubeGrid';
		CubeGrid.displayName = "__styled-spinkit__CubeGrid";

		//
		var scaleOut = keyframes(["0%{transform:scale(0);}100%{opacity:0;transform:scale(1);}"]);
		var StyledPulse = styled.div.withConfig({
		componentId: "sc-1hc2eps-0"
		})(["", ";", ";", ";border-radius:100%;animation:", " 1s ease-in-out infinite;"], propSize, propBgColor, propMargin, scaleOut);

		var scaleOut = keyframes(['0%{transform:scale(0);}100%{opacity:0;transform:scale(1);}']);
		var Pulse =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(Pulse, _React$PureComponent);

		var StyledPulse = styled.div(['', ';', ';', ';border-radius:100%;animation:', ' 1s ease-in-out infinite;'], propSize, propBgColor, propMargin, scaleOut);

		//

		var Pulse = function (_React$PureComponent) {
		inherits(Pulse, _React$PureComponent);

		function Pulse() {
		classCallCheck(this, Pulse);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		Pulse.prototype.render = function render() {
		var _proto = Pulse.prototype;

		_proto.render = function render() {
		return createElement(StyledPulse, this.props);
		@@ -503,12 +481,13 @@ };
		};
		Pulse.displayName = '__styled-spinkit__Pulse';
		Pulse.displayName = "__styled-spinkit__Pulse";

		//

		var anim = keyframes(['0%,40%,100%{transform:scaleY(0.4);}20%{transform:scaleY(1);}']);

		var Rect = styled.div(['', ';margin:0 3px 0 0;display:inline-block;', ';'], size('7px', '100%'), propDelay);

		var StyledWave = styled.div(['', ';', ';text-align:center;font-size:10px;> ', '{', ';animation-name:', ';animation-duration:', 's;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}'], propMargin, function (p) {
		return size(p.size * 1.25 + 'px', p.size + 'px');
		var anim = keyframes(["0%,40%,100%{transform:scaleY(0.4);}20%{transform:scaleY(1);}"]);
		var Rect = styled.div.withConfig({
		componentId: "sc-1a7m9bp-0"
		})(["", ";margin:0 3px 0 0;display:inline-block;", ";"], size('7px', '100%'), propDelay);
		var StyledWave = styled.div.withConfig({
		componentId: "sc-1a7m9bp-1"
		})(["", ";", ";text-align:center;font-size:10px;> ", "{", ";animation-name:", ";animation-duration:", "s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}"], propMargin, function (p) {
		return size(p.size * 1.25 + "px", p.size + "px");
		}, Rect, propBgColor, anim, function (p) {
		@@ -518,17 +497,17 @@ return p.speed;

		//
		var Wave =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(Wave, _React$PureComponent);

		var Wave = function (_React$PureComponent) {
		inherits(Wave, _React$PureComponent);

		function Wave() {
		classCallCheck(this, Wave);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		Wave.prototype.render = function render() {
		var _proto = Wave.prototype;

		_proto.render = function render() {
		var speed = 1.2;
		var rectCount = 5;
		var delayRange = 0.4;

		var rects = getRange(rectCount).map(function (v) {
		@@ -540,8 +519,5 @@ return createElement(Rect, {
		});

		return createElement(
		StyledWave,
		_extends({ speed: speed }, this.props),
		rects
		);
		return createElement(StyledWave, _extends({
		speed: speed
		}, this.props), rects);
		};
		@@ -556,31 +532,30 @@
		};
		Wave.displayName = '__styled-spinkit__Wave';
		Wave.displayName = "__styled-spinkit__Wave";

		//

		var debounce = keyframes(['0%,100%{transform:scale(0);}50%{transform:scale(1);}']);

		var Child$7 = styled.div(['', ';border-radius:50%;position:absolute;opacity:0.6;top:0;left:0;animation:', ' 2s infinite ease-in-out;', ';'], size('100%'), debounce, function (p) {
		var debounce = keyframes(["0%,100%{transform:scale(0);}50%{transform:scale(1);}"]);
		var Child$7 = styled.div.withConfig({
		componentId: "sc-1r3b82j-0"
		})(["", ";border-radius:50%;position:absolute;opacity:0.6;top:0;left:0;animation:", " 2s infinite ease-in-out;", ";"], size('100%'), debounce, function (p) {
		return p.isDelay && animationDelay(-1);
		});
		var StyledDoubleBounce = styled.div.withConfig({
		componentId: "sc-1r3b82j-1"
		})(["", ";position:relative;", ";> ", "{", ";}"], propSize, propMargin, Child$7, propBgColor);

		var StyledDoubleBounce = styled.div(['', ';position:relative;', ';> ', '{', ';}'], propSize, propMargin, Child$7, propBgColor);
		var DoubleBounce =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(DoubleBounce, _React$PureComponent);

		//

		var DoubleBounce = function (_React$PureComponent) {
		inherits(DoubleBounce, _React$PureComponent);

		function DoubleBounce() {
		classCallCheck(this, DoubleBounce);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		DoubleBounce.prototype.render = function render() {
		return createElement(
		StyledDoubleBounce,
		this.props,
		createElement(Child$7, null),
		createElement(Child$7, { isDelay: true })
		);
		var _proto = DoubleBounce.prototype;

		_proto.render = function render() {
		return createElement(StyledDoubleBounce, this.props, createElement(Child$7, null), createElement(Child$7, {
		isDelay: true
		}));
		};
		@@ -595,26 +570,29 @@
		};
		DoubleBounce.displayName = '__styled-spinkit__DoubleBounce';
		DoubleBounce.displayName = "__styled-spinkit__DoubleBounce";

		//

		var spin = keyframes(['0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}']);

		var StyledRotaingPlain = styled.div(['', ';', ';', ';animation:', ' ', 's infinite ease-in-out;'], propSize, propBgColor, propMargin, spin, function (p) {
		var spin = keyframes(["0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}"]);
		var StyledRotaingPlain = styled.div.withConfig({
		componentId: "loh6dn-0"
		})(["", ";", ";", ";animation:", " ", "s infinite ease-in-out;"], propSize, propBgColor, propMargin, spin, function (p) {
		return p.speed;
		});

		//

		var speed = 1.2;

		var RotaingPlain = function (_React$PureComponent) {
		inherits(RotaingPlain, _React$PureComponent);
		var RotaingPlain =
		/#__PURE__/
		function (_React$PureComponent) {
		_inheritsLoose(RotaingPlain, _React$PureComponent);

		function RotaingPlain() {
		classCallCheck(this, RotaingPlain);
		return possibleConstructorReturn(this, _React$PureComponent.apply(this, arguments));
		return _React$PureComponent.apply(this, arguments) \|\| this;
		}

		RotaingPlain.prototype.render = function render() {
		return createElement(StyledRotaingPlain, _extends({}, this.props, { speed: speed }));
		var _proto = RotaingPlain.prototype;

		_proto.render = function render() {
		return createElement(StyledRotaingPlain, _extends({}, this.props, {
		speed: speed
		}));
		};
		@@ -629,3 +607,3 @@
		};
		RotaingPlain.displayName = '__styled-spinkit__RotaingPlain';
		RotaingPlain.displayName = "__styled-spinkit__RotaingPlain";

		@@ -632,0 +610,0 @@ //

lib/ChasingDots/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,27 +6,21 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _styles = require("./styles");

		var _styles = require('./styles');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class ChangeDots extends React.PureComponent {

		render() {
		return React.createElement(
		_styles.StyledChangeDots,
		this.props,
		React.createElement(_styles.Child, null),
		React.createElement(_styles.Child, { second: true })
		);
		return React.createElement(_styles.StyledChangeDots, this.props, React.createElement(_styles.Child, null), React.createElement(_styles.Child, {
		second: true
		}));
		}

		}
		@@ -40,5 +34,6 @@
		ChangeDots.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = ChangeDots;
		var _default = ChangeDots;
		exports.default = _default;

lib/ChasingDots/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,20 +6,24 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledChangeDots = exports.Child = undefined;
		exports.StyledChangeDots = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const rotate = (0, _styledComponents.keyframes)(["100%{transform:rotate(360deg);}"]);
		const bounce = (0, _styledComponents.keyframes)(["0%,100%{transform:scale(0);}50%{transform:scale(1);}"]);
		const duration = 2;

		const rotate = (0, _styledComponents.keyframes)(['100%{transform:rotate(360deg);}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "fj4g1-0"
		})(["", ";display:inline-block;position:absolute;top:0;border-radius:100%;animation:", " ", "s infinite ease-in-out;", ";"], (0, _util.size)('60%'), bounce, duration, p => p.second && (0, _styledComponents.css)(["top:auto;bottom:0;", ";"], (0, _util.animationDelay)(-duration / 2)));

		const bounce = (0, _styledComponents.keyframes)(['0%,100%{transform:scale(0);}50%{transform:scale(1);}']);
		exports.Child = Child;

		const duration = 2;
		const StyledChangeDots = _styledComponents.default.div.withConfig({
		componentId: "fj4g1-1"
		})(["", ";", ";position:relative;text-align:center;animation:", " ", "s infinite linear;> ", "{", ";}"], _util.propSize, _util.propMargin, rotate, duration, Child, _util.propBgColor);

		const Child = exports.Child = _styledComponents2.default.div(['', ';display:inline-block;position:absolute;top:0;border-radius:100%;animation:', ' ', 's infinite ease-in-out;', ';'], (0, _util.size)('60%'), bounce, duration, p => p.second && (0, _styledComponents.css)(['top:auto;bottom:0;', ';'], (0, _util.animationDelay)(-duration / 2)));

		const StyledChangeDots = exports.StyledChangeDots = _styledComponents2.default.div(['', ';', ';position:relative;text-align:center;animation:', ' ', 's infinite linear;> ', '{', ';}'], _util.propSize, _util.propMargin, rotate, duration, Child, _util.propBgColor);
		exports.StyledChangeDots = StyledChangeDots;

lib/Circle/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,41 +6,34 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _roundTo = _interopRequireDefault(require("round-to"));

		var _roundTo = require('round-to');
		var _util = require("../util");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		var _styles = require("./styles");

		var _util = require('../util');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles = require('./styles');

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class Circle extends React.PureComponent {

		render() {
		const count = 12;
		const speed = 1.2;

		const circles = (0, _util.getRange)(count).map(k => {
		const transform = (0, _roundTo2.default)(360 / count * (k + 1), 1);
		const delay = (0, _roundTo2.default)(-speed + speed / count * k, 1);
		return React.createElement(_styles.Child, { key: delay, delay: delay, transform: transform });
		const transform = (0, _roundTo.default)(360 / count * (k + 1), 1);
		const delay = (0, _roundTo.default)(-speed + speed / count * k, 1);
		return React.createElement(_styles.Child, {
		key: delay,
		delay: delay,
		transform: transform
		});
		});
		return React.createElement(_styles.StyledCircle, this.props, circles);
		}

		return React.createElement(
		_styles.StyledCircle,
		this.props,
		circles
		);
		}
		}
		@@ -54,5 +47,6 @@
		Circle.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = Circle;
		var _default = Circle;
		exports.default = _default;

lib/Circle/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledCircle = exports.Child = undefined;
		exports.StyledCircle = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const scale = (0, _styledComponents.keyframes)(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);

		const scale = (0, _styledComponents.keyframes)(['0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "vjya0v-0"
		})(["", ";position:absolute;top:0;left:0;transform:rotate(", "deg);&::before{content:'';display:block;margin:0 auto;", ";border-radius:100%;animation:", " 1.2s ease-in-out ", "s infinite both;}"], (0, _util.size)('100%'), p => p.transform, (0, _util.size)('15%'), scale, p => p.delay);

		const Child = exports.Child = _styledComponents2.default.div(['', ';position:absolute;top:0;left:0;transform:rotate(', 'deg);&::before{content:\'\';display:block;margin:0 auto;', ';border-radius:100%;animation:', ' 1.2s ease-in-out ', 's infinite both;}'], (0, _util.size)('100%'), p => p.transform, (0, _util.size)('15%'), scale, p => p.delay);
		exports.Child = Child;

		const StyledCircle = exports.StyledCircle = _styledComponents2.default.div(['', ';', ';position:relative;> ', '{&::before{', ';}}'], _util.propMargin, _util.propSize, Child, _util.propBgColor);
		const StyledCircle = _styledComponents.default.div.withConfig({
		componentId: "vjya0v-1"
		})(["", ";", ";position:relative;> ", "{&::before{", ";}}"], _util.propMargin, _util.propSize, Child, _util.propBgColor);

		exports.StyledCircle = StyledCircle;

lib/CubeGrid/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,33 +6,27 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _roundTo = _interopRequireDefault(require("round-to"));

		var _roundTo = require('round-to');
		var _styles = require("./styles");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles = require('./styles');

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class CubeGrid extends React.PureComponent {

		render() {
		const cubes = [0.5, 0.75, 1, 0.25, 0.5, 0.75, 0, 0.25, 0.5].map(v => (0, _roundTo2.default)(0.4 * v, 2)).map((v, k) => React.createElement(_styles.Child, { key: k, delay: v }));
		const cubes = [0.5, 0.75, 1, 0.25, 0.5, 0.75, 0, 0.25, 0.5].map(v => (0, _roundTo.default)(0.4 * v, 2)).map((v, k) => React.createElement(_styles.Child, {
		key: k,
		delay: v
		}));
		return React.createElement(_styles.StyledCubeGrid, this.props, cubes);
		}

		return React.createElement(
		_styles.StyledCubeGrid,
		this.props,
		cubes
		);
		}
		}

		CubeGrid.defaultProps = {
		@@ -44,5 +38,6 @@ size: 40,
		CubeGrid.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = CubeGrid;
		var _default = CubeGrid;
		exports.default = _default;

lib/CubeGrid/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledCubeGrid = exports.Child = undefined;
		exports.StyledCubeGrid = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const scale = (0, _styledComponents.keyframes)(["0%,70%,100%{transform:scale3d(1,1,1);}35%{transform:scale3d(0,0,1);}"]);

		const scale = (0, _styledComponents.keyframes)(['0%,70%,100%{transform:scale3d(1,1,1);}35%{transform:scale3d(0,0,1);}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "sc-1tt0tiz-0"
		})(["", ";float:left;animation:", " 1.3s infinite ease-in-out ", "s;"], (0, _util.size)('33.33%'), scale, p => p.delay);

		const Child = exports.Child = _styledComponents2.default.div(['', ';float:left;animation:', ' 1.3s infinite ease-in-out ', 's;'], (0, _util.size)('33.33%'), scale, p => p.delay);
		exports.Child = Child;

		const StyledCubeGrid = exports.StyledCubeGrid = _styledComponents2.default.div(['', ';', ';> ', '{', ';}'], _util.propSize, _util.propMargin, Child, _util.propBgColor);
		const StyledCubeGrid = _styledComponents.default.div.withConfig({
		componentId: "sc-1tt0tiz-1"
		})(["", ";", ";> ", "{", ";}"], _util.propSize, _util.propMargin, Child, _util.propBgColor);

		exports.StyledCubeGrid = StyledCubeGrid;

lib/DoubleBounce/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,27 +6,21 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _styles = require("./styles");

		var _styles = require('./styles');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class DoubleBounce extends React.PureComponent {

		render() {
		return React.createElement(
		_styles.StyledDoubleBounce,
		this.props,
		React.createElement(_styles.Child, null),
		React.createElement(_styles.Child, { isDelay: true })
		);
		return React.createElement(_styles.StyledDoubleBounce, this.props, React.createElement(_styles.Child, null), React.createElement(_styles.Child, {
		isDelay: true
		}));
		}

		}
		@@ -40,5 +34,6 @@
		DoubleBounce.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = DoubleBounce;
		var _default = DoubleBounce;
		exports.default = _default;

lib/DoubleBounce/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledDoubleBounce = exports.Child = undefined;
		exports.StyledDoubleBounce = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const debounce = (0, _styledComponents.keyframes)(["0%,100%{transform:scale(0);}50%{transform:scale(1);}"]);

		const debounce = (0, _styledComponents.keyframes)(['0%,100%{transform:scale(0);}50%{transform:scale(1);}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "sc-1r3b82j-0"
		})(["", ";border-radius:50%;position:absolute;opacity:0.6;top:0;left:0;animation:", " 2s infinite ease-in-out;", ";"], (0, _util.size)('100%'), debounce, p => p.isDelay && (0, _util.animationDelay)(-1));

		const Child = exports.Child = _styledComponents2.default.div(['', ';border-radius:50%;position:absolute;opacity:0.6;top:0;left:0;animation:', ' 2s infinite ease-in-out;', ';'], (0, _util.size)('100%'), debounce, p => p.isDelay && (0, _util.animationDelay)(-1));
		exports.Child = Child;

		const StyledDoubleBounce = exports.StyledDoubleBounce = _styledComponents2.default.div(['', ';position:relative;', ';> ', '{', ';}'], _util.propSize, _util.propMargin, Child, _util.propBgColor);
		const StyledDoubleBounce = _styledComponents.default.div.withConfig({
		componentId: "sc-1r3b82j-1"
		})(["", ";position:relative;", ";> ", "{", ";}"], _util.propSize, _util.propMargin, Child, _util.propBgColor);

		exports.StyledDoubleBounce = StyledDoubleBounce;

lib/FadingCircle/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,25 +6,19 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _roundTo = _interopRequireDefault(require("round-to"));

		var _roundTo = require('round-to');
		var _util = require("../util");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		var _styles = require("./styles");

		var _util = require('../util');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles = require('./styles');

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class ForldingCircle extends React.PureComponent {

		render() {
		@@ -35,12 +29,8 @@ const count = 12;
		key: v,
		rotate: (0, _roundTo2.default)(360 / count * v, 1),
		delay: (0, _roundTo2.default)(range - range / count * v, 2)
		rotate: (0, _roundTo.default)(360 / count * v, 1),
		delay: (0, _roundTo.default)(range - range / count * v, 2)
		}));
		return React.createElement(_styles.StyledForldingCircle, this.props, circles);
		}

		return React.createElement(
		_styles.StyledForldingCircle,
		this.props,
		circles
		);
		}
		}
		@@ -54,5 +44,6 @@
		ForldingCircle.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = ForldingCircle;
		var _default = ForldingCircle;
		exports.default = _default;

lib/FadingCircle/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,17 +6,23 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledForldingCircle = exports.Child = undefined;
		exports.StyledForldingCircle = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		// @Flow
		const opacity = (0, _styledComponents.keyframes)(['0%,39%,100%{opacity:0;}40%{opacity:1;}']);
		const opacity = (0, _styledComponents.keyframes)(["0%,39%,100%{opacity:0;}40%{opacity:1;}"]);

		const Child = exports.Child = _styledComponents2.default.div(['', ';position:absolute;left:0;top:0;transform:rotate(', 'deg);&::before{content:\'\';display:block;margin:0 auto;', ';border-radius:100%;animation:', ' 1.2s infinite ease-in-out both -', 's;}'], (0, _util.size)('100%'), p => p.rotate, (0, _util.size)('15%'), opacity, p => p.delay);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "sc-18jas4n-0"
		})(["", ";position:absolute;left:0;top:0;transform:rotate(", "deg);&::before{content:'';display:block;margin:0 auto;", ";border-radius:100%;animation:", " 1.2s infinite ease-in-out both -", "s;}"], (0, _util.size)('100%'), p => p.rotate, (0, _util.size)('15%'), opacity, p => p.delay);

		const StyledForldingCircle = exports.StyledForldingCircle = _styledComponents2.default.div(['', ';', ';position:relative;> ', '{&::before{', ';}}'], _util.propSize, _util.propMargin, Child, _util.propBgColor);
		exports.Child = Child;

		const StyledForldingCircle = _styledComponents.default.div.withConfig({
		componentId: "sc-18jas4n-1"
		})(["", ";", ";position:relative;> ", "{&::before{", ";}}"], _util.propSize, _util.propMargin, Child, _util.propBgColor);

		exports.StyledForldingCircle = StyledForldingCircle;

lib/FoldingCube/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,41 +6,30 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _roundTo = _interopRequireDefault(require("round-to"));

		var _roundTo = require('round-to');
		var _styles = require("./styles");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles = require('./styles');

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class FoldingCube extends React.PureComponent {

		render() {
		const duration = 2.4;


		const cubes = [0, 1, 3, 2].map(v => React.createElement(_styles.Child, {
		scale: 90 * v,
		key: v,
		delay: (0, _roundTo2.default)(duration / 2 / 4 * v, 2),
		delay: (0, _roundTo.default)(duration / 2 / 4 * v, 2),
		duration: duration
		}));
		return React.createElement(_styles.StyledFoldingCube, this.props, cubes);
		}

		return React.createElement(
		_styles.StyledFoldingCube,
		this.props,
		cubes
		);
		}
		}

		FoldingCube.defaultProps = {
		@@ -52,5 +41,6 @@ size: 40,
		FoldingCube.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = FoldingCube;
		var _default = FoldingCube;
		exports.default = _default;

lib/FoldingCube/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledFoldingCube = exports.Child = undefined;
		exports.StyledFoldingCube = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const locate = (0, _styledComponents.keyframes)(["0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0;}"]);

		const locate = (0, _styledComponents.keyframes)(['0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0;}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "sc-1qzqwer-0"
		})(["float:left;", ";position:relative;transform:scale(1.1) rotateZ(", "deg);&::before{content:'';position:absolute;top:0;left:0;", ";animation:", " ", "s infinite linear both ", "s;transform-origin:100% 100%;}"], (0, _util.size)('50%'), p => p.scale, (0, _util.size)('100%'), locate, p => p.duration, p => p.delay);

		const Child = exports.Child = _styledComponents2.default.div(['float:left;', ';position:relative;transform:scale(1.1) rotateZ(', 'deg);&::before{content:\'\';position:absolute;top:0;left:0;', ';animation:', ' ', 's infinite linear both ', 's;transform-origin:100% 100%;}'], (0, _util.size)('50%'), p => p.scale, (0, _util.size)('100%'), locate, p => p.duration, p => p.delay);
		exports.Child = Child;

		const StyledFoldingCube = exports.StyledFoldingCube = _styledComponents2.default.div(['', ';', ';position:relative;transform:rotateZ(45deg);> ', '{&::before{', ';}}'], _util.propSize, _util.propMargin, Child, _util.propBgColor);
		const StyledFoldingCube = _styledComponents.default.div.withConfig({
		componentId: "sc-1qzqwer-1"
		})(["", ";", ";position:relative;transform:rotateZ(45deg);> ", "{&::before{", ";}}"], _util.propSize, _util.propMargin, Child, _util.propBgColor);

		exports.StyledFoldingCube = StyledFoldingCube;

127

lib/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,60 +6,91 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.RotaingPlane = exports.DoubleBounce = exports.WaveLoading = exports.WanderingCubes = exports.FoldingCube = exports.ThreeBounce = exports.FadingCircle = exports.Pulse = exports.CubeGrid = exports.Circle = exports.ChasingDots = undefined;
		Object.defineProperty(exports, "ChasingDots", {
		enumerable: true,
		get: function get() {
		return _ChasingDots.default;
		}
		});
		Object.defineProperty(exports, "FadingCircle", {
		enumerable: true,
		get: function get() {
		return _FadingCircle.default;
		}
		});
		Object.defineProperty(exports, "ThreeBounce", {
		enumerable: true,
		get: function get() {
		return _ThreeBounce.default;
		}
		});
		Object.defineProperty(exports, "Circle", {
		enumerable: true,
		get: function get() {
		return _Circle.default;
		}
		});
		Object.defineProperty(exports, "FoldingCube", {
		enumerable: true,
		get: function get() {
		return _FoldingCube.default;
		}
		});
		Object.defineProperty(exports, "WanderingCubes", {
		enumerable: true,
		get: function get() {
		return _WanderingCubes.default;
		}
		});
		Object.defineProperty(exports, "CubeGrid", {
		enumerable: true,
		get: function get() {
		return _CubeGrid.default;
		}
		});
		Object.defineProperty(exports, "Pulse", {
		enumerable: true,
		get: function get() {
		return _Pulse.default;
		}
		});
		Object.defineProperty(exports, "WaveLoading", {
		enumerable: true,
		get: function get() {
		return _WaveLoading.default;
		}
		});
		Object.defineProperty(exports, "DoubleBounce", {
		enumerable: true,
		get: function get() {
		return _DoubleBounce.default;
		}
		});
		Object.defineProperty(exports, "RotaingPlane", {
		enumerable: true,
		get: function get() {
		return _RotaingPlane.default;
		}
		});

		var _ChasingDots = require('./ChasingDots');
		var _ChasingDots = _interopRequireDefault(require("./ChasingDots"));

		var _ChasingDots2 = _interopRequireDefault(_ChasingDots);
		var _FadingCircle = _interopRequireDefault(require("./FadingCircle"));

		var _FadingCircle = require('./FadingCircle');
		var _ThreeBounce = _interopRequireDefault(require("./ThreeBounce"));

		var _FadingCircle2 = _interopRequireDefault(_FadingCircle);
		var _Circle = _interopRequireDefault(require("./Circle"));

		var _ThreeBounce = require('./ThreeBounce');
		var _FoldingCube = _interopRequireDefault(require("./FoldingCube"));

		var _ThreeBounce2 = _interopRequireDefault(_ThreeBounce);
		var _WanderingCubes = _interopRequireDefault(require("./WanderingCubes"));

		var _Circle = require('./Circle');
		var _CubeGrid = _interopRequireDefault(require("./CubeGrid"));

		var _Circle2 = _interopRequireDefault(_Circle);
		var _Pulse = _interopRequireDefault(require("./Pulse"));

		var _FoldingCube = require('./FoldingCube');
		var _WaveLoading = _interopRequireDefault(require("./WaveLoading"));

		var _FoldingCube2 = _interopRequireDefault(_FoldingCube);
		var _DoubleBounce = _interopRequireDefault(require("./DoubleBounce"));

		var _WanderingCubes = require('./WanderingCubes');
		var _RotaingPlane = _interopRequireDefault(require("./RotaingPlane"));

		var _WanderingCubes2 = _interopRequireDefault(_WanderingCubes);

		var _CubeGrid = require('./CubeGrid');

		var _CubeGrid2 = _interopRequireDefault(_CubeGrid);

		var _Pulse = require('./Pulse');

		var _Pulse2 = _interopRequireDefault(_Pulse);

		var _WaveLoading = require('./WaveLoading');

		var _WaveLoading2 = _interopRequireDefault(_WaveLoading);

		var _DoubleBounce = require('./DoubleBounce');

		var _DoubleBounce2 = _interopRequireDefault(_DoubleBounce);

		var _RotaingPlane = require('./RotaingPlane');

		var _RotaingPlane2 = _interopRequireDefault(_RotaingPlane);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		exports.ChasingDots = _ChasingDots2.default;
		exports.Circle = _Circle2.default;
		exports.CubeGrid = _CubeGrid2.default;
		exports.Pulse = _Pulse2.default;
		exports.FadingCircle = _FadingCircle2.default;
		exports.ThreeBounce = _ThreeBounce2.default;
		exports.FoldingCube = _FoldingCube2.default;
		exports.WanderingCubes = _WanderingCubes2.default;
		exports.WaveLoading = _WaveLoading2.default;
		exports.DoubleBounce = _DoubleBounce2.default;
		exports.RotaingPlane = _RotaingPlane2.default;
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/Pulse/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,24 +6,19 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _styles = _interopRequireDefault(require("./styles"));

		var _styles = require('./styles');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles2 = _interopRequireDefault(_styles);

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class Pulse extends React.PureComponent {

		render() {
		return React.createElement(_styles2.default, this.props);
		return React.createElement(_styles.default, this.props);
		}

		}
		@@ -37,5 +32,6 @@
		Pulse.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = Pulse;
		var _default = Pulse;
		exports.default = _default;

lib/Pulse/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const scaleOut = (0, _styledComponents.keyframes)(["0%{transform:scale(0);}100%{opacity:0;transform:scale(1);}"]);

		const scaleOut = (0, _styledComponents.keyframes)(['0%{transform:scale(0);}100%{opacity:0;transform:scale(1);}']);
		const StyledPulse = _styledComponents.default.div.withConfig({
		componentId: "sc-1hc2eps-0"
		})(["", ";", ";", ";border-radius:100%;animation:", " 1s ease-in-out infinite;"], _util.propSize, _util.propBgColor, _util.propMargin, scaleOut);

		const StyledPulse = _styledComponents2.default.div(['', ';', ';', ';border-radius:100%;animation:', ' 1s ease-in-out infinite;'], _util.propSize, _util.propBgColor, _util.propMargin, scaleOut);

		exports.default = StyledPulse;
		var _default = StyledPulse;
		exports.default = _default;

lib/RotaingPlane/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,28 +6,25 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		var React = _interopRequireWildcard(require("react"));

		var _react = require('react');
		var _styles = _interopRequireDefault(require("./styles"));

		var React = _interopRequireWildcard(_react);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _styles = require('./styles');
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _styles2 = _interopRequireDefault(_styles);
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _propTypes = require('prop-types');
		function _extends() { _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

		const speed = 1.2;

		class RotaingPlain extends React.PureComponent {

		render() {
		return React.createElement(_styles2.default, _extends({}, this.props, { speed: speed }));
		return React.createElement(_styles.default, _extends({}, this.props, {
		speed: speed
		}));
		}

		}
		@@ -41,5 +38,6 @@
		RotaingPlain.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = RotaingPlain;
		var _default = RotaingPlain;
		exports.default = _default;

lib/RotaingPlane/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const spin = (0, _styledComponents.keyframes)(["0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}"]);

		const spin = (0, _styledComponents.keyframes)(['0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}']);
		const StyledRotaingPlain = _styledComponents.default.div.withConfig({
		componentId: "loh6dn-0"
		})(["", ";", ";", ";animation:", " ", "s infinite ease-in-out;"], _util.propSize, _util.propBgColor, _util.propMargin, spin, p => p.speed);

		const StyledRotaingPlain = _styledComponents2.default.div(['', ';', ';', ';animation:', ' ', 's infinite ease-in-out;'], _util.propSize, _util.propBgColor, _util.propMargin, spin, p => p.speed);

		exports.default = StyledRotaingPlain;
		var _default = StyledRotaingPlain;
		exports.default = _default;

lib/ThreeBounce/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,28 +6,25 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _react = require('react');
		var React = _interopRequireWildcard(require("react"));

		var React = _interopRequireWildcard(_react);
		var _styles = require("./styles");

		var _styles = require('./styles');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _propTypes = require('prop-types');

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		class ThreeBounce extends React.PureComponent {

		render() {
		return React.createElement(
		_styles.StyledThreeBounce,
		this.props,
		React.createElement(_styles.Child, { delay: -0.32 }),
		React.createElement(_styles.Child, { delay: -0.16 }),
		React.createElement(_styles.Child, { delay: 0 })
		);
		return React.createElement(_styles.StyledThreeBounce, this.props, React.createElement(_styles.Child, {
		delay: -0.32
		}), React.createElement(_styles.Child, {
		delay: -0.16
		}), React.createElement(_styles.Child, {
		delay: 0
		}));
		}

		}
		@@ -41,5 +38,6 @@
		ThreeBounce.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = ThreeBounce;
		var _default = ThreeBounce;
		exports.default = _default;

lib/ThreeBounce/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledThreeBounce = exports.Child = undefined;
		exports.StyledThreeBounce = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const bounce = (0, _styledComponents.keyframes)(["0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}"]);

		const bounce = (0, _styledComponents.keyframes)(['0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}']);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "nsumy5-0"
		})(["border-radius:100%;display:inline-block;animation:", " 1.4s ease-in-out ", "s infinite both;"], bounce, p => p.delay);

		const Child = exports.Child = _styledComponents2.default.div(['border-radius:100%;display:inline-block;animation:', ' 1.4s ease-in-out ', 's infinite both;'], bounce, p => p.delay);
		exports.Child = Child;

		const StyledThreeBounce = exports.StyledThreeBounce = _styledComponents2.default.div(['width:', 'px;', ';text-align:center;border-radius:100%;> ', '{', ';', ';}'], p => p.size, _util.propMargin, Child, p => (0, _util.sizePx)(p.size / 4), _util.propBgColor);
		const StyledThreeBounce = _styledComponents.default.div.withConfig({
		componentId: "nsumy5-1"
		})(["width:", "px;", ";text-align:center;border-radius:100%;> ", "{", ";", ";}"], p => p.size, _util.propMargin, Child, p => (0, _util.sizePx)(p.size / 4), _util.propBgColor);

		exports.StyledThreeBounce = StyledThreeBounce;

lib/util/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,21 +6,46 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.getRange = exports.propDelay = exports.animationDelay = exports.propMargin = exports.propBgColor = exports.propSize = exports.sizePx = exports.size = undefined;
		exports.getRange = exports.propDelay = exports.animationDelay = exports.propMargin = exports.propBgColor = exports.propSize = exports.sizePx = exports.size = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = require("styled-components");

		const size = exports.size = (width, height = width) => (0, _styledComponents.css)(['width:', ';height:', ';'], width, height);
		const sizePx = exports.sizePx = n => size(`${n}px`);
		const size = (width, height = width) => (0, _styledComponents.css)(["width:", ";height:", ";"], width, height);

		// eslint-disable-next-line no-shadow
		const propSize = exports.propSize = ({ size }) => sizePx(size);
		exports.size = size;

		const propBgColor = exports.propBgColor = ({ color }) => (0, _styledComponents.css)(['background-color:', ';'], color);
		const sizePx = n => size(`${n}px`); // eslint-disable-next-line no-shadow

		// eslint-disable-next-line no-shadow
		const propMargin = exports.propMargin = ({ size = 0 }) => (0, _styledComponents.css)(['margin:', 'px auto;'], size);

		const animationDelay = exports.animationDelay = n => (0, _styledComponents.css)(['animation-delay:', 's;'], n);
		exports.sizePx = sizePx;

		const propDelay = exports.propDelay = ({ delay }) => animationDelay(delay);
		const propSize = ({
		size
		}) => sizePx(size);

		const getRange = exports.getRange = n => Array.from(Array(n).keys());
		exports.propSize = propSize;

		const propBgColor = ({
		color
		}) => (0, _styledComponents.css)(["background-color:", ";"], color); // eslint-disable-next-line no-shadow


		exports.propBgColor = propBgColor;

		const propMargin = ({
		size = 0
		}) => (0, _styledComponents.css)(["margin:", "px auto;"], size);

		exports.propMargin = propMargin;

		const animationDelay = n => (0, _styledComponents.css)(["animation-delay:", "s;"], n);

		exports.animationDelay = animationDelay;

		const propDelay = ({
		delay
		}) => animationDelay(delay);

		exports.propDelay = propDelay;

		const getRange = n => Array.from(Array(n).keys());

		exports.getRange = getRange;

lib/WanderingCubes/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,36 +6,34 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		var React = _interopRequireWildcard(require("react"));

		var _react = require('react');
		var _roundTo = _interopRequireDefault(require("round-to"));

		var React = _interopRequireWildcard(_react);
		var _styles = require("./styles");

		var _roundTo = require('round-to');
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _roundTo2 = _interopRequireDefault(_roundTo);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _styles = require('./styles');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _propTypes = require('prop-types');
		function _extends() { _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

		class WanderingCubes extends React.PureComponent {

		render() {
		const speed = 1.8;
		const cubeSize = (0, _roundTo2.default)(this.props.size / 4, 2); // eslint-disable-line react/prop-types
		const cubeSize = (0, _roundTo.default)(this.props.size / 4, 2); // eslint-disable-line react/prop-types

		return React.createElement(
		_styles.StyledWanderingCubes,
		_extends({ speed: speed }, this.props),
		React.createElement(_styles.Child, { delay: speed, size: cubeSize }),
		React.createElement(_styles.Child, { delay: speed / 2, size: cubeSize })
		);
		return React.createElement(_styles.StyledWanderingCubes, _extends({
		speed: speed
		}, this.props), React.createElement(_styles.Child, {
		delay: speed,
		size: cubeSize
		}), React.createElement(_styles.Child, {
		delay: speed / 2,
		size: cubeSize
		}));
		}

		}
		@@ -49,5 +47,6 @@
		WanderingCubes.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = WanderingCubes;
		var _default = WanderingCubes;
		exports.default = _default;

lib/WanderingCubes/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,19 +6,26 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledWanderingCubes = exports.Child = undefined;
		exports.StyledWanderingCubes = exports.Child = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _roundTo = _interopRequireDefault(require("round-to"));

		var _roundTo = require('round-to');
		var _util = require("../util");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const createAnim = (cubeDistance = 42) => (0, _styledComponents.keyframes)(["0%{transform:rotate(0deg);}25%{transform:translateX(", "px) rotate(-90deg) scale(0.5);}50%{transform:translateX(", "px) translateY(", "px) rotate(-179deg);}50.1%{transform:translateX(", "px) translateY(", "px) rotate(-180deg);}75%{transform:translateX(0) translateY(", "px) rotate(-270deg) scale(0.5);}100%{transform:rotate(-360deg);}"], cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance);

		const createAnim = (cubeDistance = 42) => (0, _styledComponents.keyframes)(['0%{transform:rotate(0deg);}25%{transform:translateX(', 'px) rotate(-90deg) scale(0.5);}50%{transform:translateX(', 'px) translateY(', 'px) rotate(-179deg);}50.1%{transform:translateX(', 'px) translateY(', 'px) rotate(-180deg);}75%{transform:translateX(0) translateY(', 'px) rotate(-270deg) scale(0.5);}100%{transform:rotate(-360deg);}'], cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance, cubeDistance);
		const Child = exports.Child = _styledComponents2.default.div(['', ';position:absolute;top:0;left:0;', ';animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;'], _util.propSize, _util.propDelay);
		const Child = _styledComponents.default.div.withConfig({
		componentId: "sc-1j6ymf-0"
		})(["", ";position:absolute;top:0;left:0;", ";animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;"], _util.propSize, _util.propDelay);

		const StyledWanderingCubes = exports.StyledWanderingCubes = _styledComponents2.default.div(['margin:', 'px auto;', ';text-align:center;font-size:10px;position:relative;> ', '{', ';animation-name:', ';animation-duration:', 's;}'], p => (0, _roundTo2.default)(p.size * 0.8, 1), _util.propSize, Child, _util.propBgColor, p => createAnim((0, _roundTo2.default)(p.size * 0.8, 1)), p => p.speed);
		exports.Child = Child;

		const StyledWanderingCubes = _styledComponents.default.div.withConfig({
		componentId: "sc-1j6ymf-1"
		})(["margin:", "px auto;", ";text-align:center;font-size:10px;position:relative;> ", "{", ";animation-name:", ";animation-duration:", "s;}"], p => (0, _roundTo.default)(p.size * 0.8, 1), _util.propSize, Child, _util.propBgColor, p => createAnim((0, _roundTo.default)(p.size * 0.8, 1)), p => p.speed);

		exports.StyledWanderingCubes = StyledWanderingCubes;

lib/WaveLoading/index.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,43 +6,33 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.default = void 0;

		var _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
		var React = _interopRequireWildcard(require("react"));

		var _react = require('react');
		var _roundTo = _interopRequireDefault(require("round-to"));

		var React = _interopRequireWildcard(_react);
		var _util = require("../util");

		var _roundTo = require('round-to');
		var _styles = require("./styles");

		var _roundTo2 = _interopRequireDefault(_roundTo);
		var _propTypes = _interopRequireDefault(require("prop-types"));

		var _util = require('../util');
		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		var _styles = require('./styles');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		var _propTypes = require('prop-types');
		function _extends() { _extends = Object.assign \|\| function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

		var _propTypes2 = _interopRequireDefault(_propTypes);

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

		class Wave extends React.PureComponent {

		render() {
		const speed = 1.2;
		const rectCount = 5;


		const rects = (0, _util.getRange)(rectCount).map(v => React.createElement(_styles.Rect, {
		delay: (0, _roundTo2.default)(-speed + 0.4 / (rectCount - 1) * v, 1),
		delay: (0, _roundTo.default)(-speed + 0.4 / (rectCount - 1) * v, 1),
		key: v
		}));
		return React.createElement(_styles.StyledWave, _extends({
		speed: speed
		}, this.props), rects);
		}

		return React.createElement(
		_styles.StyledWave,
		_extends({ speed: speed }, this.props),
		rects
		);
		}
		}
		@@ -56,5 +46,6 @@
		Wave.propTypes = {
		size: _propTypes2.default.number,
		color: _propTypes2.default.string
		size: _propTypes.default.number,
		color: _propTypes.default.string
		};
		exports.default = Wave;
		var _default = Wave;
		exports.default = _default;

lib/WaveLoading/styles.js

		@@ -1,2 +0,2 @@
		'use strict';
		"use strict";

		@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", {
		});
		exports.StyledWave = exports.Rect = undefined;
		exports.StyledWave = exports.Rect = void 0;

		var _styledComponents = require('styled-components');
		var _styledComponents = _interopRequireWildcard(require("styled-components"));

		var _styledComponents2 = _interopRequireDefault(_styledComponents);
		var _util = require("../util");

		var _util = require('../util');
		function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get \|\| desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

		function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
		const anim = (0, _styledComponents.keyframes)(["0%,40%,100%{transform:scaleY(0.4);}20%{transform:scaleY(1);}"]);

		const anim = (0, _styledComponents.keyframes)(['0%,40%,100%{transform:scaleY(0.4);}20%{transform:scaleY(1);}']);
		const Rect = _styledComponents.default.div.withConfig({
		componentId: "sc-1a7m9bp-0"
		})(["", ";margin:0 3px 0 0;display:inline-block;", ";"], (0, _util.size)('7px', '100%'), _util.propDelay);

		const Rect = exports.Rect = _styledComponents2.default.div(['', ';margin:0 3px 0 0;display:inline-block;', ';'], (0, _util.size)('7px', '100%'), _util.propDelay);
		exports.Rect = Rect;

		const StyledWave = exports.StyledWave = _styledComponents2.default.div(['', ';', ';text-align:center;font-size:10px;> ', '{', ';animation-name:', ';animation-duration:', 's;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}'], _util.propMargin, p => (0, _util.size)(`${p.size * 1.25}px`, `${p.size}px`), Rect, _util.propBgColor, anim, p => p.speed);
		const StyledWave = _styledComponents.default.div.withConfig({
		componentId: "sc-1a7m9bp-1"
		})(["", ";", ";text-align:center;font-size:10px;> ", "{", ";animation-name:", ";animation-duration:", "s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}"], _util.propMargin, p => (0, _util.size)(`${p.size * 1.25}px`, `${p.size}px`), Rect, _util.propBgColor, anim, p => p.speed);

		exports.StyledWave = StyledWave;

101

package.json

		{
		"name": "styled-spinkit",
		"version": "0.4.1",
		"version": "0.5.0",
		"description": "Spinner Loading components",
		@@ -10,3 +10,3 @@ "license": "MIT",
		"email": "akameco.t@gmail.com",
		"url": "akameco.github.io"
		"url": "https://akameco.github.io"
		},
		@@ -30,3 +30,3 @@ "main": "lib/index.js",
		"build": "npm run build:lib && npm run build:dist && npm run build:flow",
		"build:lib": "babel src/ -d lib/ --ignore '*.test.js'",
		"build:lib": "babel src/ -d lib/ --ignore '*/.test.js'",
		"prebuild:dist": "rimraf dist/*",
		@@ -43,4 +43,3 @@ "build:dist": "rollup -c",
		"test": "jest",
		"prepublish": "npm run precommit && npm run build",
		"precommit": "lint-staged"
		"prepublish": "npm run build"
		},
		@@ -60,46 +59,46 @@ "lint-staged": {
		"dependencies": {
		"prop-types": "^15.6.1",
		"round-to": "^3.0.0",
		"styled-components": "^2.4.0"
		"prop-types": "^15.6.2",
		"round-to": "^3.0.0"
		},
		"devDependencies": {
		"@babel/cli": "^7.0.0",
		"@babel/core": "^7.0.0",
		"@babel/preset-flow": "^7.0.0",
		"@kadira/storybook-deployer": "^1.2.0",
		"@storybook/addon-actions": "^3.4.6",
		"@storybook/addon-info": "^3.4.6",
		"@storybook/addon-knobs": "^3.4.6",
		"@storybook/addon-storyshots": "^3.4.6",
		"@storybook/react": "^3.4.6",
		"all-contributors-cli": "^4.11.2",
		"babel-cli": "^6.26.0",
		"babel-core": "^6.26.3",
		"babel-jest": "^23.0.1",
		"babel-plugin-external-helpers": "^6.22.0",
		"babel-plugin-flow-react-proptypes": "^24.0.1",
		"babel-plugin-styled-components": "^1.5.1",
		"babel-preset-zero": "^0.2.0",
		"enzyme": "^3.3.0",
		"enzyme-adapter-react-16": "^1.1.1",
		"enzyme-to-json": "^3.3.4",
		"eslint": "^4.19.1",
		"eslint-config-precure": "^2.7.0",
		"flow-bin": "^0.73.0",
		"flow-copy-source": "^2.0.0",
		"husky": "^0.14.3",
		"jest": "^23.1.0",
		"jest-styled-components": "5.0.1",
		"lint-staged": "^7.1.3",
		"prettier": "^1.13.4",
		"react": "^16.4.0",
		"react-dom": "^16.4.0",
		"rimraf": "^2.6.2",
		"rollup": "^0.59.4",
		"rollup-plugin-babel": "^3.0.4",
		"rollup-plugin-commonjs": "^9.1.3",
		"@storybook/addon-actions": "^4.1.11",
		"@storybook/addon-info": "^4.1.11",
		"@storybook/addon-knobs": "^4.1.11",
		"@storybook/addon-storyshots": "^4.1.11",
		"@storybook/react": "^4.1.11",
		"all-contributors-cli": "^5.11.0",
		"babel-core": "^7.0.0-bridge.0",
		"babel-jest": "^24.0.0",
		"babel-loader": "^8.0.5",
		"babel-plugin-flow-react-proptypes": "^24.1.2",
		"babel-plugin-styled-components": "^1.10.0",
		"babel-preset-zero": "^0.7.0",
		"eslint": "^5.12.1",
		"eslint-config-precure": "^3.5.0",
		"flow-bin": "^0.91.0",
		"flow-copy-source": "^2.0.2",
		"husky": "^1.3.1",
		"jest": "^24.0.0",
		"jest-styled-components": "6.3.1",
		"lint-staged": "^8.1.1",
		"prettier": "^1.16.1",
		"react": "^16.7.0",
		"react-dom": "^16.7.0",
		"react-test-renderer": "^16.7.0",
		"rimraf": "^2.6.3",
		"rollup": "^1.1.2",
		"rollup-plugin-babel": "^4.3.2",
		"rollup-plugin-commonjs": "^9.2.0",
		"rollup-plugin-flow": "^1.1.1",
		"rollup-plugin-node-resolve": "^3.3.0",
		"rollup-plugin-node-resolve": "^4.0.0",
		"storyshots": "^3.2.2",
		"stylelint": "^9.2.1",
		"styled-components": "^4.1.3",
		"stylelint": "^9.10.1",
		"stylelint-config-standard": "^18.2.0",
		"stylelint-config-styled-components": "^0.1.1",
		"stylelint-processor-styled-components": "^1.3.1"
		"stylelint-processor-styled-components": "^1.5.2"
		},
		@@ -110,17 +109,7 @@ "peerDependencies": {
		},
		"jest": {
		"setupFiles": [
		"<rootDir>/jestSetup.js"
		],
		"collectCoverageFrom": [
		"src/*/.js"
		],
		"testPathIgnorePatterns": [
		"<rootDir>[/\\\\](build\|node_modules)[/\\\\]"
		],
		"testEnvironment": "node",
		"transformIgnorePatterns": [
		"[/\\\\]node_modules[/\\\\].+\\.(js\|jsx)$"
		]
		"husky": {
		"hooks": {
		"pre-commit": "lint-staged"
		}
		}
		}

src/ChasingDots/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/ChasingDots/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import 'jest-styled-components'
		@@ -9,14 +8,14 @@ import { Child, StyledChangeDots } from '../styles'
		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render Child second=true', () => {
		const wrapper = shallow(<Child second />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child second />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledChangeDots size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledChangeDots size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/Circle/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import 'jest-styled-components'
		@@ -9,4 +8,4 @@ import Comp from '..'
		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/Circle/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import 'jest-styled-components'
		@@ -9,9 +8,9 @@ import { Child, StyledCircle } from '../styles'
		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render', () => {
		const wrapper = shallow(<StyledCircle size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledCircle size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/CubeGrid/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import 'jest-styled-components'
		@@ -9,4 +8,4 @@ import Comp from '..'
		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/CubeGrid/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import 'jest-styled-components'
		@@ -9,9 +8,9 @@ import { Child, StyledCubeGrid } from '../styles'
		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledCubeGrid size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledCubeGrid size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/DoubleBounce/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/DoubleBounce/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import { Child, StyledDoubleBounce } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledDoubleBounce size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledDoubleBounce size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/FadingCircle/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer';
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/FadingCircle/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import { Child, StyledForldingCircle } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledForldingCircle size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledForldingCircle size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/FoldingCube/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/FoldingCube/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import { Child, StyledFoldingCube } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render Child second=true', () => {
		const wrapper = shallow(<Child second />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child second />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledFoldingCube size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledFoldingCube size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/Pulse/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/Pulse/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import StyledPulse from '../styles'

		test('render without props', () => {
		const wrapper = shallow(<StyledPulse size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledPulse size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/RotaingPlane/styles.js

		// @flow

		import styled, { keyframes } from 'styled-components'
		@@ -4,0 +3,0 @@ import { propSize, propBgColor, propMargin } from '../util'

src/RotaingPlane/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/RotaingPlane/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import StyledRotaingPlain from '../styles'

		test('render without props', () => {
		const wrapper = shallow(<StyledRotaingPlain size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledRotaingPlain size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/ThreeBounce/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/ThreeBounce/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import { Child, StyledThreeBounce } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON();
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledThreeBounce size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledThreeBounce size={40} color={'#333'} />).toJSON();
		expect(tree).toMatchSnapshot()
		})

src/util/index.js

		@@ -30,2 +30,2 @@ // @flow

		export const getRange = (n: number) => Array.from(Array(n).keys())
		export const getRange = (n: number) => Array.from<number>(Array(n).keys())

src/WanderingCubes/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/WanderingCubes/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import { Child, StyledWanderingCubes } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Child />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Child />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render', () => {
		const wrapper = shallow(<StyledWanderingCubes size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledWanderingCubes size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/WaveLoading/tests/index.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer'
		import Comp from '..'

		test('render without props', () => {
		const wrapper = shallow(<Comp />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Comp />).toJSON()
		expect(tree).toMatchSnapshot()
		})

src/WaveLoading/tests/styles.test.js

		// @flow
		import * as React from 'react'
		import { shallow } from 'enzyme'
		import toJson from 'enzyme-to-json'
		import 'jest-styled-components'
		import renderer from 'react-test-renderer';
		import { Rect, StyledWave } from '../styles'

		test('render Child', () => {
		const wrapper = shallow(<Rect />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<Rect />).toJSON()
		expect(tree).toMatchSnapshot()
		})

		test('render without props', () => {
		const wrapper = shallow(<StyledWave size={40} color={'#333'} />)
		expect(toJson(wrapper)).toMatchSnapshot()
		const tree = renderer.create(<StyledWave size={40} color={'#333'} />).toJSON()
		expect(tree).toMatchSnapshot()
		})

flow-typed/npm/jest_v22.x.x.js

flow-typed/npm/styled-components_v2.x.x.js

lib/RotaingPlane/styles.js.flow