@alfalab/core-components-intl-phone-input 9.5.15 → 9.5.17

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 (235) hide show
  1. package/component.d.ts +1 -1
  2. package/component.js +4 -4
  3. package/components/flag-icon/component.js +1 -1
  4. package/components/flag-icon/index.css +4 -4
  5. package/components/select/component.d.ts +1 -1
  6. package/components/select/component.js +1 -1
  7. package/components/select/index.css +7 -7
  8. package/components/select-field/component.d.ts +1 -1
  9. package/components/select-field/component.js +1 -1
  10. package/components/select-field/index.css +11 -11
  11. package/cssm/component.d.ts +1 -1
  12. package/cssm/component.js +3 -3
  13. package/cssm/components/flag-icon/index.module.css +1 -1
  14. package/cssm/components/select/component.d.ts +1 -1
  15. package/cssm/components/select/index.module.css +1 -1
  16. package/cssm/components/select-field/component.d.ts +1 -1
  17. package/cssm/components/select-field/index.module.css +2 -2
  18. package/cssm/index.module.css +1 -1
  19. package/esm/component.d.ts +1 -1
  20. package/esm/component.js +4 -4
  21. package/esm/components/flag-icon/component.js +1 -1
  22. package/esm/components/flag-icon/index.css +4 -4
  23. package/esm/components/select/component.d.ts +1 -1
  24. package/esm/components/select/component.js +1 -1
  25. package/esm/components/select/index.css +7 -7
  26. package/esm/components/select-field/component.d.ts +1 -1
  27. package/esm/components/select-field/component.js +1 -1
  28. package/esm/components/select-field/index.css +11 -11
  29. package/esm/index.css +6 -6
  30. package/index.css +6 -6
  31. package/modern/component.d.ts +1 -1
  32. package/modern/component.js +4 -4
  33. package/modern/components/flag-icon/component.js +1 -1
  34. package/modern/components/flag-icon/index.css +4 -4
  35. package/modern/components/select/component.d.ts +1 -1
  36. package/modern/components/select/component.js +1 -1
  37. package/modern/components/select/index.css +7 -7
  38. package/modern/components/select-field/component.d.ts +1 -1
  39. package/modern/components/select-field/component.js +1 -1
  40. package/modern/components/select-field/index.css +11 -11
  41. package/modern/index.css +6 -6
  42. package/package.json +3 -3
  43. package/src/component.tsx +4 -4
  44. package/Component-0f4b9bed.d.ts +0 -22
  45. package/Component-10db897e.d.ts +0 -100
  46. package/Component-4cd3936b.d.ts +0 -8
  47. package/Component-69921c40.d.ts +0 -184
  48. package/Component-8b2c2707.d.ts +0 -71
  49. package/Component-bdb4c6b9.d.ts +0 -12
  50. package/Component-c44170fe.d.ts +0 -13
  51. package/Component-c76d6398.d.ts +0 -5
  52. package/Component-ebda875c.d.ts +0 -12
  53. package/Component.desktop-0aa4e915.d.ts +0 -5
  54. package/Component.desktop-63dec22f.d.ts +0 -18
  55. package/Component.desktop-785df74d.d.ts +0 -6
  56. package/Component.desktop-9cded6b9.d.ts +0 -73
  57. package/Component.desktop-d873d97d.d.ts +0 -6
  58. package/Component.mobile-16b1285a.d.ts +0 -5
  59. package/Component.mobile-d7e9f69d.d.ts +0 -6
  60. package/Component.responsive-3109f463.d.ts +0 -26
  61. package/Context-bdb4c6b9.d.ts +0 -4
  62. package/ResponsiveContext-baf4875b.d.ts +0 -5
  63. package/component-10db897e.d.ts +0 -44
  64. package/consts-f777ba1a.d.ts +0 -2
  65. package/cssm/Component-0f4b9bed.d.ts +0 -22
  66. package/cssm/Component-10db897e.d.ts +0 -100
  67. package/cssm/Component-4cd3936b.d.ts +0 -8
  68. package/cssm/Component-69921c40.d.ts +0 -184
  69. package/cssm/Component-8b2c2707.d.ts +0 -71
  70. package/cssm/Component-bdb4c6b9.d.ts +0 -12
  71. package/cssm/Component-c44170fe.d.ts +0 -13
  72. package/cssm/Component-c76d6398.d.ts +0 -5
  73. package/cssm/Component-ebda875c.d.ts +0 -12
  74. package/cssm/Component.desktop-0aa4e915.d.ts +0 -5
  75. package/cssm/Component.desktop-63dec22f.d.ts +0 -18
  76. package/cssm/Component.desktop-785df74d.d.ts +0 -6
  77. package/cssm/Component.desktop-9cded6b9.d.ts +0 -73
  78. package/cssm/Component.desktop-d873d97d.d.ts +0 -6
  79. package/cssm/Component.mobile-16b1285a.d.ts +0 -5
  80. package/cssm/Component.mobile-d7e9f69d.d.ts +0 -6
  81. package/cssm/Component.responsive-3109f463.d.ts +0 -26
  82. package/cssm/Context-bdb4c6b9.d.ts +0 -4
  83. package/cssm/ResponsiveContext-baf4875b.d.ts +0 -5
  84. package/cssm/component-10db897e.d.ts +0 -44
  85. package/cssm/consts-f777ba1a.d.ts +0 -2
  86. package/cssm/desktop-63dec22f.d.ts +0 -2
  87. package/cssm/desktop-89f0cb07.d.ts +0 -2
  88. package/cssm/hook-8abfea97.d.ts +0 -90
  89. package/cssm/hook-c44170fe.d.ts +0 -48
  90. package/cssm/index-10db897e.d.ts +0 -50
  91. package/cssm/index-136acbb1.d.ts +0 -28
  92. package/cssm/index-3109f463.d.ts +0 -62
  93. package/cssm/index-72dda473.d.ts +0 -12
  94. package/cssm/index-8b2c2707.d.ts +0 -2
  95. package/cssm/index-bdb4c6b9.d.ts +0 -2
  96. package/cssm/index-c44170fe.d.ts +0 -3
  97. package/cssm/index-c76d6398.d.ts +0 -2
  98. package/cssm/index-ebda875c.d.ts +0 -37
  99. package/cssm/index-f12ee135.d.ts +0 -3
  100. package/cssm/mobile-89f0cb07.d.ts +0 -2
  101. package/cssm/mobile-96988a65.d.ts +0 -2
  102. package/cssm/shared-4cd3936b.d.ts +0 -64
  103. package/cssm/types-1b036d4b.d.ts +0 -13
  104. package/cssm/types-1c79e231.d.ts +0 -113
  105. package/cssm/types-67a2d8af.d.ts +0 -276
  106. package/cssm/typings-0f4b9bed.d.ts +0 -576
  107. package/cssm/typings-89f0cb07.d.ts +0 -93
  108. package/cssm/typings-bdb4c6b9.d.ts +0 -52
  109. package/cssm/useSkeleton-ebda875c.d.ts +0 -12
  110. package/cssm/utils-0f4b9bed.d.ts +0 -41
  111. package/cssm/utils-1574ad8b.d.ts +0 -29
  112. package/cssm/utils-49cc3c24.d.ts +0 -8
  113. package/desktop-63dec22f.d.ts +0 -2
  114. package/desktop-89f0cb07.d.ts +0 -2
  115. package/esm/Component-0f4b9bed.d.ts +0 -22
  116. package/esm/Component-10db897e.d.ts +0 -100
  117. package/esm/Component-4cd3936b.d.ts +0 -8
  118. package/esm/Component-69921c40.d.ts +0 -184
  119. package/esm/Component-8b2c2707.d.ts +0 -71
  120. package/esm/Component-bdb4c6b9.d.ts +0 -12
  121. package/esm/Component-c44170fe.d.ts +0 -13
  122. package/esm/Component-c76d6398.d.ts +0 -5
  123. package/esm/Component-ebda875c.d.ts +0 -12
  124. package/esm/Component.desktop-0aa4e915.d.ts +0 -5
  125. package/esm/Component.desktop-63dec22f.d.ts +0 -18
  126. package/esm/Component.desktop-785df74d.d.ts +0 -6
  127. package/esm/Component.desktop-9cded6b9.d.ts +0 -73
  128. package/esm/Component.desktop-d873d97d.d.ts +0 -6
  129. package/esm/Component.mobile-16b1285a.d.ts +0 -5
  130. package/esm/Component.mobile-d7e9f69d.d.ts +0 -6
  131. package/esm/Component.responsive-3109f463.d.ts +0 -26
  132. package/esm/Context-bdb4c6b9.d.ts +0 -4
  133. package/esm/ResponsiveContext-baf4875b.d.ts +0 -5
  134. package/esm/component-10db897e.d.ts +0 -44
  135. package/esm/consts-f777ba1a.d.ts +0 -2
  136. package/esm/desktop-63dec22f.d.ts +0 -2
  137. package/esm/desktop-89f0cb07.d.ts +0 -2
  138. package/esm/hook-8abfea97.d.ts +0 -90
  139. package/esm/hook-c44170fe.d.ts +0 -48
  140. package/esm/index-10db897e.d.ts +0 -50
  141. package/esm/index-136acbb1.d.ts +0 -28
  142. package/esm/index-3109f463.d.ts +0 -62
  143. package/esm/index-72dda473.d.ts +0 -12
  144. package/esm/index-8b2c2707.d.ts +0 -2
  145. package/esm/index-bdb4c6b9.d.ts +0 -2
  146. package/esm/index-c44170fe.d.ts +0 -3
  147. package/esm/index-c76d6398.d.ts +0 -2
  148. package/esm/index-ebda875c.d.ts +0 -37
  149. package/esm/index-f12ee135.d.ts +0 -3
  150. package/esm/mobile-89f0cb07.d.ts +0 -2
  151. package/esm/mobile-96988a65.d.ts +0 -2
  152. package/esm/shared-4cd3936b.d.ts +0 -64
  153. package/esm/types-1b036d4b.d.ts +0 -13
  154. package/esm/types-1c79e231.d.ts +0 -113
  155. package/esm/types-67a2d8af.d.ts +0 -276
  156. package/esm/typings-0f4b9bed.d.ts +0 -576
  157. package/esm/typings-89f0cb07.d.ts +0 -93
  158. package/esm/typings-bdb4c6b9.d.ts +0 -52
  159. package/esm/useSkeleton-ebda875c.d.ts +0 -12
  160. package/esm/utils-0f4b9bed.d.ts +0 -41
  161. package/esm/utils-1574ad8b.d.ts +0 -29
  162. package/esm/utils-49cc3c24.d.ts +0 -8
  163. package/hook-8abfea97.d.ts +0 -90
  164. package/hook-c44170fe.d.ts +0 -48
  165. package/index-10db897e.d.ts +0 -50
  166. package/index-136acbb1.d.ts +0 -28
  167. package/index-3109f463.d.ts +0 -62
  168. package/index-72dda473.d.ts +0 -12
  169. package/index-8b2c2707.d.ts +0 -2
  170. package/index-bdb4c6b9.d.ts +0 -2
  171. package/index-c44170fe.d.ts +0 -3
  172. package/index-c76d6398.d.ts +0 -2
  173. package/index-ebda875c.d.ts +0 -37
  174. package/index-f12ee135.d.ts +0 -3
  175. package/mobile-89f0cb07.d.ts +0 -2
  176. package/mobile-96988a65.d.ts +0 -2
  177. package/modern/Component-0f4b9bed.d.ts +0 -22
  178. package/modern/Component-10db897e.d.ts +0 -100
  179. package/modern/Component-4cd3936b.d.ts +0 -8
  180. package/modern/Component-69921c40.d.ts +0 -184
  181. package/modern/Component-8b2c2707.d.ts +0 -71
  182. package/modern/Component-bdb4c6b9.d.ts +0 -12
  183. package/modern/Component-c44170fe.d.ts +0 -13
  184. package/modern/Component-c76d6398.d.ts +0 -5
  185. package/modern/Component-ebda875c.d.ts +0 -12
  186. package/modern/Component.desktop-0aa4e915.d.ts +0 -5
  187. package/modern/Component.desktop-63dec22f.d.ts +0 -18
  188. package/modern/Component.desktop-785df74d.d.ts +0 -6
  189. package/modern/Component.desktop-9cded6b9.d.ts +0 -73
  190. package/modern/Component.desktop-d873d97d.d.ts +0 -6
  191. package/modern/Component.mobile-16b1285a.d.ts +0 -5
  192. package/modern/Component.mobile-d7e9f69d.d.ts +0 -6
  193. package/modern/Component.responsive-3109f463.d.ts +0 -26
  194. package/modern/Context-bdb4c6b9.d.ts +0 -4
  195. package/modern/ResponsiveContext-baf4875b.d.ts +0 -5
  196. package/modern/component-10db897e.d.ts +0 -44
  197. package/modern/consts-f777ba1a.d.ts +0 -2
  198. package/modern/desktop-63dec22f.d.ts +0 -2
  199. package/modern/desktop-89f0cb07.d.ts +0 -2
  200. package/modern/hook-8abfea97.d.ts +0 -90
  201. package/modern/hook-c44170fe.d.ts +0 -48
  202. package/modern/index-10db897e.d.ts +0 -50
  203. package/modern/index-136acbb1.d.ts +0 -28
  204. package/modern/index-3109f463.d.ts +0 -62
  205. package/modern/index-72dda473.d.ts +0 -12
  206. package/modern/index-8b2c2707.d.ts +0 -2
  207. package/modern/index-bdb4c6b9.d.ts +0 -2
  208. package/modern/index-c44170fe.d.ts +0 -3
  209. package/modern/index-c76d6398.d.ts +0 -2
  210. package/modern/index-ebda875c.d.ts +0 -37
  211. package/modern/index-f12ee135.d.ts +0 -3
  212. package/modern/mobile-89f0cb07.d.ts +0 -2
  213. package/modern/mobile-96988a65.d.ts +0 -2
  214. package/modern/shared-4cd3936b.d.ts +0 -64
  215. package/modern/types-1b036d4b.d.ts +0 -13
  216. package/modern/types-1c79e231.d.ts +0 -113
  217. package/modern/types-67a2d8af.d.ts +0 -276
  218. package/modern/typings-0f4b9bed.d.ts +0 -576
  219. package/modern/typings-89f0cb07.d.ts +0 -93
  220. package/modern/typings-bdb4c6b9.d.ts +0 -52
  221. package/modern/useSkeleton-ebda875c.d.ts +0 -12
  222. package/modern/utils-0f4b9bed.d.ts +0 -41
  223. package/modern/utils-1574ad8b.d.ts +0 -29
  224. package/modern/utils-49cc3c24.d.ts +0 -8
  225. package/shared-4cd3936b.d.ts +0 -64
  226. package/types-1b036d4b.d.ts +0 -13
  227. package/types-1c79e231.d.ts +0 -113
  228. package/types-67a2d8af.d.ts +0 -276
  229. package/typings-0f4b9bed.d.ts +0 -576
  230. package/typings-89f0cb07.d.ts +0 -93
  231. package/typings-bdb4c6b9.d.ts +0 -52
  232. package/useSkeleton-ebda875c.d.ts +0 -12
  233. package/utils-0f4b9bed.d.ts +0 -41
  234. package/utils-1574ad8b.d.ts +0 -29
  235. package/utils-49cc3c24.d.ts +0 -8
package/component.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { CountryCode } from 'libphonenumber-js';
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
4
+ import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
5
5
  import { SelectProps } from "@alfalab/core-components-select";
6
6
  import { Country } from '@alfalab/utils';
7
7
  type MaxPhoneLenByCountry = Record<string, number>;
package/component.js CHANGED
@@ -45,7 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
45
45
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
46
46
  var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
47
47
 
48
- var styles = {"addons":"intl-phone-input__addons_8qlqo","l":"intl-phone-input__l_8qlqo","xl":"intl-phone-input__xl_8qlqo","flagIconWrapper":"intl-phone-input__flagIconWrapper_8qlqo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_8qlqo"};
48
+ var styles = {"addons":"intl-phone-input__addons_7cc1m","l":"intl-phone-input__l_7cc1m","xl":"intl-phone-input__xl_7cc1m","flagIconWrapper":"intl-phone-input__flagIconWrapper_7cc1m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_7cc1m"};
49
49
  require('./index.css')
50
50
 
51
51
  var countriesHash = utils.getCountriesHash();
@@ -161,9 +161,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
161
161
  }
162
162
  }
163
163
  };
164
- var handleInputChange = function (event) {
165
- setCountryByDialCodeWithLengthCheck(event.target.value);
166
- changePhone(addCountryCode(event.target.value));
164
+ var handleInputChange = function (_, payload) {
165
+ setCountryByDialCodeWithLengthCheck(payload.value);
166
+ changePhone(addCountryCode(payload.value));
167
167
  };
168
168
  var handleSelectChange = function (_a) {
169
169
  var selected = _a.selected;
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"flagIcon":"intl-phone-input__flagIcon_1tooy","flagPlaceholder":"intl-phone-input__flagPlaceholder_1tooy"};
14
+ var styles = {"flagIcon":"intl-phone-input__flagIcon_1v2yn","flagPlaceholder":"intl-phone-input__flagPlaceholder_1v2yn"};
15
15
  require('./index.css')
16
16
 
17
17
  /**
@@ -1,7 +1,7 @@
1
- /* hash: jist4 */
1
+ /* hash: tlwdy */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_1tooy {
20
+ } .intl-phone-input__flagIcon_1v2yn {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1tooy {
23
+ } .intl-phone-input__flagPlaceholder_1v2yn {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { SelectDesktopProps } from "../../Component.desktop-63dec22f";
2
+ import { SelectDesktopProps } from "@alfalab/core-components-select/desktop";
3
3
  import { Country } from '@alfalab/utils';
4
4
  type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
5
5
  selected?: string;
@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
18
18
 
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
 
21
- var styles = {"component":"intl-phone-input__component_gjivl","option":"intl-phone-input__option_gjivl","flag":"intl-phone-input__flag_gjivl","countryName":"intl-phone-input__countryName_gjivl","dialCode":"intl-phone-input__dialCode_gjivl"};
21
+ var styles = {"component":"intl-phone-input__component_1u446","option":"intl-phone-input__option_1u446","flag":"intl-phone-input__flag_1u446","countryName":"intl-phone-input__countryName_1u446","dialCode":"intl-phone-input__dialCode_1u446"};
22
22
  require('./index.css')
23
23
 
24
24
  var CountriesSelect = function (_a) {
@@ -1,7 +1,7 @@
1
- /* hash: wa6fm */
1
+ /* hash: 13pgy */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -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_gjivl {
20
+ } .intl-phone-input__component_1u446 {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_gjivl {
25
+ } .intl-phone-input__option_1u446 {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_gjivl {
28
+ } .intl-phone-input__flag_1u446 {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_gjivl {
31
+ } .intl-phone-input__countryName_1u446 {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_gjivl {
33
+ } .intl-phone-input__dialCode_1u446 {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { FieldProps } from "../../shared-4cd3936b";
2
+ import { FieldProps } from "@alfalab/core-components-select/shared";
3
3
  declare const EMPTY_COUNTRY_SELECT_FIELD: {
4
4
  value: string;
5
5
  key: string;
@@ -18,7 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
  var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
20
20
 
21
- var styles = {"component":"intl-phone-input__component_1uslt","flagIconContainer":"intl-phone-input__flagIconContainer_1uslt","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1uslt","disabled":"intl-phone-input__disabled_1uslt","inner":"intl-phone-input__inner_1uslt","l":"intl-phone-input__l_1uslt","xl":"intl-phone-input__xl_1uslt","focusVisible":"intl-phone-input__focusVisible_1uslt"};
21
+ var styles = {"component":"intl-phone-input__component_h80ir","flagIconContainer":"intl-phone-input__flagIconContainer_h80ir","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_h80ir","disabled":"intl-phone-input__disabled_h80ir","inner":"intl-phone-input__inner_h80ir","l":"intl-phone-input__l_h80ir","xl":"intl-phone-input__xl_h80ir","focusVisible":"intl-phone-input__focusVisible_h80ir"};
22
22
  require('./index.css')
23
23
 
24
24
  var EMPTY_COUNTRY_SELECT_FIELD = {
@@ -1,8 +1,8 @@
1
- /* hash: d5qdd */
1
+ /* hash: x409d */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-link: #0072ef;
5
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-border-link: #2288fa;
5
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
7
  } :root {
8
8
  } :root {
@@ -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_1uslt {
24
+ } .intl-phone-input__component_h80ir {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_1uslt {
29
+ } .intl-phone-input__flagIconContainer_h80ir {
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_1uslt {
36
+ } .intl-phone-input__emptyCountryIcon_h80ir {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_1uslt {
38
+ } .intl-phone-input__disabled_h80ir {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_1uslt {
40
+ } .intl-phone-input__inner_h80ir {
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_1uslt .intl-phone-input__inner_1uslt,
48
- .intl-phone-input__xl_1uslt .intl-phone-input__inner_1uslt {
47
+ } .intl-phone-input__l_h80ir .intl-phone-input__inner_h80ir,
48
+ .intl-phone-input__xl_h80ir .intl-phone-input__inner_h80ir {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_1uslt {
50
+ } .intl-phone-input__focusVisible_h80ir {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { CountryCode } from 'libphonenumber-js';
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
4
+ import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
5
5
  import { SelectProps } from "@alfalab/core-components-select";
6
6
  import { Country } from '@alfalab/utils';
7
7
  type MaxPhoneLenByCountry = Record<string, number>;
package/cssm/component.js CHANGED
@@ -163,9 +163,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
163
163
  }
164
164
  }
165
165
  };
166
- var handleInputChange = function (event) {
167
- setCountryByDialCodeWithLengthCheck(event.target.value);
168
- changePhone(addCountryCode(event.target.value));
166
+ var handleInputChange = function (_, payload) {
167
+ setCountryByDialCodeWithLengthCheck(payload.value);
168
+ changePhone(addCountryCode(payload.value));
169
169
  };
170
170
  var handleSelectChange = function (_a) {
171
171
  var selected = _a.selected;
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { SelectDesktopProps } from "../../Component.desktop-63dec22f";
2
+ import { SelectDesktopProps } from "@alfalab/core-components-select/desktop";
3
3
  import { Country } from '@alfalab/utils';
4
4
  type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
5
5
  selected?: string;
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { FieldProps } from "../../shared-4cd3936b";
2
+ import { FieldProps } from "@alfalab/core-components-select/shared";
3
3
  declare const EMPTY_COUNTRY_SELECT_FIELD: {
4
4
  value: string;
5
5
  key: string;
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-link: #0072ef;
4
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --color-light-border-link: #2288fa;
4
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { CountryCode } from 'libphonenumber-js';
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
4
+ import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
5
5
  import { SelectProps } from "@alfalab/core-components-select";
6
6
  import { Country } from '@alfalab/utils';
7
7
  type MaxPhoneLenByCountry = Record<string, number>;
package/esm/component.js CHANGED
@@ -17,7 +17,7 @@ import '@alfalab/core-components-select/esm/desktop';
17
17
  import '@alfalab/core-components-select/esm/shared';
18
18
  import './components/select-field/component.js';
19
19
 
20
- var styles = {"addons":"intl-phone-input__addons_8qlqo","l":"intl-phone-input__l_8qlqo","xl":"intl-phone-input__xl_8qlqo","flagIconWrapper":"intl-phone-input__flagIconWrapper_8qlqo","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_8qlqo"};
20
+ var styles = {"addons":"intl-phone-input__addons_7cc1m","l":"intl-phone-input__l_7cc1m","xl":"intl-phone-input__xl_7cc1m","flagIconWrapper":"intl-phone-input__flagIconWrapper_7cc1m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_7cc1m"};
21
21
  require('./index.css')
22
22
 
23
23
  var countriesHash = getCountriesHash();
@@ -133,9 +133,9 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
133
133
  }
134
134
  }
135
135
  };
136
- var handleInputChange = function (event) {
137
- setCountryByDialCodeWithLengthCheck(event.target.value);
138
- changePhone(addCountryCode(event.target.value));
136
+ var handleInputChange = function (_, payload) {
137
+ setCountryByDialCodeWithLengthCheck(payload.value);
138
+ changePhone(addCountryCode(payload.value));
139
139
  };
140
140
  var handleSelectChange = function (_a) {
141
141
  var selected = _a.selected;
@@ -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_1tooy","flagPlaceholder":"intl-phone-input__flagPlaceholder_1tooy"};
5
+ var styles = {"flagIcon":"intl-phone-input__flagIcon_1v2yn","flagPlaceholder":"intl-phone-input__flagPlaceholder_1v2yn"};
6
6
  require('./index.css')
7
7
 
8
8
  /**
@@ -1,7 +1,7 @@
1
- /* hash: jist4 */
1
+ /* hash: tlwdy */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -17,10 +17,10 @@
17
17
  --gap-3xs: 2px;
18
18
  } :root {
19
19
  } :root {
20
- } .intl-phone-input__flagIcon_1tooy {
20
+ } .intl-phone-input__flagIcon_1v2yn {
21
21
  max-width: 24px;
22
22
  max-height: 24px;
23
- } .intl-phone-input__flagPlaceholder_1tooy {
23
+ } .intl-phone-input__flagPlaceholder_1v2yn {
24
24
  width: 24px;
25
25
  height: 16px;
26
26
  max-height: 16px;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { SelectDesktopProps } from "../../Component.desktop-63dec22f";
2
+ import { SelectDesktopProps } from "@alfalab/core-components-select/desktop";
3
3
  import { Country } from '@alfalab/utils';
4
4
  type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
5
5
  selected?: string;
@@ -10,7 +10,7 @@ import 'react-merge-refs';
10
10
  import '@alfalab/hooks';
11
11
  import '@alfalab/icons-glyph/WorldMagnifierMIcon';
12
12
 
13
- var styles = {"component":"intl-phone-input__component_gjivl","option":"intl-phone-input__option_gjivl","flag":"intl-phone-input__flag_gjivl","countryName":"intl-phone-input__countryName_gjivl","dialCode":"intl-phone-input__dialCode_gjivl"};
13
+ var styles = {"component":"intl-phone-input__component_1u446","option":"intl-phone-input__option_1u446","flag":"intl-phone-input__flag_1u446","countryName":"intl-phone-input__countryName_1u446","dialCode":"intl-phone-input__dialCode_1u446"};
14
14
  require('./index.css')
15
15
 
16
16
  var CountriesSelect = function (_a) {
@@ -1,7 +1,7 @@
1
- /* hash: wa6fm */
1
+ /* hash: 13pgy */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -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_gjivl {
20
+ } .intl-phone-input__component_1u446 {
21
21
  position: static;
22
22
  display: flex;
23
23
  min-width: initial;
24
24
  height: 100%;
25
- } .intl-phone-input__option_gjivl {
25
+ } .intl-phone-input__option_1u446 {
26
26
  display: flex;
27
27
  align-items: flex-start;
28
- } .intl-phone-input__flag_gjivl {
28
+ } .intl-phone-input__flag_1u446 {
29
29
  flex-shrink: 0;
30
30
  margin-right: var(--gap-xs);
31
- } .intl-phone-input__countryName_gjivl {
31
+ } .intl-phone-input__countryName_1u446 {
32
32
  margin-right: var(--gap-xs);
33
- } .intl-phone-input__dialCode_gjivl {
33
+ } .intl-phone-input__dialCode_1u446 {
34
34
  color: var(--text-secondary-color);
35
35
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { FieldProps } from "../../shared-4cd3936b";
2
+ import { FieldProps } from "@alfalab/core-components-select/shared";
3
3
  declare const EMPTY_COUNTRY_SELECT_FIELD: {
4
4
  value: string;
5
5
  key: string;
@@ -7,7 +7,7 @@ import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
7
7
  import { FlagIcon } from '../flag-icon/component.js';
8
8
  import '../flag-icon/flagSprite.js';
9
9
 
10
- var styles = {"component":"intl-phone-input__component_1uslt","flagIconContainer":"intl-phone-input__flagIconContainer_1uslt","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1uslt","disabled":"intl-phone-input__disabled_1uslt","inner":"intl-phone-input__inner_1uslt","l":"intl-phone-input__l_1uslt","xl":"intl-phone-input__xl_1uslt","focusVisible":"intl-phone-input__focusVisible_1uslt"};
10
+ var styles = {"component":"intl-phone-input__component_h80ir","flagIconContainer":"intl-phone-input__flagIconContainer_h80ir","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_h80ir","disabled":"intl-phone-input__disabled_h80ir","inner":"intl-phone-input__inner_h80ir","l":"intl-phone-input__l_h80ir","xl":"intl-phone-input__xl_h80ir","focusVisible":"intl-phone-input__focusVisible_h80ir"};
11
11
  require('./index.css')
12
12
 
13
13
  var EMPTY_COUNTRY_SELECT_FIELD = {
@@ -1,8 +1,8 @@
1
- /* hash: d5qdd */
1
+ /* hash: x409d */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-link: #0072ef;
5
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-border-link: #2288fa;
5
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
7
  } :root {
8
8
  } :root {
@@ -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_1uslt {
24
+ } .intl-phone-input__component_h80ir {
25
25
  height: 100%;
26
26
  cursor: pointer;
27
27
  outline: none;
28
28
  position: relative;
29
- } .intl-phone-input__flagIconContainer_1uslt {
29
+ } .intl-phone-input__flagIconContainer_h80ir {
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_1uslt {
36
+ } .intl-phone-input__emptyCountryIcon_h80ir {
37
37
  color: var(--color-light-graphic-secondary);
38
- } .intl-phone-input__disabled_1uslt {
38
+ } .intl-phone-input__disabled_h80ir {
39
39
  cursor: var(--disabled-cursor);
40
- } .intl-phone-input__inner_1uslt {
40
+ } .intl-phone-input__inner_h80ir {
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_1uslt .intl-phone-input__inner_1uslt,
48
- .intl-phone-input__xl_1uslt .intl-phone-input__inner_1uslt {
47
+ } .intl-phone-input__l_h80ir .intl-phone-input__inner_h80ir,
48
+ .intl-phone-input__xl_h80ir .intl-phone-input__inner_h80ir {
49
49
  padding-left: var(--gap-m);
50
- } .intl-phone-input__focusVisible_1uslt {
50
+ } .intl-phone-input__focusVisible_h80ir {
51
51
  outline: 2px solid var(--focus-color);
52
52
  outline-offset: 2px;
53
53
  }
package/esm/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 1affc */
1
+ /* hash: 10cbr */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -16,17 +16,17 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .intl-phone-input__addons_8qlqo {
19
+ } .intl-phone-input__addons_7cc1m {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_8qlqo .intl-phone-input__addons_8qlqo, .intl-phone-input__xl_8qlqo .intl-phone-input__addons_8qlqo {
21
+ } .intl-phone-input__l_7cc1m .intl-phone-input__addons_7cc1m, .intl-phone-input__xl_7cc1m .intl-phone-input__addons_7cc1m {
22
22
  padding-left: 0;
23
- } .intl-phone-input__flagIconWrapper_8qlqo {
23
+ } .intl-phone-input__flagIconWrapper_7cc1m {
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_8qlqo {
30
+ } .intl-phone-input__emptyCountryIcon_7cc1m {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
package/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 1affc */
1
+ /* hash: 10cbr */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-graphic-secondary: #86868a; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-graphic-secondary: #898991; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -16,17 +16,17 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .intl-phone-input__addons_8qlqo {
19
+ } .intl-phone-input__addons_7cc1m {
20
20
  padding-left: 0;
21
- } .intl-phone-input__l_8qlqo .intl-phone-input__addons_8qlqo, .intl-phone-input__xl_8qlqo .intl-phone-input__addons_8qlqo {
21
+ } .intl-phone-input__l_7cc1m .intl-phone-input__addons_7cc1m, .intl-phone-input__xl_7cc1m .intl-phone-input__addons_7cc1m {
22
22
  padding-left: 0;
23
- } .intl-phone-input__flagIconWrapper_8qlqo {
23
+ } .intl-phone-input__flagIconWrapper_7cc1m {
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_8qlqo {
30
+ } .intl-phone-input__emptyCountryIcon_7cc1m {
31
31
  color: var(--color-light-graphic-secondary);
32
32
  }
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { CountryCode } from 'libphonenumber-js';
4
- import { InputAutocompleteDesktopProps } from "./Component.desktop-9cded6b9";
4
+ import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
5
5
  import { SelectProps } from "@alfalab/core-components-select";
6
6
  import { Country } from '@alfalab/utils';
7
7
  type MaxPhoneLenByCountry = Record<string, number>;