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

package/hatching-progress-bar/index.css

@@ -255,6 +255,10 @@
     --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
     --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
     --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
+    --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
+    --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
     --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
     --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -407,6 +411,10 @@
     --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
     --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
     --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
     --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
     --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);

package/hatching-progress-bar/modern/index.css

@@ -255,6 +255,10 @@
     --color-dark-bg-secondary-inverted-tint-7: rgb(244, 245, 246);
     --color-dark-bg-secondary-inverted-tint-15: rgb(245, 246, 246);
     --color-dark-bg-tertiary-tint-7: rgb(59, 59, 61);
+    --color-dark-border-key-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-dark-border-key-alpha-15: rgba(255, 255, 255, 0.15);
+    --color-dark-border-key-inverted-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-dark-border-key-inverted-alpha-15: rgba(0, 0, 0, 0.15);
     --color-dark-border-underline-alpha-30: rgba(70, 70, 73, 0.3);
     --color-dark-border-underline-inverted-alpha-30: rgba(197, 197, 199, 0.3);
     --color-dark-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);
@@ -407,6 +411,10 @@
     --color-light-bg-secondary-inverted-shade-7: rgb(30, 30, 32);
     --color-light-bg-secondary-inverted-shade-15: rgb(27, 27, 29);
     --color-light-bg-tertiary-shade-7: rgb(217, 217, 219);
+    --color-light-border-key-alpha-7: rgba(0, 0, 0, 0.07);
+    --color-light-border-key-alpha-15: rgba(0, 0, 0, 0.15);
+    --color-light-border-key-inverted-alpha-7: rgba(255, 255, 255, 0.07);
+    --color-light-border-key-inverted-alpha-15: rgba(255, 255, 255, 0.15);
     --color-light-border-underline-alpha-30: rgba(197, 197, 199, 0.3);
     --color-light-border-underline-inverted-alpha-30: rgba(70, 70, 73, 0.3);
     --color-light-graphic-accent-alpha-30: rgba(239, 49, 36, 0.3);

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

@@ -2,19 +2,11 @@
 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 | {
-        width: number;
-        height: number;
-    };
+    size?: number;
     /**
      * Цвет заливки
      * @default #f3f4f5
@@ -24,7 +16,7 @@ type BaseShapeProps = {
      * Видимость обводки
      * @default false
      */
-    border?: boolean | Border;
+    border?: boolean;
     /**
      * Фоновое изображение. Имеет приоритет над иконкой и заливкой
      */
@@ -61,10 +53,6 @@ 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,24 +10,23 @@ 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","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"};
+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"};
 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, 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 _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 imagePatternId = hooks.useId();
-    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 },
+    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 },
         React__default.default.createElement("div", { className: styles.component },
-            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("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("path", { className: styles.bg, style: {
                         fill: backgroundColor,
                     }, d: components_baseShape_utils.getPath({
-                        size: Math.max(width, height),
+                        size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
@@ -40,39 +39,33 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(imagePatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: Math.max(width, height),
+                            size: size,
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                Icon && (React__default.default.createElement(React.Fragment, null,
+                Icon && !imageUrl && (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: width, height: height }))),
+                            React__default.default.createElement(Icon, { width: size, height: size }))),
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(svgPatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: Math.max(width, height),
+                            size: size,
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                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),
+                border && (React__default.default.createElement("path", { className: styles.border, d: components_baseShape_utils.getPath({
+                        size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
                         pathsMap: pathsMap.border,
                     }) }))),
-            text && React__default.default.createElement("div", { className: styles.text }, text),
-            children && React__default.default.createElement("div", { className: styles.children }, children)),
+            !imageUrl && !Icon && 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))));

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

@@ -25,10 +25,7 @@
     display: inline-flex;
 } .icon-view__component_j6ogi {
     display: flex;
-    align-items: center;
-    justify-content: center;
     position: relative;
-    overflow: hidden;
     color: var(--icon-view-color);
 } .icon-view__bg_j6ogi {
     fill: var(--icon-view-bg-color);
@@ -36,17 +33,6 @@
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_j6ogi {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    overflow: hidden;
-    text-align: center;
 } .icon-view__children_j6ogi {
     display: flex;
     justify-content: center;
@@ -65,9 +51,6 @@
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_j6ogi {
-    width: 128px;
-    height: 128px
 } .icon-view__size_128_j6ogi .icon-view__children_j6ogi {
         width: 64px;
         height: 64px;
@@ -80,10 +63,7 @@
     } .icon-view__size_128_j6ogi .icon-view__bottomAddons_j6ogi {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_j6ogi {
-    width: 80px;
-    height: 80px
-} .icon-view__size_80_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_80_j6ogi .icon-view__children_j6ogi {
         width: 48px;
         height: 48px;
     } .icon-view__size_80_j6ogi .icon-view__addons_j6ogi {
@@ -98,10 +78,7 @@
     } .icon-view__size_80_j6ogi .icon-view__indicator_j6ogi {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_j6ogi {
-    width: 64px;
-    height: 64px
-} .icon-view__size_64_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_64_j6ogi .icon-view__children_j6ogi {
         width: 32px;
         height: 32px;
     } .icon-view__size_64_j6ogi .icon-view__addons_j6ogi {
@@ -116,10 +93,7 @@
     } .icon-view__size_64_j6ogi .icon-view__indicator_j6ogi {
         top: -8px;
         right: -16px;
-    } .icon-view__size_48_j6ogi {
-    width: 48px;
-    height: 48px
-} .icon-view__size_48_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_48_j6ogi .icon-view__children_j6ogi {
         width: 24px;
         height: 24px;
     } .icon-view__size_48_j6ogi .icon-view__addons_j6ogi {
@@ -134,10 +108,7 @@
     } .icon-view__size_48_j6ogi .icon-view__indicator_j6ogi {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_j6ogi {
-    width: 40px;
-    height: 40px
-} .icon-view__size_40_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_40_j6ogi .icon-view__children_j6ogi {
         width: 24px;
         height: 24px;
     } .icon-view__size_40_j6ogi .icon-view__addons_j6ogi {
@@ -152,28 +123,19 @@
     } .icon-view__size_40_j6ogi .icon-view__indicator_j6ogi {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_j6ogi {
-    width: 32px;
-    height: 32px
-} .icon-view__size_32_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_32_j6ogi .icon-view__children_j6ogi {
         width: 24px;
         height: 24px;
     } .icon-view__size_32_j6ogi .icon-view__indicator_j6ogi {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_j6ogi {
-    width: 24px;
-    height: 24px
-} .icon-view__size_24_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_24_j6ogi .icon-view__children_j6ogi {
         width: 24px;
         height: 24px;
     } .icon-view__size_24_j6ogi .icon-view__indicator_j6ogi {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_j6ogi {
-    width: 20px;
-    height: 20px
-} .icon-view__size_20_j6ogi .icon-view__children_j6ogi {
+    } .icon-view__size_20_j6ogi .icon-view__children_j6ogi {
         width: 16px;
         height: 16px;
     } .icon-view__size_20_j6ogi .icon-view__indicator_j6ogi {

package/icon-view/components/index.d.ts

@@ -1,5 +1,3 @@
 export * from "./super-ellipse/index";
 export * from "./circle/index";
-export * from "./rectangle/index";
-export * from "./no-shape/index";
 export * from "./base-shape/index";

package/icon-view/components/index.js

@@ -2,15 +2,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_superEllipse_component = require('./super-ellipse/component.js');
 var components_circle_component = require('./circle/component.js');
-var components_rectangle_component = require('./rectangle/component.js');
-var components_noShape_component = require('./no-shape/component.js');
 var components_baseShape_component = require('./base-shape/component.js');
 require('tslib');
 require('react');
 require('./super-ellipse/paths.js');
 require('./circle/paths.js');
-require('./rectangle/paths.js');
-require('./no-shape/paths.js');
 require('classnames');
 require('@alfalab/hooks');
 require('./base-shape/utils.js');
@@ -19,6 +15,4 @@ require('./base-shape/utils.js');
 
 exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
 exports.Circle = components_circle_component.Circle;
-exports.Rectangle = components_rectangle_component.Rectangle;
-exports.NoShape = components_noShape_component.NoShape;
 exports.BaseShape = components_baseShape_component.BaseShape;

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

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

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

@@ -13,20 +13,19 @@ 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, 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 _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 imagePatternId = hooks.useId();
-    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__default.default.componentWrapper, styles__default.default["size_".concat(Math.max(width, height))], className), ref: ref, "data-test-id": dataTestId },
+    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__default.default.componentWrapper, styles__default.default["size_".concat(size)], className), ref: ref, "data-test-id": dataTestId },
         React__default.default.createElement("div", { className: styles__default.default.component },
-            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("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("path", { className: styles__default.default.bg, style: {
                         fill: backgroundColor,
                     }, d: components_baseShape_utils.getPath({
-                        size: Math.max(width, height),
+                        size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
@@ -39,39 +38,33 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(imagePatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: Math.max(width, height),
+                            size: size,
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                Icon && (React__default.default.createElement(React.Fragment, null,
+                Icon && !imageUrl && (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: width, height: height }))),
+                            React__default.default.createElement(Icon, { width: size, height: size }))),
                     React__default.default.createElement("path", { style: {
                             fill: "url(#".concat(svgPatternId, ")"),
                         }, d: components_baseShape_utils.getPath({
-                            size: Math.max(width, height),
+                            size: size,
                             hasTopAddons: hasTopAddons,
                             hasBottomAddons: hasBottomAddons,
                             hasIndicator: hasIndicator,
                             pathsMap: pathsMap.shape,
                         }) }))),
-                border && (React__default.default.createElement("path", { className: styles__default.default.border, style: typeof border === 'object'
-                        ? {
-                            stroke: border.color,
-                            strokeWidth: border.width,
-                        }
-                        : undefined, d: components_baseShape_utils.getPath({
-                        size: Math.max(width, height),
+                border && (React__default.default.createElement("path", { className: styles__default.default.border, d: components_baseShape_utils.getPath({
+                        size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         hasIndicator: hasIndicator,
                         pathsMap: pathsMap.border,
                     }) }))),
-            text && React__default.default.createElement("div", { className: styles__default.default.text }, text),
-            children && React__default.default.createElement("div", { className: styles__default.default.children }, children)),
+            !imageUrl && !Icon && React__default.default.createElement("div", { className: styles__default.default.children }, 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/cssm/components/base-shape/index.module.css

@@ -24,10 +24,7 @@
     display: inline-flex;
 } .component {
     display: flex;
-    align-items: center;
-    justify-content: center;
     position: relative;
-    overflow: hidden;
     color: var(--icon-view-color);
 } .bg {
     fill: var(--icon-view-bg-color);
@@ -35,17 +32,6 @@
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
-} .text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    left: 0;
-    top: 0;
-    overflow: hidden;
-    text-align: center;
 } .children {
     display: flex;
     justify-content: center;
@@ -64,9 +50,6 @@
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .size_128 {
-    width: 128px;
-    height: 128px
 } .size_128 .children {
         width: 64px;
         height: 64px;
@@ -79,10 +62,7 @@
     } .size_128 .bottomAddons {
         bottom: -8px;
         right: -8px;
-    } .size_80 {
-    width: 80px;
-    height: 80px
-} .size_80 .children {
+    } .size_80 .children {
         width: 48px;
         height: 48px;
     } .size_80 .addons {
@@ -97,10 +77,7 @@
     } .size_80 .indicator {
         top: -6px;
         right: -14px;
-    } .size_64 {
-    width: 64px;
-    height: 64px
-} .size_64 .children {
+    } .size_64 .children {
         width: 32px;
         height: 32px;
     } .size_64 .addons {
@@ -115,10 +92,7 @@
     } .size_64 .indicator {
         top: -8px;
         right: -16px;
-    } .size_48 {
-    width: 48px;
-    height: 48px
-} .size_48 .children {
+    } .size_48 .children {
         width: 24px;
         height: 24px;
     } .size_48 .addons {
@@ -133,10 +107,7 @@
     } .size_48 .indicator {
         top: -7px;
         right: -13px;
-    } .size_40 {
-    width: 40px;
-    height: 40px
-} .size_40 .children {
+    } .size_40 .children {
         width: 24px;
         height: 24px;
     } .size_40 .addons {
@@ -151,28 +122,19 @@
     } .size_40 .indicator {
         top: -7px;
         right: -13px;
-    } .size_32 {
-    width: 32px;
-    height: 32px
-} .size_32 .children {
+    } .size_32 .children {
         width: 24px;
         height: 24px;
     } .size_32 .indicator {
         top: -2px;
         right: -2px;
-    } .size_24 {
-    width: 24px;
-    height: 24px
-} .size_24 .children {
+    } .size_24 .children {
         width: 24px;
         height: 24px;
     } .size_24 .indicator {
         top: -2px;
         right: -2px;
-    } .size_20 {
-    width: 20px;
-    height: 20px
-} .size_20 .children {
+    } .size_20 .children {
         width: 16px;
         height: 16px;
     } .size_20 .indicator {

package/icon-view/cssm/components/index.d.ts

@@ -1,5 +1,3 @@
 export * from "./super-ellipse/index";
 export * from "./circle/index";
-export * from "./rectangle/index";
-export * from "./no-shape/index";
 export * from "./base-shape/index";

package/icon-view/cssm/components/index.js

@@ -2,15 +2,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_superEllipse_component = require('./super-ellipse/component.js');
 var components_circle_component = require('./circle/component.js');
-var components_rectangle_component = require('./rectangle/component.js');
-var components_noShape_component = require('./no-shape/component.js');
 var components_baseShape_component = require('./base-shape/component.js');
 require('tslib');
 require('react');
 require('./super-ellipse/paths.js');
 require('./circle/paths.js');
-require('./rectangle/paths.js');
-require('./no-shape/paths.js');
 require('classnames');
 require('@alfalab/hooks');
 require('./base-shape/utils.js');
@@ -20,6 +16,4 @@ require('./base-shape/index.module.css');
 
 exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
 exports.Circle = components_circle_component.Circle;
-exports.Rectangle = components_rectangle_component.Rectangle;
-exports.NoShape = components_noShape_component.NoShape;
 exports.BaseShape = components_baseShape_component.BaseShape;

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

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