@alfalab/core-components 27.8.1 → 27.9.0

package/tag/index.css

@@ -777,7 +777,7 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_hhp33 {
+.tag__component_ofdra {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -795,40 +795,40 @@
     cursor: pointer;
     outline: none
 }
-.tag__component_hhp33:disabled {
+.tag__component_ofdra:disabled {
         cursor: var(--disabled-cursor);
     }
-.tag__focused_hhp33 {
+.tag__focused_ofdra {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tag__addons_hhp33 {
+.tag__addons_ofdra {
     display: flex;
     flex-shrink: 0;
     align-items: center
 }
-.tag__addons_hhp33:first-child {
+.tag__addons_ofdra:first-child {
         margin-right: var(--gap-2xs);
     }
-.tag__addons_hhp33:last-child {
+.tag__addons_ofdra:last-child {
         margin-left: var(--gap-2xs);
     }
-.tag__addons_hhp33:only-child {
+.tag__addons_ofdra:only-child {
         margin: 0;
     }
-.tag__s_hhp33 .tag__addons_hhp33:first-child, .tag__m_hhp33 .tag__addons_hhp33:first-child {
+.tag__s_ofdra .tag__addons_ofdra:first-child, .tag__m_ofdra .tag__addons_ofdra:first-child {
         margin-right: var(--gap-xs);
     }
-.tag__s_hhp33 .tag__addons_hhp33:last-child, .tag__m_hhp33 .tag__addons_hhp33:last-child {
+.tag__s_ofdra .tag__addons_ofdra:last-child, .tag__m_ofdra .tag__addons_ofdra:last-child {
         margin-left: var(--gap-xs);
     }
-.tag__l_hhp33 .tag__addons_hhp33:first-child, .tag__xl_hhp33 .tag__addons_hhp33:first-child {
+.tag__l_ofdra .tag__addons_ofdra:first-child, .tag__xl_ofdra .tag__addons_ofdra:first-child {
         margin-right: var(--gap-s);
     }
-.tag__l_hhp33 .tag__addons_hhp33:last-child, .tag__xl_hhp33 .tag__addons_hhp33:last-child {
+.tag__l_ofdra .tag__addons_ofdra:last-child, .tag__xl_ofdra .tag__addons_ofdra:last-child {
         margin-left: var(--gap-s);
     }
-.tag__xxs_hhp33 {
+.tag__xxs_ofdra {
     min-width: 60px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-m);
@@ -837,13 +837,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xxs_hhp33 {
+.tag__xxs_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
     }
-.tag__xs_hhp33 {
+.tag__xs_ofdra {
     min-width: 72px;
     min-height: 40px;
     padding: 0 var(--gap-l);
@@ -852,13 +852,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xs_hhp33 {
+.tag__xs_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
     }
-.tag__s_hhp33 {
+.tag__s_ofdra {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
@@ -867,13 +867,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__s_hhp33 {
+.tag__s_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
     }
-.tag__m_hhp33 {
+.tag__m_ofdra {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
@@ -882,13 +882,13 @@
     padding: 0 28px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__m_hhp33 {
+.tag__m_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
     }
-.tag__l_hhp33 {
+.tag__l_ofdra {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -897,13 +897,13 @@
     padding: 0 var(--gap-2xl)
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__l_hhp33 {
+.tag__l_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
     }
-.tag__xl_hhp33 {
+.tag__xl_ofdra {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -912,51 +912,51 @@
     padding: 0 36px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xl_hhp33 {
+.tag__xl_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
     }
-.tag__withRightAddons_hhp33.tag__xxs_hhp33 {
+.tag__withRightAddons_ofdra.tag__xxs_ofdra {
         padding-right: var(--gap-s);
     }
-.tag__withRightAddons_hhp33.tag__xs_hhp33 {
+.tag__withRightAddons_ofdra.tag__xs_ofdra {
         padding-right: var(--gap-m);
     }
-.tag__withRightAddons_hhp33.tag__s_hhp33 {
+.tag__withRightAddons_ofdra.tag__s_ofdra {
         padding-right: var(--gap-l);
     }
-.tag__withRightAddons_hhp33.tag__m_hhp33 {
+.tag__withRightAddons_ofdra.tag__m_ofdra {
         padding-right: var(--gap-xl);
     }
-.tag__withRightAddons_hhp33.tag__l_hhp33 {
+.tag__withRightAddons_ofdra.tag__l_ofdra {
         padding-right: 28px;
     }
-.tag__withRightAddons_hhp33.tag__xl_hhp33 {
+.tag__withRightAddons_ofdra.tag__xl_ofdra {
         padding-right: var(--gap-2xl);
     }
-.tag__withLeftAddons_hhp33.tag__xxs_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xxs_ofdra {
         padding-left: var(--gap-s);
     }
-.tag__withLeftAddons_hhp33.tag__xs_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xs_ofdra {
         padding-left: var(--gap-m);
     }
-.tag__withLeftAddons_hhp33.tag__s_hhp33 {
+.tag__withLeftAddons_ofdra.tag__s_ofdra {
         padding-left: var(--gap-l);
     }
-.tag__withLeftAddons_hhp33.tag__m_hhp33 {
+.tag__withLeftAddons_ofdra.tag__m_ofdra {
         padding-left: var(--gap-xl);
     }
-.tag__withLeftAddons_hhp33.tag__l_hhp33 {
+.tag__withLeftAddons_ofdra.tag__l_ofdra {
         padding-left: 28px;
     }
-.tag__withLeftAddons_hhp33.tag__xl_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xl_ofdra {
         padding-left: var(--gap-2xl);
     }
-.tag__defaultVariant_hhp33 {
+.tag__defaultVariant_ofdra {
     border-radius: var(--tag-border-radius);
 }
-.tag__alt_hhp33 {
+.tag__alt_ofdra {
     border-radius: var(--tag-alt-border-radius);
 }

package/tag/inverted.css

@@ -777,39 +777,39 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_181vz {
+.tag__component_1t7yl {
     color: var(--tag-inverted-text-color);
     border-color: var(--tag-inverted-border-color);
     background-color: var(--tag-inverted-background-color)
 }
-.tag__component_181vz:disabled {
+.tag__component_1t7yl:disabled {
         border-color: var(--tag-inverted-border-color-disabled);
         color: var(--tag-inverted-text-color-disabled);
         background-color: var(--tag-inverted-background-color-disabled);
     }
-.tag__component_181vz:hover:not(:disabled) {
+.tag__component_1t7yl:hover:not(:disabled) {
         border-color: var(--tag-inverted-border-color-hover);
         background-color: var(--tag-inverted-background-color-hover);
     }
-.tag__component_181vz:active:not(:disabled) {
+.tag__component_1t7yl:active:not(:disabled) {
         border-color: var(--tag-inverted-border-color-active);
         background-color: var(--tag-inverted-background-color-active);
         color: var(--tag-inverted-text-color);
     }
-.tag__checked_181vz {
+.tag__checked_1t7yl {
     border-color: var(--tag-inverted-border-color-checked);
     background-color: var(--tag-inverted-background-color-checked);
     color: var(--tag-inverted-text-color-checked)
 }
-.tag__checked_181vz:disabled {
+.tag__checked_1t7yl:disabled {
         background-color: var(--tag-inverted-background-color-checked-disabled);
         border-color: var(--tag-inverted-border-color-checked-disabled);
         color: var(--tag-inverted-text-color-checked-disabled);
     }
-.tag__checked_181vz:hover:not(:disabled):not(:active) {
+.tag__checked_1t7yl:hover:not(:disabled):not(:active) {
         background-color: var(--tag-inverted-background-color-checked-hover);
     }
-.tag__checked_181vz:active:not(:disabled) {
+.tag__checked_1t7yl:active:not(:disabled) {
         background-color: var(--tag-inverted-background-color-checked-active);
         color: var(--tag-inverted-text-color-checked);
     }

package/tag/modern/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 
-var styles = {"component":"tag__component_hhp33","focused":"tag__focused_hhp33","addons":"tag__addons_hhp33","s":"tag__s_hhp33","m":"tag__m_hhp33","l":"tag__l_hhp33","xl":"tag__xl_hhp33","xxs":"tag__xxs_hhp33","xs":"tag__xs_hhp33","withRightAddons":"tag__withRightAddons_hhp33","withLeftAddons":"tag__withLeftAddons_hhp33","defaultVariant":"tag__defaultVariant_hhp33","alt":"tag__alt_hhp33"};
+var styles = {"component":"tag__component_ofdra","focused":"tag__focused_ofdra","addons":"tag__addons_ofdra","s":"tag__s_ofdra","m":"tag__m_ofdra","l":"tag__l_ofdra","xl":"tag__xl_ofdra","xxs":"tag__xxs_ofdra","xs":"tag__xs_ofdra","withRightAddons":"tag__withRightAddons_ofdra","withLeftAddons":"tag__withLeftAddons_ofdra","defaultVariant":"tag__defaultVariant_ofdra","alt":"tag__alt_ofdra"};
 require('./index.css');
 
-var defaultColors = {"component":"tag__component_18yjg","checked":"tag__checked_18yjg"};
+var defaultColors = {"component":"tag__component_1u4m1","checked":"tag__checked_1u4m1"};
 require('./default.css');
 
-var invertedColors = {"component":"tag__component_181vz","checked":"tag__checked_181vz"};
+var invertedColors = {"component":"tag__component_1t7yl","checked":"tag__checked_1t7yl"};
 require('./inverted.css');
 
 const colorStylesMap = {

package/tag/modern/default.css

@@ -777,39 +777,39 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_18yjg {
+.tag__component_1u4m1 {
     color: var(--tag-text-color);
     border-color: var(--tag-border-color);
     background-color: var(--tag-background-color)
 }
-.tag__component_18yjg:disabled {
+.tag__component_1u4m1:disabled {
         border-color: var(--tag-border-color-disabled);
         color: var(--tag-text-color-disabled);
         background-color: var(--tag-background-color-disabled);
     }
-.tag__component_18yjg:hover:not(:disabled) {
+.tag__component_1u4m1:hover:not(:disabled) {
         border-color: var(--tag-border-color-hover);
         background-color: var(--tag-background-color-hover);
     }
-.tag__component_18yjg:active:not(:disabled) {
+.tag__component_1u4m1:active:not(:disabled) {
         border-color: var(--tag-border-color-active);
         background-color: var(--tag-background-color-active);
         color: var(--tag-text-color);
     }
-.tag__checked_18yjg {
+.tag__checked_1u4m1 {
     border-color: var(--tag-border-color-checked);
     background-color: var(--tag-background-color-checked);
     color: var(--tag-text-color-checked)
 }
-.tag__checked_18yjg:disabled {
+.tag__checked_1u4m1:disabled {
         background-color: var(--tag-background-color-checked-disabled);
         border-color: var(--tag-border-color-checked-disabled);
         color: var(--tag-text-color-checked-disabled);
     }
-.tag__checked_18yjg:hover:not(:disabled):not(:active) {
+.tag__checked_1u4m1:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked-hover);
     }
-.tag__checked_18yjg:active:not(:disabled) {
+.tag__checked_1u4m1:active:not(:disabled) {
         background-color: var(--tag-background-color-checked-active);
         color: var(--tag-text-color-checked);
     }

package/tag/modern/index.css

@@ -777,7 +777,7 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_hhp33 {
+.tag__component_ofdra {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -795,40 +795,40 @@
     cursor: pointer;
     outline: none
 }
-.tag__component_hhp33:disabled {
+.tag__component_ofdra:disabled {
         cursor: var(--disabled-cursor);
     }
-.tag__focused_hhp33 {
+.tag__focused_ofdra {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tag__addons_hhp33 {
+.tag__addons_ofdra {
     display: flex;
     flex-shrink: 0;
     align-items: center
 }
-.tag__addons_hhp33:first-child {
+.tag__addons_ofdra:first-child {
         margin-right: var(--gap-2xs);
     }
-.tag__addons_hhp33:last-child {
+.tag__addons_ofdra:last-child {
         margin-left: var(--gap-2xs);
     }
-.tag__addons_hhp33:only-child {
+.tag__addons_ofdra:only-child {
         margin: 0;
     }
-.tag__s_hhp33 .tag__addons_hhp33:first-child, .tag__m_hhp33 .tag__addons_hhp33:first-child {
+.tag__s_ofdra .tag__addons_ofdra:first-child, .tag__m_ofdra .tag__addons_ofdra:first-child {
         margin-right: var(--gap-xs);
     }
-.tag__s_hhp33 .tag__addons_hhp33:last-child, .tag__m_hhp33 .tag__addons_hhp33:last-child {
+.tag__s_ofdra .tag__addons_ofdra:last-child, .tag__m_ofdra .tag__addons_ofdra:last-child {
         margin-left: var(--gap-xs);
     }
-.tag__l_hhp33 .tag__addons_hhp33:first-child, .tag__xl_hhp33 .tag__addons_hhp33:first-child {
+.tag__l_ofdra .tag__addons_ofdra:first-child, .tag__xl_ofdra .tag__addons_ofdra:first-child {
         margin-right: var(--gap-s);
     }
-.tag__l_hhp33 .tag__addons_hhp33:last-child, .tag__xl_hhp33 .tag__addons_hhp33:last-child {
+.tag__l_ofdra .tag__addons_ofdra:last-child, .tag__xl_ofdra .tag__addons_ofdra:last-child {
         margin-left: var(--gap-s);
     }
-.tag__xxs_hhp33 {
+.tag__xxs_ofdra {
     min-width: 60px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-m);
@@ -837,13 +837,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xxs_hhp33 {
+.tag__xxs_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
     }
-.tag__xs_hhp33 {
+.tag__xs_ofdra {
     min-width: 72px;
     min-height: 40px;
     padding: 0 var(--gap-l);
@@ -852,13 +852,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xs_hhp33 {
+.tag__xs_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
     }
-.tag__s_hhp33 {
+.tag__s_ofdra {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
@@ -867,13 +867,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__s_hhp33 {
+.tag__s_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
     }
-.tag__m_hhp33 {
+.tag__m_ofdra {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
@@ -882,13 +882,13 @@
     padding: 0 28px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__m_hhp33 {
+.tag__m_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
     }
-.tag__l_hhp33 {
+.tag__l_ofdra {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -897,13 +897,13 @@
     padding: 0 var(--gap-2xl)
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__l_hhp33 {
+.tag__l_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
     }
-.tag__xl_hhp33 {
+.tag__xl_ofdra {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -912,51 +912,51 @@
     padding: 0 36px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xl_hhp33 {
+.tag__xl_ofdra {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
     }
-.tag__withRightAddons_hhp33.tag__xxs_hhp33 {
+.tag__withRightAddons_ofdra.tag__xxs_ofdra {
         padding-right: var(--gap-s);
     }
-.tag__withRightAddons_hhp33.tag__xs_hhp33 {
+.tag__withRightAddons_ofdra.tag__xs_ofdra {
         padding-right: var(--gap-m);
     }
-.tag__withRightAddons_hhp33.tag__s_hhp33 {
+.tag__withRightAddons_ofdra.tag__s_ofdra {
         padding-right: var(--gap-l);
     }
-.tag__withRightAddons_hhp33.tag__m_hhp33 {
+.tag__withRightAddons_ofdra.tag__m_ofdra {
         padding-right: var(--gap-xl);
     }
-.tag__withRightAddons_hhp33.tag__l_hhp33 {
+.tag__withRightAddons_ofdra.tag__l_ofdra {
         padding-right: 28px;
     }
-.tag__withRightAddons_hhp33.tag__xl_hhp33 {
+.tag__withRightAddons_ofdra.tag__xl_ofdra {
         padding-right: var(--gap-2xl);
     }
-.tag__withLeftAddons_hhp33.tag__xxs_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xxs_ofdra {
         padding-left: var(--gap-s);
     }
-.tag__withLeftAddons_hhp33.tag__xs_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xs_ofdra {
         padding-left: var(--gap-m);
     }
-.tag__withLeftAddons_hhp33.tag__s_hhp33 {
+.tag__withLeftAddons_ofdra.tag__s_ofdra {
         padding-left: var(--gap-l);
     }
-.tag__withLeftAddons_hhp33.tag__m_hhp33 {
+.tag__withLeftAddons_ofdra.tag__m_ofdra {
         padding-left: var(--gap-xl);
     }
-.tag__withLeftAddons_hhp33.tag__l_hhp33 {
+.tag__withLeftAddons_ofdra.tag__l_ofdra {
         padding-left: 28px;
     }
-.tag__withLeftAddons_hhp33.tag__xl_hhp33 {
+.tag__withLeftAddons_ofdra.tag__xl_ofdra {
         padding-left: var(--gap-2xl);
     }
-.tag__defaultVariant_hhp33 {
+.tag__defaultVariant_ofdra {
     border-radius: var(--tag-border-radius);
 }
-.tag__alt_hhp33 {
+.tag__alt_ofdra {
     border-radius: var(--tag-alt-border-radius);
 }

package/tag/modern/inverted.css

@@ -777,39 +777,39 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_181vz {
+.tag__component_1t7yl {
     color: var(--tag-inverted-text-color);
     border-color: var(--tag-inverted-border-color);
     background-color: var(--tag-inverted-background-color)
 }
-.tag__component_181vz:disabled {
+.tag__component_1t7yl:disabled {
         border-color: var(--tag-inverted-border-color-disabled);
         color: var(--tag-inverted-text-color-disabled);
         background-color: var(--tag-inverted-background-color-disabled);
     }
-.tag__component_181vz:hover:not(:disabled) {
+.tag__component_1t7yl:hover:not(:disabled) {
         border-color: var(--tag-inverted-border-color-hover);
         background-color: var(--tag-inverted-background-color-hover);
     }
-.tag__component_181vz:active:not(:disabled) {
+.tag__component_1t7yl:active:not(:disabled) {
         border-color: var(--tag-inverted-border-color-active);
         background-color: var(--tag-inverted-background-color-active);
         color: var(--tag-inverted-text-color);
     }
-.tag__checked_181vz {
+.tag__checked_1t7yl {
     border-color: var(--tag-inverted-border-color-checked);
     background-color: var(--tag-inverted-background-color-checked);
     color: var(--tag-inverted-text-color-checked)
 }
-.tag__checked_181vz:disabled {
+.tag__checked_1t7yl:disabled {
         background-color: var(--tag-inverted-background-color-checked-disabled);
         border-color: var(--tag-inverted-border-color-checked-disabled);
         color: var(--tag-inverted-text-color-checked-disabled);
     }
-.tag__checked_181vz:hover:not(:disabled):not(:active) {
+.tag__checked_1t7yl:hover:not(:disabled):not(:active) {
         background-color: var(--tag-inverted-background-color-checked-hover);
     }
-.tag__checked_181vz:active:not(:disabled) {
+.tag__checked_1t7yl:active:not(:disabled) {
         background-color: var(--tag-inverted-background-color-checked-active);
         color: var(--tag-inverted-text-color-checked);
     }

package/textarea/Component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textarea":"textarea__textarea_nomjd","s":"textarea__s_nomjd","m":"textarea__m_nomjd","l":"textarea__l_nomjd","xl":"textarea__xl_nomjd","hasLabel":"textarea__hasLabel_nomjd","resizeVertical":"textarea__resizeVertical_nomjd","focusVisible":"textarea__focusVisible_nomjd","filled":"textarea__filled_nomjd"};
+var styles = {"textarea":"textarea__textarea_zelqe","s":"textarea__s_zelqe","m":"textarea__m_zelqe","l":"textarea__l_zelqe","xl":"textarea__xl_zelqe","hasLabel":"textarea__hasLabel_zelqe","resizeVertical":"textarea__resizeVertical_zelqe","focusVisible":"textarea__focusVisible_zelqe","filled":"textarea__filled_zelqe"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1jbo4","hasLabel":"textarea__hasLabel_1jbo4","clearIcon":"textarea__clearIcon_1jbo4","errorIcon":"textarea__errorIcon_1jbo4","successIcon":"textarea__successIcon_1jbo4","error":"textarea__error_1jbo4","textarea":"textarea__textarea_1jbo4"};
+var defaultColors = {"input":"textarea__input_zvln5","hasLabel":"textarea__hasLabel_zvln5","clearIcon":"textarea__clearIcon_zvln5","errorIcon":"textarea__errorIcon_zvln5","successIcon":"textarea__successIcon_zvln5","error":"textarea__error_zvln5","textarea":"textarea__textarea_zvln5"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_uqyhq","hasLabel":"textarea__hasLabel_uqyhq","clearIcon":"textarea__clearIcon_uqyhq","errorIcon":"textarea__errorIcon_uqyhq","successIcon":"textarea__successIcon_uqyhq","error":"textarea__error_uqyhq","textarea":"textarea__textarea_uqyhq"};
+var invertedColors = {"input":"textarea__input_1t38g","hasLabel":"textarea__hasLabel_1t38g","clearIcon":"textarea__clearIcon_1t38g","errorIcon":"textarea__errorIcon_1t38g","successIcon":"textarea__successIcon_1t38g","error":"textarea__error_1t38g","textarea":"textarea__textarea_1t38g"};
 require('./inverted.css');
 
 var colorStyles = {