@tsparticles/palette-monochrome-silver 4.0.0-beta.12 → 4.0.0-beta.15

package/README.md

@@ -1,10 +1,10 @@
 [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
-# tsParticles Monochrome Silver Palette
+# tsParticles Silver Palette
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-monochrome-silver/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-monochrome-silver) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-monochrome-silver.svg)](https://www.npmjs.com/package/@tsparticles/palette-monochrome-silver) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-monochrome-silver)](https://www.npmjs.com/package/@tsparticles/palette-monochrome-silver) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/palette-silver/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/palette-silver) [![npmjs](https://badge.fury.io/js/%40tsparticles%2Fpalette-silver.svg)](https://www.npmjs.com/package/@tsparticles/palette-silver) [![npmjs](https://img.shields.io/npm/dt/%40tsparticles%2Fpalette-coloredSmokeAmber)](https://www.npmjs.com/package/@tsparticles/palette-silver) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
-[tsParticles](https://github.com/tsparticles/tsparticles) palette for monochrome silver.
+[tsParticles](https://github.com/tsparticles/tsparticles) palette for colored smoke amber.
 
 [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
 
@@ -12,7 +12,7 @@
 
 ## Sample
 
-[![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/monochromatic/monochromeSilver/images/sample.png)](https://particles.js.org/samples/palettes/monochrome-silver)
+[![demo](https://raw.githubusercontent.com/tsparticles/palettes/main/palettes/monochromatic/silver/images/sample.png)](https://particles.js.org/samples/palettes/silver)
 
 ## Colors
 
@@ -64,7 +64,7 @@
 ## Quick checklist
 
 1. Install `@tsparticles/engine` (or use the CDN bundle below)
-2. Load a base package (for example `@tsparticles/basic`) and call `loadMonochromeSilverPalette` before `tsParticles.load(...)`
+2. Load a base package (for example `@tsparticles/basic`) and call `loadSilverPalette` before `tsParticles.load(...)`
 3. Apply the palette plus a minimal particles configuration in your options
 
 A palette defines colors, not complete behavior, so pair it with a runtime package and particle options.
@@ -75,7 +75,7 @@ A palette defines colors, not complete behavior, so pair it with a runtime packa
 
 ```html
 <script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@4/tsparticles.basic.bundle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-monochrome-silver@4/tsparticles.palette-monochrome-silver.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/palette-silver@4/tsparticles.palette-coloredSmokeAmber.min.js"></script>
 ```
 
 ### Usage
@@ -85,7 +85,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
 ```javascript
 (async engine => {
   await loadBasic(engine);
-  await loadMonochromeSilverPalette(engine);
+  await loadSilverPalette(engine);
 
   const options = {
     particles: {
@@ -97,7 +97,7 @@ Once the scripts are loaded you can set up `tsParticles` like this:
         speed: 2,
       },
     },
-    palette: "monochrome-silver",
+    palette: "silver",
   };
 
   await engine.load({
@@ -114,7 +114,7 @@ You can override all the options defining the properties like in any standard `t
 
 ### Frameworks with a tsParticles component library
 
-Checkout the documentation in the component library repository and call the `loadMonochromeSilverPalette` function.
+Checkout the documentation in the component library repository and call the `loadSilverPalette` function.
 
 ## Related docs
 

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadMonochromeSilverPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadMonochromeSilverPalette = loadMonochromeSilverPalette;
+export * from "./index.js";

package/browser/index.js

@@ -1,7 +1,7 @@
+import { options } from "./options.js";
 const paletteName = "monochrome-silver";
 export async function loadMonochromeSilverPalette(engine) {
-    await engine.pluginManager.register(async (e) => {
-        const { options } = await import("./options.js");
+    await engine.pluginManager.register(e => {
         e.pluginManager.addPalette(paletteName, options);
     });
 }

package/browser/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "monochrome-silver";
+export async function loadMonochromeSilverPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadMonochromeSilverPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadMonochromeSilverPalette = loadMonochromeSilverPalette;
+export * from "./index.js";

package/cjs/index.js

@@ -1,7 +1,7 @@
+import { options } from "./options.js";
 const paletteName = "monochrome-silver";
 export async function loadMonochromeSilverPalette(engine) {
-    await engine.pluginManager.register(async (e) => {
-        const { options } = await import("./options.js");
+    await engine.pluginManager.register(e => {
         e.pluginManager.addPalette(paletteName, options);
     });
 }

package/cjs/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "monochrome-silver";
+export async function loadMonochromeSilverPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadMonochromeSilverPalette } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadMonochromeSilverPalette = loadMonochromeSilverPalette;
+export * from "./index.js";

package/esm/index.js

@@ -1,7 +1,7 @@
+import { options } from "./options.js";
 const paletteName = "monochrome-silver";
 export async function loadMonochromeSilverPalette(engine) {
-    await engine.pluginManager.register(async (e) => {
-        const { options } = await import("./options.js");
+    await engine.pluginManager.register(e => {
         e.pluginManager.addPalette(paletteName, options);
     });
 }

package/esm/index.lazy.js

@@ -0,0 +1,7 @@
+const paletteName = "monochrome-silver";
+export async function loadMonochromeSilverPalette(engine) {
+    await engine.pluginManager.register(async (e) => {
+        const { options } = await import("./options.js");
+        e.pluginManager.addPalette(paletteName, options);
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/palette-monochrome-silver",
-  "version": "4.0.0-beta.12",
+  "version": "4.0.0-beta.15",
   "description": "tsParticles monochrome silver palette",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -95,14 +95,22 @@
       "umd": "./umd/index.js",
       "default": "./cjs/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "umd": "./umd/index.lazy.js",
+      "default": "./cjs/index.lazy.js"
+    }
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.12"
+    "@tsparticles/engine": "4.0.0-beta.15"
   },
   "type": "module",
-  "jsdelivr": "tsparticles.palette-monochrome-silver.min.js",
-  "unpkg": "tsparticles.palette-monochrome-silver.min.js",
+  "jsdelivr": "tsparticles.palette-colored-smoke-amber.min.js",
+  "unpkg": "tsparticles.palette-colored-smoke-amber.min.js",
   "publishConfig": {
     "access": "public"
   }