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

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

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

package/modern/components/index.js

@@ -3,6 +3,7 @@ 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';
 export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './select-field/component.js';
 import '@alfalab/core-components-select/modern';

package/modern/components/select/component.js

@@ -3,11 +3,12 @@ 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 { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
 import { VirtualOptionsList, Select } from '@alfalab/core-components-select/modern';
 
-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')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/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/modern/components/select/index.js

@@ -3,6 +3,7 @@ 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 '../select-field/component.js';
 import '@alfalab/core-components-select/modern';

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

@@ -3,9 +3,10 @@ import cn from 'classnames';
 import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import { FlagIcon } from '../flag-icon/component.js';
 
-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('./index.css')
 
 const EMPTY_COUNTRY_SELECT_FIELD = {

package/modern/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/modern/components/select-field/index.js

@@ -3,5 +3,6 @@ import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import 'react-merge-refs';
 import '@alfalab/hooks';
+import '../flag-icon/flagSprite.js';
 import '../flag-icon/component.js';
 export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';

package/modern/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/modern/index.js

@@ -8,6 +8,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 './components/select-field/component.js';
 import '@alfalab/core-components-select/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "9.1.2",
+    "version": "9.2.0",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -18,8 +18,8 @@
     },
     "dependencies": {
         "@alfalab/core-components-input": "^11.1.0",
-        "@alfalab/core-components-input-autocomplete": "9.1.2",
-        "@alfalab/core-components-select": "^13.1.2",
+        "@alfalab/core-components-input-autocomplete": "9.1.4",
+        "@alfalab/core-components-select": "^13.2.1",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.13.3",
         "classnames": "^2.3.1",