@alfalab/core-components 41.15.0 → 41.16.0

package/filter-tag/modern/index.css

@@ -103,47 +103,47 @@
     /* text color */
 } :root {
     --filter-tag-separator-background-color-hover: transparent;
-} .filter-tag__component_vtzhl {
+} .filter-tag__component_14hco {
     display: flex;
     width: max-content;
     box-sizing: border-box
-} .filter-tag__component_vtzhl.filter-tag__disabled_vtzhl {
+} .filter-tag__component_14hco.filter-tag__disabled_14hco {
         background-color: var(--tag-outlined-background-color-disabled);
-    } .filter-tag__component_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xxs_vtzhl {
+    } .filter-tag__component_14hco.filter-tag__rounded_14hco.filter-tag__xxs_14hco {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__rounded_14hco.filter-tag__xs_14hco {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__rounded_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__rounded_14hco.filter-tag__s_14hco {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__rectangular_14hco.filter-tag__xxs_14hco {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__rectangular_14hco.filter-tag__xs_14hco {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__rectangular_14hco.filter-tag__s_14hco {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl) {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco) {
             background-color: var(--tag-background-color-checked);
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl).filter-tag__xxs_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco).filter-tag__xxs_14hco {
             min-width: 84px;
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl).filter-tag__xs_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco).filter-tag__xs_14hco {
             min-width: 104px;
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl).filter-tag__s_vtzhl {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco).filter-tag__s_14hco {
             min-width: 116px;
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl):hover {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco):hover {
             background-color: var(--tag-background-color-checked-hover);
-        } .filter-tag__component_vtzhl.filter-tag__checked_vtzhl:not(.filter-tag__disabled_vtzhl):active {
+        } .filter-tag__component_14hco.filter-tag__checked_14hco:not(.filter-tag__disabled_14hco):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__focused_vtzhl {
+        } .filter-tag__focused_14hco {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .filter-tag__chevron_vtzhl {
+} .filter-tag__chevron_14hco {
     position: relative;
     transition: transform 0.2s ease;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-light-graphic-primary);
-} .filter-tag__valueButton_vtzhl {
+} .filter-tag__valueButton_14hco {
     display: flex;
     align-items: center;
     box-shadow: none;
@@ -160,169 +160,169 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: 0
-} .filter-tag__valueButton_vtzhl:disabled {
+} .filter-tag__valueButton_14hco:disabled {
         cursor: var(--disabled-cursor)
-    } .filter-tag__valueButton_vtzhl:disabled > .filter-tag__chevron_vtzhl {
+    } .filter-tag__valueButton_14hco:disabled > .filter-tag__chevron_14hco {
             color: var(--color-light-graphic-primary-alpha-30);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rounded_14hco.filter-tag__xxs_14hco {
             border-radius: var(--tag-rounded-xxs-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rounded_14hco.filter-tag__xs_14hco {
             border-radius: var(--tag-rounded-xs-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rounded_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rounded_14hco.filter-tag__s_14hco {
             border-radius: var(--tag-rounded-s-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rectangular_14hco.filter-tag__xxs_14hco {
             border-radius: var(--tag-rectangular-xxs-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rectangular_14hco.filter-tag__xs_14hco {
             border-radius: var(--tag-rectangular-xs-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__rectangular_14hco.filter-tag__s_14hco {
             border-radius: var(--tag-rectangular-s-border-radius);
-        } .filter-tag__valueButton_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__xxs_14hco {
         min-width: 60px;
         min-height: var(--size-xxs-height)
-    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_vtzhl.filter-tag__xxs_vtzhl {
+    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_14hco.filter-tag__xxs_14hco {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 32px
     }
-        } .filter-tag__valueButton_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__xs_14hco {
         min-width: 72px;
         min-height: var(--size-xs-height)
-    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_vtzhl.filter-tag__xs_vtzhl {
+    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_14hco.filter-tag__xs_14hco {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 40px
     }
-        } .filter-tag__valueButton_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__s_14hco {
         min-width: 80px;
         min-height: var(--size-s-height)
-    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_vtzhl.filter-tag__s_vtzhl {
+    } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .filter-tag__valueButton_14hco.filter-tag__s_14hco {
             /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
             Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
             height: 48px
     }
-        } .filter-tag__valueButton_vtzhl.filter-tag__outlined_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__outlined_14hco {
         color: var(--tag-text-color);
         border-color: var(--tag-border-color);
         background-color: var(--tag-outlined-background-color)
-    } .filter-tag__valueButton_vtzhl.filter-tag__outlined_vtzhl:disabled {
+    } .filter-tag__valueButton_14hco.filter-tag__outlined_14hco:disabled {
             border-color: var(--tag-border-color-disabled);
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-outlined-background-color-disabled);
-        } .filter-tag__valueButton_vtzhl.filter-tag__outlined_vtzhl:not(:disabled):hover {
+        } .filter-tag__valueButton_14hco.filter-tag__outlined_14hco:not(:disabled):hover {
             border-color: var(--tag-border-color-hover);
             background-color: var(--tag-outlined-background-color-hover);
-        } .filter-tag__valueButton_vtzhl.filter-tag__outlined_vtzhl:not(:disabled):active {
+        } .filter-tag__valueButton_14hco.filter-tag__outlined_14hco:not(:disabled):active {
             border-color: var(--tag-border-color-active);
             background-color: var(--tag-outlined-background-color-active);
-        } .filter-tag__valueButton_vtzhl.filter-tag__filled_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__filled_14hco {
         color: var(--tag-text-color);
         border-color: var(--tag-filled-border-color);
         background-color: var(--tag-filled-background-color)
-    } .filter-tag__valueButton_vtzhl.filter-tag__filled_vtzhl:disabled {
+    } .filter-tag__valueButton_14hco.filter-tag__filled_14hco:disabled {
             color: var(--tag-text-color-disabled);
             background-color: var(--tag-filled-background-color-disabled);
-        } .filter-tag__valueButton_vtzhl.filter-tag__filled_vtzhl:not(:disabled):hover {
+        } .filter-tag__valueButton_14hco.filter-tag__filled_14hco:not(:disabled):hover {
             background-color: var(--tag-filled-background-color-hover);
-        } .filter-tag__valueButton_vtzhl.filter-tag__filled_vtzhl:not(:disabled):active {
+        } .filter-tag__valueButton_14hco.filter-tag__filled_14hco:not(:disabled):active {
             background-color: var(--tag-filled-background-color-active);
-        } .filter-tag__valueButton_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__s_14hco {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
         padding-right: var(--gap-s);
         padding-left: var(--gap-xl)
-    } .filter-tag__valueButton_vtzhl.filter-tag__s_vtzhl .filter-tag__chevron_vtzhl {
+    } .filter-tag__valueButton_14hco.filter-tag__s_14hco .filter-tag__chevron_14hco {
             margin: 0 var(--gap-xs);
-        } .filter-tag__valueButton_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__xs_14hco {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-xs);
         padding-left: var(--gap-l)
-    } .filter-tag__valueButton_vtzhl.filter-tag__xs_vtzhl .filter-tag__chevron_vtzhl {
+    } .filter-tag__valueButton_14hco.filter-tag__xs_14hco .filter-tag__chevron_14hco {
             margin: 0 var(--gap-xs) 0 var(--gap-2xs);
-        } .filter-tag__valueButton_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__xxs_14hco {
         font-size: 14px;
         line-height: 20px;
         font-weight: 400;
         padding-right: var(--gap-2xs);
         padding-left: var(--gap-m)
-    } .filter-tag__valueButton_vtzhl.filter-tag__xxs_vtzhl .filter-tag__chevron_vtzhl {
+    } .filter-tag__valueButton_14hco.filter-tag__xxs_14hco .filter-tag__chevron_14hco {
             margin: 0 var(--gap-xs) 0 var(--gap-2xs);
-        } .filter-tag__valueButton_vtzhl.filter-tag__open_vtzhl .filter-tag__chevron_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__open_14hco .filter-tag__chevron_14hco {
         transform: rotateZ(180deg);
-    } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl {
+    } .filter-tag__valueButton_14hco.filter-tag__checked_14hco {
         background-color: var(--tag-background-color-checked);
         border-width: 0;
         color: var(--tag-text-color-checked)
-    } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl > .filter-tag__chevron_vtzhl {
+    } .filter-tag__valueButton_14hco.filter-tag__checked_14hco > .filter-tag__chevron_14hco {
             color: var(--color-light-graphic-primary-inverted);
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rounded_14hco.filter-tag__xxs_14hco {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xs_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rounded_14hco.filter-tag__xs_14hco {
                 border-radius: var(--tag-rounded-xs-border-radius) 0 0
                     var(--tag-rounded-xs-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rounded_vtzhl.filter-tag__s_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rounded_14hco.filter-tag__s_14hco {
                 border-radius: var(--tag-rounded-s-border-radius) 0 0
                     var(--tag-rounded-s-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rounded_vtzhl:disabled,
-            .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rounded_vtzhl.filter-tag__close_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rounded_14hco:disabled,
+            .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rounded_14hco.filter-tag__close_14hco {
                 border-radius: var(--tag-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xxs_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__xxs_14hco {
                 border-radius: var(--tag-rectangular-xxs-border-radius) 0 0
                     var(--tag-rectangular-xxs-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xs_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__xs_14hco {
                 border-radius: var(--tag-rectangular-xs-border-radius) 0 0
                     var(--tag-rectangular-xs-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__s_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__s_14hco {
                 border-radius: var(--tag-rectangular-s-border-radius) 0 0
                     var(--tag-rectangular-s-border-radius);
-            } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl:disabled.filter-tag__xxs_vtzhl, .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__close_vtzhl.filter-tag__xxs_vtzhl {
+            } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco:disabled.filter-tag__xxs_14hco, .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__close_14hco.filter-tag__xxs_14hco {
                     border-radius: var(--tag-rectangular-xxs-border-radius);
-                } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl:disabled.filter-tag__xs_vtzhl, .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__close_vtzhl.filter-tag__xs_vtzhl {
+                } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco:disabled.filter-tag__xs_14hco, .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__close_14hco.filter-tag__xs_14hco {
                     border-radius: var(--tag-rectangular-xs-border-radius);
-                } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl:disabled.filter-tag__s_vtzhl, .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__close_vtzhl.filter-tag__s_vtzhl {
+                } .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco:disabled.filter-tag__s_14hco, .filter-tag__valueButton_14hco.filter-tag__checked_14hco.filter-tag__rectangular_14hco.filter-tag__close_14hco.filter-tag__s_14hco {
                     border-radius: var(--tag-rectangular-s-border-radius);
-                } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:not(:disabled) {
+                } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:not(:disabled) {
             padding-right: 0;
             border-right-width: 0;
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:not(:disabled):hover {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:not(:disabled):hover {
             background-color: var(--tag-background-color-checked-hover);
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:not(:disabled):active {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:not(:disabled):active {
             background-color: var(--tag-background-color-checked-active);
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:not(:disabled):hover + .filter-tag__clear_vtzhl:before {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:not(:disabled):hover + .filter-tag__clear_14hco:before {
             background-color: var(--filter-tag-separator-background-color-hover);
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:not(:disabled):active + .filter-tag__clear_vtzhl:before {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:not(:disabled):active + .filter-tag__clear_14hco:before {
             background-color: transparent;
-        } .filter-tag__valueButton_vtzhl.filter-tag__checked_vtzhl:disabled {
+        } .filter-tag__valueButton_14hco.filter-tag__checked_14hco:disabled {
             background-color: var(--tag-background-color-checked-disabled);
             color: var(--tag-text-color-checked-disabled);
-        } .filter-tag__clear_vtzhl {
+        } .filter-tag__clear_14hco {
     position: relative;
     cursor: pointer;
     display: flex;
     align-items: center;
     color: var(--color-light-graphic-tertiary);
     background-color: var(--tag-background-color-checked)
-} .filter-tag__clear_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xxs_vtzhl {
+} .filter-tag__clear_14hco.filter-tag__rounded_14hco.filter-tag__xxs_14hco {
             border-radius: 0 var(--tag-rounded-xxs-border-radius)
                 var(--tag-rounded-xxs-border-radius) 0;
-        } .filter-tag__clear_vtzhl.filter-tag__rounded_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__rounded_14hco.filter-tag__xs_14hco {
             border-radius: 0 var(--tag-rounded-xs-border-radius) var(--tag-rounded-xs-border-radius)
                 0;
-        } .filter-tag__clear_vtzhl.filter-tag__rounded_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__rounded_14hco.filter-tag__s_14hco {
             border-radius: 0 var(--tag-rounded-s-border-radius) var(--tag-rounded-s-border-radius) 0;
-        } .filter-tag__clear_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__rectangular_14hco.filter-tag__xxs_14hco {
             border-radius: 0 var(--tag-rectangular-xxs-border-radius)
                 var(--tag-rectangular-xxs-border-radius) 0;
-        } .filter-tag__clear_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__rectangular_14hco.filter-tag__xs_14hco {
             border-radius: 0 var(--tag-rectangular-xs-border-radius)
                 var(--tag-rectangular-xs-border-radius) 0;
-        } .filter-tag__clear_vtzhl.filter-tag__rectangular_vtzhl.filter-tag__s_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__rectangular_14hco.filter-tag__s_14hco {
             border-radius: 0 var(--tag-rectangular-s-border-radius)
                 var(--tag-rectangular-s-border-radius) 0;
-        } .filter-tag__clear_vtzhl:before {
+        } .filter-tag__clear_14hco:before {
         content: '';
         position: absolute;
         left: 0;
@@ -332,29 +332,29 @@
         background-color: var(--color-light-border-underline-inverted);
         width: 1px;
         transition: background-color 0.2s ease;
-    } .filter-tag__clear_vtzhl:hover:before {
+    } .filter-tag__clear_14hco:hover:before {
         background-color: var(--filter-tag-separator-background-color-hover);
-    } .filter-tag__clear_vtzhl:active:before {
+    } .filter-tag__clear_14hco:active:before {
         background-color: transparent;
-    } .filter-tag__clear_vtzhl:hover {
+    } .filter-tag__clear_14hco:hover {
         background-color: var(--tag-background-color-checked-hover);
         color: var(--color-light-graphic-primary-inverted);
-    } .filter-tag__clear_vtzhl:active {
+    } .filter-tag__clear_14hco:active {
         background-color: var(--tag-background-color-checked-active);
         color: var(--color-light-graphic-primary-inverted);
-    } .filter-tag__clear_vtzhl.filter-tag__s_vtzhl {
+    } .filter-tag__clear_14hco.filter-tag__s_14hco {
         padding: 0 var(--gap-s) 0 var(--gap-xs)
-    } .filter-tag__clear_vtzhl.filter-tag__s_vtzhl:before {
+    } .filter-tag__clear_14hco.filter-tag__s_14hco:before {
             height: 24px;
-        } .filter-tag__clear_vtzhl.filter-tag__xs_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__xs_14hco {
         padding: 0 var(--gap-xs)
-    } .filter-tag__clear_vtzhl.filter-tag__xs_vtzhl:before {
+    } .filter-tag__clear_14hco.filter-tag__xs_14hco:before {
             height: 24px;
-        } .filter-tag__clear_vtzhl.filter-tag__xxs_vtzhl {
+        } .filter-tag__clear_14hco.filter-tag__xxs_14hco {
         padding: 0 3px 0 var(--gap-2xs)
-    } .filter-tag__clear_vtzhl.filter-tag__xxs_vtzhl:before {
+    } .filter-tag__clear_14hco.filter-tag__xxs_14hco:before {
             height: 20px;
-        } .filter-tag__iconWrapper_vtzhl {
+        } .filter-tag__iconWrapper_14hco {
     width: 24px;
     height: 24px;
     display: flex;

package/form-control/Component.js

@@ -9,13 +9,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"form-control__component_r01f7","inner":"form-control__inner_r01f7","label":"form-control__label_r01f7","hint":"form-control__hint_r01f7","disabled":"form-control__disabled_r01f7","hasError":"form-control__hasError_r01f7","filled":"form-control__filled_r01f7","focused":"form-control__focused_r01f7","error":"form-control__error_r01f7"};
+var defaultColors = {"component":"form-control__component_9ojcm","inner":"form-control__inner_9ojcm","label":"form-control__label_9ojcm","hint":"form-control__hint_9ojcm","disabled":"form-control__disabled_9ojcm","hasError":"form-control__hasError_9ojcm","filled":"form-control__filled_9ojcm","focused":"form-control__focused_9ojcm","error":"form-control__error_9ojcm"};
 require('./default.css');
 
-var styles = {"component":"form-control__component_p97yz","inner":"form-control__inner_p97yz","inputWrapper":"form-control__inputWrapper_p97yz","input":"form-control__input_p97yz","label":"form-control__label_p97yz","labelInner":"form-control__labelInner_p97yz","addons":"form-control__addons_p97yz","leftAddons":"form-control__leftAddons_p97yz","rightAddons":"form-control__rightAddons_p97yz","sub":"form-control__sub_p97yz","above":"form-control__above_p97yz","block":"form-control__block_p97yz","s":"form-control__s_p97yz","hasInnerLabel":"form-control__hasInnerLabel_p97yz","m":"form-control__m_p97yz","l":"form-control__l_p97yz","xl":"form-control__xl_p97yz","hasLeftAddons":"form-control__hasLeftAddons_p97yz","hasRightAddons":"form-control__hasRightAddons_p97yz","disabled":"form-control__disabled_p97yz","focused":"form-control__focused_p97yz","hasError":"form-control__hasError_p97yz","filled":"form-control__filled_p97yz","hiddenLabel":"form-control__hiddenLabel_p97yz"};
+var styles = {"component":"form-control__component_1w0jc","inner":"form-control__inner_1w0jc","inputWrapper":"form-control__inputWrapper_1w0jc","input":"form-control__input_1w0jc","label":"form-control__label_1w0jc","labelInner":"form-control__labelInner_1w0jc","addons":"form-control__addons_1w0jc","leftAddons":"form-control__leftAddons_1w0jc","rightAddons":"form-control__rightAddons_1w0jc","sub":"form-control__sub_1w0jc","above":"form-control__above_1w0jc","block":"form-control__block_1w0jc","s":"form-control__s_1w0jc","hasInnerLabel":"form-control__hasInnerLabel_1w0jc","m":"form-control__m_1w0jc","l":"form-control__l_1w0jc","xl":"form-control__xl_1w0jc","hasLeftAddons":"form-control__hasLeftAddons_1w0jc","hasRightAddons":"form-control__hasRightAddons_1w0jc","disabled":"form-control__disabled_1w0jc","focused":"form-control__focused_1w0jc","hasError":"form-control__hasError_1w0jc","filled":"form-control__filled_1w0jc","hiddenLabel":"form-control__hiddenLabel_1w0jc"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_1cfn3","inner":"form-control__inner_1cfn3","label":"form-control__label_1cfn3","hint":"form-control__hint_1cfn3","disabled":"form-control__disabled_1cfn3","hasError":"form-control__hasError_1cfn3","filled":"form-control__filled_1cfn3","focused":"form-control__focused_1cfn3","error":"form-control__error_1cfn3"};
+var invertedColors = {"component":"form-control__component_v450k","inner":"form-control__inner_v450k","label":"form-control__label_v450k","hint":"form-control__hint_v450k","disabled":"form-control__disabled_v450k","hasError":"form-control__hasError_v450k","filled":"form-control__filled_v450k","focused":"form-control__focused_v450k","error":"form-control__error_v450k"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/default.css

@@ -62,44 +62,44 @@
     /* font */
 
     /* border-radius */
-} .form-control__component_r01f7 {
+} .form-control__component_9ojcm {
     color: var(--form-control-color);
-} .form-control__inner_r01f7 {
+} .form-control__inner_9ojcm {
     background-color: var(--form-control-bg-color);
-} /* Нижняя граница */ .form-control__inner_r01f7:before {
+} /* Нижняя граница */ .form-control__inner_9ojcm:before {
     border-bottom: var(--form-control-border-bottom);
-} .form-control__label_r01f7 {
+} .form-control__label_9ojcm {
     color: var(--form-control-label-color);
-} .form-control__hint_r01f7 {
+} .form-control__hint_9ojcm {
     color: var(--form-control-hint-color);
-} /* DISABLED STATE */ .form-control__disabled_r01f7 {
+} /* DISABLED STATE */ .form-control__disabled_9ojcm {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
     box-shadow: var(--form-control-disabled-shadow);
-} .form-control__disabled_r01f7.form-control__hasError_r01f7 {
+} .form-control__disabled_9ojcm.form-control__hasError_9ojcm {
     box-shadow: var(--form-control-error-disabled-shadow);
     background-color: var(--form-control-disabled-bg-color);
-} .form-control__disabled_r01f7:before {
+} .form-control__disabled_9ojcm:before {
     border-bottom: var(--form-control-disabled-border-bottom);
-} .form-control__disabled_r01f7.form-control__filled_r01f7 .form-control__label_r01f7 {
+} .form-control__disabled_9ojcm.form-control__filled_9ojcm .form-control__label_9ojcm {
     color: var(--form-control-disabled-filled-label-color);
-} /* HOVER STATE */ .form-control__inner_r01f7:not(.form-control__disabled_r01f7):hover {
+} /* HOVER STATE */ .form-control__inner_9ojcm:not(.form-control__disabled_9ojcm):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_r01f7:not(.form-control__disabled_r01f7):not(.form-control__hasError_r01f7):before {
+} /* FOCUS STATE */ .form-control__focused_9ojcm:not(.form-control__disabled_9ojcm):not(.form-control__hasError_9ojcm):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} .form-control__focused_r01f7.form-control__inner_r01f7,
-.form-control__focused_r01f7.form-control__inner_r01f7:hover {
+} .form-control__focused_9ojcm.form-control__inner_9ojcm,
+.form-control__focused_9ojcm.form-control__inner_9ojcm:hover {
     background-color: var(--form-control-focus-bg-color);
     box-shadow: var(--form-control-focus-shadow)
-} .form-control__focused_r01f7.form-control__inner_r01f7.form-control__hasError_r01f7, .form-control__focused_r01f7.form-control__inner_r01f7:hover.form-control__hasError_r01f7 {
+} .form-control__focused_9ojcm.form-control__inner_9ojcm.form-control__hasError_9ojcm, .form-control__focused_9ojcm.form-control__inner_9ojcm:hover.form-control__hasError_9ojcm {
         box-shadow: var(--form-control-focus-error-shadow);
-    } /* ERROR STATE */ .form-control__error_r01f7 {
+    } /* ERROR STATE */ .form-control__error_9ojcm {
     color: var(--form-control-error-color);
-} .form-control__hasError_r01f7 .form-control__label_r01f7 {
+} .form-control__hasError_9ojcm .form-control__label_9ojcm {
     color: var(--form-control-error-label-color);
-} .form-control__hasError_r01f7:before {
+} .form-control__hasError_9ojcm:before {
     border-bottom: var(--form-control-error-border-bottom);
-} .form-control__hasError_r01f7 {
+} .form-control__hasError_9ojcm {
     box-shadow: var(--form-control-error-shadow);
     background-color: var(--form-control-error-bg-color);
 }

package/form-control/esm/Component.js

@@ -2,13 +2,13 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"component":"form-control__component_r01f7","inner":"form-control__inner_r01f7","label":"form-control__label_r01f7","hint":"form-control__hint_r01f7","disabled":"form-control__disabled_r01f7","hasError":"form-control__hasError_r01f7","filled":"form-control__filled_r01f7","focused":"form-control__focused_r01f7","error":"form-control__error_r01f7"};
+var defaultColors = {"component":"form-control__component_9ojcm","inner":"form-control__inner_9ojcm","label":"form-control__label_9ojcm","hint":"form-control__hint_9ojcm","disabled":"form-control__disabled_9ojcm","hasError":"form-control__hasError_9ojcm","filled":"form-control__filled_9ojcm","focused":"form-control__focused_9ojcm","error":"form-control__error_9ojcm"};
 require('./default.css');
 
-var styles = {"component":"form-control__component_p97yz","inner":"form-control__inner_p97yz","inputWrapper":"form-control__inputWrapper_p97yz","input":"form-control__input_p97yz","label":"form-control__label_p97yz","labelInner":"form-control__labelInner_p97yz","addons":"form-control__addons_p97yz","leftAddons":"form-control__leftAddons_p97yz","rightAddons":"form-control__rightAddons_p97yz","sub":"form-control__sub_p97yz","above":"form-control__above_p97yz","block":"form-control__block_p97yz","s":"form-control__s_p97yz","hasInnerLabel":"form-control__hasInnerLabel_p97yz","m":"form-control__m_p97yz","l":"form-control__l_p97yz","xl":"form-control__xl_p97yz","hasLeftAddons":"form-control__hasLeftAddons_p97yz","hasRightAddons":"form-control__hasRightAddons_p97yz","disabled":"form-control__disabled_p97yz","focused":"form-control__focused_p97yz","hasError":"form-control__hasError_p97yz","filled":"form-control__filled_p97yz","hiddenLabel":"form-control__hiddenLabel_p97yz"};
+var styles = {"component":"form-control__component_1w0jc","inner":"form-control__inner_1w0jc","inputWrapper":"form-control__inputWrapper_1w0jc","input":"form-control__input_1w0jc","label":"form-control__label_1w0jc","labelInner":"form-control__labelInner_1w0jc","addons":"form-control__addons_1w0jc","leftAddons":"form-control__leftAddons_1w0jc","rightAddons":"form-control__rightAddons_1w0jc","sub":"form-control__sub_1w0jc","above":"form-control__above_1w0jc","block":"form-control__block_1w0jc","s":"form-control__s_1w0jc","hasInnerLabel":"form-control__hasInnerLabel_1w0jc","m":"form-control__m_1w0jc","l":"form-control__l_1w0jc","xl":"form-control__xl_1w0jc","hasLeftAddons":"form-control__hasLeftAddons_1w0jc","hasRightAddons":"form-control__hasRightAddons_1w0jc","disabled":"form-control__disabled_1w0jc","focused":"form-control__focused_1w0jc","hasError":"form-control__hasError_1w0jc","filled":"form-control__filled_1w0jc","hiddenLabel":"form-control__hiddenLabel_1w0jc"};
 require('./index.css');
 
-var invertedColors = {"component":"form-control__component_1cfn3","inner":"form-control__inner_1cfn3","label":"form-control__label_1cfn3","hint":"form-control__hint_1cfn3","disabled":"form-control__disabled_1cfn3","hasError":"form-control__hasError_1cfn3","filled":"form-control__filled_1cfn3","focused":"form-control__focused_1cfn3","error":"form-control__error_1cfn3"};
+var invertedColors = {"component":"form-control__component_v450k","inner":"form-control__inner_v450k","label":"form-control__label_v450k","hint":"form-control__hint_v450k","disabled":"form-control__disabled_v450k","hasError":"form-control__hasError_v450k","filled":"form-control__filled_v450k","focused":"form-control__focused_v450k","error":"form-control__error_v450k"};
 require('./inverted.css');
 
 var colorStyles = {

package/form-control/esm/default.css

@@ -62,44 +62,44 @@
     /* font */
 
     /* border-radius */
-} .form-control__component_r01f7 {
+} .form-control__component_9ojcm {
     color: var(--form-control-color);
-} .form-control__inner_r01f7 {
+} .form-control__inner_9ojcm {
     background-color: var(--form-control-bg-color);
-} /* Нижняя граница */ .form-control__inner_r01f7:before {
+} /* Нижняя граница */ .form-control__inner_9ojcm:before {
     border-bottom: var(--form-control-border-bottom);
-} .form-control__label_r01f7 {
+} .form-control__label_9ojcm {
     color: var(--form-control-label-color);
-} .form-control__hint_r01f7 {
+} .form-control__hint_9ojcm {
     color: var(--form-control-hint-color);
-} /* DISABLED STATE */ .form-control__disabled_r01f7 {
+} /* DISABLED STATE */ .form-control__disabled_9ojcm {
     background-color: var(--form-control-disabled-bg-color);
     color: var(--form-control-disabled-color);
     box-shadow: var(--form-control-disabled-shadow);
-} .form-control__disabled_r01f7.form-control__hasError_r01f7 {
+} .form-control__disabled_9ojcm.form-control__hasError_9ojcm {
     box-shadow: var(--form-control-error-disabled-shadow);
     background-color: var(--form-control-disabled-bg-color);
-} .form-control__disabled_r01f7:before {
+} .form-control__disabled_9ojcm:before {
     border-bottom: var(--form-control-disabled-border-bottom);
-} .form-control__disabled_r01f7.form-control__filled_r01f7 .form-control__label_r01f7 {
+} .form-control__disabled_9ojcm.form-control__filled_9ojcm .form-control__label_9ojcm {
     color: var(--form-control-disabled-filled-label-color);
-} /* HOVER STATE */ .form-control__inner_r01f7:not(.form-control__disabled_r01f7):hover {
+} /* HOVER STATE */ .form-control__inner_9ojcm:not(.form-control__disabled_9ojcm):hover {
     background-color: var(--form-control-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_r01f7:not(.form-control__disabled_r01f7):not(.form-control__hasError_r01f7):before {
+} /* FOCUS STATE */ .form-control__focused_9ojcm:not(.form-control__disabled_9ojcm):not(.form-control__hasError_9ojcm):before {
     border-bottom: var(--form-control-focus-border-bottom);
-} .form-control__focused_r01f7.form-control__inner_r01f7,
-.form-control__focused_r01f7.form-control__inner_r01f7:hover {
+} .form-control__focused_9ojcm.form-control__inner_9ojcm,
+.form-control__focused_9ojcm.form-control__inner_9ojcm:hover {
     background-color: var(--form-control-focus-bg-color);
     box-shadow: var(--form-control-focus-shadow)
-} .form-control__focused_r01f7.form-control__inner_r01f7.form-control__hasError_r01f7, .form-control__focused_r01f7.form-control__inner_r01f7:hover.form-control__hasError_r01f7 {
+} .form-control__focused_9ojcm.form-control__inner_9ojcm.form-control__hasError_9ojcm, .form-control__focused_9ojcm.form-control__inner_9ojcm:hover.form-control__hasError_9ojcm {
         box-shadow: var(--form-control-focus-error-shadow);
-    } /* ERROR STATE */ .form-control__error_r01f7 {
+    } /* ERROR STATE */ .form-control__error_9ojcm {
     color: var(--form-control-error-color);
-} .form-control__hasError_r01f7 .form-control__label_r01f7 {
+} .form-control__hasError_9ojcm .form-control__label_9ojcm {
     color: var(--form-control-error-label-color);
-} .form-control__hasError_r01f7:before {
+} .form-control__hasError_9ojcm:before {
     border-bottom: var(--form-control-error-border-bottom);
-} .form-control__hasError_r01f7 {
+} .form-control__hasError_9ojcm {
     box-shadow: var(--form-control-error-shadow);
     background-color: var(--form-control-error-bg-color);
 }