@alfalab/core-components 48.9.0 → 48.9.1

package/icon-button/esm/index.css

@@ -120,44 +120,44 @@
     --icon-button-40-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-48-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-56-size-border-radius: var(--button-s-size-mobile-border-radius);
-} .icon-button__border-24_1ce68 {
+} .icon-button__border-24_11z5h {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1ce68 {
+} .icon-button__border-32_11z5h {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1ce68 {
+} .icon-button__border-40_11z5h {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1ce68 {
+} .icon-button__border-48_11z5h {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1ce68 {
+} .icon-button__border-56_11z5h {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1ce68 {
+} .icon-button__size-24_11z5h {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1ce68 {
+} .icon-button__size-32_11z5h {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1ce68 {
+} .icon-button__size-40_11z5h {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1ce68 {
+} .icon-button__size-48_11z5h {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1ce68 {
+} .icon-button__size-56_11z5h {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1ce68 {
+} .icon-button__iconWrapper_11z5h {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1ce68.icon-button__center_1ce68 {
+} .icon-button__iconWrapper_11z5h.icon-button__center_11z5h {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1ce68.icon-button__left_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__left_11z5h {
         justify-content: left;
-    } .icon-button__iconWrapper_1ce68.icon-button__right_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__right_11z5h {
         justify-content: right;
-    } .icon-button__icon_1ce68 {
+    } .icon-button__icon_11z5h {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1ce68 *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_11z5h *[fill-rule] {
     fill: currentColor;
 }

package/icon-button/esm/inverted.css

@@ -86,76 +86,76 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_1spcz {
+} .cc-icon-button.icon-button__primary_aslvo {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_1spcz:hover {
+    } .cc-icon-button.icon-button__primary_aslvo:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_1spcz:active {
+        } .cc-icon-button.icon-button__primary_aslvo:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_1spcz {
+        } .cc-icon-button.icon-button__secondary_aslvo {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_1spcz:hover {
+    } .cc-icon-button.icon-button__secondary_aslvo:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_1spcz:active {
+        } .cc-icon-button.icon-button__secondary_aslvo:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_1spcz {
+        } .cc-icon-button.icon-button__transparent_aslvo {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_1spcz:hover {
+    } .cc-icon-button.icon-button__transparent_aslvo:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_1spcz:active {
+        } .cc-icon-button.icon-button__transparent_aslvo:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_1spcz {
+        } .cc-icon-button.icon-button__negative_aslvo {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_1spcz:hover {
+    } .cc-icon-button.icon-button__negative_aslvo:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_1spcz:active {
+        } .cc-icon-button.icon-button__negative_aslvo:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_1spcz {
+        } .cc-icon-button.icon-button__tertiary_aslvo {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_1spcz:hover {
+    } .cc-icon-button.icon-button__tertiary_aslvo:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_1spcz:active {
+        } .cc-icon-button.icon-button__tertiary_aslvo:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo {
             color: var(--color-light-text-primary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo {
             color: var(--color-light-text-secondary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo {
             color: var(--color-light-text-negative-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo {
             color: var(--color-light-text-tertiary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__primary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__primary_aslvo {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__primary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__primary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__secondary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__secondary_aslvo {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__secondary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__secondary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__negative_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__negative_aslvo {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__negative_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__negative_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__tertiary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__tertiary_aslvo {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__tertiary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__tertiary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__transparentBg_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__transparentBg_aslvo {
             background: transparent;
         }

package/icon-button/index.css

@@ -120,44 +120,44 @@
     --icon-button-40-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-48-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-56-size-border-radius: var(--button-s-size-mobile-border-radius);
-} .icon-button__border-24_1ce68 {
+} .icon-button__border-24_11z5h {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1ce68 {
+} .icon-button__border-32_11z5h {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1ce68 {
+} .icon-button__border-40_11z5h {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1ce68 {
+} .icon-button__border-48_11z5h {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1ce68 {
+} .icon-button__border-56_11z5h {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1ce68 {
+} .icon-button__size-24_11z5h {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1ce68 {
+} .icon-button__size-32_11z5h {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1ce68 {
+} .icon-button__size-40_11z5h {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1ce68 {
+} .icon-button__size-48_11z5h {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1ce68 {
+} .icon-button__size-56_11z5h {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1ce68 {
+} .icon-button__iconWrapper_11z5h {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1ce68.icon-button__center_1ce68 {
+} .icon-button__iconWrapper_11z5h.icon-button__center_11z5h {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1ce68.icon-button__left_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__left_11z5h {
         justify-content: left;
-    } .icon-button__iconWrapper_1ce68.icon-button__right_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__right_11z5h {
         justify-content: right;
-    } .icon-button__icon_1ce68 {
+    } .icon-button__icon_11z5h {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1ce68 *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_11z5h *[fill-rule] {
     fill: currentColor;
 }

package/icon-button/inverted.css

@@ -86,76 +86,76 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_1spcz {
+} .cc-icon-button.icon-button__primary_aslvo {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_1spcz:hover {
+    } .cc-icon-button.icon-button__primary_aslvo:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_1spcz:active {
+        } .cc-icon-button.icon-button__primary_aslvo:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_1spcz {
+        } .cc-icon-button.icon-button__secondary_aslvo {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_1spcz:hover {
+    } .cc-icon-button.icon-button__secondary_aslvo:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_1spcz:active {
+        } .cc-icon-button.icon-button__secondary_aslvo:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_1spcz {
+        } .cc-icon-button.icon-button__transparent_aslvo {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_1spcz:hover {
+    } .cc-icon-button.icon-button__transparent_aslvo:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_1spcz:active {
+        } .cc-icon-button.icon-button__transparent_aslvo:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_1spcz {
+        } .cc-icon-button.icon-button__negative_aslvo {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_1spcz:hover {
+    } .cc-icon-button.icon-button__negative_aslvo:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_1spcz:active {
+        } .cc-icon-button.icon-button__negative_aslvo:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_1spcz {
+        } .cc-icon-button.icon-button__tertiary_aslvo {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_1spcz:hover {
+    } .cc-icon-button.icon-button__tertiary_aslvo:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_1spcz:active {
+        } .cc-icon-button.icon-button__tertiary_aslvo:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo {
             color: var(--color-light-text-primary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__primary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__primary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo {
             color: var(--color-light-text-secondary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__secondary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__secondary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo {
             color: var(--color-light-text-negative-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__negative_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__negative_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo {
             color: var(--color-light-text-tertiary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz:hover {
+        } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_1spcz.icon-button__tertiary_1spcz:active {
+            } .cc-icon-button.icon-button__transparentBg_aslvo.icon-button__tertiary_aslvo:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__primary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__primary_aslvo {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__primary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__primary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__secondary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__secondary_aslvo {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__secondary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__secondary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__negative_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__negative_aslvo {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__negative_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__negative_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__tertiary_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__tertiary_aslvo {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__tertiary_1spcz.icon-button__loader_1spcz {
+        } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__tertiary_aslvo.icon-button__loader_aslvo {
                 color: var(--icon-button-inverted-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_1spcz:disabled.icon-button__transparentBg_1spcz {
+            } .cc-icon-button.icon-button__component_aslvo:disabled.icon-button__transparentBg_aslvo {
             background: transparent;
         }

package/icon-button/modern/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { Button } from '../../button/modern';
 import { transformSize } from './helpers/transformSize.js';
 
-const defaultColors = {"primary":"icon-button__primary_1yrhh","secondary":"icon-button__secondary_1yrhh","transparent":"icon-button__transparent_1yrhh","negative":"icon-button__negative_1yrhh","tertiary":"icon-button__tertiary_1yrhh","transparentBg":"icon-button__transparentBg_1yrhh","component":"icon-button__component_1yrhh","loader":"icon-button__loader_1yrhh"};
+const defaultColors = {"primary":"icon-button__primary_guqdq","secondary":"icon-button__secondary_guqdq","transparent":"icon-button__transparent_guqdq","negative":"icon-button__negative_guqdq","tertiary":"icon-button__tertiary_guqdq","transparentBg":"icon-button__transparentBg_guqdq","component":"icon-button__component_guqdq","loader":"icon-button__loader_guqdq"};
 require('./default.css');
 
-const styles = {"border-24":"icon-button__border-24_1ce68","border-32":"icon-button__border-32_1ce68","border-40":"icon-button__border-40_1ce68","border-48":"icon-button__border-48_1ce68","border-56":"icon-button__border-56_1ce68","size-24":"icon-button__size-24_1ce68","size-32":"icon-button__size-32_1ce68","size-40":"icon-button__size-40_1ce68","size-48":"icon-button__size-48_1ce68","size-56":"icon-button__size-56_1ce68","iconWrapper":"icon-button__iconWrapper_1ce68","center":"icon-button__center_1ce68","left":"icon-button__left_1ce68","right":"icon-button__right_1ce68","icon":"icon-button__icon_1ce68"};
+const styles = {"border-24":"icon-button__border-24_11z5h","border-32":"icon-button__border-32_11z5h","border-40":"icon-button__border-40_11z5h","border-48":"icon-button__border-48_11z5h","border-56":"icon-button__border-56_11z5h","size-24":"icon-button__size-24_11z5h","size-32":"icon-button__size-32_11z5h","size-40":"icon-button__size-40_11z5h","size-48":"icon-button__size-48_11z5h","size-56":"icon-button__size-56_11z5h","iconWrapper":"icon-button__iconWrapper_11z5h","center":"icon-button__center_11z5h","left":"icon-button__left_11z5h","right":"icon-button__right_11z5h","icon":"icon-button__icon_11z5h"};
 require('./index.css');
 
-const invertedColors = {"primary":"icon-button__primary_1spcz","secondary":"icon-button__secondary_1spcz","transparent":"icon-button__transparent_1spcz","negative":"icon-button__negative_1spcz","tertiary":"icon-button__tertiary_1spcz","transparentBg":"icon-button__transparentBg_1spcz","component":"icon-button__component_1spcz","loader":"icon-button__loader_1spcz"};
+const invertedColors = {"primary":"icon-button__primary_aslvo","secondary":"icon-button__secondary_aslvo","transparent":"icon-button__transparent_aslvo","negative":"icon-button__negative_aslvo","tertiary":"icon-button__tertiary_aslvo","transparentBg":"icon-button__transparentBg_aslvo","component":"icon-button__component_aslvo","loader":"icon-button__loader_aslvo"};
 require('./inverted.css');
 
 const colorStyles = {

package/icon-button/modern/default.css

@@ -66,76 +66,76 @@
     --icon-button-negative-hover-color: var(--color-light-status-negative-hover);
     --icon-button-negative-active-color: var(--color-light-status-negative-press);
     --icon-button-negative-disabled-color: var(--color-light-neutral-translucent-300);
-} .cc-icon-button.icon-button__primary_1yrhh {
+} .cc-icon-button.icon-button__primary_guqdq {
         color: var(--icon-button-primary-base-color)
-    } .cc-icon-button.icon-button__primary_1yrhh:hover {
+    } .cc-icon-button.icon-button__primary_guqdq:hover {
             color: var(--icon-button-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_1yrhh:active {
+        } .cc-icon-button.icon-button__primary_guqdq:active {
             color: var(--icon-button-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_1yrhh {
+        } .cc-icon-button.icon-button__secondary_guqdq {
         color: var(--icon-button-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_1yrhh:hover {
+    } .cc-icon-button.icon-button__secondary_guqdq:hover {
             color: var(--icon-button-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_1yrhh:active {
+        } .cc-icon-button.icon-button__secondary_guqdq:active {
             color: var(--icon-button-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_1yrhh {
+        } .cc-icon-button.icon-button__transparent_guqdq {
         color: var(--icon-button-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_1yrhh:hover {
+    } .cc-icon-button.icon-button__transparent_guqdq:hover {
             color: var(--icon-button-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_1yrhh:active {
+        } .cc-icon-button.icon-button__transparent_guqdq:active {
             color: var(--icon-button-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_1yrhh {
+        } .cc-icon-button.icon-button__negative_guqdq {
         color: var(--icon-button-negative-base-color)
-    } .cc-icon-button.icon-button__negative_1yrhh:hover {
+    } .cc-icon-button.icon-button__negative_guqdq:hover {
             color: var(--icon-button-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_1yrhh:active {
+        } .cc-icon-button.icon-button__negative_guqdq:active {
             color: var(--icon-button-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_1yrhh {
+        } .cc-icon-button.icon-button__tertiary_guqdq {
         color: var(--icon-button-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_1yrhh:hover {
+    } .cc-icon-button.icon-button__tertiary_guqdq:hover {
             color: var(--icon-button-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_1yrhh:active {
+        } .cc-icon-button.icon-button__tertiary_guqdq:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__primary_1yrhh {
+        } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__primary_guqdq {
             color: var(--color-light-text-primary)
-        } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__primary_1yrhh:hover {
+        } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__primary_guqdq:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__primary_1yrhh:active {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__primary_guqdq:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__secondary_1yrhh {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__secondary_guqdq {
             color: var(--color-light-text-secondary)
-        } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__secondary_1yrhh:hover {
+        } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__secondary_guqdq:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__secondary_1yrhh:active {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__secondary_guqdq:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__negative_1yrhh {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__negative_guqdq {
             color: var(--color-light-text-negative)
-        } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__negative_1yrhh:hover {
+        } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__negative_guqdq:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__negative_1yrhh:active {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__negative_guqdq:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__tertiary_1yrhh {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__tertiary_guqdq {
             color: var(--color-light-text-tertiary)
-        } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__tertiary_1yrhh:hover {
+        } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__tertiary_guqdq:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_1yrhh.icon-button__tertiary_1yrhh:active {
+            } .cc-icon-button.icon-button__transparentBg_guqdq.icon-button__tertiary_guqdq:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__primary_1yrhh {
+            } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__primary_guqdq {
             color: var(--icon-button-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__primary_1yrhh.icon-button__loader_1yrhh {
+        } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__primary_guqdq.icon-button__loader_guqdq {
                 color: var(--icon-button-primary-base-color);
-            } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__secondary_1yrhh {
+            } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__secondary_guqdq {
             color: var(--icon-button-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__secondary_1yrhh.icon-button__loader_1yrhh {
+        } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__secondary_guqdq.icon-button__loader_guqdq {
                 color: var(--icon-button-secondary-base-color);
-            } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__negative_1yrhh {
+            } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__negative_guqdq {
             color: var(--icon-button-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__negative_1yrhh.icon-button__loader_1yrhh {
+        } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__negative_guqdq.icon-button__loader_guqdq {
                 color: var(--icon-button-negative-base-color);
-            } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__tertiary_1yrhh {
+            } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__tertiary_guqdq {
             color: var(--icon-button-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__tertiary_1yrhh.icon-button__loader_1yrhh {
+        } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__tertiary_guqdq.icon-button__loader_guqdq {
                 color: var(--icon-button-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_1yrhh:disabled.icon-button__transparentBg_1yrhh {
+            } .cc-icon-button.icon-button__component_guqdq:disabled.icon-button__transparentBg_guqdq {
             background: transparent;
         }

package/icon-button/modern/index.css

@@ -120,44 +120,44 @@
     --icon-button-40-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-48-size-border-radius: var(--button-s-size-mobile-border-radius);
     --icon-button-56-size-border-radius: var(--button-s-size-mobile-border-radius);
-} .icon-button__border-24_1ce68 {
+} .icon-button__border-24_11z5h {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1ce68 {
+} .icon-button__border-32_11z5h {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1ce68 {
+} .icon-button__border-40_11z5h {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1ce68 {
+} .icon-button__border-48_11z5h {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1ce68 {
+} .icon-button__border-56_11z5h {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1ce68 {
+} .icon-button__size-24_11z5h {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1ce68 {
+} .icon-button__size-32_11z5h {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1ce68 {
+} .icon-button__size-40_11z5h {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1ce68 {
+} .icon-button__size-48_11z5h {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1ce68 {
+} .icon-button__size-56_11z5h {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1ce68 {
+} .icon-button__iconWrapper_11z5h {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1ce68.icon-button__center_1ce68 {
+} .icon-button__iconWrapper_11z5h.icon-button__center_11z5h {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1ce68.icon-button__left_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__left_11z5h {
         justify-content: left;
-    } .icon-button__iconWrapper_1ce68.icon-button__right_1ce68 {
+    } .icon-button__iconWrapper_11z5h.icon-button__right_11z5h {
         justify-content: right;
-    } .icon-button__icon_1ce68 {
+    } .icon-button__icon_11z5h {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1ce68 *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_11z5h *[fill-rule] {
     fill: currentColor;
 }