react-spinners - npm Package Compare versions

Comparing version 0.13.4 to 0.13.5

BarLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthProps } from "./helpers/props";
 declare function BarLoader({ loading, color, speedMultiplier, cssOverride, height, width, ...additionalprops }: LoaderHeightWidthProps): JSX.Element | null;
 export default BarLoader;

BeatLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function BeatLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default BeatLoader;

BounceLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function BounceLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default BounceLoader;

CHANGELOG.md

@@ -5,2 +5,6 @@ # Change Log
 
+## 0.13.5
+
+- Improve README to include additional available props via span tag
+
 ## 0.13.4
@@ -7,0 +11,0 @@

CircleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function CircleLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default CircleLoader;

cjs/BarLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthProps } from "./helpers/props";
 declare function BarLoader({ loading, color, speedMultiplier, cssOverride, height, width, ...additionalprops }: LoaderHeightWidthProps): JSX.Element | null;
 export default BarLoader;

cjs/BeatLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function BeatLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default BeatLoader;

cjs/BounceLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function BounceLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default BounceLoader;

cjs/CircleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function CircleLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default CircleLoader;

cjs/ClimbingBoxLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClimbingBoxLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClimbingBoxLoader;

cjs/ClipLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClipLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClipLoader;

cjs/ClockLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClockLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClockLoader;

cjs/DotLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function DotLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default DotLoader;

cjs/FadeLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function FadeLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default FadeLoader;

cjs/GridLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function GridLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default GridLoader;

cjs/HashLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function HashLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default HashLoader;

cjs/MoonLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function MoonLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default MoonLoader;

cjs/PacmanLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PacmanLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PacmanLoader;

cjs/PropagateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PropagateLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PropagateLoader;

cjs/PuffLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PuffLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PuffLoader;

cjs/PulseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PulseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PulseLoader;

cjs/RingLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function RingLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default RingLoader;

cjs/RiseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RiseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RiseLoader;

cjs/RotateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RotateLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RotateLoader;

cjs/ScaleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function ScaleLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default ScaleLoader;

cjs/SkewLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SkewLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SkewLoader;

cjs/SquareLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SquareLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SquareLoader;

cjs/SyncLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function SyncLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default SyncLoader;

ClimbingBoxLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClimbingBoxLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClimbingBoxLoader;

ClipLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClipLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClipLoader;

ClockLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClockLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClockLoader;

DotLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function DotLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default DotLoader;

esm/BarLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthProps } from "./helpers/props";
 declare function BarLoader({ loading, color, speedMultiplier, cssOverride, height, width, ...additionalprops }: LoaderHeightWidthProps): JSX.Element | null;
 export default BarLoader;

esm/BeatLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function BeatLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default BeatLoader;

esm/BounceLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function BounceLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default BounceLoader;

esm/CircleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function CircleLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default CircleLoader;

esm/ClimbingBoxLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClimbingBoxLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClimbingBoxLoader;

esm/ClipLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClipLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClipLoader;

esm/ClockLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClockLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClockLoader;

esm/DotLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function DotLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default DotLoader;

esm/FadeLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function FadeLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default FadeLoader;

esm/GridLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function GridLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default GridLoader;

esm/HashLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function HashLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default HashLoader;

esm/MoonLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function MoonLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default MoonLoader;

esm/PacmanLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PacmanLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PacmanLoader;

esm/PropagateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PropagateLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PropagateLoader;

esm/PuffLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PuffLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PuffLoader;

esm/PulseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PulseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PulseLoader;

esm/RingLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function RingLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default RingLoader;

esm/RiseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RiseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RiseLoader;

esm/RotateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RotateLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RotateLoader;

esm/ScaleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function ScaleLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default ScaleLoader;

esm/SkewLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SkewLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SkewLoader;

esm/SquareLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SquareLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SquareLoader;

esm/SyncLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function SyncLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default SyncLoader;

FadeLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function FadeLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default FadeLoader;

GridLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function GridLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default GridLoader;

HashLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function HashLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default HashLoader;

MoonLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function MoonLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default MoonLoader;

package.json

 {
   "name": "react-spinners",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "A collection of react loading spinners",
@@ -52,58 +52,56 @@ "repository": {
     "publish:next": "npm publish --tag next && npm run clean",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "start-storybook --docs -p 6006",
     "build-storybook": "build-storybook --docs -o ./docs/storybook"
   },
   "devDependencies": {
-    "@babel/cli": "^7.17.10",
-    "@babel/core": "^7.18.0",
-    "@babel/node": "^7.17.10",
-    "@babel/plugin-proposal-class-properties": "^7.17.12",
-    "@babel/plugin-transform-react-jsx": "^7.17.12",
-    "@babel/plugin-transform-typescript": "^7.18.1",
-    "@babel/preset-env": "^7.18.0",
-    "@babel/preset-react": "^7.17.12",
-    "@mdx-js/react": "^2.1.1",
-    "@storybook/addon-actions": "^6.5.5",
-    "@storybook/addon-docs": "^6.5.5",
-    "@storybook/addon-essentials": "^6.5.5",
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.19.0",
+    "@babel/node": "^7.18.10",
+    "@babel/preset-env": "^7.19.0",
+    "@babel/preset-react": "^7.18.6",
+    "@mdx-js/react": "^2.1.3",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-docs": "^6.5.10",
+    "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-google-analytics": "^6.2.9",
-    "@storybook/addon-interactions": "^6.5.5",
-    "@storybook/addon-links": "^6.5.5",
-    "@storybook/builder-webpack5": "^6.5.5",
-    "@storybook/manager-webpack5": "^6.5.5",
-    "@storybook/react": "^6.5.5",
-    "@storybook/testing-library": "^0.0.11",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.2.0",
-    "@types/jest": "^27.5.1",
-    "@types/react": "^18.0.9",
+    "@storybook/addon-interactions": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/builder-webpack5": "^6.5.10",
+    "@storybook/manager-webpack5": "^6.5.10",
+    "@storybook/react": "^6.5.10",
+    "@storybook/testing-library": "^0.0.13",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.18",
     "@types/react-click-outside": "^3.0.3",
-    "@types/react-color": "^3.0.6",
-    "@types/react-dom": "^18.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
+    "@types/react-dom": "^18.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "babel-loader": "^8.2.5",
     "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
     "coveralls": "^3.1.1",
-    "eslint": "^8.16.0",
+    "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest-dom": "^4.0.2",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-storybook": "^0.5.12",
-    "eslint-plugin-testing-library": "^5.5.0",
-    "eslint-plugin-unicorn": "^42.0.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.11",
+    "eslint-plugin-react": "^7.31.6",
+    "eslint-plugin-storybook": "^0.6.4",
+    "eslint-plugin-testing-library": "^5.6.1",
+    "eslint-plugin-unicorn": "^43.0.2",
+    "fork-ts-checker-webpack-plugin": "^7.2.13",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^28.1.0",
-    "jest-environment-jsdom": "^28.1.0",
-    "prettier": "^2.6.2",
-    "react": "^18.1.0",
+    "jest": "^29.0.2",
+    "jest-environment-jsdom": "^29.0.2",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
     "react-click-outside": "^3.0.1",
-    "react-color": "^2.19.3",
-    "react-dom": "^18.1.0",
-    "ts-jest": "^28.0.3",
-    "ts-loader": "^9.3.0",
-    "typescript": "^4.7.2",
-    "webpack": "^5.72.1",
-    "webpack-cli": "^4.9.2"
+    "react-colorful": "^5.6.1",
+    "react-dom": "^18.2.0",
+    "react-ga4": "^1.4.1",
+    "storybook-dark-mode": "^1.1.0",
+    "ts-jest": "^28.0.8",
+    "ts-loader": "^9.3.1",
+    "typescript": "^4.8.2",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0"
   },
@@ -110,0 +108,0 @@ "peerDependencies": {

PacmanLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PacmanLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PacmanLoader;

PropagateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PropagateLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PropagateLoader;

PuffLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PuffLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PuffLoader;

PulseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PulseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PulseLoader;

README.md

@@ -67,3 +67,3 @@ # React Spinners
 
-      <ClipLoader color={color} loading={loading} cssOverride={override} size={150} />
+      <ClipLoader color={color} loading={loading} cssOverride={override} size={150} aria-label="Loading Spinner" />
     </div>
@@ -105,2 +105,3 @@ );
           speedMultiplier={1.5}
+          aria-label="Loading Spinner"
         />
@@ -126,2 +127,4 @@ </div>
 
+All valid HTML props such as `aria-*` and `data-*` props are fully supported.
+
 ### `color` prop
@@ -128,0 +131,0 @@

RingLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function RingLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default RingLoader;

RiseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RiseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RiseLoader;

RotateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RotateLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RotateLoader;

ScaleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function ScaleLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default ScaleLoader;

SkewLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SkewLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SkewLoader;

SquareLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SquareLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SquareLoader;

SyncLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function SyncLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default SyncLoader;

tsconfig.json

@@ -24,3 +24,3 @@ {
   },
-  "exclude": ["docs/*", "webpack.config.*", "*.js", "__tests__", "examples", "src/*.test.tsx", "stories"]
+  "exclude": ["docs/*", "webpack.config.*", "*.js", "tests", "examples", "src/*.test.tsx", "stories"]
 }

umd/BarLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthProps } from "./helpers/props";
 declare function BarLoader({ loading, color, speedMultiplier, cssOverride, height, width, ...additionalprops }: LoaderHeightWidthProps): JSX.Element | null;
 export default BarLoader;

umd/BeatLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function BeatLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default BeatLoader;

umd/BounceLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function BounceLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default BounceLoader;

umd/CircleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function CircleLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default CircleLoader;

umd/ClimbingBoxLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClimbingBoxLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClimbingBoxLoader;

umd/ClipLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClipLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClipLoader;

umd/ClockLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function ClockLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default ClockLoader;

umd/DotLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function DotLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default DotLoader;

umd/FadeLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function FadeLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default FadeLoader;

umd/GridLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function GridLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default GridLoader;

umd/HashLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function HashLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default HashLoader;

umd/MoonLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function MoonLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default MoonLoader;

umd/PacmanLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PacmanLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PacmanLoader;

umd/PropagateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PropagateLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PropagateLoader;

umd/PuffLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function PuffLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default PuffLoader;

umd/PulseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function PulseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default PulseLoader;

umd/RingLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function RingLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default RingLoader;

umd/RiseLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RiseLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RiseLoader;

umd/RotateLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function RotateLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default RotateLoader;

umd/ScaleLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderHeightWidthRadiusProps } from "./helpers/props";
 declare function ScaleLoader({ loading, color, speedMultiplier, cssOverride, height, width, radius, margin, ...additionalprops }: LoaderHeightWidthRadiusProps): JSX.Element | null;
 export default ScaleLoader;

umd/SkewLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SkewLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SkewLoader;

umd/SquareLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeProps } from "./helpers/props";
 declare function SquareLoader({ loading, color, speedMultiplier, cssOverride, size, ...additionalprops }: LoaderSizeProps): JSX.Element | null;
 export default SquareLoader;

umd/SyncLoader.d.ts

@@ -1,4 +0,3 @@
-/// <reference types="react" />
 import { LoaderSizeMarginProps } from "./helpers/props";
 declare function SyncLoader({ loading, color, speedMultiplier, cssOverride, size, margin, ...additionalprops }: LoaderSizeMarginProps): JSX.Element | null;
 export default SyncLoader;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1602146

increased by216.85%

Dev dependency count

50

decreased by-3.85%

Number of package files

272

increased by0.74%

Lines of code

34116

increased by273.3%

Number of lines in readme file

172

increased by1.78%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes