@alfalab/core-components-intl-phone-input 7.0.4 → 7.0.7

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_1v5mx","option":"intl-phone-input__option_1v5mx","flag":"intl-phone-input__flag_1v5mx","countryName":"intl-phone-input__countryName_1v5mx","dialCode":"intl-phone-input__dialCode_1v5mx"};
+var styles = {"component":"intl-phone-input__component_t3uay","option":"intl-phone-input__option_t3uay","flag":"intl-phone-input__flag_t3uay","countryName":"intl-phone-input__countryName_t3uay","dialCode":"intl-phone-input__dialCode_t3uay"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 7zgm8 */
+/* hash: orhrm */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1v5mx {
+.intl-phone-input__component_t3uay {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1v5mx {
+.intl-phone-input__option_t3uay {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1v5mx {
+.intl-phone-input__flag_t3uay {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1v5mx {
+.intl-phone-input__countryName_t3uay {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1v5mx {
+.intl-phone-input__dialCode_t3uay {
     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_1k1zb","flagIconContainer":"intl-phone-input__flagIconContainer_1k1zb","disabled":"intl-phone-input__disabled_1k1zb","inner":"intl-phone-input__inner_1k1zb","l":"intl-phone-input__l_1k1zb","xl":"intl-phone-input__xl_1k1zb","focusVisible":"intl-phone-input__focusVisible_1k1zb"};
+var styles = {"component":"intl-phone-input__component_n2nwa","flagIconContainer":"intl-phone-input__flagIconContainer_n2nwa","disabled":"intl-phone-input__disabled_n2nwa","inner":"intl-phone-input__inner_n2nwa","l":"intl-phone-input__l_n2nwa","xl":"intl-phone-input__xl_n2nwa","focusVisible":"intl-phone-input__focusVisible_n2nwa"};
 require('./index.css')
 
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 6d28u */
+/* hash: 173r2 */
 :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_1k1zb {
+.intl-phone-input__component_n2nwa {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1k1zb {
+.intl-phone-input__flagIconContainer_n2nwa {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1k1zb {
+.intl-phone-input__disabled_n2nwa {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1k1zb {
+.intl-phone-input__inner_n2nwa {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1k1zb .intl-phone-input__inner_1k1zb,
-.intl-phone-input__xl_1k1zb .intl-phone-input__inner_1k1zb {
+.intl-phone-input__l_n2nwa .intl-phone-input__inner_n2nwa,
+.intl-phone-input__xl_n2nwa .intl-phone-input__inner_n2nwa {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1k1zb {
+.intl-phone-input__focusVisible_n2nwa {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,8 +1,8 @@
-/* hash: neaue */
-.intl-phone-input__addons_uypl4 {
+/* hash: os7vq */
+.intl-phone-input__addons_keroz {
     padding-left: 0;
 }
 
-.intl-phone-input__l_uypl4 .intl-phone-input__addons_uypl4, .intl-phone-input__xl_uypl4 .intl-phone-input__addons_uypl4 {
+.intl-phone-input__l_keroz .intl-phone-input__addons_keroz, .intl-phone-input__xl_keroz .intl-phone-input__addons_keroz {
         padding-left: 0;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "7.0.4",
+    "version": "7.0.7",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -17,9 +17,9 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^10.0.3",
+        "@alfalab/core-components-input": "^10.1.0",
         "@alfalab/core-components-input-autocomplete": "7.0.4",
-        "@alfalab/core-components-select": "^12.1.2",
+        "@alfalab/core-components-select": "^12.3.0",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.11.0",
         "classnames": "^2.3.1",