@alfalab/core-components 41.7.0-beta.0 → 41.7.0-beta.2

package/confirmation/modern/components/base-confirmation/index.js

@@ -8,7 +8,7 @@ import '../../../../code-input/modern';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-9d0b43a1.js';
+import '../../countdown-section-8405043f.js';
 import '../../../../loader/modern';
 import '../screens/hint/component.js';
 import '../screens/fatal-error/component.js';

package/confirmation/modern/components/header/index.css

@@ -36,13 +36,13 @@
     --confirmation-header-font-feature-settings: normal
 } .confirmation__header_1rmso.confirmation__header_1rmso {
     margin-bottom: var(--gap-xl);
-} .confirmation__typography_1rmso.confirmation__typography_1rmso {
+} .confirmation__typography_1rmso.confirmation__typography_1rmso.confirmation__typography_1rmso {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-desktop-font-size);
     line-height: var(--confirmation-header-desktop-line-height);
     font-weight: var(--confirmation-header-desktop-font-weight);
     font-family: var(--confirmation-header-desktop-font-family);
-} .confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso {
+} .confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso.confirmation__typographyMobile_1rmso {
     font-feature-settings: var(--confirmation-header-font-feature-settings);
     font-size: var(--confirmation-header-mobile-font-size);
     line-height: var(--confirmation-header-mobile-line-height);

package/confirmation/modern/components/index.js

@@ -12,6 +12,6 @@ import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../context.js';
 import './header/component.js';
-import '../countdown-section-9d0b43a1.js';
+import '../countdown-section-8405043f.js';
 import '../../../loader/modern';
 import '../utils.js';

package/confirmation/modern/components/screens/index.js

@@ -11,7 +11,7 @@ import '../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../context.js';
 import '../header/component.js';
-import '../../countdown-section-9d0b43a1.js';
+import '../../countdown-section-8405043f.js';
 import '../../../../loader/modern';
 import '../countdown-loader/component.js';
 import '../../utils.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -7,7 +7,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-9d0b43a1.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-8405043f.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';
 

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../loader/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-9d0b43a1.js';
+export { C as CountdownSection } from '../../../countdown-section-8405043f.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -8,6 +8,6 @@ import '../../../../../typography/modern';
 import '@alfalab/hooks';
 import '../../../context.js';
 import '../../header/component.js';
-import '../../../countdown-section-9d0b43a1.js';
+import '../../../countdown-section-8405043f.js';
 import '../../../../../loader/modern';
 import '../../../utils.js';

package/confirmation/modern/desktop.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-8405043f.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/index.js

@@ -18,5 +18,5 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-8405043f.js';
 import '../../loader/modern';

package/confirmation/modern/mobile.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-8405043f.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/modern/responsive.js

@@ -9,7 +9,7 @@ import '../../code-input/modern';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-9d0b43a1.js';
+import './countdown-section-8405043f.js';
 import '../../loader/modern';
 import './components/screens/hint/component.js';
 import './components/screens/fatal-error/component.js';

package/confirmation/responsive.js

@@ -16,7 +16,7 @@ require('../code-input');
 require('../link');
 require('../typography');
 require('./components/header/component.js');
-require('./countdown-section-a79554b5.js');
+require('./countdown-section-15b62b1a.js');
 require('../loader');
 require('./components/screens/hint/component.js');
 require('./components/screens/fatal-error/component.js');

package/gallery/Component.js

@@ -15,7 +15,7 @@ require('./components/image-preview/paths.js');
 require('./components/header-info-block/Component.js');
 require('../typography');
 require('./utils/split-filename.js');
-require('./buttons-1503c7be.js');
+require('./buttons-516707a6.js');
 require('tslib');
 require('../icon-button');
 require('../tooltip');
@@ -28,7 +28,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-84d75c58.js');
+require('./slide-d851de9a.js');
 require('./components/image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

package/gallery/components/header/Component.js

@@ -5,7 +5,7 @@ var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-var components_header_buttons = require('../../buttons-1503c7be.js');
+var components_header_buttons = require('../../buttons-516707a6.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
 require('tslib');

package/gallery/components/header/buttons.js

@@ -8,7 +8,7 @@ require('@alfalab/icons-glyph/ArrowsInwardMIcon');
 require('@alfalab/icons-glyph/ArrowsOutwardMIcon');
 require('@alfalab/icons-glyph/CrossMIcon');
 require('@alfalab/icons-glyph/PointerDownMIcon');
-var components_header_buttons = require('../../buttons-1503c7be.js');
+var components_header_buttons = require('../../buttons-516707a6.js');
 
 
 

package/gallery/components/header/index.js

@@ -8,7 +8,7 @@ require('../../utils/constants.js');
 require('../header-info-block/Component.js');
 require('../../../typography');
 require('../../utils/split-filename.js');
-require('../../buttons-1503c7be.js');
+require('../../buttons-516707a6.js');
 require('tslib');
 require('../../../icon-button');
 require('../../../tooltip');

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

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-84d75c58.js');
+var components_imageViewer_slide = require('../../slide-d851de9a.js');
 require('swiper/swiper.min.css');
 require('../../../typography');
 require('./paths.js');

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

@@ -13,7 +13,7 @@ require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
 require('../../context.js');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
-require('../../slide-84d75c58.js');
+require('../../slide-d851de9a.js');
 require('../../../typography');
 require('./paths.js');
 require('swiper/swiper.min.css');

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

@@ -6,7 +6,7 @@ require('../../../typography');
 require('../../utils/utils.js');
 require('../../utils/constants.js');
 require('./paths.js');
-var components_imageViewer_slide = require('../../slide-84d75c58.js');
+var components_imageViewer_slide = require('../../slide-d851de9a.js');
 
 
 

package/gallery/components/index.js

@@ -11,7 +11,7 @@ require('../utils/constants.js');
 require('./header-info-block/Component.js');
 require('../../typography');
 require('../utils/split-filename.js');
-require('../buttons-1503c7be.js');
+require('../buttons-516707a6.js');
 require('tslib');
 require('../../icon-button');
 require('../../tooltip');
@@ -27,7 +27,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../slide-84d75c58.js');
+require('../slide-d851de9a.js');
 require('./image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

package/gallery/esm/Component.js

@@ -9,7 +9,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import './components/image-preview/Component.js';
 import './components/header-info-block/Component.js';
 import '../../typography/esm';
-import './buttons-ab7293fb.js';
+import './buttons-1fe9b539.js';
 import 'tslib';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
@@ -22,7 +22,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-c3ec5004.js';
+import './slide-728434da.js';
 import 'swiper/swiper.min.css';
 import './utils/utils.js';
 import './utils/constants.js';

package/gallery/esm/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-ab7293fb.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-1fe9b539.js';
 import '../../../../typography/esm';
 import 'tslib';
 import '../../../../icon-button/esm';

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

@@ -6,4 +6,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-ab7293fb.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-1fe9b539.js';

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

@@ -3,7 +3,7 @@ import 'react';
 import '../../context.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/esm';
-import '../../buttons-ab7293fb.js';
+import '../../buttons-1fe9b539.js';
 import 'tslib';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';

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-c3ec5004.js';
+import { s as styles, S as Slide } from '../../slide-728434da.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/esm';
 import './paths.js';

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

@@ -9,7 +9,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
-import '../../slide-c3ec5004.js';
+import '../../slide-728434da.js';
 import '../../../../typography/esm';
 import 'swiper/swiper.min.css';
 import '../../utils/utils.js';

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-c3ec5004.js';
+export { S as Slide } from '../../slide-728434da.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/esm/components/index.js

@@ -6,7 +6,7 @@ import 'react';
 import '../context.js';
 import './header-info-block/Component.js';
 import '../../../typography/esm';
-import '../buttons-ab7293fb.js';
+import '../buttons-1fe9b539.js';
 import 'tslib';
 import '../../../icon-button/esm';
 import '../../../tooltip/esm';
@@ -21,7 +21,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-c3ec5004.js';
+import '../slide-728434da.js';
 import 'swiper/swiper.min.css';
 import '../utils/utils.js';
 import '../utils/constants.js';

package/gallery/esm/index.js

@@ -10,7 +10,7 @@ import './components/image-preview/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 import './components/header-info-block/Component.js';
-import './buttons-ab7293fb.js';
+import './buttons-1fe9b539.js';
 import '../../typography/esm';
 import 'tslib';
 import '../../icon-button/esm';
@@ -25,7 +25,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-c3ec5004.js';
+import './slide-728434da.js';
 import 'swiper/swiper.min.css';
 import './components/header/Component.js';
 import './components/image-preview/paths.js';

package/gallery/index.js

@@ -15,7 +15,7 @@ require('./components/image-preview/paths.js');
 require('./components/header/Component.js');
 require('./components/header-info-block/Component.js');
 require('../typography');
-require('./buttons-1503c7be.js');
+require('./buttons-516707a6.js');
 require('tslib');
 require('../icon-button');
 require('../tooltip');
@@ -29,7 +29,7 @@ require('swiper');
 require('swiper/react');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-84d75c58.js');
+require('./slide-d851de9a.js');
 require('./components/image-viewer/paths.js');
 require('swiper/swiper.min.css');
 

package/gallery/modern/Component.js

@@ -9,7 +9,7 @@ import { ImageViewer } from './components/image-viewer/component.js';
 import './components/image-preview/Component.js';
 import './components/header-info-block/Component.js';
 import '../../typography/modern';
-import './buttons-074c8574.js';
+import './buttons-cdedab5b.js';
 import '../../icon-button/modern';
 import '../../tooltip/modern';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -21,7 +21,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-4efeb742.js';
+import './slide-53937891.js';
 import 'swiper/swiper.min.css';
 import './utils/utils.js';
 import './utils/constants.js';

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-074c8574.js';
+import { s as styles, D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-cdedab5b.js';
 import '../../../../typography/modern';
 import '../../../../icon-button/modern';
 import '../../../../tooltip/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-074c8574.js';
+export { D as Download, E as Exit, a as ExitFullscreen, F as Fullscreen } from '../../buttons-cdedab5b.js';

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

@@ -3,7 +3,7 @@ import 'react';
 import '../../context.js';
 import '../header-info-block/Component.js';
 import '../../../../typography/modern';
-import '../../buttons-074c8574.js';
+import '../../buttons-cdedab5b.js';
 import '../../../../icon-button/modern';
 import '../../../../tooltip/modern';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';

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-4efeb742.js';
+import { s as styles, S as Slide } from '../../slide-53937891.js';
 import 'swiper/swiper.min.css';
 import '../../../../typography/modern';
 import './paths.js';

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

@@ -8,7 +8,7 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
-import '../../slide-4efeb742.js';
+import '../../slide-53937891.js';
 import '../../../../typography/modern';
 import 'swiper/swiper.min.css';
 import '../../utils/utils.js';

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-4efeb742.js';
+export { S as Slide } from '../../slide-53937891.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import './paths.js';

package/gallery/modern/components/index.js

@@ -6,7 +6,7 @@ import 'react';
 import '../context.js';
 import './header-info-block/Component.js';
 import '../../../typography/modern';
-import '../buttons-074c8574.js';
+import '../buttons-cdedab5b.js';
 import '../../../icon-button/modern';
 import '../../../tooltip/modern';
 import '@alfalab/icons-glyph/ArrowsInwardMIcon';
@@ -20,7 +20,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-4efeb742.js';
+import '../slide-53937891.js';
 import 'swiper/swiper.min.css';
 import '../utils/utils.js';
 import '../utils/constants.js';

package/gallery/modern/index.js

@@ -10,7 +10,7 @@ import './components/image-preview/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 import './components/header-info-block/Component.js';
-import './buttons-074c8574.js';
+import './buttons-cdedab5b.js';
 import '../../typography/modern';
 import '../../icon-button/modern';
 import '../../tooltip/modern';
@@ -24,7 +24,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-4efeb742.js';
+import './slide-53937891.js';
 import 'swiper/swiper.min.css';
 import './components/header/Component.js';
 import './components/image-preview/paths.js';

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

@@ -2,11 +2,19 @@
 import React from 'react';
 import { ElementType, ReactNode } from "react";
 import { PathsMap } from "./utils";
+type Border = {
+    width?: number;
+    color?: string;
+    style?: 'solid' | 'dashed' | 'dotted';
+};
 type BaseShapeProps = {
     /**
      * Размер компонента
      */
-    size?: number;
+    size?: number | {
+        width: number;
+        height: number;
+    };
     /**
      * Цвет заливки
      * @default #f3f4f5
@@ -16,7 +24,7 @@ type BaseShapeProps = {
      * Видимость обводки
      * @default false
      */
-    border?: boolean;
+    border?: boolean | Border;
     /**
      * Фоновое изображение. Имеет приоритет над иконкой и заливкой
      */
@@ -53,6 +61,10 @@ type BaseShapeProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Текст
+     */
+    text?: ReactNode;
 };
 declare const BaseShape: React.ForwardRefExoticComponent<BaseShapeProps & React.RefAttributes<HTMLDivElement>>;
 export { BaseShapeProps, BaseShape };

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

@@ -10,23 +10,24 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_j6ogi","component":"icon-view__component_j6ogi","bg":"icon-view__bg_j6ogi","border":"icon-view__border_j6ogi","children":"icon-view__children_j6ogi","addons":"icon-view__addons_j6ogi","size_128":"icon-view__size_128_j6ogi","topAddons":"icon-view__topAddons_j6ogi","bottomAddons":"icon-view__bottomAddons_j6ogi","size_80":"icon-view__size_80_j6ogi","indicator":"icon-view__indicator_j6ogi","size_64":"icon-view__size_64_j6ogi","size_48":"icon-view__size_48_j6ogi","size_40":"icon-view__size_40_j6ogi","size_32":"icon-view__size_32_j6ogi","size_24":"icon-view__size_24_j6ogi","size_20":"icon-view__size_20_j6ogi"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_j6ogi","component":"icon-view__component_j6ogi","bg":"icon-view__bg_j6ogi","border":"icon-view__border_j6ogi","text":"icon-view__text_j6ogi","children":"icon-view__children_j6ogi","addons":"icon-view__addons_j6ogi","size_128":"icon-view__size_128_j6ogi","topAddons":"icon-view__topAddons_j6ogi","bottomAddons":"icon-view__bottomAddons_j6ogi","size_80":"icon-view__size_80_j6ogi","indicator":"icon-view__indicator_j6ogi","size_64":"icon-view__size_64_j6ogi","size_48":"icon-view__size_48_j6ogi","size_40":"icon-view__size_40_j6ogi","size_32":"icon-view__size_32_j6ogi","size_24":"icon-view__size_24_j6ogi","size_20":"icon-view__size_20_j6ogi"};
 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, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
+    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, text = _a.text, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, indicator = _a.indicator, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
+    var _d = typeof size === 'object' ? [size.width, size.height] : [size, size], width = _d[0], height = _d[1];
     var imagePatternId = hooks.useId();
-    var svgPatternId = Icon && "svg_".concat(size);
-    var hasTopAddons = Boolean(topAddons) && size > 32;
-    var hasBottomAddons = Boolean(bottomAddons) && size > 32;
-    var hasIndicator = Boolean(indicator) && size < 128;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.componentWrapper, styles["size_".concat(size)], className), ref: ref, "data-test-id": dataTestId },
+    var svgPatternId = hooks.useId();
+    var hasTopAddons = Boolean(topAddons) && width > 32;
+    var hasBottomAddons = Boolean(bottomAddons) && width > 32;
+    var hasIndicator = Boolean(indicator) && width < 128;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.componentWrapper, styles["size_".concat(Math.max(width, height))], className), ref: ref, "data-test-id": dataTestId },
         React__default.default.createElement("div", { className: styles.component },
-            React__default.default.createElement("svg", { width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), xmlns: 'http://www.w3.org/2000/svg', focusable: false },
+            React__default.default.createElement("svg", { width: width, height: height, viewBox: "0 0 ".concat(width, " ").concat(height), xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 React__default.default.createElement("path", { className: styles.bg, style: {
                         fill: backgroundColor,
                     }, d: components_baseShape_utils.getPath({
-                        size: size,
+                        size: Math.max(width, height),
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
@@ -39,33 +40,39 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(imagePatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: size,
+                            size: Math.max(width, height),
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                Icon && !imageUrl && (React__default.default.createElement(React.Fragment, null,
+                Icon && (React__default.default.createElement(React.Fragment, null,
                     React__default.default.createElement("defs", null,
                         React__default.default.createElement("pattern", { id: svgPatternId, width: '100%', height: '100%' },
-                            React__default.default.createElement(Icon, { width: size, height: size }))),
+                            React__default.default.createElement(Icon, { width: width, height: height }))),
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(svgPatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: size,
+                            size: Math.max(width, height),
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                border && (React__default.default.createElement("path", { className: styles.border, d: components_baseShape_utils.getPath({
-                        size: size,
+                border && (React__default.default.createElement("path", { className: styles.border, style: typeof border === 'object'
+                        ? {
+                            stroke: border.color,
+                            strokeWidth: border.width,
+                        }
+                        : undefined, d: components_baseShape_utils.getPath({
+                        size: Math.max(width, height),
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
                         pathsMap: pathsMap.border,
                     }) }))),
-            !imageUrl && !Icon && React__default.default.createElement("div", { className: styles.children }, children)),
+            text && React__default.default.createElement("div", { className: styles.text }, text),
+            children && React__default.default.createElement("div", { className: styles.children }, 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))));