@holmesdev/ponder-spinners
Advanced tools
@holmesdev/ponder-spinners - npm Package Compare versions
Comparing version 1.0.22 to 1.0.23
| { | ||
| "name": "@holmesdev/ponder-spinners", | ||
| "version": "1.0.22", | ||
| "version": "1.0.23", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -38,9 +38,9 @@ <div align="center"> | ||
| | Name | Import Statement | Description | | ||
| | -------- | ------------------------------------------------------ | ------------------------------------------------------------------------------ | | ||
| | Wave | `import {Wave} from "@holmesdev/ponder-spinners"` | Animated wave with customizable size, colors, speed, and opacity. | | ||
| | Dots | `import {Dots} from "@holmesdev/ponder-spinners"` | Sequentially jumping dots creating a wave-like loading effect. | | ||
| | PulseBox | `import {PulseBox} from "@holmesdev/ponder-spinners"` | Morphing boxes that shift between squares and circles in a sequence. | | ||
| | Spin | `import {Spin} from "@holmesdev/ponder-spinners"` | Rotating circular spinner with customizable speed, direction, and color. | | ||
| | Circles | `import {Circles} from "@holmesdev/ponder-spinners"` | Animated set of morphing circles with customizable size, colors, and duration. | | ||
| | Name | Import Statement | Description | | ||
| | -------- | ----------------------------------------------------- | ------------------------------------------------------------------------------ | | ||
| | Spin | `import {Spin} from "@holmesdev/ponder-spinners"` | Rotating circular spinner with customizable speed, direction, and color. | | ||
| | Dots | `import {Dots} from "@holmesdev/ponder-spinners"` | Sequentially jumping dots creating a wave-like loading effect. | | ||
| | PulseBox | `import {PulseBox} from "@holmesdev/ponder-spinners"` | Morphing boxes that shift between squares and circles in a sequence. | | ||
| | Wave | `import {Wave} from "@holmesdev/ponder-spinners"` | Animated wave with customizable size, colors, speed, and opacity. | | ||
| | Circles | `import {Circles} from "@holmesdev/ponder-spinners"` | Animated set of morphing circles with customizable size, colors, and duration. | | ||
@@ -69,18 +69,2 @@ --- | ||
| ### **Wave** | ||
| ```javascript | ||
| import { Wave } from "@holmesdev/ponder-spinners"; | ||
| <Wave size="70px" color={["#22333B", "#EAE0D5"]} speed="2s" opacity={1} />; | ||
| ``` | ||
| ### **Dot** | ||
| ```javascript | ||
| import { Dots } from "@holmesdev/ponder-spinners"; | ||
| <Dots colors={["#FF5733", "#33FF57", "#3357FF"]} />; | ||
| ``` | ||
| ### **Spin** | ||
@@ -103,2 +87,10 @@ | ||
| ### **Dot** | ||
| ```javascript | ||
| import { Dots } from "@holmesdev/ponder-spinners"; | ||
| <Dots colors={["#FF5733", "#33FF57", "#3357FF"]} />; | ||
| ``` | ||
| ### **Pulse Box** | ||
@@ -112,2 +104,10 @@ | ||
| ### **Wave** | ||
| ```javascript | ||
| import { Wave } from "@holmesdev/ponder-spinners"; | ||
| <Wave size="70px" color={["#22333B", "#EAE0D5"]} speed="2s" opacity={1} />; | ||
| ``` | ||
| ### **Circles** | ||
@@ -114,0 +114,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage 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
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-0.02%
43109