@sima-land/ui-nucleons 43.0.2 → 44.0.0

package/alert/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/arrow-button/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-declare type Size = 's' | 'l';
-declare type Direction = 'up' | 'right' | 'down' | 'left';
+export declare type ArrowButtonSize = 's' | 'l';
+export declare type ArrowDirection = 'up' | 'right' | 'down' | 'left';
 export interface ArrowButtonProps extends Omit<JSX.IntrinsicElements['button'], 'size' | 'children'> {
     /** Размер. */
-    size?: Size;
+    size?: ArrowButtonSize;
     /** Направление (отвечает за иконку). */
-    direction?: Direction;
+    direction?: ArrowDirection;
     /** Идентификатор для систем автоматизированного тестирования. */
     'data-testid'?: string;
 }
@@ -15,4 +15,3 @@ export interface ArrowButtonProps extends Omit<JSX.IntrinsicElements['button'],
  * @return Элемент.
  */
 export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => JSX.Element;
-export {};

package/autocomplete/autocomplete.module.scss

@@ -1,8 +1,14 @@
+@use '../colors';
+
 .root {
   position: relative;
   width: var(--width, 320px);
 }
 
+.arrow {
+  fill: colors.$basic-gray38;
+}
+
 .field {
   width: 100%;
 }

package/autocomplete/index.d.ts

@@ -22,14 +22,6 @@ export interface AutocompleteProps extends Omit<TextFieldProps, 'ref' | 'value'
 /**
  * Поле ввода с подсказками.
  * @param props Свойства.
- * @param props.defaultValue Значение по умолчанию.
- * @param props.items Элементы меню.
- * @param props.itemSize Размер элемента меню.
- * @param props.loading Нужно ли выводить состояние загрузки списка.
- * @param props.onSelect Сработает при выборе.
- * @param props.preset Пресет (со стрелкой или без).
- * @param props.renderItem Выведет содержимое элемента.
- * @param props.value Значение.
  * @return Элемент.
  */
-export declare const Autocomplete: ({ items, itemSize, onSelect, onChange, onClick, onKeyDown, style, className, value, defaultValue, loading, renderItem, preset, "data-testid": dataTestId, ...restProps }: AutocompleteProps) => JSX.Element;
+export declare const Autocomplete: ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem, preset, "data-testid": dataTestId, ...restProps }: AutocompleteProps) => JSX.Element;

package/autocomplete/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -39,41 +43,28 @@ const dropdown_1 = require("../dropdown");
 const dropdown_item_1 = require("../dropdown-item");
 const text_field_1 = require("../text-field");
 const dropdown_2 = require("../_internal/utils/dropdown");
-const bind_1 = __importDefault(require("classnames/bind"));
 const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const colors_1 = require("../colors");
-const hooks_1 = require("../hooks");
+const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
 const dropdown_loading_1 = require("../_internal/dropdown-loading");
-const lodash_1 = require("lodash");
+const bind_1 = __importDefault(require("classnames/bind"));
 const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
 const cx = bind_1.default.bind(autocomplete_module_scss_1.default);
 /**
  * Поле ввода с подсказками.
  * @param props Свойства.
- * @param props.defaultValue Значение по умолчанию.
- * @param props.items Элементы меню.
- * @param props.itemSize Размер элемента меню.
- * @param props.loading Нужно ли выводить состояние загрузки списка.
- * @param props.onSelect Сработает при выборе.
- * @param props.preset Пресет (со стрелкой или без).
- * @param props.renderItem Выведет содержимое элемента.
- * @param props.value Значение.
  * @return Элемент.
  */
 const Autocomplete = (_a) => {
-    var { items, itemSize, onSelect, onChange, onClick, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onClick", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
+    var { items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
     const osComponentRef = (0, react_1.useRef)(null);
-    const rootRef = (0, react_1.useRef)(null);
-    const fieldRef = (0, react_1.useRef)();
-    const menuRef = (0, react_1.useRef)();
+    const fieldRef = (0, react_1.useRef)(null);
+    const menuRef = (0, react_1.useRef)(null);
     const [withMenu, toggleMenu] = (0, react_1.useState)(false);
     const [realValue, setRealValue] = (0, react_1.useState)(value || defaultValue);
     const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
-    const canShowDropdown = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
-    const endAdornment = preset === 'default' ? react_1.default.createElement(down_1.default, { fill: colors_1.COLORS.get('basic-gray38') }) : undefined;
-    (0, hooks_1.useOutsideClick)(rootRef, () => {
-        toggleMenu(false);
-    });
+    const needMenu = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
+    const arrowIcon = needMenu ? (react_1.default.createElement(up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : (react_1.default.createElement(down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
+    const endAdornment = preset === 'default' ? arrowIcon : undefined;
     (0, react_1.useEffect)(() => {
         setRealValue(value);
     }, [value]);
@@ -93,40 +84,47 @@ const Autocomplete = (_a) => {
                 });
         }
     }, [activeIndex]);
-    return (react_1.default.createElement("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId },
-        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: value, multiline: false, onClick: e => {
+    return (react_1.default.createElement("div", { style: style, className: cx('root', className), "data-testid": dataTestId },
+        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
                 toggleMenu(true);
-                onClick && onClick(e);
-            }, onChange: (e) => {
+                setActiveIndex(null);
+            }, onBlur: () => {
+                toggleMenu(false);
+            }, onChange: (event) => {
                 toggleMenu(true);
-                setRealValue(e.target.value);
+                setRealValue(event.target.value);
                 setActiveIndex(0);
-                onChange && onChange(e);
-            }, className: cx('field'), onKeyDown: (e) => {
+                onChange === null || onChange === void 0 ? void 0 : onChange(event);
+            }, onKeyDown: (event) => {
                 const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
                 let nextIndex;
-                switch (e.key) {
+                switch (event.key) {
                     case 'ArrowDown':
-                        nextIndex = (!(0, lodash_1.isNull)(activeIndex) ? size + activeIndex + 1 : 0) % size;
+                        nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
                         break;
                     case 'ArrowUp':
                         nextIndex = (size + Number(activeIndex) - 1) % size;
                         break;
                     case 'Enter':
-                        if (items && !(0, lodash_1.isNull)(activeIndex) && items.length > activeIndex) {
+                        if (items && activeIndex !== null && items.length > activeIndex) {
                             onSelect && onSelect(items[activeIndex]);
                             toggleMenu(false);
                         }
                         break;
                 }
-                Number.isFinite(nextIndex) && setActiveIndex(nextIndex);
-                onKeyDown && onKeyDown(e);
+                if (typeof nextIndex === 'number') {
+                    event.preventDefault(); // не даём каретке в поле перемещаться
+                    setActiveIndex(nextIndex);
+                }
+                onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
             } })),
-        canShowDropdown && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onClick: () => {
-                onSelect && onSelect(item);
+        needMenu && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
+                // чтобы при нажатии на опцию предотвратить blur на поле
+                event.preventDefault();
+            }, onClick: () => {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
                 setActiveIndex(null);
                 toggleMenu(false);
-                fieldRef.current && fieldRef.current.focus();
             } }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
 };
 exports.Autocomplete = Autocomplete;

package/avatar/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/avatar/user.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/base-input/base-input.module.scss

@@ -1,3 +1,5 @@
+@use '../utils';
+
 .reset {
   border: 0;
   box-sizing: border-box;
@@ -38,14 +40,7 @@
   }
   &.multiline {
     resize: none;
-
-    // скрытие полосы прокрутки
-    scrollbar-width: none; // Firefox
-    overflow: -moz-scrollbars-none; // old Firefox
-    -ms-overflow-style: none; // IE, old Edge
-    &::-webkit-scrollbar {
-      display: none; // Chrome, Safari, Opera
-    }
+    @include utils.hidden-scrollbars;
   }
 }
 

package/base-input/index.d.ts

@@ -3,7 +3,7 @@ interface RestPlaceholder {
     value: string;
     shiftValue?: string;
 }
-interface Styles extends React.CSSProperties {
+interface BaseInputStyle extends React.CSSProperties {
     '--placeholder-color'?: string;
 }
 export interface CustomProps {
@@ -11,7 +11,7 @@ export interface CustomProps {
     /** Остаточный placeholder (выводится после введенного значения). */
     restPlaceholder?: string | RestPlaceholder;
     /** Стили. */
-    style?: Styles;
+    style?: BaseInputStyle;
 }
 export declare type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement>;
 /**

package/base-input/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -35,10 +39,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInput = void 0;
 const react_1 = __importStar(require("react"));
+const fit_element_height_1 = require("../helpers/fit-element-height");
 const bind_1 = __importDefault(require("classnames/bind"));
 const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
-const fit_element_height_1 = require("../helpers/fit-element-height");
-const lodash_1 = require("lodash");
 const cx = bind_1.default.bind(base_input_module_scss_1.default);
 /**
  * Компонент поля ввода.
@@ -60,7 +63,7 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
                 target: inputRef.current,
             });
     });
-    const restPlaceholder = (0, lodash_1.isString)(restPlaceholderProp)
+    const restPlaceholder = typeof restPlaceholderProp === 'string'
         ? { shiftValue: value, value: restPlaceholderProp }
         : Object.assign({ shiftValue: value }, restPlaceholderProp);
     return (react_1.default.createElement("div", { style: style, className: cx('reset', 'root', disabled && 'disabled', className) },

package/bottom-bar/index.js

@@ -19,6 +19,7 @@ const react_1 = __importDefault(require("react"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const bottom_bar_module_scss_1 = __importDefault(require("./bottom-bar.module.scss"));
 const shapes_1 = require("../styling/shapes");
+const utils_1 = require("../clean-buttons/utils");
 const cx = bind_1.default.bind(bottom_bar_module_scss_1.default);
 // некоторым компонентам нужно знать конкретную высоту, делаем единый источник
 exports.BOTTOM_BAR_HEIGHT = {
@@ -26,6 +27,7 @@ exports.BOTTOM_BAR_HEIGHT = {
     m: 72,
     l: 80,
 };
+// некоторым компонентам нужно знать значения по умолчанию, делаем единый источник
 exports.BOTTOM_BAR_DEFAULTS = {
     size: 'm',
 };
@@ -36,6 +38,9 @@ exports.BOTTOM_BAR_DEFAULTS = {
  */
 const BottomBar = (_a) => {
     var { size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, style, 'data-testid': testId = 'bottom-bar' } = _a, rest = __rest(_a, ["size", "divided", "children", "className", "style", 'data-testid']);
-    return (react_1.default.createElement("div", Object.assign({ className: cx('root', { divided }, shapes_1.MediumRounds.bottom, className), style: Object.assign(Object.assign({}, style), { height: `${exports.BOTTOM_BAR_HEIGHT[size]}px` }) }, rest, { "data-testid": testId }), children));
+    return (
+    // чтобы Clean.Button автоматически брали размер, соответствующий размер BottomBar
+    react_1.default.createElement(utils_1.CleanGroupSizeContext.Provider, { value: size },
+        react_1.default.createElement("div", Object.assign({ className: cx('root', { divided }, shapes_1.MediumRounds.bottom, className), style: Object.assign(Object.assign({}, style), { height: `${exports.BOTTOM_BAR_HEIGHT[size]}px` }) }, rest, { "data-testid": testId }), children)));
 };
 exports.BottomBar = BottomBar;

package/box/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/button/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/card/slots.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/carousel/draggable.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/carousel/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/checkbox/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/checkbox-field/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/chips/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/clean-buttons/clean-buttons.module.scss

@@ -1,6 +1,21 @@
 @use '../colors';
 
-.clean-button {
+.group {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  width: 100%;
+  .button {
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
+    + .button {
+      border-left: 1px solid colors.$basic-gray12;
+    }
+  }
+}
+
+.button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11,21 +26,17 @@
 
   font-size: 16px;
   line-height: 24px;
-  height: 64px;
   overflow: hidden;
 }
 
-.clean-group {
-  display: flex;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  width: 100%;
-  .clean-button {
-    flex-grow: 1;
-    flex-shrink: 1;
-    flex-basis: 0;
-    + .clean-button {
-      border-left: 1px solid colors.$basic-gray12;
-    }
-  }
+.size-s {
+  height: 64px;
+}
+
+.size-m {
+  height: 72px;
+}
+
+.size-l {
+  height: 80px;
 }

package/clean-buttons/index.d.ts

@@ -1,13 +1,18 @@
 import React from 'react';
 import { LinkProps } from '../link';
+import { CleanButtonSize } from './types';
 export interface CleanButtonProps extends LinkProps {
     asLink?: boolean;
+    /** Размер (высота). */
+    size?: CleanButtonSize;
 }
 export interface CleanGroupProps {
+    /** Размер (высота). */
+    size?: CleanButtonSize;
     /** Содержимое. */
-    children?: React.ReactElement<CleanButtonProps> | React.ReactElement<CleanButtonProps>[];
+    children?: React.ReactNode;
 }
 export declare const Clean: {
     Group: React.FC<CleanGroupProps>;
-    Button: ({ href, asLink, ...restProps }: CleanButtonProps) => JSX.Element;
+    Button: ({ size, href, asLink, ...restProps }: CleanButtonProps) => JSX.Element;
 };

package/clean-buttons/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,27 +40,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Clean = void 0;
 const react_1 = __importStar(require("react"));
 const bind_1 = __importDefault(require("classnames/bind"));
-const clean_buttons_module_scss_1 = __importDefault(require("./clean-buttons.module.scss"));
 const link_1 = require("../link");
+const clean_buttons_module_scss_1 = __importDefault(require("./clean-buttons.module.scss"));
+const utils_1 = require("./utils");
 const cx = bind_1.default.bind(clean_buttons_module_scss_1.default);
 /**
  * Компонент группы прозрачных кнопок.
  * @param props Свойства.
  * @return Элемент.
  */
-const CleanGroup = ({ children }) => (react_1.default.createElement("div", { className: cx('clean-group') }, react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton ? item : null)));
+const CleanGroup = ({ size: sizeFromProps, children }) => {
+    const sizeFromContext = (0, react_1.useContext)(utils_1.CleanGroupSizeContext);
+    // значение из пропсов имеет приоритет
+    const size = sizeFromProps || sizeFromContext;
+    return (react_1.default.createElement("div", { className: cx('group') }, react_1.Children.toArray(children).map(item => (0, react_1.isValidElement)(item) && item.type === CleanButton ? (0, react_1.cloneElement)(item, { size }) : null)));
+};
 /**
  * Компонент прозрачной кнопки.
- * @param props Свойства. Поддерживаются свойства элементов button/a (зависит от того, передан ли asLink).
- * @param props.children Содержимое.
- * @param props.size Размер.
- * @param props.href Адрес ссылки.
- * @param props.asLink Нужно ли выводить кнопку как ссылку.
+ * @param props Свойства.
  * @return Элемент.
  */
 const CleanButton = (_a) => {
-    var { href, asLink = Boolean(href) } = _a, restProps = __rest(_a, ["href", "asLink"]);
-    return (react_1.default.createElement(link_1.Link, Object.assign({ pseudo: asLink, className: cx('clean-button'), href: href }, restProps)));
+    var { size = 's', href, asLink = Boolean(href) } = _a, restProps = __rest(_a, ["size", "href", "asLink"]);
+    return (react_1.default.createElement(link_1.Link, Object.assign({ pseudo: !asLink, className: cx('button', `size-${size}`), href: href }, restProps)));
 };
 exports.Clean = {
     Group: CleanGroup,

package/clean-buttons/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Размер прозрачных кнопок (высота) по дизайн-гайдам.
+ */
+export declare type CleanButtonSize = 's' | 'm' | 'l';

package/clean-buttons/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/clean-buttons/utils.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CleanButtonSize } from './types';
+export declare const CleanGroupSizeContext: import("react").Context<CleanButtonSize | undefined>;

package/clean-buttons/utils.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CleanGroupSizeContext = void 0;
+const react_1 = require("react");
+exports.CleanGroupSizeContext = (0, react_1.createContext)(undefined);

package/dot-nav/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dropdown/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/field-grid/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];