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

package/icon-view/modern/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/modern/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/modern/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/modern/components/circle/paths.js

@@ -1,4 +1,8 @@
 const 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',
@@ -27,6 +31,14 @@ const 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',
@@ -51,6 +63,10 @@ const borderPaths = {
     },
 };
 const 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',
@@ -79,6 +95,14 @@ const 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/modern/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/modern/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/modern/components/no-shape/paths.js

@@ -1,4 +1,7 @@
 const shapePaths = {
+    16: {
+        none: 'M0 0 H16 V16 H0 Z',
+    },
     20: {
         none: 'M0 0 H20 V20 H0 Z',
     },
@@ -14,6 +17,9 @@ const 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/modern/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;
     /**
      * Дочерний компонент
      */

package/icon-view/modern/components/rectangle/component.js

@@ -11,6 +11,7 @@ const heights = {
     32: 22,
     40: 28,
     48: 34,
+    56: 40,
     64: 46,
     80: 58,
     128: 94,

package/icon-view/modern/components/rectangle/paths.d.ts

@@ -14,6 +14,9 @@ declare const borderPaths: {
     48: {
         none: string;
     };
+    56: {
+        none: string;
+    };
     64: {
         none: string;
     };
@@ -40,6 +43,9 @@ declare const shapePaths: {
     48: {
         none: string;
     };
+    56: {
+        none: string;
+    };
     64: {
         none: string;
     };
@@ -67,6 +73,9 @@ declare const pathsMap: {
         48: {
             none: string;
         };
+        56: {
+            none: string;
+        };
         64: {
             none: string;
         };
@@ -93,6 +102,9 @@ declare const pathsMap: {
         48: {
             none: string;
         };
+        56: {
+            none: string;
+        };
         64: {
             none: string;
         };

package/icon-view/modern/components/rectangle/paths.js

@@ -14,6 +14,9 @@ const borderPaths = {
     48: {
         none: 'M0.5 16C0.5 13.1915 0.500389 11.1152 0.634581 9.47274C0.768297 7.83614 1.03237 6.67442 1.53544 5.68709C2.44623 3.89955 3.89955 2.44623 5.68709 1.53544C6.67442 1.03237 7.83614 0.768297 9.47274 0.634581C11.1152 0.500389 13.1915 0.5 16 0.5H32C34.8085 0.5 36.8848 0.500389 38.5273 0.634581C40.1639 0.768297 41.3256 1.03237 42.3129 1.53544C44.1005 2.44623 45.5538 3.89955 46.4646 5.68709C46.9676 6.67442 47.2317 7.83614 47.3654 9.47274C47.4996 11.1152 47.5 13.1915 47.5 16V18C47.5 20.8085 47.4996 22.8848 47.3654 24.5273C47.2317 26.1639 46.9676 27.3256 46.4646 28.3129C45.5538 30.1005 44.1005 31.5538 42.3129 32.4646C41.3256 32.9676 40.1639 33.2317 38.5273 33.3654C36.8848 33.4996 34.8085 33.5 32 33.5H16C13.1915 33.5 11.1152 33.4996 9.47274 33.3654C7.83614 33.2317 6.67442 32.9676 5.68709 32.4646C3.89955 31.5538 2.44623 30.1004 1.53544 28.3129C1.03237 27.3256 0.768297 26.1639 0.634581 24.5273C0.500389 22.8848 0.5 20.8085 0.5 18V16Z',
     },
+    56: {
+        none: 'M0.5 18.087C0.5 14.9131 0.500394 12.563 0.653294 10.7033C0.805707 8.8494 1.10713 7.52696 1.68473 6.4004C2.72693 4.36768 4.39022 2.71445 6.43673 1.67817C7.5714 1.10362 8.90326 0.803894 10.7694 0.652372C12.6413 0.500384 15.0065 0.5 18.2 0.5H37.8C40.9935 0.5 43.3587 0.500384 45.2306 0.652372C47.0967 0.803894 48.4286 1.10362 49.5633 1.67817C51.6098 2.71445 53.2731 4.36768 54.3153 6.4004C54.8929 7.52696 55.1943 8.84939 55.3467 10.7033C55.4996 12.563 55.5 14.9131 55.5 18.087V21.913C55.5 25.0869 55.4996 27.437 55.3467 29.2967C55.1943 31.1506 54.8929 32.473 54.3153 33.5996C53.2731 35.6323 51.6098 37.2855 49.5633 38.3218C48.4286 38.8964 47.0967 39.1961 45.2306 39.3476C43.3587 39.4996 40.9935 39.5 37.8 39.5H18.2C15.0065 39.5 12.6413 39.4996 10.7694 39.3476C8.90326 39.1961 7.5714 38.8964 6.43673 38.3218C4.39022 37.2855 2.72693 35.6323 1.68473 33.5996C1.10713 32.473 0.805707 31.1506 0.653294 29.2967C0.500394 27.437 0.5 25.0869 0.5 21.913V18.087Z',
+    },
     64: {
         none: 'M0.5 20.8C0.5 17.1514 0.500389 14.445 0.675454 12.3023C0.850042 10.1655 1.19586 8.63331 1.86242 7.32512C3.06084 4.97309 4.97309 3.06084 7.32512 1.86242C8.63331 1.19586 10.1655 0.850042 12.3023 0.675454C14.445 0.500389 17.1514 0.5 20.8 0.5H43.2C46.8486 0.5 49.555 0.500389 51.6977 0.675454C53.8345 0.850042 55.3667 1.19586 56.6749 1.86242C59.0269 3.06084 60.9392 4.97309 62.1376 7.32512C62.8041 8.63331 63.15 10.1655 63.3245 12.3023C63.4996 14.445 63.5 17.1514 63.5 20.8V25.2C63.5 28.8486 63.4996 31.555 63.3245 33.6977C63.15 35.8345 62.8041 37.3667 62.1376 38.6749C60.9392 41.0269 59.0269 42.9392 56.6749 44.1376C55.3667 44.8041 53.8345 45.15 51.6977 45.3245C49.555 45.4996 46.8486 45.5 43.2 45.5H20.8C17.1514 45.5 14.445 45.4996 12.3023 45.3245C10.1655 45.15 8.63331 44.8041 7.32512 44.1376C4.97309 42.9392 3.06084 41.0269 1.86242 38.6749C1.19586 37.3667 0.850042 35.8345 0.675454 33.6977C0.500389 31.555 0.5 28.8486 0.5 25.2V20.8Z',
     },
@@ -40,6 +43,9 @@ const shapePaths = {
     48: {
         none: 'M0 16C0 10.3995 0 7.59921 1.08993 5.46009C2.04867 3.57847 3.57847 2.04867 5.46009 1.08993C7.59921 0 10.3995 0 16 0H32C37.6005 0 40.4008 0 42.5399 1.08993C44.4215 2.04867 45.9513 3.57847 46.9101 5.46009C48 7.59921 48 10.3995 48 16V18C48 23.6005 48 26.4008 46.9101 28.5399C45.9513 30.4215 44.4215 31.9513 42.5399 32.9101C40.4008 34 37.6005 34 32 34H16C10.3995 34 7.59921 34 5.46009 32.9101C3.57847 31.9513 2.04867 30.4215 1.08993 28.5399C0 26.4008 0 23.6005 0 18V16Z',
     },
+    56: {
+        none: 'M0 18.087C0 11.7559 0 8.59041 1.2398 6.17228C2.33036 4.04523 4.07051 2.31589 6.21086 1.2321C8.6441 0 11.8294 0 18.2 0H37.8C44.1706 0 47.3559 0 49.7891 1.2321C51.9295 2.31589 53.6696 4.04523 54.7602 6.17228C56 8.59041 56 11.7559 56 18.087V21.913C56 28.2441 56 31.4096 54.7602 33.8277C53.6696 35.9548 51.9295 37.6841 49.7891 38.7679C47.3559 40 44.1706 40 37.8 40H18.2C11.8294 40 8.6441 40 6.21086 38.7679C4.07051 37.6841 2.33036 35.9548 1.2398 33.8277C0 31.4096 0 28.2441 0 21.913V18.087Z',
+    },
     64: {
         none: 'M0 20.8C0 13.5193 0 9.87898 1.41692 7.09812C2.66327 4.65202 4.65202 2.66327 7.09812 1.41692C9.87898 0 13.5193 0 20.8 0H43.2C50.4807 0 54.121 0 56.9019 1.41692C59.348 2.66327 61.3367 4.65202 62.5831 7.09812C64 9.87898 64 13.5193 64 20.8V25.2C64 32.4807 64 36.121 62.5831 38.9019C61.3367 41.348 59.348 43.3367 56.9019 44.5831C54.121 46 50.4807 46 43.2 46H20.8C13.5193 46 9.87898 46 7.09812 44.5831C4.65202 43.3367 2.66327 41.348 1.41692 38.9019C0 36.121 0 32.4807 0 25.2V20.8Z',
     },

package/icon-view/modern/components/super-ellipse/component.d.ts

@@ -7,7 +7,7 @@ type SuperEllipseProps = 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 SuperEllipse: React.ForwardRefExoticComponent<Omit<BaseShapeProps,
      * Размер компонента
      * @default 64
      */
-    size?: 64 | 32 | 128 | 20 | 24 | 40 | 48 | 80 | undefined;
+    size?: 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 80 | 128 | undefined;
     /**
      * Дочерний компонент
      */