Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

boring-avatars

Package Overview
Dependencies
Maintainers
2
Versions
62
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

boring-avatars - npm Package Compare versions

Comparing version 1.5.2 to 1.5.3

2

build/index.js

@@ -1,2 +0,2 @@

!function(e,t){if("object"===typeof exports&&"object"===typeof module)module.exports=t(require("react"));else if("function"===typeof define&&define.amd)define(["react"],t);else{var r="object"===typeof exports?t(require("react")):t(e.react);for(var l in r)("object"===typeof exports?exports:e)[l]=r[l]}}(this,(function(e){return function(e){var t={};function r(l){if(t[l])return t[l].exports;var a=t[l]={i:l,l:!1,exports:{}};return e[l].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,l){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(l,a,function(t){return e[t]}.bind(null,a));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){e.exports=r(2)},function(e,t,r){"use strict";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},i=Object.keys(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}r.r(t);var i=r(0),n=r.n(i),c=function(e){var t=Array.from(e),r=0;return t.forEach((function(e){return r+=e.charCodeAt(0)})),r},o=function(e,t){return Math.floor(e/Math.pow(10,t)%10)},h=function(e,t){return!(o(e,t)%2)},s=function(e,t,r){var l=e%t;return r&&o(e,r)%2===0?-l:l},f=function(e,t,r){return t[e%r]},m=function(e){return"#"===e.slice(0,1)&&(e=e.slice(1)),(299*parseInt(e.substr(0,2),16)+587*parseInt(e.substr(2,2),16)+114*parseInt(e.substr(4,2),16))/1e3>=128?"black":"white"},u=4,d=80;var g=function(e){var t=function(e,t){var r=c(e),l=t&&t.length;return Array.from({length:u},(function(e,a){return{color:f(r+a,t,l),translateX:s(r*(a+1),d/2-(a+17),1),translateY:s(r*(a+1),d/2-(a+17),2),rotate:s(r*(a+1),360),isSquare:h(r,2)}}))}(e.name,e.colors);return i.createElement("svg",Object.assign({viewBox:"0 0 "+d+" "+d,fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),i.createElement("mask",{id:"mask__bauhaus",maskUnits:"userSpaceOnUse",x:0,y:0,width:d,height:d},i.createElement("rect",{width:d,height:d,rx:d/2,fill:"#fff"})),i.createElement("g",{mask:"url(#mask__bauhaus)"},i.createElement("rect",{width:d,height:d,rx:d/2,fill:t[0].color}),i.createElement("rect",{x:(d-60)/2,y:(d-20)/2,width:d,height:t[1].isSquare?d:d/8,fill:t[1].color,transform:"translate("+t[1].translateX+" "+t[1].translateY+") rotate("+t[1].rotate+" "+d/2+" "+d/2+")"}),i.createElement("circle",{cx:d/2,cy:d/2,fill:t[2].color,r:d/5,transform:"translate("+t[2].translateX+" "+t[2].translateY+")"}),i.createElement("line",{x1:0,y1:d/2,x2:d,y2:d/2,strokeWidth:2,stroke:t[3].color,transform:"translate("+t[3].translateX+" "+t[3].translateY+") rotate("+t[3].rotate+" "+d/2+" "+d/2+")"})))},p=5;var w=function(e){var t=function(e,t){var r=c(t),l=e&&e.length,a=Array.from({length:p},(function(t,a){return f(r+(a+1),e,l)})),i=[];return i[0]=a[0],i[1]=a[1],i[2]=a[1],i[3]=a[2],i[4]=a[2],i[5]=a[3],i[6]=a[3],i[7]=a[0],i[8]=a[4],i}(e.colors,e.name);return n.a.createElement("svg",Object.assign({viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.a.createElement("path",{d:"M90 45a45.001 45.001 0 00-76.82-31.82A45 45 0 000 45h90z",fill:t[0]}),n.a.createElement("path",{d:"M90 45a45.001 45.001 0 01-76.82 31.82A45 45 0 010 45h90z",fill:t[1]}),n.a.createElement("path",{d:"M83 45a38 38 0 00-76 0h76z",fill:t[2]}),n.a.createElement("path",{d:"M83 45a38 38 0 01-76 0h76z",fill:t[3]}),n.a.createElement("path",{d:"M77 45a32 32 0 10-64 0h64z",fill:t[4]}),n.a.createElement("path",{d:"M77 45a32 32 0 11-64 0h64z",fill:t[5]}),n.a.createElement("path",{d:"M71 45a26 26 0 00-52 0h52z",fill:t[6]}),n.a.createElement("path",{d:"M71 45a26 26 0 01-52 0h52z",fill:t[7]}),n.a.createElement("circle",{cx:45,cy:45,r:23,fill:t[8]}))},E=64;var y=function(e){var t=function(e,t){var r=c(e),l=t&&t.length;return Array.from({length:E},(function(e,a){return{color:f(r%(a+13),t,l)}}))}(e.name,e.colors);return i.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),i.createElement("mask",{id:"mask0","mask-type":"alpha",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},i.createElement("circle",{cx:40,cy:40,r:40,fill:"white"})),i.createElement("g",{mask:"url(#mask0)"},i.createElement("rect",{width:10,height:10,fill:t[0].color}),i.createElement("rect",{x:20,width:10,height:10,fill:t[1].color}),i.createElement("rect",{x:40,width:10,height:10,fill:t[2].color}),i.createElement("rect",{x:60,width:10,height:10,fill:t[3].color}),i.createElement("rect",{x:10,width:10,height:10,fill:t[4].color}),i.createElement("rect",{x:30,width:10,height:10,fill:t[5].color}),i.createElement("rect",{x:50,width:10,height:10,fill:t[6].color}),i.createElement("rect",{x:70,width:10,height:10,fill:t[7].color}),i.createElement("rect",{y:10,width:10,height:10,fill:t[8].color}),i.createElement("rect",{y:20,width:10,height:10,fill:t[9].color}),i.createElement("rect",{y:30,width:10,height:10,fill:t[10].color}),i.createElement("rect",{y:40,width:10,height:10,fill:t[11].color}),i.createElement("rect",{y:50,width:10,height:10,fill:t[12].color}),i.createElement("rect",{y:60,width:10,height:10,fill:t[13].color}),i.createElement("rect",{y:70,width:10,height:10,fill:t[14].color}),i.createElement("rect",{x:20,y:10,width:10,height:10,fill:t[15].color}),i.createElement("rect",{x:20,y:20,width:10,height:10,fill:t[16].color}),i.createElement("rect",{x:20,y:30,width:10,height:10,fill:t[17].color}),i.createElement("rect",{x:20,y:40,width:10,height:10,fill:t[18].color}),i.createElement("rect",{x:20,y:50,width:10,height:10,fill:t[19].color}),i.createElement("rect",{x:20,y:60,width:10,height:10,fill:t[20].color}),i.createElement("rect",{x:20,y:70,width:10,height:10,fill:t[21].color}),i.createElement("rect",{x:40,y:10,width:10,height:10,fill:t[22].color}),i.createElement("rect",{x:40,y:20,width:10,height:10,fill:t[23].color}),i.createElement("rect",{x:40,y:30,width:10,height:10,fill:t[24].color}),i.createElement("rect",{x:40,y:40,width:10,height:10,fill:t[25].color}),i.createElement("rect",{x:40,y:50,width:10,height:10,fill:t[26].color}),i.createElement("rect",{x:40,y:60,width:10,height:10,fill:t[27].color}),i.createElement("rect",{x:40,y:70,width:10,height:10,fill:t[28].color}),i.createElement("rect",{x:60,y:10,width:10,height:10,fill:t[29].color}),i.createElement("rect",{x:60,y:20,width:10,height:10,fill:t[30].color}),i.createElement("rect",{x:60,y:30,width:10,height:10,fill:t[31].color}),i.createElement("rect",{x:60,y:40,width:10,height:10,fill:t[32].color}),i.createElement("rect",{x:60,y:50,width:10,height:10,fill:t[33].color}),i.createElement("rect",{x:60,y:60,width:10,height:10,fill:t[34].color}),i.createElement("rect",{x:60,y:70,width:10,height:10,fill:t[35].color}),i.createElement("rect",{x:10,y:10,width:10,height:10,fill:t[36].color}),i.createElement("rect",{x:10,y:20,width:10,height:10,fill:t[37].color}),i.createElement("rect",{x:10,y:30,width:10,height:10,fill:t[38].color}),i.createElement("rect",{x:10,y:40,width:10,height:10,fill:t[39].color}),i.createElement("rect",{x:10,y:50,width:10,height:10,fill:t[40].color}),i.createElement("rect",{x:10,y:60,width:10,height:10,fill:t[41].color}),i.createElement("rect",{x:10,y:70,width:10,height:10,fill:t[42].color}),i.createElement("rect",{x:30,y:10,width:10,height:10,fill:t[43].color}),i.createElement("rect",{x:30,y:20,width:10,height:10,fill:t[44].color}),i.createElement("rect",{x:30,y:30,width:10,height:10,fill:t[45].color}),i.createElement("rect",{x:30,y:40,width:10,height:10,fill:t[46].color}),i.createElement("rect",{x:30,y:50,width:10,height:10,fill:t[47].color}),i.createElement("rect",{x:30,y:60,width:10,height:10,fill:t[48].color}),i.createElement("rect",{x:30,y:70,width:10,height:10,fill:t[49].color}),i.createElement("rect",{x:50,y:10,width:10,height:10,fill:t[50].color}),i.createElement("rect",{x:50,y:20,width:10,height:10,fill:t[51].color}),i.createElement("rect",{x:50,y:30,width:10,height:10,fill:t[52].color}),i.createElement("rect",{x:50,y:40,width:10,height:10,fill:t[53].color}),i.createElement("rect",{x:50,y:50,width:10,height:10,fill:t[54].color}),i.createElement("rect",{x:50,y:60,width:10,height:10,fill:t[55].color}),i.createElement("rect",{x:50,y:70,width:10,height:10,fill:t[56].color}),i.createElement("rect",{x:70,y:10,width:10,height:10,fill:t[57].color}),i.createElement("rect",{x:70,y:20,width:10,height:10,fill:t[58].color}),i.createElement("rect",{x:70,y:30,width:10,height:10,fill:t[59].color}),i.createElement("rect",{x:70,y:40,width:10,height:10,fill:t[60].color}),i.createElement("rect",{x:70,y:50,width:10,height:10,fill:t[61].color}),i.createElement("rect",{x:70,y:60,width:10,height:10,fill:t[62].color}),i.createElement("rect",{x:70,y:70,width:10,height:10,fill:t[63].color})))},x=36;var b=function(e){var t=function(e,t){var r=c(e),l=t&&t.length,a=f(r,t,l),i=s(r,10,1),n=i<5?i+x/9:i,o=s(r,10,2),u=o<5?o+x/9:o;return{wrapperColor:a,faceColor:m(a),backgroundColor:f(r+13,t,l),wrapperTranslateX:n,wrapperTranslateY:u,wrapperRotate:s(r,360),wrapperScale:1+s(r,x/12)/10,isMouthOpen:h(r,2),isCircle:h(r,1),eyeSpread:s(r,5),mouthSpread:s(r,3),faceRotate:s(r,10,3),faceTranslateX:n>x/6?n/2:s(r,8,1),faceTranslateY:u>x/6?u/2:s(r,7,2)}}(e.name,e.colors);return i.createElement("svg",Object.assign({viewBox:"0 0 "+x+" "+x,fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),i.createElement("mask",{id:"mask__beam",maskUnits:"userSpaceOnUse",x:0,y:0,width:x,height:x},i.createElement("rect",{width:x,height:x,rx:20,fill:"white"})),i.createElement("g",{mask:"url(#mask__beam)",fill:"transparent"},i.createElement("rect",{width:x,height:x,rx:20,fill:t.backgroundColor}),i.createElement("rect",{x:"0",y:"0",width:x,height:x,transform:"translate("+t.wrapperTranslateX+" "+t.wrapperTranslateY+") rotate("+t.wrapperRotate+" "+x/2+" "+x/2+") scale("+t.wrapperScale+")",fill:t.wrapperColor,rx:t.isCircle?x:x/6}),i.createElement("g",{transform:"translate("+t.faceTranslateX+" "+t.faceTranslateY+") rotate("+t.faceRotate+" "+x/2+" "+x/2+")"},t.isMouthOpen?i.createElement("path",{d:"M15 "+(19+t.mouthSpread)+"c2 1 4 1 6 0",stroke:t.faceColor,fill:"none",strokeLinecap:"round"}):i.createElement("path",{d:"M13,"+(19+t.mouthSpread)+" a1,0.75 0 0,0 10,0",fill:t.faceColor}),i.createElement("rect",{x:14-t.eyeSpread,y:14,width:1.5,height:2,rx:1,stroke:"none",fill:t.faceColor}),i.createElement("rect",{x:20+t.eyeSpread,y:14,width:1.5,height:2,rx:1,stroke:"none",fill:t.faceColor}))))},v=4;var O=function(e){var t=function(e,t){var r=c(e),l=t&&t.length;return Array.from({length:v},(function(e,a){return{color:f(r+a,t,l)}}))}(e.name,e.colors),r=e.name.replace(/\s/g,"");return i.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),i.createElement("mask",{id:"mask__sunset",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},i.createElement("circle",{cx:40,cy:40,r:40,fill:"white"})),i.createElement("g",{mask:"url(#mask__sunset)"},i.createElement("path",{fill:"url(#gradient_paint0_linear_"+r+")",d:"M0 0h80v40H0z"}),i.createElement("path",{fill:"url(#gradient_paint1_linear_"+r+")",d:"M0 40h80v40H0z"})),i.createElement("defs",null,i.createElement("linearGradient",{id:"gradient_paint0_linear_"+r,x1:40,y1:0,x2:40,y2:40,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:t[0].color}),i.createElement("stop",{offset:1,stopColor:t[1].color})),i.createElement("linearGradient",{id:"gradient_paint1_linear_"+r,x1:40,y1:40,x2:40,y2:80,gradientUnits:"userSpaceOnUse"},i.createElement("stop",{stopColor:t[2].color}),i.createElement("stop",{offset:1,stopColor:t[3].color}))))},_=3,k=80;var j=function(e){var t=function(e,t){var r=c(e),l=t&&t.length;return Array.from({length:_},(function(e,a){return{color:f(r+a,t,l),translateX:s(r*(a+1),k/10,1),translateY:s(r*(a+1),k/10,2),scale:1.2+s(r*(a+1),k/20)/10,rotate:s(r*(a+1),360,1)}}))}(e.name,e.colors);return i.createElement("svg",Object.assign({viewBox:"0 0 "+k+" "+k,fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),i.createElement("mask",{id:"mask__marble",maskUnits:"userSpaceOnUse",x:0,y:0,width:k,height:k},i.createElement("path",{d:"M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z",fill:"#fff"})),i.createElement("g",{mask:"url(#mask__marble)"},i.createElement("path",{d:"M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z",fill:t[0].color}),i.createElement("path",{filter:"url(#prefix__filter0_f)",d:"M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z",fill:t[1].color,transform:"translate("+t[1].translateX+" "+t[1].translateY+") rotate("+t[1].rotate+" "+k/2+" "+k/2+") scale("+t[2].scale+")"}),i.createElement("path",{filter:"url(#prefix__filter0_f)",style:{mixBlendMode:"overlay"},d:"M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z",fill:t[2].color,transform:"translate("+t[2].translateX+" "+t[2].translateY+") rotate("+t[2].rotate+" "+k/2+" "+k/2+") scale("+t[2].scale+")"})),i.createElement("defs",null,i.createElement("filter",{id:"prefix__filter0_f",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},i.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),i.createElement("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),i.createElement("feGaussianBlur",{stdDeviation:7,result:"effect1_foregroundBlur"}))))};function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}var z=["pixel","bauhaus","ring","beam","sunset","marble"],M={geometric:"beam",abstract:"bauhaus"},C=function(e){var t=e.variant,r=void 0===t?"marble":t,i=e.colors,c=void 0===i?["#92A1C6","#146A7C","#F0AB3D","#C271B4","#C20D90"]:i,o=e.name,h=void 0===o?"Clara Barton":o,s=e.size,f=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(r,!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({colors:c,name:h,size:void 0===s?40:s},a(e,["variant","colors","name","size"]));return{pixel:n.a.createElement(y,f),bauhaus:n.a.createElement(g,f),ring:n.a.createElement(w,f),beam:n.a.createElement(b,f),sunset:n.a.createElement(O,f),marble:n.a.createElement(j,f)}[Object.keys(M).includes(r)?M[r]:z.includes(r)?r:"marble"]};t.default=C}])}));
!function(e,t){if("object"===typeof exports&&"object"===typeof module)module.exports=t(require("react"));else if("function"===typeof define&&define.amd)define(["react"],t);else{var r="object"===typeof exports?t(require("react")):t(e.react);for(var l in r)("object"===typeof exports?exports:e)[l]=r[l]}}(this,(function(e){return function(e){var t={};function r(l){if(t[l])return t[l].exports;var a=t[l]={i:l,l:!1,exports:{}};return e[l].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,l){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(l,a,function(t){return e[t]}.bind(null,a));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){e.exports=r(2)},function(e,t,r){"use strict";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function i(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},i=Object.keys(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(l=0;l<i.length;l++)r=i[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}r.r(t);var n=r(0),c=r.n(n),o=function(e){var t=Array.from(e),r=0;return t.forEach((function(e){return r+=e.charCodeAt(0)})),r},h=function(e,t){return Math.floor(e/Math.pow(10,t)%10)},s=function(e,t){return!(h(e,t)%2)},f=function(e,t,r){var l=e%t;return r&&h(e,r)%2===0?-l:l},m=function(e,t,r){return t[e%r]};var u=function(e){var t=function(e,t){var r=o(e),l=t&&t.length;return Array.from({length:4},(function(e,a){return{color:m(r+a,t,l),translateX:f(r*(a+1),40-(a+17),1),translateY:f(r*(a+1),40-(a+17),2),rotate:f(r*(a+1),360),isSquare:s(r,2)}}))}(e.name,e.colors);return n.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.createElement("mask",{id:"mask__bauhaus",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},n.createElement("rect",{width:80,height:80,rx:40,fill:"#fff"})),n.createElement("g",{mask:"url(#mask__bauhaus)"},n.createElement("rect",{width:80,height:80,rx:40,fill:t[0].color}),n.createElement("rect",{x:10,y:30,width:80,height:t[1].isSquare?80:10,fill:t[1].color,transform:"translate("+t[1].translateX+" "+t[1].translateY+") rotate("+t[1].rotate+" 40 40)"}),n.createElement("circle",{cx:40,cy:40,fill:t[2].color,r:16,transform:"translate("+t[2].translateX+" "+t[2].translateY+")"}),n.createElement("line",{x1:0,y1:40,x2:80,y2:40,strokeWidth:2,stroke:t[3].color,transform:"translate("+t[3].translateX+" "+t[3].translateY+") rotate("+t[3].rotate+" 40 40)"})))};var d=function(e){var t=function(e,t){var r=o(t),l=e&&e.length,a=Array.from({length:5},(function(t,a){return m(r+(a+1),e,l)})),i=[];return i[0]=a[0],i[1]=a[1],i[2]=a[1],i[3]=a[2],i[4]=a[2],i[5]=a[3],i[6]=a[3],i[7]=a[0],i[8]=a[4],i}(e.colors,e.name);return c.a.createElement("svg",Object.assign({viewBox:"0 0 90 90",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),c.a.createElement("path",{d:"M90 45a45.001 45.001 0 00-76.82-31.82A45 45 0 000 45h90z",fill:t[0]}),c.a.createElement("path",{d:"M90 45a45.001 45.001 0 01-76.82 31.82A45 45 0 010 45h90z",fill:t[1]}),c.a.createElement("path",{d:"M83 45a38 38 0 00-76 0h76z",fill:t[2]}),c.a.createElement("path",{d:"M83 45a38 38 0 01-76 0h76z",fill:t[3]}),c.a.createElement("path",{d:"M77 45a32 32 0 10-64 0h64z",fill:t[4]}),c.a.createElement("path",{d:"M77 45a32 32 0 11-64 0h64z",fill:t[5]}),c.a.createElement("path",{d:"M71 45a26 26 0 00-52 0h52z",fill:t[6]}),c.a.createElement("path",{d:"M71 45a26 26 0 01-52 0h52z",fill:t[7]}),c.a.createElement("circle",{cx:45,cy:45,r:23,fill:t[8]}))};var g=function(e){var t=function(e,t){var r=o(e),l=t&&t.length;return Array.from({length:64},(function(e,a){return{color:m(r%(a+13),t,l)}}))}(e.name,e.colors);return n.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.createElement("mask",{id:"mask0","mask-type":"alpha",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},n.createElement("circle",{cx:40,cy:40,r:40,fill:"white"})),n.createElement("g",{mask:"url(#mask0)"},n.createElement("rect",{width:10,height:10,fill:t[0].color}),n.createElement("rect",{x:20,width:10,height:10,fill:t[1].color}),n.createElement("rect",{x:40,width:10,height:10,fill:t[2].color}),n.createElement("rect",{x:60,width:10,height:10,fill:t[3].color}),n.createElement("rect",{x:10,width:10,height:10,fill:t[4].color}),n.createElement("rect",{x:30,width:10,height:10,fill:t[5].color}),n.createElement("rect",{x:50,width:10,height:10,fill:t[6].color}),n.createElement("rect",{x:70,width:10,height:10,fill:t[7].color}),n.createElement("rect",{y:10,width:10,height:10,fill:t[8].color}),n.createElement("rect",{y:20,width:10,height:10,fill:t[9].color}),n.createElement("rect",{y:30,width:10,height:10,fill:t[10].color}),n.createElement("rect",{y:40,width:10,height:10,fill:t[11].color}),n.createElement("rect",{y:50,width:10,height:10,fill:t[12].color}),n.createElement("rect",{y:60,width:10,height:10,fill:t[13].color}),n.createElement("rect",{y:70,width:10,height:10,fill:t[14].color}),n.createElement("rect",{x:20,y:10,width:10,height:10,fill:t[15].color}),n.createElement("rect",{x:20,y:20,width:10,height:10,fill:t[16].color}),n.createElement("rect",{x:20,y:30,width:10,height:10,fill:t[17].color}),n.createElement("rect",{x:20,y:40,width:10,height:10,fill:t[18].color}),n.createElement("rect",{x:20,y:50,width:10,height:10,fill:t[19].color}),n.createElement("rect",{x:20,y:60,width:10,height:10,fill:t[20].color}),n.createElement("rect",{x:20,y:70,width:10,height:10,fill:t[21].color}),n.createElement("rect",{x:40,y:10,width:10,height:10,fill:t[22].color}),n.createElement("rect",{x:40,y:20,width:10,height:10,fill:t[23].color}),n.createElement("rect",{x:40,y:30,width:10,height:10,fill:t[24].color}),n.createElement("rect",{x:40,y:40,width:10,height:10,fill:t[25].color}),n.createElement("rect",{x:40,y:50,width:10,height:10,fill:t[26].color}),n.createElement("rect",{x:40,y:60,width:10,height:10,fill:t[27].color}),n.createElement("rect",{x:40,y:70,width:10,height:10,fill:t[28].color}),n.createElement("rect",{x:60,y:10,width:10,height:10,fill:t[29].color}),n.createElement("rect",{x:60,y:20,width:10,height:10,fill:t[30].color}),n.createElement("rect",{x:60,y:30,width:10,height:10,fill:t[31].color}),n.createElement("rect",{x:60,y:40,width:10,height:10,fill:t[32].color}),n.createElement("rect",{x:60,y:50,width:10,height:10,fill:t[33].color}),n.createElement("rect",{x:60,y:60,width:10,height:10,fill:t[34].color}),n.createElement("rect",{x:60,y:70,width:10,height:10,fill:t[35].color}),n.createElement("rect",{x:10,y:10,width:10,height:10,fill:t[36].color}),n.createElement("rect",{x:10,y:20,width:10,height:10,fill:t[37].color}),n.createElement("rect",{x:10,y:30,width:10,height:10,fill:t[38].color}),n.createElement("rect",{x:10,y:40,width:10,height:10,fill:t[39].color}),n.createElement("rect",{x:10,y:50,width:10,height:10,fill:t[40].color}),n.createElement("rect",{x:10,y:60,width:10,height:10,fill:t[41].color}),n.createElement("rect",{x:10,y:70,width:10,height:10,fill:t[42].color}),n.createElement("rect",{x:30,y:10,width:10,height:10,fill:t[43].color}),n.createElement("rect",{x:30,y:20,width:10,height:10,fill:t[44].color}),n.createElement("rect",{x:30,y:30,width:10,height:10,fill:t[45].color}),n.createElement("rect",{x:30,y:40,width:10,height:10,fill:t[46].color}),n.createElement("rect",{x:30,y:50,width:10,height:10,fill:t[47].color}),n.createElement("rect",{x:30,y:60,width:10,height:10,fill:t[48].color}),n.createElement("rect",{x:30,y:70,width:10,height:10,fill:t[49].color}),n.createElement("rect",{x:50,y:10,width:10,height:10,fill:t[50].color}),n.createElement("rect",{x:50,y:20,width:10,height:10,fill:t[51].color}),n.createElement("rect",{x:50,y:30,width:10,height:10,fill:t[52].color}),n.createElement("rect",{x:50,y:40,width:10,height:10,fill:t[53].color}),n.createElement("rect",{x:50,y:50,width:10,height:10,fill:t[54].color}),n.createElement("rect",{x:50,y:60,width:10,height:10,fill:t[55].color}),n.createElement("rect",{x:50,y:70,width:10,height:10,fill:t[56].color}),n.createElement("rect",{x:70,y:10,width:10,height:10,fill:t[57].color}),n.createElement("rect",{x:70,y:20,width:10,height:10,fill:t[58].color}),n.createElement("rect",{x:70,y:30,width:10,height:10,fill:t[59].color}),n.createElement("rect",{x:70,y:40,width:10,height:10,fill:t[60].color}),n.createElement("rect",{x:70,y:50,width:10,height:10,fill:t[61].color}),n.createElement("rect",{x:70,y:60,width:10,height:10,fill:t[62].color}),n.createElement("rect",{x:70,y:70,width:10,height:10,fill:t[63].color})))};var p=function(e){var t=function(e,t){var r,l=o(e),a=t&&t.length,i=m(l,t,a),n=f(l,10,1),c=n<5?n+4:n,h=f(l,10,2),u=h<5?h+4:h;return{wrapperColor:i,faceColor:(r=i,"#"===r.slice(0,1)&&(r=r.slice(1)),(299*parseInt(r.substr(0,2),16)+587*parseInt(r.substr(2,2),16)+114*parseInt(r.substr(4,2),16))/1e3>=128?"black":"white"),backgroundColor:m(l+13,t,a),wrapperTranslateX:c,wrapperTranslateY:u,wrapperRotate:f(l,360),wrapperScale:1+f(l,3)/10,isMouthOpen:s(l,2),isCircle:s(l,1),eyeSpread:f(l,5),mouthSpread:f(l,3),faceRotate:f(l,10,3),faceTranslateX:c>6?c/2:f(l,8,1),faceTranslateY:u>6?u/2:f(l,7,2)}}(e.name,e.colors);return n.createElement("svg",Object.assign({viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.createElement("mask",{id:"mask__beam",maskUnits:"userSpaceOnUse",x:0,y:0,width:36,height:36},n.createElement("rect",{width:36,height:36,rx:20,fill:"white"})),n.createElement("g",{mask:"url(#mask__beam)",fill:"transparent"},n.createElement("rect",{width:36,height:36,rx:20,fill:t.backgroundColor}),n.createElement("rect",{x:"0",y:"0",width:36,height:36,transform:"translate("+t.wrapperTranslateX+" "+t.wrapperTranslateY+") rotate("+t.wrapperRotate+" 18 18) scale("+t.wrapperScale+")",fill:t.wrapperColor,rx:t.isCircle?36:6}),n.createElement("g",{transform:"translate("+t.faceTranslateX+" "+t.faceTranslateY+") rotate("+t.faceRotate+" 18 18)"},t.isMouthOpen?n.createElement("path",{d:"M15 "+(19+t.mouthSpread)+"c2 1 4 1 6 0",stroke:t.faceColor,fill:"none",strokeLinecap:"round"}):n.createElement("path",{d:"M13,"+(19+t.mouthSpread)+" a1,0.75 0 0,0 10,0",fill:t.faceColor}),n.createElement("rect",{x:14-t.eyeSpread,y:14,width:1.5,height:2,rx:1,stroke:"none",fill:t.faceColor}),n.createElement("rect",{x:20+t.eyeSpread,y:14,width:1.5,height:2,rx:1,stroke:"none",fill:t.faceColor}))))};var w=function(e){var t=function(e,t){var r=o(e),l=t&&t.length;return Array.from({length:4},(function(e,a){return{color:m(r+a,t,l)}}))}(e.name,e.colors),r=e.name.replace(/\s/g,"");return n.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.createElement("mask",{id:"mask__sunset",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},n.createElement("circle",{cx:40,cy:40,r:40,fill:"white"})),n.createElement("g",{mask:"url(#mask__sunset)"},n.createElement("path",{fill:"url(#gradient_paint0_linear_"+r+")",d:"M0 0h80v40H0z"}),n.createElement("path",{fill:"url(#gradient_paint1_linear_"+r+")",d:"M0 40h80v40H0z"})),n.createElement("defs",null,n.createElement("linearGradient",{id:"gradient_paint0_linear_"+r,x1:40,y1:0,x2:40,y2:40,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:t[0].color}),n.createElement("stop",{offset:1,stopColor:t[1].color})),n.createElement("linearGradient",{id:"gradient_paint1_linear_"+r,x1:40,y1:40,x2:40,y2:80,gradientUnits:"userSpaceOnUse"},n.createElement("stop",{stopColor:t[2].color}),n.createElement("stop",{offset:1,stopColor:t[3].color}))))};var E=function(e){var t=function(e,t){var r=o(e),l=t&&t.length;return Array.from({length:3},(function(e,a){return{color:m(r+a,t,l),translateX:f(r*(a+1),8,1),translateY:f(r*(a+1),8,2),scale:1.2+f(r*(a+1),4)/10,rotate:f(r*(a+1),360,1)}}))}(e.name,e.colors);return n.createElement("svg",Object.assign({viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e.size,height:e.size},e),n.createElement("mask",{id:"mask__marble",maskUnits:"userSpaceOnUse",x:0,y:0,width:80,height:80},n.createElement("path",{d:"M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z",fill:"#fff"})),n.createElement("g",{mask:"url(#mask__marble)"},n.createElement("path",{d:"M80 40C80 17.909 62.091 0 40 0S0 17.909 0 40s17.909 40 40 40 40-17.909 40-40z",fill:t[0].color}),n.createElement("path",{filter:"url(#prefix__filter0_f)",d:"M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z",fill:t[1].color,transform:"translate("+t[1].translateX+" "+t[1].translateY+") rotate("+t[1].rotate+" 40 40) scale("+t[2].scale+")"}),n.createElement("path",{filter:"url(#prefix__filter0_f)",style:{mixBlendMode:"overlay"},d:"M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z",fill:t[2].color,transform:"translate("+t[2].translateX+" "+t[2].translateY+") rotate("+t[2].rotate+" 40 40) scale("+t[2].scale+")"})),n.createElement("defs",null,n.createElement("filter",{id:"prefix__filter0_f",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},n.createElement("feFlood",{floodOpacity:0,result:"BackgroundImageFix"}),n.createElement("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:7,result:"effect1_foregroundBlur"}))))},y=["pixel","bauhaus","ring","beam","sunset","marble"],x={geometric:"beam",abstract:"bauhaus"},b=function(e){var t=e.variant,r=void 0===t?"marble":t,n=e.colors,o=void 0===n?["#92A1C6","#146A7C","#F0AB3D","#C271B4","#C20D90"]:n,h=e.name,s=void 0===h?"Clara Barton":h,f=e.size,m=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({colors:o,name:s,size:void 0===f?40:f},i(e,["variant","colors","name","size"]));return{pixel:c.a.createElement(g,m),bauhaus:c.a.createElement(u,m),ring:c.a.createElement(d,m),beam:c.a.createElement(p,m),sunset:c.a.createElement(w,m),marble:c.a.createElement(E,m)}[Object.keys(x).includes(r)?x[r]:y.includes(r)?r:"marble"]};t.default=b}])}));
//# sourceMappingURL=index.js.map
{
"name": "boring-avatars",
"version": "1.5.2",
"description": "Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.",
"homepage": "https://boringavatars.com/",
"version": "1.5.3",
"main": "build/index.js",
"repository": {
"type": "git",
"url": "https://github.com/boringdesigners/boring-avatars"
},
"bugs": {
"url": "https://github.com/boringdesigners/boring-avatars/issues"
},
"keywords": [
"avatar",
"gravatar",
"profile picture",
"user avatar",
"avatar generator",
"avatar placeholder"
],
"scripts": {

@@ -6,0 +23,0 @@ "start": "node scripts/start.js",

@@ -0,1 +1,6 @@

# Boring Avatars
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
![boring avatars preview](https://github.com/boringdesigners/boring-avatars/blob/master/public/boring-avatars-preview.png?raw=true)

@@ -10,6 +15,2 @@

# Boring Avatars
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
## Install

@@ -16,0 +17,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc