@alfalab/core-components-intl-phone-input 7.0.1 → 7.0.2

package/modern/components/select/component.js

@@ -6,7 +6,7 @@ import { FlagIcon } from '../flag-icon/component.js';
 import { SelectField } from '../select-field/component.js';
 import { VirtualOptionsList, Select } from '@alfalab/core-components-select/modern';
 
-var styles = {"component":"intl-phone-input__component_1k6ap","option":"intl-phone-input__option_1k6ap","flag":"intl-phone-input__flag_1k6ap","countryName":"intl-phone-input__countryName_1k6ap","dialCode":"intl-phone-input__dialCode_1k6ap"};
+var styles = {"component":"intl-phone-input__component_1nt4r","option":"intl-phone-input__option_1nt4r","flag":"intl-phone-input__flag_1nt4r","countryName":"intl-phone-input__countryName_1nt4r","dialCode":"intl-phone-input__dialCode_1nt4r"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 2s4l9 */
+/* hash: yg27f */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1k6ap {
+.intl-phone-input__component_1nt4r {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1k6ap {
+.intl-phone-input__option_1nt4r {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1k6ap {
+.intl-phone-input__flag_1nt4r {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1k6ap {
+.intl-phone-input__countryName_1nt4r {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1k6ap {
+.intl-phone-input__dialCode_1nt4r {
     color: var(--text-secondary-color);
 }

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

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
 
-var styles = {"component":"intl-phone-input__component_1v1bj","flagIconContainer":"intl-phone-input__flagIconContainer_1v1bj","disabled":"intl-phone-input__disabled_1v1bj","inner":"intl-phone-input__inner_1v1bj","l":"intl-phone-input__l_1v1bj","xl":"intl-phone-input__xl_1v1bj","focusVisible":"intl-phone-input__focusVisible_1v1bj"};
+var styles = {"component":"intl-phone-input__component_4g1x8","flagIconContainer":"intl-phone-input__flagIconContainer_4g1x8","disabled":"intl-phone-input__disabled_4g1x8","inner":"intl-phone-input__inner_4g1x8","l":"intl-phone-input__l_4g1x8","xl":"intl-phone-input__xl_4g1x8","focusVisible":"intl-phone-input__focusVisible_4g1x8"};
 require('./index.css')
 
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1t348 */
+/* hash: 1exkp */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,13 +19,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_1v1bj {
+.intl-phone-input__component_4g1x8 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1v1bj {
+.intl-phone-input__flagIconContainer_4g1x8 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1v1bj {
+.intl-phone-input__disabled_4g1x8 {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1v1bj {
+.intl-phone-input__inner_4g1x8 {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1v1bj .intl-phone-input__inner_1v1bj,
-.intl-phone-input__xl_1v1bj .intl-phone-input__inner_1v1bj {
+.intl-phone-input__l_4g1x8 .intl-phone-input__inner_4g1x8,
+.intl-phone-input__xl_4g1x8 .intl-phone-input__inner_4g1x8 {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1v1bj {
+.intl-phone-input__focusVisible_4g1x8 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,8 +1,8 @@
-/* hash: 1j4g9 */
-.intl-phone-input__addons_15y1t {
+/* hash: 11s7x */
+.intl-phone-input__addons_1pymb {
     padding-left: 0;
 }
 
-.intl-phone-input__l_15y1t .intl-phone-input__addons_15y1t, .intl-phone-input__xl_15y1t .intl-phone-input__addons_15y1t {
+.intl-phone-input__l_1pymb .intl-phone-input__addons_1pymb, .intl-phone-input__xl_1pymb .intl-phone-input__addons_1pymb {
         padding-left: 0;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "7.0.1",
+    "version": "7.0.2",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -19,7 +19,7 @@
     "dependencies": {
         "@alfalab/core-components-input": "^10.0.1",
         "@alfalab/core-components-input-autocomplete": "7.0.4",
-        "@alfalab/core-components-select": "^12.0.1",
+        "@alfalab/core-components-select": "^12.1.0",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.11.0",
         "classnames": "^2.3.1",