@alfalab/core-components 45.0.0 → 45.1.0

package/amount-input/esm/Component.js

@@ -6,13 +6,13 @@ import { withSuffix } from '../../with-suffix/esm';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_16q7v"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_lrr58"};
 require('./default.css');
 
-var styles = {"container":"amount-input__container_1543a","bold":"amount-input__bold_1543a","input":"amount-input__input_1543a","suffixContainer":"amount-input__suffixContainer_1543a","filled":"amount-input__filled_1543a"};
+var styles = {"container":"amount-input__container_3883v","bold":"amount-input__bold_3883v","input":"amount-input__input_3883v","suffixContainer":"amount-input__suffixContainer_3883v","filled":"amount-input__filled_3883v"};
 require('./index.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_28dyx"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1gb1a"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -27,8 +27,8 @@ var SuffixInput = withSuffix(Input);
  * Компонент для ввода денежных значений
  */
 var AmountInput = forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.view, view = _c === void 0 ? 'default' : _c, _d = _a.value, value = _d === void 0 ? null : _d, _e = _a.integerLength, integerLengthProp = _e === void 0 ? 9 : _e, _f = _a.minority, minority = _f === void 0 ? 100 : _f, _g = _a.currency, currency = _g === void 0 ? 'RUR' : _g, _h = _a.suffix, suffix = _h === void 0 ? currency : _h, _j = _a.codeFormat, codeFormat = _j === void 0 ? 'symbolic' : _j, _k = _a.placeholder, placeholder = _k === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _k, _l = _a.integersOnly, integersOnly = _l === void 0 ? false : _l, _m = _a.positiveOnly, positiveOnly = _m === void 0 ? true : _m, _o = _a.bold, bold = _o === void 0 ? true : _o, _p = _a.colors, colors = _p === void 0 ? 'default' : _p, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _q = _a.clear, clear = _q === void 0 ? false : _q, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _r = _a.breakpoint, breakpoint = _r === void 0 ? 1024 : _r, onKeyDown = _a.onKeyDown, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown"]);
+    var _b, _c;
+    var _d = _a.view, view = _d === void 0 ? 'default' : _d, _e = _a.value, value = _e === void 0 ? null : _e, _f = _a.integerLength, integerLengthProp = _f === void 0 ? 9 : _f, _g = _a.minority, minority = _g === void 0 ? 100 : _g, _h = _a.currency, currency = _h === void 0 ? 'RUR' : _h, _j = _a.suffix, suffix = _j === void 0 ? currency : _j, _k = _a.codeFormat, codeFormat = _k === void 0 ? 'symbolic' : _k, _l = _a.placeholder, placeholder = _l === void 0 ? "0\u2009".concat(suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix) : _l, _m = _a.integersOnly, integersOnly = _m === void 0 ? false : _m, _o = _a.positiveOnly, positiveOnly = _o === void 0 ? true : _o, _p = _a.bold, bold = _p === void 0 ? true : _p, _q = _a.colors, colors = _q === void 0 ? 'default' : _q, className = _a.className, focusedClassName = _a.focusedClassName, dataTestId = _a.dataTestId, _r = _a.clear, clear = _r === void 0 ? false : _r, onChange = _a.onChange, onClear = _a.onClear, onBlur = _a.onBlur, _s = _a.breakpoint, breakpoint = _s === void 0 ? 1024 : _s, onKeyDown = _a.onKeyDown, _t = _a.transparentMinor, transparentMinor = _t === void 0 ? true : _t, restProps = __rest(_a, ["view", "value", "integerLength", "minority", "currency", "suffix", "codeFormat", "placeholder", "integersOnly", "positiveOnly", "bold", "colors", "className", "focusedClassName", "dataTestId", "clear", "onChange", "onClear", "onBlur", "breakpoint", "onKeyDown", "transparentMinor"]);
     var integerLength = Math.min(integerLengthProp, 15);
     var getFormattedAmount = useCallback(function (val) {
         if (val === '' || val === null || val === '-')
@@ -41,8 +41,8 @@ var AmountInput = forwardRef(function (_a, ref) {
             negativeSymbol: 'hyphen-minus',
         }).formatted;
     }, [currency, minority, view]);
-    var _s = useState(function () { return getFormattedAmount(value); }), inputValue = _s[0], setInputValue = _s[1];
-    var _t = inputValue.split(','), majorPart = _t[0], minorPart = _t[1];
+    var _u = useState(function () { return getFormattedAmount(value); }), inputValue = _u[0], setInputValue = _u[1];
+    var _v = inputValue.split(','), majorPart = _v[0], minorPart = _v[1];
     var currencyCode = getCurrencyCodeWithFormat(currency, codeFormat);
     useEffect(function () {
         var currentAmountValue = getAmountValueFromStr(inputValue, minority);
@@ -142,7 +142,9 @@ var AmountInput = forwardRef(function (_a, ref) {
             _b)) },
         React.createElement(SuffixInput, __assign({}, restProps, { suffix: React.createElement(Fragment, null,
                 majorPart,
-                React.createElement("span", { className: colorStyles[colors].minorPartAndCurrency },
+                React.createElement("span", { className: cn((_c = {},
+                        _c[colorStyles[colors].minorPartAndCurrency] = transparentMinor,
+                        _c)) },
                     minorPart !== undefined && ",".concat(minorPart),
                     THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: "[".concat(positiveOnly ? '' : '-', "0-9\\s\\.,]*"), dataTestId: dataTestId, ref: ref, breakpoint: breakpoint }))));

package/amount-input/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: cbnwi */
+/* hash: htl45 */
 :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-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
-} .amount-input__minorPartAndCurrency_16q7v {
+} .amount-input__minorPartAndCurrency_lrr58 {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: td7sf */
+/* hash: 12zrs */
 :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 { /* 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 { /* 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 */
@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_1543a {
+*/ .amount-input__container_3883v {
     position: relative;
-} .amount-input__bold_1543a .amount-input__input_1543a,
-.amount-input__bold_1543a .amount-input__suffixContainer_1543a {
+} .amount-input__bold_3883v .amount-input__input_3883v,
+.amount-input__bold_3883v .amount-input__suffixContainer_3883v {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_1543a > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_3883v > *:first-child {
     display: none;
-} .amount-input__filled_1543a .amount-input__input_1543a,
-.amount-input__input_1543a:focus {
+} .amount-input__filled_3883v .amount-input__input_3883v,
+.amount-input__input_3883v:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1rw17 */
+/* hash: 1xdyf */
 :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 { /* 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 { /* 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 */
@@ -18,6 +18,6 @@
     --amount-input-inverted-minor-part-and-currency-color: var(
         --color-light-text-secondary-inverted
     );
-} .amount-input__minorPartAndCurrency_28dyx {
+} .amount-input__minorPartAndCurrency_1gb1a {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/index.css

@@ -1,4 +1,4 @@
-/* hash: td7sf */
+/* hash: 12zrs */
 :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 { /* 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 { /* 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 */
@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_1543a {
+*/ .amount-input__container_3883v {
     position: relative;
-} .amount-input__bold_1543a .amount-input__input_1543a,
-.amount-input__bold_1543a .amount-input__suffixContainer_1543a {
+} .amount-input__bold_3883v .amount-input__input_3883v,
+.amount-input__bold_3883v .amount-input__suffixContainer_3883v {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_1543a > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_3883v > *:first-child {
     display: none;
-} .amount-input__filled_1543a .amount-input__input_1543a,
-.amount-input__input_1543a:focus {
+} .amount-input__filled_3883v .amount-input__input_3883v,
+.amount-input__input_3883v:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1rw17 */
+/* hash: 1xdyf */
 :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 { /* 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 { /* 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 */
@@ -18,6 +18,6 @@
     --amount-input-inverted-minor-part-and-currency-color: var(
         --color-light-text-secondary-inverted
     );
-} .amount-input__minorPartAndCurrency_28dyx {
+} .amount-input__minorPartAndCurrency_1gb1a {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/modern/Component.d.ts

@@ -62,6 +62,10 @@ type AmountInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
          */
         valueString: string;
     }) => void;
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean;
 };
 /**
  * Компонент для ввода денежных значений
@@ -126,5 +130,9 @@ declare const AmountInput: React.ForwardRefExoticComponent<Omit<InputProps, "val
          */
         valueString: string;
     }) => void) | undefined;
+    /**
+     * Делает минорную часть полупрозрачной
+     */
+    transparentMinor?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { AmountInputProps, AmountInput };

package/amount-input/modern/Component.js

@@ -5,13 +5,13 @@ import { withSuffix } from '../../with-suffix/modern';
 import { formatAmount, THINSP } from '@alfalab/utils';
 import { getCurrencyCodeWithFormat, getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-const defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_16q7v"};
+const defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_lrr58"};
 require('./default.css');
 
-const styles = {"container":"amount-input__container_1543a","bold":"amount-input__bold_1543a","input":"amount-input__input_1543a","suffixContainer":"amount-input__suffixContainer_1543a","filled":"amount-input__filled_1543a"};
+const styles = {"container":"amount-input__container_3883v","bold":"amount-input__bold_3883v","input":"amount-input__input_3883v","suffixContainer":"amount-input__suffixContainer_3883v","filled":"amount-input__filled_3883v"};
 require('./index.css');
 
-const invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_28dyx"};
+const invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1gb1a"};
 require('./inverted.css');
 
 const colorStyles = {
@@ -25,7 +25,7 @@ const SuffixInput = withSuffix(Input);
 /**
  * Компонент для ввода денежных значений
  */
-const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = 1024, onKeyDown, ...restProps }, ref) => {
+const AmountInput = forwardRef(({ view = 'default', value = null, integerLength: integerLengthProp = 9, minority = 100, currency = 'RUR', suffix = currency, codeFormat = 'symbolic', placeholder = `0\u2009${suffix === currency ? getCurrencyCodeWithFormat(currency, codeFormat) || '' : suffix}`, integersOnly = false, positiveOnly = true, bold = true, colors = 'default', className, focusedClassName, dataTestId, clear = false, onChange, onClear, onBlur, breakpoint = 1024, onKeyDown, transparentMinor = true, ...restProps }, ref) => {
     const integerLength = Math.min(integerLengthProp, 15);
     const getFormattedAmount = useCallback((val) => {
         if (val === '' || val === null || val === '-')
@@ -139,7 +139,9 @@ const AmountInput = forwardRef(({ view = 'default', value = null, integerLength:
         }) },
         React.createElement(SuffixInput, { ...restProps, suffix: React.createElement(Fragment, null,
                 majorPart,
-                React.createElement("span", { className: colorStyles[colors].minorPartAndCurrency },
+                React.createElement("span", { className: cn({
+                        [colorStyles[colors].minorPartAndCurrency]: transparentMinor,
+                    }) },
                     minorPart !== undefined && `,${minorPart}`,
                     THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: `[${positiveOnly ? '' : '-'}0-9\\s\\.,]*`, dataTestId: dataTestId, ref: ref, breakpoint: breakpoint })));

package/amount-input/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: cbnwi */
+/* hash: htl45 */
 :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-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
@@ -17,6 +17,6 @@
 } :root {
 } :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
-} .amount-input__minorPartAndCurrency_16q7v {
+} .amount-input__minorPartAndCurrency_lrr58 {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: td7sf */
+/* hash: 12zrs */
 :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 { /* 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 { /* 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 */
@@ -25,14 +25,14 @@
 * Решение
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
-*/ .amount-input__container_1543a {
+*/ .amount-input__container_3883v {
     position: relative;
-} .amount-input__bold_1543a .amount-input__input_1543a,
-.amount-input__bold_1543a .amount-input__suffixContainer_1543a {
+} .amount-input__bold_3883v .amount-input__input_3883v,
+.amount-input__bold_3883v .amount-input__suffixContainer_3883v {
     font-weight: bold;
-} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_1543a > *:first-child {
+} /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */ .amount-input__suffixContainer_3883v > *:first-child {
     display: none;
-} .amount-input__filled_1543a .amount-input__input_1543a,
-.amount-input__input_1543a:focus {
+} .amount-input__filled_3883v .amount-input__input_3883v,
+.amount-input__input_3883v:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1rw17 */
+/* hash: 1xdyf */
 :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 { /* 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 { /* 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 */
@@ -18,6 +18,6 @@
     --amount-input-inverted-minor-part-and-currency-color: var(
         --color-light-text-secondary-inverted
     );
-} .amount-input__minorPartAndCurrency_28dyx {
+} .amount-input__minorPartAndCurrency_1gb1a {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/attach/Component.js

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"attach__component_19l14","label":"attach__label_19l14","control":"attach__control_19l14","size-32":"attach__size-32_19l14","file":"attach__file_19l14","noFile":"attach__noFile_19l14","size-40":"attach__size-40_19l14","size-48":"attach__size-48_19l14","size-56":"attach__size-56_19l14","size-64":"attach__size-64_19l14","abbreviation":"attach__abbreviation_19l14","clear":"attach__clear_19l14","progressBar":"attach__progressBar_19l14","disabled":"attach__disabled_19l14","icon":"attach__icon_19l14","focused":"attach__focused_19l14"};
+var styles = {"component":"attach__component_19p8l","label":"attach__label_19p8l","control":"attach__control_19p8l","size-32":"attach__size-32_19p8l","file":"attach__file_19p8l","noFile":"attach__noFile_19p8l","size-40":"attach__size-40_19p8l","size-48":"attach__size-48_19p8l","size-56":"attach__size-56_19p8l","size-64":"attach__size-64_19p8l","abbreviation":"attach__abbreviation_19p8l","clear":"attach__clear_19p8l","progressBar":"attach__progressBar_19p8l","disabled":"attach__disabled_19p8l","icon":"attach__icon_19p8l","focused":"attach__focused_19p8l"};
 require('./index.css');
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];

package/attach/esm/Component.js

@@ -10,7 +10,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
 
-var styles = {"component":"attach__component_19l14","label":"attach__label_19l14","control":"attach__control_19l14","size-32":"attach__size-32_19l14","file":"attach__file_19l14","noFile":"attach__noFile_19l14","size-40":"attach__size-40_19l14","size-48":"attach__size-48_19l14","size-56":"attach__size-56_19l14","size-64":"attach__size-64_19l14","abbreviation":"attach__abbreviation_19l14","clear":"attach__clear_19l14","progressBar":"attach__progressBar_19l14","disabled":"attach__disabled_19l14","icon":"attach__icon_19l14","focused":"attach__focused_19l14"};
+var styles = {"component":"attach__component_19p8l","label":"attach__label_19p8l","control":"attach__control_19p8l","size-32":"attach__size-32_19p8l","file":"attach__file_19p8l","noFile":"attach__noFile_19p8l","size-40":"attach__size-40_19p8l","size-48":"attach__size-48_19p8l","size-56":"attach__size-56_19p8l","size-64":"attach__size-64_19p8l","abbreviation":"attach__abbreviation_19p8l","clear":"attach__clear_19p8l","progressBar":"attach__progressBar_19p8l","disabled":"attach__disabled_19p8l","icon":"attach__icon_19p8l","focused":"attach__focused_19p8l"};
 require('./index.css');
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];

package/attach/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 3zpt8 */
+/* hash: 1h4k1 */
 :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-border-link: #2288fa;
@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .attach__component_19l14 {
+} .attach__component_19p8l {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -27,7 +27,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_19l14 {
+} .attach__label_19p8l {
     position: absolute;
     top: 0;
     left: 0;
@@ -36,42 +36,42 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_19l14 {
+} .attach__control_19p8l {
     opacity: 0;
     cursor: inherit
-} .attach__control_19l14::-webkit-file-upload-button {
+} .attach__control_19p8l::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_19l14 .attach__file_19l14,
-.attach__size-32_19l14 .attach__noFile_19l14,
-.attach__size-40_19l14 .attach__file_19l14,
-.attach__size-40_19l14 .attach__noFile_19l14 {
+    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_19p8l .attach__file_19p8l,
+.attach__size-32_19p8l .attach__noFile_19p8l,
+.attach__size-40_19p8l .attach__file_19p8l,
+.attach__size-40_19p8l .attach__noFile_19p8l {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .attach__size-48_19l14 .attach__file_19l14,
-.attach__size-48_19l14 .attach__noFile_19l14 {
+} .attach__size-48_19p8l .attach__file_19p8l,
+.attach__size-48_19p8l .attach__noFile_19p8l {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .attach__size-56_19l14 .attach__file_19l14,
-.attach__size-56_19l14 .attach__noFile_19l14 {
+} .attach__size-56_19p8l .attach__file_19p8l,
+.attach__size-56_19p8l .attach__noFile_19p8l {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .attach__size-64_19l14 .attach__file_19l14,
-.attach__size-64_19l14 .attach__noFile_19l14 {
+} .attach__size-64_19p8l .attach__file_19p8l,
+.attach__size-64_19p8l .attach__noFile_19p8l {
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
-} .attach__file_19l14,
-.attach__noFile_19l14 {
+} .attach__file_19p8l,
+.attach__noFile_19p8l {
     display: inline-block;
     margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
-} .attach__abbreviation_19l14 {
+} .attach__abbreviation_19p8l {
     text-decoration: none;
-} .attach__clear_19l14 {
+} .attach__clear_19p8l {
     margin: 0 0 0 5px;
     padding: 0;
     cursor: pointer;
@@ -82,17 +82,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_19l14:before {
+} .attach__clear_19p8l:before {
         content: '\D7';
-    } .attach__progressBar_19l14 {
+    } .attach__progressBar_19p8l {
     margin-top: var(--gap-2xs);
-} .attach__disabled_19l14 .attach__noFile_19l14,
-.attach__disabled_19l14 .attach__file_19l14,
-.attach__disabled_19l14 .attach__icon_19l14 {
+} .attach__disabled_19p8l .attach__noFile_19p8l,
+.attach__disabled_19p8l .attach__file_19p8l,
+.attach__disabled_19p8l .attach__icon_19p8l {
     opacity: 0.3;
-} .attach__disabled_19l14 .attach__clear_19l14 {
+} .attach__disabled_19p8l .attach__clear_19p8l {
     display: none;
-} .attach__focused_19l14 {
+} .attach__focused_19p8l {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/attach/index.css

@@ -1,4 +1,4 @@
-/* hash: 3zpt8 */
+/* hash: 1h4k1 */
 :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-border-link: #2288fa;
@@ -18,7 +18,7 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .attach__component_19l14 {
+} .attach__component_19p8l {
     display: inline-flex;
     align-items: center;
     position: relative;
@@ -27,7 +27,7 @@
     * {
         box-sizing: border-box;
     }
-} .attach__label_19l14 {
+} .attach__label_19p8l {
     position: absolute;
     top: 0;
     left: 0;
@@ -36,42 +36,42 @@
     cursor: inherit;
     width: 0;
     height: 0;
-} .attach__control_19l14 {
+} .attach__control_19p8l {
     opacity: 0;
     cursor: inherit
-} .attach__control_19l14::-webkit-file-upload-button {
+} .attach__control_19p8l::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_19l14 .attach__file_19l14,
-.attach__size-32_19l14 .attach__noFile_19l14,
-.attach__size-40_19l14 .attach__file_19l14,
-.attach__size-40_19l14 .attach__noFile_19l14 {
+    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_19p8l .attach__file_19p8l,
+.attach__size-32_19p8l .attach__noFile_19p8l,
+.attach__size-40_19p8l .attach__file_19p8l,
+.attach__size-40_19p8l .attach__noFile_19p8l {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
-} .attach__size-48_19l14 .attach__file_19l14,
-.attach__size-48_19l14 .attach__noFile_19l14 {
+} .attach__size-48_19p8l .attach__file_19p8l,
+.attach__size-48_19p8l .attach__noFile_19p8l {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .attach__size-56_19l14 .attach__file_19l14,
-.attach__size-56_19l14 .attach__noFile_19l14 {
+} .attach__size-56_19p8l .attach__file_19p8l,
+.attach__size-56_19p8l .attach__noFile_19p8l {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .attach__size-64_19l14 .attach__file_19l14,
-.attach__size-64_19l14 .attach__noFile_19l14 {
+} .attach__size-64_19p8l .attach__file_19p8l,
+.attach__size-64_19p8l .attach__noFile_19p8l {
     font-size: 18px;
     line-height: 22px;
     font-weight: 400;
-} .attach__file_19l14,
-.attach__noFile_19l14 {
+} .attach__file_19p8l,
+.attach__noFile_19p8l {
     display: inline-block;
     margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
-} .attach__abbreviation_19l14 {
+} .attach__abbreviation_19p8l {
     text-decoration: none;
-} .attach__clear_19l14 {
+} .attach__clear_19p8l {
     margin: 0 0 0 5px;
     padding: 0;
     cursor: pointer;
@@ -82,17 +82,17 @@
     font: inherit;
     background: none;
     border: none
-} .attach__clear_19l14:before {
+} .attach__clear_19p8l:before {
         content: '\D7';
-    } .attach__progressBar_19l14 {
+    } .attach__progressBar_19p8l {
     margin-top: var(--gap-2xs);
-} .attach__disabled_19l14 .attach__noFile_19l14,
-.attach__disabled_19l14 .attach__file_19l14,
-.attach__disabled_19l14 .attach__icon_19l14 {
+} .attach__disabled_19p8l .attach__noFile_19p8l,
+.attach__disabled_19p8l .attach__file_19p8l,
+.attach__disabled_19p8l .attach__icon_19p8l {
     opacity: 0.3;
-} .attach__disabled_19l14 .attach__clear_19l14 {
+} .attach__disabled_19p8l .attach__clear_19p8l {
     display: none;
-} .attach__focused_19l14 {
+} .attach__focused_19p8l {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/attach/modern/Component.js

@@ -9,7 +9,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
 
-const styles = {"component":"attach__component_19l14","label":"attach__label_19l14","control":"attach__control_19l14","size-32":"attach__size-32_19l14","file":"attach__file_19l14","noFile":"attach__noFile_19l14","size-40":"attach__size-40_19l14","size-48":"attach__size-48_19l14","size-56":"attach__size-56_19l14","size-64":"attach__size-64_19l14","abbreviation":"attach__abbreviation_19l14","clear":"attach__clear_19l14","progressBar":"attach__progressBar_19l14","disabled":"attach__disabled_19l14","icon":"attach__icon_19l14","focused":"attach__focused_19l14"};
+const styles = {"component":"attach__component_19p8l","label":"attach__label_19p8l","control":"attach__control_19p8l","size-32":"attach__size-32_19p8l","file":"attach__file_19p8l","noFile":"attach__noFile_19p8l","size-40":"attach__size-40_19p8l","size-48":"attach__size-48_19p8l","size-56":"attach__size-56_19p8l","size-64":"attach__size-64_19p8l","abbreviation":"attach__abbreviation_19p8l","clear":"attach__clear_19p8l","progressBar":"attach__progressBar_19p8l","disabled":"attach__disabled_19p8l","icon":"attach__icon_19p8l","focused":"attach__focused_19p8l"};
 require('./index.css');
 
 const MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];