@dicebear/pixel-art-neutral 5.0.0-alpha.21 → 5.0.0-alpha.26
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.
- package/LICENSE +0 -1
- package/README.md +9 -3
- package/lib/colors/{hair.d.ts → eyes.d.ts} +1 -1
- package/lib/colors/eyes.js +8 -0
- package/lib/colors/glasses.js +3 -3
- package/lib/colors/index.d.ts +3 -3
- package/lib/colors/index.js +3 -3
- package/lib/components/eyes.js +12 -13
- package/lib/components/glasses.js +14 -7
- package/lib/components/index.d.ts +1 -2
- package/lib/components/index.js +1 -2
- package/lib/components/mouth.js +23 -20
- package/lib/core.js +8 -7
- package/lib/index.d.ts +4 -4
- package/lib/index.js +4 -4
- package/lib/schema.js +102 -134
- package/lib/types.d.ts +6 -7
- package/lib/utils/getColors.js +8 -8
- package/lib/utils/getComponents.js +4 -10
- package/package.json +4 -4
- package/lib/colors/hair.js +0 -12
- package/lib/components/eyebrows.d.ts +0 -2
- package/lib/components/eyebrows.js +0 -15
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
<h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Pixel Art
|
|
1
|
+
<h1 align="center"><img src="./tests/svg/0.svg" width="124" /> <br />Pixel Art Neutral</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
|
-
|
|
4
|
+
<a href="https://dicebear.com">Pixel Art neutral</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">
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ColorGroup } from '../types.js';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const eyes: ColorGroup;
|
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/index.d.ts
CHANGED
package/lib/colors/index.js
CHANGED
package/lib/components/eyes.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
export const eyes = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
};
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
export const glasses = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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/index.js
CHANGED
package/lib/components/mouth.js
CHANGED
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
export const mouth = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
@@ -5,16 +5,17 @@ import { onPreCreate } from './hooks/onPreCreate.js';
|
|
|
5
5
|
import { onPostCreate } from './hooks/onPostCreate.js';
|
|
6
6
|
export const style = {
|
|
7
7
|
meta: {
|
|
8
|
-
title: 'Pixel Art
|
|
9
|
-
creator: '
|
|
8
|
+
title: 'Pixel Art neutral',
|
|
9
|
+
creator: 'Florian Körner',
|
|
10
|
+
source: 'https://dicebear.com',
|
|
10
11
|
license: {
|
|
11
|
-
name: '
|
|
12
|
-
url: 'https://
|
|
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
|
|
18
|
+
var _a, _b, _c, _d, _e, _f;
|
|
18
19
|
onPreCreate({ prng, options });
|
|
19
20
|
const components = getComponents({ prng, options });
|
|
20
21
|
const colors = getColors({ prng, options });
|
|
@@ -24,9 +25,9 @@ export const style = {
|
|
|
24
25
|
attributes: {
|
|
25
26
|
viewBox: '0 0 14 14',
|
|
26
27
|
fill: 'none',
|
|
27
|
-
'shape-rendering': '
|
|
28
|
+
'shape-rendering': 'crispEdges',
|
|
28
29
|
},
|
|
29
|
-
body: `<g transform="translate(-
|
|
30
|
+
body: `<g transform="translate(-1 -2)">${(_b = (_a = components.eyes) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}</g><g transform="translate(-1 -2)">${(_d = (_c = components.glasses) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}</g><g transform="translate(-1)">${(_f = (_e = components.mouth) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}</g>`,
|
|
30
31
|
};
|
|
31
32
|
},
|
|
32
33
|
};
|
package/lib/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Pixel Art
|
|
2
|
+
* Pixel Art Neutral (@dicebear/pixel-art-neutral)
|
|
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
|
|
9
|
-
*
|
|
7
|
+
* Design "Pixel Art neutral" 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 };
|
package/lib/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Pixel Art
|
|
2
|
+
* Pixel Art Neutral (@dicebear/pixel-art-neutral)
|
|
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
|
|
9
|
-
*
|
|
7
|
+
* Design "Pixel Art neutral" 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
|
import { style } from './core.js';
|
|
12
12
|
const { create, meta, schema } = style;
|
package/lib/schema.js
CHANGED
|
@@ -29,12 +29,11 @@ export const schema = {
|
|
|
29
29
|
['variant08'],
|
|
30
30
|
],
|
|
31
31
|
},
|
|
32
|
-
|
|
32
|
+
eyes: {
|
|
33
33
|
type: 'array',
|
|
34
34
|
items: {
|
|
35
35
|
type: 'string',
|
|
36
36
|
enum: [
|
|
37
|
-
'variant13',
|
|
38
37
|
'variant12',
|
|
39
38
|
'variant11',
|
|
40
39
|
'variant10',
|
|
@@ -50,7 +49,6 @@ export const schema = {
|
|
|
50
49
|
],
|
|
51
50
|
},
|
|
52
51
|
default: [
|
|
53
|
-
'variant13',
|
|
54
52
|
'variant12',
|
|
55
53
|
'variant11',
|
|
56
54
|
'variant10',
|
|
@@ -65,7 +63,6 @@ export const schema = {
|
|
|
65
63
|
'variant01',
|
|
66
64
|
],
|
|
67
65
|
examples: [
|
|
68
|
-
['variant13'],
|
|
69
66
|
['variant12'],
|
|
70
67
|
['variant11'],
|
|
71
68
|
['variant10'],
|
|
@@ -80,55 +77,27 @@ export const schema = {
|
|
|
80
77
|
['variant01'],
|
|
81
78
|
],
|
|
82
79
|
},
|
|
83
|
-
|
|
80
|
+
eyesColor: {
|
|
84
81
|
type: 'array',
|
|
85
82
|
items: {
|
|
86
83
|
type: 'string',
|
|
87
|
-
|
|
88
|
-
'variant13',
|
|
89
|
-
'variant12',
|
|
90
|
-
'variant11',
|
|
91
|
-
'variant10',
|
|
92
|
-
'variant09',
|
|
93
|
-
'variant08',
|
|
94
|
-
'variant07',
|
|
95
|
-
'variant06',
|
|
96
|
-
'variant05',
|
|
97
|
-
'variant04',
|
|
98
|
-
'variant03',
|
|
99
|
-
'variant02',
|
|
100
|
-
'variant01',
|
|
101
|
-
],
|
|
84
|
+
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})$',
|
|
102
85
|
},
|
|
103
86
|
default: [
|
|
104
|
-
'variant13',
|
|
105
|
-
'variant12',
|
|
106
|
-
'variant11',
|
|
107
|
-
'variant10',
|
|
108
|
-
'variant09',
|
|
109
|
-
'variant08',
|
|
110
|
-
'variant07',
|
|
111
|
-
'variant06',
|
|
112
|
-
'variant05',
|
|
113
|
-
'variant04',
|
|
114
|
-
'variant03',
|
|
115
|
-
'variant02',
|
|
116
87
|
'variant01',
|
|
88
|
+
'variant02',
|
|
89
|
+
'variant03',
|
|
90
|
+
'variant04',
|
|
91
|
+
'variant05',
|
|
92
|
+
'variant06',
|
|
117
93
|
],
|
|
118
94
|
examples: [
|
|
119
|
-
['variant13'],
|
|
120
|
-
['variant12'],
|
|
121
|
-
['variant11'],
|
|
122
|
-
['variant10'],
|
|
123
|
-
['variant09'],
|
|
124
|
-
['variant08'],
|
|
125
|
-
['variant07'],
|
|
126
|
-
['variant06'],
|
|
127
|
-
['variant05'],
|
|
128
|
-
['variant04'],
|
|
129
|
-
['variant03'],
|
|
130
|
-
['variant02'],
|
|
131
95
|
['variant01'],
|
|
96
|
+
['variant02'],
|
|
97
|
+
['variant03'],
|
|
98
|
+
['variant04'],
|
|
99
|
+
['variant05'],
|
|
100
|
+
['variant06'],
|
|
132
101
|
],
|
|
133
102
|
},
|
|
134
103
|
glasses: {
|
|
@@ -136,32 +105,53 @@ export const schema = {
|
|
|
136
105
|
items: {
|
|
137
106
|
type: 'string',
|
|
138
107
|
enum: [
|
|
139
|
-
'
|
|
140
|
-
'
|
|
141
|
-
'
|
|
142
|
-
'
|
|
143
|
-
'
|
|
144
|
-
'
|
|
145
|
-
'
|
|
108
|
+
'light07',
|
|
109
|
+
'light06',
|
|
110
|
+
'light05',
|
|
111
|
+
'light04',
|
|
112
|
+
'light03',
|
|
113
|
+
'light02',
|
|
114
|
+
'light01',
|
|
115
|
+
'dark07',
|
|
116
|
+
'dark06',
|
|
117
|
+
'dark05',
|
|
118
|
+
'dark04',
|
|
119
|
+
'dark03',
|
|
120
|
+
'dark02',
|
|
121
|
+
'dark01',
|
|
146
122
|
],
|
|
147
123
|
},
|
|
148
124
|
default: [
|
|
149
|
-
'
|
|
150
|
-
'
|
|
151
|
-
'
|
|
152
|
-
'
|
|
153
|
-
'
|
|
154
|
-
'
|
|
155
|
-
'
|
|
125
|
+
'light07',
|
|
126
|
+
'light06',
|
|
127
|
+
'light05',
|
|
128
|
+
'light04',
|
|
129
|
+
'light03',
|
|
130
|
+
'light02',
|
|
131
|
+
'light01',
|
|
132
|
+
'dark07',
|
|
133
|
+
'dark06',
|
|
134
|
+
'dark05',
|
|
135
|
+
'dark04',
|
|
136
|
+
'dark03',
|
|
137
|
+
'dark02',
|
|
138
|
+
'dark01',
|
|
156
139
|
],
|
|
157
140
|
examples: [
|
|
158
|
-
['
|
|
159
|
-
['
|
|
160
|
-
['
|
|
161
|
-
['
|
|
162
|
-
['
|
|
163
|
-
['
|
|
164
|
-
['
|
|
141
|
+
['light07'],
|
|
142
|
+
['light06'],
|
|
143
|
+
['light05'],
|
|
144
|
+
['light04'],
|
|
145
|
+
['light03'],
|
|
146
|
+
['light02'],
|
|
147
|
+
['light01'],
|
|
148
|
+
['dark07'],
|
|
149
|
+
['dark06'],
|
|
150
|
+
['dark05'],
|
|
151
|
+
['dark04'],
|
|
152
|
+
['dark03'],
|
|
153
|
+
['dark02'],
|
|
154
|
+
['dark01'],
|
|
165
155
|
],
|
|
166
156
|
},
|
|
167
157
|
glassesColor: {
|
|
@@ -170,60 +160,41 @@ export const schema = {
|
|
|
170
160
|
type: 'string',
|
|
171
161
|
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})$',
|
|
172
162
|
},
|
|
173
|
-
default: ['
|
|
163
|
+
default: ['black01', 'black02', 'black03', 'blue01', 'green01', 'red01'],
|
|
174
164
|
examples: [
|
|
175
|
-
['green01'],
|
|
176
|
-
['blue01'],
|
|
177
|
-
['red01'],
|
|
178
165
|
['black01'],
|
|
179
166
|
['black02'],
|
|
180
167
|
['black03'],
|
|
168
|
+
['blue01'],
|
|
169
|
+
['green01'],
|
|
170
|
+
['red01'],
|
|
181
171
|
],
|
|
182
172
|
},
|
|
183
173
|
glassesProbability: {
|
|
184
174
|
type: 'integer',
|
|
185
175
|
minimum: 0,
|
|
186
176
|
maximum: 100,
|
|
187
|
-
default:
|
|
188
|
-
},
|
|
189
|
-
hairColor: {
|
|
190
|
-
type: 'array',
|
|
191
|
-
items: {
|
|
192
|
-
type: 'string',
|
|
193
|
-
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})$',
|
|
194
|
-
},
|
|
195
|
-
default: [
|
|
196
|
-
'variant01',
|
|
197
|
-
'variant02',
|
|
198
|
-
'variant03',
|
|
199
|
-
'variant04',
|
|
200
|
-
'variant05',
|
|
201
|
-
'variant06',
|
|
202
|
-
'variant07',
|
|
203
|
-
'variant08',
|
|
204
|
-
'variant09',
|
|
205
|
-
'variant10',
|
|
206
|
-
],
|
|
207
|
-
examples: [
|
|
208
|
-
['variant01'],
|
|
209
|
-
['variant02'],
|
|
210
|
-
['variant03'],
|
|
211
|
-
['variant04'],
|
|
212
|
-
['variant05'],
|
|
213
|
-
['variant06'],
|
|
214
|
-
['variant07'],
|
|
215
|
-
['variant08'],
|
|
216
|
-
['variant09'],
|
|
217
|
-
['variant10'],
|
|
218
|
-
],
|
|
177
|
+
default: 10,
|
|
219
178
|
},
|
|
220
179
|
mouth: {
|
|
221
180
|
type: 'array',
|
|
222
181
|
items: {
|
|
223
182
|
type: 'string',
|
|
224
183
|
enum: [
|
|
225
|
-
'
|
|
226
|
-
'
|
|
184
|
+
'sad10',
|
|
185
|
+
'sad09',
|
|
186
|
+
'sad08',
|
|
187
|
+
'sad07',
|
|
188
|
+
'sad06',
|
|
189
|
+
'sad05',
|
|
190
|
+
'sad04',
|
|
191
|
+
'sad03',
|
|
192
|
+
'sad02',
|
|
193
|
+
'sad01',
|
|
194
|
+
'happy13',
|
|
195
|
+
'happy12',
|
|
196
|
+
'happy11',
|
|
197
|
+
'happy10',
|
|
227
198
|
'happy09',
|
|
228
199
|
'happy08',
|
|
229
200
|
'happy07',
|
|
@@ -233,20 +204,23 @@ export const schema = {
|
|
|
233
204
|
'happy03',
|
|
234
205
|
'happy02',
|
|
235
206
|
'happy01',
|
|
236
|
-
'sad08',
|
|
237
|
-
'sad07',
|
|
238
|
-
'sad06',
|
|
239
|
-
'sad05',
|
|
240
|
-
'sad04',
|
|
241
|
-
'sad03',
|
|
242
|
-
'sad02',
|
|
243
|
-
'sad01',
|
|
244
|
-
'surprised01',
|
|
245
207
|
],
|
|
246
208
|
},
|
|
247
209
|
default: [
|
|
248
|
-
'
|
|
249
|
-
'
|
|
210
|
+
'sad10',
|
|
211
|
+
'sad09',
|
|
212
|
+
'sad08',
|
|
213
|
+
'sad07',
|
|
214
|
+
'sad06',
|
|
215
|
+
'sad05',
|
|
216
|
+
'sad04',
|
|
217
|
+
'sad03',
|
|
218
|
+
'sad02',
|
|
219
|
+
'sad01',
|
|
220
|
+
'happy13',
|
|
221
|
+
'happy12',
|
|
222
|
+
'happy11',
|
|
223
|
+
'happy10',
|
|
250
224
|
'happy09',
|
|
251
225
|
'happy08',
|
|
252
226
|
'happy07',
|
|
@@ -256,19 +230,22 @@ export const schema = {
|
|
|
256
230
|
'happy03',
|
|
257
231
|
'happy02',
|
|
258
232
|
'happy01',
|
|
259
|
-
'sad08',
|
|
260
|
-
'sad07',
|
|
261
|
-
'sad06',
|
|
262
|
-
'sad05',
|
|
263
|
-
'sad04',
|
|
264
|
-
'sad03',
|
|
265
|
-
'sad02',
|
|
266
|
-
'sad01',
|
|
267
|
-
'surprised01',
|
|
268
233
|
],
|
|
269
234
|
examples: [
|
|
270
|
-
['
|
|
271
|
-
['
|
|
235
|
+
['sad10'],
|
|
236
|
+
['sad09'],
|
|
237
|
+
['sad08'],
|
|
238
|
+
['sad07'],
|
|
239
|
+
['sad06'],
|
|
240
|
+
['sad05'],
|
|
241
|
+
['sad04'],
|
|
242
|
+
['sad03'],
|
|
243
|
+
['sad02'],
|
|
244
|
+
['sad01'],
|
|
245
|
+
['happy13'],
|
|
246
|
+
['happy12'],
|
|
247
|
+
['happy11'],
|
|
248
|
+
['happy10'],
|
|
272
249
|
['happy09'],
|
|
273
250
|
['happy08'],
|
|
274
251
|
['happy07'],
|
|
@@ -278,15 +255,6 @@ export const schema = {
|
|
|
278
255
|
['happy03'],
|
|
279
256
|
['happy02'],
|
|
280
257
|
['happy01'],
|
|
281
|
-
['sad08'],
|
|
282
|
-
['sad07'],
|
|
283
|
-
['sad06'],
|
|
284
|
-
['sad05'],
|
|
285
|
-
['sad04'],
|
|
286
|
-
['sad03'],
|
|
287
|
-
['sad02'],
|
|
288
|
-
['sad01'],
|
|
289
|
-
['surprised01'],
|
|
290
258
|
],
|
|
291
259
|
},
|
|
292
260
|
mouthColor: {
|
package/lib/types.d.ts
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
export interface Options {
|
|
2
|
-
eyes?: ('
|
|
3
|
-
|
|
4
|
-
mouth?: ('surprised03' | 'surprised02' | 'happy09' | 'happy08' | 'happy07' | 'happy06' | 'happy05' | 'happy04' | 'happy03' | 'happy02' | 'happy01' | 'sad08' | 'sad07' | 'sad06' | 'sad05' | 'sad04' | 'sad03' | 'sad02' | 'sad01' | 'surprised01')[];
|
|
5
|
-
glasses?: ('variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
|
|
2
|
+
eyes?: ('variant12' | 'variant11' | 'variant10' | 'variant09' | 'variant08' | 'variant07' | 'variant06' | 'variant05' | 'variant04' | 'variant03' | 'variant02' | 'variant01')[];
|
|
3
|
+
glasses?: ('light07' | 'light06' | 'light05' | 'light04' | 'light03' | 'light02' | 'light01' | 'dark07' | 'dark06' | 'dark05' | 'dark04' | 'dark03' | 'dark02' | 'dark01')[];
|
|
6
4
|
glassesProbability?: number;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
mouthColor?: string[];
|
|
5
|
+
mouth?: ('sad10' | 'sad09' | 'sad08' | 'sad07' | 'sad06' | 'sad05' | 'sad04' | 'sad03' | 'sad02' | 'sad01' | 'happy13' | 'happy12' | 'happy11' | 'happy10' | 'happy09' | 'happy08' | 'happy07' | 'happy06' | 'happy05' | 'happy04' | 'happy03' | 'happy02' | 'happy01')[];
|
|
6
|
+
eyesColor?: string[];
|
|
10
7
|
glassesColor?: string[];
|
|
8
|
+
mouthColor?: string[];
|
|
9
|
+
backgroundColor?: string[];
|
|
11
10
|
}
|
|
12
11
|
export declare type ColorGroup = Record<string, ColorGroupItem>;
|
|
13
12
|
export declare type ColorGroupCollection = Record<string, ColorGroup>;
|
package/lib/utils/getColors.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { pickColor } from './pickColor.js';
|
|
2
2
|
export function getColors({ prng, options }) {
|
|
3
3
|
return {
|
|
4
|
-
|
|
4
|
+
eyes: pickColor({
|
|
5
5
|
prng,
|
|
6
|
-
group: '
|
|
7
|
-
values: options.
|
|
8
|
-
}),
|
|
9
|
-
mouth: pickColor({
|
|
10
|
-
prng,
|
|
11
|
-
group: 'mouth',
|
|
12
|
-
values: options.mouthColor,
|
|
6
|
+
group: 'eyes',
|
|
7
|
+
values: options.eyesColor,
|
|
13
8
|
}),
|
|
14
9
|
glasses: pickColor({
|
|
15
10
|
prng,
|
|
16
11
|
group: 'glasses',
|
|
17
12
|
values: options.glassesColor,
|
|
18
13
|
}),
|
|
14
|
+
mouth: pickColor({
|
|
15
|
+
prng,
|
|
16
|
+
group: 'mouth',
|
|
17
|
+
values: options.mouthColor,
|
|
18
|
+
}),
|
|
19
19
|
background: pickColor({
|
|
20
20
|
prng,
|
|
21
21
|
group: 'skin',
|
|
@@ -5,27 +5,21 @@ export function getComponents({ prng, options, }) {
|
|
|
5
5
|
group: 'eyes',
|
|
6
6
|
values: options.eyes,
|
|
7
7
|
});
|
|
8
|
-
const
|
|
8
|
+
const glassesComponent = pickComponent({
|
|
9
9
|
prng,
|
|
10
|
-
group: '
|
|
11
|
-
values: options.
|
|
10
|
+
group: 'glasses',
|
|
11
|
+
values: options.glasses,
|
|
12
12
|
});
|
|
13
13
|
const mouthComponent = pickComponent({
|
|
14
14
|
prng,
|
|
15
15
|
group: 'mouth',
|
|
16
16
|
values: options.mouth,
|
|
17
17
|
});
|
|
18
|
-
const glassesComponent = pickComponent({
|
|
19
|
-
prng,
|
|
20
|
-
group: 'glasses',
|
|
21
|
-
values: options.glasses,
|
|
22
|
-
});
|
|
23
18
|
return {
|
|
24
19
|
eyes: eyesComponent,
|
|
25
|
-
eyebrows: eyebrowsComponent,
|
|
26
|
-
mouth: mouthComponent,
|
|
27
20
|
glasses: prng.bool(options.glassesProbability)
|
|
28
21
|
? glassesComponent
|
|
29
22
|
: undefined,
|
|
23
|
+
mouth: mouthComponent,
|
|
30
24
|
};
|
|
31
25
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dicebear/pixel-art-neutral",
|
|
3
|
-
"version": "5.0.0-alpha.
|
|
3
|
+
"version": "5.0.0-alpha.26",
|
|
4
4
|
"description": "Avatar style for DiceBear",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"dicebear"
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"test": "uvu tests"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@dicebear/core": "^5.0.0-alpha.
|
|
31
|
+
"@dicebear/core": "^5.0.0-alpha.26",
|
|
32
32
|
"@tsconfig/recommended": "^1.0.1",
|
|
33
33
|
"del-cli": "^4.0.1",
|
|
34
34
|
"typescript": "^4.6.3",
|
|
35
35
|
"uvu": "^0.5.3"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"@dicebear/core": "^5.0.0-alpha.
|
|
38
|
+
"@dicebear/core": "^5.0.0-alpha.21"
|
|
39
39
|
},
|
|
40
40
|
"engines": {
|
|
41
41
|
"node": "^14.13.1 || >=16.0.0"
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "68a91a6c5fa46dd8317fe066803657ac0bf59f68"
|
|
47
47
|
}
|
package/lib/colors/hair.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export const hair = {
|
|
2
|
-
variant01: 'rgba(202, 177, 136, 1)',
|
|
3
|
-
variant02: 'rgba(167, 137, 97, 1)',
|
|
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)',
|
|
12
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export const eyebrows = {
|
|
2
|
-
variant13: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M8 4v1H7v1H5V5h2V4h1Zm4 0h1v1h2v1h-2V5h-1V4Z" fill="${colors.hair.value}"/><path d="M8 4v1H7v1H5V5h2V4h1Zm4 0h1v1h2v1h-2V5h-1V4Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
3
|
-
variant12: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h3v2H8V6H6V5Zm5 0h3v1h-2v1h-1V5Z" fill="${colors.hair.value}"/><path d="M6 5h3v2H8V6H6V5Zm5 0h3v1h-2v1h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
4
|
-
variant11: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 5h3v1h1v1H8V6H5V5Zm10 0h-3v1h-1v1h1V6h3V5Z" fill="${colors.hair.value}"/><path d="M5 5h3v1h1v1H8V6H5V5Zm10 0h-3v1h-1v1h1V6h3V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
5
|
-
variant10: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5H4v2h1V6h1V5Zm8 0h2v2h-1V6h-1V5Z" fill="${colors.hair.value}"/><path d="M6 5H4v2h1V6h1V5Zm8 0h2v2h-1V6h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
6
|
-
variant09: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M5 6h2v1H5V6Zm8 0h2v1h-2V6Z" fill="${colors.hair.value}"/><path d="M5 6h2v1H5V6Zm8 0h2v1h-2V6Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
7
|
-
variant08: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h1v1h1v1H5V6h1V5Zm7 0h1v1h1v1h-3V6h1V5Z" fill="${colors.hair.value}"/><path d="M6 5h1v1h1v1H5V6h1V5Zm7 0h1v1h1v1h-3V6h1V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
8
|
-
variant07: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M6 5h2v1h1v1H8V6H6V5Zm8 0h-2v1h-1v1h1V6h2V5Z" fill="${colors.hair.value}"/><path d="M6 5h2v1h1v1H8V6H6V5Zm8 0h-2v1h-1v1h1V6h2V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
9
|
-
variant06: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M12 7V6h1V5h1v1h1v1h-1V6h-1v1h-1ZM5 7V6h1V5h1v1h1v1H7V6H6v1H5Z" fill="${colors.hair.value}"/><path d="M12 7V6h1V5h1v1h1v1h-1V6h-1v1h-1ZM5 7V6h1V5h1v1h1v1H7V6H6v1H5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
10
|
-
variant05: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5v1H5v1H4V6h1V5h2Zm6 0h2v1h1v1h-1V6h-2V5Z" fill="${colors.hair.value}"/><path d="M7 5v1H5v1H4V6h1V5h2Zm6 0h2v1h1v1h-1V6h-2V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
11
|
-
variant04: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 7V5h3v1H5v1H4Zm12-2v2h-1V6h-2V5h3Z" fill="${colors.hair.value}"/><path d="M4 7V5h3v1H5v1H4Zm12-2v2h-1V6h-2V5h3Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
12
|
-
variant03: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5h1v1h1v1H8V6H7V5Zm6 0v1h-1v1h-1V6h1V5h1Z" fill="${colors.hair.value}"/><path d="M7 5h1v1h1v1H8V6H7V5Zm6 0v1h-1v1h-1V6h1V5h1Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
13
|
-
variant02: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M4 7V6h1V5h1v1H5v1H4Zm10-2h1v1h1v1h-1V6h-1V5Z" fill="${colors.hair.value}"/><path d="M4 7V6h1V5h1v1H5v1H4Zm10-2h1v1h1v1h-1V6h-1V5Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
14
|
-
variant01: (components, colors) => `<g fill-rule="evenodd" clip-rule="evenodd"><path d="M7 5v1H5v1H4V6h1V5h2Zm7 0v1h-2v1h-1V6h1V5h2Z" fill="${colors.hair.value}"/><path d="M7 5v1H5v1H4V6h1V5h2Zm7 0v1h-2v1h-1V6h1V5h2Z" fill="#000" fill-opacity=".1"/></g>`,
|
|
15
|
-
};
|