@alfalab/core-components-intl-phone-input 9.2.8 → 9.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/{component-556503f0.d.ts → component-1f1cb3eb.d.ts} +0 -0
  2. package/{component-556503f0.js → component-1f1cb3eb.js} +1 -1
  3. package/component.js +3 -3
  4. package/components/flag-icon/component.js +1 -1
  5. package/components/flag-icon/index.css +3 -3
  6. package/components/index.js +1 -1
  7. package/components/select/component.js +2 -2
  8. package/components/select/index.css +6 -6
  9. package/components/select/index.js +1 -1
  10. package/components/select-field/component.js +1 -1
  11. package/components/select-field/index.css +9 -9
  12. package/components/select-field/index.d.ts +1 -1
  13. package/components/select-field/index.js +1 -1
  14. package/esm/{component-7ff2f7f8.d.ts → component-4980ce1c.d.ts} +0 -0
  15. package/esm/{component-7ff2f7f8.js → component-4980ce1c.js} +1 -1
  16. package/esm/component.js +3 -3
  17. package/esm/components/flag-icon/component.js +1 -1
  18. package/esm/components/flag-icon/index.css +3 -3
  19. package/esm/components/index.js +1 -1
  20. package/esm/components/select/component.js +2 -2
  21. package/esm/components/select/index.css +6 -6
  22. package/esm/components/select/index.js +1 -1
  23. package/esm/components/select-field/component.js +1 -1
  24. package/esm/components/select-field/index.css +9 -9
  25. package/esm/components/select-field/index.d.ts +1 -1
  26. package/esm/components/select-field/index.js +1 -1
  27. package/esm/index.css +5 -5
  28. package/esm/index.js +1 -1
  29. package/esm/{libphonenumber-js.min-daea543f.d.ts → libphonenumber-js.min-cb857554.d.ts} +0 -0
  30. package/esm/{libphonenumber-js.min-daea543f.js → libphonenumber-js.min-cb857554.js} +0 -0
  31. package/index.css +5 -5
  32. package/index.js +1 -1
  33. package/{libphonenumber-js.min-6c4c77da.d.ts → libphonenumber-js.min-4def49d7.d.ts} +0 -0
  34. package/{libphonenumber-js.min-6c4c77da.js → libphonenumber-js.min-4def49d7.js} +0 -0
  35. package/modern/component.js +2 -2
  36. package/modern/components/flag-icon/component.js +1 -1
  37. package/modern/components/flag-icon/index.css +3 -3
  38. package/modern/components/select/component.js +1 -1
  39. package/modern/components/select/index.css +6 -6
  40. package/modern/components/select-field/component.js +1 -1
  41. package/modern/components/select-field/index.css +9 -9
  42. package/modern/index.css +5 -5
  43. package/modern/{libphonenumber-js.min-daea543f.d.ts → libphonenumber-js.min-cb857554.d.ts} +0 -0
  44. package/modern/{libphonenumber-js.min-daea543f.js → libphonenumber-js.min-cb857554.js} +0 -0
  45. package/package.json +4 -4
@@ -53,7 +53,7 @@ function __rest(s, e) {
53
53
  return t;
54
54
  }
55
55
 
56
- var styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
56
+ var styles = {"component":"intl-phone-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
57
57
  require('./components/select-field/index.css')
58
58
 
59
59
  var EMPTY_COUNTRY_SELECT_FIELD = {
package/component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('./component-556503f0.js');
3
+ var components_selectField_component = require('./component-1f1cb3eb.js');
4
4
  var React = require('react');
5
5
  var cn = require('classnames');
6
6
  var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
23
23
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
24
24
  var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
25
25
 
26
- var styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
26
+ var styles = {"addons":"intl-phone-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
27
27
  require('./index.css')
28
28
 
29
29
  var countriesHash = utils.getCountriesHash();
@@ -275,7 +275,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
275
275
  if (phoneLibUtils.current)
276
276
  return;
277
277
  Promise.resolve().then(function () { return require(
278
- /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-6c4c77da.js'); })
278
+ /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4def49d7.js'); })
279
279
  .then(function (utils) {
280
280
  phoneLibUtils.current = utils.AsYouType;
281
281
  if (canBeEmptyCountry) {
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
9
9
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
10
10
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
11
11
 
12
- var styles = {"flagIcon":"intl-phone-input__flagIcon_891x3","flagPlaceholder":"intl-phone-input__flagPlaceholder_891x3"};
12
+ var styles = {"flagIcon":"intl-phone-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
13
13
  require('./index.css')
14
14
 
15
15
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1c3zc */
1
+ /* hash: 14c85 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_891x3 {
20
+ } .intl-phone-input__flagIcon_1wq82 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_891x3 {
23
+ } .intl-phone-input__flagPlaceholder_1wq82 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../component-556503f0.js');
3
+ var components_selectField_component = require('../component-1f1cb3eb.js');
4
4
  var components_flagIcon_component = require('./flag-icon/component.js');
5
5
  var components_select_component = require('./select/component.js');
6
6
  require('react');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../../component-556503f0.js');
3
+ var components_selectField_component = require('../../component-1f1cb3eb.js');
4
4
  var React = require('react');
5
5
  var coreComponentsSelect = require('@alfalab/core-components-select');
6
6
  var components_flagIcon_component = require('../flag-icon/component.js');
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
 
17
- var styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
17
+ var styles = {"component":"intl-phone-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
18
18
  require('./index.css')
19
19
 
20
20
  var CountriesSelect = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1lvo2 */
1
+ /* hash: 1j1aw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -17,19 +17,19 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --text-secondary-color: var(--color-light-text-secondary);
20
- } .intl-phone-input__component_1lcr8 {
20
+ } .intl-phone-input__component_jayli {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_1lcr8 {
25
+ } .intl-phone-input__option_jayli {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_1lcr8 {
28
+ } .intl-phone-input__flag_jayli {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_1lcr8 {
31
+ } .intl-phone-input__countryName_jayli {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_1lcr8 {
33
+ } .intl-phone-input__dialCode_jayli {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var components_select_component = require('./component.js');
4
- require('../../component-556503f0.js');
4
+ require('../../component-1f1cb3eb.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../../component-556503f0.js');
3
+ var components_selectField_component = require('../../component-1f1cb3eb.js');
4
4
  require('react');
5
5
  require('react-merge-refs');
6
6
  require('classnames');
@@ -1,4 +1,4 @@
1
- /* hash: rhyu6 */
1
+ /* hash: ctxx0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .intl-phone-input__component_y9zv4 {
24
+ } .intl-phone-input__component_1aog5 {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_y9zv4 {
29
+ } .intl-phone-input__flagIconContainer_1aog5 {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .intl-phone-input__emptyCountryIcon_y9zv4 {
36
+ } .intl-phone-input__emptyCountryIcon_1aog5 {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_y9zv4 {
38
+ } .intl-phone-input__disabled_1aog5 {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_y9zv4 {
40
+ } .intl-phone-input__inner_1aog5 {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
48
- .intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
47
+ } .intl-phone-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
+ .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_y9zv4 {
50
+ } .intl-phone-input__focusVisible_1aog5 {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
@@ -1 +1 @@
1
- export * from "../../component-556503f0";
1
+ export * from "../../component-1f1cb3eb";
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var components_selectField_component = require('../../component-556503f0.js');
3
+ var components_selectField_component = require('../../component-1f1cb3eb.js');
4
4
  require('react');
5
5
  require('react-merge-refs');
6
6
  require('classnames');
@@ -44,7 +44,7 @@ function __rest(s, e) {
44
44
  return t;
45
45
  }
46
46
 
47
- var styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
47
+ var styles = {"component":"intl-phone-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
48
48
  require('./components/select-field/index.css')
49
49
 
50
50
  var EMPTY_COUNTRY_SELECT_FIELD = {
package/esm/component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './component-7ff2f7f8.js';
1
+ import { _ as __rest, a as __assign } from './component-4980ce1c.js';
2
2
  import React, { forwardRef, useState, useRef, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { InputAutocomplete } from '@alfalab/core-components-input-autocomplete/esm';
@@ -15,7 +15,7 @@ import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
15
15
  import './components/flag-icon/flagSprite.js';
16
16
  import '@alfalab/core-components-select/esm';
17
17
 
18
- var styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
18
+ var styles = {"addons":"intl-phone-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
19
19
  require('./index.css')
20
20
 
21
21
  var countriesHash = getCountriesHash();
@@ -267,7 +267,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
267
267
  if (phoneLibUtils.current)
268
268
  return;
269
269
  import(
270
- /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-daea543f.js')
270
+ /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-cb857554.js')
271
271
  .then(function (utils) {
272
272
  phoneLibUtils.current = utils.AsYouType;
273
273
  if (canBeEmptyCountry) {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { flagSprite } from './flagSprite.js';
4
4
 
5
- var styles = {"flagIcon":"intl-phone-input__flagIcon_891x3","flagPlaceholder":"intl-phone-input__flagPlaceholder_891x3"};
5
+ var styles = {"flagIcon":"intl-phone-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1c3zc */
1
+ /* hash: 14c85 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_891x3 {
20
+ } .intl-phone-input__flagIcon_1wq82 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_891x3 {
23
+ } .intl-phone-input__flagPlaceholder_1wq82 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-7ff2f7f8.js';
1
+ export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-4980ce1c.js';
2
2
  export { FlagIcon } from './flag-icon/component.js';
3
3
  export { CountriesSelect } from './select/component.js';
4
4
  import 'react';
@@ -1,4 +1,4 @@
1
- import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
1
+ import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
2
2
  import React, { useMemo, useCallback } from 'react';
3
3
  import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
4
4
  import { FlagIcon } from '../flag-icon/component.js';
@@ -8,7 +8,7 @@ import '@alfalab/hooks';
8
8
  import '@alfalab/icons-glyph/WorldMagnifierMIcon';
9
9
  import '../flag-icon/flagSprite.js';
10
10
 
11
- var styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
11
+ var styles = {"component":"intl-phone-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
12
12
  require('./index.css')
13
13
 
14
14
  var CountriesSelect = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1lvo2 */
1
+ /* hash: 1j1aw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -17,19 +17,19 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --text-secondary-color: var(--color-light-text-secondary);
20
- } .intl-phone-input__component_1lcr8 {
20
+ } .intl-phone-input__component_jayli {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_1lcr8 {
25
+ } .intl-phone-input__option_jayli {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_1lcr8 {
28
+ } .intl-phone-input__flag_jayli {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_1lcr8 {
31
+ } .intl-phone-input__countryName_jayli {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_1lcr8 {
33
+ } .intl-phone-input__dialCode_jayli {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,5 +1,5 @@
1
1
  export { CountriesSelect } from './component.js';
2
- import '../../component-7ff2f7f8.js';
2
+ import '../../component-4980ce1c.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
1
+ export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- /* hash: rhyu6 */
1
+ /* hash: ctxx0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .intl-phone-input__component_y9zv4 {
24
+ } .intl-phone-input__component_1aog5 {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_y9zv4 {
29
+ } .intl-phone-input__flagIconContainer_1aog5 {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .intl-phone-input__emptyCountryIcon_y9zv4 {
36
+ } .intl-phone-input__emptyCountryIcon_1aog5 {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_y9zv4 {
38
+ } .intl-phone-input__disabled_1aog5 {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_y9zv4 {
40
+ } .intl-phone-input__inner_1aog5 {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
48
- .intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
47
+ } .intl-phone-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
+ .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_y9zv4 {
50
+ } .intl-phone-input__focusVisible_1aog5 {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
@@ -1 +1 @@
1
- export * from "../../component-7ff2f7f8";
1
+ export * from "../../component-4980ce1c";
@@ -1,4 +1,4 @@
1
- export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-7ff2f7f8.js';
1
+ export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-4980ce1c.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17qeb */
1
+ /* hash: 1ku8o */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .intl-phone-input__addons_16d2o {
19
+ } .intl-phone-input__addons_vt4ry {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
21
+ } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
22
22
  padding-left: 0;
23
- } .intl-phone-input__flagIconWrapper_16d2o {
23
+ } .intl-phone-input__flagIconWrapper_vt4ry {
24
24
  display: flex;
25
25
  justify-content: center;
26
26
  align-items: center;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  margin-left: var(--gap-s);
30
- } .intl-phone-input__emptyCountryIcon_16d2o {
30
+ } .intl-phone-input__emptyCountryIcon_vt4ry {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { IntlPhoneInput } from './component.js';
2
- import './component-7ff2f7f8.js';
2
+ import './component-4980ce1c.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17qeb */
1
+ /* hash: 1ku8o */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .intl-phone-input__addons_16d2o {
19
+ } .intl-phone-input__addons_vt4ry {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
21
+ } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
22
22
  padding-left: 0;
23
- } .intl-phone-input__flagIconWrapper_16d2o {
23
+ } .intl-phone-input__flagIconWrapper_vt4ry {
24
24
  display: flex;
25
25
  justify-content: center;
26
26
  align-items: center;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  margin-left: var(--gap-s);
30
- } .intl-phone-input__emptyCountryIcon_16d2o {
30
+ } .intl-phone-input__emptyCountryIcon_vt4ry {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var component = require('./component.js');
4
- require('./component-556503f0.js');
4
+ require('./component-1f1cb3eb.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -15,7 +15,7 @@ import './components/flag-icon/flagSprite.js';
15
15
  import '@alfalab/core-components-select/modern';
16
16
  import './components/select-field/component.js';
17
17
 
18
- const styles = {"addons":"intl-phone-input__addons_16d2o","l":"intl-phone-input__l_16d2o","xl":"intl-phone-input__xl_16d2o","flagIconWrapper":"intl-phone-input__flagIconWrapper_16d2o","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_16d2o"};
18
+ const styles = {"addons":"intl-phone-input__addons_vt4ry","l":"intl-phone-input__l_vt4ry","xl":"intl-phone-input__xl_vt4ry","flagIconWrapper":"intl-phone-input__flagIconWrapper_vt4ry","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_vt4ry"};
19
19
  require('./index.css')
20
20
 
21
21
  const countriesHash = getCountriesHash();
@@ -263,7 +263,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
263
263
  if (phoneLibUtils.current)
264
264
  return;
265
265
  import(
266
- /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-daea543f.js')
266
+ /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-cb857554.js')
267
267
  .then((utils) => {
268
268
  phoneLibUtils.current = utils.AsYouType;
269
269
  if (canBeEmptyCountry) {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { flagSprite } from './flagSprite.js';
4
4
 
5
- const styles = {"flagIcon":"intl-phone-input__flagIcon_891x3","flagPlaceholder":"intl-phone-input__flagPlaceholder_891x3"};
5
+ const styles = {"flagIcon":"intl-phone-input__flagIcon_1wq82","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wq82"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1c3zc */
1
+ /* hash: 14c85 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_891x3 {
20
+ } .intl-phone-input__flagIcon_1wq82 {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_891x3 {
23
+ } .intl-phone-input__flagPlaceholder_1wq82 {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -8,7 +8,7 @@ import 'react-merge-refs';
8
8
  import '@alfalab/hooks';
9
9
  import '@alfalab/icons-glyph/WorldMagnifierMIcon';
10
10
 
11
- const styles = {"component":"intl-phone-input__component_1lcr8","option":"intl-phone-input__option_1lcr8","flag":"intl-phone-input__flag_1lcr8","countryName":"intl-phone-input__countryName_1lcr8","dialCode":"intl-phone-input__dialCode_1lcr8"};
11
+ const styles = {"component":"intl-phone-input__component_jayli","option":"intl-phone-input__option_jayli","flag":"intl-phone-input__flag_jayli","countryName":"intl-phone-input__countryName_jayli","dialCode":"intl-phone-input__dialCode_jayli"};
12
12
  require('./index.css')
13
13
 
14
14
  /* eslint-disable jsx-a11y/no-static-element-interactions */
@@ -1,4 +1,4 @@
1
- /* hash: 1lvo2 */
1
+ /* hash: 1j1aw */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -17,19 +17,19 @@
17
17
  } :root {
18
18
  } :root {
19
19
  --text-secondary-color: var(--color-light-text-secondary);
20
- } .intl-phone-input__component_1lcr8 {
20
+ } .intl-phone-input__component_jayli {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_1lcr8 {
25
+ } .intl-phone-input__option_jayli {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_1lcr8 {
28
+ } .intl-phone-input__flag_jayli {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_1lcr8 {
31
+ } .intl-phone-input__countryName_jayli {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_1lcr8 {
33
+ } .intl-phone-input__dialCode_jayli {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -6,7 +6,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
6
6
  import { FlagIcon } from '../flag-icon/component.js';
7
7
  import '../flag-icon/flagSprite.js';
8
8
 
9
- const styles = {"component":"intl-phone-input__component_y9zv4","flagIconContainer":"intl-phone-input__flagIconContainer_y9zv4","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_y9zv4","disabled":"intl-phone-input__disabled_y9zv4","inner":"intl-phone-input__inner_y9zv4","l":"intl-phone-input__l_y9zv4","xl":"intl-phone-input__xl_y9zv4","focusVisible":"intl-phone-input__focusVisible_y9zv4"};
9
+ const styles = {"component":"intl-phone-input__component_1aog5","flagIconContainer":"intl-phone-input__flagIconContainer_1aog5","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1aog5","disabled":"intl-phone-input__disabled_1aog5","inner":"intl-phone-input__inner_1aog5","l":"intl-phone-input__l_1aog5","xl":"intl-phone-input__xl_1aog5","focusVisible":"intl-phone-input__focusVisible_1aog5"};
10
10
  require('./index.css')
11
11
 
12
12
  const EMPTY_COUNTRY_SELECT_FIELD = {
@@ -1,4 +1,4 @@
1
- /* hash: rhyu6 */
1
+ /* hash: ctxx0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
@@ -21,33 +21,33 @@
21
21
  } :root {
22
22
  --focus-color: var(--color-light-border-link);
23
23
  --disabled-cursor: not-allowed;
24
- } .intl-phone-input__component_y9zv4 {
24
+ } .intl-phone-input__component_1aog5 {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_y9zv4 {
29
+ } .intl-phone-input__flagIconContainer_1aog5 {
30
30
  display: flex;
31
31
  justify-content: center;
32
32
  align-items: center;
33
33
  width: 24px;
34
34
  height: 24px;
35
35
  margin-right: var(--gap-2xs);
36
- } .intl-phone-input__emptyCountryIcon_y9zv4 {
36
+ } .intl-phone-input__emptyCountryIcon_1aog5 {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_y9zv4 {
38
+ } .intl-phone-input__disabled_1aog5 {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_y9zv4 {
40
+ } .intl-phone-input__inner_1aog5 {
41
41
  position: relative;
42
42
  display: flex;
43
43
  align-items: center;
44
44
  height: 100%;
45
45
  padding-left: var(--gap-s);
46
46
  outline: none;
47
- } .intl-phone-input__l_y9zv4 .intl-phone-input__inner_y9zv4,
48
- .intl-phone-input__xl_y9zv4 .intl-phone-input__inner_y9zv4 {
47
+ } .intl-phone-input__l_1aog5 .intl-phone-input__inner_1aog5,
48
+ .intl-phone-input__xl_1aog5 .intl-phone-input__inner_1aog5 {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_y9zv4 {
50
+ } .intl-phone-input__focusVisible_1aog5 {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 17qeb */
1
+ /* hash: 1ku8o */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-graphic-secondary: #6d7986;
@@ -16,17 +16,17 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .intl-phone-input__addons_16d2o {
19
+ } .intl-phone-input__addons_vt4ry {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_16d2o .intl-phone-input__addons_16d2o, .intl-phone-input__xl_16d2o .intl-phone-input__addons_16d2o {
21
+ } .intl-phone-input__l_vt4ry .intl-phone-input__addons_vt4ry, .intl-phone-input__xl_vt4ry .intl-phone-input__addons_vt4ry {
22
22
  padding-left: 0;
23
- } .intl-phone-input__flagIconWrapper_16d2o {
23
+ } .intl-phone-input__flagIconWrapper_vt4ry {
24
24
  display: flex;
25
25
  justify-content: center;
26
26
  align-items: center;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  margin-left: var(--gap-s);
30
- } .intl-phone-input__emptyCountryIcon_16d2o {
30
+ } .intl-phone-input__emptyCountryIcon_vt4ry {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-intl-phone-input",
3
- "version": "9.2.8",
3
+ "version": "9.2.9",
4
4
  "description": "Phone input for international phones",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,9 +17,9 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-input": "^11.1.4",
21
- "@alfalab/core-components-input-autocomplete": "9.3.6",
22
- "@alfalab/core-components-select": "^13.2.9",
20
+ "@alfalab/core-components-input": "^11.1.5",
21
+ "@alfalab/core-components-input-autocomplete": "9.3.7",
22
+ "@alfalab/core-components-select": "^13.2.10",
23
23
  "@alfalab/hooks": "^1.4.1",
24
24
  "@alfalab/utils": "^1.13.3",
25
25
  "classnames": "^2.3.1",