@alfalab/core-components 43.1.0 → 43.1.2

package/input-autocomplete/esm/mobile.css

@@ -1,4 +1,4 @@
-/* hash: u2a88 */
+/* hash: zw95y */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_5rq2g {
+} .input-autocomplete__input_1fi5z {
     width: auto;
 }

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: u2a88 */
+/* hash: zw95y */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_5rq2g {
+} .input-autocomplete__input_1fi5z {
     width: auto;
 }

package/input-autocomplete/modern/Component.mobile.js

@@ -10,7 +10,7 @@ import '../../form-control/modern/mobile';
 import '../../shared/modern';
 import '@alfalab/hooks';
 
-const styles = {"input":"input-autocomplete__input_5rq2g"};
+const styles = {"input":"input-autocomplete__input_1fi5z"};
 require('./mobile.css');
 
 const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 's', open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, ...restProps }, ref) => {

package/input-autocomplete/modern/autocomplete-field/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { InputDesktop } from '../../../input/modern/desktop';
 
-const styles = {"arrow":"input-autocomplete__arrow_3b1wc","error":"input-autocomplete__error_3b1wc"};
+const styles = {"arrow":"input-autocomplete__arrow_1d1ht","error":"input-autocomplete__error_1d1ht"};
 require('./index.css');
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

package/input-autocomplete/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: rlm24 */
-.input-autocomplete__arrow_3b1wc.input-autocomplete__error_3b1wc ~ * {
+/* hash: xfkzu */
+.input-autocomplete__arrow_1d1ht.input-autocomplete__error_1d1ht ~ * {
     display: none;
 }

package/input-autocomplete/modern/autocomplete-mobile-field/Component.js

@@ -4,7 +4,7 @@ import { FormControlMobile } from '../../../form-control/modern/mobile';
 import { getDataTestId } from '../../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_54luj","field":"input-autocomplete__field_54luj","disabled":"input-autocomplete__disabled_54luj","placeholder":"input-autocomplete__placeholder_54luj","contentWrapper":"input-autocomplete__contentWrapper_54luj","value":"input-autocomplete__value_54luj","focusVisible":"input-autocomplete__focusVisible_54luj"};
+const styles = {"component":"input-autocomplete__component_uf9zd","field":"input-autocomplete__field_uf9zd","disabled":"input-autocomplete__disabled_uf9zd","placeholder":"input-autocomplete__placeholder_uf9zd","contentWrapper":"input-autocomplete__contentWrapper_uf9zd","value":"input-autocomplete__value_uf9zd","focusVisible":"input-autocomplete__focusVisible_uf9zd"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }) => {

package/input-autocomplete/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: ldbx1 */
+/* hash: r7aus */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_54luj {
+} .input-autocomplete__component_uf9zd {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_54luj:not(.input-autocomplete__disabled_54luj) {
+} .input-autocomplete__field_uf9zd:not(.input-autocomplete__disabled_uf9zd) {
     cursor: pointer;
-} .input-autocomplete__disabled_54luj {
+} .input-autocomplete__disabled_uf9zd {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_54luj {
+} .input-autocomplete__placeholder_uf9zd {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_54luj {
+} .input-autocomplete__contentWrapper_uf9zd {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_54luj {
+} .input-autocomplete__value_uf9zd {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_54luj {
+} .input-autocomplete__focusVisible_uf9zd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: u2a88 */
+/* hash: zw95y */
 :root {
 } /* deprecated */ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .input-autocomplete__input_5rq2g {
+} .input-autocomplete__input_1fi5z {
     width: auto;
 }

package/international-phone-input/Component-72dda473.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import React from 'react';
+import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
+type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
+type BadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     *  Вид компонента
+     */
+    view: 'icon' | 'count';
+    /**
+     * Размер компонента (только для view=icon)
+     * //deprecated(используйте height для view=count )
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     *  Видимость белой обводки вокруг иконки
+     */
+    visibleIconOutline?: boolean;
+    /**
+     *  Видимость цветной обводки вокруг иконки (только для view=icon)
+     */
+    visibleColorOutline?: boolean;
+    /**
+     * Контент компонента
+     */
+    content?: React.ReactElement | number;
+    /**
+     * Высота компонента, min = 16; max = 48 (только для view=count)
+     */
+    height?: number;
+    /**
+     * Цветовое оформление бейджа при view='count'
+     */
+    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
+    /**
+     * Цветовое оформление бейджа при view='icon'
+     */
+    iconColor?: IconColorType;
+    /**
+     * Цвет подложки под иконкой
+     */
+    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
+export { IconColorType, BadgeProps, Badge };

package/international-phone-input/Component-c44170fe.d.ts

@@ -0,0 +1,281 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+import { FormControlProps } from "./index-c44170fe";
+type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Атрибут type
+     */
+    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | null;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
+};
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "enterKeyHint"> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | undefined;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean | undefined;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Атрибут type
+     */
+    type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: React.ElementType<Omit<import("./index-c44170fe").BaseFormControlProps, "styles" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component-72dda473";
+export { BaseInputProps, BaseInput };

package/international-phone-input/Component.desktop-785df74d.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
+import { BaseFormControlProps } from "./index-c44170fe";
 type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
 declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { FormControlDesktopProps, FormControlDesktop };

package/international-phone-input/Component.responsive-0aa4e915.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { CommonButtonProps, ButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile, Button };

package/international-phone-input/components/base-international-phone-input/Component.js

@@ -23,7 +23,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"component":"international-phone-input__component_1bg9x","addons":"international-phone-input__addons_1bg9x"};
+var styles = {"component":"international-phone-input__component_1szcd","addons":"international-phone-input__addons_1szcd"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {

package/international-phone-input/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: 2tvcm */
+/* hash: oo1vx */
 
-    .international-phone-input__component_1bg9x .international-phone-input__addons_1bg9x {
+    .international-phone-input__component_1szcd .international-phone-input__addons_1szcd {
         padding-left: 0;
     }

package/international-phone-input/components/country-select/Component.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"international-phone-input__component_1dx4b","option":"international-phone-input__option_1dx4b","flag":"international-phone-input__flag_1dx4b","countryName":"international-phone-input__countryName_1dx4b","dialCode":"international-phone-input__dialCode_1dx4b","flagIconWrapper":"international-phone-input__flagIconWrapper_1dx4b","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1dx4b"};
+var styles = {"component":"international-phone-input__component_1mdch","option":"international-phone-input__option_1mdch","flag":"international-phone-input__flag_1mdch","countryName":"international-phone-input__countryName_1mdch","dialCode":"international-phone-input__dialCode_1mdch","flagIconWrapper":"international-phone-input__flagIconWrapper_1mdch","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1mdch"};
 require('./index.css');
 
 var CountrySelect = function (_a) {

package/international-phone-input/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: jm4e4 */
+/* hash: 10vq2 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_1dx4b {
+} .international-phone-input__component_1mdch {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_1dx4b {
+} .international-phone-input__option_1mdch {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_1dx4b {
+} .international-phone-input__flag_1mdch {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_1dx4b {
+} .international-phone-input__countryName_1mdch {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_1dx4b {
+} .international-phone-input__dialCode_1mdch {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_1dx4b {
+} .international-phone-input__flagIconWrapper_1mdch {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_1dx4b {
+} .international-phone-input__emptyCountryIcon_1mdch {
     color: var(--color-light-neutral-translucent-700);
 }

package/international-phone-input/components/flag-icon/component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_1dsjf","flagPlaceholder":"international-phone-input__flagPlaceholder_1dsjf"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_15cba","flagPlaceholder":"international-phone-input__flagPlaceholder_15cba"};
 require('./index.css');
 
 /**

package/international-phone-input/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: iythx */
+/* hash: 1p7tu */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1dsjf {
+} .international-phone-input__flagIcon_15cba {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1dsjf {
+} .international-phone-input__flagPlaceholder_15cba {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/international-phone-input/components/select-field/component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"international-phone-input__component_1f4s0","flagIconContainer":"international-phone-input__flagIconContainer_1f4s0","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1f4s0","disabled":"international-phone-input__disabled_1f4s0","inner":"international-phone-input__inner_1f4s0","l":"international-phone-input__l_1f4s0","xl":"international-phone-input__xl_1f4s0","focusVisible":"international-phone-input__focusVisible_1f4s0"};
+var styles = {"component":"international-phone-input__component_1ix6e","flagIconContainer":"international-phone-input__flagIconContainer_1ix6e","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1ix6e","disabled":"international-phone-input__disabled_1ix6e","inner":"international-phone-input__inner_1ix6e","l":"international-phone-input__l_1ix6e","xl":"international-phone-input__xl_1ix6e","focusVisible":"international-phone-input__focusVisible_1ix6e"};
 require('./index.css');
 
 var EMPTY_COUNTRY_SELECT_FIELD = {

package/international-phone-input/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 6qdt2 */
+/* hash: 1jxbb */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -21,33 +21,33 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .international-phone-input__component_1f4s0 {
+} .international-phone-input__component_1ix6e {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .international-phone-input__flagIconContainer_1f4s0 {
+} .international-phone-input__flagIconContainer_1ix6e {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-2xs);
-} .international-phone-input__emptyCountryIcon_1f4s0 {
+} .international-phone-input__emptyCountryIcon_1ix6e {
     color: var(--color-light-neutral-translucent-700);
-} .international-phone-input__disabled_1f4s0 {
+} .international-phone-input__disabled_1ix6e {
     cursor: var(--disabled-cursor);
-} .international-phone-input__inner_1f4s0 {
+} .international-phone-input__inner_1ix6e {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-s);
     outline: none;
-} .international-phone-input__l_1f4s0 .international-phone-input__inner_1f4s0,
-.international-phone-input__xl_1f4s0 .international-phone-input__inner_1f4s0 {
+} .international-phone-input__l_1ix6e .international-phone-input__inner_1ix6e,
+.international-phone-input__xl_1ix6e .international-phone-input__inner_1ix6e {
     padding-left: var(--gap-m);
-} .international-phone-input__focusVisible_1f4s0 {
+} .international-phone-input__focusVisible_1ix6e {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }