@alfalab/core-components 45.4.0-beta.5 → 45.4.0-beta.6

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b0d0b5f2.js';
+import '../../slide-0d591a4a.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-b0d0b5f2.js';
+import '../../slide-0d591a4a.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-b0d0b5f2.js';
+import './slide-0d591a4a.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-ee689fb7.js';
+import './buttons-6d20c613.js';

package/icon-view/components/base-shape/component.d.ts

@@ -41,10 +41,6 @@ type BaseShapeProps = {
      * Сss класс для стилизации общей обёртки
      */
     className?: string;
-    /**
-     * Сss класс для стилизации обертки иконки
-     */
-    iconContainerClassName?: string;
     /**
      * Слот сверху
      */

package/icon-view/components/base-shape/component.js

@@ -14,7 +14,7 @@ var styles = {"componentWrapper":"icon-view__componentWrapper_ju96w","component"
 require('./index.css');
 
 var BaseShape = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize, iconContainerClassName = _a.iconContainerClassName;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize;
     var _d = typeof size === 'object' ? [size.width, size.height] : [size, size], width = _d[0], height = _d[1];
     var imageLoadingState = hooks.useImageLoadingState({ src: imageUrl || '' });
     var loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
@@ -74,7 +74,7 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                         pathsMap: pathsMap.border,
                     }) }))),
             text && React__default.default.createElement("div", { className: styles.text }, text),
-            children && (React__default.default.createElement("div", { className: cn__default.default(styles.children, styles["size-".concat(mainSize)], iconContainerClassName) }, children))),
+            children && (React__default.default.createElement("div", { className: cn__default.default(styles.children, styles["size-".concat(mainSize)]) }, children))),
         hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, styles.topAddons) }, topAddons)),
         hasBottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, styles.indicator) }, indicator))));

package/icon-view/cssm/components/base-shape/component.d.ts

@@ -41,10 +41,6 @@ type BaseShapeProps = {
      * Сss класс для стилизации общей обёртки
      */
     className?: string;
-    /**
-     * Сss класс для стилизации обертки иконки
-     */
-    iconContainerClassName?: string;
     /**
      * Слот сверху
      */

package/icon-view/cssm/components/base-shape/component.js

@@ -13,7 +13,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var BaseShape = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize, iconContainerClassName = _a.iconContainerClassName;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize;
     var _d = typeof size === 'object' ? [size.width, size.height] : [size, size], width = _d[0], height = _d[1];
     var imageLoadingState = hooks.useImageLoadingState({ src: imageUrl || '' });
     var loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
@@ -73,7 +73,7 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                         pathsMap: pathsMap.border,
                     }) }))),
             text && React__default.default.createElement("div", { className: styles__default.default.text }, text),
-            children && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.children, styles__default.default["size-".concat(mainSize)], iconContainerClassName) }, children))),
+            children && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.children, styles__default.default["size-".concat(mainSize)]) }, children))),
         hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.topAddons) }, topAddons)),
         hasBottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.indicator) }, indicator))));

package/icon-view/esm/components/base-shape/component.d.ts

@@ -41,10 +41,6 @@ type BaseShapeProps = {
      * Сss класс для стилизации общей обёртки
      */
     className?: string;
-    /**
-     * Сss класс для стилизации обертки иконки
-     */
-    iconContainerClassName?: string;
     /**
      * Слот сверху
      */

package/icon-view/esm/components/base-shape/component.js

@@ -7,7 +7,7 @@ var styles = {"componentWrapper":"icon-view__componentWrapper_ju96w","component"
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize, iconContainerClassName = _a.iconContainerClassName;
+    var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, backgroundColor = _a.backgroundColor, imageUrl = _a.imageUrl, Icon = _a.backgroundIcon, className = _a.className, shapeClassName = _a.shapeClassName, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId, mainSize = _a.mainSize;
     var _d = typeof size === 'object' ? [size.width, size.height] : [size, size], width = _d[0], height = _d[1];
     var imageLoadingState = useImageLoadingState({ src: imageUrl || '' });
     var loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
@@ -67,7 +67,7 @@ var BaseShape = forwardRef(function (_a, ref) {
                         pathsMap: pathsMap.border,
                     }) }))),
             text && React.createElement("div", { className: styles.text }, text),
-            children && (React.createElement("div", { className: cn(styles.children, styles["size-".concat(mainSize)], iconContainerClassName) }, children))),
+            children && (React.createElement("div", { className: cn(styles.children, styles["size-".concat(mainSize)]) }, children))),
         hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.topAddons) }, topAddons)),
         hasBottomAddons && (React.createElement("div", { className: cn(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.indicator) }, indicator))));

package/icon-view/modern/components/base-shape/component.d.ts

@@ -41,10 +41,6 @@ type BaseShapeProps = {
      * Сss класс для стилизации общей обёртки
      */
     className?: string;
-    /**
-     * Сss класс для стилизации обертки иконки
-     */
-    iconContainerClassName?: string;
     /**
      * Слот сверху
      */

package/icon-view/modern/components/base-shape/component.js

@@ -6,7 +6,7 @@ import { getPath } from './utils.js';
 const styles = {"componentWrapper":"icon-view__componentWrapper_ju96w","component":"icon-view__component_ju96w","bg":"icon-view__bg_ju96w","border":"icon-view__border_ju96w","text":"icon-view__text_ju96w","children":"icon-view__children_ju96w","addons":"icon-view__addons_ju96w","size_128":"icon-view__size_128_ju96w","topAddons":"icon-view__topAddons_ju96w","bottomAddons":"icon-view__bottomAddons_ju96w","size_80":"icon-view__size_80_ju96w","indicator":"icon-view__indicator_ju96w","size_64":"icon-view__size_64_ju96w","size_56":"icon-view__size_56_ju96w","size_48":"icon-view__size_48_ju96w","size_40":"icon-view__size_40_ju96w","size_32":"icon-view__size_32_ju96w","size_24":"icon-view__size_24_ju96w","size_20":"icon-view__size_20_ju96w","size_16":"icon-view__size_16_ju96w","size-16":"icon-view__size-16_ju96w","size-20":"icon-view__size-20_ju96w","size-24":"icon-view__size-24_ju96w","size-32":"icon-view__size-32_ju96w","size-40":"icon-view__size-40_ju96w","size-48":"icon-view__size-48_ju96w","size-56":"icon-view__size-56_ju96w","size-64":"icon-view__size-64_ju96w","size-80":"icon-view__size-80_ju96w","size-128":"icon-view__size-128_ju96w"};
 require('./index.css');
 
-const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, iconContainerClassName, }, ref) => {
+const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, }, ref) => {
     const [width, height] = typeof size === 'object' ? [size.width, size.height] : [size, size];
     const imageLoadingState = useImageLoadingState({ src: imageUrl || '' });
     const loadedUrl = imageLoadingState === 'loaded' ? imageUrl : undefined;
@@ -66,7 +66,7 @@ const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imag
                         pathsMap: pathsMap.border,
                     }) }))),
             text && React.createElement("div", { className: styles.text }, text),
-            children && (React.createElement("div", { className: cn(styles.children, styles[`size-${mainSize}`], iconContainerClassName) }, children))),
+            children && (React.createElement("div", { className: cn(styles.children, styles[`size-${mainSize}`]) }, children))),
         hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.topAddons) }, topAddons)),
         hasBottomAddons && (React.createElement("div", { className: cn(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.indicator) }, indicator))));

package/international-phone-input/{Component-70284312.d.ts → Component-6ace6e33.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-70284312";
+import { OptgroupProps } from "./typings-6ace6e33";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

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

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/cssm/{Component-70284312.d.ts → Component-6ace6e33.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-70284312";
+import { OptgroupProps } from "./typings-6ace6e33";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/cssm/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/cssm/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-6ace6e33";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/cssm/{typings-70284312.d.ts → typings-6ace6e33.d.ts}

@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'updatePopover' | 'zIndexPopover' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'update' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/cssm/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-6ace6e33";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/esm/{Component-70284312.d.ts → Component-6ace6e33.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-70284312";
+import { OptgroupProps } from "./typings-6ace6e33";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/esm/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/esm/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/esm/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-6ace6e33";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/esm/{typings-70284312.d.ts → typings-6ace6e33.d.ts}

@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'updatePopover' | 'zIndexPopover' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'update' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/esm/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-6ace6e33";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/modern/{Component-70284312.d.ts → Component-6ace6e33.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-70284312";
+import { OptgroupProps } from "./typings-6ace6e33";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/international-phone-input/modern/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -26,15 +26,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
+    options: (import("./typings-6ace6e33").OptionShape | import("./typings-6ace6e33").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;

package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-6ace6e33").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/modern/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-6ace6e33";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/modern/{typings-70284312.d.ts → typings-6ace6e33.d.ts}

@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'updatePopover' | 'zIndexPopover' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'update' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-6ace6e33";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/international-phone-input/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../input/mobile";
 import { InputAutocompleteProps } from "../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../input-autocomplete/mobile";
-import { OptionShape } from "./typings-70284312";
+import { OptionShape } from "./typings-6ace6e33";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/international-phone-input/{typings-70284312.d.ts → typings-6ace6e33.d.ts}

@@ -879,7 +879,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | 24 | 32 | 40 | 48 | 56 | "xxs" | undefined;
+    size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;
@@ -998,7 +998,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -1195,6 +1195,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'updatePopover' | 'zIndexPopover' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'update' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/international-phone-input/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-6ace6e33";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.4.0-beta.5",
+  "version": "45.4.0-beta.6",
   "license": "MIT",
   "repository": {
     "type": "git",

package/picker-button/Component-6ace6e33.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-6ace6e33";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/cssm/Component-6ace6e33.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-6ace6e33";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/cssm/field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-70284312";
+import { FieldProps as BaseFieldProps } from "../typings-6ace6e33";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/cssm/{typings-70284312.d.ts → typings-6ace6e33.d.ts}

@@ -460,7 +460,7 @@ type BaseSelectProps = {
     /**
      * Дополнительный класс для поповера
      */
-    popperClassName?: string;
+    popperClassName?: PopoverProps['className'];
     /**
      * Список вариантов выбора
      */
@@ -657,6 +657,10 @@ type BaseSelectProps = {
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
+    /**
+     * Дополнительные пропсы для Popover
+     */
+    popoverProps?: Omit<PopoverProps, 'updatePopover' | 'zIndexPopover' | 'position' | 'className' | 'open' | 'anchorElement' | 'preventFlip' | 'update' | 'dataTestId'>;
 };
 type FieldProps = {
     /**

package/picker-button/cssm/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-6ace6e33";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/picker-button/esm/Component-6ace6e33.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-6ace6e33";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };