@alfalab/core-components 44.2.0 → 44.4.0-beta.0

package/icon-button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1ftfm */
+/* hash: pl9o7 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500-inverted: #fff;
@@ -74,50 +74,50 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_s6yi7 {
+} .cc-icon-button.icon-button__primary_fvtdu {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_s6yi7:hover {
+    } .cc-icon-button.icon-button__primary_fvtdu:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_s6yi7:active {
+        } .cc-icon-button.icon-button__primary_fvtdu:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_s6yi7 {
+        } .cc-icon-button.icon-button__secondary_fvtdu {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_s6yi7:hover {
+    } .cc-icon-button.icon-button__secondary_fvtdu:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_s6yi7:active {
+        } .cc-icon-button.icon-button__secondary_fvtdu:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_s6yi7 {
+        } .cc-icon-button.icon-button__transparent_fvtdu {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_s6yi7:hover {
+    } .cc-icon-button.icon-button__transparent_fvtdu:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_s6yi7:active {
+        } .cc-icon-button.icon-button__transparent_fvtdu:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_s6yi7 {
+        } .cc-icon-button.icon-button__negative_fvtdu {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_s6yi7:hover {
+    } .cc-icon-button.icon-button__negative_fvtdu:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_s6yi7:active {
+        } .cc-icon-button.icon-button__negative_fvtdu:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_s6yi7 {
+        } .cc-icon-button.icon-button__tertiary_fvtdu {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_s6yi7:hover {
+    } .cc-icon-button.icon-button__tertiary_fvtdu:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_s6yi7:active {
+        } .cc-icon-button.icon-button__tertiary_fvtdu:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__primary_s6yi7 {
+        } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__primary_fvtdu {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__primary_s6yi7.icon-button__loader_s6yi7 {
+        } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__primary_fvtdu.icon-button__loader_fvtdu {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__secondary_s6yi7 {
+            } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__secondary_fvtdu {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__secondary_s6yi7.icon-button__loader_s6yi7 {
+        } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__secondary_fvtdu.icon-button__loader_fvtdu {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__negative_s6yi7 {
+            } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__negative_fvtdu {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__negative_s6yi7.icon-button__loader_s6yi7 {
+        } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__negative_fvtdu.icon-button__loader_fvtdu {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__tertiary_s6yi7 {
+            } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__tertiary_fvtdu {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_s6yi7:disabled.icon-button__tertiary_s6yi7.icon-button__loader_s6yi7 {
+        } .cc-icon-button.icon-button__component_fvtdu:disabled.icon-button__tertiary_fvtdu.icon-button__loader_fvtdu {
                 color: var(--icon-button-inverted-tertiary-base-color);
             }

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

@@ -69,6 +69,10 @@ type BaseShapeProps = {
      * Текст
      */
     text?: ReactNode;
+    /**
+     * Размер основного слота
+     */
+    mainSize?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128;
 };
 declare const BaseShape: React.ForwardRefExoticComponent<BaseShapeProps & React.RefAttributes<HTMLDivElement>>;
 export { BaseShapeProps, BaseShape };

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

@@ -10,11 +10,11 @@ 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_1avi8","component":"icon-view__component_1avi8","bg":"icon-view__bg_1avi8","border":"icon-view__border_1avi8","text":"icon-view__text_1avi8","children":"icon-view__children_1avi8","addons":"icon-view__addons_1avi8","size_128":"icon-view__size_128_1avi8","topAddons":"icon-view__topAddons_1avi8","bottomAddons":"icon-view__bottomAddons_1avi8","size_80":"icon-view__size_80_1avi8","indicator":"icon-view__indicator_1avi8","size_64":"icon-view__size_64_1avi8","size_48":"icon-view__size_48_1avi8","size_40":"icon-view__size_40_1avi8","size_32":"icon-view__size_32_1avi8","size_24":"icon-view__size_24_1avi8","size_20":"icon-view__size_20_1avi8"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_mky3z","component":"icon-view__component_mky3z","bg":"icon-view__bg_mky3z","border":"icon-view__border_mky3z","text":"icon-view__text_mky3z","children":"icon-view__children_mky3z","addons":"icon-view__addons_mky3z","size_128":"icon-view__size_128_mky3z","topAddons":"icon-view__topAddons_mky3z","bottomAddons":"icon-view__bottomAddons_mky3z","size_80":"icon-view__size_80_mky3z","indicator":"icon-view__indicator_mky3z","size_64":"icon-view__size_64_mky3z","size_56":"icon-view__size_56_mky3z","size_48":"icon-view__size_48_mky3z","size_40":"icon-view__size_40_mky3z","size_32":"icon-view__size_32_mky3z","size_24":"icon-view__size_24_mky3z","size_20":"icon-view__size_20_mky3z","size_16":"icon-view__size_16_mky3z","size-16":"icon-view__size-16_mky3z","size-20":"icon-view__size-20_mky3z","size-24":"icon-view__size-24_mky3z","size-32":"icon-view__size-32_mky3z","size-40":"icon-view__size-40_mky3z","size-48":"icon-view__size-48_mky3z","size-56":"icon-view__size-56_mky3z","size-64":"icon-view__size-64_mky3z","size-80":"icon-view__size-80_mky3z","size-128":"icon-view__size-128_mky3z"};
 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;
+    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 imagePatternId = hooks.useId();
     var svgPatternId = hooks.useId();
@@ -72,7 +72,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: styles.children }, 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/components/base-shape/index.css

@@ -1,4 +1,4 @@
-/* hash: 7o07y */
+/* hash: 1nge7 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-100: #f2f3f5;
@@ -20,26 +20,26 @@
 } :root {
     --icon-view-color: var(--color-light-neutral-translucent-700);
     --icon-view-bg-color: var(--color-light-neutral-100);
-} .icon-view__componentWrapper_1avi8 {
+} .icon-view__componentWrapper_mky3z {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_1avi8 {
+} .icon-view__component_mky3z {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_1avi8 > svg {
+} .icon-view__component_mky3z > svg {
         vertical-align: top;
-    } .icon-view__bg_1avi8 {
+    } .icon-view__bg_mky3z {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_1avi8 {
+} .icon-view__border_mky3z {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_1avi8 {
+} .icon-view__text_mky3z {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_1avi8 {
+} .icon-view__children_mky3z {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -65,124 +65,181 @@
         width: 100%;
         height: 100%;
     }
-} .icon-view__addons_1avi8 {
+} .icon-view__addons_mky3z {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_1avi8 {
+} .icon-view__size_128_mky3z {
     width: 128px;
     height: 128px
-} .icon-view__size_128_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_128_mky3z .icon-view__children_mky3z {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_1avi8 .icon-view__addons_1avi8 {
+    } .icon-view__size_128_mky3z .icon-view__addons_mky3z {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_1avi8 .icon-view__topAddons_1avi8 {
+    } .icon-view__size_128_mky3z .icon-view__topAddons_mky3z {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_1avi8 .icon-view__bottomAddons_1avi8 {
+    } .icon-view__size_128_mky3z .icon-view__bottomAddons_mky3z {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_1avi8 {
+    } .icon-view__size_80_mky3z {
     width: 80px;
     height: 80px
-} .icon-view__size_80_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_80_mky3z .icon-view__children_mky3z {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_1avi8 .icon-view__addons_1avi8 {
+    } .icon-view__size_80_mky3z .icon-view__addons_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_1avi8 .icon-view__topAddons_1avi8 {
+    } .icon-view__size_80_mky3z .icon-view__topAddons_mky3z {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_1avi8 .icon-view__bottomAddons_1avi8 {
+    } .icon-view__size_80_mky3z .icon-view__bottomAddons_mky3z {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_80_mky3z .icon-view__indicator_mky3z {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_1avi8 {
+    } .icon-view__size_64_mky3z {
     width: 64px;
     height: 64px
-} .icon-view__size_64_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_64_mky3z .icon-view__children_mky3z {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_1avi8 .icon-view__addons_1avi8 {
+    } .icon-view__size_64_mky3z .icon-view__addons_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_1avi8 .icon-view__topAddons_1avi8 {
+    } .icon-view__size_64_mky3z .icon-view__topAddons_mky3z {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_1avi8 .icon-view__bottomAddons_1avi8 {
+    } .icon-view__size_64_mky3z .icon-view__bottomAddons_mky3z {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_64_mky3z .icon-view__indicator_mky3z {
         top: -8px;
         right: -16px;
-    } .icon-view__size_48_1avi8 {
+    } .icon-view__size_56_mky3z {
+    width: 56px;
+    height: 56px
+} .icon-view__size_56_mky3z .icon-view__children_mky3z {
+        width: 40px;
+        height: 40px;
+    } .icon-view__size_56_mky3z .icon-view__addons_mky3z {
+        width: 20px;
+        height: 20px;
+    } .icon-view__size_56_mky3z .icon-view__topAddons_mky3z {
+        top: -8px;
+        right: -6px;
+    } .icon-view__size_56_mky3z .icon-view__bottomAddons_mky3z {
+        bottom: -8px;
+        right: -6px;
+    } .icon-view__size_56_mky3z .icon-view__indicator_mky3z {
+        top: -6px;
+        right: -12px;
+    } .icon-view__size_48_mky3z {
     width: 48px;
     height: 48px
-} .icon-view__size_48_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_48_mky3z .icon-view__children_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_1avi8 .icon-view__addons_1avi8 {
+    } .icon-view__size_48_mky3z .icon-view__addons_mky3z {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_1avi8 .icon-view__topAddons_1avi8 {
+    } .icon-view__size_48_mky3z .icon-view__topAddons_mky3z {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_1avi8 .icon-view__bottomAddons_1avi8 {
+    } .icon-view__size_48_mky3z .icon-view__bottomAddons_mky3z {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_48_mky3z .icon-view__indicator_mky3z {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_1avi8 {
+    } .icon-view__size_40_mky3z {
     width: 40px;
     height: 40px
-} .icon-view__size_40_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_40_mky3z .icon-view__children_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_1avi8 .icon-view__addons_1avi8 {
+    } .icon-view__size_40_mky3z .icon-view__addons_mky3z {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_1avi8 .icon-view__topAddons_1avi8 {
+    } .icon-view__size_40_mky3z .icon-view__topAddons_mky3z {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_1avi8 .icon-view__bottomAddons_1avi8 {
+    } .icon-view__size_40_mky3z .icon-view__bottomAddons_mky3z {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_40_mky3z .icon-view__indicator_mky3z {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_1avi8 {
+    } .icon-view__size_32_mky3z {
     width: 32px;
     height: 32px
-} .icon-view__size_32_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_32_mky3z .icon-view__children_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_32_mky3z .icon-view__indicator_mky3z {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_1avi8 {
+    } .icon-view__size_24_mky3z {
     width: 24px;
     height: 24px
-} .icon-view__size_24_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_24_mky3z .icon-view__children_mky3z {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_24_mky3z .icon-view__indicator_mky3z {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_1avi8 {
+    } .icon-view__size_20_mky3z {
     width: 20px;
     height: 20px
-} .icon-view__size_20_1avi8 .icon-view__children_1avi8 {
+} .icon-view__size_20_mky3z .icon-view__children_mky3z {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_1avi8 .icon-view__indicator_1avi8 {
+    } .icon-view__size_20_mky3z .icon-view__indicator_mky3z {
         top: -3px;
         right: -3px;
-    }
+    } .icon-view__size_16_mky3z {
+    width: 16px;
+    height: 16px
+} .icon-view__size_16_mky3z .icon-view__children_mky3z {
+        width: 16px;
+        height: 16px;
+    } .icon-view__size_16_mky3z .icon-view__indicator_mky3z {
+        top: -4px;
+        right: -4px;
+    } /* prettier-ignore */ .icon-view__children_mky3z.icon-view__size-16_mky3z {
+            width: 16px;
+            height: 16px;
+        } .icon-view__children_mky3z.icon-view__size-20_mky3z {
+            width: 20px;
+            height: 20px;
+        } .icon-view__children_mky3z.icon-view__size-24_mky3z {
+            width: 24px;
+            height: 24px;
+        } .icon-view__children_mky3z.icon-view__size-32_mky3z {
+            width: 32px;
+            height: 32px;
+        } .icon-view__children_mky3z.icon-view__size-40_mky3z {
+            width: 40px;
+            height: 40px;
+        } .icon-view__children_mky3z.icon-view__size-48_mky3z {
+            width: 48px;
+            height: 48px;
+        } .icon-view__children_mky3z.icon-view__size-56_mky3z {
+            width: 56px;
+            height: 56px;
+        } .icon-view__children_mky3z.icon-view__size-64_mky3z {
+            width: 64px;
+            height: 64px;
+        } .icon-view__children_mky3z.icon-view__size-80_mky3z {
+            width: 80px;
+            height: 80px;
+        } .icon-view__children_mky3z.icon-view__size-128_mky3z {
+            width: 128px;
+            height: 128px;
+        }

package/icon-view/components/circle/component.d.ts

@@ -7,7 +7,7 @@ type CircleProps = Omit<BaseShapeProps, 'pathsMap' | 'size'> & {
      * Размер компонента
      * @default 64
      */
-    size?: 20 | 24 | 32 | 40 | 48 | 64 | 80 | 128;
+    size?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128;
     /**
      * Дочерний компонент
      */
@@ -18,7 +18,7 @@ declare const Circle: React.ForwardRefExoticComponent<Omit<BaseShapeProps, "size
      * Размер компонента
      * @default 64
      */
-    size?: 64 | 32 | 128 | 20 | 24 | 40 | 48 | 80 | undefined;
+    size?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128 | undefined;
     /**
      * Дочерний компонент
      */

package/icon-view/components/circle/paths.d.ts

@@ -1,4 +1,8 @@
 declare const borderPaths: {
+    16: {
+        none: string;
+        indicator: string;
+    };
     20: {
         none: string;
         indicator: string;
@@ -27,6 +31,14 @@ declare const borderPaths: {
         indicator: string;
         indicatorBottom: string;
     };
+    56: {
+        top: string;
+        bottom: string;
+        topBottom: string;
+        none: string;
+        indicator: string;
+        indicatorBottom: string;
+    };
     64: {
         top: string;
         bottom: string;
@@ -52,6 +64,10 @@ declare const borderPaths: {
 };
 declare const pathsMap: {
     shape: {
+        16: {
+            none: string;
+            indicator: string;
+        };
         20: {
             none: string;
             indicator: string;
@@ -80,6 +96,14 @@ declare const pathsMap: {
             indicator: string;
             indicatorBottom: string;
         };
+        56: {
+            top: string;
+            bottom: string;
+            topBottom: string;
+            none: string;
+            indicator: string;
+            indicatorBottom: string;
+        };
         64: {
             top: string;
             bottom: string;
@@ -104,6 +128,10 @@ declare const pathsMap: {
         };
     };
     border: {
+        16: {
+            none: string;
+            indicator: string;
+        };
         20: {
             none: string;
             indicator: string;
@@ -132,6 +160,14 @@ declare const pathsMap: {
             indicator: string;
             indicatorBottom: string;
         };
+        56: {
+            top: string;
+            bottom: string;
+            topBottom: string;
+            none: string;
+            indicator: string;
+            indicatorBottom: string;
+        };
         64: {
             top: string;
             bottom: string;

package/icon-view/components/circle/paths.js

@@ -1,6 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var borderPaths = {
+    16: {
+        none: 'M15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C12.1421 0.5 15.5 3.85786 15.5 8Z',
+        indicator: 'M8 0.5C8.90848 0.5 9.77826 0.661305 10.583 0.956496C10.9814 3.22779 12.7722 5.01859 15.0435 5.41704C15.3387 6.22174 15.5 7.09152 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5Z',
+    },
     20: {
         none: 'M19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.75329 19.5 0.5 15.2467 0.5 10C0.5 4.75329 4.75329 0.5 10 0.5C15.2467 0.5 19.5 4.75329 19.5 10Z',
         indicator: 'M13.5025 1.16635C13.5888 4.07171 15.9283 6.41123 18.8336 6.49753C19.2635 7.58071 19.5 8.76216 19.5 10C19.5 15.2467 15.2467 19.5 10 19.5C4.75329 19.5 0.5 15.2467 0.5 10C0.5 4.75329 4.75329 0.5 10 0.5C11.2378 0.5 12.4193 0.736494 13.5025 1.16635Z',
@@ -29,6 +33,14 @@ var borderPaths = {
         indicator: 'M41.2268 8.29328C41.6138 8.56963 41.9465 8.82244 42.2001 9.13256C45.5129 13.1831 47.5 18.3588 47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C29.6412 0.5 34.8169 2.48706 38.8674 5.79991C39.1776 6.05355 39.4304 6.38619 39.7067 6.77323C40.1257 7.36009 40.6399 7.87425 41.2268 8.29328Z',
         indicatorBottom: 'M38.8674 5.79991C39.1776 6.05355 39.4304 6.38619 39.7067 6.77323C40.1257 7.36009 40.6399 7.87425 41.2268 8.29328C41.6138 8.56963 41.9465 8.82244 42.2001 9.13256C45.5129 13.1831 47.5 18.3588 47.5 24C47.5 26.7146 47.0399 29.3207 46.1939 31.7452C46.0374 32.1938 45.564 32.5 45 32.5C38.0964 32.5 32.5 38.0964 32.5 45C32.5 45.564 32.1938 46.0374 31.7452 46.1939C29.3207 47.0399 26.7146 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C29.6412 0.5 34.8169 2.48706 38.8674 5.79991Z',
     },
+    56: {
+        top: 'M52 16.5C52.6088 16.5 53.1334 16.8099 53.3372 17.2913C54.7297 20.5819 55.5 24.2003 55.5 28C55.5 43.1878 43.1878 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5C31.7997 0.5 35.4181 1.27032 38.7087 2.66283C39.1901 2.86656 39.5 3.39117 39.5 4C39.5 10.9036 45.0964 16.5 52 16.5Z',
+        bottom: 'M53.3372 38.7087C53.1334 39.1901 52.6088 39.5 52 39.5C45.0964 39.5 39.5 45.0964 39.5 52C39.5 52.6088 39.1901 53.1334 38.7087 53.3372C35.4181 54.7297 31.7997 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5C43.1878 0.5 55.5 12.8122 55.5 28C55.5 31.7997 54.7297 35.4181 53.3372 38.7087Z',
+        topBottom: 'M28 0.5C31.7997 0.5 35.4181 1.27032 38.7087 2.66283C39.1901 2.86656 39.5 3.39117 39.5 4C39.5 10.9036 45.0964 16.5 52 16.5C52.6088 16.5 53.1334 16.8099 53.3372 17.2913C54.7297 20.5819 55.5 24.2003 55.5 28C55.5 31.7997 54.7297 35.4181 53.3372 38.7087C53.1334 39.1901 52.6088 39.5 52 39.5C45.0964 39.5 39.5 45.0964 39.5 52C39.5 52.6088 39.1901 53.1334 38.7087 53.3372C35.4181 54.7297 31.7997 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5Z',
+        none: 'M55.5 28C55.5 43.1878 43.1878 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5C43.1878 0.5 55.5 12.8122 55.5 28Z',
+        indicator: 'M47.7667 8.93263C47.9224 9.06637 48.0577 9.18577 48.176 9.31351C52.7219 14.2193 55.5 20.7847 55.5 28C55.5 43.1878 43.1878 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5C35.2153 0.5 41.7807 3.27812 46.6865 7.82398C46.8142 7.94234 46.9336 8.07757 47.0674 8.23325C47.2825 8.48368 47.5163 8.71753 47.7667 8.93263Z',
+        indicatorBottom: 'M46.6865 7.82398C46.8142 7.94234 46.9336 8.07757 47.0674 8.23326C47.2825 8.48368 47.5163 8.71753 47.7667 8.93263C47.9224 9.06637 48.0577 9.18577 48.176 9.31351C52.7219 14.2193 55.5 20.7847 55.5 28C55.5 31.7997 54.7297 35.4181 53.3372 38.7087C53.1334 39.1901 52.6088 39.5 52 39.5C45.0964 39.5 39.5 45.0964 39.5 52C39.5 52.6088 39.1901 53.1334 38.7087 53.3372C35.4181 54.7297 31.7997 55.5 28 55.5C12.8122 55.5 0.5 43.1878 0.5 28C0.5 12.8122 12.8122 0.5 28 0.5C35.2153 0.5 41.7807 3.27812 46.6865 7.82398Z',
+    },
     64: {
         top: 'M59 20.5C60.3782 20.5 61.6242 21.1958 62.0002 22.3678C62.974 25.4032 63.5 28.6397 63.5 32C63.5 49.397 49.397 63.5 32 63.5C14.603 63.5 0.5 49.397 0.5 32C0.5 14.603 14.603 0.5 32 0.5C35.3603 0.5 38.5968 1.026 41.6322 1.99977C42.8042 2.37577 43.5 3.62176 43.5 5C43.5 13.5604 50.4396 20.5 59 20.5Z',
         bottom: 'M62.0002 41.6322C61.6242 42.8042 60.3782 43.5 59 43.5C50.4396 43.5 43.5 50.4396 43.5 59C43.5 60.3782 42.8042 61.6242 41.6322 62.0002C38.5968 62.974 35.3603 63.5 32 63.5C14.603 63.5 0.5 49.397 0.5 32C0.5 14.603 14.603 0.5 32 0.5C49.397 0.5 63.5 14.603 63.5 32C63.5 35.3603 62.974 38.5968 62.0002 41.6322Z',
@@ -53,6 +65,10 @@ var borderPaths = {
     },
 };
 var shapePaths = {
+    16: {
+        none: 'M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z',
+        indicator: 'M11.0351 0.595837C10.0992 0.211767 9.07433 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 6.92567 15.7882 5.90081 15.4042 4.96487C13.119 4.69352 11.3065 2.881 11.0351 0.595837Z',
+    },
     20: {
         none: 'M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10Z',
         indicator: 'M19.2322 6.15059C19.1934 6.05767 19.1007 6 19 6C16.2386 6 14 3.76142 14 1C14 0.899308 13.9423 0.806551 13.8494 0.767762C12.6645 0.273158 11.3642 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 8.63583 19.7268 7.33545 19.2322 6.15059Z',
@@ -81,6 +97,14 @@ var shapePaths = {
         indicator: 'M42.5871 8.81601C42.2867 8.44869 41.9035 8.16211 41.5173 7.88636C40.9754 7.49943 40.5006 7.02459 40.1136 6.48268C39.8379 6.09649 39.5513 5.7133 39.184 5.41287C35.0474 2.02965 29.7607 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C37.2548 48 48 37.2548 48 24C48 18.2393 45.9703 12.9526 42.5871 8.81601Z',
         indicatorBottom: 'M40.1136 6.48268C39.8379 6.09649 39.5513 5.7133 39.184 5.41287C35.0474 2.02965 29.7607 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48C26.7714 48 29.4332 47.5302 31.9099 46.666C32.5996 46.4253 33 45.7305 33 45C33 38.3726 38.3726 33 45 33C45.7305 33 46.4253 32.5996 46.666 31.9099C47.5302 29.4332 48 26.7714 48 24C48 18.2393 45.9703 12.9526 42.5871 8.81601C42.2867 8.44869 41.9035 8.16211 41.5173 7.88636C40.9754 7.49943 40.5006 7.02459 40.1136 6.48268Z',
     },
+    56: {
+        top: 'M52 16C52.7649 16 53.4995 16.392 53.7976 17.0965C55.2158 20.4476 56 24.1322 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28C0 12.536 12.536 0 28 0C31.8678 0 35.5524 0.784232 38.9035 2.20236C39.608 2.50045 40 3.23511 40 4C40 10.6274 45.3726 16 52 16Z',
+        bottom: 'M52 40C52.7649 40 53.4995 39.608 53.7976 38.9035C55.2158 35.5524 56 31.8678 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56C31.8678 56 35.5524 55.2158 38.9035 53.7976C39.608 53.4995 40 52.7649 40 52C40 45.3726 45.3726 40 52 40Z',
+        topBottom: 'M28 0C31.8678 0 35.5524 0.784232 38.9035 2.20236C39.608 2.50045 40 3.23511 40 4C40 10.6274 45.3726 16 52 16C52.7649 16 53.4995 16.392 53.7976 17.0965C55.2158 20.4476 56 24.1322 56 28C56 31.8678 55.2158 35.5524 53.7976 38.9035C53.4995 39.608 52.7649 40 52 40C45.3726 40 40 45.3726 40 52C40 52.7649 39.608 53.4995 38.9035 53.7976C35.5524 55.2158 31.8678 56 28 56C12.536 56 0 43.464 0 28C0 12.536 12.536 0 28 0Z',
+        none: 'M56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28Z',
+        indicator: 'M48.5428 8.97367C48.4031 8.82294 48.2484 8.68724 48.0925 8.55334C47.8613 8.3547 47.6453 8.13873 47.4467 7.90747C47.3128 7.75159 47.1771 7.59689 47.0263 7.45722C42.0317 2.8291 35.3462 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 20.6538 53.1709 13.9683 48.5428 8.97367Z',
+        indicatorBottom: 'M47.4467 7.90747C47.3128 7.75159 47.1771 7.59689 47.0263 7.45722C42.0317 2.8291 35.3462 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56C31.8678 56 35.5524 55.2158 38.9035 53.7976C39.608 53.4995 40 52.7649 40 52C40 45.3726 45.3726 40 52 40C52.7649 40 53.4995 39.608 53.7976 38.9035C55.2158 35.5524 56 31.8678 56 28C56 20.6538 53.1709 13.9683 48.5428 8.97367C48.4031 8.82294 48.2484 8.68724 48.0925 8.55334C47.8613 8.3547 47.6453 8.13873 47.4467 7.90747Z',
+    },
     64: {
         top: 'M62.4763 22.2151C62.0128 20.7703 60.5173 20 59 20C50.7157 20 44 13.2843 44 5C44 3.48268 43.2297 1.98718 41.7849 1.52367C38.7008 0.534249 35.4128 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64C49.6731 64 64 49.6731 64 32C64 28.5872 63.4658 25.2992 62.4763 22.2151Z',
         bottom: 'M59 44C60.5173 44 62.0128 43.2297 62.4763 41.7849C63.4658 38.7008 64 35.4128 64 32C64 14.3269 49.6731 0 32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64C35.4128 64 38.7008 63.4658 41.7849 62.4763C43.2297 62.0128 44 60.5173 44 59C44 50.7157 50.7157 44 59 44Z',

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

@@ -7,7 +7,7 @@ type NoShapeProps = Omit<BaseShapeProps, 'pathsMap' | 'size' | 'topAddons' | 'bo
      * Размер компонента
      * @default 64
      */
-    size?: 20 | 24 | 32 | 40 | 48 | 64 | 80 | 128;
+    size?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128;
     /**
      * Дочерний компонент
      */
@@ -18,7 +18,7 @@ declare const NoShape: React.ForwardRefExoticComponent<Omit<BaseShapeProps, "siz
      * Размер компонента
      * @default 64
      */
-    size?: 64 | 32 | 128 | 20 | 24 | 40 | 48 | 80 | undefined;
+    size?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128 | undefined;
     /**
      * Дочерний компонент
      */

package/icon-view/components/no-shape/paths.d.ts

@@ -1,4 +1,7 @@
 declare const shapePaths: {
+    16: {
+        none: string;
+    };
     20: {
         none: string;
     };
@@ -14,6 +17,9 @@ declare const shapePaths: {
     48: {
         none: string;
     };
+    56: {
+        none: string;
+    };
     64: {
         none: string;
     };
@@ -26,6 +32,9 @@ declare const shapePaths: {
 };
 declare const pathsMap: {
     shape: {
+        16: {
+            none: string;
+        };
         20: {
             none: string;
         };
@@ -41,6 +50,9 @@ declare const pathsMap: {
         48: {
             none: string;
         };
+        56: {
+            none: string;
+        };
         64: {
             none: string;
         };
@@ -52,6 +64,9 @@ declare const pathsMap: {
         };
     };
     border: {
+        16: {
+            none: string;
+        };
         20: {
             none: string;
         };
@@ -67,6 +82,9 @@ declare const pathsMap: {
         48: {
             none: string;
         };
+        56: {
+            none: string;
+        };
         64: {
             none: string;
         };

package/icon-view/components/no-shape/paths.js

@@ -1,6 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var shapePaths = {
+    16: {
+        none: 'M0 0 H16 V16 H0 Z',
+    },
     20: {
         none: 'M0 0 H20 V20 H0 Z',
     },
@@ -16,6 +19,9 @@ var shapePaths = {
     48: {
         none: 'M0 0 H48 V48 H0 Z',
     },
+    56: {
+        none: 'M0 0 H56 V56 H0 Z',
+    },
     64: {
         none: 'M0 0 H64 V64 H0 Z',
     },

package/icon-view/components/rectangle/component.d.ts

@@ -7,7 +7,7 @@ type RectangleProps = Omit<BaseShapeProps, 'pathsMap' | 'size' | 'topAddons' | '
      * Размер компонента
      * @default 64
      */
-    size?: 20 | 24 | 32 | 40 | 48 | 64 | 80 | 128;
+    size?: 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128;
     /**
      * Дочерний компонент
      */
@@ -18,7 +18,7 @@ declare const Rectangle: React.ForwardRefExoticComponent<Omit<BaseShapeProps, "s
      * Размер компонента
      * @default 64
      */
-    size?: 64 | 32 | 128 | 20 | 24 | 40 | 48 | 80 | undefined;
+    size?: 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128 | undefined;
     /**
      * Дочерний компонент
      */