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

package/components/flag-icon/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./flagSprite.js');
 var components_flagIcon_component = require('./component.js');
 
 

package/components/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-5856f15f.js');
+var components_selectField_component = require('../component-b3b0e670.js');
 require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./flag-icon/flagSprite.js');
 var components_flagIcon_component = require('./flag-icon/component.js');
 require('@alfalab/core-components-select');
 var components_select_component = require('./select/component.js');

package/components/select/component.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-5856f15f.js');
+var components_selectField_component = require('../../component-b3b0e670.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('../flag-icon/flagSprite.js');
 var components_flagIcon_component = require('../flag-icon/component.js');
 var coreComponentsSelect = require('@alfalab/core-components-select');
 
@@ -15,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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/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/components/select/index.js

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

package/components/select-field/component.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-5856f15f.js');
+var components_selectField_component = require('../../component-b3b0e670.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/component.js');
 
 

package/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/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-5856f15f";
+export * from "../../component-b3b0e670";

package/components/select-field/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-5856f15f.js');
+var components_selectField_component = require('../../component-b3b0e670.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/component.js');
 
 

package/cssm/component.js

@@ -2,7 +2,7 @@
 
 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');
 var cn = require('classnames');
 var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete/cssm');
@@ -13,6 +13,7 @@ var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-
 var utils_preparePasteData = require('./utils/preparePasteData.js');
 require('react-merge-refs');
 require('@alfalab/hooks');
+require('./components/flag-icon/flagSprite.js');
 require('./components/flag-icon/index.module.css');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
 require('./components/select-field/index.module.css');

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var components_flagIcon_flagSprite = require('./flagSprite.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].flagIcon, styles__default['default'][country], className) }));
+    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].flagPlaceholder, className) }));
 };
 
 exports.FlagIcon = FlagIcon;

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

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