@alfalab/core-components 48.5.0 → 48.6.0

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

@@ -1,4 +1,4 @@
-/* hash: 1d7vy */
+/* hash: 1dnx8 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-100: #f2f3f5;
@@ -33,26 +33,26 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --icon-view-color: var(--color-light-neutral-translucent-700);
     --icon-view-bg-color: var(--color-light-neutral-100);
-} .icon-view__componentWrapper_1skn8 {
+} .icon-view__componentWrapper_e6k2w {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_1skn8 {
+} .icon-view__component_e6k2w {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_1skn8 > svg {
+} .icon-view__component_e6k2w > svg {
         vertical-align: top;
-    } .icon-view__bg_1skn8 {
+    } .icon-view__bg_e6k2w {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_1skn8 {
+} .icon-view__border_e6k2w {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_1skn8 {
+} .icon-view__text_e6k2w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -63,7 +63,7 @@
     top: var(--gap-0);
     overflow: hidden;
     text-align: center;
-} .icon-view__children_1skn8 {
+} .icon-view__children_e6k2w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -72,206 +72,206 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_1skn8 svg,
-    .icon-view__children_1skn8 .cc-cdn-icon {
+} .icon-view__children_e6k2w svg,
+    .icon-view__children_e6k2w .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_1skn8 {
+    } .icon-view__addons_e6k2w {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__wrapperSize_128_1skn8 {
+} .icon-view__wrapperSize_128_e6k2w {
     width: 128px;
     height: 128px
-} .icon-view__wrapperSize_128_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_128_e6k2w .icon-view__children_e6k2w {
         width: 64px;
         height: 64px;
-    } .icon-view__wrapperSize_128_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_128_e6k2w .icon-view__addons_e6k2w {
         width: 40px;
         height: 40px;
-    } .icon-view__wrapperSize_128_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_128_e6k2w .icon-view__topAddons_e6k2w {
         top: var(--gap-8-neg);
         right: var(--gap-8-neg);
-    } .icon-view__wrapperSize_128_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_128_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: var(--gap-8-neg);
         right: var(--gap-8-neg);
-    } .icon-view__wrapperSize_80_1skn8 {
+    } .icon-view__wrapperSize_80_e6k2w {
     width: 80px;
     height: 80px
-} .icon-view__wrapperSize_80_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_80_e6k2w .icon-view__children_e6k2w {
         width: 48px;
         height: 48px;
-    } .icon-view__wrapperSize_80_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_80_e6k2w .icon-view__addons_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_80_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_80_e6k2w .icon-view__topAddons_e6k2w {
         top: -3px;
         right: -3px;
-    } .icon-view__wrapperSize_80_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_80_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: -3px;
         right: -3px;
-    } .icon-view__wrapperSize_80_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_80_e6k2w .icon-view__indicator_e6k2w {
         top: -6px;
         right: -14px;
-    } .icon-view__wrapperSize_72_1skn8 {
+    } .icon-view__wrapperSize_72_e6k2w {
     width: 72px;
     height: 72px
-} .icon-view__wrapperSize_72_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_72_e6k2w .icon-view__children_e6k2w {
         width: 56px;
         height: 56px;
-    } .icon-view__wrapperSize_72_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_72_e6k2w .icon-view__addons_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_72_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_72_e6k2w .icon-view__topAddons_e6k2w {
         top: -5px;
         right: -5px;
-    } .icon-view__wrapperSize_72_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_72_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: -5px;
         right: -5px;
-    } .icon-view__wrapperSize_72_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_72_e6k2w .icon-view__indicator_e6k2w {
         top: -8px;
         right: -16px;
-    } .icon-view__wrapperSize_64_1skn8 {
+    } .icon-view__wrapperSize_64_e6k2w {
     width: 64px;
     height: 64px
-} .icon-view__wrapperSize_64_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_64_e6k2w .icon-view__children_e6k2w {
         width: 32px;
         height: 32px;
-    } .icon-view__wrapperSize_64_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_64_e6k2w .icon-view__addons_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_64_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_64_e6k2w .icon-view__topAddons_e6k2w {
         top: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_64_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_64_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_64_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_64_e6k2w .icon-view__indicator_e6k2w {
         top: var(--gap-8-neg);
         right: var(--gap-8-neg);
-    } .icon-view__wrapperSize_56_1skn8 {
+    } .icon-view__wrapperSize_56_e6k2w {
     width: 56px;
     height: 56px
-} .icon-view__wrapperSize_56_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_56_e6k2w .icon-view__children_e6k2w {
         width: 40px;
         height: 40px;
-    } .icon-view__wrapperSize_56_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_56_e6k2w .icon-view__addons_e6k2w {
         width: 20px;
         height: 20px;
-    } .icon-view__wrapperSize_56_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_56_e6k2w .icon-view__topAddons_e6k2w {
         top: var(--gap-8-neg);
         right: -6px;
-    } .icon-view__wrapperSize_56_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_56_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: var(--gap-8-neg);
         right: -6px;
-    } .icon-view__wrapperSize_56_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_56_e6k2w .icon-view__indicator_e6k2w {
         top: -6px;
         right: var(--gap-12-neg);
-    } .icon-view__wrapperSize_48_1skn8 {
+    } .icon-view__wrapperSize_48_e6k2w {
     width: 48px;
     height: 48px
-} .icon-view__wrapperSize_48_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_48_e6k2w .icon-view__children_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_48_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_48_e6k2w .icon-view__addons_e6k2w {
         width: 20px;
         height: 20px;
-    } .icon-view__wrapperSize_48_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_48_e6k2w .icon-view__topAddons_e6k2w {
         top: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_48_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_48_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_48_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_48_e6k2w .icon-view__indicator_e6k2w {
         top: -7px;
         right: -13px;
-    } .icon-view__wrapperSize_40_1skn8 {
+    } .icon-view__wrapperSize_40_e6k2w {
     width: 40px;
     height: 40px
-} .icon-view__wrapperSize_40_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_40_e6k2w .icon-view__children_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_40_1skn8 .icon-view__addons_1skn8 {
+    } .icon-view__wrapperSize_40_e6k2w .icon-view__addons_e6k2w {
         width: 20px;
         height: 20px;
-    } .icon-view__wrapperSize_40_1skn8 .icon-view__topAddons_1skn8 {
+    } .icon-view__wrapperSize_40_e6k2w .icon-view__topAddons_e6k2w {
         top: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_40_1skn8 .icon-view__bottomAddons_1skn8 {
+    } .icon-view__wrapperSize_40_e6k2w .icon-view__bottomAddons_e6k2w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__wrapperSize_40_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_40_e6k2w .icon-view__indicator_e6k2w {
         top: -7px;
         right: -13px;
-    } .icon-view__wrapperSize_32_1skn8 {
+    } .icon-view__wrapperSize_32_e6k2w {
     width: 32px;
     height: 32px
-} .icon-view__wrapperSize_32_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_32_e6k2w .icon-view__children_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_32_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_32_e6k2w .icon-view__indicator_e6k2w {
         top: var(--gap-2-neg);
         right: var(--gap-2-neg);
-    } .icon-view__wrapperSize_24_1skn8 {
+    } .icon-view__wrapperSize_24_e6k2w {
     width: 24px;
     height: 24px
-} .icon-view__wrapperSize_24_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_24_e6k2w .icon-view__children_e6k2w {
         width: 24px;
         height: 24px;
-    } .icon-view__wrapperSize_24_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_24_e6k2w .icon-view__indicator_e6k2w {
         top: var(--gap-2-neg);
         right: var(--gap-2-neg);
-    } .icon-view__wrapperSize_20_1skn8 {
+    } .icon-view__wrapperSize_20_e6k2w {
     width: 20px;
     height: 20px
-} .icon-view__wrapperSize_20_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_20_e6k2w .icon-view__children_e6k2w {
         width: 16px;
         height: 16px;
-    } .icon-view__wrapperSize_20_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_20_e6k2w .icon-view__indicator_e6k2w {
         top: -3px;
         right: -3px;
-    } .icon-view__wrapperSize_16_1skn8 {
+    } .icon-view__wrapperSize_16_e6k2w {
     width: 16px;
     height: 16px
-} .icon-view__wrapperSize_16_1skn8 .icon-view__children_1skn8 {
+} .icon-view__wrapperSize_16_e6k2w .icon-view__children_e6k2w {
         width: 16px;
         height: 16px;
-    } .icon-view__wrapperSize_16_1skn8 .icon-view__indicator_1skn8 {
+    } .icon-view__wrapperSize_16_e6k2w .icon-view__indicator_e6k2w {
         top: var(--gap-4-neg);
         right: var(--gap-4-neg);
-    } /* prettier-ignore */ .icon-view__children_1skn8.icon-view__childrenSize_16_1skn8 {
+    } /* prettier-ignore */ .icon-view__children_e6k2w.icon-view__childrenSize_16_e6k2w {
             width: 16px;
             height: 16px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_20_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_20_e6k2w {
             width: 20px;
             height: 20px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_24_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_24_e6k2w {
             width: 24px;
             height: 24px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_32_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_32_e6k2w {
             width: 32px;
             height: 32px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_40_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_40_e6k2w {
             width: 40px;
             height: 40px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_48_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_48_e6k2w {
             width: 48px;
             height: 48px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_56_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_56_e6k2w {
             width: 56px;
             height: 56px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_64_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_64_e6k2w {
             width: 64px;
             height: 64px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_72_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_72_e6k2w {
             width: 72px;
             height: 72px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_80_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_80_e6k2w {
             width: 80px;
             height: 80px;
-        } .icon-view__children_1skn8.icon-view__childrenSize_128_1skn8 {
+        } .icon-view__children_e6k2w.icon-view__childrenSize_128_e6k2w {
             width: 128px;
             height: 128px;
         }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useImageLoadingState, useId } from '@alfalab/hooks';
 import { getPath, getPathName } from './utils.js';
 
-const styles = {"componentWrapper":"icon-view__componentWrapper_1skn8","component":"icon-view__component_1skn8","bg":"icon-view__bg_1skn8","border":"icon-view__border_1skn8","text":"icon-view__text_1skn8","children":"icon-view__children_1skn8","addons":"icon-view__addons_1skn8","wrapperSize_128":"icon-view__wrapperSize_128_1skn8","topAddons":"icon-view__topAddons_1skn8","bottomAddons":"icon-view__bottomAddons_1skn8","wrapperSize_80":"icon-view__wrapperSize_80_1skn8","indicator":"icon-view__indicator_1skn8","wrapperSize_72":"icon-view__wrapperSize_72_1skn8","wrapperSize_64":"icon-view__wrapperSize_64_1skn8","wrapperSize_56":"icon-view__wrapperSize_56_1skn8","wrapperSize_48":"icon-view__wrapperSize_48_1skn8","wrapperSize_40":"icon-view__wrapperSize_40_1skn8","wrapperSize_32":"icon-view__wrapperSize_32_1skn8","wrapperSize_24":"icon-view__wrapperSize_24_1skn8","wrapperSize_20":"icon-view__wrapperSize_20_1skn8","wrapperSize_16":"icon-view__wrapperSize_16_1skn8","childrenSize_16":"icon-view__childrenSize_16_1skn8","childrenSize_20":"icon-view__childrenSize_20_1skn8","childrenSize_24":"icon-view__childrenSize_24_1skn8","childrenSize_32":"icon-view__childrenSize_32_1skn8","childrenSize_40":"icon-view__childrenSize_40_1skn8","childrenSize_48":"icon-view__childrenSize_48_1skn8","childrenSize_56":"icon-view__childrenSize_56_1skn8","childrenSize_64":"icon-view__childrenSize_64_1skn8","childrenSize_72":"icon-view__childrenSize_72_1skn8","childrenSize_80":"icon-view__childrenSize_80_1skn8","childrenSize_128":"icon-view__childrenSize_128_1skn8"};
+const styles = {"componentWrapper":"icon-view__componentWrapper_e6k2w","component":"icon-view__component_e6k2w","bg":"icon-view__bg_e6k2w","border":"icon-view__border_e6k2w","text":"icon-view__text_e6k2w","children":"icon-view__children_e6k2w","addons":"icon-view__addons_e6k2w","wrapperSize_128":"icon-view__wrapperSize_128_e6k2w","topAddons":"icon-view__topAddons_e6k2w","bottomAddons":"icon-view__bottomAddons_e6k2w","wrapperSize_80":"icon-view__wrapperSize_80_e6k2w","indicator":"icon-view__indicator_e6k2w","wrapperSize_72":"icon-view__wrapperSize_72_e6k2w","wrapperSize_64":"icon-view__wrapperSize_64_e6k2w","wrapperSize_56":"icon-view__wrapperSize_56_e6k2w","wrapperSize_48":"icon-view__wrapperSize_48_e6k2w","wrapperSize_40":"icon-view__wrapperSize_40_e6k2w","wrapperSize_32":"icon-view__wrapperSize_32_e6k2w","wrapperSize_24":"icon-view__wrapperSize_24_e6k2w","wrapperSize_20":"icon-view__wrapperSize_20_e6k2w","wrapperSize_16":"icon-view__wrapperSize_16_e6k2w","childrenSize_16":"icon-view__childrenSize_16_e6k2w","childrenSize_20":"icon-view__childrenSize_20_e6k2w","childrenSize_24":"icon-view__childrenSize_24_e6k2w","childrenSize_32":"icon-view__childrenSize_32_e6k2w","childrenSize_40":"icon-view__childrenSize_40_e6k2w","childrenSize_48":"icon-view__childrenSize_48_e6k2w","childrenSize_56":"icon-view__childrenSize_56_e6k2w","childrenSize_64":"icon-view__childrenSize_64_e6k2w","childrenSize_72":"icon-view__childrenSize_72_e6k2w","childrenSize_80":"icon-view__childrenSize_80_e6k2w","childrenSize_128":"icon-view__childrenSize_128_e6k2w"};
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, iconContainerClassName, }, ref) => {