@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.7

package/avatar/index.js

@@ -1,39 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../colors");
-const utils_1 = require("./utils");
-const colors_2 = require("../styling/colors");
-const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
-const SIZES = [40, 48, 56, 64, 72, 80, 104];
-const ICON_SIZES = {
-    40: 16,
-    48: 24,
-    56: 24,
-    64: 24,
-    72: 24,
-    80: 24,
-    104: 24,
-};
-const cx = bind_1.default.bind(avatar_module_scss_1.default);
-/**
- * Компонент аватара.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-function Avatar({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) {
-    const [needImage, toggleImage] = (0, react_1.useState)(() => Boolean(imageUrl));
-    (0, react_1.useEffect)(() => {
-        toggleImage(Boolean(imageUrl));
-    }, [imageUrl]);
-    const size = SIZES.includes(sizeProp) ? sizeProp : 72;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: Object.assign(Object.assign({}, style), { '--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined, '--avatar-color-opacity': bgOpacity }) }, { children: [!needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: monogram ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('monogram') }, { children: monogram.slice(0, 2).toUpperCase() }))) : ((0, jsx_runtime_1.jsx)(Person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })) })), needImage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }), (0, jsx_runtime_1.jsx)("div", { className: cx('layer', 'image-overlay') })] }))] })));
-}
-exports.Avatar = Avatar;
+exports.getUserAvatarColor = exports.getUserAvatarProps = exports.getAvatarIconProps = exports.getNameInitials = exports.Avatar = void 0;
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getNameInitials", { enumerable: true, get: function () { return utils_1.getNameInitials; } });
+Object.defineProperty(exports, "getAvatarIconProps", { enumerable: true, get: function () { return utils_1.getAvatarIconProps; } });
+Object.defineProperty(exports, "getUserAvatarProps", { enumerable: true, get: function () { return utils_1.getUserAvatarProps; } });
+Object.defineProperty(exports, "getUserAvatarColor", { enumerable: true, get: function () { return utils_1.getUserAvatarColor; } });
+//# sourceMappingURL=index.js.map

package/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,iCAKiB;AAJf,wGAAA,eAAe,OAAA;AACf,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA"}

package/avatar/types.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export interface AvatarStyle extends CSSProperties {
+    '--avatar-size'?: string;
+    '--avatar-color'?: string;
+    '--avatar-color-opacity'?: number | string;
+    '--avatar-text-color'?: string;
+}
+export interface AvatarProps extends WithTestId {
+    /** Класс. */
+    className?: string;
+    /** Изображение. */
+    src?: string;
+    /** Стили. */
+    style?: AvatarStyle;
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/avatar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/avatar/types.ts"],"names":[],"mappings":""}

package/avatar/utils.d.ts

@@ -1,6 +1,30 @@
+import type { SVGAttributes } from 'react';
+import type { AvatarProps } from './types';
 /**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-export declare function getMonogram(value: any): string;
+export declare function getUserAvatarProps({ id, name, image, }: {
+    id?: number;
+    name?: string;
+    image?: string;
+}, customProps?: AvatarProps): AvatarProps;
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+export declare function getUserAvatarColor(identity: string): string;
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+export declare function getNameInitials(value: any): string;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+export declare function getAvatarIconProps(): SVGAttributes<SVGSVGElement>;

package/avatar/utils.js

@@ -1,21 +1,85 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMonogram = void 0;
+exports.getAvatarIconProps = exports.getNameInitials = exports.getUserAvatarColor = exports.getUserAvatarProps = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_module_scss_1 = __importDefault(require("./utils.module.scss"));
+const USER_AVATAR_COLOR_TOKENS = [
+    '#eb8585',
+    '#fda09b',
+    '#f49bb1',
+    '#ffd785',
+    '#ffbb85',
+    '#89d7c7',
+    '#85e5ac',
+    '#b5ef90',
+    '#93c4ee',
+    '#85caf5',
+    '#85ddea',
+    '#b3c1c7',
+    '#dc9bd5',
+    '#b4a8f0',
+    '#c999e9',
+];
 /**
- * Формирует монограмму из переданной строки.
- * @param value Переданная строка.
- * @return Монограмма.
+ * Возвращает свойства для аватара пользователя.
+ * @param payload Данные пользователя.
+ * @param customProps Дополнительные свойства аватара.
+ * @return Свойства.
  */
-function getMonogram(value) {
+function getUserAvatarProps({ id, name, image, }, customProps) {
+    return {
+        src: image,
+        children: getNameInitials(name) || (0, jsx_runtime_1.jsx)(Person_1.default, { ...getAvatarIconProps() }),
+        ...customProps,
+        className: (0, classnames_1.default)(utils_module_scss_1.default.user, customProps === null || customProps === void 0 ? void 0 : customProps.className),
+        style: {
+            '--avatar-color': id ? getUserAvatarColor(`${id}`) : undefined,
+            ...customProps === null || customProps === void 0 ? void 0 : customProps.style,
+        },
+    };
+}
+exports.getUserAvatarProps = getUserAvatarProps;
+/**
+ * Возвращает цвет аватара текущего пользователя.
+ * @param identity Срока, идентифицирующая пользователя.
+ * @return Цвет.
+ */
+function getUserAvatarColor(identity) {
+    let total = 0;
+    for (let i = 0; i < identity.length; i++) {
+        total += identity.charCodeAt(i);
+    }
+    const list = USER_AVATAR_COLOR_TOKENS;
+    const hash = total % list.length;
+    return list[hash];
+}
+exports.getUserAvatarColor = getUserAvatarColor;
+/**
+ * Формирует инициалы имени.
+ * @param value Строка.
+ * @return Инициалы.
+ */
+function getNameInitials(value) {
+    var _a;
     if (typeof value === 'string') {
-        return value
-            .split(/\s+/g)
-            .slice(0, 2)
-            .map(s => s[0])
-            .reverse()
-            .join('')
-            .toUpperCase();
+        return ((_a = value[0]) !== null && _a !== void 0 ? _a : '').toUpperCase();
     }
     return '';
 }
-exports.getMonogram = getMonogram;
+exports.getNameInitials = getNameInitials;
+/**
+ * Возвращает свойства для иконки внутри аватара.
+ * @return Свойства.
+ */
+function getAvatarIconProps() {
+    return {
+        className: utils_module_scss_1.default.icon,
+    };
+}
+exports.getAvatarIconProps = getAvatarIconProps;
+//# sourceMappingURL=utils.js.map

package/avatar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.tsx"],"names":[],"mappings":";;;;;;;AAEA,6FAAwE;AACxE,4DAAoC;AACpC,4EAAyC;AAEzC,MAAM,wBAAwB,GAA0B;IACtD,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,kBAAkB,CAChC,EACE,EAAE,EACF,IAAI,EACJ,KAAK,GAKN,EACD,WAAyB;IAEzB,OAAO;QACL,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,uBAAC,gBAAS,OAAK,kBAAkB,EAAE,GAAI;QAC1E,GAAG,WAAW;QACd,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;QAC1D,KAAK,EAAE;YACL,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK;SACtB;KACF,CAAC;AACJ,CAAC;AAtBD,gDAsBC;AAED;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,QAAgB;IACjD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,KAAK,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;KACjC;IAED,MAAM,IAAI,GAAG,wBAAwB,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAEjC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC;AAXD,gDAWC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAAU;;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,CAAC,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;KACvC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAND,0CAMC;AAED;;;GAGG;AACH,SAAgB,kBAAkB;IAChC,OAAO;QACL,SAAS,EAAE,2BAAM,CAAC,IAAI;KACvB,CAAC;AACJ,CAAC;AAJD,gDAIC"}

package/avatar/utils.module.scss

@@ -0,0 +1,9 @@
+.icon {
+  fill: currentColor;
+  width: calc(var(--avatar-size, 72px) / 2);
+  height: calc(var(--avatar-size, 72px) / 2);
+}
+
+.user {
+  --avatar-text-color: #fff;
+}

package/base-input/base-input.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,9 +20,8 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-function BaseInput(_a) {
-    var _b;
-    var { inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input' } = _a, props = __rest(_a, ["inputRef", "textareaRef", "style", "className", "restPlaceholder", 'data-testid']);
+function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input', ...props }) {
+    var _a;
     const textareaInnerRef = (0, react_1.useRef)(null);
     const inputInnerRef = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
@@ -46,16 +34,16 @@ function BaseInput(_a) {
     });
     let field;
     if (props.multiline) {
-        field = ((0, jsx_runtime_1.jsx)("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+        field = ((0, jsx_runtime_1.jsx)("textarea", { ...(0, utils_1.omitMultiline)(props), ref: textareaInnerRef, rows: (_a = props.rows) !== null && _a !== void 0 ? _a : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
             , className: cx('field', 'reset', 'multiline'), onInput: e => {
                 var _a;
                 (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
                 (0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
-            } })));
+            } }));
     }
     else {
-        field = ((0, jsx_runtime_1.jsx)("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
-            , className: cx('field', 'reset') })));
+        field = ((0, jsx_runtime_1.jsx)("input", { ...(0, utils_1.omitMultiline)(props), ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+            , className: cx('field', 'reset') }));
     }
     let restPlaceholder = null;
     // скрываем rest placeholder для неконтролируемых полей
@@ -63,8 +51,9 @@ function BaseInput(_a) {
         restPlaceholder =
             typeof restPlaceholderProp === 'string'
                 ? { shiftValue: String(props.value), value: restPlaceholderProp }
-                : Object.assign({ shiftValue: String(props.value), value: '' }, restPlaceholderProp);
+                : { shiftValue: String(props.value), value: '', ...restPlaceholderProp };
     }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style, className: cx('reset', 'root', className), "data-testid": testId }, { children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('rest-placeholder') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ "data-testid": 'rest-placeholder', className: cx('main-part') }, { children: restPlaceholder.value }))] }))), field] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId, children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('rest-placeholder'), children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder', className: cx('main-part'), children: restPlaceholder.value })] })), field] }));
 }
 exports.BaseInput = BaseInput;
+//# sourceMappingURL=base-input.js.map

package/base-input/base-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/base-input/base-input.tsx"],"names":[],"mappings":"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"}

package/base-input/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInput = void 0;
 var base_input_1 = require("./base-input");
 Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });
+//# sourceMappingURL=index.js.map

package/base-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input/index.ts"],"names":[],"mappings":";;;AAOA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/base-input/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/base-input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/base-input/types.ts"],"names":[],"mappings":""}

package/base-input/utils.js

@@ -7,8 +7,9 @@ exports.omitMultiline = void 0;
  * @return Копия без свойства multiline.
  */
 function omitMultiline(source) {
-    const next = Object.assign({}, source);
+    const next = { ...source };
     delete next.multiline;
     return next;
 }
 exports.omitMultiline = omitMultiline;
+//# sourceMappingURL=utils.js.map

package/base-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-input/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,aAAa,CAAgC,MAAS;IACpE,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,SAAS,CAAC;IAEtB,OAAO,IAAI,CAAC;AACd,CAAC;AAND,sCAMC"}

package/base-input-deprecated/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -27,8 +16,7 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
  * @param props Свойства. Поддерживаются свойства элемента input.
  * @return Элемент.
  */
-exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
-    var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);
+exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value, ...props }, ref) {
     const Element = multiline
         ? 'textarea'
         : 'input';
@@ -44,11 +32,12 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
     });
     const restPlaceholder = typeof restPlaceholderProp === 'string'
         ? { shiftValue: value, value: restPlaceholderProp }
-        : Object.assign({ shiftValue: value }, restPlaceholderProp);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) }, { children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ "aria-hidden": true, className: cx('fake-text') }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('invisible-value') }, { children: restPlaceholder.shiftValue })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('placeholder') }, { children: restPlaceholder.value }))] }))), (0, jsx_runtime_1.jsx)(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
+        : { shiftValue: value, ...restPlaceholderProp };
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className), children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('fake-text'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('invisible-value'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { className: cx('placeholder'), children: restPlaceholder.value })] })), (0, jsx_runtime_1.jsx)(Element, { "data-testid": 'base-input:field', ...props, rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
                 // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
                 className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
                     multiline && (0, fit_element_height_1.fitElementHeight)(event);
                     onInput === null || onInput === void 0 ? void 0 : onInput(event);
-                } }))] })));
+                } })] }));
 });
+//# sourceMappingURL=index.js.map

package/base-input-deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input-deprecated/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2E;AAC3E,sEAAiE;AACjE,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAyBnC;;;;;GAKG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EAGjC,SAAS,SAAS,CAClB,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EAAE,mBAAmB,EACpC,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,UAAU;QACZ,CAAC,CAAE,OAAgE,CAAC;IACtE,MAAM,QAAQ,GAAG,IAAA,cAAM,GAA0C,CAAC;IAElE,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEjD,0DAA0D;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS;YACP,QAAQ,CAAC,OAAO;YAChB,IAAA,qCAAgB,EAAC;gBACf,MAAM,EAAE,QAAQ,CAAC,OAAO;aACzB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,OAAO,mBAAmB,KAAK,QAAQ;QACrC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;QACnD,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAI,mBAA2B,EAAE,CAAC;IAE7D,OAAO,CACL,gDACc,iBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,aAEhE,CAAC,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAC/C,uDAAkB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,aAC1C,iCAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAG,eAAe,CAAC,UAAU,GAAQ,EAC3E,iCAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,eAAe,CAAC,KAAK,GAAQ,IAC7D,CACR,EACD,uBAAC,OAAO,mBACM,kBAAkB,KAC1B,KAAK,EACT,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClC,GAAG,EAAE,QAAe,EACpB,QAAQ,EAAE,QAAQ;gBAClB,2EAA2E;gBAC3E,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,IAAI,WAAW,CAAC,EACzD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;oBACtB,SAAS,IAAI,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;oBACrC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAY,CAAC,CAAC;gBAC1B,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/bordered-layout/index.js

@@ -27,6 +27,7 @@ const BorderedLayout = ({ top, bottom, children }) => {
     else if (bottom) {
         borderClass = borders_1.InnerBorder.bottom;
     }
-    return ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, Object.assign({ disabledOn: ['mxs', 'ms'] }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('inner', borderClass) }, { children: children })) })));
+    return ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, { disabledOn: ['mxs', 'ms'], children: (0, jsx_runtime_1.jsx)("div", { className: cx('inner', borderClass), children: children }) }));
 };
 exports.BorderedLayout = BorderedLayout;
+//# sourceMappingURL=index.js.map

package/bordered-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/bordered-layout/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAyC;AACzC,sCAAyC;AACzC,gDAAiD;AACjD,gGAAmD;AAanD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qCAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAC/E,IAAI,WAAW,CAAC;IAEhB,IAAI,GAAG,IAAI,MAAM,EAAE;QACjB,WAAW,GAAG,qBAAW,CAAC,CAAC,CAAC;KAC7B;SAAM,IAAI,GAAG,EAAE;QACd,WAAW,GAAG,qBAAW,CAAC,GAAG,CAAC;KAC/B;SAAM,IAAI,MAAM,EAAE;QACjB,WAAW,GAAG,qBAAW,CAAC,MAAM,CAAC;KAClC;IAED,OAAO,CACL,uBAAC,qBAAY,IAAC,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YACrC,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,YAAG,QAAQ,GAAO,GAC7C,CAChB,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}

package/bottom-bar/bottom-bar.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,11 +25,11 @@ exports.BOTTOM_BAR_DEFAULTS = {
  * @param props Свойства.
  * @return Элемент.
  */
-function BottomBar(_a) {
-    var { size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, 'data-testid': testId = 'bottom-bar' } = _a, rest = __rest(_a, ["size", "divided", "children", "className", 'data-testid']);
+function BottomBar({ size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, 'data-testid': testId = 'bottom-bar', ...rest }) {
     const rooClassName = cx('root', size !== 'unset' && `size-${size}`, { divided }, shapes_1.MediumRounds.bottom, className);
     return (
     // чтобы CleanButton автоматически брали размер, соответствующий размеру BottomBar
-    (0, jsx_runtime_1.jsx)(utils_1.CleanGroupSizeContext.Provider, Object.assign({ value: size }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: rooClassName, "data-testid": testId }, { children: children })) })));
+    (0, jsx_runtime_1.jsx)(utils_1.CleanGroupSizeContext.Provider, { value: size, children: (0, jsx_runtime_1.jsx)("div", { ...rest, className: rooClassName, "data-testid": testId, children: children }) }));
 }
 exports.BottomBar = BottomBar;
+//# sourceMappingURL=bottom-bar.js.map

package/bottom-bar/bottom-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.js","sourceRoot":"","sources":["../../src/bottom-bar/bottom-bar.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAAiD;AACjD,kDAA+D;AAE/D,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC,8EAA8E;AACjE,QAAA,iBAAiB,GAAkC;IAC9D,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEX,kFAAkF;AACrE,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,GAAG;CACD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,IAAI,GAAG,2BAAmB,CAAC,IAAI,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,YAAY,EACpC,GAAG,IAAI,EACQ;IACf,MAAM,YAAY,GAAG,EAAE,CACrB,MAAM,EACN,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,EAAE,EAClC,EAAE,OAAO,EAAE,EACX,qBAAY,CAAC,MAAM,EACnB,SAAS,CACV,CAAC;IAEF,OAAO;IACL,kFAAkF;IAClF,uBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YACzC,mCAAS,IAAI,EAAE,SAAS,EAAE,YAAY,iBAAe,MAAM,YACxD,QAAQ,GACL,GACyB,CAClC,CAAC;AACJ,CAAC;AAxBD,8BAwBC"}

package/bottom-bar/index.js

@@ -5,3 +5,4 @@ var bottom_bar_1 = require("./bottom-bar");
 Object.defineProperty(exports, "BottomBar", { enumerable: true, get: function () { return bottom_bar_1.BottomBar; } });
 Object.defineProperty(exports, "BOTTOM_BAR_DEFAULTS", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_DEFAULTS; } });
 Object.defineProperty(exports, "BOTTOM_BAR_HEIGHT", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_HEIGHT; } });
+//# sourceMappingURL=index.js.map

package/bottom-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/bottom-bar/index.ts"],"names":[],"mappings":";;;AACA,2CAAiF;AAAxE,uGAAA,SAAS,OAAA;AAAE,iHAAA,mBAAmB,OAAA;AAAE,+GAAA,iBAAiB,OAAA"}

package/bottom-bar/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/bottom-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/bottom-bar/types.ts"],"names":[],"mappings":""}

package/box/index.js

@@ -155,3 +155,4 @@ const getPaddingClasses = ({ padding, paddingTop, paddingBottom, paddingLeft, pa
     hasPaddingLeft && result.push(Spacing.paddingLeft(paddingLeft));
     return result.filter(Boolean).join(' ');
 };
+//# sourceMappingURL=index.js.map

package/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/box/index.tsx"],"names":[],"mappings":"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"}

package/button/button-util.scss

@@ -0,0 +1,46 @@
+@use '../colors';
+
+@mixin size-xs {
+  --button-min-size: 32px;
+  --button-font-size: 14px;
+  --button-line-height: 20px;
+  --button-gutter: 12px;
+}
+
+@mixin size-s {
+  --button-min-size: 40px;
+  --button-font-size: 16px;
+  --button-line-height: 24px;
+  --button-gutter: 20px;
+}
+
+@mixin size-m {
+  --button-min-size: 48px;
+  --button-font-size: 16px;
+  --button-line-height: 24px;
+  --button-gutter: 24px;
+}
+
+@mixin color-primary {
+  --button-color: #fff;
+  --button-background: #{colors.$basic-blue};
+  --button-hover-background: #{colors.$additional-unlit-blue};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}
+
+@mixin color-secondary {
+  --button-color: #{colors.$basic-gray87};
+  --button-background: #{colors.$basic-gray8};
+  --button-hover-background: #{colors.$basic-gray12};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}
+
+@mixin color-success {
+  --button-color: #fff;
+  --button-background: #{colors.$additional-teal};
+  --button-hover-background: #{colors.$additional-dark-teal};
+  --button-disabled-color: #{colors.$basic-gray24};
+  --button-disabled-background: #{colors.$basic-gray8};
+}

package/button/button.module.scss

@@ -1,4 +1,5 @@
 @use '../colors';
+@use './button-util';
 
 .root {
   position: relative;
@@ -31,8 +32,8 @@
   &:disabled,
   &.disabled {
     pointer-events: none;
-    color: colors.$basic-gray24;
-    background-color: colors.$basic-gray8;
+    color: var(--button-disabled-color, var(--button-color));
+    background: var(--button-disabled-background, var(--button-background));
   }
   &.loading {
     color: transparent;
@@ -41,28 +42,24 @@
       pointer-events: 0;
     }
   }
+  &:not(:disabled):hover {
+    cursor: pointer;
+    color: var(--button-hover-color, var(--button-color));
+    background: var(--button-hover-background, var(--button-background));
+  }
 }
 
 // sizes
 .size-xs {
-  --button-min-size: 32px;
-  --button-font-size: 14px;
-  --button-line-height: 20px;
-  --button-gutter: 12px;
+  @include button-util.size-xs;
 }
 
 .size-s {
-  --button-min-size: 40px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 20px;
+  @include button-util.size-s;
 }
 
 .size-m {
-  --button-min-size: 48px;
-  --button-font-size: 16px;
-  --button-line-height: 24px;
-  --button-gutter: 24px;
+  @include button-util.size-m;
 }
 
 // content
@@ -82,21 +79,15 @@
 
 // view variants
 .view-primary {
-  --button-background: #{colors.$basic-blue};
-  --button-color: #fff;
-  &:hover:not(:disabled) {
-    cursor: pointer;
-    --button-background: #1b74c1;
-  }
+  @include button-util.color-primary;
 }
 
 .view-secondary {
-  --button-background: #{colors.$basic-gray8};
-  --button-color: #{colors.$basic-gray87};
-  &:hover:not(:disabled) {
-    cursor: pointer;
-    --button-background: #{colors.$basic-gray12};
-  }
+  @include button-util.color-secondary;
+}
+
+.view-success {
+  @include button-util.color-success;
 }
 
 // icons