@alfalab/core-components 45.3.0 → 45.4.0-beta.1

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

@@ -1,4 +1,4 @@
-/* hash: c4mi3 */
+/* hash: 9q1eb */
 :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;
@@ -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_bfphg {
+} .icon-view__componentWrapper_ju96w {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_bfphg {
+} .icon-view__component_ju96w {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_bfphg > svg {
+} .icon-view__component_ju96w > svg {
         vertical-align: top;
-    } .icon-view__bg_bfphg {
+    } .icon-view__bg_ju96w {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_bfphg {
+} .icon-view__border_ju96w {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_bfphg {
+} .icon-view__text_ju96w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_bfphg {
+} .icon-view__children_ju96w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_bfphg svg,
-    .icon-view__children_bfphg .cc-cdn-icon {
+} .icon-view__children_ju96w svg,
+    .icon-view__children_ju96w .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_bfphg {
+    } .icon-view__addons_ju96w {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_bfphg {
+} .icon-view__size_128_ju96w {
     width: 128px;
     height: 128px
-} .icon-view__size_128_bfphg .icon-view__children_bfphg {
+} .icon-view__size_128_ju96w .icon-view__children_ju96w {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__addons_ju96w {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__topAddons_ju96w {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_bfphg {
+    } .icon-view__size_80_ju96w {
     width: 80px;
     height: 80px
-} .icon-view__size_80_bfphg .icon-view__children_bfphg {
+} .icon-view__size_80_ju96w .icon-view__children_ju96w {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__addons_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__topAddons_ju96w {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__indicator_ju96w {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_bfphg {
+    } .icon-view__size_64_ju96w {
     width: 64px;
     height: 64px
-} .icon-view__size_64_bfphg .icon-view__children_bfphg {
+} .icon-view__size_64_ju96w .icon-view__children_ju96w {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__addons_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__indicator_ju96w {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_bfphg {
+    } .icon-view__size_56_ju96w {
     width: 56px;
     height: 56px
-} .icon-view__size_56_bfphg .icon-view__children_bfphg {
+} .icon-view__size_56_ju96w .icon-view__children_ju96w {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__topAddons_ju96w {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__indicator_ju96w {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_bfphg {
+    } .icon-view__size_48_ju96w {
     width: 48px;
     height: 48px
-} .icon-view__size_48_bfphg .icon-view__children_bfphg {
+} .icon-view__size_48_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__indicator_ju96w {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_bfphg {
+    } .icon-view__size_40_ju96w {
     width: 40px;
     height: 40px
-} .icon-view__size_40_bfphg .icon-view__children_bfphg {
+} .icon-view__size_40_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__indicator_ju96w {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_bfphg {
+    } .icon-view__size_32_ju96w {
     width: 32px;
     height: 32px
-} .icon-view__size_32_bfphg .icon-view__children_bfphg {
+} .icon-view__size_32_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_32_ju96w .icon-view__indicator_ju96w {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_bfphg {
+    } .icon-view__size_24_ju96w {
     width: 24px;
     height: 24px
-} .icon-view__size_24_bfphg .icon-view__children_bfphg {
+} .icon-view__size_24_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_24_ju96w .icon-view__indicator_ju96w {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_bfphg {
+    } .icon-view__size_20_ju96w {
     width: 20px;
     height: 20px
-} .icon-view__size_20_bfphg .icon-view__children_bfphg {
+} .icon-view__size_20_ju96w .icon-view__children_ju96w {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_20_ju96w .icon-view__indicator_ju96w {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_bfphg {
+    } .icon-view__size_16_ju96w {
     width: 16px;
     height: 16px
-} .icon-view__size_16_bfphg .icon-view__children_bfphg {
+} .icon-view__size_16_ju96w .icon-view__children_ju96w {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_16_ju96w .icon-view__indicator_ju96w {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_bfphg.icon-view__size-16_bfphg {
+    } /* prettier-ignore */ .icon-view__children_ju96w.icon-view__size-16_ju96w {
             width: 16px;
             height: 16px;
-        } .icon-view__children_bfphg.icon-view__size-20_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-20_ju96w {
             width: 20px;
             height: 20px;
-        } .icon-view__children_bfphg.icon-view__size-24_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-24_ju96w {
             width: 24px;
             height: 24px;
-        } .icon-view__children_bfphg.icon-view__size-32_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-32_ju96w {
             width: 32px;
             height: 32px;
-        } .icon-view__children_bfphg.icon-view__size-40_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-40_ju96w {
             width: 40px;
             height: 40px;
-        } .icon-view__children_bfphg.icon-view__size-48_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-48_ju96w {
             width: 48px;
             height: 48px;
-        } .icon-view__children_bfphg.icon-view__size-56_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-56_ju96w {
             width: 56px;
             height: 56px;
-        } .icon-view__children_bfphg.icon-view__size-64_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-64_ju96w {
             width: 64px;
             height: 64px;
-        } .icon-view__children_bfphg.icon-view__size-80_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-80_ju96w {
             width: 80px;
             height: 80px;
-        } .icon-view__children_bfphg.icon-view__size-128_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-128_ju96w {
             width: 128px;
             height: 128px;
         }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useImageLoadingState, useId } from '@alfalab/hooks';
 import { getPath } from './utils.js';
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_bfphg","component":"icon-view__component_bfphg","bg":"icon-view__bg_bfphg","border":"icon-view__border_bfphg","text":"icon-view__text_bfphg","children":"icon-view__children_bfphg","addons":"icon-view__addons_bfphg","size_128":"icon-view__size_128_bfphg","topAddons":"icon-view__topAddons_bfphg","bottomAddons":"icon-view__bottomAddons_bfphg","size_80":"icon-view__size_80_bfphg","indicator":"icon-view__indicator_bfphg","size_64":"icon-view__size_64_bfphg","size_56":"icon-view__size_56_bfphg","size_48":"icon-view__size_48_bfphg","size_40":"icon-view__size_40_bfphg","size_32":"icon-view__size_32_bfphg","size_24":"icon-view__size_24_bfphg","size_20":"icon-view__size_20_bfphg","size_16":"icon-view__size_16_bfphg","size-16":"icon-view__size-16_bfphg","size-20":"icon-view__size-20_bfphg","size-24":"icon-view__size-24_bfphg","size-32":"icon-view__size-32_bfphg","size-40":"icon-view__size-40_bfphg","size-48":"icon-view__size-48_bfphg","size-56":"icon-view__size-56_bfphg","size-64":"icon-view__size-64_bfphg","size-80":"icon-view__size-80_bfphg","size-128":"icon-view__size-128_bfphg"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_ju96w","component":"icon-view__component_ju96w","bg":"icon-view__bg_ju96w","border":"icon-view__border_ju96w","text":"icon-view__text_ju96w","children":"icon-view__children_ju96w","addons":"icon-view__addons_ju96w","size_128":"icon-view__size_128_ju96w","topAddons":"icon-view__topAddons_ju96w","bottomAddons":"icon-view__bottomAddons_ju96w","size_80":"icon-view__size_80_ju96w","indicator":"icon-view__indicator_ju96w","size_64":"icon-view__size_64_ju96w","size_56":"icon-view__size_56_ju96w","size_48":"icon-view__size_48_ju96w","size_40":"icon-view__size_40_ju96w","size_32":"icon-view__size_32_ju96w","size_24":"icon-view__size_24_ju96w","size_20":"icon-view__size_20_ju96w","size_16":"icon-view__size_16_ju96w","size-16":"icon-view__size-16_ju96w","size-20":"icon-view__size-20_ju96w","size-24":"icon-view__size-24_ju96w","size-32":"icon-view__size-32_ju96w","size-40":"icon-view__size-40_ju96w","size-48":"icon-view__size-48_ju96w","size-56":"icon-view__size-56_ju96w","size-64":"icon-view__size-64_ju96w","size-80":"icon-view__size-80_ju96w","size-128":"icon-view__size-128_ju96w"};
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: c4mi3 */
+/* hash: 9q1eb */
 :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;
@@ -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_bfphg {
+} .icon-view__componentWrapper_ju96w {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_bfphg {
+} .icon-view__component_ju96w {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_bfphg > svg {
+} .icon-view__component_ju96w > svg {
         vertical-align: top;
-    } .icon-view__bg_bfphg {
+    } .icon-view__bg_ju96w {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_bfphg {
+} .icon-view__border_ju96w {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_bfphg {
+} .icon-view__text_ju96w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_bfphg {
+} .icon-view__children_ju96w {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_bfphg svg,
-    .icon-view__children_bfphg .cc-cdn-icon {
+} .icon-view__children_ju96w svg,
+    .icon-view__children_ju96w .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_bfphg {
+    } .icon-view__addons_ju96w {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_bfphg {
+} .icon-view__size_128_ju96w {
     width: 128px;
     height: 128px
-} .icon-view__size_128_bfphg .icon-view__children_bfphg {
+} .icon-view__size_128_ju96w .icon-view__children_ju96w {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__addons_ju96w {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__topAddons_ju96w {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_128_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_bfphg {
+    } .icon-view__size_80_ju96w {
     width: 80px;
     height: 80px
-} .icon-view__size_80_bfphg .icon-view__children_bfphg {
+} .icon-view__size_80_ju96w .icon-view__children_ju96w {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__addons_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__topAddons_ju96w {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_80_ju96w .icon-view__indicator_ju96w {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_bfphg {
+    } .icon-view__size_64_ju96w {
     width: 64px;
     height: 64px
-} .icon-view__size_64_bfphg .icon-view__children_bfphg {
+} .icon-view__size_64_ju96w .icon-view__children_ju96w {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__addons_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_64_ju96w .icon-view__indicator_ju96w {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_bfphg {
+    } .icon-view__size_56_ju96w {
     width: 56px;
     height: 56px
-} .icon-view__size_56_bfphg .icon-view__children_bfphg {
+} .icon-view__size_56_ju96w .icon-view__children_ju96w {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__topAddons_ju96w {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_56_ju96w .icon-view__indicator_ju96w {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_bfphg {
+    } .icon-view__size_48_ju96w {
     width: 48px;
     height: 48px
-} .icon-view__size_48_bfphg .icon-view__children_bfphg {
+} .icon-view__size_48_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_48_ju96w .icon-view__indicator_ju96w {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_bfphg {
+    } .icon-view__size_40_ju96w {
     width: 40px;
     height: 40px
-} .icon-view__size_40_bfphg .icon-view__children_bfphg {
+} .icon-view__size_40_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_bfphg .icon-view__addons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__addons_ju96w {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_bfphg .icon-view__topAddons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__topAddons_ju96w {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_bfphg .icon-view__bottomAddons_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__bottomAddons_ju96w {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_40_ju96w .icon-view__indicator_ju96w {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_bfphg {
+    } .icon-view__size_32_ju96w {
     width: 32px;
     height: 32px
-} .icon-view__size_32_bfphg .icon-view__children_bfphg {
+} .icon-view__size_32_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_32_ju96w .icon-view__indicator_ju96w {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_bfphg {
+    } .icon-view__size_24_ju96w {
     width: 24px;
     height: 24px
-} .icon-view__size_24_bfphg .icon-view__children_bfphg {
+} .icon-view__size_24_ju96w .icon-view__children_ju96w {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_24_ju96w .icon-view__indicator_ju96w {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_bfphg {
+    } .icon-view__size_20_ju96w {
     width: 20px;
     height: 20px
-} .icon-view__size_20_bfphg .icon-view__children_bfphg {
+} .icon-view__size_20_ju96w .icon-view__children_ju96w {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_20_ju96w .icon-view__indicator_ju96w {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_bfphg {
+    } .icon-view__size_16_ju96w {
     width: 16px;
     height: 16px
-} .icon-view__size_16_bfphg .icon-view__children_bfphg {
+} .icon-view__size_16_ju96w .icon-view__children_ju96w {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_bfphg .icon-view__indicator_bfphg {
+    } .icon-view__size_16_ju96w .icon-view__indicator_ju96w {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_bfphg.icon-view__size-16_bfphg {
+    } /* prettier-ignore */ .icon-view__children_ju96w.icon-view__size-16_ju96w {
             width: 16px;
             height: 16px;
-        } .icon-view__children_bfphg.icon-view__size-20_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-20_ju96w {
             width: 20px;
             height: 20px;
-        } .icon-view__children_bfphg.icon-view__size-24_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-24_ju96w {
             width: 24px;
             height: 24px;
-        } .icon-view__children_bfphg.icon-view__size-32_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-32_ju96w {
             width: 32px;
             height: 32px;
-        } .icon-view__children_bfphg.icon-view__size-40_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-40_ju96w {
             width: 40px;
             height: 40px;
-        } .icon-view__children_bfphg.icon-view__size-48_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-48_ju96w {
             width: 48px;
             height: 48px;
-        } .icon-view__children_bfphg.icon-view__size-56_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-56_ju96w {
             width: 56px;
             height: 56px;
-        } .icon-view__children_bfphg.icon-view__size-64_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-64_ju96w {
             width: 64px;
             height: 64px;
-        } .icon-view__children_bfphg.icon-view__size-80_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-80_ju96w {
             width: 80px;
             height: 80px;
-        } .icon-view__children_bfphg.icon-view__size-128_bfphg {
+        } .icon-view__children_ju96w.icon-view__size-128_ju96w {
             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 } from './utils.js';
 
-const styles = {"componentWrapper":"icon-view__componentWrapper_bfphg","component":"icon-view__component_bfphg","bg":"icon-view__bg_bfphg","border":"icon-view__border_bfphg","text":"icon-view__text_bfphg","children":"icon-view__children_bfphg","addons":"icon-view__addons_bfphg","size_128":"icon-view__size_128_bfphg","topAddons":"icon-view__topAddons_bfphg","bottomAddons":"icon-view__bottomAddons_bfphg","size_80":"icon-view__size_80_bfphg","indicator":"icon-view__indicator_bfphg","size_64":"icon-view__size_64_bfphg","size_56":"icon-view__size_56_bfphg","size_48":"icon-view__size_48_bfphg","size_40":"icon-view__size_40_bfphg","size_32":"icon-view__size_32_bfphg","size_24":"icon-view__size_24_bfphg","size_20":"icon-view__size_20_bfphg","size_16":"icon-view__size_16_bfphg","size-16":"icon-view__size-16_bfphg","size-20":"icon-view__size-20_bfphg","size-24":"icon-view__size-24_bfphg","size-32":"icon-view__size-32_bfphg","size-40":"icon-view__size-40_bfphg","size-48":"icon-view__size-48_bfphg","size-56":"icon-view__size-56_bfphg","size-64":"icon-view__size-64_bfphg","size-80":"icon-view__size-80_bfphg","size-128":"icon-view__size-128_bfphg"};
+const styles = {"componentWrapper":"icon-view__componentWrapper_ju96w","component":"icon-view__component_ju96w","bg":"icon-view__bg_ju96w","border":"icon-view__border_ju96w","text":"icon-view__text_ju96w","children":"icon-view__children_ju96w","addons":"icon-view__addons_ju96w","size_128":"icon-view__size_128_ju96w","topAddons":"icon-view__topAddons_ju96w","bottomAddons":"icon-view__bottomAddons_ju96w","size_80":"icon-view__size_80_ju96w","indicator":"icon-view__indicator_ju96w","size_64":"icon-view__size_64_ju96w","size_56":"icon-view__size_56_ju96w","size_48":"icon-view__size_48_ju96w","size_40":"icon-view__size_40_ju96w","size_32":"icon-view__size_32_ju96w","size_24":"icon-view__size_24_ju96w","size_20":"icon-view__size_20_ju96w","size_16":"icon-view__size_16_ju96w","size-16":"icon-view__size-16_ju96w","size-20":"icon-view__size-20_ju96w","size-24":"icon-view__size-24_ju96w","size-32":"icon-view__size-32_ju96w","size-40":"icon-view__size-40_ju96w","size-48":"icon-view__size-48_ju96w","size-56":"icon-view__size-56_ju96w","size-64":"icon-view__size-64_ju96w","size-80":"icon-view__size-80_ju96w","size-128":"icon-view__size-128_ju96w"};
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imageUrl, backgroundIcon: Icon, className, shapeClassName, text, children, topAddons, bottomAddons, indicator, pathsMap, dataTestId, mainSize, }, ref) => {