@dicebear/pixel-art - npm Package Compare versions

Comparing version 5.0.0-alpha.21 to 5.0.0-alpha.24

lib/colors/glasses.js

 export const glasses = {
-    green01: 'rgba(95, 112, 92, 1)',
-    blue01: 'rgba(67, 103, 125, 1)',
-    red01: 'rgba(160, 75, 93, 1)',
     black01: 'rgba(75, 75, 75, 1)',
     black02: 'rgba(50, 50, 50, 1)',
     black03: 'rgba(25, 25, 25, 1)',
+    blue01: 'rgba(67, 103, 125, 1)',
+    green01: 'rgba(95, 112, 92, 1)',
+    red01: 'rgba(160, 75, 93, 1)',
 };

lib/colors/hair.js

 export const hair = {
     variant01: 'rgba(202, 177, 136, 1)',
-    variant02: 'rgba(167, 137, 97, 1)',
+    variant02: 'rgba(96, 58, 20, 1)',
     variant03: 'rgba(131, 98, 59, 1)',
-    variant04: 'rgba(96, 58, 20, 1)',
-    variant05: 'rgba(96, 48, 21, 1)',
-    variant06: 'rgba(97, 38, 22, 1)',
-    variant07: 'rgba(97, 28, 23, 1)',
-    variant08: 'rgba(78, 26, 19, 1)',
-    variant09: 'rgba(59, 23, 14, 1)',
-    variant10: 'rgba(40, 21, 10, 1)',
+    variant04: 'rgba(167, 137, 97, 1)',
+    variant05: 'rgba(97, 28, 23, 1)',
+    variant06: 'rgba(96, 48, 21, 1)',
+    variant07: 'rgba(97, 38, 22, 1)',
+    variant08: 'rgba(40, 21, 10, 1)',
+    variant09: 'rgba(0, 155, 189, 1)',
+    variant10: 'rgba(189, 23, 0, 1)',
+    variant11: 'rgba(145, 203, 21, 1)',
 };

lib/colors/index.d.ts

@@ -1,7 +0,7 @@
-export { skin } from './skin.js';
+export { accessories } from './accessories.js';
+export { clothing } from './clothing.js';
+export { eyes } from './eyes.js';
+export { glasses } from './glasses.js';
 export { hair } from './hair.js';
-export { accessories } from './accessories.js';
 export { mouth } from './mouth.js';
-export { clothes } from './clothes.js';
-export { hat } from './hat.js';
-export { glasses } from './glasses.js';
+export { skin } from './skin.js';

lib/colors/index.js

@@ -1,7 +0,7 @@
-export { skin } from './skin.js';
+export { accessories } from './accessories.js';
+export { clothing } from './clothing.js';
+export { eyes } from './eyes.js';
+export { glasses } from './glasses.js';
 export { hair } from './hair.js';
-export { accessories } from './accessories.js';
 export { mouth } from './mouth.js';
-export { clothes } from './clothes.js';
-export { hat } from './hat.js';
-export { glasses } from './glasses.js';
+export { skin } from './skin.js';

lib/components/accessories.js

 export const accessories = {
-    variant04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v1h1v-1H3Zm13 0v1h1v-1h-1Z" fill="${colors.accessories.value}"/>`,
-    variant03: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v2h1v-2H3Zm13 0h1v2h-1v-2Z" fill="${colors.accessories.value}"/>`,
-    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M3 10v2h1v-2H3Zm13 0h1v2h-1v-2Z" fill="${colors.accessories.value}"/><path d="M3 10v1h1v-1H3Zm13 0h1v1h-1v-1Z" fill="#fff" fill-opacity=".4"/></g>`,
-    variant01: (components, colors) => `<path d="M4 11H2v2h2v-2ZM18 11h-2v2h2v-2Z" fill="${colors.accessories.value}"/>`,
+    variant04: (components, colors) => `<path d="M2 7h1v1H2zM13 7h1v1h-1z" fill="${colors.accessories.value}"/>`,
+    variant03: (components, colors) => `<path d="M13 7h1v2h-1zM2 7h1v2H2z" fill="${colors.accessories.value}"/>`,
+    variant02: (components, colors) => `<path fill="${colors.accessories.value}" d="M13 7h1v2h-1zM2 7h1v2H2z"/><path fill="none" d="M2 7h1v1H2zM13 7h1v1h-1z"/>`,
+    variant01: (components, colors) => `<path d="M13 7h2v2h-2zM1 7h2v2H1z" fill="${colors.accessories.value}"/>`,
 };

lib/components/beard.js

 export const beard = {
-    variant04: (components, colors) => `<path opacity=".9" d="M4 10v3h1v1h1v1h8v-1h1v-1h1v-3h-2v1H6v-1H4Z" fill="${colors.hair.value}"/>`,
-    variant03: (components, colors) => `<path opacity=".9" d="M4 13h1v1h1v1h8v-1h1v-1h1v-3h-1v1h-1v1H6v-1H5v-1H4v3Z" fill="${colors.hair.value}"/>`,
-    variant02: (components, colors) => `<path opacity=".9" d="M4 11v2h1v1h1v1h8v-1h1v-1h1v-2H4Z" fill="${colors.hair.value}"/>`,
-    variant01: (components, colors) => `<path opacity=".9" d="M4 8v5h1v1h1v1h8v-1h1v-1h1V8h-1v2h-1v1h-1v1H7v-1H6v-1H5V8H4Z" fill="${colors.hair.value}"/>`,
+    variant08: (components, colors) => `<path d="M3 6h1v3h8V6h1v5h-1v1H4v-1H3V6Z" fill="${colors.hair.value}"/>`,
+    variant07: (components, colors) => `<path d="M3 9v2h1v1h8v-1h1V9H3Z" fill="${colors.hair.value}"/>`,
+    variant06: (components, colors) => `<path d="M3 9h3v1h4V9h3v2h-1v1H4v-1H3V9Z" fill="${colors.hair.value}"/>`,
+    variant05: (components, colors) => `<path d="M3 6h1v2h1v1h6V8h1V6h1v5h-1v1H4v-1H3V6Z" fill="${colors.hair.value}"/>`,
+    variant04: (components, colors) => `<path fill="${colors.hair.value}" d="M6 11h4v1H6z"/>`,
+    variant03: (components, colors) => `<path d="M3 9h2v1h6V9h2v2h-1v2h-1v1H5v-1H4v-2H3V9Z" fill="${colors.hair.value}"/>`,
+    variant02: (components, colors) => `<path d="M5 11h6v1h-1v1H9v1H7v-1H6v-1H5v-1Z" fill="${colors.hair.value}"/>`,
+    variant01: (components, colors) => `<path d="M3 8h2v1h1v1h4V9h1V8h2v3h-1v1H4v-1H3V8Z" fill="${colors.hair.value}"/>`,
 };

lib/components/clothing.js

 export const clothing = {
-    variant25: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M5 20v-2h1v-1h8v1h1v2h-2v-1h-2v1H9v-1H7v1H5Z" fill="#fff" fill-opacity=".2"/>`,
-    variant24: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M8 16H4v1H3v3h14v-3h-1v-1h-4v1h1v1h-1v1h-1v-1H9v1H8v-1H7v-1h1v-1Z" fill="#fff" fill-opacity=".2"/><path d="M9 16v1h2v-1H9Z" fill="#fff"/>`,
-    variant23: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16H4v1H3v3h6v-2H8v-1h1v-1Zm2 0h5v1h1v3h-6v-2h1v-1h-1v-1Z" fill="#fff" fill-opacity=".3"/>`,
-    variant22: (components, colors) => `<path d="M3 20v-3h1v-1h3v2h6v-2h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 16H4v1H3v3h2v-4Zm1 0h1v2h6v-2h1v4H6v-4Zm9 0h1v1h1v3h-2v-4Z" fill="#fff" fill-opacity=".2"/>`,
-    variant21: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 17v-1h3v1H4Zm9 0v-1h3v1h-3Z" fill="#fff" fill-opacity=".2"/>`,
-    variant20: (components, colors) => `<path d="M3 20v-3h1v-1h3v-1h1v1h1v1h2v-1h1v-1h1v1h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6 16H4v1H3v3h6v-2H8v-1H6v-1Zm2 0h1-1Zm3 0h1-1Zm2 0h1v1h-2v1h-1v2h6v-3h-1v-1h-3Z" fill="#fff" fill-opacity=".2"/>`,
-    variant19: (components, colors) => `<path d="M5 16H4v1H3v3h14v-3h-1v-1h-3v1H7v-1H5Z" fill="${colors.clothes.value}"/><path d="M10 20v-1h3v1h-3Z" fill="#fff" fill-opacity=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 16H4v1H3v3h1v-1h1v-3Zm1 0h1v1h6v-1h1v2H6v-2Zm9 0h1v1h1v3h-1v-1h-1v-3Z" fill="#fff" fill-opacity=".8"/>`,
-    variant18: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-1h1v1H3Zm2 0v-1h1v1H5Zm2 0v-1h1v1H7Zm2 0v-1h1v1H9Zm2 0v-1h1v1h-1Zm2 0v-1h1v1h-1Zm2 0v-1h1v1h-1Zm1-2h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1h-1v-1Zm-2 0h1v1H8v-1Zm-2 0h1v1H6v-1Zm-2 0h1v1H4v-1Zm-1-1h1v1H3v-1Zm2 0h1v1H5v-1Zm2 0h1v1H7v-1Zm2 0h1v1H9v-1Zm2 0h1v1h-1v-1Zm2 0h1v1h-1v-1Zm2 0h1v1h-1v-1ZM4 16h1v1H4v-1Zm2 0h1v1H6v-1Zm6 0h1v1h-1v-1Zm2 0h1v1h-1v-1Z" fill="#fff" fill-opacity=".2"/>`,
-    variant17: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-2h1v2H3Zm3 0v-2h2v2H6Zm4 0v-2h2v2h-2Zm4 0v-2h2v2h-2Zm2-3v1h1v-1h-1Zm-2 1v-2h-2v2h2Zm-6-1v1h2v-1H8Zm-4-1v2h2v-2H4Z" fill="#fff" fill-opacity=".2"/>`,
-    variant16: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 19h14v1H3v-1Zm0-2h14v1H3v-1Z" fill="#fff" fill-opacity=".2"/>`,
-    variant15: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
-    variant14: (components, colors) => `<path d="M3 20v-3h1v-1h4v-1h4v1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="#fff" fill-opacity=".2"/><path d="M12 20v-1h3v1h-3Z" fill="#fff" fill-opacity=".2"/>`,
-    variant13: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
-    variant12: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M4 16v4h4v-1H7v-1H6v-1H5v-1H4Zm12 0v4h-4v-1h1v-1h1v-1h1v-1h1Z" fill="${colors.clothes.value}"/>`,
-    variant11: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M5 16h1v2h1v1h1v1H5v-4Zm9 0h1v4h-3v-1h1v-1h1v-2Z" fill="${colors.clothes.value}"/>`,
-    variant10: (components, colors) => `<path d="M4 20v-2h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v2H4Z" fill="${colors.clothes.value}"/>`,
-    variant09: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M3 20v-3h1v-1h2v1h1v1h1v1h4v-1h1v-1h1v-1h2v1h1v3H3Z" fill="#fff" fill-opacity=".2"/>`,
-    variant08: (components, colors) => `<path d="M3 20v-3h1v-1h5v1h2v-1h5v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-2h1v1h3v1H3Zm14 0v-2h-1v1h-3v1h4Z" fill="#fff" fill-opacity=".4"/><path d="M7 16H4v1H3v1h1v1h3v1h6v-1h3v-1h1v-1h-1v-1h-3v1H7v-1Z" fill="#fff" fill-opacity=".2"/>`,
-    variant07: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M15 20h2v-3h-1v-1h-4v1H8v-1H4v1H3v3h2v-2h10v2Z" fill="#fff" fill-opacity=".4"/>`,
-    variant06: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h1v1h2v-1h1v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M6 16v1h1v1h1v1h4v-1h1v-1h1v-1h-2v1h-1v1H9v-1H8v-1H6Z" fill="#fff" fill-opacity=".4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 20v-1h2v1h-2Zm1-4v1h2v-1h-2Zm-8 0H4v1h2v-1Z" fill="#fff" fill-opacity=".2"/>`,
-    variant05: (components, colors) => `<path d="M3 20v-3h1v-1h3v1h1v1h1v1h2v-1h1v-1h1v-1h3v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
-    variant04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 20v-3h1v-1h2v1h1v1h1v1h1v1H3Zm14 0v-3h-1v-1h-2v1h-1v1h-1v1h-1v1h6Z" fill="${colors.clothes.value}"/>`,
-    variant03: (components, colors) => `<path d="M4 16v4h4v-1H7v-1H6v-2H4ZM16 20v-4h-2v2h-1v1h-1v1h4Z" fill="${colors.clothes.value}"/>`,
-    variant02: (components, colors) => `<path d="M3 20v-3h1v-1h3v1h1v1h1v1h2v-1h1v-1h1v-1h3v1h1v3H3Z" fill="${colors.clothes.value}"/><path d="M6 16v1h1v1h1v1h1v1h2v-1h1v-1h1v-1h1v-1h-1v1h-1v1h-1v1H9v-1H8v-1H7v-1H6Z" fill="#fff" fill-opacity=".4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 16v1h-1v1h-1v1h-1v1h-1v-1h1v-1h1v-1h1v-1h1ZM5 16v1h1v1h1v1h1v1h1v-1H8v-1H7v-1H6v-1H5Z" fill="#fff" fill-opacity=".2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 20h1v-3h1v1h1v1h1v1h1v-1H7v-1H6v-1H5v-1H4v1H3v3Zm14 0v-3h-1v-1h-1v1h-1v1h-1v1h-1v1h1v-1h1v-1h1v-1h1v3h1Z" fill="#fff" fill-opacity=".1"/>`,
-    variant01: (components, colors) => `<path d="M3 20v-3h1v-1h5v1h2v-1h5v1h1v3H3Z" fill="${colors.clothes.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 17h14v1H3v-1Zm0 2v1h14v-1H3Z" fill="#fff" fill-opacity=".2"/>`,
+    variant23: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M4 13h1v3H4zM11 13h1v3h-1z"/>`,
+    variant22: (components, colors) => `<path d="M6 13H4v3h2v-3ZM12 13h-2v3h2v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M5 13h1v3H5zM10 13h1v3h-1z"/>`,
+    variant21: (components, colors) => `<path d="M5 13H4v3h3v-1H6v-1H5v-1ZM12 13h-1v1h-1v1H9v1h3v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M4 13h1v1H4zM5 14h1v1H5zM6 15h1v1H6zM9 15h1v1H9zM10 14h1v1h-1zM11 14h1v1h-1zM11 13h1v1h-1zM10 15h1v1h-1zM5 15h1v1H5zM4 14h1v1H4z"/>`,
+    variant20: (components, colors) => `<path fill="${colors.clothing.value}" d="M4 14h8v2H4z"/><path fill="none" d="M4 14h1v2H4zM11 14h1v2h-1z"/>`,
+    variant19: (components, colors) => `<path d="M4 13h1v1h6v-1h1v3H4v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M9 15h2v1H9z"/>`,
+    variant18: (components, colors) => `<path d="M4 13h2v1h1v1h2v-1h1v-1h2v3H4v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M10 14h1v1h-1zM11 13h1v1h-1zM9 15h1v1H9zM9 14h1v1H9zM10 13h1v1h-1zM8 15h1v1H8zM6 14H5v1h1zM5 13H4v1h1zM7 15H6v1h1zM7 14H6v1h1zM6 13H5v1h1zM8 15H7v1h1z"/>`,
+    variant17: (components, colors) => `<path d="M4 13h2v1h1v1h2v-1h1v-1h2v1h1v2H3v-2h1v-1Z" fill="${colors.clothing.value}"/>`,
+    variant16: (components, colors) => `<path d="M5 13H3v1H2v2h5v-1H6v-1H5v-1ZM13 13h-2v1h-1v1H9v1h5v-2h-1v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M11 13h1v1h-1zM10 14h1v1h-1zM9 15h1v1H9zM6 15h1v1H6zM5 14h1v1H5zM4 13h1v1H4z"/>`,
+    variant15: (components, colors) => `<path d="M6 14H4v1H3v1h4v-1H6v-1ZM12 15h1v1H9v-1h1v-1h2v1Z" fill="${colors.clothing.value}"/>`,
+    variant14: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1h-1v1H6v-1H5v-1Z" fill="${colors.clothing.value}"/>`,
+    variant13: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1H5v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M2 14h1v2H2zM6 14h1v2H6zM8 14h1v2H8zM10 14h1v2h-1zM4 13h1v3H4zM12 13h1v3h-1z"/>`,
+    variant12: (components, colors) => `<path d="M7 12h2v1h4v1h1v2H2v-2h1v-1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M7 12h2v1H7z"/>`,
+    variant11: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h1v1h2v-1h1v-1Z" fill="${colors.clothing.value}"/>`,
+    variant10: (components, colors) => `<path d="M4 13h1v1h6v-1h1v1h1v2H3v-2h1v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M9 15h2v1H9z"/>`,
+    variant09: (components, colors) => `<path d="M4 13h1v2h6v-2h1v2h1v1H3v-1h1v-2Z" fill="${colors.clothing.value}"/><path fill="none" d="M4 13h1v2H4zM11 13h1v2h-1z"/>`,
+    variant08: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v2h4v-2Z" fill="${colors.clothing.value}"/>`,
+    variant07: (components, colors) => `<path d="M5 13H4v3h3v-1H6v-1H5v-1ZM12 13h-1v1h-1v1H9v1h3v-3Z" fill="${colors.clothing.value}"/>`,
+    variant06: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M3 13h1v1H3zM2 14h1v1H2zM3 15h1v1H3zM4 14h1v1H4zM5 13h1v1H5zM5 15h1v1H5zM6 14h1v1H6zM7 15h1v1H7zM8 14h1v1H8zM9 15h1v1H9zM10 14h1v1h-1zM11 15h1v1h-1zM11 13h1v1h-1zM12 14h1v1h-1zM13 15h1v1h-1z"/>`,
+    variant05: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1h-1v1H6v-1H5v-1Z" fill="${colors.clothing.value}"/>`,
+    variant04: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1H5v-1Z" fill="${colors.clothing.value}"/>`,
+    variant03: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/>`,
+    variant02: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v2h4v-2Z" fill="${colors.clothing.value}"/><path fill="none" d="M5 14h1v1H5zM4 15h1v1H4zM7 15h1v1H7zM3 13h1v1H3zM2 14h1v1H2zM12 13h1v1h-1zM11 14h1v1h-1zM10 15h1v1h-1zM13 15h1v1h-1z"/>`,
+    variant01: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M11 14h1v2h-1zM4 14h1v2H4z"/>`,
 };

lib/components/eyes.js

 export const eyes = {
-    variant13: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 9V7h3v2H5Zm7-2h3v2h-3V7Z" fill="#fff"/><path d="M7 8v1h1V8H7Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant12: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 1V8h1v1h-1Z" fill="#000"/></g>`,
-    variant11: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm5 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant10: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 7h1v1h1v1H6V7Zm6 0h1v1h1v1h-2V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm6 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant09: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant08: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#fff"/><path d="M7 8h1v1H7V8Zm5 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7v1h3V7H5Zm7 0h3v1h-3V7Z" fill="#fff"/><path d="M5 9V8h1V7h1v1h1v1H5Zm7 0V8h1V7h1v1h1v1h-3Z" fill="#000"/><path d="M5 9V8h1V7h1v1h1v1H7V8H6v1H5Zm7 0V8h1V7h1v1h1v1h-1V8h-1v1h-1Z" fill="#fff" fill-opacity=".5"/></g>`,
-    variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#000"/></g>`,
-    variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M6 8h1v1H6V8Zm7 0h1v1h-1V8Z" fill="#000"/></g>`,
-    variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M6 7h2v2H6V7Zm7 0h2v2h-2V7Z" fill="#000"/><path d="M6 7v1h1v1h1V8H7V7H6Zm7 0v1h1v1h1V8h-1V7h-1Z" fill="#fff" fill-opacity=".4"/><path d="M7 7v1h1V7H7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".7"/></g>`,
-    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path d="M5 8h2v1H5V8Zm7 0h2v1h-2V8Z" fill="#000"/><path d="M5 8h1v1H5V8Zm7 0h1v1h-1V8Z" fill="#fff" fill-opacity=".7"/></g>`,
-    variant01: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 7h1v2H5V8h1V7Zm7 0h1v2h-2V8h1V7Z" fill="#fff"/><path d="M7 7v1H6v1h2V7H7Zm7 0v1h-1v1h2V7h-1Z" fill="#000"/><path d="M7 7v1h1V7H7ZM6 8v1h1V8H6Zm8-1v1h1V7h-1Zm-1 1v1h1V8h-1Z" fill="#fff" fill-opacity=".5"/></g>`,
+    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="${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="${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="${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="${colors.eyes.value}" d="M10 6h1v1h-1zM5 6h1v1H5z"/>`,
+    variant08: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${colors.eyes.value}" d="M9 6h1v1H9zM4 6h1v1H4z"/>`,
+    variant07: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${colors.eyes.value}" d="M11 6h1v1h-1zM6 6h1v1H6z"/>`,
+    variant06: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4z"/><path fill="${colors.eyes.value}" d="M5 6h1v1H5z"/><path fill="#fff" d="M9 5h3v2H9z"/><path fill="${colors.eyes.value}" d="M10 6h1v1h-1z"/>`,
+    variant05: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path d="M11 5h-1v1H9v1h3V6h-1V5Z" fill="${colors.eyes.value}"/><path fill="none" d="M9 6h1v1H9zM10 5h1v1h-1zM11 6h1v1h-1z"/><path d="M6 5H5v1H4v1h3V6H6V5Z" fill="${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="${colors.eyes.value}" d="M5 6h1v1H5zM10 6h1v1h-1z"/>`,
+    variant03: (components, colors) => `<path d="M10 5h1v2H9V6h1V5ZM5 5h1v2H4V6h1V5Z" fill="#fff"/><path fill="${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="${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="${colors.eyes.value}" d="M12 6h-2v1h2zM7 6H5v1h2z"/><path fill="#fff" d="M12 6h-1v1h1zM7 6H6v1h1z"/>`,
 };

lib/components/glasses.js

 export const glasses = {
-    variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v3H5V7Zm7 0h3v3h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M12 10V7h3v3h-3Zm-1-4v1H9V6H4v1H3v1h1v3h5V8h2v3h5V8h1V7h-1V6h-5Zm-6 4V7h3v3H5Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M5 7v2h3V7H5ZM4 6v1H3v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7h-1V6h-5v1H9V6H4Zm8 1v2h3V7h-3Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path opacity=".2" d="M7 8h1v1H7V8Zm7 0h1v1h-1V8Z" fill="#fff"/><path d="M5 8v1h3V8H5ZM3 7v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7H3Zm9 1v1h3V8h-3Z" fill="${colors.glasses.value}"/><path d="M3 7v1h1V7H3Zm6 0v1h2V7H9Zm7 0v1h1V7h-1Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M7 7h1v1H7V7Zm7 0h1v1h-1V7Z" fill="#fff"/><path d="M12 7v2h3V7h-3ZM8 6H5v1H3v1h1v1h1v1h3V9h1V8h2v1h1v1h3V9h1V8h1V7h-2V6h-3v1H8V6ZM5 7v2h3V7H5Z" fill="${colors.glasses.value}"/><path d="M3 7h1v1H3V7Zm6 0h2v1H9V7Zm7 0h1v1h-1V7Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 8H3V7h1V6h5v1h2V6h5v1h1v1h-1v2h-5V8H9v2H4V8Zm1 0V7h3v2H5V8Zm7-1v2h3V7h-3Z" fill="${colors.glasses.value}"/><path opacity=".2" d="M5 7h3v2H5V7Zm7 0h3v2h-3V7Z" fill="#fff"/><path opacity=".2" d="M14 7h1v1h-1V7ZM7 7h1v1H7V7Z" fill="#fff"/><path d="M3 8V7h1v1H3Zm6-1v1h2V7H9Zm7 0v1h1V7h-1Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 8H3V7h14v1h-1v2h-5V8H9v2H4V8Zm1 0h3v1H5V8Zm7 0h3v1h-3V8Z" fill="${colors.glasses.value}"/><path opacity=".2" d="M7 8v1h1V8H7Zm7 0v1h1V8h-1Z" fill="#fff"/><path opacity=".2" d="M5 8h3v1H5V8Zm7 0h3v1h-3V8Z" fill="#fff"/><path d="M3 7v1h1V7H3Zm13 0v1h1V7h-1ZM9 7v1h2V7H9Z" fill="#fff" fill-opacity=".2"/></g>`,
-    variant01: (components, colors) => `<path d="M3 8V7h1V6h2v1h1V6h2v1h2V6h2v1h1V6h2v1h1v1h-1v1h-1v1h-1v1h-1v-1h-1V9h-1V8H9v1H8v1H7v1H6v-1H5V9H4V8H3Z" fill="${colors.glasses.value}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3 7v1h1V7h1V6H4v1H3Zm5-1v1h1v1h2V7h1V6h-1v1H9V6H8Zm7 0v1h1v1h1V7h-1V6h-1Z" fill="#fff" fill-opacity=".2"/>`,
+    light07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4H9v1H7V4H4v1H2v1h1v2h1v1h3V8h2v1h3V8h1V6h1V5h-2V4Zm0 1v3H9V5h3ZM7 8H4V5h3v3Z" fill="${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="${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="${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="${colors.glasses.value}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
+    light03: (components, colors) => `<path fill="${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="${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="${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="${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="${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="${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="${colors.glasses.value}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
+    dark03: (components, colors) => `<path fill="${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="${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="${colors.glasses.value}"/><path fill="none" d="M4 6h3v1H4zM9 6h3v1H9zM12 5h2v1h-2zM2 5h2v1H2zM7 6h2v1H7z"/>`,
 };

lib/components/hair.js

 export const hair = {
-    short11: (components, colors) => `<path d="M4 4v2h1V5h1V4h8v1h1v1h1V4h-1V3H5v1H4Z" fill="${colors.hair.value}"/>`,
-    short10: (components, colors) => `<path d="M6 2h8v1h1v1h1v3h-1V6h-1V5h-1V4H9v1H7v1H6v1H4V4h1V3h1V2Z" fill="${colors.hair.value}"/>`,
-    short09: (components, colors) => `<path d="M4 7h1V5h1V4h2v1h1v1h2V5h1V4h2v1h1v2h1V5h-1V4h-1V3H6v1H5v1H4v2Z" fill="${colors.hair.value}"/>`,
-    short08: (components, colors) => `<path d="M3 8h1V5h12v3h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
-    short07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v1h2V5h1V3H4v1H3v1H2Zm6-1h2v1h2V4h1V3H8v1Zm6 1h1v2h2V6h1V5h-1V4h-1V3h-2v2Z" fill="${colors.hair.value}"/>`,
-    short06: (components, colors) => `<path d="M3 8h1V5h2V3h8v1h1v1h1v3h1V3h-2V2h-2V1h-1v1h-2V1H9v1H8V1H7v1H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
-    short05: (components, colors) => `<path d="M11 5V4h1V3H8v1h1v1h2Z" fill="${colors.hair.value}"/>`,
-    short04: (components, colors) => `<path d="M3 8h1V6h2V5h2V4h1v1h2v1h2v1h2v1h2V5h-1V4h-1V3H5v1H4v1H3v3Z" fill="${colors.hair.value}"/>`,
-    short03: (components, colors) => `<path d="M5 5h10V4h-1V3H6v1H5v1Z" fill="${colors.hair.value}"/>`,
-    short02: (components, colors) => `<path d="M3 5H2v3h2V5h1V4h1v1h2V4h4V3h1v1h1v1h1v1h1v2h1V7h1V5h-1V4h-1V3h-1V2h-1V1h-1v1h-2V1h-1v1H7V1H5v1H4v1H3v2Z" fill="${colors.hair.value}"/>`,
-    long15: (components, colors) => `<path d="M1 7h1v5h1v1h1V7h1V6h1V4h1V3h6v1h1v1h1v1h1v7h1v-2h1V7h-1V6h1V4h-1v1h-1V3h1V2h-1v1h-1V2h-1V1h-1V0h-1v1H6V0H5v1H4V0H3v1h1v2H3V2H2v1h1v1H2v2H1v1Z" fill="${colors.hair.value}"/>`,
-    short01: (components, colors) => `<path d="M6 3v1H5v1H4v3h2V7h1V6h4V5h1V4h1v1h-1v1h1v1h1v1h2V5h-1V4h-1V3H6Z" fill="${colors.hair.value}"/>`,
-    long14: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v6h1v-1h4v-1H6v-1H5v-1H4v-2H3Zm0-3h2V5h10v3h2V4h-1V3H4v1H3v4Zm13 3h1v6h-1v-1h-4v-1h2v-1h1v-1h1v-2Z" fill="${colors.hair.value}"/>`,
-    long13: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v5h2v-3H4v-2H3Zm0-3h2V5h10v3h2V4h-1V3H4v1H3v4Zm13 3h1v5h-2v-3h1v-2Z" fill="${colors.hair.value}"/>`,
-    long12: (components, colors) => `<path d="M4 13h1v1H3V4h1V3h1V2h10v1h1v1h1v10h-2v-1h1V5H4v8Z" fill="${colors.hair.value}"/>`,
-    long11: (components, colors) => `<path d="M2 18h2v-1h4v-2H6v-1H5v-1H4V5h1V4h1v1h1V4h1v1h1V4h6v1h1v8h-1v1h-1v1h-2v2h4v1h2V4h-1V3h-1V2H4v1H3v1H2v14Z" fill="${colors.hair.value}"/>`,
-    long10: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 14.1V11h1v2h1v1l-2 .1ZM17 11v3h-2v-1h1v-2h1ZM3 8h1V5h1V4h1V3h8v1h1v1h1v3h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
-    long09: (components, colors) => `<path d="M2 15h2V5h12v10h2V4h-1V3h-1V2H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
-    long08: (components, colors) => `<path d="M2 14h2V7h1V6h1V5h1V4h1V3h6v1h1v1h1v9h2V3h-1V2h-1V1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
-    long07: (components, colors) => `<path d="M4 5v3h1V5h2v1h1V5h1v1h1V5h5v3h1V5h1V3h-1V2h-2v1H6V2H4v1H3v2h1Z" fill="${colors.hair.value}"/>`,
-    long06: (components, colors) => `<path d="M3 11h1V9h1V8h1V7h1V6h1V5h5v1h3V5h-1V4h-1V3H5v1H4v1H3v6Z" fill="${colors.hair.value}"/>`,
-    long05: (components, colors) => `<path d="M2 17h2v-1h4v-1H6v-1H5v-1H4v-2H3V8h1V5h1V4h6V3h1v1h1V3h1v1h1v1h1v3h1v3h-1v2h-1v1h-1v1h-2v1h4v1h2V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v13Z" fill="${colors.hair.value}"/>`,
-    long04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 14h2v-1H4v-2H3v3Zm12 0h2v-3h-1v2h-1v1Zm2-6V3h-1V2H4v1H3v5h1V5h1V4h1V3h8v1h1v1h1v3h1Z" fill="${colors.hair.value}"/>`,
-    long03: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 13v1H2v2H1v1h1v-1h1v-1h1v-1h1v-1H4v-2H3v2Zm0-5h1V7h1V6h1V5h8v1h1v1h1v1h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
-    long02: (components, colors) => `<path d="M2 15h4v-1H5v-1H4V6h2V5h2V4h1V3h4v1h1v1h1v1h1v7h-1v1h-1v1h4V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
-    long01: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 11v3H2v2H1v1h1v-1h1v-1h1v-1h1v-1H4v-2H3Zm14 0v3h1v2h1v1h-1v-1h-1v-1h-1v-1h-1v-1h1v-2h1Zm-1-3h1V4h-1V3h-1V2H5v1H4v1H3v4h1V7h1V6h1V5h8v1h1v1h1v1Z" fill="${colors.hair.value}"/>`,
+    short24: (components, colors) => `<path d="M11 2H5v1h1v1h4V3h1V2ZM3 3h1v2H3V3ZM13 3h-1v2h1V3Z" fill="${colors.hair.value}"/>`,
+    short23: (components, colors) => `<path fill="${colors.hair.value}" d="M6 2h4v1H6z"/>`,
+    short22: (components, colors) => `<path d="M4 2h8v1h1v2h-2V4H5v1H3V3h1V2Z" fill="${colors.hair.value}"/>`,
+    short21: (components, colors) => `<path fill="${colors.hair.value}" d="M7 1h2v2H7z"/>`,
+    short20: (components, colors) => `<path d="M6 2h4v1H6zM7 3h2v1H7z" fill="${colors.hair.value}"/>`,
+    short19: (components, colors) => `<g fill="${colors.hair.value}"><path d="M4 2h8v1H4zM3 3h3v1H3zM10 3h3v1h-3zM8 3h1v1H8z"/><path d="M8 3h1v1H8z"/></g>`,
+    short18: (components, colors) => `<g fill="${colors.hair.value}"><path d="M2 3h2v3H2zM12 3h2v3h-2z"/><path d="M12 3h2v3h-2z"/></g>`,
+    short17: (components, colors) => `<g fill="${colors.hair.value}"><path d="M12 3h2v3h-2zM2 3h2v3H2z"/><path d="M3 2h10v2H3z"/><path d="M4 1h8v2H4z"/></g>`,
+    short16: (components, colors) => `<g fill="${colors.hair.value}"><path d="M3 2h10v2H3z"/><path d="M4 1h8v2H4z"/></g>`,
+    short15: (components, colors) => `<path d="M3 3h10v1H3zM4 2h8v1H4zM2 4h2v2H2zM12 4h2v2h-2z" fill="${colors.hair.value}"/>`,
+    short14: (components, colors) => `<path d="M3 4h1v3H3zM12 4h1v3h-1zM3 2h10v2H3z" fill="${colors.hair.value}"/>`,
+    short13: (components, colors) => `<g fill="${colors.hair.value}"><path d="M3 2h10v2H3zM2 2h1v1H2zM2 1h1v1H2z"/><path d="M2 2h1v1H2zM13 0h1v1h-1zM2 4h1v1H2zM5 0h1v1H5zM4 1h1v1H4zM6 1h1v1H6zM9 1h1v1H9zM8 0h1v1H8zM12 1h1v1h-1zM13 2h1v1h-1z"/><path d="M12 1h1v1h-1zM14 3h1v1h-1zM13 4h1v1h-1zM1 3h1v1H1z"/></g>`,
+    short12: (components, colors) => `<path d="M4 2h1v3H4zM6 2h1v2H6zM8 2h1v2H8zM10 2h1v2h-1z" fill="${colors.hair.value}"/>`,
+    short11: (components, colors) => `<g fill="${colors.hair.value}"><path d="M4 2h8v1H4zM3 1h1v1H3zM2 2h1v1H2zM2 3h1v1H2zM2 4h1v1H2zM2 5h1v1H2zM1 3h1v1H1zM1 1h1v1H1zM1 5h1v1H1zM1 6h1v1H1zM0 7h1v1H0zM1 8h1v1H1zM5 1h1v1H5zM6 0h1v1H6zM4 0h1v1H4zM6 1h1v1H6zM7 1h1v1H7zM8 0h1v1H8zM9 1h1v1H9zM9 0h1v1H9zM11 0h1v1h-1zM10 1h1v1h-1zM12 1h1v1h-1zM13 2h1v1h-1zM13 3h1v1h-1zM13 4h1v1h-1zM13 5h1v1h-1zM14 6h1v1h-1zM15 4h1v1h-1z"/><path d="M15 4h1v1h-1zM14 3h1v1h-1zM14 8h1v1h-1zM15 6h1v1h-1zM15 7h1v1h-1zM13 2h1v1h-1zM2 2h1v1H2zM3 1h1v1H3z"/></g>`,
+    short10: (components, colors) => `<path d="M3 2h10v1H3zM3 3h2v1H3zM7 1h5v1H7zM13 3h-1v1h1z" fill="${colors.hair.value}"/>`,
+    short09: (components, colors) => `<path d="M7 1h5v1H7zM4 2h7v1H4zM3 3h5v1H3z" fill="${colors.hair.value}"/>`,
+    short08: (components, colors) => `<path d="M5 1h5v1H5zM4 2h8v1H4zM9 3h1v1H9zM11 3h2v1h-2zM3 3h2v1H3z" fill="${colors.hair.value}"/>`,
+    short07: (components, colors) => `<path d="M3 3h1v1H3zM5 2H4v1h1zM12 2h-1v1h1zM13 3h-1v1h1z" fill="${colors.hair.value}"/>`,
+    short06: (components, colors) => `<g fill="${colors.hair.value}"><path d="M4 2H3v3h1zM13 2h-1v3h1z"/><path d="M12 1H3v2h9z"/><path d="M4 2H2v2h2zM14 2h-2v2h2z"/></g>`,
+    short05: (components, colors) => `<path d="M9 1H8v3h1zM8 2H7v2h1zM10 0H9v3h1zM11 1h-1v1h1z" fill="${colors.hair.value}"/>`,
+    short04: (components, colors) => `<path d="M4 3H3v2h1zM13 3h-1v2h1zM12 2H4v1h8z" fill="${colors.hair.value}"/>`,
+    short03: (components, colors) => `<path d="M12 2H4v1h8zM13 3h-1v1h1zM6 3H3v1h3zM5 4H3v1h2z" fill="${colors.hair.value}"/>`,
+    short02: (components, colors) => `<path d="M12 2H4v1h8zM13 3h-2v1h2zM13 4h-1v1h1zM6 3H3v1h3zM5 4H3v1h2zM4 5H3v1h1z" fill="${colors.hair.value}"/>`,
+    short01: (components, colors) => `<path d="M12 2H4v1h8zM13 3H7v1h6zM13 4h-2v1h2zM13 5h-1v1h1zM6 4H3v1h3zM7 3H3v1h4zM5 5H3v1h2zM4 6H3v1h1z" fill="${colors.hair.value}"/>`,
+    long21: (components, colors) => `<path d="M13 1H3v1H2v4h1V3h10v3h1V2h-1V1ZM2 8h1v3h1v1H2V8ZM12 11h1V8h1v4h-2v-1Z" fill="${colors.hair.value}"/>`,
+    long20: (components, colors) => `<path d="M4 1h8v1h1v1h1v3h-1V4h-1V3H6v1H3v2H2V3h1V2h1V1ZM2 8h1v3h1v1h3v1H2V8ZM12 12H9v1h5V8h-1v3h-1v1Z" fill="${colors.hair.value}"/>`,
+    long19: (components, colors) => `<path d="M13 2H3v1H2v3h1V4h10v2h1V3h-1V2ZM3 8H2v1H1v2H0v1h1v-1h1v-1h1V8Z" fill="${colors.hair.value}"/>`,
+    long18: (components, colors) => `<path d="M13 2H3v1H2v3h1V4h10v2h1V3h-1V2ZM2 8h1v2H2v1H1V9h1V8ZM1 11v1H0v-1h1ZM16 11h-1V9h-1V8h-1v2h1v1h1v1h1v-1Z" fill="${colors.hair.value}"/>`,
+    long17: (components, colors) => `<path d="M5 1h7v1h1v1h1v3h-1V4h-2V3H5v1H4v1H3v1H2v2h1v3h1v1H1V4h1V3h1V2h2V1Z" fill="${colors.hair.value}"/>`,
+    long16: (components, colors) => `<path d="M3 1h8v1h2v1h1v3h-1V4h-2V3H6v1H5V3H4v1H3v2H2v2h1v2H1V3h1V2h1V1ZM14 8h-1v2h1V8Z" fill="${colors.hair.value}"/>`,
+    long15: (components, colors) => `<g fill="${colors.hair.value}"><path d="M5 0h1v1H5V0Z"/><path d="M2 3h1V1h2v1h1V1h1v1h1V1H7V0h2v2h1V1h1v1h1V1h1v1h1v1h-1v1H4v1H3v1H2V5H1V4h1V3Z"/><path d="M2 3H1V2h1v1ZM1 6H0V5h1v1ZM2 8H1V6h1v2ZM2 8h1v2H2V8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14 4h-1v2h2V5h1V4h-1V3h-1v1Zm0 0h1v1h-1V4Z"/><path d="M12 1h-1V0h1v1ZM13 8h1v2h-1V8Z"/></g>`,
+    long14: (components, colors) => `<path d="M5 1H3v1H2v2h1v1h1V4h8v1h1V4h1V2h-1V1h-2v1H5V1Z" fill="${colors.hair.value}"/>`,
+    long13: (components, colors) => `<path d="M13 1H3v1H2v1H1v11h2V4h10v10h2V3h-1V2h-1V1Z" fill="${colors.hair.value}"/>`,
+    long12: (components, colors) => `<path d="M5 4V3h7v1h1v2h1v2h-1v3h-1v1H9v1h4v1h1v3h1V3h-1V2h-1V1H3v1H2v1H1v14h1v-3h1v-1h4v-1H4v-1H3V8H2V6h1V5h1V4h1Z" fill="${colors.hair.value}"/>`,
+    long11: (components, colors) => `<path d="M6 1v1H3v2H2v2h1V5h4V4h3V3h2v1h1v2h1V2h-2V1H6ZM2 8h1v2H2V8ZM14 8h-1v2h1V8Z" fill="${colors.hair.value}"/>`,
+    long10: (components, colors) => `<path d="M4 1v1H3v1H2v1H1v6h2V8H2V6h1V4h1V3h2v1h1V3h1V2H7V1H4Z" fill="${colors.hair.value}"/>`,
+    long09: (components, colors) => `<path d="M2 1h12v1h1v11h-1v-1h-1V8h1V6h-1V3H3v3H2v2h1v4H2v1H1V2h1V1Z" fill="${colors.hair.value}"/>`,
+    long08: (components, colors) => `<path d="M2 1h12v1h1v11h-1v-1h-1V8h1V6h-1V3h-1v1h-1V3H8v1H7v1H6v1H5v1H4v1H3v4H2v1H1V2h1V1Z" fill="${colors.hair.value}"/>`,
+    long07: (components, colors) => `<path d="M3 1h10v1h1v1h1v10h-1v-1h-1V8h1V6h-1V4h-1V3H5v1H4v1H3v1H2v2h1v4H2v1H1V3h1V2h1V1Z" fill="${colors.hair.value}"/>`,
+    long06: (components, colors) => `<path d="M3 2h10v1h1v3h-1V4H3v2H2V3h1V2ZM13 8h1v1h1v2h-1v-1h-1V8ZM15 11h1v1h-1v-1Z" fill="${colors.hair.value}"/>`,
+    long05: (components, colors) => `<path d="M4 0H1v3h2v1H2v2h1V5h2V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1H6v1H4V0ZM2 8h1v1H2V8ZM14 8h-1v1h1V8Z" fill="${colors.hair.value}"/>`,
+    long04: (components, colors) => `<path d="M12 1H5v1H4v1H3v1H2v2h2V5h1V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1ZM13 8h1v4h-2v-1h1V8ZM2 8h1v3h1v1H2V8Z" fill="${colors.hair.value}"/>`,
+    long03: (components, colors) => `<path d="M4 2h8v1h1v2h1v6h1v2h-2v-1h-1V5h-1V4H5v1H4v7H3v1H1v-2h1V5h1V3h1V2Z" fill="${colors.hair.value}"/>`,
+    long02: (components, colors) => `<path d="M4 2h8v1h1v2h1v7h-1v-1h-1V5h-1V4H5v1H4v6H3v1H2V5h1V3h1V2ZM2 12v1H1v-1h1ZM14 12h1v1h-1v-1Z" fill="${colors.hair.value}"/>`,
+    long01: (components, colors) => `<path d="M12 1H5v1H4v1H3v1H2v2h2V5h1V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1ZM13 8h1v6h-1v-1H9v-1h3v-1h1V8ZM2 8h1v3h1v1h3v1H3v1H2V8Z" fill="${colors.hair.value}"/>`,
 };

lib/components/index.d.ts

@@ -0,9 +1,7 @@
+export { accessories } from './accessories.js';
+export { clothing } from './clothing.js';
+export { eyes } from './eyes.js';
+export { glasses } from './glasses.js';
 export { beard } from './beard.js';
-export { eyes } from './eyes.js';
-export { eyebrows } from './eyebrows.js';
 export { mouth } from './mouth.js';
 export { hair } from './hair.js';
-export { accessories } from './accessories.js';
-export { glasses } from './glasses.js';
-export { hat } from './hat.js';
-export { clothing } from './clothing.js';

lib/components/index.js

@@ -0,9 +1,7 @@
+export { accessories } from './accessories.js';
+export { clothing } from './clothing.js';
+export { eyes } from './eyes.js';
+export { glasses } from './glasses.js';
 export { beard } from './beard.js';
-export { eyes } from './eyes.js';
-export { eyebrows } from './eyebrows.js';
 export { mouth } from './mouth.js';
 export { hair } from './hair.js';
-export { accessories } from './accessories.js';
-export { glasses } from './glasses.js';
-export { hat } from './hat.js';
-export { clothing } from './clothing.js';

lib/components/mouth.js

 export const mouth = {
-    surprised03: (components, colors) => `<path d="M9 12v2h2v-2H9Z" fill="${colors.mouth.value}"/>`,
-    surprised02: (components, colors) => `<path d="M9 13v1h1v-1H9Z" fill="${colors.mouth.value}"/>`,
-    happy09: (components, colors) => `<path d="M7 12v1h1v1h4v-1H8v-1H7Z" fill="${colors.mouth.value}"/>`,
-    happy08: (components, colors) => `<path d="M10 12v1H9v1h2v-2h-1Z" fill="${colors.mouth.value}"/>`,
-    happy07: (components, colors) => `<path d="M8 13v1h4v-1h1v-1h-1v1H8Z" fill="${colors.mouth.value}"/>`,
-    happy06: (components, colors) => `<path d="M9 12v2h2v-1h-1v-1H9Z" fill="${colors.mouth.value}"/><path d="M11 14v-1h-1v-1H9v1h1v1h1Z" fill="#fff" fill-opacity=".2"/>`,
-    happy05: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1H8Z" fill="${colors.mouth.value}"/>`,
-    happy04: (components, colors) => `<path d="M9 13v1h2v-1h1v-1h-1v1H9Z" fill="${colors.mouth.value}"/>`,
-    happy03: (components, colors) => `<path d="M8 12v1h1v1h2v-1H9v-1H8Z" fill="${colors.mouth.value}"/>`,
-    happy02: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1h-1v-1H9v1H8Z" fill="${colors.mouth.value}"/><path d="M9 12v1h2v-1H9Z" fill="#fff"/>`,
-    happy01: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1h-1v-1H9v1H8Z" fill="${colors.mouth.value}"/><path d="M9 12v1h2v-1H9Z" fill="#fff" fill-opacity=".2"/>`,
-    sad08: (components, colors) => `<path d="M9 12v1H8v1h4v-1h-1v-1H9Z" fill="${colors.mouth.value}"/>`,
-    sad07: (components, colors) => `<path d="M11 12v1H9v1H8v-1h1v-1h2Z" fill="${colors.mouth.value}"/>`,
-    sad06: (components, colors) => `<path d="M8 12h3v1H8v-1Z" fill="${colors.mouth.value}"/>`,
-    sad05: (components, colors) => `<path d="M8 12h4v1H8v-1Z" fill="${colors.mouth.value}"/>`,
-    sad04: (components, colors) => `<path d="M9 12h2v1H9v-1Z" fill="${colors.mouth.value}"/>`,
-    sad03: (components, colors) => `<path d="M8 12v1h3v1h1v-1h-1v-1H8Z" fill="${colors.mouth.value}"/>`,
-    sad02: (components, colors) => `<path d="M8 13v1h1v-1h3v-1H9v1H8Z" fill="${colors.mouth.value}"/>`,
-    sad01: (components, colors) => `<path d="M10 12v1h1v1h1v-2h-2Z" fill="${colors.mouth.value}"/>`,
-    surprised01: (components, colors) => `<path d="M8 12v2h4v-2H8Z" fill="#fff"/>`,
+    sad10: (components, colors) => `<path d="M7 9v1h1v1h1V9H7Z" fill="${colors.mouth.value}"/>`,
+    sad09: (components, colors) => `<path d="M6 10v1h1v-1h3V9H7v1H6Z" fill="${colors.mouth.value}"/>`,
+    sad08: (components, colors) => `<path d="M6 9v1h3v1h1v-1H9V9H6Z" fill="${colors.mouth.value}"/>`,
+    sad07: (components, colors) => `<path d="M7 9h2v1H7V9Z" fill="${colors.mouth.value}"/>`,
+    sad06: (components, colors) => `<path d="M6 9h4v1H6V9Z" fill="${colors.mouth.value}"/>`,
+    sad05: (components, colors) => `<path d="M7 9h3v1H7V9Z" fill="${colors.mouth.value}"/>`,
+    sad04: (components, colors) => `<path d="M6 9h3v1H6V9Z" fill="${colors.mouth.value}"/>`,
+    sad03: (components, colors) => `<path d="M9 9v1H7v1H6v-1h1V9h2Z" fill="${colors.mouth.value}"/>`,
+    sad02: (components, colors) => `<path d="M7 9v1h2v1h1v-1H9V9H7Z" fill="${colors.mouth.value}"/>`,
+    sad01: (components, colors) => `<path d="M7 9h2v1H7V9ZM7 10v1H6v-1h1ZM9 10v1h1v-1H9Z" fill="${colors.mouth.value}"/>`,
+    happy13: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${colors.mouth.value}"/><path d="M7 10v1h2v-1H7Z" fill="none"/>`,
+    happy12: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${colors.mouth.value}"/><path d="M7 10v1h2v-1H7Z" fill="#fff"/>`,
+    happy11: (components, colors) => `<path d="M6 9v1h1v1h2v-1H7V9H6Z" fill="${colors.mouth.value}"/>`,
+    happy10: (components, colors) => `<path d="M10 9v1H9v1H7v-1h2V9h1Z" fill="${colors.mouth.value}"/>`,
+    happy09: (components, colors) => `<path d="M7 11h2v-1H7v1ZM7 10V9H6v1h1ZM9 10V9h1v1H9Z" fill="${colors.mouth.value}"/>`,
+    happy08: (components, colors) => `<path d="M6 11v-1h3V9h1v1H9v1H6Z" fill="${colors.mouth.value}"/>`,
+    happy07: (components, colors) => `<path d="M10 11v-1H7V9H6v1h1v1h3Z" fill="${colors.mouth.value}"/>`,
+    happy06: (components, colors) => `<path d="M6 9v1h1v1h2v-1h1V9H6Z" fill="${colors.mouth.value}"/>`,
+    happy05: (components, colors) => `<path d="M7 9v2h2v-1H8V9H7Z" fill="${colors.mouth.value}"/><path d="M9 11v-1H8V9H7v1h1v1h1Z" fill="none"/>`,
+    happy04: (components, colors) => `<path d="M9 9v1H8v1h2V9H9Z" fill="${colors.mouth.value}"/>`,
+    happy03: (components, colors) => `<path d="M7 9v1h1v1H6V9h1Z" fill="${colors.mouth.value}"/>`,
+    happy02: (components, colors) => `<path d="M8 10v1h1v-1H8Z" fill="${colors.mouth.value}"/>`,
+    happy01: (components, colors) => `<path d="M7 9v2h2V9H7Z" fill="${colors.mouth.value}"/>`,
 };

lib/core.js

@@ -9,6 +9,7 @@ import { schema } from './schema.js';
         title: 'Pixel Art',
-        creator: 'Plastic Jam',
+        creator: 'Florian Körner',
+        source: 'https://dicebear.com',
         license: {
-            name: 'MIT',
-            url: 'https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE',
+            name: 'CC0 1.0',
+            url: 'https://creativecommons.org/licenses/zero/1.0/',
         },
@@ -18,3 +19,3 @@ },
     create: ({ prng, options }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         onPreCreate({ prng, options });
@@ -26,9 +27,9 @@ const components = getComponents({ prng, options });
             attributes: {
-                viewBox: '0 0 20 20',
+                viewBox: '0 0 16 16',
                 fill: 'none',
-                'shape-rendering': 'auto',
+                'shape-rendering': 'crispEdges',
             },
-            body: `<path d="M6 4V3h8v1h1v1h1v3h1v3h-1v2h-1v1h-1v1h-2v1h4v1h1v3H3v-3h1v-1h4v-1H6v-1H5v-1H4v-2H3V8h1V5h1V4h1Z" fill="${colors.skin.value}"/><path d="M6 3v1H5v1H4v3H3v3h1v2h1v1h1v1h8v-1h1v-1h1v-2h1V8h-1V5h-1V4h-1V3H6Z" fill="#fff" fill-opacity=".1"/>${(_b = (_a = components.beard) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}${(_d = (_c = components.eyes) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}${(_f = (_e = components.eyebrows) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}${(_h = (_g = components.mouth) === null || _g === void 0 ? void 0 : _g.value(components, colors)) !== null && _h !== void 0 ? _h : ''}${(_k = (_j = components.hair) === null || _j === void 0 ? void 0 : _j.value(components, colors)) !== null && _k !== void 0 ? _k : ''}${(_m = (_l = components.accessories) === null || _l === void 0 ? void 0 : _l.value(components, colors)) !== null && _m !== void 0 ? _m : ''}${(_p = (_o = components.glasses) === null || _o === void 0 ? void 0 : _o.value(components, colors)) !== null && _p !== void 0 ? _p : ''}${(_r = (_q = components.hat) === null || _q === void 0 ? void 0 : _q.value(components, colors)) !== null && _r !== void 0 ? _r : ''}${(_t = (_s = components.clothing) === null || _s === void 0 ? void 0 : _s.value(components, colors)) !== null && _t !== void 0 ? _t : ''}`,
+            body: `<path d="M4 2h8v1h1v3h1v2h-1v3h-1v1H9v1h4v1h1v2H2v-2h1v-1h4v-1H4v-1H3V8H2V6h1V3h1V2Z" fill="${colors.skin.value}"/><path d="M4 2h8v1h1v3h1v2h-1v3h-1v1H4v-1H3V8H2V6h1V3h1V2Z" fill="none"/>${(_b = (_a = components.accessories) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}${(_d = (_c = components.clothing) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}${(_f = (_e = components.eyes) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}${(_h = (_g = components.glasses) === null || _g === void 0 ? void 0 : _g.value(components, colors)) !== null && _h !== void 0 ? _h : ''}${(_k = (_j = components.beard) === null || _j === void 0 ? void 0 : _j.value(components, colors)) !== null && _k !== void 0 ? _k : ''}${(_m = (_l = components.mouth) === null || _l === void 0 ? void 0 : _l.value(components, colors)) !== null && _m !== void 0 ? _m : ''}${(_p = (_o = components.hair) === null || _o === void 0 ? void 0 : _o.value(components, colors)) !== null && _p !== void 0 ? _p : ''}`,
         };
     },
 };

lib/index.d.ts

@@ -6,6 +6,6 @@ /*!
  * Copyright (c) 2022 Florian Körner
- * Copyright (c) 2022 Plastic Jam
  *
- * Design "Pixel Art" by Plastic Jam licensed under MIT.
- * License: https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE
+ * Design "Pixel Art" by Florian Körner licensed under CC0 1.0.
+ * Source: https://dicebear.com
+ * License: https://creativecommons.org/licenses/zero/1.0/
  */
@@ -12,0 +12,0 @@ declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;

lib/index.js

@@ -6,6 +6,6 @@ /*!
  * Copyright (c) 2022 Florian Körner
- * Copyright (c) 2022 Plastic Jam
  *
- * Design "Pixel Art" by Plastic Jam licensed under MIT.
- * License: https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE
+ * Design "Pixel Art" by Florian Körner licensed under CC0 1.0.
+ * Source: https://dicebear.com
+ * License: https://creativecommons.org/licenses/zero/1.0/
  */
@@ -12,0 +12,0 @@ import { style } from './core.js';

lib/schema.js

@@ -39,48 +39,35 @@ export const schema = {
                 type: 'string',
-                enum: ['variant04', 'variant03', 'variant02', 'variant01'],
+                enum: [
+                    'variant08',
+                    'variant07',
+                    'variant06',
+                    'variant05',
+                    'variant04',
+                    'variant03',
+                    'variant02',
+                    'variant01',
+                ],
             },
-            default: ['variant04', 'variant03', 'variant02', 'variant01'],
-            examples: [['variant04'], ['variant03'], ['variant02'], ['variant01']],
-        },
-        beardProbability: {
-            type: 'integer',
-            minimum: 0,
-            maximum: 100,
-            default: 10,
-        },
-        clothesColor: {
-            type: 'array',
-            items: {
-                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})$',
-            },
             default: [
-                'yellow01',
-                'yellow02',
-                'yellow03',
-                'red01',
-                'red02',
-                'red03',
-                'blue01',
-                'blue02',
-                'blue03',
-                'green01',
-                'green02',
-                'green03',
+                'variant08',
+                'variant07',
+                'variant06',
+                'variant05',
+                'variant04',
+                'variant03',
+                'variant02',
+                'variant01',
             ],
             examples: [
-                ['yellow01'],
-                ['yellow02'],
-                ['yellow03'],
-                ['red01'],
-                ['red02'],
-                ['red03'],
-                ['blue01'],
-                ['blue02'],
-                ['blue03'],
-                ['green01'],
-                ['green02'],
-                ['green03'],
+                ['variant08'],
+                ['variant07'],
+                ['variant06'],
+                ['variant05'],
+                ['variant04'],
+                ['variant03'],
+                ['variant02'],
+                ['variant01'],
             ],
         },
+        beardProbability: { type: 'integer', minimum: 0, maximum: 100, default: 5 },
         clothing: {
@@ -91,4 +78,2 @@ type: 'array',
                 enum: [
-                    'variant25',
-                    'variant24',
                     'variant23',
@@ -120,4 +105,2 @@ 'variant22',
             default: [
-                'variant25',
-                'variant24',
                 'variant23',
@@ -148,4 +131,2 @@ 'variant22',
             examples: [
-                ['variant25'],
-                ['variant24'],
                 ['variant23'],
@@ -176,8 +157,42 @@ ['variant22'],
         },
-        eyebrows: {
+        clothingColor: {
             type: 'array',
             items: {
                 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})$',
+            },
+            default: [
+                'blue01',
+                'blue02',
+                'blue03',
+                'green01',
+                'green02',
+                'green03',
+                'red01',
+                'red02',
+                'red03',
+                'yellow01',
+                'yellow02',
+                'yellow03',
+            ],
+            examples: [
+                ['blue01'],
+                ['blue02'],
+                ['blue03'],
+                ['green01'],
+                ['green02'],
+                ['green03'],
+                ['red01'],
+                ['red02'],
+                ['red03'],
+                ['yellow01'],
+                ['yellow02'],
+                ['yellow03'],
+            ],
+        },
+        eyes: {
+            type: 'array',
+            items: {
+                type: 'string',
                 enum: [
-                    'variant13',
                     'variant12',
@@ -198,3 +213,2 @@ 'variant11',
             default: [
-                'variant13',
                 'variant12',
@@ -214,3 +228,2 @@ 'variant11',
             examples: [
-                ['variant13'],
                 ['variant12'],
@@ -230,51 +243,23 @@ ['variant11'],
         },
-        eyes: {
+        eyesColor: {
             type: 'array',
             items: {
                 type: 'string',
-                enum: [
-                    'variant13',
-                    'variant12',
-                    'variant11',
-                    'variant10',
-                    'variant09',
-                    'variant08',
-                    'variant07',
-                    'variant06',
-                    'variant05',
-                    'variant04',
-                    'variant03',
-                    'variant02',
-                    'variant01',
-                ],
+                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})$',
             },
             default: [
-                'variant13',
-                'variant12',
-                'variant11',
-                'variant10',
-                'variant09',
-                'variant08',
-                'variant07',
+                'variant01',
+                'variant02',
+                'variant03',
+                'variant04',
+                'variant05',
                 'variant06',
-                'variant05',
-                'variant04',
-                'variant03',
-                'variant02',
-                'variant01',
             ],
             examples: [
-                ['variant13'],
-                ['variant12'],
-                ['variant11'],
-                ['variant10'],
-                ['variant09'],
-                ['variant08'],
-                ['variant07'],
+                ['variant01'],
+                ['variant02'],
+                ['variant03'],
+                ['variant04'],
+                ['variant05'],
                 ['variant06'],
-                ['variant05'],
-                ['variant04'],
-                ['variant03'],
-                ['variant02'],
-                ['variant01'],
             ],
@@ -287,28 +272,49 @@ },
                 enum: [
-                    'variant07',
-                    'variant06',
-                    'variant05',
-                    'variant04',
-                    'variant03',
-                    'variant02',
-                    'variant01',
+                    'light07',
+                    'light06',
+                    'light05',
+                    'light04',
+                    'light03',
+                    'light02',
+                    'light01',
+                    'dark07',
+                    'dark06',
+                    'dark05',
+                    'dark04',
+                    'dark03',
+                    'dark02',
+                    'dark01',
                 ],
             },
             default: [
-                'variant07',
-                'variant06',
-                'variant05',
-                'variant04',
-                'variant03',
-                'variant02',
-                'variant01',
+                'light07',
+                'light06',
+                'light05',
+                'light04',
+                'light03',
+                'light02',
+                'light01',
+                'dark07',
+                'dark06',
+                'dark05',
+                'dark04',
+                'dark03',
+                'dark02',
+                'dark01',
             ],
             examples: [
-                ['variant07'],
-                ['variant06'],
-                ['variant05'],
-                ['variant04'],
-                ['variant03'],
-                ['variant02'],
-                ['variant01'],
+                ['light07'],
+                ['light06'],
+                ['light05'],
+                ['light04'],
+                ['light03'],
+                ['light02'],
+                ['light01'],
+                ['dark07'],
+                ['dark06'],
+                ['dark05'],
+                ['dark04'],
+                ['dark03'],
+                ['dark02'],
+                ['dark01'],
             ],
@@ -322,10 +328,10 @@ },
             },
-            default: ['green01', 'blue01', 'red01', 'black01', 'black02', 'black03'],
+            default: ['black01', 'black02', 'black03', 'blue01', 'green01', 'red01'],
             examples: [
-                ['green01'],
-                ['blue01'],
-                ['red01'],
                 ['black01'],
                 ['black02'],
                 ['black03'],
+                ['blue01'],
+                ['green01'],
+                ['red01'],
             ],
@@ -344,2 +350,15 @@ },
                 enum: [
+                    'short24',
+                    'short23',
+                    'short22',
+                    'short21',
+                    'short20',
+                    'short19',
+                    'short18',
+                    'short17',
+                    'short16',
+                    'short15',
+                    'short14',
+                    'short13',
+                    'short12',
                     'short11',
@@ -355,4 +374,10 @@ 'short10',
                     'short02',
+                    'short01',
+                    'long21',
+                    'long20',
+                    'long19',
+                    'long18',
+                    'long17',
+                    'long16',
                     'long15',
-                    'short01',
                     'long14',
@@ -375,2 +400,15 @@ 'long13',
             default: [
+                'short24',
+                'short23',
+                'short22',
+                'short21',
+                'short20',
+                'short19',
+                'short18',
+                'short17',
+                'short16',
+                'short15',
+                'short14',
+                'short13',
+                'short12',
                 'short11',
@@ -386,4 +424,10 @@ 'short10',
                 'short02',
+                'short01',
+                'long21',
+                'long20',
+                'long19',
+                'long18',
+                'long17',
+                'long16',
                 'long15',
-                'short01',
                 'long14',
@@ -405,2 +449,15 @@ 'long13',
             examples: [
+                ['short24'],
+                ['short23'],
+                ['short22'],
+                ['short21'],
+                ['short20'],
+                ['short19'],
+                ['short18'],
+                ['short17'],
+                ['short16'],
+                ['short15'],
+                ['short14'],
+                ['short13'],
+                ['short12'],
                 ['short11'],
@@ -416,4 +473,10 @@ ['short10'],
                 ['short02'],
+                ['short01'],
+                ['long21'],
+                ['long20'],
+                ['long19'],
+                ['long18'],
+                ['long17'],
+                ['long16'],
                 ['long15'],
-                ['short01'],
                 ['long14'],
@@ -452,54 +515,3 @@ ['long13'],
                 'variant10',
-            ],
-            examples: [
-                ['variant01'],
-                ['variant02'],
-                ['variant03'],
-                ['variant04'],
-                ['variant05'],
-                ['variant06'],
-                ['variant07'],
-                ['variant08'],
-                ['variant09'],
-                ['variant10'],
-            ],
-        },
-        hairProbability: {
-            type: 'integer',
-            minimum: 0,
-            maximum: 100,
-            default: 100,
-        },
-        hat: {
-            type: 'array',
-            items: {
-                type: 'string',
-                enum: [
-                    'variant01',
-                    'variant02',
-                    'variant03',
-                    'variant04',
-                    'variant05',
-                    'variant06',
-                    'variant07',
-                    'variant08',
-                    'variant09',
-                    'variant10',
-                    'variant11',
-                    'variant12',
-                ],
-            },
-            default: [
-                'variant01',
-                'variant02',
-                'variant03',
-                'variant04',
-                'variant05',
-                'variant06',
-                'variant07',
-                'variant08',
-                'variant09',
-                'variant10',
                 'variant11',
-                'variant12',
             ],
@@ -518,31 +530,4 @@ examples: [
                 ['variant11'],
-                ['variant12'],
             ],
         },
-        hatColor: {
-            type: 'array',
-            items: {
-                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})$',
-            },
-            default: [
-                'pink01',
-                'blue01',
-                'green01',
-                'purple01',
-                'red01',
-                'black01',
-                'gray01',
-            ],
-            examples: [
-                ['pink01'],
-                ['blue01'],
-                ['green01'],
-                ['purple01'],
-                ['red01'],
-                ['black01'],
-                ['gray01'],
-            ],
-        },
-        hatProbability: { type: 'integer', minimum: 0, maximum: 100, default: 10 },
         mouth: {
@@ -553,4 +538,16 @@ type: 'array',
                 enum: [
-                    'surprised03',
-                    'surprised02',
+                    'sad10',
+                    'sad09',
+                    'sad08',
+                    'sad07',
+                    'sad06',
+                    'sad05',
+                    'sad04',
+                    'sad03',
+                    'sad02',
+                    'sad01',
+                    'happy13',
+                    'happy12',
+                    'happy11',
+                    'happy10',
                     'happy09',
@@ -565,16 +562,19 @@ 'happy08',
                     'happy01',
-                    'sad08',
-                    'sad07',
-                    'sad06',
-                    'sad05',
-                    'sad04',
-                    'sad03',
-                    'sad02',
-                    'sad01',
-                    'surprised01',
                 ],
             },
             default: [
-                'surprised03',
-                'surprised02',
+                'sad10',
+                'sad09',
+                'sad08',
+                'sad07',
+                'sad06',
+                'sad05',
+                'sad04',
+                'sad03',
+                'sad02',
+                'sad01',
+                'happy13',
+                'happy12',
+                'happy11',
+                'happy10',
                 'happy09',
@@ -589,15 +589,18 @@ 'happy08',
                 'happy01',
-                'sad08',
-                'sad07',
-                'sad06',
-                'sad05',
-                'sad04',
-                'sad03',
-                'sad02',
-                'sad01',
-                'surprised01',
             ],
             examples: [
-                ['surprised03'],
-                ['surprised02'],
+                ['sad10'],
+                ['sad09'],
+                ['sad08'],
+                ['sad07'],
+                ['sad06'],
+                ['sad05'],
+                ['sad04'],
+                ['sad03'],
+                ['sad02'],
+                ['sad01'],
+                ['happy13'],
+                ['happy12'],
+                ['happy11'],
+                ['happy10'],
                 ['happy09'],
@@ -612,11 +615,2 @@ ['happy08'],
                 ['happy01'],
-                ['sad08'],
-                ['sad07'],
-                ['sad06'],
-                ['sad05'],
-                ['sad04'],
-                ['sad03'],
-                ['sad02'],
-                ['sad01'],
-                ['surprised01'],
             ],
@@ -623,0 +617,0 @@ },

lib/types.d.ts

 export interface Options {
-    beard?: ('variant04' | 'variant03' | 'variant02' | 'variant01')[];
-    beardProbability?: number;
-    eyes?: ('variant13' | 'variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
-    eyebrows?: ('variant13' | 'variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
-    mouth?: ('surprised03' | 'surprised02' | 'happy09' | 'happy08' | 'happy07' | 'happy06' | 'happy05' | 'happy04' | 'happy03' | 'happy02' | 'happy01' | 'sad08' | 'sad07' | 'sad06' | 'sad05' | 'sad04' | 'sad03' | 'sad02' | 'sad01' | 'surprised01')[];
-    hair?: ('short11' | 'short10' | 'short09' | 'short08' | 'short07' | 'short06' | 'short05' | 'short04' | 'short03' | 'short02' | 'long15' | 'short01' | 'long14' | 'long13' | 'long12' | 'long11' | 'long10' | 'long09' | 'long08' | 'long07' | 'long06' | 'long05' | 'long04' | 'long03' | 'long02' | 'long01')[];
-    hairProbability?: number;
     accessories?: ('variant04' | 'variant03' | 'variant02' | 'variant01')[];
     accessoriesProbability?: number;
-    glasses?: ('variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
+    clothing?: ('variant23' | 'variant22' | 'variant21' | 'variant20' | 'variant19' | 'variant18' | 'variant17' | 'variant16' | 'variant15' | 'variant14' | 'variant13' | 'variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
+    eyes?: ('variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
+    glasses?: ('light07' | 'light06' | 'light05' | 'light04' | 'light03' | 'light02' | 'light01' | 'dark07' | 'dark06' | 'dark05' | 'dark04' | 'dark03' | 'dark02' | 'dark01')[];
     glassesProbability?: number;
-    hat?: ('variant01' | 'variant02' | 'variant03' | 'variant04' | 'variant05' | 'variant06' | 'variant07' | 'variant08' | 'variant09' | 'variant10' | 'variant11' | 'variant12')[];
-    hatProbability?: number;
-    clothing?: ('variant25' | 'variant24' | 'variant23' | 'variant22' | 'variant21' | 'variant20' | 'variant19' | 'variant18' | 'variant17' | 'variant16' | 'variant15' | 'variant14' | 'variant13' | 'variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
-    skinColor?: string[];
+    beard?: ('variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
+    beardProbability?: number;
+    mouth?: ('sad10' | 'sad09' | 'sad08' | 'sad07' | 'sad06' | 'sad05' | 'sad04' | 'sad03' | 'sad02' | 'sad01' | 'happy13' | 'happy12' | 'happy11' | 'happy10' | 'happy09' | 'happy08' | 'happy07' | 'happy06' | 'happy05' | 'happy04' | 'happy03' | 'happy02' | 'happy01')[];
+    hair?: ('short24' | 'short23' | 'short22' | 'short21' | 'short20' | 'short19' | 'short18' | 'short17' | 'short16' | 'short15' | 'short14' | 'short13' | 'short12' | 'short11' | 'short10' | 'short09' | 'short08' | 'short07' | 'short06' | 'short05' | 'short04' | 'short03' | 'short02' | 'short01' | 'long21' | 'long20' | 'long19' | 'long18' | 'long17' | 'long16' | 'long15' | 'long14' | 'long13' | 'long12' | 'long11' | 'long10' | 'long09' | 'long08' | 'long07' | 'long06' | 'long05' | 'long04' | 'long03' | 'long02' | 'long01')[];
+    accessoriesColor?: string[];
+    clothingColor?: string[];
+    eyesColor?: string[];
+    glassesColor?: string[];
     hairColor?: string[];
-    accessoriesColor?: string[];
     mouthColor?: string[];
-    clothesColor?: string[];
-    hatColor?: string[];
-    glassesColor?: string[];
+    skinColor?: string[];
 }
@@ -24,0 +20,0 @@ export declare type ColorGroup = Record<string, ColorGroupItem>;

lib/utils/getColors.js

 import { pickColor } from './pickColor.js';
 export function getColors({ prng, options }) {
     return {
-        skin: pickColor({
+        accessories: pickColor({
             prng,
-            group: 'skin',
-            values: options.skinColor,
+            group: 'accessories',
+            values: options.accessoriesColor,
         }),
+        clothing: pickColor({
+            prng,
+            group: 'clothing',
+            values: options.clothingColor,
+        }),
+        eyes: pickColor({
+            prng,
+            group: 'eyes',
+            values: options.eyesColor,
+        }),
+        glasses: pickColor({
+            prng,
+            group: 'glasses',
+            values: options.glassesColor,
+        }),
         hair: pickColor({
@@ -14,7 +29,2 @@ prng,
         }),
-        accessories: pickColor({
-            prng,
-            group: 'accessories',
-            values: options.accessoriesColor,
-        }),
         mouth: pickColor({
@@ -25,18 +35,8 @@ prng,
         }),
-        clothes: pickColor({
+        skin: pickColor({
             prng,
-            group: 'clothes',
-            values: options.clothesColor,
+            group: 'skin',
+            values: options.skinColor,
         }),
-        hat: pickColor({
-            prng,
-            group: 'hat',
-            values: options.hatColor,
-        }),
-        glasses: pickColor({
-            prng,
-            group: 'glasses',
-            values: options.glassesColor,
-        }),
     };
 }

lib/utils/getComponents.js

 import { pickComponent } from './pickComponent.js';
 export function getComponents({ prng, options, }) {
-    const beardComponent = pickComponent({
+    const accessoriesComponent = pickComponent({
         prng,
-        group: 'beard',
-        values: options.beard,
+        group: 'accessories',
+        values: options.accessories,
     });
+    const clothingComponent = pickComponent({
+        prng,
+        group: 'clothing',
+        values: options.clothing,
+    });
     const eyesComponent = pickComponent({
@@ -13,7 +18,12 @@ prng,
     });
-    const eyebrowsComponent = pickComponent({
+    const glassesComponent = pickComponent({
         prng,
-        group: 'eyebrows',
-        values: options.eyebrows,
+        group: 'glasses',
+        values: options.glasses,
     });
+    const beardComponent = pickComponent({
+        prng,
+        group: 'beard',
+        values: options.beard,
+    });
     const mouthComponent = pickComponent({
@@ -29,37 +39,15 @@ prng,
     });
-    const accessoriesComponent = pickComponent({
-        prng,
-        group: 'accessories',
-        values: options.accessories,
-    });
-    const glassesComponent = pickComponent({
-        prng,
-        group: 'glasses',
-        values: options.glasses,
-    });
-    const hatComponent = pickComponent({
-        prng,
-        group: 'hat',
-        values: options.hat,
-    });
-    const clothingComponent = pickComponent({
-        prng,
-        group: 'clothing',
-        values: options.clothing,
-    });
     return {
-        beard: prng.bool(options.beardProbability) ? beardComponent : undefined,
-        eyes: eyesComponent,
-        eyebrows: eyebrowsComponent,
-        mouth: mouthComponent,
-        hair: prng.bool(options.hairProbability) ? hairComponent : undefined,
         accessories: prng.bool(options.accessoriesProbability)
             ? accessoriesComponent
             : undefined,
+        clothing: clothingComponent,
+        eyes: eyesComponent,
         glasses: prng.bool(options.glassesProbability)
             ? glassesComponent
             : undefined,
-        hat: prng.bool(options.hatProbability) ? hatComponent : undefined,
-        clothing: clothingComponent,
+        beard: prng.bool(options.beardProbability) ? beardComponent : undefined,
+        mouth: mouthComponent,
+        hair: hairComponent,
     };
 }

package.json

 {
   "name": "@dicebear/pixel-art",
-  "version": "5.0.0-alpha.21",
+  "version": "5.0.0-alpha.24",
   "description": "Avatar style for DiceBear",
@@ -31,3 +31,3 @@ "keywords": [
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.21",
+    "@dicebear/core": "^5.0.0-alpha.24",
     "@tsconfig/recommended": "^1.0.1",
@@ -39,3 +39,3 @@ "del-cli": "^4.0.1",
   "peerDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.16"
+    "@dicebear/core": "^5.0.0-alpha.21"
   },
@@ -48,3 +48,3 @@ "engines": {
   },
-  "gitHead": "40b7190a19ba3c6c355178f1ae6c422229634e06"
+  "gitHead": "e54519daa65236ed864496663266f0bac5f06118"
 }

README.md

 <h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Pixel Art</h1>
 <p align="center">
   <strong>Avatar Style for <a href="https://dicebear.com/">DiceBear</a></strong><br />
-    Pixel Art
-    by Plastic Jam
+    <a href="https://dicebear.com">Pixel Art</a>
+      by Florian Körner
 </p>
 
 <p align="center">
+  While our code is MIT licensed, the design is licensed under
+    <a href="https://creativecommons.org/licenses/zero/1.0/">CC0 1.0</a>.
+  See <a href="https://dicebear.com/licenses">license overview</a> for more information.
+</p>
+
+<p align="center">
   <a href="https://dicebear.com/styles/pixel-art">
@@ -10,0 +16,0 @@ Read Documentation

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

Improved metrics

Number of lines in readme file

19

increased by46.15%

Worsened metrics

Total package byte prevSize

58374

decreased by-8.35%

Number of package files

55

decreased by-6.78%

Lines of code

1188

decreased by-3.18%

No dependency changes