@alfalab/core-components 47.2.0 → 47.3.0-beta.1

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_1rvyd {
+} .icon-view__componentWrapper_nad0r {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-} .icon-view__component_1rvyd {
+} .icon-view__component_nad0r {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%;
     color: var(--icon-view-color)
-} .icon-view__component_1rvyd > svg {
+} .icon-view__component_nad0r > svg {
         vertical-align: top;
-    } .icon-view__bg_1rvyd {
+    } .icon-view__bg_nad0r {
     fill: var(--icon-view-bg-color);
-} .icon-view__border_1rvyd {
+} .icon-view__border_nad0r {
     stroke: var(--color-light-neutral-translucent-200);
     stroke-width: 1px;
     fill: transparent;
-} .icon-view__text_1rvyd {
+} .icon-view__text_nad0r {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -50,7 +50,7 @@
     top: 0;
     overflow: hidden;
     text-align: center;
-} .icon-view__children_1rvyd {
+} .icon-view__children_nad0r {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -59,185 +59,185 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
-} .icon-view__children_1rvyd svg,
-    .icon-view__children_1rvyd .cc-cdn-icon {
+} .icon-view__children_nad0r svg,
+    .icon-view__children_nad0r .cc-cdn-icon {
         width: 100%;
         height: 100%;
-    } .icon-view__addons_1rvyd {
+    } .icon-view__addons_nad0r {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     position: absolute;
     line-height: 0;
-} .icon-view__size_128_1rvyd {
+} .icon-view__size_128_nad0r {
     width: 128px;
     height: 128px
-} .icon-view__size_128_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_128_nad0r .icon-view__children_nad0r {
         width: 64px;
         height: 64px;
-    } .icon-view__size_128_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_128_nad0r .icon-view__addons_nad0r {
         width: 40px;
         height: 40px;
-    } .icon-view__size_128_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_128_nad0r .icon-view__topAddons_nad0r {
         top: -8px;
         right: -8px;
-    } .icon-view__size_128_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_128_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -8px;
         right: -8px;
-    } .icon-view__size_80_1rvyd {
+    } .icon-view__size_80_nad0r {
     width: 80px;
     height: 80px
-} .icon-view__size_80_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_80_nad0r .icon-view__children_nad0r {
         width: 48px;
         height: 48px;
-    } .icon-view__size_80_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_80_nad0r .icon-view__addons_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_80_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_80_nad0r .icon-view__topAddons_nad0r {
         top: -3px;
         right: -3px;
-    } .icon-view__size_80_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_80_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -3px;
         right: -3px;
-    } .icon-view__size_80_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_80_nad0r .icon-view__indicator_nad0r {
         top: -6px;
         right: -14px;
-    } .icon-view__size_64_1rvyd {
+    } .icon-view__size_64_nad0r {
     width: 64px;
     height: 64px
-} .icon-view__size_64_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_64_nad0r .icon-view__children_nad0r {
         width: 32px;
         height: 32px;
-    } .icon-view__size_64_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_64_nad0r .icon-view__addons_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_64_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_64_nad0r .icon-view__topAddons_nad0r {
         top: -7px;
         right: -7px;
-    } .icon-view__size_64_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_64_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_64_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_64_nad0r .icon-view__indicator_nad0r {
         top: -8px;
         right: -16px;
-    } .icon-view__size_56_1rvyd {
+    } .icon-view__size_56_nad0r {
     width: 56px;
     height: 56px
-} .icon-view__size_56_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_56_nad0r .icon-view__children_nad0r {
         width: 40px;
         height: 40px;
-    } .icon-view__size_56_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_56_nad0r .icon-view__addons_nad0r {
         width: 20px;
         height: 20px;
-    } .icon-view__size_56_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_56_nad0r .icon-view__topAddons_nad0r {
         top: -8px;
         right: -6px;
-    } .icon-view__size_56_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_56_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -8px;
         right: -6px;
-    } .icon-view__size_56_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_56_nad0r .icon-view__indicator_nad0r {
         top: -6px;
         right: -12px;
-    } .icon-view__size_48_1rvyd {
+    } .icon-view__size_48_nad0r {
     width: 48px;
     height: 48px
-} .icon-view__size_48_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_48_nad0r .icon-view__children_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_48_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_48_nad0r .icon-view__addons_nad0r {
         width: 20px;
         height: 20px;
-    } .icon-view__size_48_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_48_nad0r .icon-view__topAddons_nad0r {
         top: -7px;
         right: -7px;
-    } .icon-view__size_48_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_48_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_48_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_48_nad0r .icon-view__indicator_nad0r {
         top: -7px;
         right: -13px;
-    } .icon-view__size_40_1rvyd {
+    } .icon-view__size_40_nad0r {
     width: 40px;
     height: 40px
-} .icon-view__size_40_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_40_nad0r .icon-view__children_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_40_1rvyd .icon-view__addons_1rvyd {
+    } .icon-view__size_40_nad0r .icon-view__addons_nad0r {
         width: 20px;
         height: 20px;
-    } .icon-view__size_40_1rvyd .icon-view__topAddons_1rvyd {
+    } .icon-view__size_40_nad0r .icon-view__topAddons_nad0r {
         top: -7px;
         right: -7px;
-    } .icon-view__size_40_1rvyd .icon-view__bottomAddons_1rvyd {
+    } .icon-view__size_40_nad0r .icon-view__bottomAddons_nad0r {
         bottom: -7px;
         right: -7px;
-    } .icon-view__size_40_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_40_nad0r .icon-view__indicator_nad0r {
         top: -7px;
         right: -13px;
-    } .icon-view__size_32_1rvyd {
+    } .icon-view__size_32_nad0r {
     width: 32px;
     height: 32px
-} .icon-view__size_32_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_32_nad0r .icon-view__children_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_32_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_32_nad0r .icon-view__indicator_nad0r {
         top: -2px;
         right: -2px;
-    } .icon-view__size_24_1rvyd {
+    } .icon-view__size_24_nad0r {
     width: 24px;
     height: 24px
-} .icon-view__size_24_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_24_nad0r .icon-view__children_nad0r {
         width: 24px;
         height: 24px;
-    } .icon-view__size_24_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_24_nad0r .icon-view__indicator_nad0r {
         top: -2px;
         right: -2px;
-    } .icon-view__size_20_1rvyd {
+    } .icon-view__size_20_nad0r {
     width: 20px;
     height: 20px
-} .icon-view__size_20_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_20_nad0r .icon-view__children_nad0r {
         width: 16px;
         height: 16px;
-    } .icon-view__size_20_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_20_nad0r .icon-view__indicator_nad0r {
         top: -3px;
         right: -3px;
-    } .icon-view__size_16_1rvyd {
+    } .icon-view__size_16_nad0r {
     width: 16px;
     height: 16px
-} .icon-view__size_16_1rvyd .icon-view__children_1rvyd {
+} .icon-view__size_16_nad0r .icon-view__children_nad0r {
         width: 16px;
         height: 16px;
-    } .icon-view__size_16_1rvyd .icon-view__indicator_1rvyd {
+    } .icon-view__size_16_nad0r .icon-view__indicator_nad0r {
         top: -4px;
         right: -4px;
-    } /* prettier-ignore */ .icon-view__children_1rvyd.icon-view__size-16_1rvyd {
+    } /* prettier-ignore */ .icon-view__children_nad0r.icon-view__size-16_nad0r {
             width: 16px;
             height: 16px;
-        } .icon-view__children_1rvyd.icon-view__size-20_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-20_nad0r {
             width: 20px;
             height: 20px;
-        } .icon-view__children_1rvyd.icon-view__size-24_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-24_nad0r {
             width: 24px;
             height: 24px;
-        } .icon-view__children_1rvyd.icon-view__size-32_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-32_nad0r {
             width: 32px;
             height: 32px;
-        } .icon-view__children_1rvyd.icon-view__size-40_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-40_nad0r {
             width: 40px;
             height: 40px;
-        } .icon-view__children_1rvyd.icon-view__size-48_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-48_nad0r {
             width: 48px;
             height: 48px;
-        } .icon-view__children_1rvyd.icon-view__size-56_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-56_nad0r {
             width: 56px;
             height: 56px;
-        } .icon-view__children_1rvyd.icon-view__size-64_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-64_nad0r {
             width: 64px;
             height: 64px;
-        } .icon-view__children_1rvyd.icon-view__size-80_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-80_nad0r {
             width: 80px;
             height: 80px;
-        } .icon-view__children_1rvyd.icon-view__size-128_1rvyd {
+        } .icon-view__children_nad0r.icon-view__size-128_nad0r {
             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_1xhrh","red":"indicator__red_1xhrh","border":"indicator__border_1xhrh","white":"indicator__white_1xhrh","grey":"indicator__grey_1xhrh","size-8":"indicator__size-8_1xhrh","size-16":"indicator__size-16_1xhrh","content":"indicator__content_1xhrh","size-20":"indicator__size-20_1xhrh","size-24":"indicator__size-24_1xhrh","size-40":"indicator__size-40_1xhrh","size-48":"indicator__size-48_1xhrh"};
+var styles = {"component":"indicator__component_n2a89","red":"indicator__red_n2a89","border":"indicator__border_n2a89","white":"indicator__white_n2a89","grey":"indicator__grey_n2a89","size-8":"indicator__size-8_n2a89","size-16":"indicator__size-16_n2a89","content":"indicator__content_n2a89","size-20":"indicator__size-20_n2a89","size-24":"indicator__size-24_n2a89","size-40":"indicator__size-40_n2a89","size-48":"indicator__size-48_n2a89"};
 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_1xhrh","red":"indicator__red_1xhrh","border":"indicator__border_1xhrh","white":"indicator__white_1xhrh","grey":"indicator__grey_1xhrh","size-8":"indicator__size-8_1xhrh","size-16":"indicator__size-16_1xhrh","content":"indicator__content_1xhrh","size-20":"indicator__size-20_1xhrh","size-24":"indicator__size-24_1xhrh","size-40":"indicator__size-40_1xhrh","size-48":"indicator__size-48_1xhrh"};
+var styles = {"component":"indicator__component_n2a89","red":"indicator__red_n2a89","border":"indicator__border_n2a89","white":"indicator__white_n2a89","grey":"indicator__grey_n2a89","size-8":"indicator__size-8_n2a89","size-16":"indicator__size-16_n2a89","content":"indicator__content_n2a89","size-20":"indicator__size-20_n2a89","size-24":"indicator__size-24_n2a89","size-40":"indicator__size-40_n2a89","size-48":"indicator__size-48_n2a89"};
 require('./index.css');
 
 function getSize(height, value) {

package/indicator/esm/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1xhrh {
+} .indicator__component_n2a89 {
     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_1xhrh {
+} .indicator__red_n2a89 {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1xhrh.indicator__border_1xhrh {
+} .indicator__red_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__white_1xhrh {
+    } .indicator__white_n2a89 {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1xhrh.indicator__border_1xhrh {
+} .indicator__white_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__grey_1xhrh {
+    } .indicator__grey_n2a89 {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1xhrh.indicator__border_1xhrh {
+} .indicator__grey_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__size-8_1xhrh {
+    } .indicator__size-8_n2a89 {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1xhrh {
+} .indicator__size-16_n2a89 {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1xhrh .indicator__content_1xhrh {
+} .indicator__size-16_n2a89 .indicator__content_n2a89 {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1xhrh {
+    } .indicator__size-20_n2a89 {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1xhrh .indicator__content_1xhrh {
+} .indicator__size-20_n2a89 .indicator__content_n2a89 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1xhrh {
+    } .indicator__size-24_n2a89 {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1xhrh .indicator__content_1xhrh {
+} .indicator__size-24_n2a89 .indicator__content_n2a89 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1xhrh {
+    } .indicator__size-40_n2a89 {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1xhrh .indicator__content_1xhrh {
+} .indicator__size-40_n2a89 .indicator__content_n2a89 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1xhrh .indicator__content_1xhrh {
+    } .indicator__size-48_n2a89 .indicator__content_n2a89 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

package/indicator/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1xhrh {
+} .indicator__component_n2a89 {
     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_1xhrh {
+} .indicator__red_n2a89 {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1xhrh.indicator__border_1xhrh {
+} .indicator__red_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__white_1xhrh {
+    } .indicator__white_n2a89 {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1xhrh.indicator__border_1xhrh {
+} .indicator__white_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__grey_1xhrh {
+    } .indicator__grey_n2a89 {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1xhrh.indicator__border_1xhrh {
+} .indicator__grey_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__size-8_1xhrh {
+    } .indicator__size-8_n2a89 {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1xhrh {
+} .indicator__size-16_n2a89 {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1xhrh .indicator__content_1xhrh {
+} .indicator__size-16_n2a89 .indicator__content_n2a89 {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1xhrh {
+    } .indicator__size-20_n2a89 {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1xhrh .indicator__content_1xhrh {
+} .indicator__size-20_n2a89 .indicator__content_n2a89 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1xhrh {
+    } .indicator__size-24_n2a89 {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1xhrh .indicator__content_1xhrh {
+} .indicator__size-24_n2a89 .indicator__content_n2a89 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1xhrh {
+    } .indicator__size-40_n2a89 {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1xhrh .indicator__content_1xhrh {
+} .indicator__size-40_n2a89 .indicator__content_n2a89 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1xhrh .indicator__content_1xhrh {
+    } .indicator__size-48_n2a89 .indicator__content_n2a89 {
         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_1xhrh","red":"indicator__red_1xhrh","border":"indicator__border_1xhrh","white":"indicator__white_1xhrh","grey":"indicator__grey_1xhrh","size-8":"indicator__size-8_1xhrh","size-16":"indicator__size-16_1xhrh","content":"indicator__content_1xhrh","size-20":"indicator__size-20_1xhrh","size-24":"indicator__size-24_1xhrh","size-40":"indicator__size-40_1xhrh","size-48":"indicator__size-48_1xhrh"};
+const styles = {"component":"indicator__component_n2a89","red":"indicator__red_n2a89","border":"indicator__border_n2a89","white":"indicator__white_n2a89","grey":"indicator__grey_n2a89","size-8":"indicator__size-8_n2a89","size-16":"indicator__size-16_n2a89","content":"indicator__content_n2a89","size-20":"indicator__size-20_n2a89","size-24":"indicator__size-24_n2a89","size-40":"indicator__size-40_n2a89","size-48":"indicator__size-48_n2a89"};
 require('./index.css');
 
 function getSize(height, value) {

package/indicator/modern/index.css

@@ -24,7 +24,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1xhrh {
+} .indicator__component_n2a89 {
     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_1xhrh {
+} .indicator__red_n2a89 {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_1xhrh.indicator__border_1xhrh {
+} .indicator__red_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__white_1xhrh {
+    } .indicator__white_n2a89 {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_1xhrh.indicator__border_1xhrh {
+} .indicator__white_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__grey_1xhrh {
+    } .indicator__grey_n2a89 {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_1xhrh.indicator__border_1xhrh {
+} .indicator__grey_n2a89.indicator__border_n2a89 {
         outline: 2px solid var(--color-light-neutral-translucent-1300-inverted);
-    } .indicator__size-8_1xhrh {
+    } .indicator__size-8_n2a89 {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_1xhrh {
+} .indicator__size-16_n2a89 {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_1xhrh .indicator__content_1xhrh {
+} .indicator__size-16_n2a89 .indicator__content_n2a89 {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-20_1xhrh {
+    } .indicator__size-20_n2a89 {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_1xhrh .indicator__content_1xhrh {
+} .indicator__size-20_n2a89 .indicator__content_n2a89 {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-24_1xhrh {
+    } .indicator__size-24_n2a89 {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_1xhrh .indicator__content_1xhrh {
+} .indicator__size-24_n2a89 .indicator__content_n2a89 {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__size-40_1xhrh {
+    } .indicator__size-40_n2a89 {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_1xhrh .indicator__content_1xhrh {
+} .indicator__size-40_n2a89 .indicator__content_n2a89 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__size-48_1xhrh .indicator__content_1xhrh {
+    } .indicator__size-48_n2a89 .indicator__content_n2a89 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

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

@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"input":"input__input_v5dof","hasInnerLabel":"input__hasInnerLabel_v5dof","disableUserInput":"input__disableUserInput_v5dof","error":"input__error_v5dof"};
+var defaultColors = {"input":"input__input_olerc","hasInnerLabel":"input__hasInnerLabel_olerc","disableUserInput":"input__disableUserInput_olerc","error":"input__error_olerc"};
 require('./default.css');
 
-var styles = {"input":"input__input_1m34b","hasInnerLabel":"input__hasInnerLabel_1m34b","size-48":"input__size-48_1m34b","size-56":"input__size-56_1m34b","size-64":"input__size-64_1m34b","size-72":"input__size-72_1m34b","block":"input__block_1m34b","errorIcon":"input__errorIcon_1m34b","successIcon":"input__successIcon_1m34b","focusVisible":"input__focusVisible_1m34b","onautofillstart":"input__onautofillstart_1m34b","onautofillcancel":"input__onautofillcancel_1m34b"};
+var styles = {"input":"input__input_e79z2","hasInnerLabel":"input__hasInnerLabel_e79z2","size-48":"input__size-48_e79z2","size-56":"input__size-56_e79z2","size-64":"input__size-64_e79z2","size-72":"input__size-72_e79z2","block":"input__block_e79z2","errorIcon":"input__errorIcon_e79z2","successIcon":"input__successIcon_e79z2","focusVisible":"input__focusVisible_e79z2","onautofillstart":"input__onautofillstart_e79z2","onautofillcancel":"input__onautofillcancel_e79z2"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_m6lnq","hasInnerLabel":"input__hasInnerLabel_m6lnq","disableUserInput":"input__disableUserInput_m6lnq","error":"input__error_m6lnq"};
+var invertedColors = {"input":"input__input_fmmqn","hasInnerLabel":"input__hasInnerLabel_fmmqn","disableUserInput":"input__disableUserInput_fmmqn","error":"input__error_fmmqn"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -1,4 +1,4 @@
-/* hash: 9qlfk */
+/* hash: 1ecyx */
 :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-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -37,26 +37,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_v5dof {
+} .input__input_olerc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_v5dof:-webkit-autofill {
+} .input__input_olerc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_v5dof::placeholder {
+} .input__input_olerc::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_v5dof::placeholder {
+} .input__hasInnerLabel_olerc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_v5dof:read-only:not(.input__disableUserInput_v5dof) {
+} /* READ-ONLY STATE */ .input__input_olerc:read-only:not(.input__disableUserInput_olerc) {
     color: var(--input-read-only-color)
-} .input__input_v5dof:read-only:not(.input__disableUserInput_v5dof):focus::placeholder {
+} .input__input_olerc:read-only:not(.input__disableUserInput_olerc):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_v5dof:disabled {
+    } /* DISABLED STATE */ .input__input_olerc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_v5dof:focus::placeholder {
+} /* FOCUS STATE */ .input__input_olerc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_v5dof {
+} /* ERROR STATE */ .input__error_olerc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }