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

package/icon-view/modern/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_ju96w {
+} .icon-view__componentWrapper_11k48 {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_ju96w {
+} .icon-view__component_11k48 {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_ju96w > svg {
+} .icon-view__component_11k48 > svg {
         vertical-align: top;
-    } .icon-view__bg_ju96w {
+    } .icon-view__bg_11k48 {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_ju96w {
+} .icon-view__border_11k48 {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_ju96w {
+} .icon-view__text_11k48 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_ju96w {
+} .icon-view__children_11k48 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_ju96w svg,
-    .icon-view__children_ju96w .cc-cdn-icon {
+} .icon-view__children_11k48 svg,
+    .icon-view__children_11k48 .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_ju96w {
+    } .icon-view__addons_11k48 {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_ju96w {
+} .icon-view__size_128_11k48 {
     width: 128px;
     height: 128px
-} .icon-view__size_128_ju96w .icon-view__children_ju96w {
+} .icon-view__size_128_11k48 .icon-view__children_11k48 {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_128_11k48 .icon-view__addons_11k48 {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_128_11k48 .icon-view__topAddons_11k48 {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_128_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_ju96w {
+    } .icon-view__size_80_11k48 {
     width: 80px;
     height: 80px
-} .icon-view__size_80_ju96w .icon-view__children_ju96w {
+} .icon-view__size_80_11k48 .icon-view__children_11k48 {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_80_11k48 .icon-view__addons_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_80_11k48 .icon-view__topAddons_11k48 {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_80_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_80_11k48 .icon-view__indicator_11k48 {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_ju96w {
+    } .icon-view__size_64_11k48 {
     width: 64px;
     height: 64px
-} .icon-view__size_64_ju96w .icon-view__children_ju96w {
+} .icon-view__size_64_11k48 .icon-view__children_11k48 {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_64_11k48 .icon-view__addons_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_64_11k48 .icon-view__topAddons_11k48 {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_64_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_64_11k48 .icon-view__indicator_11k48 {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_ju96w {
+    } .icon-view__size_56_11k48 {
     width: 56px;
     height: 56px
-} .icon-view__size_56_ju96w .icon-view__children_ju96w {
+} .icon-view__size_56_11k48 .icon-view__children_11k48 {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_56_11k48 .icon-view__addons_11k48 {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_56_11k48 .icon-view__topAddons_11k48 {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_56_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_56_11k48 .icon-view__indicator_11k48 {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_ju96w {
+    } .icon-view__size_48_11k48 {
     width: 48px;
     height: 48px
-} .icon-view__size_48_ju96w .icon-view__children_ju96w {
+} .icon-view__size_48_11k48 .icon-view__children_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_48_11k48 .icon-view__addons_11k48 {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_48_11k48 .icon-view__topAddons_11k48 {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_48_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_48_11k48 .icon-view__indicator_11k48 {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_ju96w {
+    } .icon-view__size_40_11k48 {
     width: 40px;
     height: 40px
-} .icon-view__size_40_ju96w .icon-view__children_ju96w {
+} .icon-view__size_40_11k48 .icon-view__children_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_ju96w .icon-view__addons_ju96w {
+    } .icon-view__size_40_11k48 .icon-view__addons_11k48 {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_ju96w .icon-view__topAddons_ju96w {
+    } .icon-view__size_40_11k48 .icon-view__topAddons_11k48 {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_ju96w .icon-view__bottomAddons_ju96w {
+    } .icon-view__size_40_11k48 .icon-view__bottomAddons_11k48 {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_40_11k48 .icon-view__indicator_11k48 {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_ju96w {
+    } .icon-view__size_32_11k48 {
     width: 32px;
     height: 32px
-} .icon-view__size_32_ju96w .icon-view__children_ju96w {
+} .icon-view__size_32_11k48 .icon-view__children_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_32_11k48 .icon-view__indicator_11k48 {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_ju96w {
+    } .icon-view__size_24_11k48 {
     width: 24px;
     height: 24px
-} .icon-view__size_24_ju96w .icon-view__children_ju96w {
+} .icon-view__size_24_11k48 .icon-view__children_11k48 {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_24_11k48 .icon-view__indicator_11k48 {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_ju96w {
+    } .icon-view__size_20_11k48 {
     width: 20px;
     height: 20px
-} .icon-view__size_20_ju96w .icon-view__children_ju96w {
+} .icon-view__size_20_11k48 .icon-view__children_11k48 {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_20_11k48 .icon-view__indicator_11k48 {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_ju96w {
+    } .icon-view__size_16_11k48 {
     width: 16px;
     height: 16px
-} .icon-view__size_16_ju96w .icon-view__children_ju96w {
+} .icon-view__size_16_11k48 .icon-view__children_11k48 {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_ju96w .icon-view__indicator_ju96w {
+    } .icon-view__size_16_11k48 .icon-view__indicator_11k48 {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_ju96w.icon-view__size-16_ju96w {
+    } /* prettier-ignore */ .icon-view__children_11k48.icon-view__size-16_11k48 {
             width: 16px;
             height: 16px;
-        } .icon-view__children_ju96w.icon-view__size-20_ju96w {
+        } .icon-view__children_11k48.icon-view__size-20_11k48 {
             width: 20px;
             height: 20px;
-        } .icon-view__children_ju96w.icon-view__size-24_ju96w {
+        } .icon-view__children_11k48.icon-view__size-24_11k48 {
             width: 24px;
             height: 24px;
-        } .icon-view__children_ju96w.icon-view__size-32_ju96w {
+        } .icon-view__children_11k48.icon-view__size-32_11k48 {
             width: 32px;
             height: 32px;
-        } .icon-view__children_ju96w.icon-view__size-40_ju96w {
+        } .icon-view__children_11k48.icon-view__size-40_11k48 {
             width: 40px;
             height: 40px;
-        } .icon-view__children_ju96w.icon-view__size-48_ju96w {
+        } .icon-view__children_11k48.icon-view__size-48_11k48 {
             width: 48px;
             height: 48px;
-        } .icon-view__children_ju96w.icon-view__size-56_ju96w {
+        } .icon-view__children_11k48.icon-view__size-56_11k48 {
             width: 56px;
             height: 56px;
-        } .icon-view__children_ju96w.icon-view__size-64_ju96w {
+        } .icon-view__children_11k48.icon-view__size-64_11k48 {
             width: 64px;
             height: 64px;
-        } .icon-view__children_ju96w.icon-view__size-80_ju96w {
+        } .icon-view__children_11k48.icon-view__size-80_11k48 {
             width: 80px;
             height: 80px;
-        } .icon-view__children_ju96w.icon-view__size-128_ju96w {
+        } .icon-view__children_11k48.icon-view__size-128_11k48 {
             width: 128px;
             height: 128px;
         }

package/indicator/Component.js

@@ -51,7 +51,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles = {"component":"indicator__component_1eyil","red":"indicator__red_1eyil","border":"indicator__border_1eyil","white":"indicator__white_1eyil","grey":"indicator__grey_1eyil","size-8":"indicator__size-8_1eyil","size-16":"indicator__size-16_1eyil","content":"indicator__content_1eyil","size-20":"indicator__size-20_1eyil","size-24":"indicator__size-24_1eyil","size-40":"indicator__size-40_1eyil","size-48":"indicator__size-48_1eyil"};
+var styles = {"component":"indicator__component_s9bwi","red":"indicator__red_s9bwi","border":"indicator__border_s9bwi","white":"indicator__white_s9bwi","grey":"indicator__grey_s9bwi","size-8":"indicator__size-8_s9bwi","size-16":"indicator__size-16_s9bwi","content":"indicator__content_s9bwi","size-20":"indicator__size-20_s9bwi","size-24":"indicator__size-24_s9bwi","size-40":"indicator__size-40_s9bwi","size-48":"indicator__size-48_s9bwi"};
 require('./index.css');
 
 function getSize(height, value) {

package/indicator/esm/Component.js

@@ -44,7 +44,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles = {"component":"indicator__component_1eyil","red":"indicator__red_1eyil","border":"indicator__border_1eyil","white":"indicator__white_1eyil","grey":"indicator__grey_1eyil","size-8":"indicator__size-8_1eyil","size-16":"indicator__size-16_1eyil","content":"indicator__content_1eyil","size-20":"indicator__size-20_1eyil","size-24":"indicator__size-24_1eyil","size-40":"indicator__size-40_1eyil","size-48":"indicator__size-48_1eyil"};
+var styles = {"component":"indicator__component_s9bwi","red":"indicator__red_s9bwi","border":"indicator__border_s9bwi","white":"indicator__white_s9bwi","grey":"indicator__grey_s9bwi","size-8":"indicator__size-8_s9bwi","size-16":"indicator__size-16_s9bwi","content":"indicator__content_s9bwi","size-20":"indicator__size-20_s9bwi","size-24":"indicator__size-24_s9bwi","size-40":"indicator__size-40_s9bwi","size-48":"indicator__size-48_s9bwi"};
 require('./index.css');
 
 function getSize(height, value) {

package/indicator/esm/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1eyil {
+} .indicator__component_s9bwi {
     position: relative;
     display: inline-flex;
     justify-content: center;
@@ -34,57 +34,57 @@
     border-radius: var(--border-radius-pill);
     color: var(--color-static-text-primary-inverted);
     background-color: var(--color-light-accent-primary);
-} .indicator__red_1eyil {
+} .indicator__red_s9bwi {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1eyil.indicator__border_1eyil {
+} .indicator__red_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__white_1eyil {
+    } .indicator__white_s9bwi {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1eyil.indicator__border_1eyil {
+} .indicator__white_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__grey_1eyil {
+    } .indicator__grey_s9bwi {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1eyil.indicator__border_1eyil {
+} .indicator__grey_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__size-8_1eyil {
+    } .indicator__size-8_s9bwi {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1eyil {
+} .indicator__size-16_s9bwi {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1eyil .indicator__content_1eyil {
+} .indicator__size-16_s9bwi .indicator__content_s9bwi {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1eyil {
+    } .indicator__size-20_s9bwi {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1eyil .indicator__content_1eyil {
+} .indicator__size-20_s9bwi .indicator__content_s9bwi {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1eyil {
+    } .indicator__size-24_s9bwi {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1eyil .indicator__content_1eyil {
+} .indicator__size-24_s9bwi .indicator__content_s9bwi {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1eyil {
+    } .indicator__size-40_s9bwi {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1eyil .indicator__content_1eyil {
+} .indicator__size-40_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1eyil .indicator__content_1eyil {
+    } .indicator__size-48_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

package/indicator/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1eyil {
+} .indicator__component_s9bwi {
     position: relative;
     display: inline-flex;
     justify-content: center;
@@ -34,57 +34,57 @@
     border-radius: var(--border-radius-pill);
     color: var(--color-static-text-primary-inverted);
     background-color: var(--color-light-accent-primary);
-} .indicator__red_1eyil {
+} .indicator__red_s9bwi {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1eyil.indicator__border_1eyil {
+} .indicator__red_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__white_1eyil {
+    } .indicator__white_s9bwi {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1eyil.indicator__border_1eyil {
+} .indicator__white_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__grey_1eyil {
+    } .indicator__grey_s9bwi {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1eyil.indicator__border_1eyil {
+} .indicator__grey_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__size-8_1eyil {
+    } .indicator__size-8_s9bwi {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1eyil {
+} .indicator__size-16_s9bwi {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1eyil .indicator__content_1eyil {
+} .indicator__size-16_s9bwi .indicator__content_s9bwi {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1eyil {
+    } .indicator__size-20_s9bwi {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1eyil .indicator__content_1eyil {
+} .indicator__size-20_s9bwi .indicator__content_s9bwi {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1eyil {
+    } .indicator__size-24_s9bwi {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1eyil .indicator__content_1eyil {
+} .indicator__size-24_s9bwi .indicator__content_s9bwi {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1eyil {
+    } .indicator__size-40_s9bwi {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1eyil .indicator__content_1eyil {
+} .indicator__size-40_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1eyil .indicator__content_1eyil {
+    } .indicator__size-48_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

package/indicator/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"indicator__component_1eyil","red":"indicator__red_1eyil","border":"indicator__border_1eyil","white":"indicator__white_1eyil","grey":"indicator__grey_1eyil","size-8":"indicator__size-8_1eyil","size-16":"indicator__size-16_1eyil","content":"indicator__content_1eyil","size-20":"indicator__size-20_1eyil","size-24":"indicator__size-24_1eyil","size-40":"indicator__size-40_1eyil","size-48":"indicator__size-48_1eyil"};
+const styles = {"component":"indicator__component_s9bwi","red":"indicator__red_s9bwi","border":"indicator__border_s9bwi","white":"indicator__white_s9bwi","grey":"indicator__grey_s9bwi","size-8":"indicator__size-8_s9bwi","size-16":"indicator__size-16_s9bwi","content":"indicator__content_s9bwi","size-20":"indicator__size-20_s9bwi","size-24":"indicator__size-24_s9bwi","size-40":"indicator__size-40_s9bwi","size-48":"indicator__size-48_s9bwi"};
 require('./index.css');
 
 function getSize(height, value) {

package/indicator/modern/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1eyil {
+} .indicator__component_s9bwi {
     position: relative;
     display: inline-flex;
     justify-content: center;
@@ -34,57 +34,57 @@
     border-radius: var(--border-radius-pill);
     color: var(--color-static-text-primary-inverted);
     background-color: var(--color-light-accent-primary);
-} .indicator__red_1eyil {
+} .indicator__red_s9bwi {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1eyil.indicator__border_1eyil {
+} .indicator__red_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__white_1eyil {
+    } .indicator__white_s9bwi {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1eyil.indicator__border_1eyil {
+} .indicator__white_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__grey_1eyil {
+    } .indicator__grey_s9bwi {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1eyil.indicator__border_1eyil {
+} .indicator__grey_s9bwi.indicator__border_s9bwi {
         outline: 2px solid var(--color-light-neutral-1500-inverted);
-    } .indicator__size-8_1eyil {
+    } .indicator__size-8_s9bwi {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1eyil {
+} .indicator__size-16_s9bwi {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1eyil .indicator__content_1eyil {
+} .indicator__size-16_s9bwi .indicator__content_s9bwi {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1eyil {
+    } .indicator__size-20_s9bwi {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1eyil .indicator__content_1eyil {
+} .indicator__size-20_s9bwi .indicator__content_s9bwi {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1eyil {
+    } .indicator__size-24_s9bwi {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1eyil .indicator__content_1eyil {
+} .indicator__size-24_s9bwi .indicator__content_s9bwi {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1eyil {
+    } .indicator__size-40_s9bwi {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1eyil .indicator__content_1eyil {
+} .indicator__size-40_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1eyil .indicator__content_1eyil {
+    } .indicator__size-48_s9bwi .indicator__content_s9bwi {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

package/input/components/base-input/Component.js

@@ -17,13 +17,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"input":"input__input_1evtk","hasInnerLabel":"input__hasInnerLabel_1evtk","disableUserInput":"input__disableUserInput_1evtk","error":"input__error_1evtk"};
+var defaultColors = {"input":"input__input_1dfdv","hasInnerLabel":"input__hasInnerLabel_1dfdv","disableUserInput":"input__disableUserInput_1dfdv","error":"input__error_1dfdv"};
 require('./default.css');
 
-var styles = {"input":"input__input_1lc5o","hasInnerLabel":"input__hasInnerLabel_1lc5o","size-48":"input__size-48_1lc5o","size-56":"input__size-56_1lc5o","size-64":"input__size-64_1lc5o","size-72":"input__size-72_1lc5o","block":"input__block_1lc5o","errorIcon":"input__errorIcon_1lc5o","errorColorIcon":"input__errorColorIcon_1lc5o","successIcon":"input__successIcon_1lc5o","successColorIcon":"input__successColorIcon_1lc5o","focusVisible":"input__focusVisible_1lc5o","onautofillstart":"input__onautofillstart_1lc5o","onautofillcancel":"input__onautofillcancel_1lc5o"};
+var styles = {"input":"input__input_5c0gx","hasInnerLabel":"input__hasInnerLabel_5c0gx","size-48":"input__size-48_5c0gx","size-56":"input__size-56_5c0gx","size-64":"input__size-64_5c0gx","size-72":"input__size-72_5c0gx","block":"input__block_5c0gx","errorIcon":"input__errorIcon_5c0gx","errorColorIcon":"input__errorColorIcon_5c0gx","successIcon":"input__successIcon_5c0gx","successColorIcon":"input__successColorIcon_5c0gx","focusVisible":"input__focusVisible_5c0gx","onautofillstart":"input__onautofillstart_5c0gx","onautofillcancel":"input__onautofillcancel_5c0gx"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_15x1j","hasInnerLabel":"input__hasInnerLabel_15x1j","disableUserInput":"input__disableUserInput_15x1j","error":"input__error_15x1j"};
+var invertedColors = {"input":"input__input_14glv","hasInnerLabel":"input__hasInnerLabel_14glv","disableUserInput":"input__disableUserInput_14glv","error":"input__error_14glv"};
 require('./inverted.css');
 
 var colorCommonStyles = {

package/input/components/base-input/default.css

@@ -1,4 +1,4 @@
-/* hash: 9jvxx */
+/* hash: 17xnf */
 :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: #0e0e0e;
@@ -37,26 +37,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1evtk {
+} .input__input_1dfdv {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1evtk:-webkit-autofill {
+} .input__input_1dfdv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_1evtk::placeholder {
+} .input__input_1dfdv::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_1evtk::placeholder {
+} .input__hasInnerLabel_1dfdv::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_1evtk:read-only:not(.input__disableUserInput_1evtk) {
+} /* READ-ONLY STATE */ .input__input_1dfdv:read-only:not(.input__disableUserInput_1dfdv) {
     color: var(--input-read-only-color)
-} .input__input_1evtk:read-only:not(.input__disableUserInput_1evtk):focus::placeholder {
+} .input__input_1dfdv:read-only:not(.input__disableUserInput_1dfdv):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1evtk:disabled {
+    } /* DISABLED STATE */ .input__input_1dfdv:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_1evtk:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1dfdv:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1evtk {
+} /* ERROR STATE */ .input__error_1dfdv {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }