@alfalab/core-components 36.5.1-beta.0 → 37.0.0

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

@@ -43,97 +43,128 @@
     }
 .addons {
     display: flex;
-    justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
-    line-height: 0
+    line-height: 0;
 }
-.addons svg {
-        width: 100%;
-        height: 100%;
-    }
-.size_24 .children {
-        width: 24px;
-        height: 24px;
-    }
-.size_40 .children {
-        width: 24px;
-        height: 24px;
+.size_128 .children {
+        width: 64px;
+        height: 64px;
     }
-.size_40 .addons {
-        width: 18px;
-        height: 18px;
+.size_128 .addons {
+        width: 40px;
+        height: 40px;
     }
-.size_40 .topAddons {
+.size_128 .topAddons {
         top: -8px;
         right: -8px;
     }
-.size_40 .bottomAddons {
+.size_128 .bottomAddons {
         bottom: -8px;
         right: -8px;
     }
-.size_48 .children {
+.size_80 .children {
+        width: 48px;
+        height: 48px;
+    }
+.size_80 .addons {
         width: 24px;
         height: 24px;
     }
-.size_48 .addons {
-        width: 18px;
-        height: 18px;
+.size_80 .topAddons {
+        top: -3px;
+        right: -3px;
     }
-.size_48 .topAddons {
-        top: -4px;
-        right: -4px;
+.size_80 .bottomAddons {
+        bottom: -3px;
+        right: -3px;
     }
-.size_48 .bottomAddons {
-        bottom: -4px;
-        right: -4px;
+.size_80 .indicator {
+        top: -6px;
+        right: -14px;
     }
 .size_64 .children {
         width: 32px;
         height: 32px;
     }
 .size_64 .addons {
-        width: 18px;
-        height: 18px;
+        width: 24px;
+        height: 24px;
     }
 .size_64 .topAddons {
-        top: -2px;
-        right: -2px;
+        top: -7px;
+        right: -7px;
     }
 .size_64 .bottomAddons {
-        bottom: -2px;
-        right: -2px;
+        bottom: -7px;
+        right: -7px;
     }
-.size_80 .children {
-        width: 48px;
-        height: 48px;
+.size_64 .indicator {
+        top: -8px;
+        right: -16px;
     }
-.size_80 .addons {
+.size_48 .children {
         width: 24px;
         height: 24px;
     }
-.size_80 .topAddons {
-        top: -4px;
-        right: -4px;
+.size_48 .addons {
+        width: 20px;
+        height: 20px;
     }
-.size_80 .bottomAddons {
-        bottom: -4px;
-        right: -4px;
+.size_48 .topAddons {
+        top: -7px;
+        right: -7px;
     }
-.size_128 .children {
-        width: 60px;
-        height: 60px;
+.size_48 .bottomAddons {
+        bottom: -7px;
+        right: -7px;
     }
-.size_128 .addons {
-        width: 40px;
-        height: 40px;
+.size_48 .indicator {
+        top: -7px;
+        right: -13px;
     }
-.size_128 .topAddons {
-        top: -8px;
-        right: -8px;
+.size_40 .children {
+        width: 24px;
+        height: 24px;
     }
-.size_128 .bottomAddons {
-        bottom: -8px;
-        right: -8px;
+.size_40 .addons {
+        width: 20px;
+        height: 20px;
+    }
+.size_40 .topAddons {
+        top: -7px;
+        right: -7px;
+    }
+.size_40 .bottomAddons {
+        bottom: -7px;
+        right: -7px;
+    }
+.size_40 .indicator {
+        top: -7px;
+        right: -13px;
+    }
+.size_32 .children {
+        width: 24px;
+        height: 24px;
+    }
+.size_32 .indicator {
+        top: -2px;
+        right: -2px;
+    }
+.size_24 .children {
+        width: 24px;
+        height: 24px;
+    }
+.size_24 .indicator {
+        top: -2px;
+        right: -2px;
+    }
+.size_20 .children {
+        width: 16px;
+        height: 16px;
+    }
+.size_20 .indicator {
+        top: -3px;
+        right: -3px;
     }

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

@@ -4,17 +4,20 @@ type SizePathsMap = {
         bottom?: string;
         topBottom?: string;
         none: string;
+        indicator?: string;
+        indicatorBottom?: string;
     };
 };
 type GetPathParams = {
     size: number;
     hasTopAddons: boolean;
     hasBottomAddons: boolean;
+    hasIndicator: boolean;
     pathsMap: SizePathsMap;
 };
 type PathsMap = {
     shape: SizePathsMap;
     border: SizePathsMap;
 };
-declare const getPath: ({ size, hasTopAddons, hasBottomAddons, pathsMap, }: GetPathParams) => string;
+declare const getPath: ({ size, hasTopAddons, hasBottomAddons, hasIndicator, pathsMap, }: GetPathParams) => string;
 export { PathsMap, getPath };

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

@@ -1,14 +1,20 @@
 var getPath = function (_a) {
-    var size = _a.size, hasTopAddons = _a.hasTopAddons, hasBottomAddons = _a.hasBottomAddons, pathsMap = _a.pathsMap;
+    var size = _a.size, hasTopAddons = _a.hasTopAddons, hasBottomAddons = _a.hasBottomAddons, hasIndicator = _a.hasIndicator, pathsMap = _a.pathsMap;
     if (hasBottomAddons && hasTopAddons) {
         return pathsMap[size].topBottom || '';
     }
+    if (hasBottomAddons && hasIndicator) {
+        return pathsMap[size].indicatorBottom || '';
+    }
     if (hasBottomAddons) {
         return pathsMap[size].bottom || '';
     }
     if (hasTopAddons) {
         return pathsMap[size].top || '';
     }
+    if (hasIndicator) {
+        return pathsMap[size].indicator || '';
+    }
     return pathsMap[size].none;
 };
 

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

@@ -18,7 +18,7 @@ declare const Circle: React.ForwardRefExoticComponent<Omit<BaseShapeProps, "size
      * Размер компонента
      * @default 64
      */
-    size?: 64 | 24 | 40 | 48 | 80 | 128 | undefined;
+    size?: 64 | 128 | 24 | 40 | 48 | 80 | undefined;
     /**
      * Дочерний компонент
      */

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

@@ -1,30 +1,47 @@
 declare const borderPaths: {
+    20: {
+        none: string;
+        indicator: string;
+    };
     24: {
         none: string;
+        indicator: string;
+    };
+    32: {
+        none: string;
+        indicator: string;
     };
     40: {
-        topBottom: string;
         top: string;
-        none: string;
         bottom: string;
+        topBottom: string;
+        none: string;
+        indicator: string;
+        indicatorBottom: string;
     };
     48: {
-        topBottom: string;
         top: string;
-        none: string;
         bottom: string;
+        topBottom: string;
+        none: string;
+        indicator: string;
+        indicatorBottom: string;
     };
     64: {
+        top: string;
         bottom: string;
         topBottom: string;
-        top: string;
         none: string;
+        indicator: string;
+        indicatorBottom: string;
     };
     80: {
+        top: string;
         bottom: string;
         topBottom: string;
         none: string;
-        top: string;
+        indicator: string;
+        indicatorBottom: string;
     };
     128: {
         bottom: string;
@@ -35,32 +52,49 @@ declare const borderPaths: {
 };
 declare const pathsMap: {
     shape: {
+        20: {
+            none: string;
+            indicator: string;
+        };
         24: {
             none: string;
+            indicator: string;
+        };
+        32: {
+            none: string;
+            indicator: string;
         };
         40: {
             top: string;
             bottom: string;
             topBottom: string;
             none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         48: {
             top: string;
             bottom: string;
             topBottom: string;
             none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         64: {
             top: string;
             bottom: string;
             topBottom: string;
             none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         80: {
             top: string;
             bottom: string;
             topBottom: string;
             none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         128: {
             top: string;
@@ -70,32 +104,49 @@ declare const pathsMap: {
         };
     };
     border: {
+        20: {
+            none: string;
+            indicator: string;
+        };
         24: {
             none: string;
+            indicator: string;
+        };
+        32: {
+            none: string;
+            indicator: string;
         };
         40: {
-            topBottom: string;
             top: string;
-            none: string;
             bottom: string;
+            topBottom: string;
+            none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         48: {
-            topBottom: string;
             top: string;
-            none: string;
             bottom: string;
+            topBottom: string;
+            none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         64: {
+            top: string;
             bottom: string;
             topBottom: string;
-            top: string;
             none: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         80: {
+            top: string;
             bottom: string;
             topBottom: string;
             none: string;
-            top: string;
+            indicator: string;
+            indicatorBottom: string;
         };
         128: {
             bottom: string;