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

spinners-react

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

spinners-react - npm Package Compare versions

Comparing version 0.0.5 to 1.0.0

6

lib/cjs/SpinnerCircular.js

@@ -22,5 +22,5 @@ 'use strict';

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -27,0 +27,0 @@ SpinnerCircular.defaultProps = styleInject_es.defaultProps;

6

lib/cjs/SpinnerCircularFixed.js

@@ -22,5 +22,5 @@ 'use strict';

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -27,0 +27,0 @@ SpinnerCircularFixed.defaultProps = styleInject_es.defaultProps;

6

lib/cjs/SpinnerCircularSplit.js

@@ -22,5 +22,5 @@ 'use strict';

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
};

@@ -27,0 +27,0 @@ SpinnerCircularSplit.defaultProps = styleInject_es.defaultProps;

24

lib/cjs/SpinnerDotted.js

@@ -10,14 +10,14 @@ 'use strict';

var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}";
var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}";
styleInject_es.styleInject(css);
var coords = [
{ x: 54.9545, y: 13.099 },
{ x: 62.0454, y: 33.19 },
{ x: 54.9545, y: 53.281 },
{ x: 32.5, y: 62.7355 },
{ x: 10.0454, y: 53.281 },
{ x: 2.95455, y: 33.19 },
{ x: 10.0454, y: 13.099 },
{ x: 32.5, y: 3.64461 },
{ x: 22, y: -20 },
{ x: 29, y: 0 },
{ x: 22, y: 20 },
{ x: 0, y: 30 },
{ x: -23, y: 20 },
{ x: -30, y: 0 },
{ x: -23, y: -20 },
{ x: 0, y: -30 },
];

@@ -39,5 +39,5 @@ var SpinnerDotted = function (_a) {

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none", viewBox: "0 0 65 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "currentColor", r: 3 * (thickness / 100), style: generateCircleStyle(i) })); }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
return (React.createElement("svg", styleInject_es.__assign({ fill: "none", viewBox: "0 0 66 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: "33", cy: "33", fill: "currentColor", r: 3 * (thickness / 100), style: styleInject_es.__assign({ transform: "translate(" + c.x + "px, " + c.y + "px)" }, generateCircleStyle(i)) })); }),
React.createElement("circle", { cx: "33", cy: "33", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
};

@@ -44,0 +44,0 @@ SpinnerDotted.defaultProps = styleInject_es.defaultProps;

53

lib/cjs/SpinnerRomb.js

@@ -14,27 +14,28 @@ 'use strict';

var coords = [
{ x: 18.5, y: 33.1901 },
{ x: 18.5, y: 48.1901 },
{ x: 18.5, y: 63.1901 },
{ x: 3.5, y: 48.1901 },
{ x: 33.5, y: 48.1901 },
{ x: 79.5, y: 48.1901 },
{ x: 33.5, y: 33.1901 },
{ x: 33.5, y: 18.1901 },
{ x: 94.5, y: 48.1901 },
{ x: 79.5, y: 33.1901 },
{ x: 33.5, y: 63.1901 },
{ x: 33.5, y: 78.1901 },
{ x: 49.5, y: 18.1901 },
{ x: 49.5, y: 3.19006 },
{ x: 49.5, y: 48.1901 },
{ x: 49.5, y: 33.1901 },
{ x: 49.5, y: 63.1901 },
{ x: 49.5, y: 78.1901 },
{ x: 49.5, y: 93.1901 },
{ x: 64.5, y: 18.1901 },
{ x: 64.5, y: 48.1901 },
{ x: 64.5, y: 33.1901 },
{ x: 64.5, y: 63.1901 },
{ x: 64.5, y: 78.1901 },
{ x: 79.5, y: 63.1901 },
{ x: 3, y: 48 },
{ x: 18, y: 33 },
{ x: 18, y: 48 },
{ x: 18, y: 63 },
{ x: 33, y: 48 },
// -------------
{ x: 33, y: 18 },
{ x: 33, y: 33 },
{ x: 33, y: 63 },
{ x: 33, y: 78 },
{ x: 49, y: 3 },
{ x: 49, y: 18 },
{ x: 49, y: 33 },
{ x: 49, y: 48 },
{ x: 49, y: 63 },
{ x: 49, y: 78 },
{ x: 49, y: 93 },
{ x: 64, y: 18 },
{ x: 64, y: 33 },
{ x: 64, y: 48 },
{ x: 64, y: 63 },
{ x: 64, y: 78 },
{ x: 79, y: 33 },
{ x: 79, y: 48 },
{ x: 79, y: 63 },
{ x: 94, y: 48 },
];

@@ -51,3 +52,3 @@ var SpinnerRomb = function (_a) {

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 97 96" }),
return (React.createElement("svg", styleInject_es.__assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 96 96" }),
coords.map(function (c) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "rgba(0,0,0,0.44)", r: 2.5 * (thickness / 100) })); }),

@@ -54,0 +55,0 @@ React.createElement("g", { style: rombStyle }, coords.filter(function (c, i) { return i < 5; }).map(function (c) { return (React.createElement("circle", { key: "h-" + c.x + "-" + c.y, cx: c.x, cy: c.y, r: 3.5 * (thickness / 100) })); }))));

4

lib/cjs/SpinnerRound.js

@@ -25,4 +25,4 @@ 'use strict';

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -29,0 +29,0 @@ SpinnerRound.defaultProps = styleInject_es.defaultProps;

5

lib/cjs/SpinnerRoundFilled.js

@@ -10,3 +10,3 @@ 'use strict';

var css = "@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}";
var css = "@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}";
styleInject_es.styleInject(css);

@@ -34,4 +34,5 @@

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
opacity: animation.name ? 0.25 : 1,
transformOrigin: 'center',
animation: (!animation.name || still)

@@ -38,0 +39,0 @@ ? 'none'

2

lib/cjs/SpinnerRoundOutlined.js

@@ -35,3 +35,3 @@ 'use strict';

return null;
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
return (React.createElement("svg", styleInject_es.__assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
? { animation: animation.name + " " + 140 / speed + "s ease-in-out infinite" }

@@ -38,0 +38,0 @@ : {} })); })));

6

lib/esm/SpinnerCircular.js

@@ -16,5 +16,5 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -21,0 +21,0 @@ SpinnerCircular.defaultProps = defaultProps;

6

lib/esm/SpinnerCircularFixed.js

@@ -16,5 +16,5 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -21,0 +21,0 @@ SpinnerCircularFixed.defaultProps = defaultProps;

6

lib/esm/SpinnerCircularSplit.js

@@ -16,5 +16,5 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
};

@@ -21,0 +21,0 @@ SpinnerCircularSplit.defaultProps = defaultProps;

24

lib/esm/SpinnerDotted.js
import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';
import React from 'react';
var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}";
var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}";
styleInject(css);
var coords = [
{ x: 54.9545, y: 13.099 },
{ x: 62.0454, y: 33.19 },
{ x: 54.9545, y: 53.281 },
{ x: 32.5, y: 62.7355 },
{ x: 10.0454, y: 53.281 },
{ x: 2.95455, y: 33.19 },
{ x: 10.0454, y: 13.099 },
{ x: 32.5, y: 3.64461 },
{ x: 22, y: -20 },
{ x: 29, y: 0 },
{ x: 22, y: 20 },
{ x: 0, y: 30 },
{ x: -23, y: 20 },
{ x: -30, y: 0 },
{ x: -23, y: -20 },
{ x: 0, y: -30 },
];

@@ -32,5 +32,5 @@ var SpinnerDotted = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 65 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "currentColor", r: 3 * (thickness / 100), style: generateCircleStyle(i) })); }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 66 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: "33", cy: "33", fill: "currentColor", r: 3 * (thickness / 100), style: __assign({ transform: "translate(" + c.x + "px, " + c.y + "px)" }, generateCircleStyle(i)) })); }),
React.createElement("circle", { cx: "33", cy: "33", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
};

@@ -37,0 +37,0 @@ SpinnerDotted.defaultProps = defaultProps;

53

lib/esm/SpinnerRomb.js

@@ -8,27 +8,28 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

var coords = [
{ x: 18.5, y: 33.1901 },
{ x: 18.5, y: 48.1901 },
{ x: 18.5, y: 63.1901 },
{ x: 3.5, y: 48.1901 },
{ x: 33.5, y: 48.1901 },
{ x: 79.5, y: 48.1901 },
{ x: 33.5, y: 33.1901 },
{ x: 33.5, y: 18.1901 },
{ x: 94.5, y: 48.1901 },
{ x: 79.5, y: 33.1901 },
{ x: 33.5, y: 63.1901 },
{ x: 33.5, y: 78.1901 },
{ x: 49.5, y: 18.1901 },
{ x: 49.5, y: 3.19006 },
{ x: 49.5, y: 48.1901 },
{ x: 49.5, y: 33.1901 },
{ x: 49.5, y: 63.1901 },
{ x: 49.5, y: 78.1901 },
{ x: 49.5, y: 93.1901 },
{ x: 64.5, y: 18.1901 },
{ x: 64.5, y: 48.1901 },
{ x: 64.5, y: 33.1901 },
{ x: 64.5, y: 63.1901 },
{ x: 64.5, y: 78.1901 },
{ x: 79.5, y: 63.1901 },
{ x: 3, y: 48 },
{ x: 18, y: 33 },
{ x: 18, y: 48 },
{ x: 18, y: 63 },
{ x: 33, y: 48 },
// -------------
{ x: 33, y: 18 },
{ x: 33, y: 33 },
{ x: 33, y: 63 },
{ x: 33, y: 78 },
{ x: 49, y: 3 },
{ x: 49, y: 18 },
{ x: 49, y: 33 },
{ x: 49, y: 48 },
{ x: 49, y: 63 },
{ x: 49, y: 78 },
{ x: 49, y: 93 },
{ x: 64, y: 18 },
{ x: 64, y: 33 },
{ x: 64, y: 48 },
{ x: 64, y: 63 },
{ x: 64, y: 78 },
{ x: 79, y: 33 },
{ x: 79, y: 48 },
{ x: 79, y: 63 },
{ x: 94, y: 48 },
];

@@ -45,3 +46,3 @@ var SpinnerRomb = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 97 96" }),
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 96 96" }),
coords.map(function (c) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "rgba(0,0,0,0.44)", r: 2.5 * (thickness / 100) })); }),

@@ -48,0 +49,0 @@ React.createElement("g", { style: rombStyle }, coords.filter(function (c, i) { return i < 5; }).map(function (c) { return (React.createElement("circle", { key: "h-" + c.x + "-" + c.y, cx: c.x, cy: c.y, r: 3.5 * (thickness / 100) })); }))));

4

lib/esm/SpinnerRound.js

@@ -19,4 +19,4 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -23,0 +23,0 @@ SpinnerRound.defaultProps = defaultProps;

5

lib/esm/SpinnerRoundFilled.js
import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';
import React from 'react';
var css = "@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}";
var css = "@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}";
styleInject(css);

@@ -27,4 +27,5 @@

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
opacity: animation.name ? 0.25 : 1,
transformOrigin: 'center',
animation: (!animation.name || still)

@@ -31,0 +32,0 @@ ? 'none'

2

lib/esm/SpinnerRoundOutlined.js

@@ -29,3 +29,3 @@ import { s as styleInject, _ as __rest, a as __assign, n as normalizeSize, d as defaultProps } from './style-inject.es-5a1e2f7a.js';

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
? { animation: animation.name + " " + 140 / speed + "s ease-in-out infinite" }

@@ -32,0 +32,0 @@ : {} })); })));

106

lib/umd/index.js

@@ -99,5 +99,5 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -118,5 +118,5 @@ SpinnerCircular.defaultProps = defaultProps;

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -137,5 +137,5 @@ SpinnerCircularFixed.defaultProps = defaultProps;

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
};

@@ -164,14 +164,14 @@ SpinnerCircularSplit.defaultProps = defaultProps;

var css$4 = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}";
var css$4 = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}";
styleInject(css$4);
var coords = [
{ x: 54.9545, y: 13.099 },
{ x: 62.0454, y: 33.19 },
{ x: 54.9545, y: 53.281 },
{ x: 32.5, y: 62.7355 },
{ x: 10.0454, y: 53.281 },
{ x: 2.95455, y: 33.19 },
{ x: 10.0454, y: 13.099 },
{ x: 32.5, y: 3.64461 },
{ x: 22, y: -20 },
{ x: 29, y: 0 },
{ x: 22, y: 20 },
{ x: 0, y: 30 },
{ x: -23, y: 20 },
{ x: -30, y: 0 },
{ x: -23, y: -20 },
{ x: 0, y: -30 },
];

@@ -193,5 +193,5 @@ var SpinnerDotted = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 65 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "currentColor", r: 3 * (thickness / 100), style: generateCircleStyle(i) })); }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 66 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: "33", cy: "33", fill: "currentColor", r: 3 * (thickness / 100), style: __assign({ transform: "translate(" + c.x + "px, " + c.y + "px)" }, generateCircleStyle(i)) })); }),
React.createElement("circle", { cx: "33", cy: "33", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
};

@@ -215,4 +215,4 @@ SpinnerDotted.defaultProps = defaultProps;

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -246,3 +246,3 @@ SpinnerRound.defaultProps = defaultProps;

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
? { animation: animation.name + " " + 140 / speed + "s ease-in-out infinite" }

@@ -253,3 +253,3 @@ : {} })); })));

var css$7 = "@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}";
var css$7 = "@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}";
styleInject(css$7);

@@ -277,4 +277,5 @@

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
opacity: animation.name ? 0.25 : 1,
transformOrigin: 'center',
animation: (!animation.name || still)

@@ -291,27 +292,28 @@ ? 'none'

var coords$1 = [
{ x: 18.5, y: 33.1901 },
{ x: 18.5, y: 48.1901 },
{ x: 18.5, y: 63.1901 },
{ x: 3.5, y: 48.1901 },
{ x: 33.5, y: 48.1901 },
{ x: 79.5, y: 48.1901 },
{ x: 33.5, y: 33.1901 },
{ x: 33.5, y: 18.1901 },
{ x: 94.5, y: 48.1901 },
{ x: 79.5, y: 33.1901 },
{ x: 33.5, y: 63.1901 },
{ x: 33.5, y: 78.1901 },
{ x: 49.5, y: 18.1901 },
{ x: 49.5, y: 3.19006 },
{ x: 49.5, y: 48.1901 },
{ x: 49.5, y: 33.1901 },
{ x: 49.5, y: 63.1901 },
{ x: 49.5, y: 78.1901 },
{ x: 49.5, y: 93.1901 },
{ x: 64.5, y: 18.1901 },
{ x: 64.5, y: 48.1901 },
{ x: 64.5, y: 33.1901 },
{ x: 64.5, y: 63.1901 },
{ x: 64.5, y: 78.1901 },
{ x: 79.5, y: 63.1901 },
{ x: 3, y: 48 },
{ x: 18, y: 33 },
{ x: 18, y: 48 },
{ x: 18, y: 63 },
{ x: 33, y: 48 },
// -------------
{ x: 33, y: 18 },
{ x: 33, y: 33 },
{ x: 33, y: 63 },
{ x: 33, y: 78 },
{ x: 49, y: 3 },
{ x: 49, y: 18 },
{ x: 49, y: 33 },
{ x: 49, y: 48 },
{ x: 49, y: 63 },
{ x: 49, y: 78 },
{ x: 49, y: 93 },
{ x: 64, y: 18 },
{ x: 64, y: 33 },
{ x: 64, y: 48 },
{ x: 64, y: 63 },
{ x: 64, y: 78 },
{ x: 79, y: 33 },
{ x: 79, y: 48 },
{ x: 79, y: 63 },
{ x: 94, y: 48 },
];

@@ -328,3 +330,3 @@ var SpinnerRomb = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 97 96" }),
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 96 96" }),
coords$1.map(function (c) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "rgba(0,0,0,0.44)", r: 2.5 * (thickness / 100) })); }),

@@ -331,0 +333,0 @@ React.createElement("g", { style: rombStyle }, coords$1.filter(function (c, i) { return i < 5; }).map(function (c) { return (React.createElement("circle", { key: "h-" + c.x + "-" + c.y, cx: c.x, cy: c.y, r: 3.5 * (thickness / 100) })); }))));

2

lib/umd/index.min.js

@@ -1,2 +0,2 @@

!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],r):r((e=e||self).SpinnersReact={},e.React)}(this,(function(e,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var t=function(){return(t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)};function n(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(t[n[s]]=e[n[s]])}return t}var s={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},i=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};function o(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}o("@keyframes spinners-react-circular{0%{stroke-dashoffset:306}50%{stroke-dasharray:40,134}to{stroke-dasharray:1,174;stroke-dashoffset:132}}");var l=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=d/100*4,p=t({color:s,overflow:"visible",width:i(l)},f),k=c?{}:{animation:"spinners-react-circular "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 65 66"}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:u,style:k})):null};l.defaultProps=s;o("@keyframes spinners-react-circular-fixed{0%{stroke-dashoffset:325}to{stroke-dashoffset:151}}");var a=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=d/100*4,p=t({color:s,overflow:"visible",width:i(l)},f),k=c?{}:{animation:"spinners-react-circular-fixed "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 65 66"}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"40, 134",strokeDashoffset:"325",strokeLinecap:"round",strokeWidth:u,style:k})):null};a.defaultProps=s;o("@keyframes spinners-react-circular-split{0%{stroke-dashoffset:1;stroke-dasharray:5,170}10%{stroke-dashoffset:13;stroke-dasharray:30,145}13%{stroke-dashoffset:-11;stroke-dasharray:5,145}50%{stroke-dasharray:5,0,5,165;stroke-dashoffset:-82}51%{stroke-dasharray:2,0,2,139;stroke-dashoffset:-85}61%{stroke-dasharray:15,0,15,165;stroke-dashoffset:-72}64%{stroke-dasharray:5,20,5,145;stroke-dashoffset:-72}}");var c=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=d/100*4,p=t({color:s,overflow:"visible",width:i(l)},f),k=c?{}:{animation:"spinners-react-circular-split "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 65 66"}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"5, 170",strokeDashoffset:"1",strokeLinecap:"round",strokeWidth:u,style:k,transform:"rotate(-90 33.0911 33.7809)"})):null};c.defaultProps=s;o("@keyframes spinners-react-infinity{0%{stroke-dasharray:1,347;stroke-dashoffset:75}25%,75%{stroke-dasharray:17,330}50%{stroke-dasharray:1,347}to{stroke-dasharray:1,347;stroke-dashoffset:423}}");var d=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=d/100*7,p=t({color:s,overflow:"visible",width:i(l)},f),k=c?{}:{animation:"spinners-react-infinity "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none",viewBox:"0 0 131 55"},y,{style:p}),r.createElement("defs",null,r.createElement("path",{d:"M46.57 45.5138C36.346 55.4954 19.8919 55.4954 9.66794 45.5138C-0.55598 35.5321 -0.55598 19.4678 9.66794 9.48624C19.8919 -0.495412 36.346 -0.495412 46.57 9.48624L84.4303 45.5138C94.6543 55.4954 111.108 55.4954 121.332 45.5138C131.556 35.5321 131.556 19.4678 121.332 9.48624C111.108 -0.495412 94.6543 -0.495412 84.4303 9.48624L46.57 45.5138Z",id:"spinners-react-infinity-path"})),r.createElement("use",{stroke:"rgba(0,0,0,0.44)",strokeWidth:u,xlinkHref:"#spinners-react-infinity-path"}),r.createElement("use",{fill:"none",stroke:"currentColor",strokeDasharray:"1, 347",strokeDashoffset:"75",strokeLinecap:"round",strokeWidth:u,style:k,xlinkHref:"#spinners-react-infinity-path"})):null};d.defaultProps=s;o("@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}");var f=[{x:54.9545,y:13.099},{x:62.0454,y:33.19},{x:54.9545,y:53.281},{x:32.5,y:62.7355},{x:10.0454,y:53.281},{x:2.95455,y:33.19},{x:10.0454,y:13.099},{x:32.5,y:3.64461}],y=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,y=e.style,u=n(e,["color","enabled","size","speed","still","thickness","style"]),p=200/a,k=t({color:s,overflow:"visible",width:i(l)},y),h=function(e){return c?{}:{animation:"spinners-react-dotted-shrink "+p+"s cubic-bezier(0, 0.9, 0, 0.9) "+p/20*e+"s infinite"}},m=c?{display:"none"}:{animation:"spinners-react-dotted-center "+p+"s ease-out infinite",transformOrigin:"center"};return o?r.createElement("svg",t({fill:"none",viewBox:"0 0 65 66"},u,{style:k}),f.map((function(e,t){return r.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"currentColor",r:d/100*3,style:h(t)})})),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"currentColor",r:d/100*6,style:m})):null};y.defaultProps=s;o("@keyframes spinners-react-round{27%,73%{r:2px;stroke-width:4}}");var u=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=d/100*3,p=t({color:s,overflow:"visible",width:i(l)},f),k={animation:"spinners-react-round "+140/a+"s ease-in-out infinite",transformOrigin:"center"};return c&&(k.animation="none"),o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 65 66"}),r.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:28,stroke:"currentColor",strokeWidth:u,style:k})):null};u.defaultProps=s;o("@keyframes spinners-react-round-outlined-outer{35%,65%{r:2px;stroke-width:4}}@keyframes spinners-react-round-outlined-inner{35%,65%{r:2px;stroke-width:4}}");var p=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},f),p=d/100*3,k=[{r:2,strokeWidth:4},{name:"spinners-react-round-outlined-inner",r:14,strokeWidth:p},{name:"spinners-react-round-outlined-outer",r:28,strokeWidth:p}];return o?r.createElement("svg",t({fill:"none"},y,{style:u,viewBox:"0 0 65 66"}),k.map((function(e){return r.createElement("circle",{key:e.name||"still",cx:"33.0911",cy:"33.7809",fill:"none",r:e.r,stroke:"currentColor",strokeWidth:e.strokeWidth,style:e.name&&!c?{animation:e.name+" "+140/a+"s ease-in-out infinite"}:{}})}))):null};p.defaultProps=s;o("@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}");var k=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},f);return o?r.createElement("svg",t({fill:"none"},y,{style:u,viewBox:"0 0 65 66"}),[{r:4},{name:"spinners-react-round-filled-inner",r:12.66},{name:"spinners-react-round-filled-center",r:20.32},{name:"spinners-react-round-filled-outer",r:27.5}].map((function(e){return r.createElement("circle",{key:e.name||"still",cx:"33.0911",cy:"33.7809",fill:"currentColor",r:e.r*(e.name?d/100:1),style:{opacity:e.name?.25:1,animation:!e.name||c?"none":e.name+" "+140/a+"s ease-in-out infinite"}})}))):null};k.defaultProps=s;o("@keyframes spinners-react-romb{25%{transform:translate(30px,-30px)}50%{transform:translate(60px)}75%{transform:translate(30px,30px)}}");var h=[{x:18.5,y:33.1901},{x:18.5,y:48.1901},{x:18.5,y:63.1901},{x:3.5,y:48.1901},{x:33.5,y:48.1901},{x:79.5,y:48.1901},{x:33.5,y:33.1901},{x:33.5,y:18.1901},{x:94.5,y:48.1901},{x:79.5,y:33.1901},{x:33.5,y:63.1901},{x:33.5,y:78.1901},{x:49.5,y:18.1901},{x:49.5,y:3.19006},{x:49.5,y:48.1901},{x:49.5,y:33.1901},{x:49.5,y:63.1901},{x:49.5,y:78.1901},{x:49.5,y:93.1901},{x:64.5,y:18.1901},{x:64.5,y:48.1901},{x:64.5,y:33.1901},{x:64.5,y:63.1901},{x:64.5,y:78.1901},{x:79.5,y:63.1901}],m=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,d=e.thickness,f=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},f),p={animation:"spinners-react-romb "+140/a+"s steps(2, end) infinite"};return c&&(p.animation="none"),o?r.createElement("svg",t({fill:"currentColor"},y,{style:u,viewBox:"0 0 97 96"}),h.map((function(e){return r.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"rgba(0,0,0,0.44)",r:d/100*2.5})})),r.createElement("g",{style:p},h.filter((function(e,r){return r<5})).map((function(e){return r.createElement("circle",{key:"h-"+e.x+"-"+e.y,cx:e.x,cy:e.y,r:d/100*3.5})})))):null};m.defaultProps=s,e.SpinnerCircular=l,e.SpinnerCircularFixed=a,e.SpinnerCircularSplit=c,e.SpinnerDotted=y,e.SpinnerInfinity=d,e.SpinnerRomb=m,e.SpinnerRound=u,e.SpinnerRoundFilled=k,e.SpinnerRoundOutlined=p}));
!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],r):r((e=e||self).SpinnersReact={},e.React)}(this,(function(e,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var t=function(){return(t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e}).apply(this,arguments)};function n(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(n=Object.getOwnPropertySymbols(e);s<n.length;s++)r.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(t[n[s]]=e[n[s]])}return t}var s={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},i=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};function o(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===t&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}o("@keyframes spinners-react-circular{0%{stroke-dashoffset:306}50%{stroke-dasharray:40,134}to{stroke-dasharray:1,174;stroke-dashoffset:132}}");var l=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=f/100*4,p=t({color:s,overflow:"visible",width:i(l)},d),k=c?{}:{animation:"spinners-react-circular "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 66 66"}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:u,style:k})):null};l.defaultProps=s;o("@keyframes spinners-react-circular-fixed{0%{stroke-dashoffset:325}to{stroke-dashoffset:151}}");var a=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=f/100*4,p=t({color:s,overflow:"visible",width:i(l)},d),k=c?{}:{animation:"spinners-react-circular-fixed "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 66 66"}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"40, 134",strokeDashoffset:"325",strokeLinecap:"round",strokeWidth:u,style:k})):null};a.defaultProps=s;o("@keyframes spinners-react-circular-split{0%{stroke-dashoffset:1;stroke-dasharray:5,170}10%{stroke-dashoffset:13;stroke-dasharray:30,145}13%{stroke-dashoffset:-11;stroke-dasharray:5,145}50%{stroke-dasharray:5,0,5,165;stroke-dashoffset:-82}51%{stroke-dasharray:2,0,2,139;stroke-dashoffset:-85}61%{stroke-dasharray:15,0,15,165;stroke-dashoffset:-72}64%{stroke-dasharray:5,20,5,145;stroke-dashoffset:-72}}");var c=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=f/100*4,p=t({color:s,overflow:"visible",width:i(l)},d),k=c?{}:{animation:"spinners-react-circular-split "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 66 66"}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:u}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"5, 170",strokeDashoffset:"1",strokeLinecap:"round",strokeWidth:u,style:k,transform:"rotate(-90 33.0911 33.7809)"})):null};c.defaultProps=s;o("@keyframes spinners-react-infinity{0%{stroke-dasharray:1,347;stroke-dashoffset:75}25%,75%{stroke-dasharray:17,330}50%{stroke-dasharray:1,347}to{stroke-dasharray:1,347;stroke-dashoffset:423}}");var f=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=f/100*7,p=t({color:s,overflow:"visible",width:i(l)},d),k=c?{}:{animation:"spinners-react-infinity "+140/a+"s linear infinite"};return o?r.createElement("svg",t({fill:"none",viewBox:"0 0 131 55"},y,{style:p}),r.createElement("defs",null,r.createElement("path",{d:"M46.57 45.5138C36.346 55.4954 19.8919 55.4954 9.66794 45.5138C-0.55598 35.5321 -0.55598 19.4678 9.66794 9.48624C19.8919 -0.495412 36.346 -0.495412 46.57 9.48624L84.4303 45.5138C94.6543 55.4954 111.108 55.4954 121.332 45.5138C131.556 35.5321 131.556 19.4678 121.332 9.48624C111.108 -0.495412 94.6543 -0.495412 84.4303 9.48624L46.57 45.5138Z",id:"spinners-react-infinity-path"})),r.createElement("use",{stroke:"rgba(0,0,0,0.44)",strokeWidth:u,xlinkHref:"#spinners-react-infinity-path"}),r.createElement("use",{fill:"none",stroke:"currentColor",strokeDasharray:"1, 347",strokeDashoffset:"75",strokeLinecap:"round",strokeWidth:u,style:k,xlinkHref:"#spinners-react-infinity-path"})):null};f.defaultProps=s;o("@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}");var d=[{x:22,y:-20},{x:29,y:0},{x:22,y:20},{x:0,y:30},{x:-23,y:20},{x:-30,y:0},{x:-23,y:-20},{x:0,y:-30}],y=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,y=e.style,u=n(e,["color","enabled","size","speed","still","thickness","style"]),p=200/a,k=t({color:s,overflow:"visible",width:i(l)},y),h=function(e){return c?{}:{animation:"spinners-react-dotted-shrink "+p+"s cubic-bezier(0, 0.9, 0, 0.9) "+p/20*e+"s infinite"}},m=c?{display:"none"}:{animation:"spinners-react-dotted-center "+p+"s ease-out infinite",transformOrigin:"center"};return o?r.createElement("svg",t({fill:"none",viewBox:"0 0 66 66"},u,{style:k}),d.map((function(e,n){return r.createElement("circle",{key:e.x+"-"+e.y,cx:"33",cy:"33",fill:"currentColor",r:f/100*3,style:t({transform:"translate("+e.x+"px, "+e.y+"px)"},h(n))})})),r.createElement("circle",{cx:"33",cy:"33",fill:"currentColor",r:f/100*6,style:m})):null};y.defaultProps=s;o("@keyframes spinners-react-round{27%,73%{r:2px;stroke-width:4}}");var u=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=f/100*3,p=t({color:s,overflow:"visible",width:i(l)},d),k={animation:"spinners-react-round "+140/a+"s ease-in-out infinite",transformOrigin:"center"};return c&&(k.animation="none"),o?r.createElement("svg",t({fill:"none"},y,{style:p,viewBox:"0 0 66 66"}),r.createElement("circle",{cx:"33",cy:"33",fill:"none",r:28,stroke:"currentColor",strokeWidth:u,style:k})):null};u.defaultProps=s;o("@keyframes spinners-react-round-outlined-outer{35%,65%{r:2px;stroke-width:4}}@keyframes spinners-react-round-outlined-inner{35%,65%{r:2px;stroke-width:4}}");var p=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},d),p=f/100*3,k=[{r:2,strokeWidth:4},{name:"spinners-react-round-outlined-inner",r:14,strokeWidth:p},{name:"spinners-react-round-outlined-outer",r:28,strokeWidth:p}];return o?r.createElement("svg",t({fill:"none"},y,{style:u,viewBox:"0 0 66 66"}),k.map((function(e){return r.createElement("circle",{key:e.name||"still",cx:"33",cy:"33",fill:"none",r:e.r,stroke:"currentColor",strokeWidth:e.strokeWidth,style:e.name&&!c?{animation:e.name+" "+140/a+"s ease-in-out infinite"}:{}})}))):null};p.defaultProps=s;o("@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}");var k=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},d);return o?r.createElement("svg",t({fill:"none"},y,{style:u,viewBox:"0 0 66 66"}),[{r:4},{name:"spinners-react-round-filled-inner",r:12.66},{name:"spinners-react-round-filled-center",r:20.32},{name:"spinners-react-round-filled-outer",r:27.5}].map((function(e){return r.createElement("circle",{key:e.name||"still",cx:"33",cy:"33",fill:"currentColor",r:e.r*(e.name?f/100:1),style:{opacity:e.name?.25:1,transformOrigin:"center",animation:!e.name||c?"none":e.name+" "+140/a+"s ease-in-out infinite"}})}))):null};k.defaultProps=s;o("@keyframes spinners-react-romb{25%{transform:translate(30px,-30px)}50%{transform:translate(60px)}75%{transform:translate(30px,30px)}}");var h=[{x:3,y:48},{x:18,y:33},{x:18,y:48},{x:18,y:63},{x:33,y:48},{x:33,y:18},{x:33,y:33},{x:33,y:63},{x:33,y:78},{x:49,y:3},{x:49,y:18},{x:49,y:33},{x:49,y:48},{x:49,y:63},{x:49,y:78},{x:49,y:93},{x:64,y:18},{x:64,y:33},{x:64,y:48},{x:64,y:63},{x:64,y:78},{x:79,y:33},{x:79,y:48},{x:79,y:63},{x:94,y:48}],m=function(e){var s=e.color,o=e.enabled,l=e.size,a=e.speed,c=e.still,f=e.thickness,d=e.style,y=n(e,["color","enabled","size","speed","still","thickness","style"]),u=t({color:s,overflow:"visible",width:i(l)},d),p={animation:"spinners-react-romb "+140/a+"s steps(2, end) infinite"};return c&&(p.animation="none"),o?r.createElement("svg",t({fill:"currentColor"},y,{style:u,viewBox:"0 0 96 96"}),h.map((function(e){return r.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"rgba(0,0,0,0.44)",r:f/100*2.5})})),r.createElement("g",{style:p},h.filter((function(e,r){return r<5})).map((function(e){return r.createElement("circle",{key:"h-"+e.x+"-"+e.y,cx:e.x,cy:e.y,r:f/100*3.5})})))):null};m.defaultProps=s,e.SpinnerCircular=l,e.SpinnerCircularFixed=a,e.SpinnerCircularSplit=c,e.SpinnerDotted=y,e.SpinnerInfinity=f,e.SpinnerRomb=m,e.SpinnerRound=u,e.SpinnerRoundFilled=k,e.SpinnerRoundOutlined=p}));
//# sourceMappingURL=index.min.js.map

6

lib/umd/SpinnerCircular.js

@@ -99,5 +99,5 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "1, 174", strokeDashoffset: "306", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -104,0 +104,0 @@ SpinnerCircular.defaultProps = defaultProps;

2

lib/umd/SpinnerCircular.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var n=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular{0%{stroke-dashoffset:306}50%{stroke-dasharray:40,134}to{stroke-dasharray:1,174;stroke-dashoffset:132}}");var o=function(e){var o=e.color,s=e.enabled,i=e.size,a=e.speed,l=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,u=r({color:o,overflow:"visible",width:n(i)},f),y=l?{}:{animation:"spinners-react-circular "+140/a+"s linear infinite"};return s?t.createElement("svg",r({fill:"none"},d,{style:u,viewBox:"0 0 65 66"}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircular=o}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var n=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular{0%{stroke-dashoffset:306}50%{stroke-dasharray:40,134}to{stroke-dasharray:1,174;stroke-dashoffset:132}}");var o=function(e){var o=e.color,s=e.enabled,i=e.size,a=e.speed,l=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,u=r({color:o,overflow:"visible",width:n(i)},f),y=l?{}:{animation:"spinners-react-circular "+140/a+"s linear infinite"};return s?t.createElement("svg",r({fill:"none"},d,{style:u,viewBox:"0 0 66 66"}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"1, 174",strokeDashoffset:"306",strokeLinecap:"round",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircular=o}));
//# sourceMappingURL=SpinnerCircular.min.js.map

6

lib/umd/SpinnerCircularFixed.js

@@ -99,5 +99,5 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "40, 134", strokeDashoffset: "325", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -104,0 +104,0 @@ SpinnerCircularFixed.defaultProps = defaultProps;

2

lib/umd/SpinnerCircularFixed.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var n=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular-fixed{0%{stroke-dashoffset:325}to{stroke-dashoffset:151}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,u=r({color:o,overflow:"visible",width:n(s)},f),y=a?{}:{animation:"spinners-react-circular-fixed "+140/l+"s linear infinite"};return i?t.createElement("svg",r({fill:"none"},d,{style:u,viewBox:"0 0 65 66"}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"40, 134",strokeDashoffset:"325",strokeLinecap:"round",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircularFixed=o}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var n=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular-fixed{0%{stroke-dashoffset:325}to{stroke-dashoffset:151}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,u=r({color:o,overflow:"visible",width:n(s)},f),y=a?{}:{animation:"spinners-react-circular-fixed "+140/l+"s linear infinite"};return i?t.createElement("svg",r({fill:"none"},d,{style:u,viewBox:"0 0 66 66"}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"40, 134",strokeDashoffset:"325",strokeLinecap:"round",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircularFixed=o}));
//# sourceMappingURL=SpinnerCircularFixed.min.js.map

6

lib/umd/SpinnerCircularSplit.js

@@ -99,5 +99,5 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "rgba(0,0,0,0.44)", strokeWidth: strokeWidth }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: "28", stroke: "currentColor", strokeDasharray: "5, 170", strokeDashoffset: "1", strokeLinecap: "round", strokeWidth: strokeWidth, style: circleStyle, transform: "rotate(-90 33.0911 33.7809)" })));
};

@@ -104,0 +104,0 @@ SpinnerCircularSplit.defaultProps = defaultProps;

2

lib/umd/SpinnerCircularSplit.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,s=arguments.length;r<s;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var s=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&s.firstChild?s.insertBefore(o,s.firstChild):s.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular-split{0%{stroke-dashoffset:1;stroke-dasharray:5,170}10%{stroke-dashoffset:13;stroke-dasharray:30,145}13%{stroke-dashoffset:-11;stroke-dasharray:5,145}50%{stroke-dasharray:5,0,5,165;stroke-dashoffset:-82}51%{stroke-dasharray:2,0,2,139;stroke-dashoffset:-85}61%{stroke-dasharray:15,0,15,165;stroke-dashoffset:-72}64%{stroke-dasharray:5,20,5,145;stroke-dashoffset:-72}}");var o=function(e){var o=e.color,n=e.enabled,a=e.size,i=e.speed,l=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(e);o<s.length;o++)t.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(e,s[o])&&(r[s[o]]=e[s[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,y=r({color:o,overflow:"visible",width:s(a)},f),h=l?{}:{animation:"spinners-react-circular-split "+140/i+"s linear infinite"};return n?t.createElement("svg",r({fill:"none"},d,{style:y,viewBox:"0 0 65 66"}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"5, 170",strokeDashoffset:"1",strokeLinecap:"round",strokeWidth:p,style:h,transform:"rotate(-90 33.0911 33.7809)"})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircularSplit=o}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(){return(r=Object.assign||function(e){for(var t,r=1,s=arguments.length;r<s;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var s=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&s.firstChild?s.insertBefore(o,s.firstChild):s.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-circular-split{0%{stroke-dashoffset:1;stroke-dasharray:5,170}10%{stroke-dashoffset:13;stroke-dasharray:30,145}13%{stroke-dashoffset:-11;stroke-dasharray:5,145}50%{stroke-dasharray:5,0,5,165;stroke-dashoffset:-82}51%{stroke-dasharray:2,0,2,139;stroke-dashoffset:-85}61%{stroke-dasharray:15,0,15,165;stroke-dashoffset:-72}64%{stroke-dasharray:5,20,5,145;stroke-dashoffset:-72}}");var o=function(e){var o=e.color,n=e.enabled,a=e.size,i=e.speed,l=e.still,c=e.thickness,f=e.style,d=function(e,t){var r={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(s=Object.getOwnPropertySymbols(e);o<s.length;o++)t.indexOf(s[o])<0&&Object.prototype.propertyIsEnumerable.call(e,s[o])&&(r[s[o]]=e[s[o]])}return r}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*4,y=r({color:o,overflow:"visible",width:s(a)},f),h=l?{}:{animation:"spinners-react-circular-split "+140/i+"s linear infinite"};return n?t.createElement("svg",r({fill:"none"},d,{style:y,viewBox:"0 0 66 66"}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"rgba(0,0,0,0.44)",strokeWidth:p}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:"28",stroke:"currentColor",strokeDasharray:"5, 170",strokeDashoffset:"1",strokeLinecap:"round",strokeWidth:p,style:h,transform:"rotate(-90 33.0911 33.7809)"})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerCircularSplit=o}));
//# sourceMappingURL=SpinnerCircularSplit.min.js.map

24

lib/umd/SpinnerDotted.js

@@ -87,14 +87,14 @@ (function (global, factory) {

var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}";
var css = "@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}";
styleInject(css);
var coords = [
{ x: 54.9545, y: 13.099 },
{ x: 62.0454, y: 33.19 },
{ x: 54.9545, y: 53.281 },
{ x: 32.5, y: 62.7355 },
{ x: 10.0454, y: 53.281 },
{ x: 2.95455, y: 33.19 },
{ x: 10.0454, y: 13.099 },
{ x: 32.5, y: 3.64461 },
{ x: 22, y: -20 },
{ x: 29, y: 0 },
{ x: 22, y: 20 },
{ x: 0, y: 30 },
{ x: -23, y: 20 },
{ x: -30, y: 0 },
{ x: -23, y: -20 },
{ x: 0, y: -30 },
];

@@ -116,5 +116,5 @@ var SpinnerDotted = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 65 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "currentColor", r: 3 * (thickness / 100), style: generateCircleStyle(i) })); }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
return (React.createElement("svg", __assign({ fill: "none", viewBox: "0 0 66 66" }, svgProps, { style: svgStyle }),
coords.map(function (c, i) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: "33", cy: "33", fill: "currentColor", r: 3 * (thickness / 100), style: __assign({ transform: "translate(" + c.x + "px, " + c.y + "px)" }, generateCircleStyle(i)) })); }),
React.createElement("circle", { cx: "33", cy: "33", fill: "currentColor", r: 6 * (thickness / 100), style: centerStyle })));
};

@@ -121,0 +121,0 @@ SpinnerDotted.defaultProps = defaultProps;

2

lib/umd/SpinnerDotted.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{cx:33px;cy:33px}}");var o=[{x:54.9545,y:13.099},{x:62.0454,y:33.19},{x:54.9545,y:53.281},{x:32.5,y:62.7355},{x:10.0454,y:53.281},{x:2.95455,y:33.19},{x:10.0454,y:13.099},{x:32.5,y:3.64461}],i=function(e){var i=e.color,s=e.enabled,c=e.size,l=e.speed,a=e.still,f=e.thickness,d=e.style,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),y=200/l,u=n({color:i,overflow:"visible",width:r(c)},d),m=function(e){return a?{}:{animation:"spinners-react-dotted-shrink "+y+"s cubic-bezier(0, 0.9, 0, 0.9) "+y/20*e+"s infinite"}},x=a?{display:"none"}:{animation:"spinners-react-dotted-center "+y+"s ease-out infinite",transformOrigin:"center"};return s?t.createElement("svg",n({fill:"none",viewBox:"0 0 65 66"},p,{style:u}),o.map((function(e,n){return t.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"currentColor",r:f/100*3,style:m(n)})})),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"currentColor",r:f/100*6,style:x})):null};i.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerDotted=i}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-dotted-center{0%,15%,85%,to{transform:scale(0)}40%,50%{transform:scale(1)}84%{transform:scale(.45)}}@keyframes spinners-react-dotted-shrink{50%{transform:translate(0)}}");var o=[{x:22,y:-20},{x:29,y:0},{x:22,y:20},{x:0,y:30},{x:-23,y:20},{x:-30,y:0},{x:-23,y:-20},{x:0,y:-30}],i=function(e){var i=e.color,s=e.enabled,a=e.size,l=e.speed,c=e.still,f=e.thickness,d=e.style,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),y=200/l,u=n({color:i,overflow:"visible",width:r(a)},d),m=function(e){return c?{}:{animation:"spinners-react-dotted-shrink "+y+"s cubic-bezier(0, 0.9, 0, 0.9) "+y/20*e+"s infinite"}},x=c?{display:"none"}:{animation:"spinners-react-dotted-center "+y+"s ease-out infinite",transformOrigin:"center"};return s?t.createElement("svg",n({fill:"none",viewBox:"0 0 66 66"},p,{style:u}),o.map((function(e,r){return t.createElement("circle",{key:e.x+"-"+e.y,cx:"33",cy:"33",fill:"currentColor",r:f/100*3,style:n({transform:"translate("+e.x+"px, "+e.y+"px)"},m(r))})})),t.createElement("circle",{cx:"33",cy:"33",fill:"currentColor",r:f/100*6,style:x})):null};i.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerDotted=i}));
//# sourceMappingURL=SpinnerDotted.min.js.map

53

lib/umd/SpinnerRomb.js

@@ -91,27 +91,28 @@ (function (global, factory) {

var coords = [
{ x: 18.5, y: 33.1901 },
{ x: 18.5, y: 48.1901 },
{ x: 18.5, y: 63.1901 },
{ x: 3.5, y: 48.1901 },
{ x: 33.5, y: 48.1901 },
{ x: 79.5, y: 48.1901 },
{ x: 33.5, y: 33.1901 },
{ x: 33.5, y: 18.1901 },
{ x: 94.5, y: 48.1901 },
{ x: 79.5, y: 33.1901 },
{ x: 33.5, y: 63.1901 },
{ x: 33.5, y: 78.1901 },
{ x: 49.5, y: 18.1901 },
{ x: 49.5, y: 3.19006 },
{ x: 49.5, y: 48.1901 },
{ x: 49.5, y: 33.1901 },
{ x: 49.5, y: 63.1901 },
{ x: 49.5, y: 78.1901 },
{ x: 49.5, y: 93.1901 },
{ x: 64.5, y: 18.1901 },
{ x: 64.5, y: 48.1901 },
{ x: 64.5, y: 33.1901 },
{ x: 64.5, y: 63.1901 },
{ x: 64.5, y: 78.1901 },
{ x: 79.5, y: 63.1901 },
{ x: 3, y: 48 },
{ x: 18, y: 33 },
{ x: 18, y: 48 },
{ x: 18, y: 63 },
{ x: 33, y: 48 },
// -------------
{ x: 33, y: 18 },
{ x: 33, y: 33 },
{ x: 33, y: 63 },
{ x: 33, y: 78 },
{ x: 49, y: 3 },
{ x: 49, y: 18 },
{ x: 49, y: 33 },
{ x: 49, y: 48 },
{ x: 49, y: 63 },
{ x: 49, y: 78 },
{ x: 49, y: 93 },
{ x: 64, y: 18 },
{ x: 64, y: 33 },
{ x: 64, y: 48 },
{ x: 64, y: 63 },
{ x: 64, y: 78 },
{ x: 79, y: 33 },
{ x: 79, y: 48 },
{ x: 79, y: 63 },
{ x: 94, y: 48 },
];

@@ -128,3 +129,3 @@ var SpinnerRomb = function (_a) {

return null;
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 97 96" }),
return (React.createElement("svg", __assign({ fill: "currentColor" }, svgProps, { style: svgStyle, viewBox: "0 0 96 96" }),
coords.map(function (c) { return (React.createElement("circle", { key: c.x + "-" + c.y, cx: c.x, cy: c.y, fill: "rgba(0,0,0,0.44)", r: 2.5 * (thickness / 100) })); }),

@@ -131,0 +132,0 @@ React.createElement("g", { style: rombStyle }, coords.filter(function (c, i) { return i < 5; }).map(function (c) { return (React.createElement("circle", { key: "h-" + c.x + "-" + c.y, cx: c.x, cy: c.y, r: 3.5 * (thickness / 100) })); }))));

2

lib/umd/SpinnerRomb.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-romb{25%{transform:translate(30px,-30px)}50%{transform:translate(60px)}75%{transform:translate(30px,30px)}}");var o=[{x:18.5,y:33.1901},{x:18.5,y:48.1901},{x:18.5,y:63.1901},{x:3.5,y:48.1901},{x:33.5,y:48.1901},{x:79.5,y:48.1901},{x:33.5,y:33.1901},{x:33.5,y:18.1901},{x:94.5,y:48.1901},{x:79.5,y:33.1901},{x:33.5,y:63.1901},{x:33.5,y:78.1901},{x:49.5,y:18.1901},{x:49.5,y:3.19006},{x:49.5,y:48.1901},{x:49.5,y:33.1901},{x:49.5,y:63.1901},{x:49.5,y:78.1901},{x:49.5,y:93.1901},{x:64.5,y:18.1901},{x:64.5,y:48.1901},{x:64.5,y:33.1901},{x:64.5,y:63.1901},{x:64.5,y:78.1901},{x:79.5,y:63.1901}],i=function(e){var i=e.color,s=e.enabled,l=e.size,a=e.speed,y=e.still,c=e.thickness,f=e.style,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),x=n({color:i,overflow:"visible",width:r(l)},f),d={animation:"spinners-react-romb "+140/a+"s steps(2, end) infinite"};return y&&(d.animation="none"),s?t.createElement("svg",n({fill:"currentColor"},p,{style:x,viewBox:"0 0 97 96"}),o.map((function(e){return t.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"rgba(0,0,0,0.44)",r:c/100*2.5})})),t.createElement("g",{style:d},o.filter((function(e,t){return t<5})).map((function(e){return t.createElement("circle",{key:"h-"+e.x+"-"+e.y,cx:e.x,cy:e.y,r:c/100*3.5})})))):null};i.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRomb=i}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-romb{25%{transform:translate(30px,-30px)}50%{transform:translate(60px)}75%{transform:translate(30px,30px)}}");var o=[{x:3,y:48},{x:18,y:33},{x:18,y:48},{x:18,y:63},{x:33,y:48},{x:33,y:18},{x:33,y:33},{x:33,y:63},{x:33,y:78},{x:49,y:3},{x:49,y:18},{x:49,y:33},{x:49,y:48},{x:49,y:63},{x:49,y:78},{x:49,y:93},{x:64,y:18},{x:64,y:33},{x:64,y:48},{x:64,y:63},{x:64,y:78},{x:79,y:33},{x:79,y:48},{x:79,y:63},{x:94,y:48}],i=function(e){var i=e.color,s=e.enabled,l=e.size,a=e.speed,y=e.still,c=e.thickness,f=e.style,p=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),x=n({color:i,overflow:"visible",width:r(l)},f),d={animation:"spinners-react-romb "+140/a+"s steps(2, end) infinite"};return y&&(d.animation="none"),s?t.createElement("svg",n({fill:"currentColor"},p,{style:x,viewBox:"0 0 96 96"}),o.map((function(e){return t.createElement("circle",{key:e.x+"-"+e.y,cx:e.x,cy:e.y,fill:"rgba(0,0,0,0.44)",r:c/100*2.5})})),t.createElement("g",{style:d},o.filter((function(e,t){return t<5})).map((function(e){return t.createElement("circle",{key:"h-"+e.x+"-"+e.y,cx:e.x,cy:e.y,r:c/100*3.5})})))):null};i.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRomb=i}));
//# sourceMappingURL=SpinnerRomb.min.js.map

4

lib/umd/SpinnerRound.js

@@ -102,4 +102,4 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }),
React.createElement("circle", { cx: "33.0911", cy: "33.7809", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }),
React.createElement("circle", { cx: "33", cy: "33", fill: "none", r: 28, stroke: "currentColor", strokeWidth: strokeWidth, style: circleStyle })));
};

@@ -106,0 +106,0 @@ SpinnerRound.defaultProps = defaultProps;

2

lib/umd/SpinnerRound.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round{27%,73%{r:2px;stroke-width:4}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,c=e.thickness,d=e.style,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*3,u=n({color:o,overflow:"visible",width:r(s)},d),y={animation:"spinners-react-round "+140/l+"s ease-in-out infinite",transformOrigin:"center"};return a&&(y.animation="none"),i?t.createElement("svg",n({fill:"none"},f,{style:u,viewBox:"0 0 65 66"}),t.createElement("circle",{cx:"33.0911",cy:"33.7809",fill:"none",r:28,stroke:"currentColor",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRound=o}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round{27%,73%{r:2px;stroke-width:4}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,c=e.thickness,d=e.style,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=c/100*3,u=n({color:o,overflow:"visible",width:r(s)},d),y={animation:"spinners-react-round "+140/l+"s ease-in-out infinite",transformOrigin:"center"};return a&&(y.animation="none"),i?t.createElement("svg",n({fill:"none"},f,{style:u,viewBox:"0 0 66 66"}),t.createElement("circle",{cx:"33",cy:"33",fill:"none",r:28,stroke:"currentColor",strokeWidth:p,style:y})):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRound=o}));
//# sourceMappingURL=SpinnerRound.min.js.map

5

lib/umd/SpinnerRoundFilled.js

@@ -87,3 +87,3 @@ (function (global, factory) {

var css = "@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}";
var css = "@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}";
styleInject(css);

@@ -111,4 +111,5 @@

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "currentColor", r: animation.r * (animation.name ? (thickness / 100) : 1), style: {
opacity: animation.name ? 0.25 : 1,
transformOrigin: 'center',
animation: (!animation.name || still)

@@ -115,0 +116,0 @@ ? 'none'

2

lib/umd/SpinnerRoundFilled.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round-filled-outer{40%,60%{r:4px}}@keyframes spinners-react-round-filled-center{30%,70%{r:4px}}@keyframes spinners-react-round-filled-inner{20%,80%{r:4px}}");var i=function(e){var i=e.color,o=e.enabled,l=e.size,s=e.speed,a=e.still,c=e.thickness,d=e.style,f=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=n({color:i,overflow:"visible",width:r(l)},d);return o?t.createElement("svg",n({fill:"none"},f,{style:p,viewBox:"0 0 65 66"}),[{r:4},{name:"spinners-react-round-filled-inner",r:12.66},{name:"spinners-react-round-filled-center",r:20.32},{name:"spinners-react-round-filled-outer",r:27.5}].map((function(e){return t.createElement("circle",{key:e.name||"still",cx:"33.0911",cy:"33.7809",fill:"currentColor",r:e.r*(e.name?c/100:1),style:{opacity:e.name?.25:1,animation:!e.name||a?"none":e.name+" "+140/s+"s ease-in-out infinite"}})}))):null};i.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRoundFilled=i}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round-filled-outer{40%,60%{transform:scale(0)}}@keyframes spinners-react-round-filled-center{30%,70%{transform:scale(0)}}@keyframes spinners-react-round-filled-inner{20%,80%{transform:scale(0)}}");var o=function(e){var o=e.color,i=e.enabled,l=e.size,s=e.speed,a=e.still,c=e.thickness,f=e.style,d=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=n({color:o,overflow:"visible",width:r(l)},f);return i?t.createElement("svg",n({fill:"none"},d,{style:p,viewBox:"0 0 66 66"}),[{r:4},{name:"spinners-react-round-filled-inner",r:12.66},{name:"spinners-react-round-filled-center",r:20.32},{name:"spinners-react-round-filled-outer",r:27.5}].map((function(e){return t.createElement("circle",{key:e.name||"still",cx:"33",cy:"33",fill:"currentColor",r:e.r*(e.name?c/100:1),style:{opacity:e.name?.25:1,transformOrigin:"center",animation:!e.name||a?"none":e.name+" "+140/s+"s ease-in-out infinite"}})}))):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRoundFilled=o}));
//# sourceMappingURL=SpinnerRoundFilled.min.js.map

2

lib/umd/SpinnerRoundOutlined.js

@@ -112,3 +112,3 @@ (function (global, factory) {

return null;
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 65 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33.0911", cy: "33.7809", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
return (React.createElement("svg", __assign({ fill: "none" }, svgProps, { style: svgStyle, viewBox: "0 0 66 66" }), animations.map(function (animation) { return (React.createElement("circle", { key: animation.name || 'still', cx: "33", cy: "33", fill: "none", r: animation.r, stroke: "currentColor", strokeWidth: animation.strokeWidth, style: animation.name && !still
? { animation: animation.name + " " + 140 / speed + "s ease-in-out infinite" }

@@ -115,0 +115,0 @@ : {} })); })));

2

lib/umd/SpinnerRoundOutlined.min.js

@@ -1,2 +0,2 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round-outlined-outer{35%,65%{r:2px;stroke-width:4}}@keyframes spinners-react-round-outlined-inner{35%,65%{r:2px;stroke-width:4}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,d=e.thickness,c=e.style,u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=n({color:o,overflow:"visible",width:r(s)},c),f=d/100*3,y=[{r:2,strokeWidth:4},{name:"spinners-react-round-outlined-inner",r:14,strokeWidth:f},{name:"spinners-react-round-outlined-outer",r:28,strokeWidth:f}];return i?t.createElement("svg",n({fill:"none"},u,{style:p,viewBox:"0 0 65 66"}),y.map((function(e){return t.createElement("circle",{key:e.name||"still",cx:"33.0911",cy:"33.7809",fill:"none",r:e.r,stroke:"currentColor",strokeWidth:e.strokeWidth,style:e.name&&!a?{animation:e.name+" "+140/l+"s ease-in-out infinite"}:{}})}))):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRoundOutlined=o}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).SpinnersReact={},e.React)}(this,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var n=function(){return(n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var r=function(e){return parseFloat(e.toString()).toString()===e.toString()?e+"px":e.toString()};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("@keyframes spinners-react-round-outlined-outer{35%,65%{r:2px;stroke-width:4}}@keyframes spinners-react-round-outlined-inner{35%,65%{r:2px;stroke-width:4}}");var o=function(e){var o=e.color,i=e.enabled,s=e.size,l=e.speed,a=e.still,d=e.thickness,c=e.style,u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(e,["color","enabled","size","speed","still","thickness","style"]),p=n({color:o,overflow:"visible",width:r(s)},c),f=d/100*3,y=[{r:2,strokeWidth:4},{name:"spinners-react-round-outlined-inner",r:14,strokeWidth:f},{name:"spinners-react-round-outlined-outer",r:28,strokeWidth:f}];return i?t.createElement("svg",n({fill:"none"},u,{style:p,viewBox:"0 0 66 66"}),y.map((function(e){return t.createElement("circle",{key:e.name||"still",cx:"33",cy:"33",fill:"none",r:e.r,stroke:"currentColor",strokeWidth:e.strokeWidth,style:e.name&&!a?{animation:e.name+" "+140/l+"s ease-in-out infinite"}:{}})}))):null};o.defaultProps={color:"#38ad48",enabled:!0,still:!1,size:50,speed:100,thickness:100,style:{}},e.SpinnerRoundOutlined=o}));
//# sourceMappingURL=SpinnerRoundOutlined.min.js.map

6

package.json
{
"name": "spinners-react",
"version": "0.0.5",
"version": "1.0.0",
"description": "Lightweight SVG/CSS spinners for React",

@@ -14,6 +14,8 @@ "sideEffects": [

"prebuild": "rimraf lib/*",
"prestart": "rimraf lib/*",
"build": "rollup -c --configProd",
"start": "rollup -c -w",
"lint": "eslint --fix --ext .js,.jsx,.ts,.tsx ./",
"test": "jest --coverage --coverageReporters=text-lcov | coveralls"
"test": "jest --coverage --coverageReporters=text-lcov | coveralls",
"jest": "jest --coverage --coverageReporters=text-lcov"
},

@@ -20,0 +22,0 @@ "files": [

6

README.md

@@ -112,6 +112,8 @@ # Spinners React

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br> Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Opera |
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br> Edge |
| --------- | --------- | --------- | --------- | --------- |
| Edge 80+| last 2 versions| last 2 versions| last 2 versions| last 2 versions
| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions*
**\*** - Legacy EdgeHTML Edge (i.e. 42-44) is also supported except for `SpinnerRound` and `SpinnerRoundOutlined`.
## Issues and Bugs

@@ -118,0 +120,0 @@ 

lib/cjs/index.d.ts→lib/cjs/index.d.ts
lib/cjs/SpinnerCircular.d.ts→lib/cjs/SpinnerCircular.d.ts
lib/cjs/SpinnerCircularFixed.d.ts→lib/cjs/SpinnerCircularFixed.d.ts
lib/cjs/SpinnerCircularSplit.d.ts→lib/cjs/SpinnerCircularSplit.d.ts
lib/cjs/SpinnerDotted.d.ts→lib/cjs/SpinnerDotted.d.ts
lib/cjs/SpinnerInfinity.d.ts→lib/cjs/SpinnerInfinity.d.ts
lib/cjs/SpinnerRomb.d.ts→lib/cjs/SpinnerRomb.d.ts
lib/cjs/SpinnerRound.d.ts→lib/cjs/SpinnerRound.d.ts
lib/cjs/SpinnerRoundFilled.d.ts→lib/cjs/SpinnerRoundFilled.d.ts
lib/cjs/SpinnerRoundOutlined.d.ts→lib/cjs/SpinnerRoundOutlined.d.ts
lib/cjs/style-inject.es-53b0d2f9.d.ts→lib/cjs/style-inject.es-53b0d2f9.d.ts
lib/esm/index.d.ts→lib/esm/index.d.ts
lib/esm/SpinnerCircular.d.ts→lib/esm/SpinnerCircular.d.ts
lib/esm/SpinnerCircularFixed.d.ts→lib/esm/SpinnerCircularFixed.d.ts
lib/esm/SpinnerCircularSplit.d.ts→lib/esm/SpinnerCircularSplit.d.ts
lib/esm/SpinnerDotted.d.ts→lib/esm/SpinnerDotted.d.ts
lib/esm/SpinnerInfinity.d.ts→lib/esm/SpinnerInfinity.d.ts
lib/esm/SpinnerRomb.d.ts→lib/esm/SpinnerRomb.d.ts
lib/esm/SpinnerRound.d.ts→lib/esm/SpinnerRound.d.ts
lib/esm/SpinnerRoundFilled.d.ts→lib/esm/SpinnerRoundFilled.d.ts
lib/esm/SpinnerRoundOutlined.d.ts→lib/esm/SpinnerRoundOutlined.d.ts
lib/esm/style-inject.es-5a1e2f7a.d.ts→lib/esm/style-inject.es-5a1e2f7a.d.ts
lib/index.css

Sorry, the diff of this file is not supported yet

lib/index.min.css

Sorry, the diff of this file is not supported yet

lib/SpinnerDotted.css

Sorry, the diff of this file is not supported yet

lib/SpinnerDotted.min.css

Sorry, the diff of this file is not supported yet

lib/SpinnerRoundFilled.css

Sorry, the diff of this file is not supported yet

lib/SpinnerRoundFilled.min.css

Sorry, the diff of this file is not supported yet

lib/umd/index.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerCircular.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerCircularFixed.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerCircularSplit.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerDotted.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerRomb.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerRound.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerRoundFilled.min.js.map

Sorry, the diff of this file is not supported yet

lib/umd/SpinnerRoundOutlined.min.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc