@dicebear/pixel-art-neutral - npm Package Compare versions

Comparing version 5.0.0-alpha.31 to 5.0.0-alpha.32

lib/components/eyes.js

 import { escape } from '@dicebear/core';
 export const eyes = {
-    variant12: (components, colors) => `<g clip-rule="evenodd"><path fill-rule="evenodd" d="M5 6h1v2H4V7h1V6Zm5 0h1v2H9V7h1V6Z" fill="#fff"/><path fill-rule="evenodd" d="M6 6v1H5v1h2V6H6Zm5 0v1h-1v1h2V6h-1Z" fill="${escape.xml(colors.eyes.value)}"/><path d="M6 6v1h1V6H6ZM5 7v1h1V7H5Zm6-1v1h1V6h-1Zm-1 1v1h1V7h-1Z" fill="none"/></g>`,
-    variant11: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M4 6h2v1H4zM9 6h2v1H9z"/><path fill="#fff" d="M4 6h1v1H4zM9 6h1v1H9z"/>`,
-    variant10: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M10 5h2v2h-2zM5 5h2v2H5z"/><path fill="none" d="M5 5h1v1H5zM6 6h1v1H6zM10 5h1v1h-1zM11 6h1v1h-1z"/><path fill="#fff" d="M11 5h1v1h-1zM6 5h1v1H6z"/>`,
-    variant09: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M10 6h1v1h-1zM5 6h1v1H5z"/>`,
-    variant08: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M9 6h1v1H9zM4 6h1v1H4z"/>`,
-    variant07: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M11 6h1v1h-1zM6 6h1v1H6z"/>`,
-    variant06: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4z"/><path fill="${escape.xml(colors.eyes.value)}" d="M5 6h1v1H5z"/><path fill="#fff" d="M9 5h3v2H9z"/><path fill="${escape.xml(colors.eyes.value)}" d="M10 6h1v1h-1z"/>`,
-    variant05: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path d="M11 5h-1v1H9v1h3V6h-1V5Z" fill="${escape.xml(colors.eyes.value)}"/><path fill="none" d="M9 6h1v1H9zM10 5h1v1h-1zM11 6h1v1h-1z"/><path d="M6 5H5v1H4v1h3V6H6V5Z" fill="${escape.xml(colors.eyes.value)}"/><path fill="none" d="M4 6h1v1H4zM5 5h1v1H5zM6 6h1v1H6z"/>`,
-    variant04: (components, colors) => `<path d="M6 5H5v2h2V6H6V5ZM11 5h-1v2h2V6h-1V5Z" fill="#fff"/><path fill="${escape.xml(colors.eyes.value)}" d="M5 6h1v1H5zM10 6h1v1h-1z"/>`,
-    variant03: (components, colors) => `<path d="M10 5h1v2H9V6h1V5ZM5 5h1v2H4V6h1V5Z" fill="#fff"/><path fill="${escape.xml(colors.eyes.value)}" d="M11 6h-1v1h1zM6 6H5v1h1z"/>`,
-    variant02: (components, colors) => `<g clip-rule="evenodd"><path fill-rule="evenodd" d="M11 5h-1v2h2V6h-1V5ZM6 5H5v2h2V6H6V5Z" fill="#fff"/><path fill-rule="evenodd" d="M10 5v1h1v1H9V5h1ZM5 5v1h1v1H4V5h1Z" fill="${escape.xml(colors.eyes.value)}"/><path d="M10 5v1H9V5h1Zm1 1v1h-1V6h1ZM5 5v1H4V5h1Zm1 1v1H5V6h1Z" fill="none"/></g>`,
-    variant01: (components, colors) => `<path fill="#fff" d="M12 5H9v3h3zM7 5H4v3h3z"/><path fill="${escape.xml(colors.eyes.value)}" d="M12 6h-2v1h2zM7 6H5v1h2z"/><path fill="#fff" d="M12 6h-1v1h1zM7 6H6v1h1z"/>`,
+    variant12: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 6h1v2H4V7h1V6Zm5 0h1v2H9V7h1V6Z" fill="#fff"/><path d="M6 6v1H5v1h2V6H6Zm5 0v1h-1v1h2V6h-1Z" fill="${escape.xml(`#${colors.eyes}`)}"/><path d="M6 6v1h1V6H6ZM5 7v1h1V7H5Zm6-1v1h1V6h-1Zm-1 1v1h1V7h-1Z" fill="#fff" fill-opacity=".5"/></g>`,
+    variant11: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M4 6h2v1H4zM9 6h2v1H9z"/><path fill="#fff" fill-opacity=".7" d="M4 6h1v1H4zM9 6h1v1H9z"/>`,
+    variant10: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M10 5h2v2h-2zM5 5h2v2H5z"/><path fill="#fff" fill-opacity=".4" d="M5 5h1v1H5zM6 6h1v1H6zM10 5h1v1h-1zM11 6h1v1h-1z"/><path fill="#fff" fill-opacity=".7" d="M11 5h1v1h-1zM6 5h1v1H6z"/>`,
+    variant09: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M10 6h1v1h-1zM5 6h1v1H5z"/>`,
+    variant08: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M9 6h1v1H9zM4 6h1v1H4z"/>`,
+    variant07: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M11 6h1v1h-1zM6 6h1v1H6z"/>`,
+    variant06: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M5 6h1v1H5z"/><path fill="#fff" d="M9 5h3v2H9z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M10 6h1v1h-1z"/>`,
+    variant05: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path d="M11 5h-1v1H9v1h3V6h-1V5Z" fill="${escape.xml(`#${colors.eyes}`)}"/><path fill="#fff" fill-opacity=".5" d="M9 6h1v1H9zM10 5h1v1h-1zM11 6h1v1h-1z"/><path d="M6 5H5v1H4v1h3V6H6V5Z" fill="${escape.xml(`#${colors.eyes}`)}"/><path fill="#fff" fill-opacity=".5" d="M4 6h1v1H4zM5 5h1v1H5zM6 6h1v1H6z"/>`,
+    variant04: (components, colors) => `<path d="M6 5H5v2h2V6H6V5ZM11 5h-1v2h2V6h-1V5Z" fill="#fff"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M5 6h1v1H5zM10 6h1v1h-1z"/>`,
+    variant03: (components, colors) => `<path d="M10 5h1v2H9V6h1V5ZM5 5h1v2H4V6h1V5Z" fill="#fff"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M11 6h-1v1h1zM6 6H5v1h1z"/>`,
+    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M11 5h-1v2h2V6h-1V5ZM6 5H5v2h2V6H6V5Z" fill="#fff"/><path d="M10 5v1h1v1H9V5h1ZM5 5v1h1v1H4V5h1Z" fill="${escape.xml(`#${colors.eyes}`)}"/><path d="M10 5v1H9V5h1Zm1 1v1h-1V6h1ZM5 5v1H4V5h1Zm1 1v1H5V6h1Z" fill="#fff" fill-opacity=".5"/></g>`,
+    variant01: (components, colors) => `<path fill="#fff" d="M12 5H9v3h3zM7 5H4v3h3z"/><path fill="${escape.xml(`#${colors.eyes}`)}" d="M12 6h-2v1h2zM7 6H5v1h2z"/><path fill="#fff" fill-opacity=".7" d="M12 6h-1v1h1zM7 6H6v1h1z"/>`,
 };

lib/components/glasses.js

 import { escape } from '@dicebear/core';
 export const glasses = {
-    light07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H9v1H7V4H4v1H2v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5h-2V4Zm0 1v3H9V5h3ZM7 8H4V5h3v3Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M9 5h3v3H9zM4 5h3v3H4zM2 5h1v1H2zM13 5h1v1h-1z"/>`,
-    light06: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H2Zm10 3H9V6h3v2ZM7 8H4V6h3v2Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M9 6h3v2H9zM4 6h3v2H4zM7 5h2v1H7zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
-    light05: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H9v1H7V5H2Zm5 1v2H4V6h3Zm2 0v2h3V6H9Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v2H4zM9 6h3v2H9zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
-    light04: (components, colors) => `<path fill="none" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(colors.glasses.value)}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
-    light03: (components, colors) => `<path fill="${escape.xml(colors.glasses.value)}" d="M2 5h12v1H2zM3 7h10v1H3zM3 6h1v1H3zM12 6h1v1h-1z"/><path fill="none" d="M4 6h8v1H4zM2 5h1v1H2zM13 5h1v1h-1z"/><path fill="none" d="M7 6h2v1H7z"/>`,
-    light02: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2v1h1v2h4V7h2v1h4V6h1V5Zm-2 1H9v1h3V6ZM7 7H4V6h3v1Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v1H4zM2 5h1v1H2zM7 5h2v1H7zM13 5h1v1h-1zM9 6h3v1H9z"/>`,
-    light01: (components, colors) => `<path d="M2 5h5v1H4v1H3V6H2V5ZM7 7v1H4V7h3ZM9 7H7V6h2v1ZM12 7H9v1h3V7ZM12 6H9V5h5v1h-1v1h-1V6Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v1H4zM9 6h3v1H9zM12 5h2v1h-2zM2 5h2v1H2zM7 6h2v1H7z"/>`,
-    dark07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H9v1H7V4H4v1H2v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5h-2V4Zm0 1v3H9V5h3ZM7 8H4V5h3v3Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M9 5h3v3H9zM4 5h3v3H4zM2 5h1v1H2zM13 5h1v1h-1z"/>`,
-    dark06: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H2Zm10 3H9V6h3v2ZM7 8H4V6h3v2Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M9 6h3v2H9zM4 6h3v2H4zM7 5h2v1H7zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
-    dark05: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H9v1H7V5H2Zm5 1v2H4V6h3Zm2 0v2h3V6H9Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v2H4zM9 6h3v2H9zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
-    dark04: (components, colors) => `<path fill="none" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(colors.glasses.value)}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
-    dark03: (components, colors) => `<path fill="${escape.xml(colors.glasses.value)}" d="M2 5h12v1H2zM3 7h10v1H3zM3 6h1v1H3zM12 6h1v1h-1z"/><path fill="none" d="M4 6h8v1H4zM2 5h1v1H2zM13 5h1v1h-1z"/><path fill="none" d="M7 6h2v1H7z"/>`,
-    dark02: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2v1h1v2h4V7h2v1h4V6h1V5Zm-2 1H9v1h3V6ZM7 7H4V6h3v1Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v1H4zM2 5h1v1H2zM7 5h2v1H7zM13 5h1v1h-1zM9 6h3v1H9z"/>`,
-    dark01: (components, colors) => `<path d="M2 5h5v1H4v1H3V6H2V5ZM7 7v1H4V7h3ZM9 7H7V6h2v1ZM12 7H9v1h3V7ZM12 6H9V5h5v1h-1v1h-1V6Z" fill="${escape.xml(colors.glasses.value)}"/><path fill="none" d="M4 6h3v1H4zM9 6h3v1H9zM12 5h2v1h-2zM2 5h2v1H2zM7 6h2v1H7z"/>`,
+    light07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H9v1H7V4H4v1H2v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5h-2V4Zm0 1v3H9V5h3ZM7 8H4V5h3v3Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#fff" fill-opacity=".3" d="M9 5h3v3H9zM4 5h3v3H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM13 5h1v1h-1z"/>`,
+    light06: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H2Zm10 3H9V6h3v2ZM7 8H4V6h3v2Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#fff" fill-opacity=".3" d="M9 6h3v2H9zM4 6h3v2H4z"/><path fill="#fff" fill-opacity=".2" d="M7 5h2v1H7zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
+    light05: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H9v1H7V5H2Zm5 1v2H4V6h3Zm2 0v2h3V6H9Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#fff" fill-opacity=".3" d="M4 6h3v2H4zM9 6h3v2H9z"/><path fill="#fff" fill-opacity=".2" d="M2 5h2v1H2zM12 5h2v1h-2z"/>`,
+    light04: (components, colors) => `<path fill="#fff" fill-opacity=".3" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(`#${colors.glasses}`)}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
+    light03: (components, colors) => `<path fill="${escape.xml(`#${colors.glasses}`)}" d="M2 5h12v1H2zM3 7h10v1H3zM3 6h1v1H3zM12 6h1v1h-1z"/><path fill="#fff" fill-opacity=".3" d="M4 6h8v1H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM13 5h1v1h-1z"/><path fill="#000" fill-opacity=".3" d="M7 6h2v1H7z"/>`,
+    light02: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2v1h1v2h4V7h2v1h4V6h1V5Zm-2 1H9v1h3V6ZM7 7H4V6h3v1Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#fff" fill-opacity=".3" d="M4 6h3v1H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM7 5h2v1H7zM13 5h1v1h-1z"/><path fill="#fff" fill-opacity=".3" d="M9 6h3v1H9z"/>`,
+    light01: (components, colors) => `<path d="M2 5h5v1H4v1H3V6H2V5ZM7 7v1H4V7h3ZM9 7H7V6h2v1ZM12 7H9v1h3V7ZM12 6H9V5h5v1h-1v1h-1V6Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#fff" fill-opacity=".3" d="M4 6h3v1H4zM9 6h3v1H9z"/><path fill="#fff" fill-opacity=".2" d="M12 5h2v1h-2zM2 5h2v1H2zM7 6h2v1H7z"/>`,
+    dark07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H9v1H7V4H4v1H2v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5h-2V4Zm0 1v3H9V5h3ZM7 8H4V5h3v3Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#000" fill-opacity=".3" d="M9 5h3v3H9zM4 5h3v3H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM13 5h1v1h-1z"/>`,
+    dark06: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H2Zm10 3H9V6h3v2ZM7 8H4V6h3v2Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#000" fill-opacity=".3" d="M9 6h3v2H9zM4 6h3v2H4z"/><path fill="#fff" fill-opacity=".2" d="M7 5h2v1H7zM2 5h2v1H2zM12 5h2v1h-2z"/>`,
+    dark05: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5H9v1H7V5H2Zm5 1v2H4V6h3Zm2 0v2h3V6H9Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#000" fill-opacity=".3" d="M4 6h3v2H4zM9 6h3v2H9z"/><path fill="#fff" fill-opacity=".2" d="M2 5h2v1H2zM12 5h2v1h-2z"/>`,
+    dark04: (components, colors) => `<path fill="#000" fill-opacity=".3" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${escape.xml(`#${colors.glasses}`)}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
+    dark03: (components, colors) => `<path fill="${escape.xml(`#${colors.glasses}`)}" d="M2 5h12v1H2zM3 7h10v1H3zM3 6h1v1H3zM12 6h1v1h-1z"/><path fill="#000" fill-opacity=".3" d="M4 6h8v1H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM13 5h1v1h-1z"/><path fill="#000" fill-opacity=".3" d="M7 6h2v1H7z"/>`,
+    dark02: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H2v1h1v2h4V7h2v1h4V6h1V5Zm-2 1H9v1h3V6ZM7 7H4V6h3v1Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#000" fill-opacity=".3" d="M4 6h3v1H4z"/><path fill="#fff" fill-opacity=".2" d="M2 5h1v1H2zM7 5h2v1H7zM13 5h1v1h-1z"/><path fill="#000" fill-opacity=".3" d="M9 6h3v1H9z"/>`,
+    dark01: (components, colors) => `<path d="M2 5h5v1H4v1H3V6H2V5ZM7 7v1H4V7h3ZM9 7H7V6h2v1ZM12 7H9v1h3V7ZM12 6H9V5h5v1h-1v1h-1V6Z" fill="${escape.xml(`#${colors.glasses}`)}"/><path fill="#000" fill-opacity=".3" d="M4 6h3v1H4zM9 6h3v1H9z"/><path fill="#fff" fill-opacity=".2" d="M12 5h2v1h-2zM2 5h2v1H2zM7 6h2v1H7z"/>`,
 };

lib/components/mouth.js

 import { escape } from '@dicebear/core';
 export const mouth = {
-    sad10: (components, colors) => `<path d="M7 9v1h1v1h1V9H7Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad09: (components, colors) => `<path d="M6 10v1h1v-1h3V9H7v1H6Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad08: (components, colors) => `<path d="M6 9v1h3v1h1v-1H9V9H6Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad07: (components, colors) => `<path d="M7 9h2v1H7V9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad06: (components, colors) => `<path d="M6 9h4v1H6V9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad05: (components, colors) => `<path d="M7 9h3v1H7V9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad04: (components, colors) => `<path d="M6 9h3v1H6V9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad03: (components, colors) => `<path d="M9 9v1H7v1H6v-1h1V9h2Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad02: (components, colors) => `<path d="M7 9v1h2v1h1v-1H9V9H7Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    sad01: (components, colors) => `<path d="M7 9h2v1H7V9ZM7 10v1H6v-1h1ZM9 10v1h1v-1H9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy13: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${escape.xml(colors.mouth.value)}"/><path d="M7 10v1h2v-1H7Z" fill="none"/>`,
-    happy12: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${escape.xml(colors.mouth.value)}"/><path d="M7 10v1h2v-1H7Z" fill="#fff"/>`,
-    happy11: (components, colors) => `<path d="M6 9v1h1v1h2v-1H7V9H6Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy10: (components, colors) => `<path d="M10 9v1H9v1H7v-1h2V9h1Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy09: (components, colors) => `<path d="M7 11h2v-1H7v1ZM7 10V9H6v1h1ZM9 10V9h1v1H9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy08: (components, colors) => `<path d="M6 11v-1h3V9h1v1H9v1H6Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy07: (components, colors) => `<path d="M10 11v-1H7V9H6v1h1v1h3Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy06: (components, colors) => `<path d="M6 9v1h1v1h2v-1h1V9H6Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy05: (components, colors) => `<path d="M7 9v2h2v-1H8V9H7Z" fill="${escape.xml(colors.mouth.value)}"/><path d="M9 11v-1H8V9H7v1h1v1h1Z" fill="none"/>`,
-    happy04: (components, colors) => `<path d="M9 9v1H8v1h2V9H9Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy03: (components, colors) => `<path d="M7 9v1h1v1H6V9h1Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy02: (components, colors) => `<path d="M8 10v1h1v-1H8Z" fill="${escape.xml(colors.mouth.value)}"/>`,
-    happy01: (components, colors) => `<path d="M7 9v2h2V9H7Z" fill="${escape.xml(colors.mouth.value)}"/>`,
+    sad10: (components, colors) => `<path d="M7 9v1h1v1h1V9H7Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad09: (components, colors) => `<path d="M6 10v1h1v-1h3V9H7v1H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad08: (components, colors) => `<path d="M6 9v1h3v1h1v-1H9V9H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad07: (components, colors) => `<path d="M7 9h2v1H7V9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad06: (components, colors) => `<path d="M6 9h4v1H6V9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad05: (components, colors) => `<path d="M7 9h3v1H7V9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad04: (components, colors) => `<path d="M6 9h3v1H6V9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad03: (components, colors) => `<path d="M9 9v1H7v1H6v-1h1V9h2Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad02: (components, colors) => `<path d="M7 9v1h2v1h1v-1H9V9H7Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    sad01: (components, colors) => `<path d="M7 9h2v1H7V9ZM7 10v1H6v-1h1ZM9 10v1h1v-1H9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy13: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/><path d="M7 10v1h2v-1H7Z" fill="#fff" fill-opacity=".2"/>`,
+    happy12: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/><path d="M7 10v1h2v-1H7Z" fill="#fff"/>`,
+    happy11: (components, colors) => `<path d="M6 9v1h1v1h2v-1H7V9H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy10: (components, colors) => `<path d="M10 9v1H9v1H7v-1h2V9h1Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy09: (components, colors) => `<path d="M7 11h2v-1H7v1ZM7 10V9H6v1h1ZM9 10V9h1v1H9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy08: (components, colors) => `<path d="M6 11v-1h3V9h1v1H9v1H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy07: (components, colors) => `<path d="M10 11v-1H7V9H6v1h1v1h3Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy06: (components, colors) => `<path d="M6 9v1h1v1h2v-1h1V9H6Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy05: (components, colors) => `<path d="M7 9v2h2v-1H8V9H7Z" fill="${escape.xml(`#${colors.mouth}`)}"/><path d="M9 11v-1H8V9H7v1h1v1h1Z" fill="#fff" fill-opacity=".2"/>`,
+    happy04: (components, colors) => `<path d="M9 9v1H8v1h2V9H9Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy03: (components, colors) => `<path d="M7 9v1h1v1H6V9h1Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy02: (components, colors) => `<path d="M8 10v1h1v-1H8Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
+    happy01: (components, colors) => `<path d="M7 9v2h2V9H7Z" fill="${escape.xml(`#${colors.mouth}`)}"/>`,
 };

lib/core.js

@@ -11,2 +11,3 @@ import { schema } from './schema.js';
         source: 'https://dicebear.com',
+        homepage: 'https://dicebear.com',
         license: {
@@ -24,3 +25,2 @@ name: 'CC0 1.0',
         onPostCreate({ prng, options, components, colors });
-        options.backgroundColor = [colors.background.value];
         return {
@@ -27,0 +27,0 @@ attributes: {

lib/index.d.ts

@@ -1,13 +0,3 @@
-/*!
- * Pixel Art Neutral (@dicebear/pixel-art-neutral)
- *
- * Code licensed under MIT License.
- * Copyright (c) 2022 Florian Körner
- *
- * Design "Pixel Art neutral" by Florian Körner licensed under CC0 1.0.
- * Source: https://dicebear.com
- * License: https://creativecommons.org/licenses/zero/1.0/
- */
 declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
 export { create, meta, schema };
 export type { Options } from './types.js';

lib/index.js

@@ -9,6 +9,6 @@ /*!
  * Source: https://dicebear.com
+ * Homepage: https://dicebear.com
  * License: https://creativecommons.org/licenses/zero/1.0/
- */
-import { style } from './core.js';
+ */ import { style } from './core.js';
 const { create, meta, schema } = style;
 export { create, meta, schema };

lib/schema.js

@@ -9,24 +9,14 @@ export const schema = {
                 type: 'string',
-                pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
+                pattern: '^#([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$',
             },
             default: [
-                'variant01',
-                'variant02',
-                'variant03',
-                'variant04',
-                'variant05',
-                'variant06',
-                'variant07',
-                'variant08',
+                'ffdbac',
+                'f5cfa0',
+                'eac393',
+                'e0b687',
+                'cb9e6e',
+                'b68655',
+                'a26d3d',
+                '8d5524',
             ],
-            examples: [
-                ['variant01'],
-                ['variant02'],
-                ['variant03'],
-                ['variant04'],
-                ['variant05'],
-                ['variant06'],
-                ['variant07'],
-                ['variant08'],
-            ],
         },
@@ -85,20 +75,5 @@ eyes: {
                 type: 'string',
-                pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
+                pattern: '^#([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$',
             },
-            default: [
-                'variant01',
-                'variant02',
-                'variant03',
-                'variant04',
-                'variant05',
-                'variant06',
-            ],
-            examples: [
-                ['variant01'],
-                ['variant02'],
-                ['variant03'],
-                ['variant04'],
-                ['variant05'],
-                ['variant06'],
-            ],
+            default: ['76778b', '697b94', '647b90', '5b7c8b', '588387', '876658'],
         },
@@ -163,13 +138,5 @@ glasses: {
                 type: 'string',
-                pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
+                pattern: '^#([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$',
             },
-            default: ['black01', 'black02', 'black03', 'blue01', 'green01', 'red01'],
-            examples: [
-                ['black01'],
-                ['black02'],
-                ['black03'],
-                ['blue01'],
-                ['green01'],
-                ['red01'],
-            ],
+            default: ['4b4b4b', '323232', '191919', '43677d', '5f705c', 'a04b5d'],
         },
@@ -181,2 +148,3 @@ glassesProbability: {
             default: 10,
+            examples: [0, 100],
         },
@@ -268,6 +236,5 @@ mouth: {
                 type: 'string',
-                pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
+                pattern: '^#([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$',
             },
-            default: ['variant01', 'variant02', 'variant03', 'variant04'],
-            examples: [['variant01'], ['variant02'], ['variant03'], ['variant04']],
+            default: ['d29985', 'c98276', 'e35d6a', 'de0f0d'],
         },
@@ -274,0 +241,0 @@ },

lib/types.d.ts

@@ -14,7 +14,3 @@ export interface Options {
 export declare type ColorGroupItem = string;
-export declare type ColorPickCollection = Record<string, ColorPick>;
-export declare type ColorPick = {
-    name: string;
-    value: ColorGroupItem;
-};
+export declare type ColorPickCollection = Record<string, string>;
 export declare type ComponentGroup = Record<string, ComponentGroupItem>;
@@ -21,0 +17,0 @@ export declare type ComponentGroupCollection = Record<string, ComponentGroup>;

lib/utils/getColors.js

@@ -1,25 +0,8 @@
-import { pickColor } from './pickColor.js';
 export function getColors({ prng, options }) {
+    var _a, _b, _c, _d, _e, _f;
     return {
-        eyes: pickColor({
-            prng,
-            group: 'eyes',
-            values: options.eyesColor,
-        }),
-        glasses: pickColor({
-            prng,
-            group: 'glasses',
-            values: options.glassesColor,
-        }),
-        mouth: pickColor({
-            prng,
-            group: 'mouth',
-            values: options.mouthColor,
-        }),
-        background: pickColor({
-            prng,
-            group: 'skin',
-            values: options.backgroundColor,
-        }),
+        eyes: (_b = prng.pick((_a = options.eyesColor) !== null && _a !== void 0 ? _a : [])) !== null && _b !== void 0 ? _b : 'transparent',
+        glasses: (_d = prng.pick((_c = options.glassesColor) !== null && _c !== void 0 ? _c : [])) !== null && _d !== void 0 ? _d : 'transparent',
+        mouth: (_f = prng.pick((_e = options.mouthColor) !== null && _e !== void 0 ? _e : [])) !== null && _f !== void 0 ? _f : 'transparent',
     };
 }

lib/utils/pickComponent.js

@@ -5,7 +5,4 @@ import * as components from '../components/index.js';
     const key = prng.pick(values);
-    if (componentCollection[group][key]) {
-        return {
-            name: key,
-            value: componentCollection[group][key],
-        };
+    if (key && componentCollection[group][key]) {
+        return { name: key, value: componentCollection[group][key] };
     }
@@ -12,0 +9,0 @@ else {

package.json

 {
   "name": "@dicebear/pixel-art-neutral",
-  "version": "5.0.0-alpha.31",
+  "version": "5.0.0-alpha.32",
   "description": "Avatar style for DiceBear",
@@ -31,3 +31,3 @@ "keywords": [
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.31",
+    "@dicebear/core": "^5.0.0-alpha.32",
     "@tsconfig/recommended": "^1.0.1",
@@ -47,3 +47,3 @@ "del-cli": "^4.0.1",
   },
-  "gitHead": "088e33eb5bc45d01c9b6350011d973a5bd23bcc8"
+  "gitHead": "5a4a06cbb8aca42a5d19da8e704b3a7b3a45d755"
 }

README.md

@@ -5,3 +5,3 @@ <h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Pixel Art Neutral</h1>
     <a href="https://dicebear.com">Pixel Art neutral</a>
-      by Florian Körner
+      by <a href="https://dicebear.com">Florian Körner</a>
 </p>
@@ -8,0 +8,0 @@

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

27658

decreased by-9.15%

Number of package files

29

decreased by-29.27%

Lines of code

495

decreased by-20.67%

No dependency changes