@alfalab/core-components-intl-phone-input 9.1.2 → 9.2.0

package/cssm/components/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-215a3963.js');
+var components_selectField_component = require('../component-1eeab8e9.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./flag-icon/flagSprite.js');
 require('./flag-icon/index.module.css');
 var components_flagIcon_component = require('./flag-icon/component.js');
 require('./select-field/index.module.css');

package/cssm/components/select/component.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-215a3963.js');
+var components_selectField_component = require('../../component-1eeab8e9.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('../flag-icon/flagSprite.js');
 require('../flag-icon/index.module.css');
 var components_flagIcon_component = require('../flag-icon/component.js');
 require('../select-field/index.module.css');

package/cssm/components/select/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-215a3963.js');
+require('../../component-1eeab8e9.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('../flag-icon/flagSprite.js');
 require('../flag-icon/index.module.css');
 require('../flag-icon/component.js');
 require('../select-field/index.module.css');

package/cssm/components/select/index.module.css

@@ -10,7 +10,6 @@
     /* Hard up */
 }
 :root {
-    --gap-2xs: 4px;
     --gap-xs: 8px;
 }
 :root {
@@ -29,7 +28,6 @@
 }
 .flag {
     flex-shrink: 0;
-    margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
 .countryName {

package/cssm/components/select-field/component.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-215a3963.js');
+var components_selectField_component = require('../../component-1eeab8e9.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('../flag-icon/flagSprite.js');
 require('../flag-icon/index.module.css');
 require('../flag-icon/component.js');
 require('./index.module.css');

package/cssm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-215a3963";
+export * from "../../component-1eeab8e9";

package/cssm/components/select-field/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-215a3963.js');
+var components_selectField_component = require('../../component-1eeab8e9.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('../flag-icon/flagSprite.js');
 require('../flag-icon/index.module.css');
 require('../flag-icon/component.js');
 require('./index.module.css');

package/cssm/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-215a3963.js');
+require('./component-1eeab8e9.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-input-autocomplete/cssm');
@@ -13,6 +13,7 @@ require('./utils/format-phone-with-unclearable-country-code.js');
 require('./utils/preparePasteData.js');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./components/flag-icon/flagSprite.js');
 require('./components/flag-icon/index.module.css');
 require('./components/flag-icon/component.js');
 require('./components/select-field/index.module.css');

package/esm/{component-7c31218a.js → component-1fd0e5df.js}

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1elrw","flagIconContainer":"intl-phone-input__flagIconContainer_1elrw","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1elrw","disabled":"intl-phone-input__disabled_1elrw","inner":"intl-phone-input__inner_1elrw","l":"intl-phone-input__l_1elrw","xl":"intl-phone-input__xl_1elrw","focusVisible":"intl-phone-input__focusVisible_1elrw"};
+var styles = {"component":"intl-phone-input__component_1xm4x","flagIconContainer":"intl-phone-input__flagIconContainer_1xm4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1xm4x","disabled":"intl-phone-input__disabled_1xm4x","inner":"intl-phone-input__inner_1xm4x","l":"intl-phone-input__l_1xm4x","xl":"intl-phone-input__xl_1xm4x","focusVisible":"intl-phone-input__focusVisible_1xm4x"};
 require('./components/select-field/index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/esm/component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './component-7c31218a.js';
+import { _ as __rest, a as __assign } from './component-1fd0e5df.js';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { InputAutocomplete } from '@alfalab/core-components-input-autocomplete/esm';
@@ -9,12 +9,13 @@ import { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with
 import { preparePasteData } from './utils/preparePasteData.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import './components/flag-icon/flagSprite.js';
 import { FlagIcon } from './components/flag-icon/component.js';
 import '@alfalab/core-components-select/esm';
 import { CountriesSelect } from './components/select/component.js';
 import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 
-var styles = {"addons":"intl-phone-input__addons_1w6g7","l":"intl-phone-input__l_1w6g7","xl":"intl-phone-input__xl_1w6g7","flagIconWrapper":"intl-phone-input__flagIconWrapper_1w6g7","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1w6g7"};
+var styles = {"addons":"intl-phone-input__addons_bt23w","l":"intl-phone-input__l_bt23w","xl":"intl-phone-input__xl_bt23w","flagIconWrapper":"intl-phone-input__flagIconWrapper_bt23w","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_bt23w"};
 require('./index.css')
 
 var countriesHash = getCountriesHash();
@@ -266,7 +267,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-642994e6.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ae2df8d5.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/esm/components/flag-icon/component.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import cn from 'classnames';
+import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_3u7cp","ac":"intl-phone-input__ac_3u7cp","ad":"intl-phone-input__ad_3u7cp","ae":"intl-phone-input__ae_3u7cp","af":"intl-phone-input__af_3u7cp","ag":"intl-phone-input__ag_3u7cp","ai":"intl-phone-input__ai_3u7cp","al":"intl-phone-input__al_3u7cp","am":"intl-phone-input__am_3u7cp","ao":"intl-phone-input__ao_3u7cp","aq":"intl-phone-input__aq_3u7cp","ar":"intl-phone-input__ar_3u7cp","as":"intl-phone-input__as_3u7cp","at":"intl-phone-input__at_3u7cp","au":"intl-phone-input__au_3u7cp","aw":"intl-phone-input__aw_3u7cp","ax":"intl-phone-input__ax_3u7cp","az":"intl-phone-input__az_3u7cp","ba":"intl-phone-input__ba_3u7cp","bb":"intl-phone-input__bb_3u7cp","bd":"intl-phone-input__bd_3u7cp","be":"intl-phone-input__be_3u7cp","bf":"intl-phone-input__bf_3u7cp","bg":"intl-phone-input__bg_3u7cp","bh":"intl-phone-input__bh_3u7cp","bi":"intl-phone-input__bi_3u7cp","bj":"intl-phone-input__bj_3u7cp","bl":"intl-phone-input__bl_3u7cp","bm":"intl-phone-input__bm_3u7cp","bn":"intl-phone-input__bn_3u7cp","bo":"intl-phone-input__bo_3u7cp","bq":"intl-phone-input__bq_3u7cp","br":"intl-phone-input__br_3u7cp","bs":"intl-phone-input__bs_3u7cp","bt":"intl-phone-input__bt_3u7cp","bv":"intl-phone-input__bv_3u7cp","bw":"intl-phone-input__bw_3u7cp","by":"intl-phone-input__by_3u7cp","bz":"intl-phone-input__bz_3u7cp","ca":"intl-phone-input__ca_3u7cp","cc":"intl-phone-input__cc_3u7cp","cd":"intl-phone-input__cd_3u7cp","cf":"intl-phone-input__cf_3u7cp","cg":"intl-phone-input__cg_3u7cp","ch":"intl-phone-input__ch_3u7cp","ci":"intl-phone-input__ci_3u7cp","ck":"intl-phone-input__ck_3u7cp","cl":"intl-phone-input__cl_3u7cp","cm":"intl-phone-input__cm_3u7cp","cn":"intl-phone-input__cn_3u7cp","co":"intl-phone-input__co_3u7cp","cp":"intl-phone-input__cp_3u7cp","cr":"intl-phone-input__cr_3u7cp","cu":"intl-phone-input__cu_3u7cp","cv":"intl-phone-input__cv_3u7cp","cw":"intl-phone-input__cw_3u7cp","cx":"intl-phone-input__cx_3u7cp","cy":"intl-phone-input__cy_3u7cp","cz":"intl-phone-input__cz_3u7cp","de":"intl-phone-input__de_3u7cp","dg":"intl-phone-input__dg_3u7cp","dj":"intl-phone-input__dj_3u7cp","dk":"intl-phone-input__dk_3u7cp","dm":"intl-phone-input__dm_3u7cp","do":"intl-phone-input__do_3u7cp","dz":"intl-phone-input__dz_3u7cp","ea":"intl-phone-input__ea_3u7cp","ec":"intl-phone-input__ec_3u7cp","ee":"intl-phone-input__ee_3u7cp","eg":"intl-phone-input__eg_3u7cp","eh":"intl-phone-input__eh_3u7cp","er":"intl-phone-input__er_3u7cp","es":"intl-phone-input__es_3u7cp","et":"intl-phone-input__et_3u7cp","eu":"intl-phone-input__eu_3u7cp","fi":"intl-phone-input__fi_3u7cp","fj":"intl-phone-input__fj_3u7cp","fk":"intl-phone-input__fk_3u7cp","fm":"intl-phone-input__fm_3u7cp","fo":"intl-phone-input__fo_3u7cp","fr":"intl-phone-input__fr_3u7cp","ga":"intl-phone-input__ga_3u7cp","gb":"intl-phone-input__gb_3u7cp","gd":"intl-phone-input__gd_3u7cp","ge":"intl-phone-input__ge_3u7cp","gf":"intl-phone-input__gf_3u7cp","gg":"intl-phone-input__gg_3u7cp","gh":"intl-phone-input__gh_3u7cp","gi":"intl-phone-input__gi_3u7cp","gl":"intl-phone-input__gl_3u7cp","gm":"intl-phone-input__gm_3u7cp","gn":"intl-phone-input__gn_3u7cp","gp":"intl-phone-input__gp_3u7cp","gq":"intl-phone-input__gq_3u7cp","gr":"intl-phone-input__gr_3u7cp","gs":"intl-phone-input__gs_3u7cp","gt":"intl-phone-input__gt_3u7cp","gu":"intl-phone-input__gu_3u7cp","gw":"intl-phone-input__gw_3u7cp","gy":"intl-phone-input__gy_3u7cp","hk":"intl-phone-input__hk_3u7cp","hm":"intl-phone-input__hm_3u7cp","hn":"intl-phone-input__hn_3u7cp","hr":"intl-phone-input__hr_3u7cp","ht":"intl-phone-input__ht_3u7cp","hu":"intl-phone-input__hu_3u7cp","ic":"intl-phone-input__ic_3u7cp","id":"intl-phone-input__id_3u7cp","ie":"intl-phone-input__ie_3u7cp","il":"intl-phone-input__il_3u7cp","im":"intl-phone-input__im_3u7cp","in":"intl-phone-input__in_3u7cp","io":"intl-phone-input__io_3u7cp","iq":"intl-phone-input__iq_3u7cp","ir":"intl-phone-input__ir_3u7cp","is":"intl-phone-input__is_3u7cp","it":"intl-phone-input__it_3u7cp","je":"intl-phone-input__je_3u7cp","jm":"intl-phone-input__jm_3u7cp","jo":"intl-phone-input__jo_3u7cp","jp":"intl-phone-input__jp_3u7cp","ke":"intl-phone-input__ke_3u7cp","kg":"intl-phone-input__kg_3u7cp","kh":"intl-phone-input__kh_3u7cp","ki":"intl-phone-input__ki_3u7cp","km":"intl-phone-input__km_3u7cp","kn":"intl-phone-input__kn_3u7cp","kp":"intl-phone-input__kp_3u7cp","kr":"intl-phone-input__kr_3u7cp","kw":"intl-phone-input__kw_3u7cp","ky":"intl-phone-input__ky_3u7cp","kz":"intl-phone-input__kz_3u7cp","la":"intl-phone-input__la_3u7cp","lb":"intl-phone-input__lb_3u7cp","lc":"intl-phone-input__lc_3u7cp","li":"intl-phone-input__li_3u7cp","lk":"intl-phone-input__lk_3u7cp","lr":"intl-phone-input__lr_3u7cp","ls":"intl-phone-input__ls_3u7cp","lt":"intl-phone-input__lt_3u7cp","lu":"intl-phone-input__lu_3u7cp","lv":"intl-phone-input__lv_3u7cp","ly":"intl-phone-input__ly_3u7cp","ma":"intl-phone-input__ma_3u7cp","mc":"intl-phone-input__mc_3u7cp","md":"intl-phone-input__md_3u7cp","me":"intl-phone-input__me_3u7cp","mf":"intl-phone-input__mf_3u7cp","mg":"intl-phone-input__mg_3u7cp","mh":"intl-phone-input__mh_3u7cp","mk":"intl-phone-input__mk_3u7cp","ml":"intl-phone-input__ml_3u7cp","mm":"intl-phone-input__mm_3u7cp","mn":"intl-phone-input__mn_3u7cp","mo":"intl-phone-input__mo_3u7cp","mp":"intl-phone-input__mp_3u7cp","mq":"intl-phone-input__mq_3u7cp","mr":"intl-phone-input__mr_3u7cp","ms":"intl-phone-input__ms_3u7cp","mt":"intl-phone-input__mt_3u7cp","mu":"intl-phone-input__mu_3u7cp","mv":"intl-phone-input__mv_3u7cp","mw":"intl-phone-input__mw_3u7cp","mx":"intl-phone-input__mx_3u7cp","my":"intl-phone-input__my_3u7cp","mz":"intl-phone-input__mz_3u7cp","na":"intl-phone-input__na_3u7cp","nc":"intl-phone-input__nc_3u7cp","ne":"intl-phone-input__ne_3u7cp","nf":"intl-phone-input__nf_3u7cp","ng":"intl-phone-input__ng_3u7cp","ni":"intl-phone-input__ni_3u7cp","nl":"intl-phone-input__nl_3u7cp","no":"intl-phone-input__no_3u7cp","np":"intl-phone-input__np_3u7cp","nr":"intl-phone-input__nr_3u7cp","nu":"intl-phone-input__nu_3u7cp","nz":"intl-phone-input__nz_3u7cp","om":"intl-phone-input__om_3u7cp","pa":"intl-phone-input__pa_3u7cp","pe":"intl-phone-input__pe_3u7cp","pf":"intl-phone-input__pf_3u7cp","pg":"intl-phone-input__pg_3u7cp","ph":"intl-phone-input__ph_3u7cp","pk":"intl-phone-input__pk_3u7cp","pl":"intl-phone-input__pl_3u7cp","pm":"intl-phone-input__pm_3u7cp","pn":"intl-phone-input__pn_3u7cp","pr":"intl-phone-input__pr_3u7cp","ps":"intl-phone-input__ps_3u7cp","pt":"intl-phone-input__pt_3u7cp","pw":"intl-phone-input__pw_3u7cp","py":"intl-phone-input__py_3u7cp","qa":"intl-phone-input__qa_3u7cp","re":"intl-phone-input__re_3u7cp","ro":"intl-phone-input__ro_3u7cp","rs":"intl-phone-input__rs_3u7cp","ru":"intl-phone-input__ru_3u7cp","rw":"intl-phone-input__rw_3u7cp","sa":"intl-phone-input__sa_3u7cp","sb":"intl-phone-input__sb_3u7cp","sc":"intl-phone-input__sc_3u7cp","sd":"intl-phone-input__sd_3u7cp","se":"intl-phone-input__se_3u7cp","sg":"intl-phone-input__sg_3u7cp","sh":"intl-phone-input__sh_3u7cp","si":"intl-phone-input__si_3u7cp","sj":"intl-phone-input__sj_3u7cp","sk":"intl-phone-input__sk_3u7cp","sl":"intl-phone-input__sl_3u7cp","sm":"intl-phone-input__sm_3u7cp","sn":"intl-phone-input__sn_3u7cp","so":"intl-phone-input__so_3u7cp","sr":"intl-phone-input__sr_3u7cp","ss":"intl-phone-input__ss_3u7cp","st":"intl-phone-input__st_3u7cp","sv":"intl-phone-input__sv_3u7cp","sx":"intl-phone-input__sx_3u7cp","sy":"intl-phone-input__sy_3u7cp","sz":"intl-phone-input__sz_3u7cp","ta":"intl-phone-input__ta_3u7cp","tc":"intl-phone-input__tc_3u7cp","td":"intl-phone-input__td_3u7cp","tf":"intl-phone-input__tf_3u7cp","tg":"intl-phone-input__tg_3u7cp","th":"intl-phone-input__th_3u7cp","tj":"intl-phone-input__tj_3u7cp","tk":"intl-phone-input__tk_3u7cp","tl":"intl-phone-input__tl_3u7cp","tm":"intl-phone-input__tm_3u7cp","tn":"intl-phone-input__tn_3u7cp","to":"intl-phone-input__to_3u7cp","tr":"intl-phone-input__tr_3u7cp","tt":"intl-phone-input__tt_3u7cp","tv":"intl-phone-input__tv_3u7cp","tw":"intl-phone-input__tw_3u7cp","tz":"intl-phone-input__tz_3u7cp","ua":"intl-phone-input__ua_3u7cp","ug":"intl-phone-input__ug_3u7cp","um":"intl-phone-input__um_3u7cp","un":"intl-phone-input__un_3u7cp","us":"intl-phone-input__us_3u7cp","uy":"intl-phone-input__uy_3u7cp","uz":"intl-phone-input__uz_3u7cp","va":"intl-phone-input__va_3u7cp","vc":"intl-phone-input__vc_3u7cp","ve":"intl-phone-input__ve_3u7cp","vg":"intl-phone-input__vg_3u7cp","vi":"intl-phone-input__vi_3u7cp","vn":"intl-phone-input__vn_3u7cp","vu":"intl-phone-input__vu_3u7cp","wf":"intl-phone-input__wf_3u7cp","ws":"intl-phone-input__ws_3u7cp","xk":"intl-phone-input__xk_3u7cp","ye":"intl-phone-input__ye_3u7cp","yt":"intl-phone-input__yt_3u7cp","za":"intl-phone-input__za_3u7cp","zm":"intl-phone-input__zm_3u7cp","zw":"intl-phone-input__zw_3u7cp"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_aad6g","flagPlaceholder":"intl-phone-input__flagPlaceholder_aad6g"};
 require('./index.css')
 
 /**
@@ -9,7 +10,7 @@ require('./index.css')
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return (React.createElement("span", { className: cn(styles.flagIcon, styles[country], className) }));
+    return flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
 };
 
 export { FlagIcon };

package/esm/components/flag-icon/flagSprite.d.ts

@@ -0,0 +1,2 @@
+declare const flagSprite: Record<string, string>;
+export { flagSprite };