@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/gallery/esm/components/image-preview/index.js

@@ -1,6 +1,26 @@
 export { ImagePreview } from './Component.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
+import '../../../../base-modal/esm';
 import '../../context.js';
+import '../../utils/utils.js';
+import '../../../../typography/esm';
+import 'tslib';
+import '../../../../icon-button/esm';
+import '../../../../tooltip/esm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../utils/constants.js';
+import '../../slide-b0b55054.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/esm/components/image-viewer/component.js

@@ -10,7 +10,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-61ee79e5.js';
+import { s as styles, S as Slide } from '../../slide-b0b55054.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/esm';
 import './paths.js';

package/gallery/esm/components/image-viewer/index.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-61ee79e5.js';
+import '../../slide-b0b55054.js';
 import '../../../../typography/esm';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/esm/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-61ee79e5.js';
+export { S as Slide } from '../../slide-b0b55054.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/esm/components/index.js

@@ -7,12 +7,8 @@ import '../context.js';
 import '../utils/utils.js';
 import '../utils/constants.js';
 import 'classnames';
-import '@alfalab/hooks';
-import './image-preview/paths.js';
-import './header-info-block/Component.js';
+import '../../../base-modal/esm';
 import '../../../typography/esm';
-import '../utils/split-filename.js';
-import '../buttons-a16b76b3.js';
 import 'tslib';
 import '../../../icon-button/esm';
 import '../../../tooltip/esm/desktop';
@@ -23,8 +19,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
+import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-61ee79e5.js';
+import '../slide-b0b55054.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
+import './image-preview/paths.js';
+import './header-info-block/Component.js';
+import '../utils/split-filename.js';
+import '../buttons-39caa328.js';

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

@@ -4,7 +4,25 @@ import { getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { ImagePreview } from '../image-preview/Component.js';
 import 'classnames';
+import '../../../../base-modal/esm';
+import '../../../../typography/esm';
+import 'tslib';
+import '../../../../icon-button/esm';
+import '../../../../tooltip/esm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
 import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../slide-b0b55054.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';
 
 var styles = {"component":"gallery__component_1myob","preview":"gallery__preview_1myob"};

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

@@ -5,5 +5,23 @@ import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../image-preview/Component.js';
 import 'classnames';
+import '../../../../base-modal/esm';
+import '../../../../typography/esm';
+import 'tslib';
+import '../../../../icon-button/esm';
+import '../../../../tooltip/esm/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
 import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../slide-b0b55054.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/esm/index.js

@@ -8,12 +8,7 @@ import './components/navigation-bar/Component.js';
 import './context.js';
 import './components/image-preview/Component.js';
 import 'classnames';
-import '@alfalab/hooks';
-import './components/image-preview/paths.js';
-import './components/header/Component.js';
-import './components/header-info-block/Component.js';
 import '../../typography/esm';
-import './buttons-a16b76b3.js';
 import 'tslib';
 import '../../icon-button/esm';
 import '../../tooltip/esm/desktop';
@@ -25,8 +20,13 @@ import './components/image-viewer/component.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
+import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-61ee79e5.js';
+import './slide-b0b55054.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-39caa328.js';

package/gallery/modern/Component.js

@@ -9,23 +9,23 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import './utils/utils.js';
 import './utils/constants.js';
 import './components/image-preview/Component.js';
-import './components/image-preview/paths.js';
-import './components/header-info-block/Component.js';
 import '../../typography/modern';
-import './utils/split-filename.js';
-import './buttons-4c270945.js';
 import '../../icon-button/modern';
 import '../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
+import './components/image-preview/paths.js';
+import './components/header-info-block/Component.js';
+import './utils/split-filename.js';
+import './buttons-7d48fdac.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-d45d5b0f.js';
+import './slide-cf2505ae.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 

package/gallery/modern/components/header/Component.js

@@ -3,7 +3,7 @@ import { GalleryContext } from '../../context.js';
 import { isSmallImage } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-4c270945.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-7d48fdac.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
 import '../../../../icon-button/modern';

package/gallery/modern/components/header/buttons.js

@@ -5,4 +5,4 @@ import '@alfalab/icons-glyph/ArrowsInwardMIcon';
 import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/PointerDownMIcon';
-export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-4c270945.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-7d48fdac.js';

package/gallery/modern/components/header/index.js

@@ -6,7 +6,7 @@ import '../../utils/constants.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/modern';
 import '../../utils/split-filename.js';
-import '../../buttons-4c270945.js';
+import '../../buttons-7d48fdac.js';
 import '../../../../icon-button/modern';
 import '../../../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';

package/gallery/modern/components/image-preview/Component.js

@@ -1,8 +1,27 @@
 import React, { useContext, useRef } from 'react';
 import cn from 'classnames';
-import { useFocus } from '@alfalab/hooks';
+import '../../../../base-modal/modern';
 import { GalleryContext } from '../../context.js';
+import { getImageAlt } from '../../utils/utils.js';
+import '../../../../typography/modern';
+import '../../../../icon-button/modern';
+import '../../../../tooltip/modern/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import { useFocus } from '@alfalab/hooks';
 import { NoImagePaths } from './paths.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../utils/constants.js';
+import '../../slide-cf2505ae.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 
 const styles = {"component":"gallery__component_or3oo","active":"gallery__active_or3oo","image":"gallery__image_or3oo","preview":"gallery__preview_or3oo","loading":"gallery__loading_or3oo","brokenImageWrapper":"gallery__brokenImageWrapper_or3oo","brokenIcon":"gallery__brokenIcon_or3oo","focused":"gallery__focused_or3oo"};
 require('./index.css');
@@ -27,9 +46,9 @@ const ImagePreview = ({ image, active = false, index, onSelect, className }) =>
                 React.createElement("rect", { width: '40', height: '40', fill: 'none' }),
                 React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: NoImagePaths.baseImage, fill: '#89898A' }),
                 React.createElement("path", { d: NoImagePaths.triangleImage, fill: '#89898A' }))))) : (React.createElement("div", { className: cn(styles.preview, styles.image, {
-            [styles.broken]: isBroken,
             [styles.loading]: !meta,
-        }), style: { backgroundImage: `url(${image.src})` } }))));
+        }) },
+        React.createElement("img", { src: image.src, alt: getImageAlt(image, index) })))));
 };
 
 export { ImagePreview };

package/gallery/modern/components/image-preview/index.css

@@ -44,12 +44,17 @@
     -webkit-user-select: none;
             user-select: none;
 } .gallery__image_or3oo {
-    background-color: var(--color-light-bg-primary);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
     transition: opacity 0.15s ease-in-out
-} .gallery__image_or3oo:hover {
+} .gallery__image_or3oo > img {
+        display: block;
+        background-color: var(--color-light-bg-primary);
+        width: 100%;
+        height: 100%;
+        border-radius: inherit;
+        object-fit: cover;
+        overflow: clip;
+        overflow-clip-margin: border-box;
+    } .gallery__image_or3oo:hover {
         opacity: 0.7;
     } .gallery__loading_or3oo {
     background-color: var(--color-static-bg-secondary-dark)

package/gallery/modern/components/image-preview/index.js

@@ -1,6 +1,25 @@
 export { ImagePreview } from './Component.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';
+import '../../../../base-modal/modern';
 import '../../context.js';
+import '../../utils/utils.js';
+import '../../../../typography/modern';
+import '../../../../icon-button/modern';
+import '../../../../tooltip/modern/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../utils/constants.js';
+import '../../slide-cf2505ae.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import './paths.js';

package/gallery/modern/components/image-viewer/component.js

@@ -9,7 +9,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
-import { s as styles, S as Slide } from '../../slide-d45d5b0f.js';
+import { s as styles, S as Slide } from '../../slide-cf2505ae.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/modern';
 import './paths.js';

package/gallery/modern/components/image-viewer/index.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
-import '../../slide-d45d5b0f.js';
+import '../../slide-cf2505ae.js';
 import '../../../../typography/modern';
 import './paths.js';
 import 'swiper/swiper.min.css';

package/gallery/modern/components/image-viewer/slide.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-d45d5b0f.js';
+export { S as Slide } from '../../slide-cf2505ae.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/modern/components/index.js

@@ -7,12 +7,8 @@ import '../context.js';
 import '../utils/utils.js';
 import '../utils/constants.js';
 import 'classnames';
-import '@alfalab/hooks';
-import './image-preview/paths.js';
-import './header-info-block/Component.js';
+import '../../../base-modal/modern';
 import '../../../typography/modern';
-import '../utils/split-filename.js';
-import '../buttons-4c270945.js';
 import '../../../icon-button/modern';
 import '../../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -22,8 +18,13 @@ import '@alfalab/icons-glyph/PointerDownMIcon';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
+import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-d45d5b0f.js';
+import '../slide-cf2505ae.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
+import './image-preview/paths.js';
+import './header-info-block/Component.js';
+import '../utils/split-filename.js';
+import '../buttons-7d48fdac.js';

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

@@ -4,7 +4,24 @@ import { getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import { ImagePreview } from '../image-preview/Component.js';
 import 'classnames';
+import '../../../../base-modal/modern';
+import '../../../../typography/modern';
+import '../../../../icon-button/modern';
+import '../../../../tooltip/modern/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
 import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../slide-cf2505ae.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';
 
 const styles = {"component":"gallery__component_1myob","preview":"gallery__preview_1myob"};

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

@@ -5,5 +5,22 @@ import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../image-preview/Component.js';
 import 'classnames';
+import '../../../../base-modal/modern';
+import '../../../../typography/modern';
+import '../../../../icon-button/modern';
+import '../../../../tooltip/modern/desktop';
+import '@alfalab/icons-glyph/ArrowsInwardMIcon';
+import '@alfalab/icons-glyph/ArrowsOutwardMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '@alfalab/icons-glyph/PointerDownMIcon';
+import '../image-viewer/component.js';
+import 'element-closest';
+import 'swiper';
+import 'swiper/react';
 import '@alfalab/hooks';
+import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
+import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
+import '../../slide-cf2505ae.js';
+import '../image-viewer/paths.js';
+import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -8,12 +8,7 @@ import './components/navigation-bar/Component.js';
 import './context.js';
 import './components/image-preview/Component.js';
 import 'classnames';
-import '@alfalab/hooks';
-import './components/image-preview/paths.js';
-import './components/header/Component.js';
-import './components/header-info-block/Component.js';
 import '../../typography/modern';
-import './buttons-4c270945.js';
 import '../../icon-button/modern';
 import '../../tooltip/modern/desktop';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -24,8 +19,13 @@ import './components/image-viewer/component.js';
 import 'element-closest';
 import 'swiper';
 import 'swiper/react';
+import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-d45d5b0f.js';
+import './slide-cf2505ae.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-7d48fdac.js';

package/icon-view/components/base-shape/index.css

@@ -58,14 +58,12 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
-
-    & svg,
-    .cc-cdn-icon {
+    transform: translate(-50%, -50%)
+} .icon-view__children_1jgz8 svg,
+    .icon-view__children_1jgz8 .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    }
-} .icon-view__addons_1jgz8 {
+    } .icon-view__addons_1jgz8 {
     display: flex;
     align-items: center;
     flex-shrink: 0;

package/icon-view/cssm/components/base-shape/index.module.css

@@ -57,14 +57,12 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
-
-    & svg,
-    :global(.cc-cdn-icon) {
+    transform: translate(-50%, -50%)
+} .children svg,
+    .children :global(.cc-cdn-icon) {
         width: 100%;
         height: 100%;
-    }
-} .addons {
+    } .addons {
     display: flex;
     align-items: center;
     flex-shrink: 0;

package/icon-view/esm/components/base-shape/index.css

@@ -58,14 +58,12 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
-
-    & svg,
-    .cc-cdn-icon {
+    transform: translate(-50%, -50%)
+} .icon-view__children_1jgz8 svg,
+    .icon-view__children_1jgz8 .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    }
-} .icon-view__addons_1jgz8 {
+    } .icon-view__addons_1jgz8 {
     display: flex;
     align-items: center;
     flex-shrink: 0;

package/icon-view/modern/components/base-shape/index.css

@@ -58,14 +58,12 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    transform: translate(-50%, -50%);
-
-    & svg,
-    .cc-cdn-icon {
+    transform: translate(-50%, -50%)
+} .icon-view__children_1jgz8 svg,
+    .icon-view__children_1jgz8 .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    }
-} .icon-view__addons_1jgz8 {
+    } .icon-view__addons_1jgz8 {
     display: flex;
     align-items: center;
     flex-shrink: 0;

package/input/cssm/shared/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/clear-button/index";
+export { getInputTestIds } from "../utils";

package/input/cssm/shared/index.js

@@ -1,7 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_clearButton_Component = require('../components/clear-button/Component.js');
+var utils = require('../utils.js');
 
 
 
 exports.ClearButton = components_clearButton_Component.ClearButton;
+exports.getInputTestIds = utils.getInputTestIds;

package/input/cssm/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+};
+export { getInputTestIds };

package/input/cssm/utils.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
+
+function getInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+
+exports.getInputTestIds = getInputTestIds;

package/input/esm/shared/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/clear-button/index";
+export { getInputTestIds } from "../utils";

package/input/esm/shared/index.js

@@ -1,5 +1,7 @@
 export { ClearButton } from '../components/clear-button/Component.js';
+export { getInputTestIds } from '../utils.js';
 import 'react';
 import 'classnames';
 import '../../../button/esm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../../../shared/esm';

package/input/esm/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+};
+export { getInputTestIds };

package/input/esm/utils.js

@@ -0,0 +1,15 @@
+import { getDataTestId } from '../../shared/esm';
+
+function getInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+
+export { getInputTestIds };

package/input/modern/shared/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/clear-button/index";
+export { getInputTestIds } from "../utils";

package/input/modern/shared/index.js

@@ -1,5 +1,7 @@
 export { ClearButton } from '../components/clear-button/Component.js';
+export { getInputTestIds } from '../utils.js';
 import 'react';
 import 'classnames';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../../../shared/modern';