@alfalab/core-components-intl-phone-input 6.6.9 → 6.7.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_tozgk","option":"intl-phone-input__option_tozgk","flag":"intl-phone-input__flag_tozgk","countryName":"intl-phone-input__countryName_tozgk","dialCode":"intl-phone-input__dialCode_tozgk"};
+var styles = {"component":"intl-phone-input__component_1rwic","option":"intl-phone-input__option_1rwic","flag":"intl-phone-input__flag_1rwic","countryName":"intl-phone-input__countryName_1rwic","dialCode":"intl-phone-input__dialCode_1rwic"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
@@ -22,7 +22,7 @@ const CountriesSelect = ({ disabled, size, selected, countries, fieldWidth, prev
                     "+",
                     dialCode)))),
     })), [countries]);
-    const renderOptionsList = useCallback(props => (React.createElement("div", { style: { width: fieldWidth || 0 } },
+    const renderOptionsList = useCallback((props) => (React.createElement("div", { style: { width: fieldWidth || 0 } },
         React.createElement(VirtualOptionsList, Object.assign({}, props)))), [fieldWidth]);
     return (React.createElement("div", { className: styles.component, onClick: event => event.stopPropagation() },
         React.createElement(Select, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected, onChange: onChange, Field: SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));

package/modern/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 12wb3 */
+/* hash: 1f3a4 */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_tozgk {
+.intl-phone-input__component_1rwic {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_tozgk {
+.intl-phone-input__option_1rwic {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_tozgk {
+.intl-phone-input__flag_1rwic {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_tozgk {
+.intl-phone-input__countryName_1rwic {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_tozgk {
+.intl-phone-input__dialCode_1rwic {
     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_1tx8f","flagIconContainer":"intl-phone-input__flagIconContainer_1tx8f","disabled":"intl-phone-input__disabled_1tx8f","inner":"intl-phone-input__inner_1tx8f","l":"intl-phone-input__l_1tx8f","xl":"intl-phone-input__xl_1tx8f","focusVisible":"intl-phone-input__focusVisible_1tx8f"};
+var styles = {"component":"intl-phone-input__component_o2hqy","flagIconContainer":"intl-phone-input__flagIconContainer_o2hqy","disabled":"intl-phone-input__disabled_o2hqy","inner":"intl-phone-input__inner_o2hqy","l":"intl-phone-input__l_o2hqy","xl":"intl-phone-input__xl_o2hqy","focusVisible":"intl-phone-input__focusVisible_o2hqy"};
 require('./index.css')
 
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: syxqs */
+/* hash: cxfky */
 :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_1tx8f {
+.intl-phone-input__component_o2hqy {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1tx8f {
+.intl-phone-input__flagIconContainer_o2hqy {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1tx8f {
+.intl-phone-input__disabled_o2hqy {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1tx8f {
+.intl-phone-input__inner_o2hqy {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1tx8f .intl-phone-input__inner_1tx8f,
-.intl-phone-input__xl_1tx8f .intl-phone-input__inner_1tx8f {
+.intl-phone-input__l_o2hqy .intl-phone-input__inner_o2hqy,
+.intl-phone-input__xl_o2hqy .intl-phone-input__inner_o2hqy {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1tx8f {
+.intl-phone-input__focusVisible_o2hqy {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.css

@@ -1,8 +1,8 @@
-/* hash: upfro */
-.intl-phone-input__addons_54c95 {
+/* hash: 4te6h */
+.intl-phone-input__addons_tgou1 {
     padding-left: 0;
 }
 
-.intl-phone-input__l_54c95 .intl-phone-input__addons_54c95, .intl-phone-input__xl_54c95 .intl-phone-input__addons_54c95 {
+.intl-phone-input__l_tgou1 .intl-phone-input__addons_tgou1, .intl-phone-input__xl_tgou1 .intl-phone-input__addons_tgou1 {
         padding-left: 0;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-intl-phone-input",
-    "version": "6.6.9",
+    "version": "6.7.2",
     "description": "Phone input for international phones",
     "keywords": [],
     "license": "MIT",
@@ -14,15 +14,15 @@
         "directory": "dist"
     },
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^9.0.0",
+        "@alfalab/core-components-input": "^9.1.1",
         "@alfalab/core-components-input-autocomplete": "7.0.4",
-        "@alfalab/core-components-select": "^11.0.0",
+        "@alfalab/core-components-select": "^11.1.2",
         "@alfalab/hooks": "^1.4.1",
         "@alfalab/utils": "^1.11.0",
-        "classnames": "^2.2.6",
+        "classnames": "^2.3.1",
         "libphonenumber-js": "^1.10.7",
         "react-merge-refs": "1.1.0"
     }