@alfalab/core-components 36.5.1 → 37.1.0-beta.1

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

@@ -1,4 +1,4 @@
-/* hash: 11we1 */
+/* hash: lzsn6 */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -11,24 +11,24 @@
 
     /* Hard up */
 }
-.icon-view__componentWrapper_1fnhr {
+.icon-view__componentWrapper_fp72h {
     position: relative;
     display: inline-flex;
 }
-.icon-view__component_1fnhr {
+.icon-view__component_fp72h {
     display: flex;
     position: relative;
     color: var(--color-light-text-secondary);
 }
-.icon-view__bg_1fnhr {
+.icon-view__bg_fp72h {
     fill: #f3f4f5;
 }
-.icon-view__border_1fnhr {
+.icon-view__border_fp72h {
     stroke: var(--color-light-specialbg-component);
     stroke-width: 1px;
     fill: transparent;
 }
-.icon-view__children_1fnhr {
+.icon-view__children_fp72h {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -38,103 +38,134 @@
     left: 50%;
     transform: translate(-50%, -50%)
 }
-.icon-view__children_1fnhr svg {
+.icon-view__children_fp72h svg {
         width: 100%;
         height: 100%;
     }
-.icon-view__addons_1fnhr {
+.icon-view__addons_fp72h {
     display: flex;
-    justify-content: center;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
-    line-height: 0
+    line-height: 0;
 }
-.icon-view__addons_1fnhr svg {
-        width: 100%;
-        height: 100%;
-    }
-.icon-view__size_24_1fnhr .icon-view__children_1fnhr {
-        width: 24px;
-        height: 24px;
+.icon-view__size_128_fp72h .icon-view__children_fp72h {
+        width: 64px;
+        height: 64px;
     }
-.icon-view__size_40_1fnhr .icon-view__children_1fnhr {
-        width: 24px;
-        height: 24px;
-    }
-.icon-view__size_40_1fnhr .icon-view__addons_1fnhr {
-        width: 18px;
-        height: 18px;
+.icon-view__size_128_fp72h .icon-view__addons_fp72h {
+        width: 40px;
+        height: 40px;
     }
-.icon-view__size_40_1fnhr .icon-view__topAddons_1fnhr {
+.icon-view__size_128_fp72h .icon-view__topAddons_fp72h {
         top: -8px;
         right: -8px;
     }
-.icon-view__size_40_1fnhr .icon-view__bottomAddons_1fnhr {
+.icon-view__size_128_fp72h .icon-view__bottomAddons_fp72h {
         bottom: -8px;
         right: -8px;
     }
-.icon-view__size_48_1fnhr .icon-view__children_1fnhr {
+.icon-view__size_80_fp72h .icon-view__children_fp72h {
+        width: 48px;
+        height: 48px;
+    }
+.icon-view__size_80_fp72h .icon-view__addons_fp72h {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_48_1fnhr .icon-view__addons_1fnhr {
-        width: 18px;
-        height: 18px;
+.icon-view__size_80_fp72h .icon-view__topAddons_fp72h {
+        top: -3px;
+        right: -3px;
     }
-.icon-view__size_48_1fnhr .icon-view__topAddons_1fnhr {
-        top: -4px;
-        right: -4px;
+.icon-view__size_80_fp72h .icon-view__bottomAddons_fp72h {
+        bottom: -3px;
+        right: -3px;
     }
-.icon-view__size_48_1fnhr .icon-view__bottomAddons_1fnhr {
-        bottom: -4px;
-        right: -4px;
+.icon-view__size_80_fp72h .icon-view__indicator_fp72h {
+        top: -6px;
+        right: -14px;
     }
-.icon-view__size_64_1fnhr .icon-view__children_1fnhr {
+.icon-view__size_64_fp72h .icon-view__children_fp72h {
         width: 32px;
         height: 32px;
     }
-.icon-view__size_64_1fnhr .icon-view__addons_1fnhr {
-        width: 18px;
-        height: 18px;
+.icon-view__size_64_fp72h .icon-view__addons_fp72h {
+        width: 24px;
+        height: 24px;
     }
-.icon-view__size_64_1fnhr .icon-view__topAddons_1fnhr {
-        top: -2px;
-        right: -2px;
+.icon-view__size_64_fp72h .icon-view__topAddons_fp72h {
+        top: -7px;
+        right: -7px;
     }
-.icon-view__size_64_1fnhr .icon-view__bottomAddons_1fnhr {
-        bottom: -2px;
-        right: -2px;
+.icon-view__size_64_fp72h .icon-view__bottomAddons_fp72h {
+        bottom: -7px;
+        right: -7px;
     }
-.icon-view__size_80_1fnhr .icon-view__children_1fnhr {
-        width: 48px;
-        height: 48px;
+.icon-view__size_64_fp72h .icon-view__indicator_fp72h {
+        top: -8px;
+        right: -16px;
     }
-.icon-view__size_80_1fnhr .icon-view__addons_1fnhr {
+.icon-view__size_48_fp72h .icon-view__children_fp72h {
         width: 24px;
         height: 24px;
     }
-.icon-view__size_80_1fnhr .icon-view__topAddons_1fnhr {
-        top: -4px;
-        right: -4px;
+.icon-view__size_48_fp72h .icon-view__addons_fp72h {
+        width: 20px;
+        height: 20px;
     }
-.icon-view__size_80_1fnhr .icon-view__bottomAddons_1fnhr {
-        bottom: -4px;
-        right: -4px;
+.icon-view__size_48_fp72h .icon-view__topAddons_fp72h {
+        top: -7px;
+        right: -7px;
     }
-.icon-view__size_128_1fnhr .icon-view__children_1fnhr {
-        width: 60px;
-        height: 60px;
+.icon-view__size_48_fp72h .icon-view__bottomAddons_fp72h {
+        bottom: -7px;
+        right: -7px;
     }
-.icon-view__size_128_1fnhr .icon-view__addons_1fnhr {
-        width: 40px;
-        height: 40px;
+.icon-view__size_48_fp72h .icon-view__indicator_fp72h {
+        top: -7px;
+        right: -13px;
     }
-.icon-view__size_128_1fnhr .icon-view__topAddons_1fnhr {
-        top: -8px;
-        right: -8px;
+.icon-view__size_40_fp72h .icon-view__children_fp72h {
+        width: 24px;
+        height: 24px;
     }
-.icon-view__size_128_1fnhr .icon-view__bottomAddons_1fnhr {
-        bottom: -8px;
-        right: -8px;
+.icon-view__size_40_fp72h .icon-view__addons_fp72h {
+        width: 20px;
+        height: 20px;
+    }
+.icon-view__size_40_fp72h .icon-view__topAddons_fp72h {
+        top: -7px;
+        right: -7px;
+    }
+.icon-view__size_40_fp72h .icon-view__bottomAddons_fp72h {
+        bottom: -7px;
+        right: -7px;
+    }
+.icon-view__size_40_fp72h .icon-view__indicator_fp72h {
+        top: -7px;
+        right: -13px;
+    }
+.icon-view__size_32_fp72h .icon-view__children_fp72h {
+        width: 24px;
+        height: 24px;
+    }
+.icon-view__size_32_fp72h .icon-view__indicator_fp72h {
+        top: -2px;
+        right: -2px;
+    }
+.icon-view__size_24_fp72h .icon-view__children_fp72h {
+        width: 24px;
+        height: 24px;
+    }
+.icon-view__size_24_fp72h .icon-view__indicator_fp72h {
+        top: -2px;
+        right: -2px;
+    }
+.icon-view__size_20_fp72h .icon-view__children_fp72h {
+        width: 16px;
+        height: 16px;
+    }
+.icon-view__size_20_fp72h .icon-view__indicator_fp72h {
+        top: -3px;
+        right: -3px;
     }

package/icon-view/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/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/components/circle/component.d.ts

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

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-2aca2aba.js');
+var tslib_es6 = require('../../tslib.es6-9add73f1.js');
 var React = require('react');
 var components_baseShape_component = require('../base-shape/component.js');
 var components_circle_paths = require('./paths.js');

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

@@ -1,5 +1,5 @@
 var components_circle_component = require('./component.js');
-require('../../tslib.es6-2aca2aba.js');
+require('../../tslib.es6-9add73f1.js');
 require('react');
 require('../base-shape/component.js');
 require('classnames');

package/icon-view/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;