@alfalab/core-components 45.7.0 → 45.8.0

package/icon-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: dhmou */
+/* hash: 13dhl */
 :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 { /* 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 { /* 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 */
@@ -20,34 +20,34 @@
     --icon-button-40-size: 40px;
     --icon-button-s-size: 48px;
     --icon-button-56-size: 56px;
-} .icon-button__size-24_eb7od {
+} .icon-button__size-24_mq61k {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_eb7od {
+} .icon-button__size-32_mq61k {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_eb7od {
+} .icon-button__size-40_mq61k {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_eb7od {
+} .icon-button__size-48_mq61k {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_eb7od {
+} .icon-button__size-56_mq61k {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_eb7od {
+} .icon-button__iconWrapper_mq61k {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_eb7od.icon-button__center_eb7od {
+} .icon-button__iconWrapper_mq61k.icon-button__center_mq61k {
         justify-content: center;
         margin: 0 auto;
-    } .icon-button__iconWrapper_eb7od.icon-button__left_eb7od {
+    } .icon-button__iconWrapper_mq61k.icon-button__left_mq61k {
         justify-content: left;
-    } .icon-button__iconWrapper_eb7od.icon-button__right_eb7od {
+    } .icon-button__iconWrapper_mq61k.icon-button__right_mq61k {
         justify-content: right;
-    } .icon-button__icon_eb7od {
+    } .icon-button__icon_mq61k {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_eb7od *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_mq61k *[fill-rule] {
     fill: currentColor;
 }

package/icon-button/modern/inverted.css

@@ -1,13 +1,13 @@
-/* hash: 2onc5 */
+/* hash: 19w5g */
 :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-1500-inverted: #fff;
     --color-light-neutral-1500-inverted-hover: #babbc2;
     --color-light-neutral-1500-inverted-press: #a0a1a9;
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
-    --color-light-status-negative-inverted: #ff5431;
-    --color-light-status-negative-inverted-hover: #ff7554;
-    --color-light-status-negative-inverted-press: #ff8d73; /* 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 */
+    --color-light-status-negative-inverted: #ff4837;
+    --color-light-status-negative-inverted-hover: #ff755e;
+    --color-light-status-negative-inverted-press: #ff8d79; /* 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 { /* 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 {
 } :root {
@@ -74,50 +74,50 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_1g892 {
+} .cc-icon-button.icon-button__primary_tuuam {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_1g892:hover {
+    } .cc-icon-button.icon-button__primary_tuuam:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_1g892:active {
+        } .cc-icon-button.icon-button__primary_tuuam:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_1g892 {
+        } .cc-icon-button.icon-button__secondary_tuuam {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_1g892:hover {
+    } .cc-icon-button.icon-button__secondary_tuuam:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_1g892:active {
+        } .cc-icon-button.icon-button__secondary_tuuam:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_1g892 {
+        } .cc-icon-button.icon-button__transparent_tuuam {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_1g892:hover {
+    } .cc-icon-button.icon-button__transparent_tuuam:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_1g892:active {
+        } .cc-icon-button.icon-button__transparent_tuuam:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_1g892 {
+        } .cc-icon-button.icon-button__negative_tuuam {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_1g892:hover {
+    } .cc-icon-button.icon-button__negative_tuuam:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_1g892:active {
+        } .cc-icon-button.icon-button__negative_tuuam:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_1g892 {
+        } .cc-icon-button.icon-button__tertiary_tuuam {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_1g892:hover {
+    } .cc-icon-button.icon-button__tertiary_tuuam:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_1g892:active {
+        } .cc-icon-button.icon-button__tertiary_tuuam:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__primary_1g892 {
+        } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__primary_tuuam {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__primary_1g892.icon-button__loader_1g892 {
+        } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__primary_tuuam.icon-button__loader_tuuam {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__secondary_1g892 {
+            } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__secondary_tuuam {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__secondary_1g892.icon-button__loader_1g892 {
+        } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__secondary_tuuam.icon-button__loader_tuuam {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__negative_1g892 {
+            } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__negative_tuuam {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__negative_1g892.icon-button__loader_1g892 {
+        } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__negative_tuuam.icon-button__loader_tuuam {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__tertiary_1g892 {
+            } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__tertiary_tuuam {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_1g892:disabled.icon-button__tertiary_1g892.icon-button__loader_1g892 {
+        } .cc-icon-button.icon-button__component_tuuam:disabled.icon-button__tertiary_tuuam.icon-button__loader_tuuam {
                 color: var(--icon-button-inverted-tertiary-base-color);
             }

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

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"componentWrapper":"icon-view__componentWrapper_7s69i","component":"icon-view__component_7s69i","bg":"icon-view__bg_7s69i","border":"icon-view__border_7s69i","text":"icon-view__text_7s69i","children":"icon-view__children_7s69i","addons":"icon-view__addons_7s69i","size_128":"icon-view__size_128_7s69i","topAddons":"icon-view__topAddons_7s69i","bottomAddons":"icon-view__bottomAddons_7s69i","size_80":"icon-view__size_80_7s69i","indicator":"icon-view__indicator_7s69i","size_64":"icon-view__size_64_7s69i","size_56":"icon-view__size_56_7s69i","size_48":"icon-view__size_48_7s69i","size_40":"icon-view__size_40_7s69i","size_32":"icon-view__size_32_7s69i","size_24":"icon-view__size_24_7s69i","size_20":"icon-view__size_20_7s69i","size_16":"icon-view__size_16_7s69i","size-16":"icon-view__size-16_7s69i","size-20":"icon-view__size-20_7s69i","size-24":"icon-view__size-24_7s69i","size-32":"icon-view__size-32_7s69i","size-40":"icon-view__size-40_7s69i","size-48":"icon-view__size-48_7s69i","size-56":"icon-view__size-56_7s69i","size-64":"icon-view__size-64_7s69i","size-80":"icon-view__size-80_7s69i","size-128":"icon-view__size-128_7s69i"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_xwl0h","component":"icon-view__component_xwl0h","bg":"icon-view__bg_xwl0h","border":"icon-view__border_xwl0h","text":"icon-view__text_xwl0h","children":"icon-view__children_xwl0h","addons":"icon-view__addons_xwl0h","size_128":"icon-view__size_128_xwl0h","topAddons":"icon-view__topAddons_xwl0h","bottomAddons":"icon-view__bottomAddons_xwl0h","size_80":"icon-view__size_80_xwl0h","indicator":"icon-view__indicator_xwl0h","size_64":"icon-view__size_64_xwl0h","size_56":"icon-view__size_56_xwl0h","size_48":"icon-view__size_48_xwl0h","size_40":"icon-view__size_40_xwl0h","size_32":"icon-view__size_32_xwl0h","size_24":"icon-view__size_24_xwl0h","size_20":"icon-view__size_20_xwl0h","size_16":"icon-view__size_16_xwl0h","size-16":"icon-view__size-16_xwl0h","size-20":"icon-view__size-20_xwl0h","size-24":"icon-view__size-24_xwl0h","size-32":"icon-view__size-32_xwl0h","size-40":"icon-view__size-40_xwl0h","size-48":"icon-view__size-48_xwl0h","size-56":"icon-view__size-56_xwl0h","size-64":"icon-view__size-64_xwl0h","size-80":"icon-view__size-80_xwl0h","size-128":"icon-view__size-128_xwl0h"};
 require('./index.css');
 
 var BaseShape = React.forwardRef(function (_a, ref) {

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

@@ -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_7s69i {
+} .icon-view__componentWrapper_xwl0h {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_7s69i {
+} .icon-view__component_xwl0h {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_7s69i > svg {
+} .icon-view__component_xwl0h > svg {
         vertical-align: top;
-    } .icon-view__bg_7s69i {
+    } .icon-view__bg_xwl0h {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_7s69i {
+} .icon-view__border_xwl0h {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_7s69i {
+} .icon-view__text_xwl0h {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_7s69i {
+} .icon-view__children_xwl0h {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_7s69i svg,
-    .icon-view__children_7s69i .cc-cdn-icon {
+} .icon-view__children_xwl0h svg,
+    .icon-view__children_xwl0h .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_7s69i {
+    } .icon-view__addons_xwl0h {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_7s69i {
+} .icon-view__size_128_xwl0h {
     width: 128px;
     height: 128px
-} .icon-view__size_128_7s69i .icon-view__children_7s69i {
+} .icon-view__size_128_xwl0h .icon-view__children_xwl0h {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_128_xwl0h .icon-view__addons_xwl0h {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_128_xwl0h .icon-view__topAddons_xwl0h {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_128_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_7s69i {
+    } .icon-view__size_80_xwl0h {
     width: 80px;
     height: 80px
-} .icon-view__size_80_7s69i .icon-view__children_7s69i {
+} .icon-view__size_80_xwl0h .icon-view__children_xwl0h {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_80_xwl0h .icon-view__addons_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_80_xwl0h .icon-view__topAddons_xwl0h {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_80_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_80_xwl0h .icon-view__indicator_xwl0h {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_7s69i {
+    } .icon-view__size_64_xwl0h {
     width: 64px;
     height: 64px
-} .icon-view__size_64_7s69i .icon-view__children_7s69i {
+} .icon-view__size_64_xwl0h .icon-view__children_xwl0h {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_64_xwl0h .icon-view__addons_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_64_xwl0h .icon-view__topAddons_xwl0h {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_64_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_64_xwl0h .icon-view__indicator_xwl0h {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_7s69i {
+    } .icon-view__size_56_xwl0h {
     width: 56px;
     height: 56px
-} .icon-view__size_56_7s69i .icon-view__children_7s69i {
+} .icon-view__size_56_xwl0h .icon-view__children_xwl0h {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_56_xwl0h .icon-view__addons_xwl0h {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_56_xwl0h .icon-view__topAddons_xwl0h {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_56_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_56_xwl0h .icon-view__indicator_xwl0h {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_7s69i {
+    } .icon-view__size_48_xwl0h {
     width: 48px;
     height: 48px
-} .icon-view__size_48_7s69i .icon-view__children_7s69i {
+} .icon-view__size_48_xwl0h .icon-view__children_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_48_xwl0h .icon-view__addons_xwl0h {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_48_xwl0h .icon-view__topAddons_xwl0h {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_48_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_48_xwl0h .icon-view__indicator_xwl0h {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_7s69i {
+    } .icon-view__size_40_xwl0h {
     width: 40px;
     height: 40px
-} .icon-view__size_40_7s69i .icon-view__children_7s69i {
+} .icon-view__size_40_xwl0h .icon-view__children_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_7s69i .icon-view__addons_7s69i {
+    } .icon-view__size_40_xwl0h .icon-view__addons_xwl0h {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_7s69i .icon-view__topAddons_7s69i {
+    } .icon-view__size_40_xwl0h .icon-view__topAddons_xwl0h {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_7s69i .icon-view__bottomAddons_7s69i {
+    } .icon-view__size_40_xwl0h .icon-view__bottomAddons_xwl0h {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_40_xwl0h .icon-view__indicator_xwl0h {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_7s69i {
+    } .icon-view__size_32_xwl0h {
     width: 32px;
     height: 32px
-} .icon-view__size_32_7s69i .icon-view__children_7s69i {
+} .icon-view__size_32_xwl0h .icon-view__children_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_32_xwl0h .icon-view__indicator_xwl0h {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_7s69i {
+    } .icon-view__size_24_xwl0h {
     width: 24px;
     height: 24px
-} .icon-view__size_24_7s69i .icon-view__children_7s69i {
+} .icon-view__size_24_xwl0h .icon-view__children_xwl0h {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_24_xwl0h .icon-view__indicator_xwl0h {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_7s69i {
+    } .icon-view__size_20_xwl0h {
     width: 20px;
     height: 20px
-} .icon-view__size_20_7s69i .icon-view__children_7s69i {
+} .icon-view__size_20_xwl0h .icon-view__children_xwl0h {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_20_xwl0h .icon-view__indicator_xwl0h {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_7s69i {
+    } .icon-view__size_16_xwl0h {
     width: 16px;
     height: 16px
-} .icon-view__size_16_7s69i .icon-view__children_7s69i {
+} .icon-view__size_16_xwl0h .icon-view__children_xwl0h {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_7s69i .icon-view__indicator_7s69i {
+    } .icon-view__size_16_xwl0h .icon-view__indicator_xwl0h {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_7s69i.icon-view__size-16_7s69i {
+    } /* prettier-ignore */ .icon-view__children_xwl0h.icon-view__size-16_xwl0h {
             width: 16px;
             height: 16px;
-        } .icon-view__children_7s69i.icon-view__size-20_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-20_xwl0h {
             width: 20px;
             height: 20px;
-        } .icon-view__children_7s69i.icon-view__size-24_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-24_xwl0h {
             width: 24px;
             height: 24px;
-        } .icon-view__children_7s69i.icon-view__size-32_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-32_xwl0h {
             width: 32px;
             height: 32px;
-        } .icon-view__children_7s69i.icon-view__size-40_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-40_xwl0h {
             width: 40px;
             height: 40px;
-        } .icon-view__children_7s69i.icon-view__size-48_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-48_xwl0h {
             width: 48px;
             height: 48px;
-        } .icon-view__children_7s69i.icon-view__size-56_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-56_xwl0h {
             width: 56px;
             height: 56px;
-        } .icon-view__children_7s69i.icon-view__size-64_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-64_xwl0h {
             width: 64px;
             height: 64px;
-        } .icon-view__children_7s69i.icon-view__size-80_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-80_xwl0h {
             width: 80px;
             height: 80px;
-        } .icon-view__children_7s69i.icon-view__size-128_7s69i {
+        } .icon-view__children_xwl0h.icon-view__size-128_xwl0h {
             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_7s69i","component":"icon-view__component_7s69i","bg":"icon-view__bg_7s69i","border":"icon-view__border_7s69i","text":"icon-view__text_7s69i","children":"icon-view__children_7s69i","addons":"icon-view__addons_7s69i","size_128":"icon-view__size_128_7s69i","topAddons":"icon-view__topAddons_7s69i","bottomAddons":"icon-view__bottomAddons_7s69i","size_80":"icon-view__size_80_7s69i","indicator":"icon-view__indicator_7s69i","size_64":"icon-view__size_64_7s69i","size_56":"icon-view__size_56_7s69i","size_48":"icon-view__size_48_7s69i","size_40":"icon-view__size_40_7s69i","size_32":"icon-view__size_32_7s69i","size_24":"icon-view__size_24_7s69i","size_20":"icon-view__size_20_7s69i","size_16":"icon-view__size_16_7s69i","size-16":"icon-view__size-16_7s69i","size-20":"icon-view__size-20_7s69i","size-24":"icon-view__size-24_7s69i","size-32":"icon-view__size-32_7s69i","size-40":"icon-view__size-40_7s69i","size-48":"icon-view__size-48_7s69i","size-56":"icon-view__size-56_7s69i","size-64":"icon-view__size-64_7s69i","size-80":"icon-view__size-80_7s69i","size-128":"icon-view__size-128_7s69i"};
+var styles = {"componentWrapper":"icon-view__componentWrapper_xwl0h","component":"icon-view__component_xwl0h","bg":"icon-view__bg_xwl0h","border":"icon-view__border_xwl0h","text":"icon-view__text_xwl0h","children":"icon-view__children_xwl0h","addons":"icon-view__addons_xwl0h","size_128":"icon-view__size_128_xwl0h","topAddons":"icon-view__topAddons_xwl0h","bottomAddons":"icon-view__bottomAddons_xwl0h","size_80":"icon-view__size_80_xwl0h","indicator":"icon-view__indicator_xwl0h","size_64":"icon-view__size_64_xwl0h","size_56":"icon-view__size_56_xwl0h","size_48":"icon-view__size_48_xwl0h","size_40":"icon-view__size_40_xwl0h","size_32":"icon-view__size_32_xwl0h","size_24":"icon-view__size_24_xwl0h","size_20":"icon-view__size_20_xwl0h","size_16":"icon-view__size_16_xwl0h","size-16":"icon-view__size-16_xwl0h","size-20":"icon-view__size-20_xwl0h","size-24":"icon-view__size-24_xwl0h","size-32":"icon-view__size-32_xwl0h","size-40":"icon-view__size-40_xwl0h","size-48":"icon-view__size-48_xwl0h","size-56":"icon-view__size-56_xwl0h","size-64":"icon-view__size-64_xwl0h","size-80":"icon-view__size-80_xwl0h","size-128":"icon-view__size-128_xwl0h"};
 require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {