├── dist ├── avatar │ ├── face │ │ ├── nose │ │ │ ├── index.d.ts │ │ │ ├── Default.d.ts │ │ │ ├── index.js │ │ │ └── Default.js │ │ ├── index.d.ts │ │ ├── eyes │ │ │ ├── index.d.ts │ │ │ ├── Close.d.ts │ │ │ ├── Cry.d.ts │ │ │ ├── Dizzy.d.ts │ │ │ ├── Happy.d.ts │ │ │ ├── Side.d.ts │ │ │ ├── Wink.d.ts │ │ │ ├── Default.d.ts │ │ │ ├── EyeRoll.d.ts │ │ │ ├── Hearts.d.ts │ │ │ ├── Surprised.d.ts │ │ │ ├── WinkWacky.d.ts │ │ │ ├── Squint.d.ts │ │ │ ├── Default.js │ │ │ ├── EyeRoll.js │ │ │ ├── Surprised.js │ │ │ ├── Cry.js │ │ │ ├── Wink.js │ │ │ ├── WinkWacky.js │ │ │ ├── Dizzy.js │ │ │ ├── Happy.js │ │ │ ├── Close.js │ │ │ ├── Hearts.js │ │ │ └── index.js │ │ ├── mouth │ │ │ ├── index.d.ts │ │ │ ├── Sad.d.ts │ │ │ ├── Default.d.ts │ │ │ ├── Eating.d.ts │ │ │ ├── Serious.d.ts │ │ │ ├── Twinkle.d.ts │ │ │ ├── Disbelief.d.ts │ │ │ ├── Smile.d.ts │ │ │ ├── Tongue.d.ts │ │ │ ├── Concerned.d.ts │ │ │ ├── Grimace.d.ts │ │ │ ├── ScreamOpen.d.ts │ │ │ ├── Vomit.d.ts │ │ │ ├── Serious.js │ │ │ ├── Default.js │ │ │ ├── Disbelief.js │ │ │ ├── Twinkle.js │ │ │ └── Sad.js │ │ ├── eyebrow │ │ │ ├── index.d.ts │ │ │ ├── Angry.d.ts │ │ │ ├── UpDown.d.ts │ │ │ ├── Default.d.ts │ │ │ ├── FlatNatural.d.ts │ │ │ ├── AngryNatural.d.ts │ │ │ ├── FrownNatural.d.ts │ │ │ ├── RaisedExcited.d.ts │ │ │ ├── SadConcerned.d.ts │ │ │ ├── UpDownNatural.d.ts │ │ │ ├── DefaultNatural.d.ts │ │ │ ├── UnibrowNatural.d.ts │ │ │ ├── RaisedExcitedNatural.d.ts │ │ │ ├── SadConcernedNatural.d.ts │ │ │ ├── UpDownNatural.js │ │ │ ├── UpDown.js │ │ │ ├── DefaultNatural.js │ │ │ ├── RaisedExcitedNatural.js │ │ │ └── SadConcernedNatural.js │ │ └── index.js │ ├── top │ │ ├── index.d.ts │ │ ├── facialHair │ │ │ ├── index.d.ts │ │ │ ├── Blank.d.ts │ │ │ ├── Colors.d.ts │ │ │ ├── BeardLight.d.ts │ │ │ ├── BeardMedium.d.ts │ │ │ ├── BeardMagestic.d.ts │ │ │ ├── BeardMajestic.d.ts │ │ │ ├── MoustacheFancy.d.ts │ │ │ ├── MoustacheMagnum.d.ts │ │ │ ├── Blank.js │ │ │ └── index.js │ │ ├── accessories │ │ │ ├── index.d.ts │ │ │ ├── Blank.d.ts │ │ │ ├── Kurt.d.ts │ │ │ ├── Prescription01.d.ts │ │ │ ├── Prescription02.d.ts │ │ │ ├── Round.d.ts │ │ │ ├── Wayfarers.d.ts │ │ │ ├── Sunglasses.d.ts │ │ │ ├── Blank.js │ │ │ └── index.js │ │ ├── HairColor.d.ts │ │ ├── Eyepatch.d.ts │ │ ├── HatColor.d.ts │ │ ├── NoHair.d.ts │ │ ├── LongHairBob.d.ts │ │ ├── LongHairBun.d.ts │ │ ├── LongHairCurly.d.ts │ │ ├── LongHairCurvy.d.ts │ │ ├── LongHairDreads.d.ts │ │ ├── Hat.d.ts │ │ ├── LongHairFroBand.d.ts │ │ ├── LongHairStraight.d.ts │ │ ├── Hijab.d.ts │ │ ├── LongHairMiaWallace.d.ts │ │ ├── LongHairNotTooLong.d.ts │ │ ├── WinterHat2.d.ts │ │ ├── LongHairFro.d.ts │ │ ├── ShortHairSides.d.ts │ │ ├── LongHairStraight2.d.ts │ │ ├── ShortHairDreads01.d.ts │ │ ├── ShortHairDreads02.d.ts │ │ ├── ShortHairFrizzle.d.ts │ │ ├── ShortHairShaggy.d.ts │ │ ├── ShortHairShortCurly.d.ts │ │ ├── ShortHairShortFlat.d.ts │ │ ├── ShortHairShortRound.d.ts │ │ ├── ShortHairShortWaved.d.ts │ │ ├── ShortHairTheCaesar.d.ts │ │ ├── LongHairStraightStrand.d.ts │ │ ├── ShortHairShaggyMullet.d.ts │ │ ├── WinterHat1.d.ts │ │ ├── WinterHat3.d.ts │ │ ├── LongHairBigHair.d.ts │ │ ├── ShortHairTheCaesarSidePart.d.ts │ │ ├── Turban.d.ts │ │ ├── LongHairShavedSides.d.ts │ │ ├── WinterHat4.d.ts │ │ └── LongHairFrida.d.ts │ ├── clothes │ │ ├── index.d.ts │ │ ├── Colors.d.ts │ │ ├── Hoodie.d.ts │ │ ├── Overall.d.ts │ │ ├── ShirtVNeck.d.ts │ │ ├── BlazerShirt.d.ts │ │ ├── BlazerSweater.d.ts │ │ ├── CollarSweater.d.ts │ │ ├── GraphicShirt.d.ts │ │ ├── ShirtCrewNeck.d.ts │ │ ├── ShirtScoopNeck.d.ts │ │ ├── Graphics.d.ts │ │ ├── index.js │ │ └── ShirtScoopNeck.js │ ├── Skin.d.ts │ ├── piece.d.ts │ └── index.d.ts ├── options │ ├── Option.d.ts │ ├── Option.js │ ├── Selector.d.ts │ ├── withOptions.js │ ├── index.d.ts │ └── OptionContext.d.ts └── index.d.ts ├── src ├── avatar │ ├── face │ │ ├── nose │ │ │ ├── index.tsx │ │ │ └── Default.tsx │ │ ├── eyes │ │ │ ├── Default.tsx │ │ │ ├── EyeRoll.tsx │ │ │ ├── Surprised.tsx │ │ │ ├── index.tsx │ │ │ ├── Wink.tsx │ │ │ ├── Cry.tsx │ │ │ ├── WinkWacky.tsx │ │ │ ├── Dizzy.tsx │ │ │ ├── Happy.tsx │ │ │ ├── Close.tsx │ │ │ ├── Hearts.tsx │ │ │ ├── Side.tsx │ │ │ └── Squint.tsx │ │ ├── mouth │ │ │ ├── Serious.tsx │ │ │ ├── Default.tsx │ │ │ ├── Disbelief.tsx │ │ │ ├── Twinkle.tsx │ │ │ ├── Sad.tsx │ │ │ ├── index.tsx │ │ │ ├── Grimace.tsx │ │ │ ├── Smile.tsx │ │ │ ├── Eating.tsx │ │ │ ├── Tongue.tsx │ │ │ ├── Concerned.tsx │ │ │ └── ScreamOpen.tsx │ │ ├── index.tsx │ │ └── eyebrow │ │ │ ├── index.tsx │ │ │ ├── UpDownNatural.tsx │ │ │ ├── RaisedExcitedNatural.tsx │ │ │ ├── DefaultNatural.tsx │ │ │ ├── UpDown.tsx │ │ │ ├── SadConcernedNatural.tsx │ │ │ ├── SadConcerned.tsx │ │ │ ├── Default.tsx │ │ │ ├── RaisedExcited.tsx │ │ │ ├── FrownNatural.tsx │ │ │ ├── Angry.tsx │ │ │ ├── FlatNatural.tsx │ │ │ ├── AngryNatural.tsx │ │ │ └── UnibrowNatural.tsx │ ├── top │ │ ├── accessories │ │ │ ├── Blank.tsx │ │ │ └── index.tsx │ │ ├── facialHair │ │ │ ├── Blank.tsx │ │ │ ├── index.tsx │ │ │ ├── MoustacheMagnum.tsx │ │ │ ├── MoustacheFancy.tsx │ │ │ └── Colors.tsx │ │ ├── NoHair.tsx │ │ ├── HairColor.tsx │ │ ├── LongHairBob.tsx │ │ └── HatColor.tsx │ ├── clothes │ │ ├── index.tsx │ │ ├── ShirtScoopNeck.tsx │ │ ├── GraphicShirt.tsx │ │ ├── ShirtVNeck.tsx │ │ ├── Overall.tsx │ │ ├── ShirtCrewNeck.tsx │ │ ├── CollarSweater.tsx │ │ ├── Hoodie.tsx │ │ └── Colors.tsx │ ├── Skin.tsx │ └── piece.tsx └── options │ ├── Option.ts │ └── index.tsx ├── avataaars-example.png ├── .vscode ├── extensions.json └── settings.json ├── .npmignore ├── .prettierrc ├── tslint.json ├── tsconfig.json ├── .gitignore ├── LICENSE └── package.json /dist/avatar/face/nose/index.d.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Default'; 2 | -------------------------------------------------------------------------------- /src/avatar/face/nose/index.tsx: -------------------------------------------------------------------------------- 1 | export { default } from './Default' 2 | -------------------------------------------------------------------------------- /avataaars-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fangpenlin/avataaars/HEAD/avataaars-example.png -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ "remimarsal.prettier-now", "eg2.tslint" ] 3 | } 4 | -------------------------------------------------------------------------------- /dist/avatar/face/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Face extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/top/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Top extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/clothes/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Clothes extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Eyes extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Mouth extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Eyebrow extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class FacialHair extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Accessories extends React.Component { 3 | render(): JSX.Element; 4 | } 5 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | .*.swp 2 | ._* 3 | .DS_Store 4 | .git 5 | .hg 6 | .npmrc 7 | .lock-wscript 8 | .svn 9 | .wafpickle-* 10 | config.gypi 11 | CVS 12 | npm-debug.log 13 | avataaars-example.png -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Close.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Close extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Cry.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Cry extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Dizzy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Dizzy extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Happy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Happy extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Side.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Side extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Wink.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Wink extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Sad.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Sad extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Blank.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Blank extends React.Component { 3 | static optionValue: string; 4 | render(): null; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/Blank.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Blank extends React.Component { 3 | static optionValue: string; 4 | render(): null; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/Angry.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Angry extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/UpDown.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class UpDown extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Default.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Default extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/EyeRoll.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class EyeRoll extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Hearts.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Hearts extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Default.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Default extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Eating.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Eating extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Serious.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Serious extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Twinkle.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Twinkle extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/nose/Default.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Default extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/Default.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Default extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Surprised.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Surprised extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/WinkWacky.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class WinkWacky extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Disbelief.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Disbelief extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/FlatNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class FlatNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/Skin.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export interface Props { 3 | maskID: string; 4 | } 5 | export default class Skin extends React.Component { 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/AngryNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class AngryNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/FrownNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class FrownNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/RaisedExcited.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class RaisedExcited extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/SadConcerned.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class SadConcerned extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/UpDownNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class UpDownNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/DefaultNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class DefaultNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/UnibrowNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class UnibrowNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/clothes/Colors.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export interface Props { 3 | maskID: string; 4 | } 5 | export default class Colors extends React.Component { 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Kurt.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Kurt extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | render(): JSX.Element; 6 | } 7 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/RaisedExcitedNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class RaisedExcitedNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/face/eyebrow/SadConcernedNatural.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class SadConcernedNatural extends React.Component { 3 | static optionValue: string; 4 | render(): JSX.Element; 5 | } 6 | -------------------------------------------------------------------------------- /dist/avatar/top/HairColor.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export interface Props { 3 | maskID: string; 4 | } 5 | export default class HairColor extends React.Component { 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/Colors.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export interface Props { 3 | maskID: string; 4 | } 5 | export default class Colors extends React.Component { 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /src/avatar/top/accessories/Blank.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Blank extends React.Component { 4 | static optionValue = 'Blank' 5 | 6 | render () { 7 | return null 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/avatar/top/facialHair/Blank.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Blank extends React.Component { 4 | static optionValue = 'Blank' 5 | 6 | render () { 7 | return null 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": false, 3 | "tabWidth": 2, 4 | "singleQuote": true, 5 | "semi": false, 6 | "bracketSpacing": true, 7 | "printWidth": 80, 8 | "jsxBracketSameLine": true, 9 | "trailingComma": "es5" 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/clothes/Hoodie.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Hoodie extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/Overall.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Overall extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Smile.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Smile extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Tongue.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Tongue extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/Eyepatch.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Eyepatch extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Prescription01.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Prescription01 extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | render(): JSX.Element; 6 | } 7 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Prescription02.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Prescription02 extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | render(): JSX.Element; 6 | } 7 | -------------------------------------------------------------------------------- /dist/avatar/clothes/ShirtVNeck.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShirtVNeck extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Concerned.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Concerned extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Grimace.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Grimace extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Round.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Round extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private filter1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/BlazerShirt.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BlazerShirt extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/BlazerSweater.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BlazerSweater extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/CollarSweater.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class CollarSweater extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/GraphicShirt.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class GraphicShirt extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/clothes/ShirtCrewNeck.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShirtCrewNeck extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/ScreamOpen.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ScreamOpen extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/HatColor.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export interface Props { 3 | maskID: string; 4 | defaultColor?: string; 5 | } 6 | export default class Colors extends React.Component { 7 | render(): JSX.Element; 8 | } 9 | -------------------------------------------------------------------------------- /dist/avatar/clothes/ShirtScoopNeck.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShirtScoopNeck extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private mask1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/BeardLight.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BeardLight extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/BeardMedium.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BeardMedium extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/NoHair.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class NoHair extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private path1; 7 | render(): JSX.Element; 8 | } 9 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/BeardMagestic.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BeardMagestic extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/BeardMajestic.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class BeardMajestic extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/MoustacheFancy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class MoustacheFancy extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/MoustacheMagnum.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class MoustacheMagnum extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private path1; 6 | render(): JSX.Element; 7 | } 8 | -------------------------------------------------------------------------------- /dist/options/Option.d.ts: -------------------------------------------------------------------------------- 1 | export default class Option { 2 | private _key; 3 | private _label; 4 | get key(): string; 5 | get label(): string; 6 | constructor({ key, label }: { 7 | key: string; 8 | label: string; 9 | }); 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/face/eyes/Squint.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Squint extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private path2; 6 | private mask1; 7 | private mask2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/face/mouth/Vomit.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Vomit extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private path2; 6 | private mask1; 7 | private filter1; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/face/nose/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | exports.default = void 0; 4 | var Default_1 = require("./Default"); 5 | Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Default_1.default; } }); 6 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairBob.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairBob extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairBun.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairBun extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairCurly.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairCurly extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairCurvy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairCurvy extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairDreads.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairDreads extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/Hat.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Hat extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairFroBand.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairFroBand extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairStraight.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairStraight extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/Hijab.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Hijab extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairMiaWallace.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairMiaWallace extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairNotTooLong.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairNotTooLong extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/WinterHat2.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class WinterHat2 extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Wayfarers.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Wayfarers extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private path2; 6 | private filter1; 7 | private linearGradient1; 8 | render(): JSX.Element; 9 | } 10 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairFro.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairFro extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairSides.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairSides extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairStraight2.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairStraight2 extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairDreads01.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairDreads01 extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairDreads02.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairDreads02 extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairFrizzle.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairFrizzle extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShaggy.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShaggy extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShortCurly.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShortCurly extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShortFlat.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShortFlat extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShortRound.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShortRound extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShortWaved.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShortWaved extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairTheCaesar.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairTheCaesar extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairStraightStrand.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairStraightStrand extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairShaggyMullet.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairShaggyMullet extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private path1; 7 | private path2; 8 | private path3; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/WinterHat1.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class WinterHat1 extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | private path3; 10 | render(): JSX.Element; 11 | } 12 | -------------------------------------------------------------------------------- /dist/avatar/top/WinterHat3.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class WinterHat3 extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | private path3; 10 | render(): JSX.Element; 11 | } 12 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairBigHair.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairBigHair extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private mask3; 7 | private path1; 8 | private path2; 9 | private path3; 10 | render(): JSX.Element; 11 | } 12 | -------------------------------------------------------------------------------- /dist/avatar/top/ShortHairTheCaesarSidePart.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class ShortHairTheCaesarSidePart extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private path1; 8 | private path2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Sunglasses.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Sunglasses extends React.Component { 3 | static optionValue: string; 4 | private path1; 5 | private path2; 6 | private filter1; 7 | private linearGradient1; 8 | private linearGradient2; 9 | render(): JSX.Element; 10 | } 11 | -------------------------------------------------------------------------------- /dist/avatar/top/Turban.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class Turban extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private mask3; 8 | private path1; 9 | private path2; 10 | private path3; 11 | render(): JSX.Element; 12 | } 13 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairShavedSides.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairShavedSides extends React.Component { 3 | static optionValue: string; 4 | private mask1; 5 | private mask2; 6 | private mask3; 7 | private path1; 8 | private path2; 9 | private path3; 10 | private path4; 11 | render(): JSX.Element; 12 | } 13 | -------------------------------------------------------------------------------- /src/options/Option.ts: -------------------------------------------------------------------------------- 1 | export default class Option { 2 | private _key: string 3 | private _label: string 4 | 5 | get key (): string { 6 | return this._key 7 | } 8 | 9 | get label (): string { 10 | return this._label 11 | } 12 | 13 | constructor ({ key, label }: { key: string; label: string }) { 14 | this._key = key 15 | this._label = label 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["tslint-config-standard", "tslint-react"], 3 | "rules": { 4 | "jsx-alignment": false, 5 | "jsx-boolean-value": [true, "never"], 6 | "jsx-no-multiline-js": false, 7 | "jsx-wrap-multiline": true, 8 | "no-unused-variable": false, 9 | "ter-indent": false, 10 | "object-literal-shorthand": true, 11 | "ter-arrow-body-style": true 12 | } 13 | } -------------------------------------------------------------------------------- /dist/avatar/top/WinterHat4.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class WinterHat4 extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private mask1; 6 | private mask2; 7 | private mask3; 8 | private mask4; 9 | private path1; 10 | private path2; 11 | private path3; 12 | private path4; 13 | private path5; 14 | render(): JSX.Element; 15 | } 16 | -------------------------------------------------------------------------------- /dist/avatar/top/LongHairFrida.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export default class LongHairFrida extends React.Component { 3 | static optionValue: string; 4 | private filter1; 5 | private filter2; 6 | private filter3; 7 | private filter4; 8 | private filter5; 9 | private filter6; 10 | private filter7; 11 | private mask1; 12 | private path1; 13 | private path2; 14 | render(): JSX.Element; 15 | } 16 | -------------------------------------------------------------------------------- /dist/avatar/piece.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export declare enum AvatarStyle { 3 | Circle = "Circle", 4 | Transparent = "Transparent" 5 | } 6 | export interface Props { 7 | pieceSize?: string; 8 | pieceType?: string; 9 | avatarStyle: AvatarStyle; 10 | style?: React.CSSProperties; 11 | viewBox?: string; 12 | } 13 | export default class PieceComponent extends React.Component { 14 | render(): JSX.Element; 15 | } 16 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.formatOnSave": true, 3 | "prettier.useTabs": false, 4 | "prettier.tabWidth": 2, 5 | "prettier.typescriptEnable": ["typescript"], 6 | "prettier.jsonEnable": ["json"], 7 | "prettier.singleQuote": true, 8 | "prettier.semi": false, 9 | "prettier.spaceBeforeFunctionParen": true, 10 | "prettier.bracketSpacing": false, 11 | "prettier.printWidth": 80, 12 | "prettier.arrowParens": false, 13 | "editor.tabSize": 2 14 | } -------------------------------------------------------------------------------- /src/avatar/face/eyes/Default.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Default extends React.Component { 4 | static optionValue = 'Default' 5 | 6 | render () { 7 | return ( 8 | 12 | 13 | 14 | 15 | ) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/avatar/face/mouth/Serious.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Serious extends React.Component { 4 | static optionValue = 'Serious' 5 | 6 | render () { 7 | return ( 8 | 13 | 14 | 15 | ) 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /src/avatar/face/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import Eyebrow from './eyebrow' 4 | import Eyes from './eyes' 5 | import Mouth from './mouth' 6 | import Nose from './nose/Default' 7 | 8 | export default class Face extends React.Component { 9 | render () { 10 | return ( 11 | 12 | 13 | 14 | 15 | 16 | 17 | ) 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/avatar/face/nose/Default.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Default extends React.Component { 4 | static optionValue = 'Default' 5 | 6 | render () { 7 | return ( 8 | 12 | 16 | 17 | ) 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /dist/avatar/index.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | export declare enum AvatarStyle { 3 | Circle = "Circle", 4 | Transparent = "Transparent" 5 | } 6 | export interface Props { 7 | avatarStyle: AvatarStyle; 8 | className?: string; 9 | style?: React.CSSProperties; 10 | } 11 | export default class Avatar extends React.Component { 12 | private path1; 13 | private path2; 14 | private path3; 15 | private mask1; 16 | private mask2; 17 | private mask3; 18 | render(): JSX.Element; 19 | } 20 | -------------------------------------------------------------------------------- /src/avatar/face/mouth/Default.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Default extends React.Component { 4 | static optionValue = 'Default' 5 | 6 | render () { 7 | return ( 8 | 12 | 16 | 17 | ) 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "module": "commonjs", 5 | "moduleResolution": "node", 6 | "jsx": "react", 7 | "skipLibCheck": true, 8 | "allowSyntheticDefaultImports": true, 9 | "strictNullChecks": true, 10 | "noUnusedLocals": true, 11 | "noUnusedParameters": true, 12 | "noImplicitReturns": true, 13 | "declaration": true, 14 | "newLine": "lf", 15 | "outDir": "./dist", 16 | "lib": [ 17 | "es6", 18 | "dom" 19 | ] 20 | }, 21 | "types": [ 22 | "jest", 23 | "node" 24 | ] 25 | } -------------------------------------------------------------------------------- /src/avatar/face/mouth/Disbelief.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Disbelief extends React.Component { 4 | static optionValue = 'Disbelief' 5 | 6 | render () { 7 | return ( 8 | 13 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /dist/options/Option.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | Object.defineProperty(exports, "__esModule", { value: true }); 3 | var Option = /** @class */ (function () { 4 | function Option(_a) { 5 | var key = _a.key, label = _a.label; 6 | this._key = key; 7 | this._label = label; 8 | } 9 | Object.defineProperty(Option.prototype, "key", { 10 | get: function () { 11 | return this._key; 12 | }, 13 | enumerable: false, 14 | configurable: true 15 | }); 16 | Object.defineProperty(Option.prototype, "label", { 17 | get: function () { 18 | return this._label; 19 | }, 20 | enumerable: false, 21 | configurable: true 22 | }); 23 | return Option; 24 | }()); 25 | exports.default = Option; 26 | -------------------------------------------------------------------------------- /src/avatar/top/facialHair/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import BeardLight from './BeardLight' 4 | import BeardMajestic from './BeardMajestic' 5 | import BeardMedium from './BeardMedium' 6 | import Blank from './Blank' 7 | import MoustacheFancy from './MoustacheFancy' 8 | import MoustacheMagnum from './MoustacheMagnum' 9 | import { FacialHairOption, Selector } from '../../../options' 10 | 11 | export default class FacialHair extends React.Component { 12 | render () { 13 | return ( 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | ) 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /dist/options/Selector.d.ts: -------------------------------------------------------------------------------- 1 | import * as PropTypes from 'prop-types'; 2 | import * as React from 'react'; 3 | import Option from './Option'; 4 | import OptionContext from './OptionContext'; 5 | export interface Props { 6 | option: Option; 7 | defaultOption: React.ComponentClass | string; 8 | } 9 | export default class Selector extends React.Component { 10 | static contextTypes: { 11 | optionContext: PropTypes.Requireable; 12 | }; 13 | private get optionContext(); 14 | UNSAFE_componentWillMount(): void; 15 | UNSAFE_componentWillUpdate(nextProps: Props & { 16 | children?: React.ReactNode; 17 | }): void; 18 | componentWillUnmount(): void; 19 | render(): null; 20 | private optionContextUpdate; 21 | private updateOptionValues; 22 | } 23 | -------------------------------------------------------------------------------- /src/avatar/top/accessories/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import Blank from './Blank' 4 | import Kurt from './Kurt' 5 | import Prescription01 from './Prescription01' 6 | import Prescription02 from './Prescription02' 7 | import Round from './Round' 8 | import Sunglasses from './Sunglasses' 9 | import Wayfarers from './Wayfarers' 10 | import { AccessoriesOption, Selector } from '../../../options' 11 | 12 | export default class Accessories extends React.Component { 13 | render () { 14 | return ( 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | ) 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/avatar/face/mouth/Twinkle.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Twinkle extends React.Component { 4 | static optionValue = 'Twinkle' 5 | 6 | render () { 7 | return ( 8 | 14 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/EyeRoll.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class EyeRoll extends React.Component { 4 | static optionValue = 'EyeRoll' 5 | 6 | render () { 7 | return ( 8 | 9 | 10 | 11 | 19 | 27 | 28 | ) 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/Surprised.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Surprised extends React.Component { 4 | static optionValue = 'Surprised' 5 | 6 | render () { 7 | return ( 8 | 9 | 10 | 11 | 19 | 27 | 28 | ) 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /dist/options/withOptions.js: -------------------------------------------------------------------------------- 1 | import * as PropTypes from 'prop-types'; 2 | import * as React from 'react'; 3 | import OptionContext from './OptionContext'; 4 | export default function withOptions(Component, config) { 5 | return _a = class ComponentWithOptions extends React.Component { 6 | get optionContext() { 7 | return this.context.optionContext; 8 | } 9 | componentDidMount() { 10 | // 11 | } 12 | componentWillUnmount() { 13 | // 14 | } 15 | render() { 16 | const { props } = this; 17 | return React.createElement(Component, Object.assign({}, props)); 18 | } 19 | }, 20 | _a.contextTypes = { 21 | optionContext: PropTypes.instanceOf(OptionContext) 22 | }, 23 | _a; 24 | var _a; 25 | } 26 | -------------------------------------------------------------------------------- /dist/options/index.d.ts: -------------------------------------------------------------------------------- 1 | import Option from './Option'; 2 | export { default as Option } from './Option'; 3 | export { default as OptionContext, OptionContextState } from './OptionContext'; 4 | export { default as Selector } from './Selector'; 5 | export declare const TopOption: Option; 6 | export declare const AccessoriesOption: Option; 7 | export declare const HatColorOption: Option; 8 | export declare const HairColorOption: Option; 9 | export declare const FacialHairOption: Option; 10 | export declare const FacialHairColor: Option; 11 | export declare const ClotheOption: Option; 12 | export declare const ClotheColorOption: Option; 13 | export declare const GraphicOption: Option; 14 | export declare const EyesOption: Option; 15 | export declare const EyebrowOption: Option; 16 | export declare const MouthOption: Option; 17 | export declare const SkinOption: Option; 18 | export declare const allOptions: Option[]; 19 | -------------------------------------------------------------------------------- /src/avatar/face/mouth/Sad.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Sad extends React.Component { 4 | static optionValue = 'Sad' 5 | 6 | render () { 7 | return ( 8 | 13 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/avatar/clothes/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import BlazerShirt from './BlazerShirt' 4 | import BlazerSweater from './BlazerSweater' 5 | import CollarSweater from './CollarSweater' 6 | import GraphicShirt from './GraphicShirt' 7 | import Hoodie from './Hoodie' 8 | import Overall from './Overall' 9 | import ShirtCrewNeck from './ShirtCrewNeck' 10 | import ShirtScoopNeck from './ShirtScoopNeck' 11 | import ShirtVNeck from './ShirtVNeck' 12 | import { ClotheOption, Selector } from '../../options' 13 | 14 | export default class Clothes extends React.Component { 15 | render () { 16 | return ( 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | ) 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import Close from './Close' 4 | import Cry from './Cry' 5 | import Default from './Default' 6 | import Dizzy from './Dizzy' 7 | import EyeRoll from './EyeRoll' 8 | import Happy from './Happy' 9 | import Hearts from './Hearts' 10 | import Side from './Side' 11 | import Squint from './Squint' 12 | import Surprised from './Surprised' 13 | import Wink from './Wink' 14 | import WinkWacky from './WinkWacky' 15 | import { EyesOption, Selector } from '../../../options' 16 | 17 | export default class Eyes extends React.Component { 18 | render () { 19 | return ( 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ) 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/Wink.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Wink extends React.Component { 4 | static optionValue = 'Wink' 5 | 6 | render () { 7 | return ( 8 | 12 | 13 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /src/avatar/face/mouth/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import Concerned from './Concerned' 4 | import Default from './Default' 5 | import Disbelief from './Disbelief' 6 | import Eating from './Eating' 7 | import Grimace from './Grimace' 8 | import Sad from './Sad' 9 | import ScreamOpen from './ScreamOpen' 10 | import Serious from './Serious' 11 | import Smile from './Smile' 12 | import Tongue from './Tongue' 13 | import Twinkle from './Twinkle' 14 | import Vomit from './Vomit' 15 | import { MouthOption, Selector } from '../../../options' 16 | 17 | export default class Mouth extends React.Component { 18 | render () { 19 | return ( 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ) 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/Cry.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Cry extends React.Component { 4 | static optionValue = 'Cry' 5 | 6 | render () { 7 | return ( 8 | 9 | 18 | 24 | 33 | 34 | ) 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Pablo Stanley, Fang-Pen Lin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/WinkWacky.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class WinkWacky extends React.Component { 4 | static optionValue = 'WinkWacky' 5 | 6 | render () { 7 | return ( 8 | 9 | 16 | 24 | 30 | 31 | ) 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/avatar/face/eyebrow/index.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | import Angry from './Angry' 4 | import AngryNatural from './AngryNatural' 5 | import Default from './Default' 6 | import DefaultNatural from './DefaultNatural' 7 | import FlatNatural from './FlatNatural' 8 | import RaisedExcited from './RaisedExcited' 9 | import RaisedExcitedNatural from './RaisedExcitedNatural' 10 | import SadConcerned from './SadConcerned' 11 | import SadConcernedNatural from './SadConcernedNatural' 12 | import UnibrowNatural from './UnibrowNatural' 13 | import UpDown from './UpDown' 14 | import UpDownNatural from './UpDownNatural' 15 | import { EyebrowOption, Selector } from '../../../options' 16 | 17 | export default class Eyebrow extends React.Component { 18 | render () { 19 | return ( 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ) 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/Dizzy.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Dizzy extends React.Component { 4 | static optionValue = 'Dizzy' 5 | 6 | render () { 7 | return ( 8 | 13 | 17 | 21 | 22 | ) 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/avatar/face/eyes/Happy.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class Happy extends React.Component { 4 | static optionValue = 'Happy' 5 | 6 | render () { 7 | return ( 8 | 12 | 16 | 20 | 21 | ) 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/avatar/face/eyebrow/UpDownNatural.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class UpDownNatural extends React.Component { 4 | static optionValue = 'UpDownNatural' 5 | 6 | render () { 7 | return ( 8 | 9 | 13 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /dist/avatar/top/facialHair/Blank.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __extends = (this && this.__extends) || (function () { 3 | var extendStatics = function (d, b) { 4 | extendStatics = Object.setPrototypeOf || 5 | ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || 6 | function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; 7 | return extendStatics(d, b); 8 | }; 9 | return function (d, b) { 10 | if (typeof b !== "function" && b !== null) 11 | throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); 12 | extendStatics(d, b); 13 | function __() { this.constructor = d; } 14 | d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); 15 | }; 16 | })(); 17 | Object.defineProperty(exports, "__esModule", { value: true }); 18 | var React = require("react"); 19 | var Blank = /** @class */ (function (_super) { 20 | __extends(Blank, _super); 21 | function Blank() { 22 | return _super !== null && _super.apply(this, arguments) || this; 23 | } 24 | Blank.prototype.render = function () { 25 | return null; 26 | }; 27 | Blank.optionValue = 'Blank'; 28 | return Blank; 29 | }(React.Component)); 30 | exports.default = Blank; 31 | -------------------------------------------------------------------------------- /dist/avatar/top/accessories/Blank.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __extends = (this && this.__extends) || (function () { 3 | var extendStatics = function (d, b) { 4 | extendStatics = Object.setPrototypeOf || 5 | ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || 6 | function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; 7 | return extendStatics(d, b); 8 | }; 9 | return function (d, b) { 10 | if (typeof b !== "function" && b !== null) 11 | throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); 12 | extendStatics(d, b); 13 | function __() { this.constructor = d; } 14 | d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); 15 | }; 16 | })(); 17 | Object.defineProperty(exports, "__esModule", { value: true }); 18 | var React = require("react"); 19 | var Blank = /** @class */ (function (_super) { 20 | __extends(Blank, _super); 21 | function Blank() { 22 | return _super !== null && _super.apply(this, arguments) || this; 23 | } 24 | Blank.prototype.render = function () { 25 | return null; 26 | }; 27 | Blank.optionValue = 'Blank'; 28 | return Blank; 29 | }(React.Component)); 30 | exports.default = Blank; 31 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "avataaars", 3 | "version": "2.0.0", 4 | "description": "React component for avataaars", 5 | "main": "dist/index.js", 6 | "types": "dist/index.d.ts", 7 | "scripts": { 8 | "build": "tsc" 9 | }, 10 | "keywords": [ 11 | "react", 12 | "avatar" 13 | ], 14 | "repository": "git@github.com:fangpenlin/avataaars.git", 15 | "author": "Fang-Pen Lin ", 16 | "license": "MIT", 17 | "peerDependencies": { 18 | "react": "^17.0.0" 19 | }, 20 | "devDependencies": { 21 | "@types/react": "^17.0.0", 22 | "import-sort-style-renke": "^4.2.0", 23 | "tslint": "^6.1.3", 24 | "tslint-config-standard": "^9.0.0", 25 | "tslint-react": "^5.0.0", 26 | "typescript": "^4.3.5" 27 | }, 28 | "dependencies": { 29 | "lodash": ">=4.17.21", 30 | "prop-types": "^15.7.2" 31 | }, 32 | "importSort": { 33 | ".js, .jsx, .es6, .es": { 34 | "parser": "babylon", 35 | "style": "import-sort-style-renke" 36 | }, 37 | ".ts, .tsx": { 38 | "parser": "typescript", 39 | "style": "import-sort-style-renke" 40 | } 41 | }, 42 | "prettier": { 43 | "tabWidth": 2, 44 | "useTabs": false, 45 | "semi": false, 46 | "singleQuote": true, 47 | "jsxSingleQuote": true, 48 | "trailingComma": "es5", 49 | "bracketSpacing": true, 50 | "jsxBracketSameLine": true 51 | } 52 | } -------------------------------------------------------------------------------- /src/avatar/clothes/ShirtScoopNeck.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | import { uniqueId } from 'lodash' 3 | 4 | import Colors from './Colors' 5 | 6 | export default class ShirtScoopNeck extends React.Component { 7 | static optionValue = 'ShirtScoopNeck' 8 | private path1 = uniqueId('react-path-') 9 | private mask1 = uniqueId('react-mask-') 10 | 11 | render () { 12 | const { path1, mask1 } = this 13 | return ( 14 | 17 | 18 | 22 | 23 | 24 | 25 | 26 | 32 | 33 | 34 | ) 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/avatar/face/eyebrow/RaisedExcitedNatural.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react' 2 | 3 | export default class RaisedExcitedNatural extends React.Component { 4 | static optionValue = 'RaisedExcitedNatural' 5 | 6 | render () { 7 | return ( 8 | 9 | 13 | 18 | 19 | ) 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /dist/options/OptionContext.d.ts: -------------------------------------------------------------------------------- 1 | import Option from './Option'; 2 | export interface OptionState { 3 | key: string; 4 | options: Array; 5 | defaultValue?: string; 6 | available: number; 7 | } 8 | export declare type OptionContextState = { 9 | [index: string]: OptionState; 10 | }; 11 | export default class OptionContext { 12 | private stateChangeListeners; 13 | private valueChangeListeners; 14 | private _state; 15 | private _data; 16 | private readonly _options; 17 | get options(): Option[]; 18 | get state(): OptionContextState; 19 | constructor(options: Array