@alfalab/core-components 48.22.1 → 48.23.0-beta.0

package/code-input/components/base-code-input/index.css

@@ -24,17 +24,17 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_1admw {
+} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_xh73b {
     display: flex;
     flex-direction: column;
-} .code-input__error_1admw {
+} .code-input__error_xh73b {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-8);
     color: var(--color-light-text-negative);
-} @keyframes code-input__shake_1admw {
+} @keyframes code-input__shake_xh73b {
     0% {
         transform: translateX(0);
     }
@@ -50,6 +50,6 @@
     100% {
         transform: translateX(0);
     }
-} .code-input__shake_1admw {
-    animation: code-input__shake_1admw 0.15s linear 0s 3;
+} .code-input__shake_xh73b {
+    animation: code-input__shake_xh73b 0.15s linear 0s 3;
 }

package/code-input/components/input/component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"code-input__component_11gp5","input":"code-input__input_11gp5","hasError":"code-input__hasError_11gp5","disabled":"code-input__disabled_11gp5","compact":"code-input__compact_11gp5"};
+var styles = {"component":"code-input__component_ok9c3","input":"code-input__input_ok9c3","hasError":"code-input__hasError_ok9c3","disabled":"code-input__disabled_ok9c3","compact":"code-input__compact_ok9c3"};
 require('./index.css');
 
 var Input = React.forwardRef(function (_a, ref) {

package/code-input/components/input/index.css

@@ -71,9 +71,9 @@
     /* hover */
 
     /* error */
-} .code-input__component_11gp5 {
+} .code-input__component_ok9c3 {
     display: flex;
-} .code-input__input_11gp5 {
+} .code-input__input_ok9c3 {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -88,25 +88,25 @@
     font-size: var(--code-input-font-size);
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
-} .code-input__input_11gp5:last-child {
+} .code-input__input_ok9c3:last-child {
         margin-right: var(--gap-0);
-    } .code-input__input_11gp5.code-input__hasError_11gp5 {
+    } .code-input__input_ok9c3.code-input__hasError_ok9c3 {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
-    } .code-input__input_11gp5.code-input__disabled_11gp5 {
+    } .code-input__input_ok9c3.code-input__disabled_ok9c3 {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .code-input__input_11gp5:-webkit-autofill {
+    } .code-input__input_ok9c3:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
-    } .code-input__input_11gp5:-webkit-autofill,
-    .code-input__input_11gp5:-webkit-autofill:hover,
-    .code-input__input_11gp5:-webkit-autofill:focus,
-    .code-input__input_11gp5:-webkit-autofill:active {
+    } .code-input__input_ok9c3:-webkit-autofill,
+    .code-input__input_ok9c3:-webkit-autofill:hover,
+    .code-input__input_ok9c3:-webkit-autofill:focus,
+    .code-input__input_ok9c3:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .code-input__compact_11gp5 {
+    } .code-input__compact_ok9c3 {
     width: 32px;
     height: 48px;
 }

package/code-input/desktop/Component.desktop.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"code-input__component_1aank","disabled":"code-input__disabled_1aank","hasError":"code-input__hasError_1aank"};
+var styles = {"component":"code-input__component_1n73d","disabled":"code-input__disabled_1n73d","hasError":"code-input__hasError_1n73d"};
 require('./desktop.css');
 
 var CodeInputDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseCodeInput_component.BaseCodeInput, tslib.__assign({}, restProps, { ref: ref, stylesInput: styles })); });

package/code-input/desktop/desktop.css

@@ -65,14 +65,14 @@
 
     /* error */
     --code-input-error-box-shadow: none;
-} .code-input__component_1aank {
+} .code-input__component_1n73d {
     background-color: var(--code-input-bg-color);
     box-shadow: var(--code-input-box-shadow);
     border-radius: var(--code-input-border-radius)
-} .code-input__component_1aank.code-input__disabled_1aank {
+} .code-input__component_1n73d.code-input__disabled_1n73d {
         box-shadow: var(--code-input-disabled-box-shadow);
-    } .code-input__component_1aank.code-input__hasError_1aank {
+    } .code-input__component_1n73d.code-input__hasError_1n73d {
         box-shadow: var(--code-input-error-box-shadow);
-    } .code-input__component_1aank:not(.code-input__disabled_1aank):not(.code-input__hasError_1aank):hover {
+    } .code-input__component_1n73d:not(.code-input__disabled_1n73d):not(.code-input__hasError_1n73d):hover {
         box-shadow: var(--code-input-box-shadow-hover);
     }

package/code-input/esm/components/base-code-input/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useMemo, createRef, useState, useRef, useImperativeH
 import cn from 'classnames';
 import { Input } from '../input/component.js';
 
-var styles = {"component":"code-input__component_1admw","error":"code-input__error_1admw","shake":"code-input__shake_1admw"};
+var styles = {"component":"code-input__component_xh73b","error":"code-input__error_xh73b","shake":"code-input__shake_xh73b"};
 require('./index.css');
 
 /** После истечения этого времени код очищается */

package/code-input/esm/components/base-code-input/index.css

@@ -24,17 +24,17 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_1admw {
+} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_xh73b {
     display: flex;
     flex-direction: column;
-} .code-input__error_1admw {
+} .code-input__error_xh73b {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-8);
     color: var(--color-light-text-negative);
-} @keyframes code-input__shake_1admw {
+} @keyframes code-input__shake_xh73b {
     0% {
         transform: translateX(0);
     }
@@ -50,6 +50,6 @@
     100% {
         transform: translateX(0);
     }
-} .code-input__shake_1admw {
-    animation: code-input__shake_1admw 0.15s linear 0s 3;
+} .code-input__shake_xh73b {
+    animation: code-input__shake_xh73b 0.15s linear 0s 3;
 }

package/code-input/esm/components/input/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"code-input__component_11gp5","input":"code-input__input_11gp5","hasError":"code-input__hasError_11gp5","disabled":"code-input__disabled_11gp5","compact":"code-input__compact_11gp5"};
+var styles = {"component":"code-input__component_ok9c3","input":"code-input__input_ok9c3","hasError":"code-input__hasError_ok9c3","disabled":"code-input__disabled_ok9c3","compact":"code-input__compact_ok9c3"};
 require('./index.css');
 
 var Input = forwardRef(function (_a, ref) {

package/code-input/esm/components/input/index.css

@@ -71,9 +71,9 @@
     /* hover */
 
     /* error */
-} .code-input__component_11gp5 {
+} .code-input__component_ok9c3 {
     display: flex;
-} .code-input__input_11gp5 {
+} .code-input__input_ok9c3 {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -88,25 +88,25 @@
     font-size: var(--code-input-font-size);
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
-} .code-input__input_11gp5:last-child {
+} .code-input__input_ok9c3:last-child {
         margin-right: var(--gap-0);
-    } .code-input__input_11gp5.code-input__hasError_11gp5 {
+    } .code-input__input_ok9c3.code-input__hasError_ok9c3 {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
-    } .code-input__input_11gp5.code-input__disabled_11gp5 {
+    } .code-input__input_ok9c3.code-input__disabled_ok9c3 {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .code-input__input_11gp5:-webkit-autofill {
+    } .code-input__input_ok9c3:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
-    } .code-input__input_11gp5:-webkit-autofill,
-    .code-input__input_11gp5:-webkit-autofill:hover,
-    .code-input__input_11gp5:-webkit-autofill:focus,
-    .code-input__input_11gp5:-webkit-autofill:active {
+    } .code-input__input_ok9c3:-webkit-autofill,
+    .code-input__input_ok9c3:-webkit-autofill:hover,
+    .code-input__input_ok9c3:-webkit-autofill:focus,
+    .code-input__input_ok9c3:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .code-input__compact_11gp5 {
+    } .code-input__compact_ok9c3 {
     width: 32px;
     height: 48px;
 }

package/code-input/esm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import { BaseCodeInput } from '../components/base-code-input/component.js';
 import 'classnames';
 import '../components/input/component.js';
 
-var styles = {"component":"code-input__component_1aank","disabled":"code-input__disabled_1aank","hasError":"code-input__hasError_1aank"};
+var styles = {"component":"code-input__component_1n73d","disabled":"code-input__disabled_1n73d","hasError":"code-input__hasError_1n73d"};
 require('./desktop.css');
 
 var CodeInputDesktop = forwardRef(function (restProps, ref) { return React.createElement(BaseCodeInput, __assign({}, restProps, { ref: ref, stylesInput: styles })); });

package/code-input/esm/desktop/desktop.css

@@ -65,14 +65,14 @@
 
     /* error */
     --code-input-error-box-shadow: none;
-} .code-input__component_1aank {
+} .code-input__component_1n73d {
     background-color: var(--code-input-bg-color);
     box-shadow: var(--code-input-box-shadow);
     border-radius: var(--code-input-border-radius)
-} .code-input__component_1aank.code-input__disabled_1aank {
+} .code-input__component_1n73d.code-input__disabled_1n73d {
         box-shadow: var(--code-input-disabled-box-shadow);
-    } .code-input__component_1aank.code-input__hasError_1aank {
+    } .code-input__component_1n73d.code-input__hasError_1n73d {
         box-shadow: var(--code-input-error-box-shadow);
-    } .code-input__component_1aank:not(.code-input__disabled_1aank):not(.code-input__hasError_1aank):hover {
+    } .code-input__component_1n73d:not(.code-input__disabled_1n73d):not(.code-input__hasError_1n73d):hover {
         box-shadow: var(--code-input-box-shadow-hover);
     }

package/code-input/esm/mobile/Component.mobile.js

@@ -4,7 +4,7 @@ import { BaseCodeInput } from '../components/base-code-input/component.js';
 import 'classnames';
 import '../components/input/component.js';
 
-var styles = {"component":"code-input__component_1pwob","compact":"code-input__compact_1pwob"};
+var styles = {"component":"code-input__component_157ay","compact":"code-input__compact_157ay"};
 require('./mobile.css');
 
 var CodeInputMobile = forwardRef(function (restProps, ref) { return React.createElement(BaseCodeInput, __assign({}, restProps, { ref: ref, stylesInput: styles })); });

package/code-input/esm/mobile/mobile.css

@@ -59,8 +59,8 @@
     /* hover */
 
     /* error */
-} .code-input__component_1pwob {
+} .code-input__component_157ay {
     background-color: var(--code-input-mobile-bg-color);
-} .code-input__compact_1pwob {
+} .code-input__compact_157ay {
     margin-right: var(--gap-4);
 }

package/code-input/mobile/Component.mobile.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"code-input__component_1pwob","compact":"code-input__compact_1pwob"};
+var styles = {"component":"code-input__component_157ay","compact":"code-input__compact_157ay"};
 require('./mobile.css');
 
 var CodeInputMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseCodeInput_component.BaseCodeInput, tslib.__assign({}, restProps, { ref: ref, stylesInput: styles })); });

package/code-input/mobile/mobile.css

@@ -59,8 +59,8 @@
     /* hover */
 
     /* error */
-} .code-input__component_1pwob {
+} .code-input__component_157ay {
     background-color: var(--code-input-mobile-bg-color);
-} .code-input__compact_1pwob {
+} .code-input__compact_157ay {
     margin-right: var(--gap-4);
 }

package/code-input/modern/components/base-code-input/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useMemo, createRef, useState, useRef, useImperativeH
 import cn from 'classnames';
 import { Input } from '../input/component.js';
 
-const styles = {"component":"code-input__component_1admw","error":"code-input__error_1admw","shake":"code-input__shake_1admw"};
+const styles = {"component":"code-input__component_xh73b","error":"code-input__error_xh73b","shake":"code-input__shake_xh73b"};
 require('./index.css');
 
 /** После истечения этого времени код очищается */

package/code-input/modern/components/base-code-input/index.css

@@ -24,17 +24,17 @@
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_1admw {
+} /* сбрасывает синюю подсветку при нажатии */ .code-input__component_xh73b {
     display: flex;
     flex-direction: column;
-} .code-input__error_1admw {
+} .code-input__error_xh73b {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-8);
     color: var(--color-light-text-negative);
-} @keyframes code-input__shake_1admw {
+} @keyframes code-input__shake_xh73b {
     0% {
         transform: translateX(0);
     }
@@ -50,6 +50,6 @@
     100% {
         transform: translateX(0);
     }
-} .code-input__shake_1admw {
-    animation: code-input__shake_1admw 0.15s linear 0s 3;
+} .code-input__shake_xh73b {
+    animation: code-input__shake_xh73b 0.15s linear 0s 3;
 }

package/code-input/modern/components/input/component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"code-input__component_11gp5","input":"code-input__input_11gp5","hasError":"code-input__hasError_11gp5","disabled":"code-input__disabled_11gp5","compact":"code-input__compact_11gp5"};
+const styles = {"component":"code-input__component_ok9c3","input":"code-input__input_ok9c3","hasError":"code-input__hasError_ok9c3","disabled":"code-input__disabled_ok9c3","compact":"code-input__compact_ok9c3"};
 require('./index.css');
 
 const Input = forwardRef(({ index, error, disabled, value = '', compact = false, onChange, onKeyDown, onFocus, stylesInput = {}, }, ref) => {

package/code-input/modern/components/input/index.css

@@ -71,9 +71,9 @@
     /* hover */
 
     /* error */
-} .code-input__component_11gp5 {
+} .code-input__component_ok9c3 {
     display: flex;
-} .code-input__input_11gp5 {
+} .code-input__input_ok9c3 {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -88,25 +88,25 @@
     font-size: var(--code-input-font-size);
     font-weight: var(--code-input-font-weight);
     font-family: var(--code-input-font-family)
-} .code-input__input_11gp5:last-child {
+} .code-input__input_ok9c3:last-child {
         margin-right: var(--gap-0);
-    } .code-input__input_11gp5.code-input__hasError_11gp5 {
+    } .code-input__input_ok9c3.code-input__hasError_ok9c3 {
         color: var(--color-light-text-negative);
         caret-color: var(--code-input-text-color);
         background-color: var(--code-input-error-bg-color);
-    } .code-input__input_11gp5.code-input__disabled_11gp5 {
+    } .code-input__input_ok9c3.code-input__disabled_ok9c3 {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .code-input__input_11gp5:-webkit-autofill {
+    } .code-input__input_ok9c3:-webkit-autofill {
         -webkit-text-fill-color: var(--code-input-text-color);
-    } .code-input__input_11gp5:-webkit-autofill,
-    .code-input__input_11gp5:-webkit-autofill:hover,
-    .code-input__input_11gp5:-webkit-autofill:focus,
-    .code-input__input_11gp5:-webkit-autofill:active {
+    } .code-input__input_ok9c3:-webkit-autofill,
+    .code-input__input_ok9c3:-webkit-autofill:hover,
+    .code-input__input_ok9c3:-webkit-autofill:focus,
+    .code-input__input_ok9c3:-webkit-autofill:active {
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .code-input__compact_11gp5 {
+    } .code-input__compact_ok9c3 {
     width: 32px;
     height: 48px;
 }

package/code-input/modern/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import { BaseCodeInput } from '../components/base-code-input/component.js';
 import 'classnames';
 import '../components/input/component.js';
 
-const styles = {"component":"code-input__component_1aank","disabled":"code-input__disabled_1aank","hasError":"code-input__hasError_1aank"};
+const styles = {"component":"code-input__component_1n73d","disabled":"code-input__disabled_1n73d","hasError":"code-input__hasError_1n73d"};
 require('./desktop.css');
 
 const CodeInputDesktop = forwardRef((restProps, ref) => React.createElement(BaseCodeInput, { ...restProps, ref: ref, stylesInput: styles }));

package/code-input/modern/desktop/desktop.css

@@ -65,14 +65,14 @@
 
     /* error */
     --code-input-error-box-shadow: none;
-} .code-input__component_1aank {
+} .code-input__component_1n73d {
     background-color: var(--code-input-bg-color);
     box-shadow: var(--code-input-box-shadow);
     border-radius: var(--code-input-border-radius)
-} .code-input__component_1aank.code-input__disabled_1aank {
+} .code-input__component_1n73d.code-input__disabled_1n73d {
         box-shadow: var(--code-input-disabled-box-shadow);
-    } .code-input__component_1aank.code-input__hasError_1aank {
+    } .code-input__component_1n73d.code-input__hasError_1n73d {
         box-shadow: var(--code-input-error-box-shadow);
-    } .code-input__component_1aank:not(.code-input__disabled_1aank):not(.code-input__hasError_1aank):hover {
+    } .code-input__component_1n73d:not(.code-input__disabled_1n73d):not(.code-input__hasError_1n73d):hover {
         box-shadow: var(--code-input-box-shadow-hover);
     }

package/code-input/modern/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import { BaseCodeInput } from '../components/base-code-input/component.js';
 import 'classnames';
 import '../components/input/component.js';
 
-const styles = {"component":"code-input__component_1pwob","compact":"code-input__compact_1pwob"};
+const styles = {"component":"code-input__component_157ay","compact":"code-input__compact_157ay"};
 require('./mobile.css');
 
 const CodeInputMobile = forwardRef((restProps, ref) => React.createElement(BaseCodeInput, { ...restProps, ref: ref, stylesInput: styles }));

package/code-input/modern/mobile/mobile.css

@@ -59,8 +59,8 @@
     /* hover */
 
     /* error */
-} .code-input__component_1pwob {
+} .code-input__component_157ay {
     background-color: var(--code-input-mobile-bg-color);
-} .code-input__compact_1pwob {
+} .code-input__compact_157ay {
     margin-right: var(--gap-4);
 }

package/collapse/Component.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var debounce__default = /*#__PURE__*/_interopDefaultCompat(debounce);
 
-var styles = {"collapse":"collapse__collapse_10hot","content":"collapse__content_10hot","expandedContent":"collapse__expandedContent_10hot","expandedLabel":"collapse__expandedLabel_10hot","toggleIcon":"collapse__toggleIcon_10hot"};
+var styles = {"collapse":"collapse__collapse_1f19i","content":"collapse__content_1f19i","expandedContent":"collapse__expandedContent_1f19i","expandedLabel":"collapse__expandedLabel_1f19i","toggleIcon":"collapse__toggleIcon_1f19i"};
 require('./index.css');
 
 var Collapse = React.forwardRef(function (_a, ref) {

package/collapse/esm/Component.js

@@ -6,7 +6,7 @@ import { Link } from '../../link/esm';
 import { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';
 import { ChevronUpSIcon } from '@alfalab/icons-glyph/ChevronUpSIcon';
 
-var styles = {"collapse":"collapse__collapse_10hot","content":"collapse__content_10hot","expandedContent":"collapse__expandedContent_10hot","expandedLabel":"collapse__expandedLabel_10hot","toggleIcon":"collapse__toggleIcon_10hot"};
+var styles = {"collapse":"collapse__collapse_1f19i","content":"collapse__content_1f19i","expandedContent":"collapse__expandedContent_1f19i","expandedLabel":"collapse__expandedLabel_1f19i","toggleIcon":"collapse__toggleIcon_1f19i"};
 require('./index.css');
 
 var Collapse = forwardRef(function (_a, ref) {

package/collapse/esm/index.css

@@ -25,24 +25,24 @@
 } :root {
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_10hot {
+} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_1f19i {
     font-family: var(--font-family);
-} .collapse__collapse_10hot *,
-.collapse__collapse_10hot:before,
-.collapse__collapse_10hot:after {
+} .collapse__collapse_1f19i *,
+.collapse__collapse_1f19i:before,
+.collapse__collapse_1f19i:after {
     box-sizing: border-box;
-} .collapse__content_10hot {
+} .collapse__content_1f19i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
-} .collapse__expandedContent_10hot {
+} .collapse__expandedContent_1f19i {
     visibility: visible;
     height: auto;
     transform: translate3d(0, 0, 0);
-} .collapse__expandedLabel_10hot.collapse__expandedLabel_10hot {
+} .collapse__expandedLabel_1f19i.collapse__expandedLabel_1f19i {
     margin-top: 15px;
-} .collapse__toggleIcon_10hot {
+} .collapse__toggleIcon_1f19i {
     margin: var(--gap-4);
 }

package/collapse/index.css

@@ -25,24 +25,24 @@
 } :root {
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_10hot {
+} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_1f19i {
     font-family: var(--font-family);
-} .collapse__collapse_10hot *,
-.collapse__collapse_10hot:before,
-.collapse__collapse_10hot:after {
+} .collapse__collapse_1f19i *,
+.collapse__collapse_1f19i:before,
+.collapse__collapse_1f19i:after {
     box-sizing: border-box;
-} .collapse__content_10hot {
+} .collapse__content_1f19i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
-} .collapse__expandedContent_10hot {
+} .collapse__expandedContent_1f19i {
     visibility: visible;
     height: auto;
     transform: translate3d(0, 0, 0);
-} .collapse__expandedLabel_10hot.collapse__expandedLabel_10hot {
+} .collapse__expandedLabel_1f19i.collapse__expandedLabel_1f19i {
     margin-top: 15px;
-} .collapse__toggleIcon_10hot {
+} .collapse__toggleIcon_1f19i {
     margin: var(--gap-4);
 }

package/collapse/modern/Component.js

@@ -6,7 +6,7 @@ import { Link } from '../../link/modern';
 import { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';
 import { ChevronUpSIcon } from '@alfalab/icons-glyph/ChevronUpSIcon';
 
-const styles = {"collapse":"collapse__collapse_10hot","content":"collapse__content_10hot","expandedContent":"collapse__expandedContent_10hot","expandedLabel":"collapse__expandedLabel_10hot","toggleIcon":"collapse__toggleIcon_10hot"};
+const styles = {"collapse":"collapse__collapse_1f19i","content":"collapse__content_1f19i","expandedContent":"collapse__expandedContent_1f19i","expandedLabel":"collapse__expandedLabel_1f19i","toggleIcon":"collapse__toggleIcon_1f19i"};
 require('./index.css');
 
 const Collapse = forwardRef(({ expanded, collapsedLabel, expandedLabel, children, className, expandedContentClassName, id, onTransitionEnd, onExpandedChange, defaultExpanded = false, dataTestId, }, ref) => {

package/collapse/modern/index.css

@@ -25,24 +25,24 @@
 } :root {
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
-} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_10hot {
+} /* сбрасывает синюю подсветку при нажатии */ .collapse__collapse_1f19i {
     font-family: var(--font-family);
-} .collapse__collapse_10hot *,
-.collapse__collapse_10hot:before,
-.collapse__collapse_10hot:after {
+} .collapse__collapse_1f19i *,
+.collapse__collapse_1f19i:before,
+.collapse__collapse_1f19i:after {
     box-sizing: border-box;
-} .collapse__content_10hot {
+} .collapse__content_1f19i {
     position: relative;
     overflow: hidden;
     visibility: hidden;
     height: 0;
     transition: height 0.2s;
-} .collapse__expandedContent_10hot {
+} .collapse__expandedContent_1f19i {
     visibility: visible;
     height: auto;
     transform: translate3d(0, 0, 0);
-} .collapse__expandedLabel_10hot.collapse__expandedLabel_10hot {
+} .collapse__expandedLabel_1f19i.collapse__expandedLabel_1f19i {
     margin-top: 15px;
-} .collapse__toggleIcon_10hot {
+} .collapse__toggleIcon_1f19i {
     margin: var(--gap-4);
 }

package/comment/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"comment__component_14072","rowLimit2":"comment__rowLimit2_14072","rowLimit5":"comment__rowLimit5_14072"};
+var styles = {"component":"comment__component_8l3ld","rowLimit2":"comment__rowLimit2_8l3ld","rowLimit5":"comment__rowLimit5_8l3ld"};
 require('./index.css');
 
 var Comment = function (_a) {

package/comment/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Text } from '../../typography/esm';
 
-var styles = {"component":"comment__component_14072","rowLimit2":"comment__rowLimit2_14072","rowLimit5":"comment__rowLimit5_14072"};
+var styles = {"component":"comment__component_8l3ld","rowLimit2":"comment__rowLimit2_8l3ld","rowLimit5":"comment__rowLimit5_8l3ld"};
 require('./index.css');
 
 var Comment = function (_a) {

package/comment/esm/index.css

@@ -28,19 +28,19 @@
     --gap-16: var(--gap-m);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .comment__component_14072 {
+} /* сбрасывает синюю подсветку при нажатии */ .comment__component_8l3ld {
     width: -moz-fit-content;
     width: fit-content;
     padding: 10px var(--gap-16);
     background-color: var(--color-light-neutral-100);
     border-radius: var(--border-radius-4) var(--border-radius-20) var(--border-radius-20)
         var(--border-radius-20);
-} .comment__rowLimit2_14072 {
+} .comment__rowLimit2_8l3ld {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .comment__rowLimit5_14072 {
+} .comment__rowLimit5_8l3ld {
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;