npm - @alfalab/core-components - Versions diffs - 48.27.3 → 48.27.4 - Mend

@alfalab/core-components 48.27.3 → 48.27.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2738) hide show

package/icon-button/esm/index.css CHANGED Viewed

@@ -123,44 +123,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_1kgie {
+} .icon-button__border-24_y7upr {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1kgie {
+} .icon-button__border-32_y7upr {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1kgie {
+} .icon-button__border-40_y7upr {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1kgie {
+} .icon-button__border-48_y7upr {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1kgie {
+} .icon-button__border-56_y7upr {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1kgie {
+} .icon-button__size-24_y7upr {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1kgie {
+} .icon-button__size-32_y7upr {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1kgie {
+} .icon-button__size-40_y7upr {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1kgie {
+} .icon-button__size-48_y7upr {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1kgie {
+} .icon-button__size-56_y7upr {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1kgie {
+} .icon-button__iconWrapper_y7upr {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1kgie.icon-button__center_1kgie {
+} .icon-button__iconWrapper_y7upr.icon-button__center_y7upr {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1kgie.icon-button__left_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__left_y7upr {
         justify-content: left;
-    } .icon-button__iconWrapper_1kgie.icon-button__right_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__right_y7upr {
         justify-content: right;
-    } .icon-button__icon_1kgie {
+    } .icon-button__icon_y7upr {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1kgie *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_y7upr *[fill-rule] {
     fill: currentColor;
 }

package/icon-button/esm/inverted.css CHANGED Viewed

@@ -89,76 +89,76 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_8y2vg {
+} .cc-icon-button.icon-button__primary_h6rxd {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_8y2vg:hover {
+    } .cc-icon-button.icon-button__primary_h6rxd:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_8y2vg:active {
+        } .cc-icon-button.icon-button__primary_h6rxd:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_8y2vg {
+        } .cc-icon-button.icon-button__secondary_h6rxd {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_8y2vg:hover {
+    } .cc-icon-button.icon-button__secondary_h6rxd:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_8y2vg:active {
+        } .cc-icon-button.icon-button__secondary_h6rxd:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_8y2vg {
+        } .cc-icon-button.icon-button__transparent_h6rxd {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_8y2vg:hover {
+    } .cc-icon-button.icon-button__transparent_h6rxd:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_8y2vg:active {
+        } .cc-icon-button.icon-button__transparent_h6rxd:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_8y2vg {
+        } .cc-icon-button.icon-button__negative_h6rxd {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_8y2vg:hover {
+    } .cc-icon-button.icon-button__negative_h6rxd:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_8y2vg:active {
+        } .cc-icon-button.icon-button__negative_h6rxd:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_8y2vg {
+        } .cc-icon-button.icon-button__tertiary_h6rxd {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_8y2vg:hover {
+    } .cc-icon-button.icon-button__tertiary_h6rxd:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_8y2vg:active {
+        } .cc-icon-button.icon-button__tertiary_h6rxd:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd {
             color: var(--color-light-text-primary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd {
             color: var(--color-light-text-secondary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd {
             color: var(--color-light-text-negative-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd {
             color: var(--color-light-text-tertiary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__primary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__primary_h6rxd {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__primary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__primary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__secondary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__secondary_h6rxd {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__secondary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__secondary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__negative_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__negative_h6rxd {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__negative_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__negative_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__tertiary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__tertiary_h6rxd {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__tertiary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__tertiary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__transparentBg_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__transparentBg_h6rxd {
             background: transparent;
         }

package/icon-button/index.css CHANGED Viewed

@@ -123,44 +123,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_1kgie {
+} .icon-button__border-24_y7upr {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1kgie {
+} .icon-button__border-32_y7upr {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1kgie {
+} .icon-button__border-40_y7upr {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1kgie {
+} .icon-button__border-48_y7upr {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1kgie {
+} .icon-button__border-56_y7upr {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1kgie {
+} .icon-button__size-24_y7upr {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1kgie {
+} .icon-button__size-32_y7upr {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1kgie {
+} .icon-button__size-40_y7upr {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1kgie {
+} .icon-button__size-48_y7upr {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1kgie {
+} .icon-button__size-56_y7upr {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1kgie {
+} .icon-button__iconWrapper_y7upr {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1kgie.icon-button__center_1kgie {
+} .icon-button__iconWrapper_y7upr.icon-button__center_y7upr {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1kgie.icon-button__left_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__left_y7upr {
         justify-content: left;
-    } .icon-button__iconWrapper_1kgie.icon-button__right_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__right_y7upr {
         justify-content: right;
-    } .icon-button__icon_1kgie {
+    } .icon-button__icon_y7upr {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1kgie *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_y7upr *[fill-rule] {
     fill: currentColor;
 }

package/icon-button/inverted.css CHANGED Viewed

@@ -89,76 +89,76 @@
     --icon-button-inverted-negative-disabled-color: var(
         --color-light-neutral-translucent-300-inverted
     );
-} .cc-icon-button.icon-button__primary_8y2vg {
+} .cc-icon-button.icon-button__primary_h6rxd {
         color: var(--icon-button-inverted-primary-base-color)
-    } .cc-icon-button.icon-button__primary_8y2vg:hover {
+    } .cc-icon-button.icon-button__primary_h6rxd:hover {
             color: var(--icon-button-inverted-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_8y2vg:active {
+        } .cc-icon-button.icon-button__primary_h6rxd:active {
             color: var(--icon-button-inverted-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_8y2vg {
+        } .cc-icon-button.icon-button__secondary_h6rxd {
         color: var(--icon-button-inverted-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_8y2vg:hover {
+    } .cc-icon-button.icon-button__secondary_h6rxd:hover {
             color: var(--icon-button-inverted-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_8y2vg:active {
+        } .cc-icon-button.icon-button__secondary_h6rxd:active {
             color: var(--icon-button-inverted-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_8y2vg {
+        } .cc-icon-button.icon-button__transparent_h6rxd {
         color: var(--icon-button-inverted-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_8y2vg:hover {
+    } .cc-icon-button.icon-button__transparent_h6rxd:hover {
             color: var(--icon-button-inverted-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_8y2vg:active {
+        } .cc-icon-button.icon-button__transparent_h6rxd:active {
             color: var(--icon-button-inverted-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_8y2vg {
+        } .cc-icon-button.icon-button__negative_h6rxd {
         color: var(--icon-button-inverted-negative-base-color)
-    } .cc-icon-button.icon-button__negative_8y2vg:hover {
+    } .cc-icon-button.icon-button__negative_h6rxd:hover {
             color: var(--icon-button-inverted-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_8y2vg:active {
+        } .cc-icon-button.icon-button__negative_h6rxd:active {
             color: var(--icon-button-inverted-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_8y2vg {
+        } .cc-icon-button.icon-button__tertiary_h6rxd {
         color: var(--icon-button-inverted-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_8y2vg:hover {
+    } .cc-icon-button.icon-button__tertiary_h6rxd:hover {
             color: var(--icon-button-inverted-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_8y2vg:active {
+        } .cc-icon-button.icon-button__tertiary_h6rxd:active {
             color: var(--icon-button-inverted-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd {
             color: var(--color-light-text-primary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__primary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__primary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd {
             color: var(--color-light-text-secondary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__secondary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__secondary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd {
             color: var(--color-light-text-negative-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__negative_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__negative_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd {
             color: var(--color-light-text-tertiary-inverted)
-        } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg:hover {
+        } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd:hover {
                 background: var(--color-light-transparent-default-inverted-hover);
-            } .cc-icon-button.icon-button__transparentBg_8y2vg.icon-button__tertiary_8y2vg:active {
+            } .cc-icon-button.icon-button__transparentBg_h6rxd.icon-button__tertiary_h6rxd:active {
                 background: var(--color-light-transparent-default-inverted-press);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__primary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__primary_h6rxd {
             color: var(--icon-button-inverted-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__primary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__primary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-primary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__secondary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__secondary_h6rxd {
             color: var(--icon-button-inverted-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__secondary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__secondary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-secondary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__negative_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__negative_h6rxd {
             color: var(--icon-button-inverted-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__negative_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__negative_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-negative-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__tertiary_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__tertiary_h6rxd {
             color: var(--icon-button-inverted-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__tertiary_8y2vg.icon-button__loader_8y2vg {
+        } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__tertiary_h6rxd.icon-button__loader_h6rxd {
                 color: var(--icon-button-inverted-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_8y2vg:disabled.icon-button__transparentBg_8y2vg {
+            } .cc-icon-button.icon-button__component_h6rxd:disabled.icon-button__transparentBg_h6rxd {
             background: transparent;
         }

package/icon-button/modern/Component.js CHANGED Viewed

@@ -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_cqzj3","secondary":"icon-button__secondary_cqzj3","transparent":"icon-button__transparent_cqzj3","negative":"icon-button__negative_cqzj3","tertiary":"icon-button__tertiary_cqzj3","transparentBg":"icon-button__transparentBg_cqzj3","component":"icon-button__component_cqzj3","loader":"icon-button__loader_cqzj3"};
+const defaultColors = {"primary":"icon-button__primary_kzokz","secondary":"icon-button__secondary_kzokz","transparent":"icon-button__transparent_kzokz","negative":"icon-button__negative_kzokz","tertiary":"icon-button__tertiary_kzokz","transparentBg":"icon-button__transparentBg_kzokz","component":"icon-button__component_kzokz","loader":"icon-button__loader_kzokz"};
 require('./default.css');
-const styles = {"border-24":"icon-button__border-24_1kgie","border-32":"icon-button__border-32_1kgie","border-40":"icon-button__border-40_1kgie","border-48":"icon-button__border-48_1kgie","border-56":"icon-button__border-56_1kgie","size-24":"icon-button__size-24_1kgie","size-32":"icon-button__size-32_1kgie","size-40":"icon-button__size-40_1kgie","size-48":"icon-button__size-48_1kgie","size-56":"icon-button__size-56_1kgie","iconWrapper":"icon-button__iconWrapper_1kgie","center":"icon-button__center_1kgie","left":"icon-button__left_1kgie","right":"icon-button__right_1kgie","icon":"icon-button__icon_1kgie"};
+const styles = {"border-24":"icon-button__border-24_y7upr","border-32":"icon-button__border-32_y7upr","border-40":"icon-button__border-40_y7upr","border-48":"icon-button__border-48_y7upr","border-56":"icon-button__border-56_y7upr","size-24":"icon-button__size-24_y7upr","size-32":"icon-button__size-32_y7upr","size-40":"icon-button__size-40_y7upr","size-48":"icon-button__size-48_y7upr","size-56":"icon-button__size-56_y7upr","iconWrapper":"icon-button__iconWrapper_y7upr","center":"icon-button__center_y7upr","left":"icon-button__left_y7upr","right":"icon-button__right_y7upr","icon":"icon-button__icon_y7upr"};
 require('./index.css');
-const invertedColors = {"primary":"icon-button__primary_8y2vg","secondary":"icon-button__secondary_8y2vg","transparent":"icon-button__transparent_8y2vg","negative":"icon-button__negative_8y2vg","tertiary":"icon-button__tertiary_8y2vg","transparentBg":"icon-button__transparentBg_8y2vg","component":"icon-button__component_8y2vg","loader":"icon-button__loader_8y2vg"};
+const invertedColors = {"primary":"icon-button__primary_h6rxd","secondary":"icon-button__secondary_h6rxd","transparent":"icon-button__transparent_h6rxd","negative":"icon-button__negative_h6rxd","tertiary":"icon-button__tertiary_h6rxd","transparentBg":"icon-button__transparentBg_h6rxd","component":"icon-button__component_h6rxd","loader":"icon-button__loader_h6rxd"};
 require('./inverted.css');
 const colorStyles = {

package/icon-button/modern/default.css CHANGED Viewed

@@ -69,76 +69,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_cqzj3 {
+} .cc-icon-button.icon-button__primary_kzokz {
         color: var(--icon-button-primary-base-color)
-    } .cc-icon-button.icon-button__primary_cqzj3:hover {
+    } .cc-icon-button.icon-button__primary_kzokz:hover {
             color: var(--icon-button-primary-hover-color);
-        } .cc-icon-button.icon-button__primary_cqzj3:active {
+        } .cc-icon-button.icon-button__primary_kzokz:active {
             color: var(--icon-button-primary-active-color);
-        } .cc-icon-button.icon-button__secondary_cqzj3 {
+        } .cc-icon-button.icon-button__secondary_kzokz {
         color: var(--icon-button-secondary-base-color)
-    } .cc-icon-button.icon-button__secondary_cqzj3:hover {
+    } .cc-icon-button.icon-button__secondary_kzokz:hover {
             color: var(--icon-button-secondary-hover-color);
-        } .cc-icon-button.icon-button__secondary_cqzj3:active {
+        } .cc-icon-button.icon-button__secondary_kzokz:active {
             color: var(--icon-button-secondary-active-color);
-        } .cc-icon-button.icon-button__transparent_cqzj3 {
+        } .cc-icon-button.icon-button__transparent_kzokz {
         color: var(--icon-button-transparent-base-color)
-    } .cc-icon-button.icon-button__transparent_cqzj3:hover {
+    } .cc-icon-button.icon-button__transparent_kzokz:hover {
             color: var(--icon-button-transparent-hover-color);
-        } .cc-icon-button.icon-button__transparent_cqzj3:active {
+        } .cc-icon-button.icon-button__transparent_kzokz:active {
             color: var(--icon-button-transparent-active-color);
-        } .cc-icon-button.icon-button__negative_cqzj3 {
+        } .cc-icon-button.icon-button__negative_kzokz {
         color: var(--icon-button-negative-base-color)
-    } .cc-icon-button.icon-button__negative_cqzj3:hover {
+    } .cc-icon-button.icon-button__negative_kzokz:hover {
             color: var(--icon-button-negative-hover-color);
-        } .cc-icon-button.icon-button__negative_cqzj3:active {
+        } .cc-icon-button.icon-button__negative_kzokz:active {
             color: var(--icon-button-negative-active-color);
-        } .cc-icon-button.icon-button__tertiary_cqzj3 {
+        } .cc-icon-button.icon-button__tertiary_kzokz {
         color: var(--icon-button-tertiary-base-color)
-    } .cc-icon-button.icon-button__tertiary_cqzj3:hover {
+    } .cc-icon-button.icon-button__tertiary_kzokz:hover {
             color: var(--icon-button-tertiary-hover-color);
-        } .cc-icon-button.icon-button__tertiary_cqzj3:active {
+        } .cc-icon-button.icon-button__tertiary_kzokz:active {
             color: var(--icon-button-tertiary-active-color);
-        } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__primary_cqzj3 {
+        } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__primary_kzokz {
             color: var(--color-light-text-primary)
-        } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__primary_cqzj3:hover {
+        } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__primary_kzokz:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__primary_cqzj3:active {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__primary_kzokz:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__secondary_cqzj3 {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__secondary_kzokz {
             color: var(--color-light-text-secondary)
-        } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__secondary_cqzj3:hover {
+        } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__secondary_kzokz:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__secondary_cqzj3:active {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__secondary_kzokz:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__negative_cqzj3 {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__negative_kzokz {
             color: var(--color-light-text-negative)
-        } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__negative_cqzj3:hover {
+        } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__negative_kzokz:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__negative_cqzj3:active {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__negative_kzokz:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__tertiary_cqzj3 {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__tertiary_kzokz {
             color: var(--color-light-text-tertiary)
-        } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__tertiary_cqzj3:hover {
+        } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__tertiary_kzokz:hover {
                 background: var(--color-light-transparent-default-hover);
-            } .cc-icon-button.icon-button__transparentBg_cqzj3.icon-button__tertiary_cqzj3:active {
+            } .cc-icon-button.icon-button__transparentBg_kzokz.icon-button__tertiary_kzokz:active {
                 background: var(--color-light-transparent-default-press);
-            } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__primary_cqzj3 {
+            } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__primary_kzokz {
             color: var(--icon-button-primary-disabled-color)
-        } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__primary_cqzj3.icon-button__loader_cqzj3 {
+        } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__primary_kzokz.icon-button__loader_kzokz {
                 color: var(--icon-button-primary-base-color);
-            } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__secondary_cqzj3 {
+            } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__secondary_kzokz {
             color: var(--icon-button-secondary-disabled-color)
-        } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__secondary_cqzj3.icon-button__loader_cqzj3 {
+        } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__secondary_kzokz.icon-button__loader_kzokz {
                 color: var(--icon-button-secondary-base-color);
-            } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__negative_cqzj3 {
+            } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__negative_kzokz {
             color: var(--icon-button-negative-disabled-color)
-        } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__negative_cqzj3.icon-button__loader_cqzj3 {
+        } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__negative_kzokz.icon-button__loader_kzokz {
                 color: var(--icon-button-negative-base-color);
-            } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__tertiary_cqzj3 {
+            } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__tertiary_kzokz {
             color: var(--icon-button-tertiary-disabled-color)
-        } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__tertiary_cqzj3.icon-button__loader_cqzj3 {
+        } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__tertiary_kzokz.icon-button__loader_kzokz {
                 color: var(--icon-button-tertiary-base-color);
-            } .cc-icon-button.icon-button__component_cqzj3:disabled.icon-button__transparentBg_cqzj3 {
+            } .cc-icon-button.icon-button__component_kzokz:disabled.icon-button__transparentBg_kzokz {
             background: transparent;
         }

package/icon-button/modern/index.css CHANGED Viewed

@@ -123,44 +123,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_1kgie {
+} .icon-button__border-24_y7upr {
     border-radius: var(--icon-button-24-size-border-radius);
-} .icon-button__border-32_1kgie {
+} .icon-button__border-32_y7upr {
     border-radius: var(--icon-button-32-size-border-radius);
-} .icon-button__border-40_1kgie {
+} .icon-button__border-40_y7upr {
     border-radius: var(--icon-button-40-size-border-radius);
-} .icon-button__border-48_1kgie {
+} .icon-button__border-48_y7upr {
     border-radius: var(--icon-button-48-size-border-radius);
-} .icon-button__border-56_1kgie {
+} .icon-button__border-56_y7upr {
     border-radius: var(--icon-button-56-size-border-radius);
-} .icon-button__size-24_1kgie {
+} .icon-button__size-24_y7upr {
     width: var(--icon-button-xxs-size);
     height: var(--icon-button-xxs-size);
-} .icon-button__size-32_1kgie {
+} .icon-button__size-32_y7upr {
     width: var(--icon-button-xs-size);
     height: var(--icon-button-xs-size);
-} .icon-button__size-40_1kgie {
+} .icon-button__size-40_y7upr {
     width: var(--icon-button-40-size);
     height: var(--icon-button-40-size);
-} .icon-button__size-48_1kgie {
+} .icon-button__size-48_y7upr {
     width: var(--icon-button-s-size);
     height: var(--icon-button-s-size);
-} .icon-button__size-56_1kgie {
+} .icon-button__size-56_y7upr {
     width: var(--icon-button-56-size);
     height: var(--icon-button-56-size);
-} .icon-button__iconWrapper_1kgie {
+} .icon-button__iconWrapper_y7upr {
     display: flex;
     align-items: center
-} .icon-button__iconWrapper_1kgie.icon-button__center_1kgie {
+} .icon-button__iconWrapper_y7upr.icon-button__center_y7upr {
         justify-content: center;
         margin: var(--gap-0) auto;
-    } .icon-button__iconWrapper_1kgie.icon-button__left_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__left_y7upr {
         justify-content: left;
-    } .icon-button__iconWrapper_1kgie.icon-button__right_1kgie {
+    } .icon-button__iconWrapper_y7upr.icon-button__right_y7upr {
         justify-content: right;
-    } .icon-button__icon_1kgie {
+    } .icon-button__icon_y7upr {
     max-width: 100%;
     max-height: 100%;
-} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_1kgie *[fill-rule] {
+} /* Для иконок с заливкой (icons-classic) */ .icon-button__icon_y7upr *[fill-rule] {
     fill: currentColor;
 }