@alfalab/core-components 27.1.2 → 27.2.0

package/alert/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_1ng95","buttons":"alert__buttons_1ng95","title":"alert__title_1ng95","content":"alert__content_1ng95"};
+var styles = {"component":"alert__component_1c70c","buttons":"alert__buttons_1c70c","title":"alert__title_1c70c","content":"alert__content_1c70c"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/Component.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"alert__component_1ng95","buttons":"alert__buttons_1ng95","title":"alert__title_1ng95","content":"alert__content_1ng95"};
+var styles = {"component":"alert__component_1c70c","buttons":"alert__buttons_1c70c","title":"alert__title_1c70c","content":"alert__content_1c70c"};
 require('./index.css');
 
 var Alert = function (_a) {

package/alert/esm/index.css

@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_1ng95 {
+.alert__component_1c70c {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_1ng95 {
+.alert__buttons_1c70c {
     margin-top: var(--gap-m);
 }
-.alert__title_1ng95 {
+.alert__title_1c70c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_1ng95 {
+.alert__content_1c70c {
     max-width: none;
 }

package/alert/index.css

@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_1ng95 {
+.alert__component_1c70c {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_1ng95 {
+.alert__buttons_1c70c {
     margin-top: var(--gap-m);
 }
-.alert__title_1ng95 {
+.alert__title_1c70c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_1ng95 {
+.alert__content_1c70c {
     max-width: none;
 }

package/alert/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Plate } from '../../plate/modern';
 
-var styles = {"component":"alert__component_1ng95","buttons":"alert__buttons_1ng95","title":"alert__title_1ng95","content":"alert__content_1ng95"};
+var styles = {"component":"alert__component_1c70c","buttons":"alert__buttons_1c70c","title":"alert__title_1c70c","content":"alert__content_1c70c"};
 require('./index.css');
 
 const Alert = ({ className, title, ...restProps }) => (React.createElement(Plate, Object.assign({ className: cn(styles.component, className), buttonsClassName: styles.buttons, contentClassName: styles.content, title: title ? React.createElement("span", { className: styles.title }, title) : null }, restProps)));

package/alert/modern/index.css

@@ -14,7 +14,7 @@
 :root {
     --border-radius-xs: 2px;
 }
-.alert__component_1ng95 {
+.alert__component_1c70c {
     border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
     border-top: 0;
     border-right: 0;
@@ -25,14 +25,14 @@
     padding-right: var(--gap-s);
     min-height: 48px;
 }
-.alert__buttons_1ng95 {
+.alert__buttons_1c70c {
     margin-top: var(--gap-m);
 }
-.alert__title_1ng95 {
+.alert__title_1c70c {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 }
-.alert__content_1ng95 {
+.alert__content_1c70c {
     max-width: none;
 }

package/amount/component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"amount__component_j3482","transparentMinor":"amount__transparentMinor_j3482","bold":"amount__bold_j3482","normalMinor":"amount__normalMinor_j3482","defaultStyles":"amount__defaultStyles_j3482","defaultMinor":"amount__defaultMinor_j3482"};
+var styles = {"component":"amount__component_18iq9","transparentMinor":"amount__transparentMinor_18iq9","bold":"amount__bold_18iq9","normalMinor":"amount__normalMinor_18iq9","defaultStyles":"amount__defaultStyles_18iq9","defaultMinor":"amount__defaultMinor_18iq9"};
 require('./index.css');
 
 /**

package/amount/esm/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_j3482","transparentMinor":"amount__transparentMinor_j3482","bold":"amount__bold_j3482","normalMinor":"amount__normalMinor_j3482","defaultStyles":"amount__defaultStyles_j3482","defaultMinor":"amount__defaultMinor_j3482"};
+var styles = {"component":"amount__component_18iq9","transparentMinor":"amount__transparentMinor_18iq9","bold":"amount__bold_18iq9","normalMinor":"amount__normalMinor_18iq9","defaultStyles":"amount__defaultStyles_18iq9","defaultMinor":"amount__defaultMinor_18iq9"};
 require('./index.css');
 
 /**

package/amount/esm/index.css

@@ -12,22 +12,22 @@
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
 }
-.amount__component_j3482 {
+.amount__component_18iq9 {
     white-space: nowrap;
 }
-.amount__transparentMinor_j3482 {
+.amount__transparentMinor_18iq9 {
     opacity: 0.6;
 }
-.amount__bold_j3482 {
+.amount__bold_18iq9 {
     font-weight: bold;
 }
-.amount__normalMinor_j3482 {
+.amount__normalMinor_18iq9 {
     font-weight: normal;
 }
-.amount__defaultStyles_j3482 {
+.amount__defaultStyles_18iq9 {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_j3482 {
+.amount__defaultMinor_18iq9 {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/esm/pure/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1rw89"};
+var styles = {"component":"amount__component_1awc7"};
 require('./index.css');
 
 /**

package/amount/esm/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: g9uds */
-.amount__component_1rw89 {
+.amount__component_1awc7 {
     white-space: nowrap;
 }

package/amount/index.css

@@ -12,22 +12,22 @@
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
 }
-.amount__component_j3482 {
+.amount__component_18iq9 {
     white-space: nowrap;
 }
-.amount__transparentMinor_j3482 {
+.amount__transparentMinor_18iq9 {
     opacity: 0.6;
 }
-.amount__bold_j3482 {
+.amount__bold_18iq9 {
     font-weight: bold;
 }
-.amount__normalMinor_j3482 {
+.amount__normalMinor_18iq9 {
     font-weight: normal;
 }
-.amount__defaultStyles_j3482 {
+.amount__defaultStyles_18iq9 {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_j3482 {
+.amount__defaultMinor_18iq9 {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_j3482","transparentMinor":"amount__transparentMinor_j3482","bold":"amount__bold_j3482","normalMinor":"amount__normalMinor_j3482","defaultStyles":"amount__defaultStyles_j3482","defaultMinor":"amount__defaultMinor_j3482"};
+var styles = {"component":"amount__component_18iq9","transparentMinor":"amount__transparentMinor_18iq9","bold":"amount__bold_18iq9","normalMinor":"amount__normalMinor_18iq9","defaultStyles":"amount__defaultStyles_18iq9","defaultMinor":"amount__defaultMinor_18iq9"};
 require('./index.css');
 
 /**

package/amount/modern/index.css

@@ -12,22 +12,22 @@
     --amount-minor-part-font-weight: normal;
     --amount-minor-part-opacity: 0.6;
 }
-.amount__component_j3482 {
+.amount__component_18iq9 {
     white-space: nowrap;
 }
-.amount__transparentMinor_j3482 {
+.amount__transparentMinor_18iq9 {
     opacity: 0.6;
 }
-.amount__bold_j3482 {
+.amount__bold_18iq9 {
     font-weight: bold;
 }
-.amount__normalMinor_j3482 {
+.amount__normalMinor_18iq9 {
     font-weight: normal;
 }
-.amount__defaultStyles_j3482 {
+.amount__defaultStyles_18iq9 {
     font-weight: var(--amount-major-part-font-weight);
 }
-.amount__defaultMinor_j3482 {
+.amount__defaultMinor_18iq9 {
     opacity: var(--amount-minor-part-opacity);
     font-weight: var(--amount-minor-part-font-weight);
 }

package/amount/modern/pure/component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { formatAmount, THINSP } from '@alfalab/utils';
 
-var styles = {"component":"amount__component_1rw89"};
+var styles = {"component":"amount__component_1awc7"};
 require('./index.css');
 
 /**

package/amount/modern/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: g9uds */
-.amount__component_1rw89 {
+.amount__component_1awc7 {
     white-space: nowrap;
 }

package/amount/pure/component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"amount__component_1rw89"};
+var styles = {"component":"amount__component_1awc7"};
 require('./index.css');
 
 /**

package/amount/pure/index.css

@@ -1,4 +1,4 @@
 /* hash: g9uds */
-.amount__component_1rw89 {
+.amount__component_1awc7 {
     white-space: nowrap;
 }

package/amount-input/Component.js

@@ -51,13 +51,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_d1j9s","bold":"amount-input__bold_d1j9s","input":"amount-input__input_d1j9s","suffixContainer":"amount-input__suffixContainer_d1j9s","filled":"amount-input__filled_d1j9s"};
+var styles = {"container":"amount-input__container_1pewp","bold":"amount-input__bold_1pewp","input":"amount-input__input_1pewp","suffixContainer":"amount-input__suffixContainer_1pewp","filled":"amount-input__filled_1pewp"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1ui6s"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_adu6r"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_q0cv8"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_14x4b"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/default.css

@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_1ui6s {
+.amount-input__minorPartAndCurrency_adu6r {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/Component.js

@@ -44,13 +44,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"container":"amount-input__container_d1j9s","bold":"amount-input__bold_d1j9s","input":"amount-input__input_d1j9s","suffixContainer":"amount-input__suffixContainer_d1j9s","filled":"amount-input__filled_d1j9s"};
+var styles = {"container":"amount-input__container_1pewp","bold":"amount-input__bold_1pewp","input":"amount-input__input_1pewp","suffixContainer":"amount-input__suffixContainer_1pewp","filled":"amount-input__filled_1pewp"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1ui6s"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_adu6r"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_q0cv8"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_14x4b"};
 require('./inverted.css');
 
 var colorStyles = {

package/amount-input/esm/default.css

@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_1ui6s {
+.amount-input__minorPartAndCurrency_adu6r {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/esm/index.css

@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_d1j9s {
+.amount-input__container_1pewp {
     position: relative;
 }
-.amount-input__bold_d1j9s .amount-input__input_d1j9s,
-.amount-input__bold_d1j9s .amount-input__suffixContainer_d1j9s {
+.amount-input__bold_1pewp .amount-input__input_1pewp,
+.amount-input__bold_1pewp .amount-input__suffixContainer_1pewp {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_d1j9s > *:first-child {
+.amount-input__suffixContainer_1pewp > *:first-child {
     display: none;
 }
-.amount-input__filled_d1j9s .amount-input__input_d1j9s,
-.amount-input__input_d1j9s:focus {
+.amount-input__filled_1pewp .amount-input__input_1pewp,
+.amount-input__input_1pewp:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/esm/inverted.css

@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_q0cv8 {
+.amount-input__minorPartAndCurrency_14x4b {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/index.css

@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_d1j9s {
+.amount-input__container_1pewp {
     position: relative;
 }
-.amount-input__bold_d1j9s .amount-input__input_d1j9s,
-.amount-input__bold_d1j9s .amount-input__suffixContainer_d1j9s {
+.amount-input__bold_1pewp .amount-input__input_1pewp,
+.amount-input__bold_1pewp .amount-input__suffixContainer_1pewp {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_d1j9s > *:first-child {
+.amount-input__suffixContainer_1pewp > *:first-child {
     display: none;
 }
-.amount-input__filled_d1j9s .amount-input__input_d1j9s,
-.amount-input__input_d1j9s:focus {
+.amount-input__filled_1pewp .amount-input__input_1pewp,
+.amount-input__input_1pewp:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/inverted.css

@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_q0cv8 {
+.amount-input__minorPartAndCurrency_14x4b {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/amount-input/modern/Component.js

@@ -5,13 +5,13 @@ import { Input } from '../../input/modern';
 import { withSuffix } from '../../with-suffix/modern';
 import { getAmountValueFromStr, getFormattedValue } from './utils/index.js';
 
-var styles = {"container":"amount-input__container_d1j9s","bold":"amount-input__bold_d1j9s","input":"amount-input__input_d1j9s","suffixContainer":"amount-input__suffixContainer_d1j9s","filled":"amount-input__filled_d1j9s"};
+var styles = {"container":"amount-input__container_1pewp","bold":"amount-input__bold_1pewp","input":"amount-input__input_1pewp","suffixContainer":"amount-input__suffixContainer_1pewp","filled":"amount-input__filled_1pewp"};
 require('./index.css');
 
-var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_1ui6s"};
+var defaultColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_adu6r"};
 require('./default.css');
 
-var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_q0cv8"};
+var invertedColors = {"minorPartAndCurrency":"amount-input__minorPartAndCurrency_14x4b"};
 require('./inverted.css');
 
 const colorStyles = {

package/amount-input/modern/default.css

@@ -13,6 +13,6 @@
 :root {
     --amount-input-minor-part-and-currency-color: var(--color-light-text-secondary);
 }
-.amount-input__minorPartAndCurrency_1ui6s {
+.amount-input__minorPartAndCurrency_adu6r {
     color: var(--amount-input-minor-part-and-currency-color);
 }

package/amount-input/modern/index.css

@@ -19,18 +19,18 @@
 * Делаем скрытый текст где держим то же значение, добавляем символ валюты
 * Важно расположить этот текст ровно на месте инпута и чтобы он имел те же параметры что и текст в инпуте
 */
-.amount-input__container_d1j9s {
+.amount-input__container_1pewp {
     position: relative;
 }
-.amount-input__bold_d1j9s .amount-input__input_d1j9s,
-.amount-input__bold_d1j9s .amount-input__suffixContainer_d1j9s {
+.amount-input__bold_1pewp .amount-input__input_1pewp,
+.amount-input__bold_1pewp .amount-input__suffixContainer_1pewp {
     font-weight: bold;
 }
 /* суффикс = текст в поле. Скрываем спейсер, чтобы суффикс выглядел как введенное в поле значение */
-.amount-input__suffixContainer_d1j9s > *:first-child {
+.amount-input__suffixContainer_1pewp > *:first-child {
     display: none;
 }
-.amount-input__filled_d1j9s .amount-input__input_d1j9s,
-.amount-input__input_d1j9s:focus {
+.amount-input__filled_1pewp .amount-input__input_1pewp,
+.amount-input__input_1pewp:focus {
     -webkit-text-fill-color: transparent;
 }

package/amount-input/modern/inverted.css

@@ -12,6 +12,6 @@
         --color-light-text-secondary-inverted
     );
 }
-.amount-input__minorPartAndCurrency_q0cv8 {
+.amount-input__minorPartAndCurrency_14x4b {
     color: var(--amount-input-inverted-minor-part-and-currency-color);
 }

package/attach/Component.d.ts

@@ -38,7 +38,7 @@ type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' |
     /**
      * Размер компонента
      */
-    size?: 'xs' | 's' | 'm' | 'l';
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l';
     /**
      * Возможность прикрепления нескольких файлов
      */
@@ -102,7 +102,7 @@ declare const Attach: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttrib
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "m" | "l" | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | undefined;
     /**
      * Возможность прикрепления нескольких файлов
      */

package/attach/Component.js

@@ -63,15 +63,15 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = {"component":"attach__component_yjjb2","label":"attach__label_yjjb2","control":"attach__control_yjjb2","size_xs":"attach__size_xs_yjjb2","xs":"attach__xs_yjjb2","file":"attach__file_yjjb2","noFile":"attach__noFile_yjjb2","s":"attach__s_yjjb2","m":"attach__m_yjjb2","l":"attach__l_yjjb2","clear":"attach__clear_yjjb2","progressBar":"attach__progressBar_yjjb2","disabled":"attach__disabled_yjjb2","icon":"attach__icon_yjjb2","focused":"attach__focused_yjjb2"};
+var styles = {"component":"attach__component_l9hax","label":"attach__label_l9hax","control":"attach__control_l9hax","icon_size_xs":"attach__icon_size_xs_l9hax","icon_size_xxs":"attach__icon_size_xxs_l9hax","xxs":"attach__xxs_l9hax","file":"attach__file_l9hax","noFile":"attach__noFile_l9hax","xs":"attach__xs_l9hax","s":"attach__s_l9hax","m":"attach__m_l9hax","l":"attach__l_l9hax","clear":"attach__clear_l9hax","progressBar":"attach__progressBar_l9hax","disabled":"attach__disabled_l9hax","icon":"attach__icon_l9hax","focused":"attach__focused_l9hax"};
 require('./index.css');
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
 var Attach = React__default['default'].forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, accept = _a.accept, _d = _a.buttonContent, buttonContent = _d === void 0 ? 'Выберите файл' : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, className = _a.className, fileClassName = _a.fileClassName, noFileClassName = _a.noFileClassName, disabled = _a.disabled, dataTestId = _a.dataTestId, id = _a.id, maxFilenameLength = _a.maxFilenameLength, multiple = _a.multiple, _f = _a.noFileText, noFileText = _f === void 0 ? 'Нет файла' : _f, progressBarPercent = _a.progressBarPercent, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["size", "accept", "buttonContent", "buttonProps", "className", "fileClassName", "noFileClassName", "disabled", "dataTestId", "id", "maxFilenameLength", "multiple", "noFileText", "progressBarPercent", "defaultValue", "value", "onChange", "onClear"]);
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, accept = _a.accept, _e = _a.buttonContent, buttonContent = _e === void 0 ? 'Выберите файл' : _e, _f = _a.buttonProps, buttonProps = _f === void 0 ? {} : _f, className = _a.className, fileClassName = _a.fileClassName, noFileClassName = _a.noFileClassName, disabled = _a.disabled, dataTestId = _a.dataTestId, id = _a.id, maxFilenameLength = _a.maxFilenameLength, multiple = _a.multiple, _g = _a.noFileText, noFileText = _g === void 0 ? 'Нет файла' : _g, progressBarPercent = _a.progressBarPercent, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["size", "accept", "buttonContent", "buttonProps", "className", "fileClassName", "noFileClassName", "disabled", "dataTestId", "id", "maxFilenameLength", "multiple", "noFileText", "progressBarPercent", "defaultValue", "value", "onChange", "onClear"]);
     var uncontrolled = value === undefined;
-    var _g = React.useState(defaultValue || []), files = _g[0], setFiles = _g[1];
+    var _h = React.useState(defaultValue || []), files = _h[0], setFiles = _h[1];
     var inputRef = React.useRef(null);
     var labelRef = React.useRef(null);
     var buttonRef = React.useRef(null);
@@ -118,7 +118,10 @@ var Attach = React__default['default'].forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[size], (_b = {},
             _b[styles.disabled] = disabled,
             _b), className) },
-        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || size === 'xs' ? (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: cn__default['default'](styles.icon, styles.size_xs) })) : (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: styles.icon })), onClick: handleButtonClick, ref: buttonRef }),
+        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.view) || 'secondary', leftAddons: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftAddons) || (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: cn__default['default'](styles.icon, (_c = {},
+                    _c[styles.icon_size_xs] = size === 'xs',
+                    _c[styles.icon_size_xxs] = size === 'xxs',
+                    _c)) })), onClick: handleButtonClick, ref: buttonRef }),
             React__default['default'].createElement("span", null, buttonContent)),
         React__default['default'].createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
             React__default['default'].createElement("input", __assign({}, restProps, { className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),

package/attach/cssm/Component.d.ts

@@ -38,7 +38,7 @@ type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' |
     /**
      * Размер компонента
      */
-    size?: 'xs' | 's' | 'm' | 'l';
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l';
     /**
      * Возможность прикрепления нескольких файлов
      */
@@ -102,7 +102,7 @@ declare const Attach: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttrib
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "m" | "l" | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | undefined;
     /**
      * Возможность прикрепления нескольких файлов
      */

package/attach/cssm/Component.js

@@ -67,10 +67,10 @@ function __spreadArrays() {
 
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
 var Attach = React__default['default'].forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 's' : _c, accept = _a.accept, _d = _a.buttonContent, buttonContent = _d === void 0 ? 'Выберите файл' : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, className = _a.className, fileClassName = _a.fileClassName, noFileClassName = _a.noFileClassName, disabled = _a.disabled, dataTestId = _a.dataTestId, id = _a.id, maxFilenameLength = _a.maxFilenameLength, multiple = _a.multiple, _f = _a.noFileText, noFileText = _f === void 0 ? 'Нет файла' : _f, progressBarPercent = _a.progressBarPercent, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["size", "accept", "buttonContent", "buttonProps", "className", "fileClassName", "noFileClassName", "disabled", "dataTestId", "id", "maxFilenameLength", "multiple", "noFileText", "progressBarPercent", "defaultValue", "value", "onChange", "onClear"]);
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 's' : _d, accept = _a.accept, _e = _a.buttonContent, buttonContent = _e === void 0 ? 'Выберите файл' : _e, _f = _a.buttonProps, buttonProps = _f === void 0 ? {} : _f, className = _a.className, fileClassName = _a.fileClassName, noFileClassName = _a.noFileClassName, disabled = _a.disabled, dataTestId = _a.dataTestId, id = _a.id, maxFilenameLength = _a.maxFilenameLength, multiple = _a.multiple, _g = _a.noFileText, noFileText = _g === void 0 ? 'Нет файла' : _g, progressBarPercent = _a.progressBarPercent, defaultValue = _a.defaultValue, value = _a.value, onChange = _a.onChange, onClear = _a.onClear, restProps = __rest(_a, ["size", "accept", "buttonContent", "buttonProps", "className", "fileClassName", "noFileClassName", "disabled", "dataTestId", "id", "maxFilenameLength", "multiple", "noFileText", "progressBarPercent", "defaultValue", "value", "onChange", "onClear"]);
     var uncontrolled = value === undefined;
-    var _g = React.useState(defaultValue || []), files = _g[0], setFiles = _g[1];
+    var _h = React.useState(defaultValue || []), files = _h[0], setFiles = _h[1];
     var inputRef = React.useRef(null);
     var labelRef = React.useRef(null);
     var buttonRef = React.useRef(null);
@@ -117,7 +117,10 @@ var Attach = React__default['default'].forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][size], (_b = {},
             _b[styles__default['default'].disabled] = disabled,
             _b), className) },
-        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || size === 'xs' ? (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: cn__default['default'](styles__default['default'].icon, styles__default['default'].size_xs) })) : (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: styles__default['default'].icon })), onClick: handleButtonClick, ref: buttonRef }),
+        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.view) || 'secondary', leftAddons: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftAddons) || (React__default['default'].createElement(PaperclipMIcon.PaperclipMIcon, { className: cn__default['default'](styles__default['default'].icon, (_c = {},
+                    _c[styles__default['default'].icon_size_xs] = size === 'xs',
+                    _c[styles__default['default'].icon_size_xxs] = size === 'xxs',
+                    _c)) })), onClick: handleButtonClick, ref: buttonRef }),
             React__default['default'].createElement("span", null, buttonContent)),
         React__default['default'].createElement("label", { className: styles__default['default'].label, htmlFor: id, ref: labelRef },
             React__default['default'].createElement("input", __assign({}, restProps, { className: styles__default['default'].control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),

package/attach/cssm/index.module.css

@@ -42,11 +42,14 @@
 .control::-webkit-file-upload-button {
         cursor: inherit;
     }
-.size_xs {
+.icon_size_xs,
+.icon_size_xxs {
     width: 18px;
     height: 18px;
 }
 /* TODO обновить типографику на новую, когда ее зарелизят */
+.xxs .file,
+.xxs .noFile,
 .xs .file,
 .xs .noFile {
     font-size: 14px;

package/attach/esm/Component.d.ts

@@ -38,7 +38,7 @@ type AttachProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' |
     /**
      * Размер компонента
      */
-    size?: 'xs' | 's' | 'm' | 'l';
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l';
     /**
      * Возможность прикрепления нескольких файлов
      */
@@ -102,7 +102,7 @@ declare const Attach: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttrib
     /**
      * Размер компонента
      */
-    size?: "s" | "xs" | "m" | "l" | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | undefined;
     /**
      * Возможность прикрепления нескольких файлов
      */