@dicebear/avataaars 5.0.0-alpha.16 → 5.0.0-alpha.21

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Florian Körner
+Copyright (c) 2022 Florian Körner
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/colors/accessories.js

@@ -3,7 +3,7 @@ export const accessories = {
     blue01: 'rgba(101, 201, 255, 1)',
     blue02: 'rgba(81, 153, 228, 1)',
     blue03: 'rgba(37, 85, 124, 1)',
-    gray01: 'rgba(229, 229, 229, 1)',
+    gray01: 'rgba(230, 230, 230, 1)',
     gray02: 'rgba(146, 149, 152, 1)',
     heather: 'rgba(60, 79, 92, 1)',
     pastelBlue: 'rgba(177, 226, 255, 1)',

package/lib/colors/clothes.js

@@ -3,7 +3,7 @@ export const clothes = {
     blue01: 'rgba(101, 201, 255, 1)',
     blue02: 'rgba(81, 153, 228, 1)',
     blue03: 'rgba(37, 85, 124, 1)',
-    gray01: 'rgba(229, 229, 229, 1)',
+    gray01: 'rgba(230, 230, 230, 1)',
     gray02: 'rgba(146, 149, 152, 1)',
     heather: 'rgba(60, 79, 92, 1)',
     pastelBlue: 'rgba(177, 226, 255, 1)',

package/lib/colors/hat.js

@@ -3,7 +3,7 @@ export const hat = {
     blue01: 'rgba(101, 201, 255, 1)',
     blue02: 'rgba(81, 153, 228, 1)',
     blue03: 'rgba(37, 85, 124, 1)',
-    gray01: 'rgba(229, 229, 229, 1)',
+    gray01: 'rgba(230, 230, 230, 1)',
     gray02: 'rgba(146, 149, 152, 1)',
     heather: 'rgba(60, 79, 92, 1)',
     pastelBlue: 'rgba(177, 226, 255, 1)',

package/lib/core.js

@@ -3,7 +3,6 @@ import { getComponents } from './utils/getComponents.js';
 import { getColors } from './utils/getColors.js';
 import { onPreCreate } from './hooks/onPreCreate.js';
 import { onPostCreate } from './hooks/onPostCreate.js';
-import { dimensions } from './meta/components.js';
 export const style = {
     meta: {
         title: 'Avataaars',
@@ -17,10 +16,10 @@ export const style = {
     schema: schema,
     create: ({ prng, options }) => {
         var _a, _b;
-        onPreCreate({ prng, options, preview: false });
+        onPreCreate({ prng, options });
         const components = getComponents({ prng, options });
         const colors = getColors({ prng, options });
-        onPostCreate({ prng, options, components, colors, preview: false });
+        onPostCreate({ prng, options, components, colors });
         return {
             attributes: {
                 viewBox: '0 0 280 280',
@@ -30,35 +29,4 @@ export const style = {
             body: `<g transform="translate(8)">${(_b = (_a = components.style) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}</g>`,
         };
     },
-    preview: ({ prng, options, property }) => {
-        var _a, _b;
-        const componentGroup = property.toString();
-        const colorGroup = property.toString().replace(/Color$/, '');
-        onPreCreate({ prng, options, preview: true });
-        const components = getComponents({ prng, options });
-        const colors = getColors({ prng, options });
-        onPostCreate({ prng, options, components, colors, preview: true });
-        if (componentGroup in components) {
-            const { width, height } = dimensions[componentGroup];
-            return {
-                attributes: {
-                    viewBox: `0 0 ${width} ${height}`,
-                    fill: 'none',
-                    'shape-rendering': 'auto',
-                },
-                body: (_b = (_a = components[componentGroup]) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : '',
-            };
-        }
-        if (colorGroup in colors) {
-            return {
-                attributes: {
-                    viewBox: `0 0 1 1`,
-                    fill: 'none',
-                    'shape-rendering': 'auto',
-                },
-                body: `<rect width="1" height="1" fill="${colors[colorGroup].value}" />`,
-            };
-        }
-        return undefined;
-    },
 };

package/lib/hooks/onPostCreate.d.ts

@@ -5,7 +5,6 @@ declare type Props = {
     options: StyleOptions<Options>;
     components: ComponentPickCollection;
     colors: ColorPickCollection;
-    preview: boolean;
 };
-export declare function onPostCreate({ prng, options, components, colors, preview, }: Props): void;
+export declare function onPostCreate({ prng, options, components, colors }: Props): void;
 export {};

package/lib/hooks/onPostCreate.js

@@ -1,4 +1,4 @@
-export function onPostCreate({ prng, options, components, colors, preview, }) {
+export function onPostCreate({ prng, options, components, colors }) {
     var _a;
     if (((_a = components.style) === null || _a === void 0 ? void 0 : _a.name) === 'circle') {
         options.backgroundColor = [];

package/lib/hooks/onPreCreate.d.ts

@@ -3,7 +3,6 @@ import { Options } from '../types.js';
 declare type Props = {
     prng: Prng;
     options: StyleOptions<Options>;
-    preview: boolean;
 };
-export declare function onPreCreate({ prng, options, preview }: Props): void;
+export declare function onPreCreate({ prng, options }: Props): void;
 export {};

package/lib/hooks/onPreCreate.js

@@ -1,3 +1,3 @@
-export function onPreCreate({ prng, options, preview }) {
+export function onPreCreate({ prng, options }) {
     // Write your modifications here
 }

package/lib/index.d.ts

@@ -2,12 +2,12 @@
  * Avataaars (@dicebear/avataaars)
  *
  * Code licensed under MIT License.
- * Copyright (c) 2021 Florian Körner
+ * Copyright (c) 2022 Florian Körner
  *
  * Design "Avataaars" by Pablo Stanley licensed under Free for personal and commercial use.
  * Source: https://avataaars.com/
  * License: https://avataaars.com/
  */
-declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, preview: import("@dicebear/core").StylePreview<import("./types.js").Options> | undefined, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
-export { create, preview, meta, schema };
+declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
+export { create, meta, schema };
 export type { Options } from './types.js';

package/lib/index.js

@@ -2,12 +2,12 @@
  * Avataaars (@dicebear/avataaars)
  *
  * Code licensed under MIT License.
- * Copyright (c) 2021 Florian Körner
+ * Copyright (c) 2022 Florian Körner
  *
  * Design "Avataaars" by Pablo Stanley licensed under Free for personal and commercial use.
  * Source: https://avataaars.com/
  * License: https://avataaars.com/
  */
 import { style } from './core.js';
-const { create, preview, meta, schema } = style;
-export { create, preview, meta, schema };
+const { create, meta, schema } = style;
+export { create, meta, schema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dicebear/avataaars",
-  "version": "5.0.0-alpha.16",
+  "version": "5.0.0-alpha.21",
   "description": "Avatar style for DiceBear",
   "keywords": [
     "dicebear"
@@ -28,21 +28,20 @@
     "test": "uvu tests"
   },
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.16",
-    "@tsconfig/recommended": "^1.0.0",
-    "@types/jest": "^26.0.22",
+    "@dicebear/core": "^5.0.0-alpha.21",
+    "@tsconfig/recommended": "^1.0.1",
     "del-cli": "^4.0.1",
-    "typescript": "^4.5.2",
-    "uvu": "^0.5.2"
+    "typescript": "^4.6.3",
+    "uvu": "^0.5.3"
   },
   "peerDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.10"
+    "@dicebear/core": "^5.0.0-alpha.16"
   },
   "engines": {
-    "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+    "node": "^14.13.1 || >=16.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "149a4a22c3a4d48dd5552bd22a49db0f853e0b5e"
+  "gitHead": "40b7190a19ba3c6c355178f1ae6c422229634e06"
 }

package/lib/meta/components.d.ts

@@ -1,4 +0,0 @@
-export declare const dimensions: Record<string, {
-    width: number;
-    height: number;
-}>;

package/lib/meta/components.js

@@ -1,42 +0,0 @@
-export const dimensions = {
-    style: {
-        width: 264,
-        height: 280,
-    },
-    clothing: {
-        width: 264,
-        height: 110,
-    },
-    mouth: {
-        width: 108,
-        height: 44,
-    },
-    nose: {
-        width: 56,
-        height: 24,
-    },
-    eyes: {
-        width: 112,
-        height: 44,
-    },
-    eyebrows: {
-        width: 112,
-        height: 24,
-    },
-    top: {
-        width: 266,
-        height: 280,
-    },
-    facialHair: {
-        width: 168,
-        height: 152,
-    },
-    accessories: {
-        width: 142,
-        height: 54,
-    },
-    clothingGraphic: {
-        width: 110,
-        height: 44,
-    },
-};