mui-phone-input-ssr
Version:
An SSR-friendly Material UI React phone number input component. Based on the excellent material-ui-phone-number.
711 lines (710 loc) • 18 kB
JavaScript
export default (flagSprite) => ({
flag: {
width: 16,
height: 11,
backgroundImage: `url(${flagSprite}) !important`,
'&.margin': {
marginRight: 8,
},
'&.ad': {
backgroundPosition: '-16px 0',
},
'&.ae': {
backgroundPosition: '-32px 0',
},
'&.af': {
backgroundPosition: '-48px 0',
},
'&.ag': {
backgroundPosition: '-64px 0',
},
'&.ai': {
backgroundPosition: '-80px 0',
},
'&.al': {
backgroundPosition: '-96px 0',
},
'&.am': {
backgroundPosition: '-112px 0',
},
'&.ao': {
backgroundPosition: '-128px 0',
},
'&.ar': {
backgroundPosition: '-144px 0',
},
'&.as': {
backgroundPosition: '-160px 0',
},
'&.at': {
backgroundPosition: '-176px 0',
},
'&.au': {
backgroundPosition: '-192px 0',
},
'&.aw': {
backgroundPosition: '-208px 0',
},
'&.az': {
backgroundPosition: '-224px 0',
},
'&.ba': {
backgroundPosition: '-240px 0',
},
'&.bb': {
backgroundPosition: '0 -11px',
},
'&.bd': {
backgroundPosition: '-16px -11px',
},
'&.be': {
backgroundPosition: '-32px -11px',
},
'&.bf': {
backgroundPosition: '-48px -11px',
},
'&.bg': {
backgroundPosition: '-64px -11px',
},
'&.bh': {
backgroundPosition: '-80px -11px',
},
'&.bi': {
backgroundPosition: '-96px -11px',
},
'&.bj': {
backgroundPosition: '-112px -11px',
},
'&.bl': {
backgroundPosition: '-48px -44px',
},
'&.bm': {
backgroundPosition: '-128px -11px',
},
'&.bn': {
backgroundPosition: '-144px -11px',
},
'&.bo': {
backgroundPosition: '-160px -11px',
},
'&.bq': {
backgroundPosition: '-128px -99px',
},
'&.br': {
backgroundPosition: '-176px -11px',
},
'&.bs': {
backgroundPosition: '-192px -11px',
},
'&.bt': {
backgroundPosition: '-208px -11px',
},
'&.bw': {
backgroundPosition: '-224px -11px',
},
'&.by': {
backgroundPosition: '-240px -11px',
},
'&.bz': {
backgroundPosition: '0 -22px',
},
'&.ca': {
backgroundPosition: '-16px -22px',
},
'&.cd': {
backgroundPosition: '-32px -22px',
},
'&.cf': {
backgroundPosition: '-48px -22px',
},
'&.cg': {
backgroundPosition: '-64px -22px',
},
'&.ch': {
backgroundPosition: '-80px -22px',
},
'&.ci': {
backgroundPosition: '-96px -22px',
},
'&.ck': {
backgroundPosition: '-112px -22px',
},
'&.cl': {
backgroundPosition: '-128px -22px',
},
'&.cm': {
backgroundPosition: '-144px -22px',
},
'&.cn': {
backgroundPosition: '-160px -22px',
},
'&.co': {
backgroundPosition: '-176px -22px',
},
'&.cr': {
backgroundPosition: '-192px -22px',
},
'&.cu': {
backgroundPosition: '-208px -22px',
},
'&.cv': {
backgroundPosition: '-224px -22px',
},
'&.cw': {
backgroundPosition: '-240px -22px',
},
'&.cy': {
backgroundPosition: '0 -33px',
},
'&.cz': {
backgroundPosition: '-16px -33px',
},
'&.de': {
backgroundPosition: '-32px -33px',
},
'&.dj': {
backgroundPosition: '-48px -33px',
},
'&.dk': {
backgroundPosition: '-64px -33px',
},
'&.dm': {
backgroundPosition: '-80px -33px',
},
'&.do': {
backgroundPosition: '-96px -33px',
},
'&.dz': {
backgroundPosition: '-112px -33px',
},
'&.ec': {
backgroundPosition: '-128px -33px',
},
'&.ee': {
backgroundPosition: '-144px -33px',
},
'&.eg': {
backgroundPosition: '-160px -33px',
},
'&.er': {
backgroundPosition: '-176px -33px',
},
'&.es': {
backgroundPosition: '-192px -33px',
},
'&.et': {
backgroundPosition: '-208px -33px',
},
'&.fi': {
backgroundPosition: '-224px -33px',
},
'&.fj': {
backgroundPosition: '-240px -33px',
},
'&.fk': {
backgroundPosition: '0 -44px',
},
'&.fm': {
backgroundPosition: '-16px -44px',
},
'&.fo': {
backgroundPosition: '-32px -44px',
},
'&.fr': {
backgroundPosition: '-48px -44px',
},
'&.ga': {
backgroundPosition: '-64px -44px',
},
'&.gb': {
backgroundPosition: '-80px -44px',
},
'&.gd': {
backgroundPosition: '-96px -44px',
},
'&.ge': {
backgroundPosition: '-112px -44px',
},
'&.gf': {
backgroundPosition: '-128px -44px',
},
'&.gh': {
backgroundPosition: '-144px -44px',
},
'&.gi': {
backgroundPosition: '-160px -44px',
},
'&.gl': {
backgroundPosition: '-176px -44px',
},
'&.gm': {
backgroundPosition: '-192px -44px',
},
'&.gn': {
backgroundPosition: '-208px -44px',
},
'&.gp': {
backgroundPosition: '-224px -44px',
},
'&.gq': {
backgroundPosition: '-240px -44px',
},
'&.gr': {
backgroundPosition: '0 -55px',
},
'&.gt': {
backgroundPosition: '-16px -55px',
},
'&.gu': {
backgroundPosition: '-32px -55px',
},
'&.gw': {
backgroundPosition: '-48px -55px',
},
'&.gy': {
backgroundPosition: '-64px -55px',
},
'&.hk': {
backgroundPosition: '-80px -55px',
},
'&.hn': {
backgroundPosition: '-96px -55px',
},
'&.hr': {
backgroundPosition: '-112px -55px',
},
'&.ht': {
backgroundPosition: '-128px -55px',
},
'&.hu': {
backgroundPosition: '-144px -55px',
},
'&.id': {
backgroundPosition: '-160px -55px',
},
'&.ie': {
backgroundPosition: '-176px -55px',
},
'&.il': {
backgroundPosition: '-192px -55px',
},
'&.in': {
backgroundPosition: '-208px -55px',
},
'&.io': {
backgroundPosition: '-224px -55px',
},
'&.iq': {
backgroundPosition: '-240px -55px',
},
'&.ir': {
backgroundPosition: '0 -66px',
},
'&.is': {
backgroundPosition: '-16px -66px',
},
'&.it': {
backgroundPosition: '-32px -66px',
},
'&.jm': {
backgroundPosition: '-48px -66px',
},
'&.jo': {
backgroundPosition: '-64px -66px',
},
'&.jp': {
backgroundPosition: '-80px -66px',
},
'&.ke': {
backgroundPosition: '-96px -66px',
},
'&.kg': {
backgroundPosition: '-112px -66px',
},
'&.kh': {
backgroundPosition: '-128px -66px',
},
'&.ki': {
backgroundPosition: '-144px -66px',
},
'&.km': {
backgroundPosition: '-160px -66px',
},
'&.kn': {
backgroundPosition: '-176px -66px',
},
'&.kp': {
backgroundPosition: '-192px -66px',
},
'&.kr': {
backgroundPosition: '-208px -66px',
},
'&.kw': {
backgroundPosition: '-224px -66px',
},
'&.ky': {
backgroundPosition: '-240px -66px',
},
'&.kz': {
backgroundPosition: '0 -77px',
},
'&.la': {
backgroundPosition: '-16px -77px',
},
'&.lb': {
backgroundPosition: '-32px -77px',
},
'&.lc': {
backgroundPosition: '-48px -77px',
},
'&.li': {
backgroundPosition: '-64px -77px',
},
'&.lk': {
backgroundPosition: '-80px -77px',
},
'&.lr': {
backgroundPosition: '-96px -77px',
},
'&.ls': {
backgroundPosition: '-112px -77px',
},
'&.lt': {
backgroundPosition: '-128px -77px',
},
'&.lu': {
backgroundPosition: '-144px -77px',
},
'&.lv': {
backgroundPosition: '-160px -77px',
},
'&.ly': {
backgroundPosition: '-176px -77px',
},
'&.ma': {
backgroundPosition: '-192px -77px',
},
'&.mc': {
backgroundPosition: '-208px -77px',
},
'&.md': {
backgroundPosition: '-224px -77px',
},
'&.me': {
backgroundPosition: '-112px -154px',
height: 12,
},
'&.mf': {
backgroundPosition: '-48px -44px',
},
'&.mg': {
backgroundPosition: '0 -88px',
},
'&.mh': {
backgroundPosition: '-16px -88px',
},
'&.mk': {
backgroundPosition: '-32px -88px',
},
'&.ml': {
backgroundPosition: '-48px -88px',
},
'&.mm': {
backgroundPosition: '-64px -88px',
},
'&.mn': {
backgroundPosition: '-80px -88px',
},
'&.mo': {
backgroundPosition: '-96px -88px',
},
'&.mp': {
backgroundPosition: '-112px -88px',
},
'&.mq': {
backgroundPosition: '-128px -88px',
},
'&.mr': {
backgroundPosition: '-144px -88px',
},
'&.ms': {
backgroundPosition: '-160px -88px',
},
'&.mt': {
backgroundPosition: '-176px -88px',
},
'&.mu': {
backgroundPosition: '-192px -88px',
},
'&.mv': {
backgroundPosition: '-208px -88px',
},
'&.mw': {
backgroundPosition: '-224px -88px',
},
'&.mx': {
backgroundPosition: '-240px -88px',
},
'&.my': {
backgroundPosition: '0 -99px',
},
'&.mz': {
backgroundPosition: '-16px -99px',
},
'&.na': {
backgroundPosition: '-32px -99px',
},
'&.nc': {
backgroundPosition: '-48px -99px',
},
'&.ne': {
backgroundPosition: '-64px -99px',
},
'&.nf': {
backgroundPosition: '-80px -99px',
},
'&.ng': {
backgroundPosition: '-96px -99px',
},
'&.ni': {
backgroundPosition: '-112px -99px',
},
'&.nl': {
backgroundPosition: '-128px -99px',
},
'&.no': {
backgroundPosition: '-144px -99px',
},
'&.np': {
backgroundPosition: '-160px -99px',
},
'&.nr': {
backgroundPosition: '-176px -99px',
},
'&.nu': {
backgroundPosition: '-192px -99px',
},
'&.nz': {
backgroundPosition: '-208px -99px',
},
'&.om': {
backgroundPosition: '-224px -99px',
},
'&.pa': {
backgroundPosition: '-240px -99px',
},
'&.pe': {
backgroundPosition: '0 -110px',
},
'&.pf': {
backgroundPosition: '-16px -110px',
},
'&.pg': {
backgroundPosition: '-32px -110px',
},
'&.ph': {
backgroundPosition: '-48px -110px',
},
'&.pk': {
backgroundPosition: '-64px -110px',
},
'&.pl': {
backgroundPosition: '-80px -110px',
},
'&.pm': {
backgroundPosition: '-96px -110px',
},
'&.pr': {
backgroundPosition: '-112px -110px',
},
'&.ps': {
backgroundPosition: '-128px -110px',
},
'&.pt': {
backgroundPosition: '-144px -110px',
},
'&.pw': {
backgroundPosition: '-160px -110px',
},
'&.py': {
backgroundPosition: '-176px -110px',
},
'&.qa': {
backgroundPosition: '-192px -110px',
},
'&.re': {
backgroundPosition: '-208px -110px',
},
'&.ro': {
backgroundPosition: '-224px -110px',
},
'&.rs': {
backgroundPosition: '-240px -110px',
},
'&.ru': {
backgroundPosition: '0 -121px',
},
'&.rw': {
backgroundPosition: '-16px -121px',
},
'&.sa': {
backgroundPosition: '-32px -121px',
},
'&.sb': {
backgroundPosition: '-48px -121px',
},
'&.sc': {
backgroundPosition: '-64px -121px',
},
'&.sd': {
backgroundPosition: '-80px -121px',
},
'&.se': {
backgroundPosition: '-96px -121px',
},
'&.sg': {
backgroundPosition: '-112px -121px',
},
'&.sh': {
backgroundPosition: '-128px -121px',
},
'&.si': {
backgroundPosition: '-144px -121px',
},
'&.sk': {
backgroundPosition: '-160px -121px',
},
'&.sl': {
backgroundPosition: '-176px -121px',
},
'&.sm': {
backgroundPosition: '-192px -121px',
},
'&.sn': {
backgroundPosition: '-208px -121px',
},
'&.so': {
backgroundPosition: '-224px -121px',
},
'&.sr': {
backgroundPosition: '-240px -121px',
},
'&.ss': {
backgroundPosition: '0 -132px',
},
'&.st': {
backgroundPosition: '-16px -132px',
},
'&.sv': {
backgroundPosition: '-32px -132px',
},
'&.sx': {
backgroundPosition: '-48px -132px',
},
'&.sy': {
backgroundPosition: '-64px -132px',
},
'&.sz': {
backgroundPosition: '-80px -132px',
},
'&.tc': {
backgroundPosition: '-96px -132px',
},
'&.td': {
backgroundPosition: '-112px -132px',
},
'&.tg': {
backgroundPosition: '-128px -132px',
},
'&.th': {
backgroundPosition: '-144px -132px',
},
'&.tj': {
backgroundPosition: '-160px -132px',
},
'&.tk': {
backgroundPosition: '-176px -132px',
},
'&.tl': {
backgroundPosition: '-192px -132px',
},
'&.tm': {
backgroundPosition: '-208px -132px',
},
'&.tn': {
backgroundPosition: '-224px -132px',
},
'&.to': {
backgroundPosition: '-240px -132px',
},
'&.tr': {
backgroundPosition: '0 -143px',
},
'&.tt': {
backgroundPosition: '-16px -143px',
},
'&.tv': {
backgroundPosition: '-32px -143px',
},
'&.tw': {
backgroundPosition: '-48px -143px',
},
'&.tz': {
backgroundPosition: '-64px -143px',
},
'&.ua': {
backgroundPosition: '-80px -143px',
},
'&.ug': {
backgroundPosition: '-96px -143px',
},
'&.us': {
backgroundPosition: '-112px -143px',
},
'&.uy': {
backgroundPosition: '-128px -143px',
},
'&.uz': {
backgroundPosition: '-144px -143px',
},
'&.va': {
backgroundPosition: '-160px -143px',
},
'&.vc': {
backgroundPosition: '-176px -143px',
},
'&.ve': {
backgroundPosition: '-192px -143px',
},
'&.vg': {
backgroundPosition: '-208px -143px',
},
'&.vi': {
backgroundPosition: '-224px -143px',
},
'&.vn': {
backgroundPosition: '-240px -143px',
},
'&.vu': {
backgroundPosition: '0 -154px',
},
'&.wf': {
backgroundPosition: '-16px -154px',
},
'&.ws': {
backgroundPosition: '-32px -154px',
},
'&.ye': {
backgroundPosition: '-48px -154px',
},
'&.za': {
backgroundPosition: '-64px -154px',
},
'&.zm': {
backgroundPosition: '-80px -154px',
},
'&.zw': {
backgroundPosition: '-96px -154px',
}
}
});