@dicebear/pixel-art 5.0.0-alpha.21 → 5.0.0-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/LICENSE +0 -1
  2. package/README.md +8 -2
  3. package/lib/colors/{clothes.d.ts → clothing.d.ts} +1 -1
  4. package/lib/colors/{clothes.js → clothing.js} +7 -7
  5. package/lib/colors/{hat.d.ts → eyes.d.ts} +1 -1
  6. package/lib/colors/eyes.js +8 -0
  7. package/lib/colors/glasses.js +3 -3
  8. package/lib/colors/hair.js +9 -8
  9. package/lib/colors/index.d.ts +5 -5
  10. package/lib/colors/index.js +5 -5
  11. package/lib/components/accessories.js +4 -4
  12. package/lib/components/beard.js +8 -4
  13. package/lib/components/clothing.js +23 -25
  14. package/lib/components/eyes.js +12 -13
  15. package/lib/components/glasses.js +14 -7
  16. package/lib/components/hair.js +45 -26
  17. package/lib/components/index.d.ts +4 -6
  18. package/lib/components/index.js +4 -6
  19. package/lib/components/mouth.js +23 -20
  20. package/lib/core.js +8 -7
  21. package/lib/index.d.ts +3 -3
  22. package/lib/index.js +3 -3
  23. package/lib/schema.js +223 -229
  24. package/lib/types.d.ts +12 -16
  25. package/lib/utils/getColors.js +21 -21
  26. package/lib/utils/getComponents.js +21 -33
  27. package/package.json +4 -4
  28. package/lib/colors/hat.js +0 -9
  29. package/lib/components/eyebrows.d.ts +0 -2
  30. package/lib/components/eyebrows.js +0 -15
  31. package/lib/components/hat.d.ts +0 -2
  32. package/lib/components/hat.js +0 -14
package/LICENSE CHANGED
@@ -1,7 +1,6 @@
1
1
  MIT License
2
2
 
3
3
  Copyright (c) 2022 Florian Körner
4
- Copyright (c) 2022 Plastic Jam
5
4
 
6
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
7
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -1,8 +1,14 @@
1
1
  <h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Pixel Art</h1>
2
2
  <p align="center">
3
3
  <strong>Avatar Style for <a href="https://dicebear.com/">DiceBear</a></strong><br />
4
- Pixel Art
5
- by Plastic Jam
4
+ <a href="https://dicebear.com">Pixel Art</a>
5
+ by Florian Körner
6
+ </p>
7
+
8
+ <p align="center">
9
+ While our code is MIT licensed, the design is licensed under
10
+ <a href="https://creativecommons.org/licenses/zero/1.0/">CC0 1.0</a>.
11
+ See <a href="https://dicebear.com/licenses">license overview</a> for more information.
6
12
  </p>
7
13
 
8
14
  <p align="center">
package/lib/colors/{clothes.d.ts → clothing.d.ts} RENAMED
@@ -1,2 +1,2 @@
1
1
  import type { ColorGroup } from '../types.js';
2
- export declare const clothes: ColorGroup;
2
+ export declare const clothing: ColorGroup;
package/lib/colors/{clothes.js → clothing.js} RENAMED
@@ -1,14 +1,14 @@
1
- export const clothes = {
2
- yellow01: 'rgba(255, 238, 173, 1)',
3
- yellow02: 'rgba(255, 217, 105, 1)',
4
- yellow03: 'rgba(255, 196, 37, 1)',
5
- red01: 'rgba(255, 111, 105, 1)',
6
- red02: 'rgba(209, 17, 65, 1)',
7
- red03: 'rgba(174, 0, 1, 1)',
1
+ export const clothing = {
8
2
  blue01: 'rgba(91, 192, 222, 1)',
9
3
  blue02: 'rgba(66, 139, 202, 1)',
10
4
  blue03: 'rgba(3, 57, 108, 1)',
11
5
  green01: 'rgba(136, 216, 176, 1)',
12
6
  green02: 'rgba(68, 197, 133, 1)',
13
7
  green03: 'rgba(0, 177, 89, 1)',
8
+ red01: 'rgba(255, 111, 105, 1)',
9
+ red02: 'rgba(209, 17, 65, 1)',
10
+ red03: 'rgba(174, 0, 1, 1)',
11
+ yellow01: 'rgba(255, 238, 173, 1)',
12
+ yellow02: 'rgba(255, 217, 105, 1)',
13
+ yellow03: 'rgba(255, 196, 37, 1)',
14
14
  };
package/lib/colors/{hat.d.ts → eyes.d.ts} RENAMED
@@ -1,2 +1,2 @@
1
1
  import type { ColorGroup } from '../types.js';
2
- export declare const hat: ColorGroup;
2
+ export declare const eyes: ColorGroup;
package/lib/colors/eyes.js ADDED
@@ -0,0 +1,8 @@
1
+ export const eyes = {
2
+ variant01: 'rgba(118, 119, 139, 1)',
3
+ variant02: 'rgba(105, 123, 148, 1)',
4
+ variant03: 'rgba(100, 123, 144, 1)',
5
+ variant04: 'rgba(91, 124, 139, 1)',
6
+ variant05: 'rgba(88, 131, 135, 1)',
7
+ variant06: 'rgba(135, 102, 88, 1)',
8
+ };
package/lib/colors/glasses.js CHANGED
@@ -1,8 +1,8 @@
1
1
  export const glasses = {
2
- green01: 'rgba(95, 112, 92, 1)',
3
- blue01: 'rgba(67, 103, 125, 1)',
4
- red01: 'rgba(160, 75, 93, 1)',
5
2
  black01: 'rgba(75, 75, 75, 1)',
6
3
  black02: 'rgba(50, 50, 50, 1)',
7
4
  black03: 'rgba(25, 25, 25, 1)',
5
+ blue01: 'rgba(67, 103, 125, 1)',
6
+ green01: 'rgba(95, 112, 92, 1)',
7
+ red01: 'rgba(160, 75, 93, 1)',
8
8
  };
package/lib/colors/hair.js CHANGED
@@ -1,12 +1,13 @@
1
1
  export const hair = {
2
2
  variant01: 'rgba(202, 177, 136, 1)',
3
- variant02: 'rgba(167, 137, 97, 1)',
3
+ variant02: 'rgba(96, 58, 20, 1)',
4
4
  variant03: 'rgba(131, 98, 59, 1)',
5
- variant04: 'rgba(96, 58, 20, 1)',
6
- variant05: 'rgba(96, 48, 21, 1)',
7
- variant06: 'rgba(97, 38, 22, 1)',
8
- variant07: 'rgba(97, 28, 23, 1)',
9
- variant08: 'rgba(78, 26, 19, 1)',
10
- variant09: 'rgba(59, 23, 14, 1)',
11
- variant10: 'rgba(40, 21, 10, 1)',
5
+ variant04: 'rgba(167, 137, 97, 1)',
6
+ variant05: 'rgba(97, 28, 23, 1)',
7
+ variant06: 'rgba(96, 48, 21, 1)',
8
+ variant07: 'rgba(97, 38, 22, 1)',
9
+ variant08: 'rgba(40, 21, 10, 1)',
10
+ variant09: 'rgba(0, 155, 189, 1)',
11
+ variant10: 'rgba(189, 23, 0, 1)',
12
+ variant11: 'rgba(145, 203, 21, 1)',
12
13
  };
package/lib/colors/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export { skin } from './skin.js';
2
- export { hair } from './hair.js';
3
1
  export { accessories } from './accessories.js';
4
- export { mouth } from './mouth.js';
5
- export { clothes } from './clothes.js';
6
- export { hat } from './hat.js';
2
+ export { clothing } from './clothing.js';
3
+ export { eyes } from './eyes.js';
7
4
  export { glasses } from './glasses.js';
5
+ export { hair } from './hair.js';
6
+ export { mouth } from './mouth.js';
7
+ export { skin } from './skin.js';
package/lib/colors/index.js CHANGED
@@ -1,7 +1,7 @@
1
- export { skin } from './skin.js';
2
- export { hair } from './hair.js';
3
1
  export { accessories } from './accessories.js';
4
- export { mouth } from './mouth.js';
5
- export { clothes } from './clothes.js';
6
- export { hat } from './hat.js';
2
+ export { clothing } from './clothing.js';
3
+ export { eyes } from './eyes.js';
7
4
  export { glasses } from './glasses.js';
5
+ export { hair } from './hair.js';
6
+ export { mouth } from './mouth.js';
7
+ export { skin } from './skin.js';
package/lib/components/accessories.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const accessories = {
2
- variant04: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v1h1v-1H3Zm13 0v1h1v-1h-1Z" fill="${colors.accessories.value}"/>`,
3
- variant03: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 10v2h1v-2H3Zm13 0h1v2h-1v-2Z" fill="${colors.accessories.value}"/>`,
4
- 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>`,
5
- variant01: (components, colors) => `<path d="M4 11H2v2h2v-2ZM18 11h-2v2h2v-2Z" fill="${colors.accessories.value}"/>`,
2
+ variant04: (components, colors) => `<path d="M2 7h1v1H2zM13 7h1v1h-1z" fill="${colors.accessories.value}"/>`,
3
+ variant03: (components, colors) => `<path d="M13 7h1v2h-1zM2 7h1v2H2z" fill="${colors.accessories.value}"/>`,
4
+ variant02: (components, colors) => `<path fill="${colors.accessories.value}" d="M13 7h1v2h-1zM2 7h1v2H2z"/><path fill="none" d="M2 7h1v1H2zM13 7h1v1h-1z"/>`,
5
+ variant01: (components, colors) => `<path d="M13 7h2v2h-2zM1 7h2v2H1z" fill="${colors.accessories.value}"/>`,
6
6
  };
package/lib/components/beard.js CHANGED
@@ -1,6 +1,10 @@
1
1
  export const beard = {
2
- variant04: (components, colors) => `<path opacity=".9" d="M4 10v3h1v1h1v1h8v-1h1v-1h1v-3h-2v1H6v-1H4Z" fill="${colors.hair.value}"/>`,
3
- variant03: (components, colors) => `<path opacity=".9" d="M4 13h1v1h1v1h8v-1h1v-1h1v-3h-1v1h-1v1H6v-1H5v-1H4v3Z" fill="${colors.hair.value}"/>`,
4
- variant02: (components, colors) => `<path opacity=".9" d="M4 11v2h1v1h1v1h8v-1h1v-1h1v-2H4Z" fill="${colors.hair.value}"/>`,
5
- variant01: (components, colors) => `<path opacity=".9" d="M4 8v5h1v1h1v1h8v-1h1v-1h1V8h-1v2h-1v1h-1v1H7v-1H6v-1H5V8H4Z" fill="${colors.hair.value}"/>`,
2
+ variant08: (components, colors) => `<path d="M3 6h1v3h8V6h1v5h-1v1H4v-1H3V6Z" fill="${colors.hair.value}"/>`,
3
+ variant07: (components, colors) => `<path d="M3 9v2h1v1h8v-1h1V9H3Z" fill="${colors.hair.value}"/>`,
4
+ variant06: (components, colors) => `<path d="M3 9h3v1h4V9h3v2h-1v1H4v-1H3V9Z" fill="${colors.hair.value}"/>`,
5
+ variant05: (components, colors) => `<path d="M3 6h1v2h1v1h6V8h1V6h1v5h-1v1H4v-1H3V6Z" fill="${colors.hair.value}"/>`,
6
+ variant04: (components, colors) => `<path fill="${colors.hair.value}" d="M6 11h4v1H6z"/>`,
7
+ variant03: (components, colors) => `<path d="M3 9h2v1h6V9h2v2h-1v2h-1v1H5v-1H4v-2H3V9Z" fill="${colors.hair.value}"/>`,
8
+ variant02: (components, colors) => `<path d="M5 11h6v1h-1v1H9v1H7v-1H6v-1H5v-1Z" fill="${colors.hair.value}"/>`,
9
+ variant01: (components, colors) => `<path d="M3 8h2v1h1v1h4V9h1V8h2v3h-1v1H4v-1H3V8Z" fill="${colors.hair.value}"/>`,
6
10
  };
package/lib/components/clothing.js CHANGED
@@ -1,27 +1,25 @@
1
1
  export const clothing = {
2
- 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"/>`,
3
- 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"/>`,
4
- 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"/>`,
5
- 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"/>`,
6
- 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"/>`,
7
- 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"/>`,
8
- 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"/>`,
9
- 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"/>`,
10
- 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"/>`,
11
- 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"/>`,
12
- variant15: (components, colors) => `<path d="M3 20v-3h1v-1h4v1h4v-1h4v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
13
- 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"/>`,
14
- variant13: (components, colors) => `<path d="M3 20v-3h1v-1h12v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
15
- 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}"/>`,
16
- variant11: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M5 16h1v2h1v1h1v1H5v-4Zm9 0h1v4h-3v-1h1v-1h1v-2Z" fill="${colors.clothes.value}"/>`,
17
- variant10: (components, colors) => `<path d="M4 20v-2h1v-1h1v-1h2v1h1v1h2v-1h1v-1h2v1h1v1h1v2H4Z" fill="${colors.clothes.value}"/>`,
18
- 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"/>`,
19
- 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"/>`,
20
- 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"/>`,
21
- 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"/>`,
22
- variant05: (components, colors) => `<path d="M3 20v-3h1v-1h3v1h1v1h1v1h2v-1h1v-1h1v-1h3v1h1v3H3Z" fill="${colors.clothes.value}"/>`,
23
- 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}"/>`,
24
- variant03: (components, colors) => `<path d="M4 16v4h4v-1H7v-1H6v-2H4ZM16 20v-4h-2v2h-1v1h-1v1h4Z" fill="${colors.clothes.value}"/>`,
25
- 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"/>`,
26
- 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"/>`,
2
+ variant23: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M4 13h1v3H4zM11 13h1v3h-1z"/>`,
3
+ variant22: (components, colors) => `<path d="M6 13H4v3h2v-3ZM12 13h-2v3h2v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M5 13h1v3H5zM10 13h1v3h-1z"/>`,
4
+ 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"/>`,
5
+ variant20: (components, colors) => `<path fill="${colors.clothing.value}" d="M4 14h8v2H4z"/><path fill="none" d="M4 14h1v2H4zM11 14h1v2h-1z"/>`,
6
+ variant19: (components, colors) => `<path d="M4 13h1v1h6v-1h1v3H4v-3Z" fill="${colors.clothing.value}"/><path fill="none" d="M9 15h2v1H9z"/>`,
7
+ 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"/>`,
8
+ variant17: (components, colors) => `<path d="M4 13h2v1h1v1h2v-1h1v-1h2v1h1v2H3v-2h1v-1Z" fill="${colors.clothing.value}"/>`,
9
+ 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"/>`,
10
+ variant15: (components, colors) => `<path d="M6 14H4v1H3v1h4v-1H6v-1ZM12 15h1v1H9v-1h1v-1h2v1Z" fill="${colors.clothing.value}"/>`,
11
+ variant14: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1h-1v1H6v-1H5v-1Z" fill="${colors.clothing.value}"/>`,
12
+ 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"/>`,
13
+ variant12: (components, colors) => `<path d="M7 12h2v1h4v1h1v2H2v-2h1v-1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M7 12h2v1H7z"/>`,
14
+ variant11: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h1v1h2v-1h1v-1Z" fill="${colors.clothing.value}"/>`,
15
+ variant10: (components, colors) => `<path d="M4 13h1v1h6v-1h1v1h1v2H3v-2h1v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M9 15h2v1H9z"/>`,
16
+ variant09: (components, colors) => `<path d="M4 13h1v2h6v-2h1v2h1v1H3v-1h1v-2Z" fill="${colors.clothing.value}"/><path fill="none" d="M4 13h1v2H4zM11 13h1v2h-1z"/>`,
17
+ variant08: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v2h4v-2Z" fill="${colors.clothing.value}"/>`,
18
+ variant07: (components, colors) => `<path d="M5 13H4v3h3v-1H6v-1H5v-1ZM12 13h-1v1h-1v1H9v1h3v-3Z" fill="${colors.clothing.value}"/>`,
19
+ 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"/>`,
20
+ variant05: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1h-1v1H6v-1H5v-1Z" fill="${colors.clothing.value}"/>`,
21
+ variant04: (components, colors) => `<path d="M5 13H3v1H2v2h12v-2h-1v-1h-2v1H5v-1Z" fill="${colors.clothing.value}"/>`,
22
+ variant03: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/>`,
23
+ 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"/>`,
24
+ variant01: (components, colors) => `<path d="M10 13h3v1h1v2H2v-2h1v-1h3v1h4v-1Z" fill="${colors.clothing.value}"/><path fill="none" d="M11 14h1v2h-1zM4 14h1v2H4z"/>`,
27
25
  };
package/lib/components/eyes.js CHANGED
@@ -1,15 +1,14 @@
1
1
  export const eyes = {
2
- 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>`,
3
- 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>`,
4
- 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>`,
5
- 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>`,
6
- 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>`,
7
- 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>`,
8
- 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>`,
9
- 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>`,
10
- 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>`,
11
- 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>`,
12
- 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>`,
13
- 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>`,
14
- 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>`,
2
+ 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>`,
3
+ 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"/>`,
4
+ 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"/>`,
5
+ variant09: (components, colors) => `<path fill="#fff" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${colors.eyes.value}" d="M10 6h1v1h-1zM5 6h1v1H5z"/>`,
6
+ variant08: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${colors.eyes.value}" d="M9 6h1v1H9zM4 6h1v1H4z"/>`,
7
+ variant07: (components, colors) => `<path fill="#fff" d="M4 5h3v2H4zM9 5h3v2H9z"/><path fill="${colors.eyes.value}" d="M11 6h1v1h-1zM6 6h1v1H6z"/>`,
8
+ 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"/>`,
9
+ 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"/>`,
10
+ variant04: (components, colors) => `<path d="M6 5H5v2h2V6H6V5ZM11 5h-1v2h2V6h-1V5Z" fill="#fff"/><path fill="${colors.eyes.value}" d="M5 6h1v1H5zM10 6h1v1h-1z"/>`,
11
+ variant03: (components, colors) => `<path d="M10 5h1v2H9V6h1V5ZM5 5h1v2H4V6h1V5Z" fill="#fff"/><path fill="${colors.eyes.value}" d="M11 6h-1v1h1zM6 6H5v1h1z"/>`,
12
+ 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>`,
13
+ 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"/>`,
15
14
  };
package/lib/components/glasses.js CHANGED
@@ -1,9 +1,16 @@
1
1
  export const glasses = {
2
- 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>`,
3
- 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>`,
4
- 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>`,
5
- 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>`,
6
- 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>`,
7
- 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>`,
8
- 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"/>`,
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"/>`,
3
+ 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"/>`,
4
+ 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"/>`,
5
+ light04: (components, colors) => `<path fill="none" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${colors.glasses.value}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
6
+ 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"/>`,
7
+ 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"/>`,
8
+ 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"/>`,
9
+ 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"/>`,
10
+ 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"/>`,
11
+ 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"/>`,
12
+ dark04: (components, colors) => `<path fill="none" d="M4 5h3v3H4zM9 5h3v3H9z"/><path fill="${colors.glasses.value}" d="M3 5h1v1H3zM7 5h2v1H7zM12 5h1v1h-1z"/>`,
13
+ 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"/>`,
14
+ 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"/>`,
15
+ 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"/>`,
9
16
  };
package/lib/components/hair.js CHANGED
@@ -1,28 +1,47 @@
1
1
  export const hair = {
2
- short11: (components, colors) => `<path d="M4 4v2h1V5h1V4h8v1h1v1h1V4h-1V3H5v1H4Z" fill="${colors.hair.value}"/>`,
3
- short10: (components, colors) => `<path d="M6 2h8v1h1v1h1v3h-1V6h-1V5h-1V4H9v1H7v1H6v1H4V4h1V3h1V2Z" fill="${colors.hair.value}"/>`,
4
- short09: (components, colors) => `<path d="M4 7h1V5h1V4h2v1h1v1h2V5h1V4h2v1h1v2h1V5h-1V4h-1V3H6v1H5v1H4v2Z" fill="${colors.hair.value}"/>`,
5
- short08: (components, colors) => `<path d="M3 8h1V5h12v3h1V4h-1V3h-1V2H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
6
- short07: (components, colors) => `<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5v1h1v1h2V5h1V3H4v1H3v1H2Zm6-1h2v1h2V4h1V3H8v1Zm6 1h1v2h2V6h1V5h-1V4h-1V3h-2v2Z" fill="${colors.hair.value}"/>`,
7
- short06: (components, colors) => `<path d="M3 8h1V5h2V3h8v1h1v1h1v3h1V3h-2V2h-2V1h-1v1h-2V1H9v1H8V1H7v1H5v1H4v1H3v4Z" fill="${colors.hair.value}"/>`,
8
- short05: (components, colors) => `<path d="M11 5V4h1V3H8v1h1v1h2Z" fill="${colors.hair.value}"/>`,
9
- short04: (components, colors) => `<path d="M3 8h1V6h2V5h2V4h1v1h2v1h2v1h2v1h2V5h-1V4h-1V3H5v1H4v1H3v3Z" fill="${colors.hair.value}"/>`,
10
- short03: (components, colors) => `<path d="M5 5h10V4h-1V3H6v1H5v1Z" fill="${colors.hair.value}"/>`,
11
- short02: (components, colors) => `<path d="M3 5H2v3h2V5h1V4h1v1h2V4h4V3h1v1h1v1h1v1h1v2h1V7h1V5h-1V4h-1V3h-1V2h-1V1h-1v1h-2V1h-1v1H7V1H5v1H4v1H3v2Z" fill="${colors.hair.value}"/>`,
12
- long15: (components, colors) => `<path d="M1 7h1v5h1v1h1V7h1V6h1V4h1V3h6v1h1v1h1v1h1v7h1v-2h1V7h-1V6h1V4h-1v1h-1V3h1V2h-1v1h-1V2h-1V1h-1V0h-1v1H6V0H5v1H4V0H3v1h1v2H3V2H2v1h1v1H2v2H1v1Z" fill="${colors.hair.value}"/>`,
13
- short01: (components, colors) => `<path d="M6 3v1H5v1H4v3h2V7h1V6h4V5h1V4h1v1h-1v1h1v1h1v1h2V5h-1V4h-1V3H6Z" fill="${colors.hair.value}"/>`,
14
- 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}"/>`,
15
- 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}"/>`,
16
- long12: (components, colors) => `<path d="M4 13h1v1H3V4h1V3h1V2h10v1h1v1h1v10h-2v-1h1V5H4v8Z" fill="${colors.hair.value}"/>`,
17
- long11: (components, colors) => `<path d="M2 18h2v-1h4v-2H6v-1H5v-1H4V5h1V4h1v1h1V4h1v1h1V4h6v1h1v8h-1v1h-1v1h-2v2h4v1h2V4h-1V3h-1V2H4v1H3v1H2v14Z" fill="${colors.hair.value}"/>`,
18
- 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}"/>`,
19
- long09: (components, colors) => `<path d="M2 15h2V5h12v10h2V4h-1V3h-1V2H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
20
- long08: (components, colors) => `<path d="M2 14h2V7h1V6h1V5h1V4h1V3h6v1h1v1h1v9h2V3h-1V2h-1V1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
21
- long07: (components, colors) => `<path d="M4 5v3h1V5h2v1h1V5h1v1h1V5h5v3h1V5h1V3h-1V2h-2v1H6V2H4v1H3v2h1Z" fill="${colors.hair.value}"/>`,
22
- long06: (components, colors) => `<path d="M3 11h1V9h1V8h1V7h1V6h1V5h5v1h3V5h-1V4h-1V3H5v1H4v1H3v6Z" fill="${colors.hair.value}"/>`,
23
- long05: (components, colors) => `<path d="M2 17h2v-1h4v-1H6v-1H5v-1H4v-2H3V8h1V5h1V4h6V3h1v1h1V3h1v1h1v1h1v3h1v3h-1v2h-1v1h-1v1h-2v1h4v1h2V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v13Z" fill="${colors.hair.value}"/>`,
24
- 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}"/>`,
25
- 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}"/>`,
26
- long02: (components, colors) => `<path d="M2 15h4v-1H5v-1H4V6h2V5h2V4h1V3h4v1h1v1h1v1h1v7h-1v1h-1v1h4V4h-1V3h-1V2h-1V1H5v1H4v1H3v1H2v11Z" fill="${colors.hair.value}"/>`,
27
- 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}"/>`,
2
+ short24: (components, colors) => `<path d="M11 2H5v1h1v1h4V3h1V2ZM3 3h1v2H3V3ZM13 3h-1v2h1V3Z" fill="${colors.hair.value}"/>`,
3
+ short23: (components, colors) => `<path fill="${colors.hair.value}" d="M6 2h4v1H6z"/>`,
4
+ short22: (components, colors) => `<path d="M4 2h8v1h1v2h-2V4H5v1H3V3h1V2Z" fill="${colors.hair.value}"/>`,
5
+ short21: (components, colors) => `<path fill="${colors.hair.value}" d="M7 1h2v2H7z"/>`,
6
+ short20: (components, colors) => `<path d="M6 2h4v1H6zM7 3h2v1H7z" fill="${colors.hair.value}"/>`,
7
+ short19: (components, colors) => `<g fill="${colors.hair.value}"><path d="M4 2h8v1H4zM3 3h3v1H3zM10 3h3v1h-3zM8 3h1v1H8z"/><path d="M8 3h1v1H8z"/></g>`,
8
+ short18: (components, colors) => `<g fill="${colors.hair.value}"><path d="M2 3h2v3H2zM12 3h2v3h-2z"/><path d="M12 3h2v3h-2z"/></g>`,
9
+ short17: (components, colors) => `<g fill="${colors.hair.value}"><path d="M12 3h2v3h-2zM2 3h2v3H2z"/><path d="M3 2h10v2H3z"/><path d="M4 1h8v2H4z"/></g>`,
10
+ short16: (components, colors) => `<g fill="${colors.hair.value}"><path d="M3 2h10v2H3z"/><path d="M4 1h8v2H4z"/></g>`,
11
+ short15: (components, colors) => `<path d="M3 3h10v1H3zM4 2h8v1H4zM2 4h2v2H2zM12 4h2v2h-2z" fill="${colors.hair.value}"/>`,
12
+ short14: (components, colors) => `<path d="M3 4h1v3H3zM12 4h1v3h-1zM3 2h10v2H3z" fill="${colors.hair.value}"/>`,
13
+ 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>`,
14
+ short12: (components, colors) => `<path d="M4 2h1v3H4zM6 2h1v2H6zM8 2h1v2H8zM10 2h1v2h-1z" fill="${colors.hair.value}"/>`,
15
+ 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>`,
16
+ short10: (components, colors) => `<path d="M3 2h10v1H3zM3 3h2v1H3zM7 1h5v1H7zM13 3h-1v1h1z" fill="${colors.hair.value}"/>`,
17
+ short09: (components, colors) => `<path d="M7 1h5v1H7zM4 2h7v1H4zM3 3h5v1H3z" fill="${colors.hair.value}"/>`,
18
+ short08: (components, colors) => `<path d="M5 1h5v1H5zM4 2h8v1H4zM9 3h1v1H9zM11 3h2v1h-2zM3 3h2v1H3z" fill="${colors.hair.value}"/>`,
19
+ short07: (components, colors) => `<path d="M3 3h1v1H3zM5 2H4v1h1zM12 2h-1v1h1zM13 3h-1v1h1z" fill="${colors.hair.value}"/>`,
20
+ 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>`,
21
+ short05: (components, colors) => `<path d="M9 1H8v3h1zM8 2H7v2h1zM10 0H9v3h1zM11 1h-1v1h1z" fill="${colors.hair.value}"/>`,
22
+ short04: (components, colors) => `<path d="M4 3H3v2h1zM13 3h-1v2h1zM12 2H4v1h8z" fill="${colors.hair.value}"/>`,
23
+ short03: (components, colors) => `<path d="M12 2H4v1h8zM13 3h-1v1h1zM6 3H3v1h3zM5 4H3v1h2z" fill="${colors.hair.value}"/>`,
24
+ short02: (components, colors) => `<path d="M12 2H4v1h8zM13 3h-2v1h2zM13 4h-1v1h1zM6 3H3v1h3zM5 4H3v1h2zM4 5H3v1h1z" fill="${colors.hair.value}"/>`,
25
+ short01: (components, colors) => `<path d="M12 2H4v1h8zM13 3H7v1h6zM13 4h-2v1h2zM13 5h-1v1h1zM6 4H3v1h3zM7 3H3v1h4zM5 5H3v1h2zM4 6H3v1h1z" fill="${colors.hair.value}"/>`,
26
+ long21: (components, colors) => `<path d="M13 1H3v1H2v4h1V3h10v3h1V2h-1V1ZM2 8h1v3h1v1H2V8ZM12 11h1V8h1v4h-2v-1Z" fill="${colors.hair.value}"/>`,
27
+ long20: (components, colors) => `<path d="M4 1h8v1h1v1h1v3h-1V4h-1V3H6v1H3v2H2V3h1V2h1V1ZM2 8h1v3h1v1h3v1H2V8ZM12 12H9v1h5V8h-1v3h-1v1Z" fill="${colors.hair.value}"/>`,
28
+ long19: (components, colors) => `<path d="M13 2H3v1H2v3h1V4h10v2h1V3h-1V2ZM3 8H2v1H1v2H0v1h1v-1h1v-1h1V8Z" fill="${colors.hair.value}"/>`,
29
+ long18: (components, colors) => `<path d="M13 2H3v1H2v3h1V4h10v2h1V3h-1V2ZM2 8h1v2H2v1H1V9h1V8ZM1 11v1H0v-1h1ZM16 11h-1V9h-1V8h-1v2h1v1h1v1h1v-1Z" fill="${colors.hair.value}"/>`,
30
+ long17: (components, colors) => `<path d="M5 1h7v1h1v1h1v3h-1V4h-2V3H5v1H4v1H3v1H2v2h1v3h1v1H1V4h1V3h1V2h2V1Z" fill="${colors.hair.value}"/>`,
31
+ long16: (components, colors) => `<path d="M3 1h8v1h2v1h1v3h-1V4h-2V3H6v1H5V3H4v1H3v2H2v2h1v2H1V3h1V2h1V1ZM14 8h-1v2h1V8Z" fill="${colors.hair.value}"/>`,
32
+ 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>`,
33
+ long14: (components, colors) => `<path d="M5 1H3v1H2v2h1v1h1V4h8v1h1V4h1V2h-1V1h-2v1H5V1Z" fill="${colors.hair.value}"/>`,
34
+ long13: (components, colors) => `<path d="M13 1H3v1H2v1H1v11h2V4h10v10h2V3h-1V2h-1V1Z" fill="${colors.hair.value}"/>`,
35
+ long12: (components, colors) => `<path d="M5 4V3h7v1h1v2h1v2h-1v3h-1v1H9v1h4v1h1v3h1V3h-1V2h-1V1H3v1H2v1H1v14h1v-3h1v-1h4v-1H4v-1H3V8H2V6h1V5h1V4h1Z" fill="${colors.hair.value}"/>`,
36
+ long11: (components, colors) => `<path d="M6 1v1H3v2H2v2h1V5h4V4h3V3h2v1h1v2h1V2h-2V1H6ZM2 8h1v2H2V8ZM14 8h-1v2h1V8Z" fill="${colors.hair.value}"/>`,
37
+ long10: (components, colors) => `<path d="M4 1v1H3v1H2v1H1v6h2V8H2V6h1V4h1V3h2v1h1V3h1V2H7V1H4Z" fill="${colors.hair.value}"/>`,
38
+ long09: (components, colors) => `<path d="M2 1h12v1h1v11h-1v-1h-1V8h1V6h-1V3H3v3H2v2h1v4H2v1H1V2h1V1Z" fill="${colors.hair.value}"/>`,
39
+ long08: (components, colors) => `<path d="M2 1h12v1h1v11h-1v-1h-1V8h1V6h-1V3h-1v1h-1V3H8v1H7v1H6v1H5v1H4v1H3v4H2v1H1V2h1V1Z" fill="${colors.hair.value}"/>`,
40
+ long07: (components, colors) => `<path d="M3 1h10v1h1v1h1v10h-1v-1h-1V8h1V6h-1V4h-1V3H5v1H4v1H3v1H2v2h1v4H2v1H1V3h1V2h1V1Z" fill="${colors.hair.value}"/>`,
41
+ long06: (components, colors) => `<path d="M3 2h10v1h1v3h-1V4H3v2H2V3h1V2ZM13 8h1v1h1v2h-1v-1h-1V8ZM15 11h1v1h-1v-1Z" fill="${colors.hair.value}"/>`,
42
+ long05: (components, colors) => `<path d="M4 0H1v3h2v1H2v2h1V5h2V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1H6v1H4V0ZM2 8h1v1H2V8ZM14 8h-1v1h1V8Z" fill="${colors.hair.value}"/>`,
43
+ long04: (components, colors) => `<path d="M12 1H5v1H4v1H3v1H2v2h2V5h1V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1ZM13 8h1v4h-2v-1h1V8ZM2 8h1v3h1v1H2V8Z" fill="${colors.hair.value}"/>`,
44
+ long03: (components, colors) => `<path d="M4 2h8v1h1v2h1v6h1v2h-2v-1h-1V5h-1V4H5v1H4v7H3v1H1v-2h1V5h1V3h1V2Z" fill="${colors.hair.value}"/>`,
45
+ long02: (components, colors) => `<path d="M4 2h8v1h1v2h1v7h-1v-1h-1V5h-1V4H5v1H4v6H3v1H2V5h1V3h1V2ZM2 12v1H1v-1h1ZM14 12h1v1h-1v-1Z" fill="${colors.hair.value}"/>`,
46
+ long01: (components, colors) => `<path d="M12 1H5v1H4v1H3v1H2v2h2V5h1V4h1V3h5v1h1v1h1v1h1V3h-1V2h-1V1ZM13 8h1v6h-1v-1H9v-1h3v-1h1V8ZM2 8h1v3h1v1h3v1H3v1H2V8Z" fill="${colors.hair.value}"/>`,
28
47
  };
package/lib/components/index.d.ts CHANGED
@@ -1,9 +1,7 @@
1
- export { beard } from './beard.js';
1
+ export { accessories } from './accessories.js';
2
+ export { clothing } from './clothing.js';
2
3
  export { eyes } from './eyes.js';
3
- export { eyebrows } from './eyebrows.js';
4
+ export { glasses } from './glasses.js';
5
+ export { beard } from './beard.js';
4
6
  export { mouth } from './mouth.js';
5
7
  export { hair } from './hair.js';
6
- export { accessories } from './accessories.js';
7
- export { glasses } from './glasses.js';
8
- export { hat } from './hat.js';
9
- export { clothing } from './clothing.js';
package/lib/components/index.js CHANGED
@@ -1,9 +1,7 @@
1
- export { beard } from './beard.js';
1
+ export { accessories } from './accessories.js';
2
+ export { clothing } from './clothing.js';
2
3
  export { eyes } from './eyes.js';
3
- export { eyebrows } from './eyebrows.js';
4
+ export { glasses } from './glasses.js';
5
+ export { beard } from './beard.js';
4
6
  export { mouth } from './mouth.js';
5
7
  export { hair } from './hair.js';
6
- export { accessories } from './accessories.js';
7
- export { glasses } from './glasses.js';
8
- export { hat } from './hat.js';
9
- export { clothing } from './clothing.js';
package/lib/components/mouth.js CHANGED
@@ -1,22 +1,25 @@
1
1
  export const mouth = {
2
- surprised03: (components, colors) => `<path d="M9 12v2h2v-2H9Z" fill="${colors.mouth.value}"/>`,
3
- surprised02: (components, colors) => `<path d="M9 13v1h1v-1H9Z" fill="${colors.mouth.value}"/>`,
4
- happy09: (components, colors) => `<path d="M7 12v1h1v1h4v-1H8v-1H7Z" fill="${colors.mouth.value}"/>`,
5
- happy08: (components, colors) => `<path d="M10 12v1H9v1h2v-2h-1Z" fill="${colors.mouth.value}"/>`,
6
- happy07: (components, colors) => `<path d="M8 13v1h4v-1h1v-1h-1v1H8Z" fill="${colors.mouth.value}"/>`,
7
- 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"/>`,
8
- happy05: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1H8Z" fill="${colors.mouth.value}"/>`,
9
- happy04: (components, colors) => `<path d="M9 13v1h2v-1h1v-1h-1v1H9Z" fill="${colors.mouth.value}"/>`,
10
- happy03: (components, colors) => `<path d="M8 12v1h1v1h2v-1H9v-1H8Z" fill="${colors.mouth.value}"/>`,
11
- happy02: (components, colors) => `<path d="M8 12v1h1v1h2v-1h1v-1h-1v-1H9v1H8Z" fill="${colors.mouth.value}"/><path d="M9 12v1h2v-1H9Z" fill="#fff"/>`,
12
- 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"/>`,
13
- sad08: (components, colors) => `<path d="M9 12v1H8v1h4v-1h-1v-1H9Z" fill="${colors.mouth.value}"/>`,
14
- sad07: (components, colors) => `<path d="M11 12v1H9v1H8v-1h1v-1h2Z" fill="${colors.mouth.value}"/>`,
15
- sad06: (components, colors) => `<path d="M8 12h3v1H8v-1Z" fill="${colors.mouth.value}"/>`,
16
- sad05: (components, colors) => `<path d="M8 12h4v1H8v-1Z" fill="${colors.mouth.value}"/>`,
17
- sad04: (components, colors) => `<path d="M9 12h2v1H9v-1Z" fill="${colors.mouth.value}"/>`,
18
- sad03: (components, colors) => `<path d="M8 12v1h3v1h1v-1h-1v-1H8Z" fill="${colors.mouth.value}"/>`,
19
- sad02: (components, colors) => `<path d="M8 13v1h1v-1h3v-1H9v1H8Z" fill="${colors.mouth.value}"/>`,
20
- sad01: (components, colors) => `<path d="M10 12v1h1v1h1v-2h-2Z" fill="${colors.mouth.value}"/>`,
21
- surprised01: (components, colors) => `<path d="M8 12v2h4v-2H8Z" fill="#fff"/>`,
2
+ sad10: (components, colors) => `<path d="M7 9v1h1v1h1V9H7Z" fill="${colors.mouth.value}"/>`,
3
+ sad09: (components, colors) => `<path d="M6 10v1h1v-1h3V9H7v1H6Z" fill="${colors.mouth.value}"/>`,
4
+ sad08: (components, colors) => `<path d="M6 9v1h3v1h1v-1H9V9H6Z" fill="${colors.mouth.value}"/>`,
5
+ sad07: (components, colors) => `<path d="M7 9h2v1H7V9Z" fill="${colors.mouth.value}"/>`,
6
+ sad06: (components, colors) => `<path d="M6 9h4v1H6V9Z" fill="${colors.mouth.value}"/>`,
7
+ sad05: (components, colors) => `<path d="M7 9h3v1H7V9Z" fill="${colors.mouth.value}"/>`,
8
+ sad04: (components, colors) => `<path d="M6 9h3v1H6V9Z" fill="${colors.mouth.value}"/>`,
9
+ sad03: (components, colors) => `<path d="M9 9v1H7v1H6v-1h1V9h2Z" fill="${colors.mouth.value}"/>`,
10
+ sad02: (components, colors) => `<path d="M7 9v1h2v1h1v-1H9V9H7Z" fill="${colors.mouth.value}"/>`,
11
+ sad01: (components, colors) => `<path d="M7 9h2v1H7V9ZM7 10v1H6v-1h1ZM9 10v1h1v-1H9Z" fill="${colors.mouth.value}"/>`,
12
+ happy13: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${colors.mouth.value}"/><path d="M7 10v1h2v-1H7Z" fill="none"/>`,
13
+ happy12: (components, colors) => `<path d="M6 10v1h1v1h2v-1h1v-1H9V9H7v1H6Z" fill="${colors.mouth.value}"/><path d="M7 10v1h2v-1H7Z" fill="#fff"/>`,
14
+ happy11: (components, colors) => `<path d="M6 9v1h1v1h2v-1H7V9H6Z" fill="${colors.mouth.value}"/>`,
15
+ happy10: (components, colors) => `<path d="M10 9v1H9v1H7v-1h2V9h1Z" fill="${colors.mouth.value}"/>`,
16
+ happy09: (components, colors) => `<path d="M7 11h2v-1H7v1ZM7 10V9H6v1h1ZM9 10V9h1v1H9Z" fill="${colors.mouth.value}"/>`,
17
+ happy08: (components, colors) => `<path d="M6 11v-1h3V9h1v1H9v1H6Z" fill="${colors.mouth.value}"/>`,
18
+ happy07: (components, colors) => `<path d="M10 11v-1H7V9H6v1h1v1h3Z" fill="${colors.mouth.value}"/>`,
19
+ happy06: (components, colors) => `<path d="M6 9v1h1v1h2v-1h1V9H6Z" fill="${colors.mouth.value}"/>`,
20
+ happy05: (components, colors) => `<path d="M7 9v2h2v-1H8V9H7Z" fill="${colors.mouth.value}"/><path d="M9 11v-1H8V9H7v1h1v1h1Z" fill="none"/>`,
21
+ happy04: (components, colors) => `<path d="M9 9v1H8v1h2V9H9Z" fill="${colors.mouth.value}"/>`,
22
+ happy03: (components, colors) => `<path d="M7 9v1h1v1H6V9h1Z" fill="${colors.mouth.value}"/>`,
23
+ happy02: (components, colors) => `<path d="M8 10v1h1v-1H8Z" fill="${colors.mouth.value}"/>`,
24
+ happy01: (components, colors) => `<path d="M7 9v2h2V9H7Z" fill="${colors.mouth.value}"/>`,
22
25
  };
package/lib/core.js CHANGED
@@ -6,26 +6,27 @@ import { onPostCreate } from './hooks/onPostCreate.js';
6
6
  export const style = {
7
7
  meta: {
8
8
  title: 'Pixel Art',
9
- creator: 'Plastic Jam',
9
+ creator: 'Florian Körner',
10
+ source: 'https://dicebear.com',
10
11
  license: {
11
- name: 'MIT',
12
- url: 'https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE',
12
+ name: 'CC0 1.0',
13
+ url: 'https://creativecommons.org/licenses/zero/1.0/',
13
14
  },
14
15
  },
15
16
  schema: schema,
16
17
  create: ({ prng, options }) => {
17
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
18
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
18
19
  onPreCreate({ prng, options });
19
20
  const components = getComponents({ prng, options });
20
21
  const colors = getColors({ prng, options });
21
22
  onPostCreate({ prng, options, components, colors });
22
23
  return {
23
24
  attributes: {
24
- viewBox: '0 0 20 20',
25
+ viewBox: '0 0 16 16',
25
26
  fill: 'none',
26
- 'shape-rendering': 'auto',
27
+ 'shape-rendering': 'crispEdges',
27
28
  },
28
- 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 : ''}`,
29
+ 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 : ''}`,
29
30
  };
30
31
  },
31
32
  };
package/lib/index.d.ts CHANGED
@@ -3,10 +3,10 @@
3
3
  *
4
4
  * Code licensed under MIT License.
5
5
  * Copyright (c) 2022 Florian Körner
6
- * Copyright (c) 2022 Plastic Jam
7
6
  *
8
- * Design "Pixel Art" by Plastic Jam licensed under MIT.
9
- * License: https://github.com/dicebear/dicebear/blob/main/packages/%40dicebear/pixel-art/LICENSE
7
+ * Design "Pixel Art" by Florian Körner licensed under CC0 1.0.
8
+ * Source: https://dicebear.com
9
+ * License: https://creativecommons.org/licenses/zero/1.0/
10
10
  */
11
11
  declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
12
12
  export { create, meta, schema };