@dicebear/initials 5.0.0-alpha.11 → 5.0.0-alpha.15

package/lib/core.js

@@ -33,20 +33,21 @@ export const style = {
     },
     schema: schema,
     create: ({ prng, options }) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         options.backgroundColor = (_a = options.backgroundColor) === null || _a === void 0 ? void 0 : _a.map((val) => { var _a; return (_a = colors[val]) !== null && _a !== void 0 ? _a : val; });
-        let fontFamily = 'Arial,sans-serif';
-        let fontSize = ((_b = options.fontSize) !== null && _b !== void 0 ? _b : 50) / 100;
-        let seedInitials = initials(prng.seed.trim())
+        const fontFamily = (_c = (_b = options.fontFamily) === null || _b === void 0 ? void 0 : _b.join(', ')) !== null && _c !== void 0 ? _c : 'Arial, sans-serif';
+        const fontSize = (_d = options.fontSize) !== null && _d !== void 0 ? _d : 50;
+        const fontWeight = (_e = options.fontWeight) !== null && _e !== void 0 ? _e : 400;
+        const seedInitials = initials(prng.seed.trim())
             .toLocaleUpperCase()
-            .slice(0, (_c = options.chars) !== null && _c !== void 0 ? _c : 2);
+            .slice(0, (_f = options.chars) !== null && _f !== void 0 ? _f : 2);
         // prettier-ignore
-        let svg = [
-            `<text x="50%" y="50%" style="${options.bold ? 'font-weight: bold;' : ''} font-family: ${fontFamily}; font-size: ${fontSize}px" fill="#FFF" text-anchor="middle" dy="${(fontSize * .356).toFixed(3)}">${seedInitials}</text>`,
+        const svg = [
+            `<text x="50%" y="50%" font-family="${fontFamily}" font-size="${fontSize}" fontWeight="${fontWeight}" fill="#FFF" text-anchor="middle" dy="${(fontSize * .356).toFixed(3)}">${seedInitials}</text>`,
         ].join('');
         return {
             attributes: {
-                viewBox: '0 0 1 1',
+                viewBox: '0 0 100 100',
             },
             body: svg,
         };

package/lib/schema.js

@@ -3,9 +3,7 @@ export const schema = {
     $schema: 'http://json-schema.org/draft-07/schema#',
     properties: {
         backgroundColor: {
-            title: 'Background Color',
             type: 'array',
-            uniqueItems: true,
             items: {
                 type: 'string',
                 pattern: '^([0-9a-zA-Z]+|#[a-fA-F0-9]{3}|#[a-fA-F0-9]{4}|#[a-fA-F0-9]{6}|#[a-fA-F0-9]{8})$',
@@ -53,23 +51,49 @@ export const schema = {
                 ['yellow'],
             ],
         },
+        fontFamily: {
+            type: 'array',
+            uniqueItems: true,
+            minItems: 1,
+            items: {
+                type: 'string',
+                pattern: '^[a-zA-Z0-9\\-\\s]+$',
+            },
+            default: ['Arial', 'sans-serif'],
+            examples: [
+                ['Arial'],
+                ['Verdana'],
+                ['Helvetica'],
+                ['Tahoma'],
+                ['Trebuchet MS'],
+                ['Times New Roman'],
+                ['Georgia'],
+                ['Garamond'],
+                ['Courier New'],
+                ['Brush Script MT'],
+                ['sans-serif'],
+                ['serif'],
+            ],
+        },
         fontSize: {
-            title: 'Font Size',
             type: 'integer',
             minimum: 1,
             maximum: 100,
             default: 50,
+            examples: [25, 50, 75, 100],
         },
         chars: {
-            title: 'Chars',
             type: 'number',
             minimum: 0,
             maximum: 2,
             default: 2,
+            examples: [1, 2],
         },
-        bold: {
-            title: 'Bold',
-            type: 'boolean',
+        fontWeight: {
+            type: 'number',
+            default: 400,
+            enum: [100, 200, 300, 400, 500, 600, 700, 800, 900],
+            examples: [100, 200, 300, 400, 500, 600, 700, 800, 900],
         },
     },
     additionalProperties: false,

package/lib/types.d.ts

@@ -1,6 +1,7 @@
 export interface Options {
     backgroundColor?: string[];
+    fontFamily?: string[];
     fontSize?: number;
     chars?: number;
-    bold?: boolean;
+    fontWeight?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dicebear/initials",
-  "version": "5.0.0-alpha.11",
+  "version": "5.0.0-alpha.15",
   "description": "Initials avatar style for DiceBear",
   "keywords": [
     "dicebear"
@@ -31,7 +31,7 @@
     "initials": "^3.0.1"
   },
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.11",
+    "@dicebear/core": "^5.0.0-alpha.15",
     "@tsconfig/recommended": "^1.0.0",
     "@types/jest": "^26.0.22",
     "del-cli": "^4.0.1",
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "93e6f1be9fff392ded1f18c8320b6a0ca8e695c1"
+  "gitHead": "9905588d7bb8da0c3e7953f80845e732b9f43847"
 }