avataaars - npm Package Compare versions

Comparing version 1.0.4 to 1.1.0

.vscode/settings.json

 {
-    "editor.formatOnSave": true,
+    "editor.formatOnSave": false,
     "prettier.useTabs": false,
@@ -4,0 +4,0 @@ "prettier.tabWidth": 2,

dist/avatar/top/Hijab.js

@@ -15,2 +15,3 @@ "use strict";
 var lodash_1 = require("lodash");
+var HatColor_1 = require("./HatColor");
 var Hijab = /** @class */ (function (_super) {
@@ -47,5 +48,3 @@ __extends(Hijab, _super);
                     React.createElement("use", { id: 'Hijab-Mask', stroke: 'none', fill: '#3B6BAD', fillRule: 'evenodd', xlinkHref: '#' + path2 }),
-                    React.createElement("g", { id: 'Color/Palette/Blue-03', stroke: 'none', fill: 'none', mask: "url(#" + mask2 + ")", fillRule: 'evenodd' },
-                        React.createElement("g", { transform: 'translate(1.000000, 0.000000)', id: '🖍Color', fill: '#25557C' },
-                            React.createElement("rect", { x: '0', y: '0', width: '264', height: '280' }))),
+                    React.createElement(HatColor_1.default, { maskID: mask2, defaultColor: 'Blue03' }),
                     React.createElement("path", { d: 'M72.0744416,104.959767 C71.3690172,101.246903 71,97.4161983 71,93.5 C71,59.5344879 98.7583455,32 133,32 C167.241654,32 195,59.5344879 195,93.5 C195,97.4161983 194.630983,101.246903 193.925558,104.959767 C192.341315,72.6827942 165.669927,47 133,47 C100.330073,47 73.6586845,72.6827942 72.0744428,104.959774 Z', id: 'Band', stroke: 'none', fillOpacity: '0.5', fill: '#FFFFFF', fillRule: 'evenodd', mask: "url(#" + mask2 + ")" }),
@@ -52,0 +51,0 @@ React.createElement("path", { d: 'M187.929085,104.69543 C188.631457,108.187732 189,111.800827 189,115.5 L189,138.5 C189,168.599519 164.599519,193 134.5,193 L131.5,193 C101.400481,193 77,168.599519 77,138.5 L77,115.5 L77,115.5 C77,111.800827 77.3685433,108.187732 78.0709154,104.69543 C78.0238287,105.624341 78,106.559388 78,107.5 L78,107.5 L78,130.5 C78,160.599519 102.400481,185 132.5,185 L133.5,185 C163.599519,185 188,160.599519 188,130.5 L188,130.5 L188,107.5 C188,106.559388 187.976171,105.624341 187.929085,104.69543 Z M114.16682,206.995462 C120.651206,211.981028 135.663493,213.708321 152.404574,210.756416 C169.145655,207.804512 182.661822,201.046883 187.049987,194.144193 C187.118291,194.396526 187.175421,194.652296 187.221114,194.911435 C188.930607,204.606451 173.985409,215.345413 153.84008,218.897578 C133.694752,222.449742 115.977919,217.469978 114.268426,207.774963 C114.222732,207.515823 114.188938,207.255938 114.166824,206.995464 Z M126.034638,235.921439 C134.227056,241.574977 150.421729,241.843835 167.103682,235.772101 C183.785635,229.700366 196.018656,219.084674 198.660388,209.487828 C198.803116,209.80837 198.935124,210.134883 199.056117,210.46731 C203.582768,222.904181 190.979008,238.909268 170.904831,246.215671 C150.830654,253.522074 130.887742,249.363007 126.361091,236.926135 C126.240098,236.593709 126.131343,236.258733 126.034643,235.921442 Z', id: 'Shadows', stroke: 'none', fillOpacity: '0.16', fill: '#000000', fillRule: 'evenodd', opacity: '0.899999976', mask: "url(#" + mask2 + ")" }),

dist/avatar/top/index.js

@@ -45,2 +45,6 @@ "use strict";
 var Turban_1 = require("./Turban");
+var WinterHat1_1 = require("./WinterHat1");
+var WinterHat2_1 = require("./WinterHat2");
+var WinterHat3_1 = require("./WinterHat3");
+var WinterHat4_1 = require("./WinterHat4");
 var options_1 = require("../../options");
@@ -60,2 +64,6 @@ var Top = /** @class */ (function (_super) {
             React.createElement(Turban_1.default, null, children),
+            React.createElement(WinterHat1_1.default, null, children),
+            React.createElement(WinterHat2_1.default, null, children),
+            React.createElement(WinterHat3_1.default, null, children),
+            React.createElement(WinterHat4_1.default, null, children),
             React.createElement(LongHairBigHair_1.default, null, children),
@@ -62,0 +70,0 @@ React.createElement(LongHairBob_1.default, null, children),

dist/avatar/top/Turban.js

@@ -16,2 +16,3 @@ "use strict";
 var facialHair_1 = require("./facialHair");
+var HatColor_1 = require("./HatColor");
 var Turban = /** @class */ (function (_super) {
@@ -59,5 +60,3 @@ __extends(Turban, _super);
                             React.createElement("use", { id: 'Turban-Mask', fill: '#124C74', xlinkHref: '#' + path3 }),
-                            React.createElement("g", { id: 'Color/Palette/Blue-03', mask: "url(#" + mask3 + ")", fill: '#25557C' },
-                                React.createElement("g", { transform: 'translate(-48.000000, -3.000000)', id: '🖍Color' },
-                                    React.createElement("rect", { x: '0', y: '0', width: '264', height: '280' })))),
+                            React.createElement(HatColor_1.default, { maskID: mask3, defaultColor: 'Blue03' })),
                         React.createElement("path", { d: 'M48.0110963,96.0123559 C48.3807929,121.112082 58.0438337,136.107963 77.0002187,141 C57.6224465,136.289117 47.9557798,121.632254 48.0002187,97.0294118 C48.0008313,96.6902213 48.0044682,96.351197 48.0110963,96.0123559 Z M152.645822,30.4681115 C153.39011,36.1953086 152.126202,42.8891982 148.000219,50.135763 C136.847465,71.5667661 76.561434,72.0039826 76.3339794,129.679698 C76.1051437,67.7612631 136.805324,67.3799133 148.000219,44.5441176 C150.669864,39.5668152 152.141299,34.8351296 152.645822,30.4681115 Z', id: 'Shadow', fillOpacity: '0.16', fill: '#000000' })),
@@ -64,0 +63,0 @@ this.props.children))));

dist/options/index.d.ts

@@ -7,2 +7,3 @@ import Option from './Option';
 export declare const AccessoriesOption: Option;
+export declare const HatColorOption: Option;
 export declare const HairColorOption: Option;
@@ -9,0 +10,0 @@ export declare const FacialHairOption: Option;

dist/options/index.js

@@ -12,47 +12,51 @@ "use strict";
     key: 'topType',
-    label: 'Top'
+    label: 'Top',
 });
 exports.AccessoriesOption = new Option_1.default({
     key: 'accessoriesType',
-    label: '↳ 👓 Accessories'
+    label: '↳ 👓 Accessories',
 });
+exports.HatColorOption = new Option_1.default({
+    key: 'hatColor',
+    label: '🎨 HatColor',
+});
 exports.HairColorOption = new Option_1.default({
     key: 'hairColor',
-    label: '↳ 💈 Hair Color'
+    label: '↳ 💈 Hair Color',
 });
 exports.FacialHairOption = new Option_1.default({
     key: 'facialHairType',
-    label: 'Facial Hair'
+    label: 'Facial Hair',
 });
 exports.FacialHairColor = new Option_1.default({
     key: 'facialHairColor',
-    label: '↳ ✂️ Facial Hair Color'
+    label: '↳ ✂️ Facial Hair Color',
 });
 exports.ClotheOption = new Option_1.default({
     key: 'clotheType',
-    label: '👔 Clothes'
+    label: '👔 Clothes',
 });
 exports.ClotheColorOption = new Option_1.default({
     key: 'clotheColor',
-    label: '↳ Color Fabric'
+    label: '↳ Color Fabric',
 });
 exports.GraphicOption = new Option_1.default({
     key: 'graphicType',
-    label: '↳ Graphic'
+    label: '↳ Graphic',
 });
 exports.EyesOption = new Option_1.default({
     key: 'eyeType',
-    label: '👁 Eyes'
+    label: '👁 Eyes',
 });
 exports.EyebrowOption = new Option_1.default({
     key: 'eyebrowType',
-    label: '✏️ Eyebrow'
+    label: '✏️ Eyebrow',
 });
 exports.MouthOption = new Option_1.default({
     key: 'mouthType',
-    label: '👄 Mouth'
+    label: '👄 Mouth',
 });
 exports.SkinOption = new Option_1.default({
     key: 'skinColor',
-    label: '🎨 Skin'
+    label: '🎨 Skin',
 });
@@ -62,2 +66,3 @@ exports.allOptions = [
     exports.AccessoriesOption,
+    exports.HatColorOption,
     exports.HairColorOption,
@@ -72,3 +77,3 @@ exports.FacialHairOption,
     exports.MouthOption,
-    exports.SkinOption
+    exports.SkinOption,
 ];

dist/options/Selector.d.ts

@@ -6,3 +6,3 @@ /// <reference types="react" />
     option: Option;
-    defaultOption: React.ComponentClass;
+    defaultOption: React.ComponentClass | string;
 }
@@ -9,0 +9,0 @@ export default class Selector extends React.Component<Props> {

dist/options/Selector.js

@@ -42,3 +42,4 @@ "use strict";
         var optionContext = this.optionContext;
-        var defaultValue = getComponentOptionValue(defaultOption);
+        var defaultValue = (typeof defaultOption === 'string' ?
+            defaultOption : getComponentOptionValue(defaultOption));
         optionContext.addStateChangeListener(this.optionContextUpdate);
@@ -45,0 +46,0 @@ optionContext.optionEnter(option.key);

package.json

 {
   "name": "avataaars",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "React component for avataaars ",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

1284445

increased by4.02%

Number of package files

362

increased by4.62%

Lines of code

14511

increased by6.6%

Worsened metrics

Number of low supply chain risk alerts

73

increased by1.39%

No dependency changes