@pikas-ui/loader - npm Package Compare versions

Comparing version 2.0.10 to 2.0.11

dist/bar/BarLoader.d.ts

@@ -5,4 +5,4 @@ import { ColorsType } from '@pikas-ui/styles';
 interface BarLoaderProps {
-    width: number;
-    height: number;
+    width?: number;
+    height?: number;
     color?: ColorsType;
@@ -9,0 +9,0 @@ colorHex?: string;

dist/bar/BarLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const d=({width:e,height:o,color:r,colorHex:a,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.BarLoader,{width:e,height:o,speedMultiplier:i,color:(r?`var(--colors-${r})`:void 0)||a,loading:t});d.defaultProps={loading:!0};exports.BarLoader = d;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const d=({width:o,height:e,color:r,colorHex:a,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.BarLoader,{width:o,height:e,speedMultiplier:i,color:(r?`var(--colors-${r})`:void 0)||a,loading:t});d.defaultProps={loading:!0,color:"PRIMARY"};exports.BarLoader = d;
 //# sourceMappingURL=BarLoader.js.map

dist/beat/BeatLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface BeatLoaderProps {
-    size: number | string;
+    size?: number | string;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/beat/BeatLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const n=({size:r,margin:o,color:e,colorHex:a,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.BeatLoader,{size:r,margin:o,color:(e?`var(--colors-${e})`:void 0)||a,loading:t,speedMultiplier:i});n.defaultProps={loading:!0};exports.BeatLoader = n;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const n=({size:r,margin:o,color:e,colorHex:a,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.BeatLoader,{size:r,margin:o,color:(e?`var(--colors-${e})`:void 0)||a,loading:t,speedMultiplier:i});n.defaultProps={loading:!0,color:"PRIMARY"};exports.BeatLoader = n;
 //# sourceMappingURL=BeatLoader.js.map

dist/bounce/BounceLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface BounceLoaderProps {
-    size: number | string;
+    size?: number | string;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/bounce/BounceLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:o,color:e,colorHex:r,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.BounceLoader,{size:o,speedMultiplier:n,color:(e?`var(--colors-${e})`:void 0)||r,loading:i});a.defaultProps={loading:!0};exports.BounceLoader = a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:e,color:o,colorHex:r,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.BounceLoader,{size:e,speedMultiplier:n,color:(o?`var(--colors-${o})`:void 0)||r,loading:i});s.defaultProps={loading:!0,color:"PRIMARY"};exports.BounceLoader = s;
 //# sourceMappingURL=BounceLoader.js.map

dist/circle/CircleLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface CircleLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/circle/CircleLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.CircleLoader,{size:r,speedMultiplier:l,color:(e?`var(--colors-${e})`:void 0)||o,loading:i});p.defaultProps={loading:!0};exports.CircleLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.CircleLoader,{size:r,speedMultiplier:l,color:(e?`var(--colors-${e})`:void 0)||o,loading:i});p.defaultProps={loading:!0,color:"PRIMARY"};exports.CircleLoader = p;
 //# sourceMappingURL=CircleLoader.js.map

dist/climbingBox/ClimbingBoxLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface ClimbingBoxLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/climbingBox/ClimbingBoxLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:e,color:o,colorHex:r,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.ClimbingBoxLoader,{size:e,speedMultiplier:l,color:(o?`var(--colors-${o})`:void 0)||r,loading:i});a.defaultProps={loading:!0};exports.ClimbingBoxLoader = a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:e,color:o,colorHex:r,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.ClimbingBoxLoader,{size:e,speedMultiplier:l,color:(o?`var(--colors-${o})`:void 0)||r,loading:i});a.defaultProps={loading:!0,color:"PRIMARY"};exports.ClimbingBoxLoader = a;
 //# sourceMappingURL=ClimbingBoxLoader.js.map

dist/clip/ClipLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface ClipLoaderProps {
-    size: number | string;
+    size?: number | string;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/clip/ClipLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:o,color:e,colorHex:r,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.ClipLoader,{size:o,speedMultiplier:l,color:(e?`var(--colors-${e})`:void 0)||r,loading:i});s.defaultProps={loading:!0};exports.ClipLoader = s;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:r,color:o,colorHex:e,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.ClipLoader,{size:r,speedMultiplier:l,color:(o?`var(--colors-${o})`:void 0)||e,loading:i});s.defaultProps={loading:!0,color:"PRIMARY"};exports.ClipLoader = s;
 //# sourceMappingURL=ClipLoader.js.map

dist/clock/ClockLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface ClockLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/clock/ClockLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,color:o,colorHex:r,loading:l,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.ClockLoader,{size:e,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:l});p.defaultProps={loading:!0};exports.ClockLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,color:o,colorHex:r,loading:l,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.ClockLoader,{size:e,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:l});p.defaultProps={loading:!0,color:"PRIMARY"};exports.ClockLoader = p;
 //# sourceMappingURL=ClockLoader.js.map

dist/dot/DotLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface DotLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/dot/DotLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,color:o,colorHex:r,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.DotLoader,{size:e,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:t});p.defaultProps={loading:!0};exports.DotLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,color:o,colorHex:r,loading:t,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.DotLoader,{size:e,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:t});p.defaultProps={loading:!0,color:"PRIMARY"};exports.DotLoader = p;
 //# sourceMappingURL=DotLoader.js.map

dist/fade/FadeLoader.d.ts

@@ -5,4 +5,4 @@ import { ColorsType } from '@pikas-ui/styles';
 interface FadeLoaderProps {
-    height: number;
-    width: number;
+    height?: number;
+    width?: number;
     radius?: number;
@@ -9,0 +9,0 @@ margin?: number;

dist/fade/FadeLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({height:e,width:o,radius:a,margin:d,color:r,colorHex:i,loading:t})=>_react2.default.createElement(_reactspinners.FadeLoader,{height:e,width:o,radius:a,margin:d,color:(r?`var(--colors-${r})`:void 0)||i,loading:t});l.defaultProps={loading:!0};exports.FadeLoader = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({height:o,width:e,radius:a,margin:d,color:r,colorHex:i,loading:t})=>_react2.default.createElement(_reactspinners.FadeLoader,{height:o,width:e,radius:a,margin:d,color:(r?`var(--colors-${r})`:void 0)||i,loading:t});l.defaultProps={loading:!0,color:"PRIMARY"};exports.FadeLoader = l;
 //# sourceMappingURL=FadeLoader.js.map

dist/grid/GridLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface GridLoaderProps {
-    size: number;
+    size?: number;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/grid/GridLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,margin:o,color:r,colorHex:i,loading:a,speedMultiplier:d})=>_react2.default.createElement(_reactspinners.GridLoader,{size:e,speedMultiplier:d,margin:o,color:(r?`var(--colors-${r})`:void 0)||i,loading:a});p.defaultProps={loading:!0};exports.GridLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:o,margin:e,color:r,colorHex:i,loading:a,speedMultiplier:d})=>_react2.default.createElement(_reactspinners.GridLoader,{size:o,speedMultiplier:d,margin:e,color:(r?`var(--colors-${r})`:void 0)||i,loading:a});p.defaultProps={loading:!0,color:"PRIMARY"};exports.GridLoader = p;
 //# sourceMappingURL=GridLoader.js.map

dist/hash/HashLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface HashLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/hash/HashLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({size:o,color:e,colorHex:r,loading:a,speedMultiplier:s})=>_react2.default.createElement(_reactspinners.HashLoader,{size:o,speedMultiplier:s,color:(e?`var(--colors-${e})`:void 0)||r,loading:a});l.defaultProps={loading:!0};exports.HashLoader = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const t=({size:e,color:o,colorHex:r,loading:a,speedMultiplier:s})=>_react2.default.createElement(_reactspinners.HashLoader,{size:e,speedMultiplier:s,color:(o?`var(--colors-${o})`:void 0)||r,loading:a});t.defaultProps={loading:!0,color:"PRIMARY"};exports.HashLoader = t;
 //# sourceMappingURL=HashLoader.js.map

dist/moon/MoonLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface MoonLoaderProps {
-    size: number | string;
+    size?: number | string;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/moon/MoonLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:e,color:o,colorHex:r,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.MoonLoader,{size:e,speedMultiplier:n,color:(o?`var(--colors-${o})`:void 0)||r,loading:i});a.defaultProps={loading:!0};exports.MoonLoader = a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:r,color:o,colorHex:e,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.MoonLoader,{size:r,speedMultiplier:n,color:(o?`var(--colors-${o})`:void 0)||e,loading:i});s.defaultProps={loading:!0,color:"PRIMARY"};exports.MoonLoader = s;
 //# sourceMappingURL=MoonLoader.js.map

dist/pacman/PacmanLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface PacmanLoaderProps {
-    size: number;
+    size?: number;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/pacman/PacmanLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const m=({size:e,color:r,colorHex:o,margin:a,loading:n,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.PacmanLoader,{size:e,margin:a,speedMultiplier:i,color:(r?`var(--colors-${r})`:void 0)||o,loading:n});m.defaultProps={loading:!0};exports.PacmanLoader = m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const m=({size:o,color:r,colorHex:e,margin:a,loading:n,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.PacmanLoader,{size:o,margin:a,speedMultiplier:i,color:(r?`var(--colors-${r})`:void 0)||e,loading:n});m.defaultProps={loading:!0,color:"PRIMARY"};exports.PacmanLoader = m;
 //# sourceMappingURL=PacmanLoader.js.map

dist/propagate/PropagateLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface PropagateLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/propagate/PropagateLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({size:o,color:e,colorHex:r,loading:a,speedMultiplier:t})=>_react2.default.createElement(_reactspinners.PropagateLoader,{size:o,speedMultiplier:t,color:(e?`var(--colors-${e})`:void 0)||r,loading:a});l.defaultProps={loading:!0};exports.PropagateLoader = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({size:e,color:o,colorHex:r,loading:a,speedMultiplier:t})=>_react2.default.createElement(_reactspinners.PropagateLoader,{size:e,speedMultiplier:t,color:(o?`var(--colors-${o})`:void 0)||r,loading:a});l.defaultProps={loading:!0,color:"PRIMARY"};exports.PropagateLoader = l;
 //# sourceMappingURL=PropagateLoader.js.map

dist/puff/PuffLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface PuffLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/puff/PuffLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const l=({size:o,color:e,colorHex:r,loading:f,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.PuffLoader,{size:o,speedMultiplier:i,color:(e?`var(--colors-${e})`:void 0)||r,loading:f});l.defaultProps={loading:!0};exports.PuffLoader = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:e,color:o,colorHex:r,loading:f,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.PuffLoader,{size:e,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:f});a.defaultProps={loading:!0,color:"PRIMARY"};exports.PuffLoader = a;
 //# sourceMappingURL=PuffLoader.js.map

dist/pulse/PulseLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface PulseLoaderProps {
-    size: number | string;
+    size?: number | string;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/pulse/PulseLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:o,color:e,colorHex:r,loading:s,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.PulseLoader,{size:o,speedMultiplier:l,color:(e?`var(--colors-${e})`:void 0)||r,loading:s});a.defaultProps={loading:!0};exports.PulseLoader = a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:o,color:e,colorHex:r,loading:l,speedMultiplier:s})=>_react2.default.createElement(_reactspinners.PulseLoader,{size:o,speedMultiplier:s,color:(e?`var(--colors-${e})`:void 0)||r,loading:l});a.defaultProps={loading:!0,color:"PRIMARY"};exports.PulseLoader = a;
 //# sourceMappingURL=PulseLoader.js.map

dist/ring/RingLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface RingLoaderProps {
-    size: number | string;
+    size?: number | string;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/ring/RingLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const a=({size:o,color:e,colorHex:r,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.RingLoader,{size:o,speedMultiplier:n,color:(e?`var(--colors-${e})`:void 0)||r,loading:i});a.defaultProps={loading:!0};exports.RingLoader = a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:r,color:o,colorHex:e,loading:i,speedMultiplier:n})=>_react2.default.createElement(_reactspinners.RingLoader,{size:r,speedMultiplier:n,color:(o?`var(--colors-${o})`:void 0)||e,loading:i});s.defaultProps={loading:!0,color:"PRIMARY"};exports.RingLoader = s;
 //# sourceMappingURL=RingLoader.js.map

dist/rise/RiseLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface RiseLoaderProps {
-    size: number;
+    size?: number;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/rise/RiseLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:i,margin:s,speedMultiplier:a})=>_react2.default.createElement(_reactspinners.RiseLoader,{size:r,margin:s,speedMultiplier:a,color:(e?`var(--colors-${e})`:void 0)||o,loading:i});p.defaultProps={loading:!0};exports.RiseLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:i,margin:s,speedMultiplier:a})=>_react2.default.createElement(_reactspinners.RiseLoader,{size:r,margin:s,speedMultiplier:a,color:(e?`var(--colors-${e})`:void 0)||o,loading:i});p.defaultProps={loading:!0,color:"PRIMARY"};exports.RiseLoader = p;
 //# sourceMappingURL=RiseLoader.js.map

dist/rotate/RotateLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface RotateLoaderProps {
-    size: number;
+    size?: number;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/rotate/RotateLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:o,color:e,colorHex:r,loading:t,margin:a,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.RotateLoader,{size:o,margin:a,speedMultiplier:i,color:(e?`var(--colors-${e})`:void 0)||r,loading:t});s.defaultProps={loading:!0};exports.RotateLoader = s;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({size:e,color:o,colorHex:r,loading:t,margin:a,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.RotateLoader,{size:e,margin:a,speedMultiplier:i,color:(o?`var(--colors-${o})`:void 0)||r,loading:t});s.defaultProps={loading:!0,color:"PRIMARY"};exports.RotateLoader = s;
 //# sourceMappingURL=RotateLoader.js.map

dist/scale/ScaleLoader.d.ts

@@ -5,4 +5,4 @@ import { ColorsType } from '@pikas-ui/styles';
 interface ScaleLoaderProps {
-    height: number;
-    width: number;
+    height?: number;
+    width?: number;
     radius?: number;
@@ -9,0 +9,0 @@ margin?: number;

dist/scale/ScaleLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({height:r,width:o,radius:a,color:e,colorHex:i,loading:l,margin:t,speedMultiplier:d})=>_react2.default.createElement(_reactspinners.ScaleLoader,{height:r,width:o,radius:a,margin:t,speedMultiplier:d,color:(e?`var(--colors-${e})`:void 0)||i,loading:l});s.defaultProps={loading:!0};exports.ScaleLoader = s;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const s=({height:r,width:o,radius:a,color:e,colorHex:i,loading:l,margin:t,speedMultiplier:d})=>_react2.default.createElement(_reactspinners.ScaleLoader,{height:r,width:o,radius:a,margin:t,speedMultiplier:d,color:(e?`var(--colors-${e})`:void 0)||i,loading:l});s.defaultProps={loading:!0,color:"PRIMARY"};exports.ScaleLoader = s;
 //# sourceMappingURL=ScaleLoader.js.map

dist/skew/SkewLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface SkewLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/skew/SkewLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:o,color:e,colorHex:r,loading:i,speedMultiplier:t})=>_react2.default.createElement(_reactspinners.SkewLoader,{size:o,speedMultiplier:t,color:(e?`var(--colors-${e})`:void 0)||r,loading:i});p.defaultProps={loading:!0};exports.SkewLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:o,color:e,colorHex:r,loading:i,speedMultiplier:l})=>_react2.default.createElement(_reactspinners.SkewLoader,{size:o,speedMultiplier:l,color:(e?`var(--colors-${e})`:void 0)||r,loading:i});p.defaultProps={loading:!0,color:"PRIMARY"};exports.SkewLoader = p;
 //# sourceMappingURL=SkewLoader.js.map

dist/square/SquareLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface SquareLoaderProps {
-    size: number;
+    size?: number;
     color?: ColorsType;
@@ -8,0 +8,0 @@ colorHex?: string;

dist/square/SquareLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:a,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.SquareLoader,{size:r,speedMultiplier:i,color:(e?`var(--colors-${e})`:void 0)||o,loading:a});p.defaultProps={loading:!0};exports.SquareLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:r,color:e,colorHex:o,loading:a,speedMultiplier:i})=>_react2.default.createElement(_reactspinners.SquareLoader,{size:r,speedMultiplier:i,color:(e?`var(--colors-${e})`:void 0)||o,loading:a});p.defaultProps={loading:!0,color:"PRIMARY"};exports.SquareLoader = p;
 //# sourceMappingURL=SquareLoader.js.map

dist/sync/SyncLoader.d.ts

@@ -5,3 +5,3 @@ import { ColorsType } from '@pikas-ui/styles';
 interface SyncLoaderProps {
-    size: number;
+    size?: number;
     margin?: number;
@@ -8,0 +8,0 @@ color?: ColorsType;

dist/sync/SyncLoader.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:e,color:r,colorHex:o,loading:n,margin:i,speedMultiplier:a})=>_react2.default.createElement(_reactspinners.SyncLoader,{size:e,margin:i,speedMultiplier:a,color:(r?`var(--colors-${r})`:void 0)||o,loading:n});p.defaultProps={loading:!0};exports.SyncLoader = p;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _reactspinners = require('react-spinners');var _react = require('react'); var _react2 = _interopRequireDefault(_react);const p=({size:o,color:r,colorHex:e,loading:n,margin:i,speedMultiplier:a})=>_react2.default.createElement(_reactspinners.SyncLoader,{size:o,margin:i,speedMultiplier:a,color:(r?`var(--colors-${r})`:void 0)||e,loading:n});p.defaultProps={loading:!0,color:"PRIMARY"};exports.SyncLoader = p;
 //# sourceMappingURL=SyncLoader.js.map

package.json

 {
   "name": "@pikas-ui/loader",
-  "version": "2.0.10",
+  "version": "2.0.11",
   "private": false,
@@ -26,3 +26,3 @@ "description": "",
   "dependencies": {
-    "@pikas-ui/styles": "2.2.0",
+    "@pikas-ui/styles": "2.2.1",
     "react": "^18.2.0",
@@ -38,2 +38,3 @@ "react-dom": "^18.2.0",
     "@types/react-dom": "^18.0.6",
+    "cross-env": "^7.0.3",
     "eslint": "^8.19.0",
@@ -40,0 +41,0 @@ "tsup": "^6.1.3",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

107830

increased by2.15%

Lines of code

554

increased by1.28%

Worsened metrics

Dev dependency count

9

increased by12.5%

Dependency changes

• + Added@pikas-ui/styles@2.2.1(transitive)

• - Removed@pikas-ui/styles@2.2.0(transitive)

• Updated@pikas-ui/styles@2.2.1