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

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

@@ -1,3 +1,4 @@
 import 'react';
 import 'classnames';
+import './flagSprite.js';
 export { FlagIcon } from './component.js';

package/esm/components/index.js

@@ -1,9 +1,10 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-7c31218a.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-1fd0e5df.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import './flag-icon/flagSprite.js';
 export { FlagIcon } from './flag-icon/component.js';
 import '@alfalab/core-components-select/esm';
 export { CountriesSelect } from './select/component.js';

package/esm/components/select/component.js

@@ -1,13 +1,14 @@
-import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7c31218a.js';
+import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-1fd0e5df.js';
 import React, { useMemo, useCallback } from 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import { FlagIcon } from '../flag-icon/component.js';
 import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
 
-var styles = {"component":"intl-phone-input__component_syapj","option":"intl-phone-input__option_syapj","flag":"intl-phone-input__flag_syapj","countryName":"intl-phone-input__countryName_syapj","dialCode":"intl-phone-input__dialCode_syapj"};
+var styles = {"component":"intl-phone-input__component_1hlhb","option":"intl-phone-input__option_1hlhb","flag":"intl-phone-input__flag_1hlhb","countryName":"intl-phone-input__countryName_1hlhb","dialCode":"intl-phone-input__dialCode_1hlhb"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {

package/esm/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 9aefu */
+/* hash: 3jm6f */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -11,30 +11,28 @@
     /* Hard up */
 }
 :root {
-    --gap-2xs: 4px;
     --gap-xs: 8px;
 }
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_syapj {
+.intl-phone-input__component_1hlhb {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_syapj {
+.intl-phone-input__option_1hlhb {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_syapj {
+.intl-phone-input__flag_1hlhb {
     flex-shrink: 0;
-    margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_syapj {
+.intl-phone-input__countryName_1hlhb {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_syapj {
+.intl-phone-input__dialCode_1hlhb {
     color: var(--text-secondary-color);
 }

package/esm/components/select/index.js

@@ -1,9 +1,10 @@
-import '../../component-7c31218a.js';
+import '../../component-1fd0e5df.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import '../flag-icon/component.js';
 import '@alfalab/core-components-select/esm';
 export { CountriesSelect } from './component.js';

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

@@ -1,7 +1,8 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7c31218a.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-1fd0e5df.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import '../flag-icon/component.js';

package/esm/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vlyf */
+/* hash: 1sbmn */
 :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
@@ -20,13 +20,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_1elrw {
+.intl-phone-input__component_1xm4x {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1elrw {
+.intl-phone-input__flagIconContainer_1xm4x {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -34,13 +34,13 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__emptyCountryIcon_1elrw {
+.intl-phone-input__emptyCountryIcon_1xm4x {
     color: var(--color-light-graphic-secondary);
 }
-.intl-phone-input__disabled_1elrw {
+.intl-phone-input__disabled_1xm4x {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1elrw {
+.intl-phone-input__inner_1xm4x {
     position: relative;
     display: flex;
     align-items: center;
@@ -48,11 +48,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1elrw .intl-phone-input__inner_1elrw,
-.intl-phone-input__xl_1elrw .intl-phone-input__inner_1elrw {
+.intl-phone-input__l_1xm4x .intl-phone-input__inner_1xm4x,
+.intl-phone-input__xl_1xm4x .intl-phone-input__inner_1xm4x {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1elrw {
+.intl-phone-input__focusVisible_1xm4x {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1 +1 @@
-export * from "../../component-7c31218a";
+export * from "../../component-1fd0e5df";

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

@@ -1,7 +1,8 @@
-export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7c31218a.js';
+export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-1fd0e5df.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import '../flag-icon/component.js';

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 4f73z */
+/* hash: 4127a */
 :root {
     --color-light-graphic-secondary: #6d7986;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-s: 12px;
 }
-.intl-phone-input__addons_1w6g7 {
+.intl-phone-input__addons_bt23w {
     padding-left: 0;
 }
-.intl-phone-input__l_1w6g7 .intl-phone-input__addons_1w6g7, .intl-phone-input__xl_1w6g7 .intl-phone-input__addons_1w6g7 {
+.intl-phone-input__l_bt23w .intl-phone-input__addons_bt23w, .intl-phone-input__xl_bt23w .intl-phone-input__addons_bt23w {
         padding-left: 0;
     }
-.intl-phone-input__flagIconWrapper_1w6g7 {
+.intl-phone-input__flagIconWrapper_bt23w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -27,6 +27,6 @@
     height: 24px;
     margin-left: var(--gap-s);
 }
-.intl-phone-input__emptyCountryIcon_1w6g7 {
+.intl-phone-input__emptyCountryIcon_bt23w {
     color: var(--color-light-graphic-secondary);
 }

package/esm/index.js

@@ -1,4 +1,4 @@
-import './component-7c31218a.js';
+import './component-1fd0e5df.js';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-input-autocomplete/esm';
@@ -9,6 +9,7 @@ import './utils/format-phone-with-unclearable-country-code.js';
 import './utils/preparePasteData.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import './components/flag-icon/flagSprite.js';
 import './components/flag-icon/component.js';
 import '@alfalab/core-components-select/esm';
 import './components/select/component.js';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 4f73z */
+/* hash: 4127a */
 :root {
     --color-light-graphic-secondary: #6d7986;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-s: 12px;
 }
-.intl-phone-input__addons_1w6g7 {
+.intl-phone-input__addons_bt23w {
     padding-left: 0;
 }
-.intl-phone-input__l_1w6g7 .intl-phone-input__addons_1w6g7, .intl-phone-input__xl_1w6g7 .intl-phone-input__addons_1w6g7 {
+.intl-phone-input__l_bt23w .intl-phone-input__addons_bt23w, .intl-phone-input__xl_bt23w .intl-phone-input__addons_bt23w {
         padding-left: 0;
     }
-.intl-phone-input__flagIconWrapper_1w6g7 {
+.intl-phone-input__flagIconWrapper_bt23w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -27,6 +27,6 @@
     height: 24px;
     margin-left: var(--gap-s);
 }
-.intl-phone-input__emptyCountryIcon_1w6g7 {
+.intl-phone-input__emptyCountryIcon_bt23w {
     color: var(--color-light-graphic-secondary);
 }

package/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-5856f15f.js');
+require('./component-b3b0e670.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-input-autocomplete');
@@ -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/component.js');
 require('@alfalab/core-components-select');
 require('./components/select/component.js');

package/modern/component.js

@@ -8,13 +8,14 @@ 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 './components/select-field/component.js';
 import '@alfalab/core-components-select/modern';
 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')
 
 const countriesHash = getCountriesHash();
@@ -262,7 +263,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-642994e6.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ae2df8d5.js')
             .then((utils) => {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

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

@@ -1,12 +1,13 @@
 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')
 
 /**
  * Компонент флага в виде иконки.
  */
-const FlagIcon = ({ country = '', className }) => (React.createElement("span", { className: cn(styles.flagIcon, styles[country], className) }));
+const FlagIcon = ({ country = '', className }) => 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/modern/components/flag-icon/flagSprite.d.ts

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