@consta/uikit 3.9.1 → 3.11.0

package/__internal__/cjs-src/components/Steps/Steps.css

@@ -1,9 +1,36 @@
 .Steps {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
 }
 
   .Steps-Item:not(:last-child) {
       margin-right: var(--space-xs);
     }
+
+  .Steps-List {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    overflow-x: scroll;
+    overflow-y: visible;
+  }
+
+  .Steps-List::-webkit-scrollbar {
+      display: none;
+    }
+
+  .Steps-Button_side_left {
+        margin-right: var(--space-xs);
+      }
+
+  .Steps-Button_side_right {
+        margin-left: var(--space-xs);
+      }

package/__internal__/cjs-src/components/Steps/Steps.js

@@ -3,20 +3,49 @@ exports.__esModule = true;
 exports.Steps = exports.cnSteps = exports.stepsDefaultSize = exports.stepsSizes = void 0;
 var tslib_1 = require("tslib");
 require("./Steps.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var useChoiceGroup_1 = require("../../hooks/useChoiceGroup/useChoiceGroup");
+var useOverflow_1 = require("../../hooks/useOverflow/useOverflow");
+var useScrollElements_1 = require("../../hooks/useScrollElements/useScrollElements");
+var IconArrowLeft_1 = require("../../icons/IconArrowLeft/IconArrowLeft");
+var IconArrowRight_1 = require("../../icons/IconArrowRight/IconArrowRight");
 var bem_1 = require("../../utils/bem");
+var Button_1 = require("../Button/Button");
 var StepsStep_1 = require("./StepsStep/StepsStep");
 exports.stepsSizes = ['m', 'l'];
 exports.stepsDefaultSize = exports.stepsSizes[0];
 exports.cnSteps = bem_1.cn('Steps');
 exports.Steps = react_1["default"].forwardRef(function (props, ref) {
     var _a = props.size, size = _a === void 0 ? exports.stepsDefaultSize : _a, items = props.items, value = props.value, getLabel = props.getLabel, getDisabled = props.getDisabled, getCompleted = props.getCompleted, getSkipped = props.getSkipped, onChange = props.onChange, className = props.className, otherProps = tslib_1.__rest(props, ["size", "items", "value", "getLabel", "getDisabled", "getCompleted", "getSkipped", "onChange", "className"]);
-    var _b = useChoiceGroup_1.useChoiceGroup({
+    var _b = tslib_1.__read(react_1.useState(-1), 2), activeStep = _b[0], setActiveStep = _b[1];
+    var _c = useChoiceGroup_1.useChoiceGroup({
         value: value,
         getKey: getLabel,
         callBack: onChange,
         multiple: false
-    }), getOnChange = _b.getOnChange, getChecked = _b.getChecked;
-    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, className: exports.cnSteps({ size: size }, [className]) }, otherProps), items.map(function (item, index) { return (react_1["default"].createElement(StepsStep_1.StepsStep, { key: index, className: exports.cnSteps('Item'), label: (getCompleted === null || getCompleted === void 0 ? void 0 : getCompleted(item)) ? getLabel(item) : index + 1 + " " + getLabel(item), size: size, active: getChecked(item), onChange: getOnChange(item), completed: getCompleted === null || getCompleted === void 0 ? void 0 : getCompleted(item), skipped: getSkipped === null || getSkipped === void 0 ? void 0 : getSkipped(item), disabled: getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled(item) })); })));
+    }), getOnChange = _c.getOnChange, getChecked = _c.getChecked;
+    react_1.useMemo(function () {
+        items.forEach(function (item, index) {
+            if (getChecked(item)) {
+                setActiveStep(index);
+            }
+        });
+    }, [items, value]);
+    var _d = useScrollElements_1.useScrollElements(items), refs = _d.refs, scrollTo = _d.scrollTo;
+    var stepsRef = react_1.useRef(null);
+    var isOverflow = useOverflow_1.useOverflow({ currentRef: stepsRef });
+    var changeStep = function (e, prev) {
+        if (prev && activeStep !== 0) {
+            getOnChange(items[activeStep - 1])(e);
+            scrollTo(activeStep - 1);
+        }
+        if (!prev && activeStep !== items.length - 1) {
+            getOnChange(items[activeStep + 1])(e);
+            scrollTo(activeStep + 1);
+        }
+    };
+    return (react_1["default"].createElement("div", tslib_1.__assign({ ref: ref, className: exports.cnSteps({ size: size }, [className]) }, otherProps),
+        isOverflow && (react_1["default"].createElement(Button_1.Button, { iconLeft: function () { return react_1["default"].createElement(IconArrowLeft_1.IconArrowLeft, { size: "xs" }); }, view: "clear", onlyIcon: true, size: "xs", className: exports.cnSteps('Button', { side: 'left' }), onClick: function (e) { return changeStep(e, true); } })),
+        react_1["default"].createElement("div", { ref: stepsRef, className: exports.cnSteps('List') }, items.map(function (item, index) { return (react_1["default"].createElement(StepsStep_1.StepsStep, { key: index, ref: refs[index], className: exports.cnSteps('Item'), label: (getCompleted === null || getCompleted === void 0 ? void 0 : getCompleted(item)) ? getLabel(item) : index + 1 + " " + getLabel(item), size: size, active: activeStep === index, onChange: getOnChange(item), completed: getCompleted === null || getCompleted === void 0 ? void 0 : getCompleted(item), skipped: getSkipped === null || getSkipped === void 0 ? void 0 : getSkipped(item), disabled: getDisabled === null || getDisabled === void 0 ? void 0 : getDisabled(item) })); })),
+        isOverflow && (react_1["default"].createElement(Button_1.Button, { iconLeft: function () { return react_1["default"].createElement(IconArrowRight_1.IconArrowRight, { size: "xs" }); }, view: "clear", onlyIcon: true, size: "xs", className: exports.cnSteps('Button', { side: 'right' }), onClick: function (e) { return changeStep(e, false); } }))));
 });

package/__internal__/cjs-src/components/Steps/StepsStep/StepsStep.css

@@ -16,6 +16,7 @@
   font-family: var(--font);
   line-height: var(--line-height-text-s);
   text-align: left;
+  white-space: nowrap;
   cursor: pointer;
   -webkit-transition: color 0.2s, font-weight 0.2s;
   transition: color 0.2s, font-weight 0.2s;

package/__internal__/cjs-src/components/Steps/StepsStep/StepsStep.js

@@ -6,7 +6,7 @@ require("./StepsStep.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconCheck_1 = require("../../../icons/IconCheck/IconCheck");
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 exports.cnStepsStep = bem_1.cn('StepsStep');
 var sizeMap = {
     m: 'xs',
@@ -17,7 +17,7 @@ exports.StepsStep = react_1["default"].forwardRef(function (props, ref) {
     var clickHandler = function (e) {
         !active && !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange(e));
     };
-    var iconSize = getSizeByMap_1.getSizeByMap(sizeMap, size);
+    var iconSize = getByMap_1.getByMap(sizeMap, size);
     return (react_1["default"].createElement("button", { ref: ref, className: exports.cnStepsStep({ size: size, active: active, disabled: disabled, completed: completed, skipped: skipped }, [className]), type: "button", title: label, onClick: clickHandler },
         completed && react_1["default"].createElement(IconCheck_1.IconCheck, { className: exports.cnStepsStep('Icon'), size: iconSize }),
         label));

package/__internal__/cjs-src/components/Table/Cell/TableCell.css

@@ -36,14 +36,21 @@
   }
 
   .TableCell_isSortable,
-  .TableCell_isFilterable {
+  .TableCell_isFilterable,
+  .TableCell_isControl {
     --buttons-wrapper-size: var(--space-xl);
   }
 
-  .TableCell_isSortable.TableCell_isFilterable {
+  .TableCell_isSortable.TableCell_isFilterable,
+  .TableCell_isSortable.TableCell_isControl,
+  .TableCell_isFilterable.TableCell_isControl {
     --buttons-wrapper-size: var(--space-4xl);
   }
 
+  .TableCell_isSortable.TableCell_isFilterable.TableCell_isControl {
+    --buttons-wrapper-size: var(--space-5xl);
+  }
+
   .TableCell_stickyOnTop,
   .TableCell_stickyOnLeft {
     position: -webkit-sticky;

package/__internal__/cjs-src/components/Table/Cell/TableCell.js

@@ -20,6 +20,7 @@ var getCellClasses = function (props) {
         stickyOnTop: (props.type === 'header' && props.isSticky) || props.type === 'resizer',
         stickyOnLeft: column.isSticky,
         isFilterable: column.filterable,
+        isControl: Boolean(column.control),
         withoutBorder: props.type === 'resizer',
         isClickable: 'isClickable' in props && props.isClickable,
         isBorderTop: 'isBorderTop' in props && props.isBorderTop,

package/__internal__/cjs-src/components/Table/ChoiceGroupFilter/TableChoiceGroupFilter.js

@@ -21,5 +21,5 @@ exports.TableChoiceGroupFilter = function (_a) {
         setValue(value);
     };
     return (react_1["default"].createElement(TableFilterContainer_1.TableFilterContainer, { title: title, onCancel: onCancel, onConfirm: confirmHandler },
-        react_1["default"].createElement(ChoiceGroup_1.ChoiceGroup, { size: "s", items: choiceGroupItems, getLabel: function (item) { return item.name; }, name: "choiceGroup", onChange: onChange, value: (value === null || value === void 0 ? void 0 : value.value) ? value : defaultValue, multiple: false, className: cnChoiceGroupFilter() })));
+        react_1["default"].createElement(ChoiceGroup_1.ChoiceGroup, { size: "s", items: choiceGroupItems, getLabel: function (item) { return item.name; }, name: "choiceGroup", onChange: onChange, value: (value === null || value === void 0 ? void 0 : value.value) ? value : defaultValue, className: cnChoiceGroupFilter() })));
 };

package/__internal__/cjs-src/components/Table/Table.d.ts

@@ -79,6 +79,7 @@ export declare type TableColumn<T extends TableRow> = {
     width?: ColumnWidth;
     mergeCells?: boolean;
     position?: Position;
+    hidden?: boolean;
     control?: ({ column }: TableControl<T>) => React.ReactNode;
 } & (GroupColumnAddition<T> | SingleColumnAddition<T>);
 export declare type TableProps<T extends TableRow> = {
@@ -89,6 +90,7 @@ export declare type TableProps<T extends TableRow> = {
     size?: Size;
     stickyHeader?: boolean;
     stickyColumns?: number;
+    minColumnWidth?: number;
     isResizable?: boolean;
     activeRow?: ActiveRow;
     verticalAlign?: VerticalAlign;
@@ -101,6 +103,11 @@ export declare type TableProps<T extends TableRow> = {
     onRowHover?: onRowHover;
     onRowClick?: onRowClick;
     onRowCreate?: onRowCreate;
+    getAdditionalClassName?: (props: {
+        column: TableColumn<T>;
+        row: T;
+        isActive: boolean;
+    }) => string;
     rowCreateText?: string;
     lazyLoad?: LazyLoad;
     onFiltersUpdated?: (filters: SelectedFilters) => void;

package/__internal__/cjs-src/components/Table/Table.js

@@ -59,26 +59,26 @@ var sortingData = function (rows, sorting, onSortBy) {
 var defaultEmptyRowsPlaceholder = (react_1["default"].createElement(Text_1.Text, { as: "span", view: "primary", size: "s", lineHeight: "s" }, "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"));
 var InternalTable = function (props, ref) {
     var _a, _b, _c, _d;
-    var columns = props.columns, rows = props.rows, _e = props.size, size = _e === void 0 ? 'l' : _e, rawFilters = props.filters, _f = props.isResizable, isResizable = _f === void 0 ? false : _f, _g = props.stickyHeader, stickyHeader = _g === void 0 ? false : _g, _h = props.stickyColumns, stickyColumns = _h === void 0 ? 0 : _h, activeRow = props.activeRow, _j = props.verticalAlign, verticalAlign = _j === void 0 ? 'top' : _j, _k = props.headerVerticalAlign, headerVerticalAlign = _k === void 0 ? 'center' : _k, zebraStriped = props.zebraStriped, _l = props.borderBetweenRows, borderBetweenRows = _l === void 0 ? false : _l, _m = props.borderBetweenColumns, borderBetweenColumns = _m === void 0 ? false : _m, _o = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _o === void 0 ? defaultEmptyRowsPlaceholder : _o, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, _p = props.rowCreateText, rowCreateText = _p === void 0 ? '+ Добавить строку' : _p, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _q = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _q === void 0 ? false : _q;
-    var _r = helpers_1.useHeaderData(columns), headers = _r.headers, flattenedHeaders = _r.flattenedHeaders, lowHeaders = _r.lowHeaders, headerRowsRefs = _r.headerRowsRefs, headerRowsHeights = _r.headerRowsHeights, resizerTopOffsets = _r.resizerTopOffsets;
+    var columns = props.columns, rows = props.rows, _e = props.size, size = _e === void 0 ? 'l' : _e, rawFilters = props.filters, _f = props.isResizable, isResizable = _f === void 0 ? false : _f, _g = props.stickyHeader, stickyHeader = _g === void 0 ? false : _g, _h = props.stickyColumns, stickyColumns = _h === void 0 ? 0 : _h, _j = props.minColumnWidth, minColumnWidth = _j === void 0 ? 150 : _j, activeRow = props.activeRow, _k = props.verticalAlign, verticalAlign = _k === void 0 ? 'top' : _k, _l = props.headerVerticalAlign, headerVerticalAlign = _l === void 0 ? 'center' : _l, zebraStriped = props.zebraStriped, _m = props.borderBetweenRows, borderBetweenRows = _m === void 0 ? false : _m, _o = props.borderBetweenColumns, borderBetweenColumns = _o === void 0 ? false : _o, _p = props.emptyRowsPlaceholder, emptyRowsPlaceholder = _p === void 0 ? defaultEmptyRowsPlaceholder : _p, className = props.className, onRowHover = props.onRowHover, onRowClick = props.onRowClick, onRowCreate = props.onRowCreate, getAdditionalClassName = props.getAdditionalClassName, _q = props.rowCreateText, rowCreateText = _q === void 0 ? '+ Добавить строку' : _q, lazyLoad = props.lazyLoad, onSortBy = props.onSortBy, onFiltersUpdated = props.onFiltersUpdated, getTagLabel = props.getTagLabel, _r = props.isExpandedRowsByDefault, isExpandedRowsByDefault = _r === void 0 ? false : _r;
+    var _s = helpers_1.useHeaderData(columns), headers = _s.headers, flattenedHeaders = _s.flattenedHeaders, lowHeaders = _s.lowHeaders, headerRowsRefs = _s.headerRowsRefs, headerRowsHeights = _s.headerRowsHeights, resizerTopOffsets = _s.resizerTopOffsets;
     var stickyColumnsGrid = ((_a = headers[0][stickyColumns - 1]) === null || _a === void 0 ? void 0 : _a.position.gridIndex) +
         (((_b = headers[0][stickyColumns - 1]) === null || _b === void 0 ? void 0 : _b.position.colSpan) || 1);
     var getColumnsWidth = function () { return lowHeaders.map(function (column) { return column.width; }); };
-    var _s = tslib_1.__read(react_1["default"].useState(getColumnsWidth()), 2), resizedColumnWidths = _s[0], setResizedColumnWidths = _s[1];
+    var _t = tslib_1.__read(react_1["default"].useState(getColumnsWidth()), 2), resizedColumnWidths = _t[0], setResizedColumnWidths = _t[1];
     var filters = react_1["default"].useMemo(function () {
         return rawFilters && rawFilters.filter(function (filter) { return filter.id && filter.field; });
     }, [rawFilters]);
     react_1["default"].useEffect(function () {
         setResizedColumnWidths(getColumnsWidth());
     }, [lowHeaders.length]);
-    var _t = tslib_1.__read(react_1["default"].useState([]), 2), initialColumnWidths = _t[0], setInitialColumnWidths = _t[1];
-    var _u = tslib_1.__read(react_1["default"].useState(null), 2), sorting = _u[0], setSorting = _u[1];
-    var _v = tslib_1.__read(react_1["default"].useState(null), 2), visibleFilter = _v[0], setVisibleFilter = _v[1];
-    var _w = tslib_1.__read(react_1["default"].useState({ top: 0, left: 0 }), 2), tableScroll = _w[0], setTableScroll = _w[1];
+    var _u = tslib_1.__read(react_1["default"].useState([]), 2), initialColumnWidths = _u[0], setInitialColumnWidths = _u[1];
+    var _v = tslib_1.__read(react_1["default"].useState(null), 2), sorting = _v[0], setSorting = _v[1];
+    var _w = tslib_1.__read(react_1["default"].useState(null), 2), visibleFilter = _w[0], setVisibleFilter = _w[1];
+    var _x = tslib_1.__read(react_1["default"].useState({ top: 0, left: 0 }), 2), tableScroll = _x[0], setTableScroll = _x[1];
     var tableRef = react_1["default"].useRef(null);
     var columnsRefs = react_1["default"].useRef({});
-    var _x = filtering_1.useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _x.selectedFilters, updateSelectedFilters = _x.updateSelectedFilters, removeOneSelectedFilter = _x.removeOneSelectedFilter, removeAllSelectedFilters = _x.removeAllSelectedFilters;
-    var _y = tslib_1.__read(react_1["default"].useState([]), 2), expandedRowIds = _y[0], setExpandedRowIds = _y[1];
+    var _y = filtering_1.useSelectedFilters(filters, onFiltersUpdated), selectedFilters = _y.selectedFilters, updateSelectedFilters = _y.updateSelectedFilters, removeOneSelectedFilter = _y.removeOneSelectedFilter, removeAllSelectedFilters = _y.removeAllSelectedFilters;
+    var _z = tslib_1.__read(react_1["default"].useState([]), 2), expandedRowIds = _z[0], setExpandedRowIds = _z[1];
     // установка сортировки по умолчанию
     react_1["default"].useEffect(function () {
         var sortingColumn = columns.find(function (col) { return type_guards_1.isString(col.order) && Object.prototype.hasOwnProperty.call(helpers_1.Order, col.order); });
@@ -184,7 +184,7 @@ var InternalTable = function (props, ref) {
         return onRowCreate && onRowCreate({ e: e, id: id, index: index });
     }; };
     var handleColumnResize = function (idx, delta) {
-        var columnMinWidth = Math.min(150, initialColumnWidths[idx]);
+        var columnMinWidth = Math.min(minColumnWidth, initialColumnWidths[idx]);
         var prevColumnWidth = resizedColumnWidths[idx] || initialColumnWidths[idx];
         var newColumnWidth = Math.max(columnMinWidth, prevColumnWidth + delta);
         updateColumnWidth(idx, newColumnWidth);
@@ -234,8 +234,8 @@ var InternalTable = function (props, ref) {
             selectedFilters: selectedFilters
         })
         : sortedTableData;
-    var _z = lazyLoad || {}, _0 = _z.maxVisibleRows, maxVisibleRows = _0 === void 0 ? 210 : _0, _1 = _z.scrollableEl, scrollableEl = _1 === void 0 ? tableRef.current : _1;
-    var _2 = helpers_1.useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _2.getSlicedRows, setBoundaryRef = _2.setBoundaryRef;
+    var _0 = lazyLoad || {}, _1 = _0.maxVisibleRows, maxVisibleRows = _1 === void 0 ? 210 : _1, _2 = _0.scrollableEl, scrollableEl = _2 === void 0 ? tableRef.current : _2;
+    var _3 = helpers_1.useLazyLoadData(maxVisibleRows, scrollableEl, !!lazyLoad), getSlicedRows = _3.getSlicedRows, setBoundaryRef = _3.setBoundaryRef;
     var flatRowsData = helpers_1.transformRows(filteredData, expandedRowIds, isExpandedRowsByDefault);
     var rowsData = getSlicedRows(flatRowsData);
     var tableStyle = {
@@ -357,6 +357,10 @@ var InternalTable = function (props, ref) {
                                 ? activeRow.id !== undefined && activeRow.id !== row.id
                                 : false,
                             isMerged: column.mergeCells && rowSpan > 1
+                        }), className: getAdditionalClassName === null || getAdditionalClassName === void 0 ? void 0 : getAdditionalClassName({
+                            column: column,
+                            row: row,
+                            isActive: activeRow ? activeRow.id === row.id : false
                         }), onClick: function (e) {
                             return handleSelectRow({ id: row.id, e: e });
                         }, column: column, verticalAlign: verticalAlign, isClickable: !!isRowsClickable, showVerticalShadow: showVerticalCellShadow &&

package/__internal__/cjs-src/components/Table/helpers.d.ts

@@ -44,6 +44,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    hidden?: boolean | undefined;
     control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & {
     columns: TableColumn<T>[];
@@ -64,6 +65,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     width?: number | undefined;
     mergeCells?: boolean | undefined;
     position?: Position | undefined;
+    hidden?: boolean | undefined;
     control?: (({ column }: import("./Table").TableControl<T>) => React.ReactNode) | undefined;
 } & import("./Table").ValueOf<{ [K in keyof T]: {
     accessor: K extends string ? K : never;

package/__internal__/cjs-src/components/Table/helpers.js

@@ -135,7 +135,10 @@ exports.useHeaderData = function (columns) {
     var headerColumnsHeights = Object.values(headerRowsRefs.current)
         .filter(type_guards_1.isNotNil)
         .map(function (ref) { return ref.getBoundingClientRect().height; });
-    var flattenedHeaders = headers.flat().map(function (column, index) { return (tslib_1.__assign(tslib_1.__assign({}, column), { position: tslib_1.__assign(tslib_1.__assign({}, column.position), { smallTextSize: headers.length > 1 && column.position.level === headers.length - 1, height: headerColumnsHeights[index] || 0 }) })); });
+    var flattenedHeaders = headers
+        .flat()
+        .filter(function (column) { return !column.hidden; })
+        .map(function (column, index) { return (tslib_1.__assign(tslib_1.__assign({}, column), { position: tslib_1.__assign(tslib_1.__assign({}, column.position), { smallTextSize: headers.length > 1 && column.position.level === headers.length - 1, height: headerColumnsHeights[index] || 0 }) })); });
     var headerRowsHeights = headers.map(function (arr, index) {
         return Math.min.apply(null, flattenedHeaders
             .filter(function (col) { return col.position.level === index; })

package/__internal__/cjs-src/components/Tabs/Tab/TabsTab.js

@@ -6,7 +6,7 @@ require("./TabsTab.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var MixFocus_1 = require("../../../mixs/MixFocus/MixFocus");
 var bem_1 = require("../../../utils/bem");
-var getSizeByMap_1 = require("../../../utils/getSizeByMap");
+var getByMap_1 = require("../../../utils/getByMap");
 exports.cnTabsTab = bem_1.cn('TabsTab');
 var sizeMap = {
     s: 'xs',
@@ -14,7 +14,7 @@ var sizeMap = {
 };
 exports.TabsTab = react_1.forwardRef(function (props, ref) {
     var label = props.label, onChange = props.onChange, checked = props.checked, size = props.size, onlyIcon = props.onlyIcon, Icon = props.icon, iconSizeProp = props.iconSize, className = props.className;
-    var iconSize = getSizeByMap_1.getSizeByMap(sizeMap, size, iconSizeProp);
+    var iconSize = getByMap_1.getByMap(sizeMap, size, iconSizeProp);
     return (react_1["default"].createElement("button", { className: exports.cnTabsTab({ size: size, checked: checked, onlyIcon: onlyIcon }, [MixFocus_1.cnMixFocus({ before: true }), className]), onClick: checked ? undefined : onChange, ref: ref, role: "tab", type: "button", title: onlyIcon ? label : undefined },
         Icon && react_1["default"].createElement(Icon, { className: exports.cnTabsTab('Icon'), size: iconSize }),
         !onlyIcon && label));

package/__internal__/cjs-src/components/TagBase/TagBase.d.ts

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 export declare type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: ("1" | 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9")[];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 7 | 3 | 5 | 6 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9")[];
 export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

package/__internal__/cjs-src/components/TagBase/TagBase.js

@@ -6,7 +6,7 @@ require("./TagBase.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconClose_1 = require("../../icons/IconClose/IconClose");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
 exports.tagBasePropSize = ['m', 'xs', 's', 'l'];
 exports.tagBasePropSizeDefault = exports.tagBasePropSize[0];
@@ -27,8 +27,8 @@ exports.TagBase = PropsWithAsAttributes_1.forwardRefWithAs(function (props, ref)
     var Tag = as;
     var withCancel = typeof onCancel === 'function';
     var withIcon = !!Icon;
-    var IconCloseSize = getSizeByMap_1.getSizeByMap(sizeMap, size);
-    var IconSize = getSizeByMap_1.getSizeByMap(sizeMap, size, iconSize);
+    var IconCloseSize = getByMap_1.getByMap(sizeMap, size);
+    var IconSize = getByMap_1.getByMap(sizeMap, size, iconSize);
     return (react_1["default"].createElement(Tag, tslib_1.__assign({}, otherProps, { className: exports.cnTagBase({
             size: size,
             view: view,

package/__internal__/cjs-src/components/TextField/TextField.js

@@ -10,7 +10,7 @@ var IconClose_1 = require("../../icons/IconClose/IconClose");
 var IconSelect_1 = require("../../icons/IconSelect/IconSelect");
 var IconSelectOpen_1 = require("../../icons/IconSelectOpen/IconSelectOpen");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var usePropsHandler_1 = require("../EventInterceptor/usePropsHandler");
 var FieldCaption_1 = require("../FieldCaption/FieldCaption");
 var FieldLabel_1 = require("../FieldLabel/FieldLabel");
@@ -20,14 +20,14 @@ exports.cnTextField = bem_1.cn(exports.COMPONENT_NAME);
 function TextFieldRender(props, ref) {
     var textFieldRef = react_1["default"].useRef(null);
     var inputRef = react_1["default"].useRef(null);
-    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? helpers_1.textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? helpers_1.textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? helpers_1.textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? helpers_1.textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, otherProps = tslib_1.__rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "labelPosition", "caption", "iconSize", "focused"]);
+    var _a = usePropsHandler_1.usePropsHandler(exports.COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? helpers_1.textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? helpers_1.textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? helpers_1.textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? helpers_1.textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, onClick = _a.onClick, otherProps = tslib_1.__rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "labelPosition", "caption", "iconSize", "focused", "onClick"]);
     var _k = tslib_1.__read(react_1.useState(autoFocus), 2), focus = _k[0], setFocus = _k[1];
     var textarea = type === 'textarea';
     var LeftIcon = leftSide;
     var RightIcon = rightSide;
     var leftSideIsString = typeof leftSide === 'string';
     var rightSideIsString = typeof rightSide === 'string';
-    var iconSize = getSizeByMap_1.getSizeByMap(helpers_1.sizeMap, size, iconSizeProp);
+    var iconSize = getByMap_1.getByMap(helpers_1.sizeMap, size, iconSizeProp);
     var handleChange = function (e) {
         var value = e.target.value;
         !disabled && (onChange === null || onChange === void 0 ? void 0 : onChange({ e: e, id: id, name: name, value: value || null }));
@@ -73,12 +73,10 @@ function TextFieldRender(props, ref) {
         ref: useForkRef_1.useForkRef([inputRef, inputRefProp])
     };
     var handleClear = function (e) {
-        var _a;
         onChange === null || onChange === void 0 ? void 0 : onChange({
             e: e,
             value: ''
         });
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     };
     var changeNumberValue = function (e, isIncrement) {
         var _a;
@@ -90,7 +88,7 @@ function TextFieldRender(props, ref) {
         onChange === null || onChange === void 0 ? void 0 : onChange({
             e: e,
             value: currentValue.toFixed(Number((_a = 
-            /* Необходимо для того чтобы избежать ситуации, когда по нажатию
+            /* Необходимо для того, чтобы избежать ситуации, когда по нажатию
             на кнопку прибавляется число с погрешностью.
             Здесь мы берем разрядность дробной части шага и ограничиваем
             результирующее число этой разрядностью */
@@ -99,7 +97,15 @@ function TextFieldRender(props, ref) {
                 .split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) || 0)
         });
     };
-    return (react_1["default"].createElement("div", tslib_1.__assign({ className: exports.cnTextField({ labelPosition: labelPosition, size: size, view: view, width: width }, [className]) }, otherProps),
+    var rootProps = {
+        // для того чтобы любые клики во внутренним элементам фокусили инпут
+        onClick: function (e) {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+    };
+    return (react_1["default"].createElement("div", tslib_1.__assign({ className: exports.cnTextField({ labelPosition: labelPosition, size: size, view: view, width: width }, [className]), ref: useForkRef_1.useForkRef([ref, textFieldRef]) }, rootProps, otherProps),
         label && (react_1["default"].createElement(FieldLabel_1.FieldLabel, { required: required, className: exports.cnTextField('Label', { labelPosition: labelPosition }), size: size }, label)),
         react_1["default"].createElement("div", { className: exports.cnTextField('Body') },
             react_1["default"].createElement("div", { className: exports.cnTextField('InputContainer', {
@@ -110,7 +116,7 @@ function TextFieldRender(props, ref) {
                     type: type,
                     focus: focus || focused,
                     withValue: !!value
-                }), ref: useForkRef_1.useForkRef([ref, textFieldRef]) },
+                }) },
                 LeftIcon && (react_1["default"].createElement("div", { className: exports.cnTextField('Side', {
                         position: 'left',
                         type: leftSideIsString ? 'string' : 'icon'

package/__internal__/cjs-src/components/TextField/helpers.d.ts

@@ -44,7 +44,7 @@ export declare type TextFieldPropRightSide<TYPE> = TYPE extends 'number' ? {
 } : {
     rightSide?: string | React.FC<IconProps>;
 };
-export declare type Props<TYPE extends string> = {
+export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
     className?: string;
     value?: TextFieldPropValue;
     cols?: number;
@@ -82,7 +82,6 @@ export declare type Props<TYPE extends string> = {
     caption?: string;
     labelPosition?: 'top' | 'left';
     focused?: boolean;
-} & TextFieldPropsTextareaType<TYPE> & TextFieldPropRightSide<TYPE>;
-export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<Props<TYPE>, HTMLDivElement>;
+}, HTMLDivElement> & TextFieldPropsTextareaType<TYPE> & TextFieldPropRightSide<TYPE>;
 export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export declare const sizeMap: Record<TextFieldPropSize, IconPropSize>;

package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDark.css

@@ -14,7 +14,7 @@
   --color-bg-ghost: rgba(246, 251, 253, 0.1); /* Цвет затенения */
   --color-bg-tone: rgba(6, 20, 25, 0.85); /* Цвет паранджи */
   --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
-  --color-bg-system: rgb(75, 89, 99); /* Цвет фона системнный */
+  --color-bg-system: rgb(77, 82, 91); /* Цвет фона системнный */
   --color-bg-normal: rgb(10, 165, 255); /* Цвет фона нейтральный */
   --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
   --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
@@ -28,7 +28,8 @@
   --color-typo-secondary: rgba(255, 255, 255, 0.6); /* Цвет второстепенного текста */
   --color-typo-ghost: rgba(255, 255, 255, 0.3); /* Цвет дополнительного текста */
   --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
-  --color-typo-system: rgb(94, 121, 141); /* Цвет фона системнный */
+  --color-typo-system: rgb(99, 110, 131); /* Цвет фона системнный */
+
   --color-typo-normal: rgb(0, 155, 245); /* Цвет фона нейтральный */
   --color-typo-success: rgb(15, 174, 121); /* Цвет текста успеха */
   --color-typo-caution: rgb(248, 199, 53); /* Цвет текста осторожности */

package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDefault.css

@@ -14,7 +14,8 @@
   --color-bg-ghost: rgba(0, 32, 51, 0.08); /* Цвет затенения */
   --color-bg-tone: rgba(0, 32, 51, 0.85); /* Цвет паранджи */
   --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
-  --color-bg-system: rgb(206, 216, 222); /* Цвет фона системнный */
+  --color-bg-system: rgb(222, 228, 232); /* Цвет фона системнный */
+
   --color-bg-normal: rgb(86, 185, 242); /* Цвет фона нейтральный */
   --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
   --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
@@ -28,7 +29,8 @@
   --color-typo-secondary: rgba(0, 32, 51, 0.6); /* Цвет второстепенного текста */
   --color-typo-ghost: rgba(0, 32, 51, 0.3); /* Цвет дополнительного текста */
   --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
-  --color-typo-system: rgb(132, 167, 189); /* Цвет фона системнный */
+  --color-typo-system: rgb(151, 178, 196); /* Цвет фона системнный */
+
   --color-typo-normal: rgb(51, 180, 255); /* Цвет фона нейтральный */
   --color-typo-success: rgb(9, 179, 123); /* Цвет текста успеха */
   --color-typo-caution: rgb(255, 161, 10); /* Цвет текста осторожности */

package/__internal__/cjs-src/components/Theme/_color/Theme_color_gpnDisplay.css

@@ -14,7 +14,8 @@
   --color-bg-ghost: rgba(246, 251, 253, 0.08); /* Цвет затенения */
   --color-bg-tone: rgba(0, 22, 31, 0.85); /* Цвет паранджи */
   --color-bg-soft: rgba(255, 255, 255, 0.9); /* Цвет молока */
-  --color-bg-system: rgb(75, 98, 114); /* Цвет фона системнный */
+  --color-bg-system: rgb(49, 85, 129); /* Цвет фона системнный */
+
   --color-bg-normal: rgb(10, 165, 255); /* Цвет фона нейтральный */
   --color-bg-success: rgb(34, 195, 142); /* Цвет фона успеха */
   --color-bg-caution: rgb(242, 201, 76); /* Цвет фона осторожности */
@@ -28,7 +29,8 @@
   --color-typo-secondary: rgba(246, 251, 253, 0.6); /* Цвет второстепенного текста */
   --color-typo-ghost: rgba(246, 251, 253, 0.3); /* Цвет дополнительного текста */
   --color-typo-brand: rgb(0, 113, 178); /* Цвет брендового текста */
-  --color-typo-system: rgb(96, 130, 154); /* Цвет фона системнный */
+  --color-typo-system: rgb(64, 114, 176); /* Цвет фона системнный */
+
   --color-typo-normal: rgb(0, 155, 245); /* Цвет фона нейтральный */
   --color-typo-success: rgb(15, 174, 121); /* Цвет текста успеха */
   --color-typo-caution: rgb(248, 199, 53); /* Цвет текста осторожности */

package/__internal__/cjs-src/components/ThemeToggler/ThemeToggler.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var useChoiceGroup_1 = require("../../hooks/useChoiceGroup/useChoiceGroup");
 var IconCheck_1 = require("../../icons/IconCheck/IconCheck");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var setRef_1 = require("../../utils/setRef");
 var Button_1 = require("../Button/Button");
 var ContextMenu_1 = require("../ContextMenu/ContextMenu");
@@ -38,8 +38,8 @@ exports.ThemeToggler = react_1["default"].forwardRef(function (props, componentR
         callBack: onChange,
         multiple: false
     }), getOnChange = _c.getOnChange, getChecked = _c.getChecked;
-    var iconSize = getSizeByMap_1.getSizeByMap(iconSizeMap, size);
-    var contextMenuSize = getSizeByMap_1.getSizeByMap(contextMenuSizeMap, size);
+    var iconSize = getByMap_1.getByMap(iconSizeMap, size);
+    var contextMenuSize = getByMap_1.getByMap(contextMenuSizeMap, size);
     var getButtonIcon = function () { return getItemIcon(items.find(function (theme) { return getChecked(theme); })); };
     var onButtonClick = function (e) {
         if (items.length > 2) {
@@ -62,5 +62,5 @@ exports.ThemeToggler = react_1["default"].forwardRef(function (props, componentR
     }
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
         react_1["default"].createElement(Button_1.Button, tslib_1.__assign({}, otherProps, { ref: ref, iconLeft: getButtonIcon(), onClick: onButtonClick, onlyIcon: true, size: size, view: "clear" })),
-        items.length > 2 && isOpen && (react_1["default"].createElement(ContextMenu_1.ContextMenu, { offset: 8, items: items, getLabel: getItemLabel, anchorRef: ref, direction: direction, possibleDirections: possibleDirections, getLeftSideBar: renderIcons, getRightSideBar: renderChecks, onClickOutside: function () { return setIsOpen(false); }, getOnClick: getOnChange, size: contextMenuSize }))));
+        items.length > 2 && isOpen && (react_1["default"].createElement(ContextMenu_1.ContextMenu, { offset: 8, items: items, getLabel: getItemLabel, anchorRef: ref, direction: direction, possibleDirections: possibleDirections, getLeftSideBar: renderIcons, getRightSideBar: renderChecks, onClickOutside: function () { return setIsOpen(false); }, getItemOnClick: getOnChange, size: contextMenuSize }))));
 });

package/__internal__/cjs-src/components/User/User.js

@@ -6,7 +6,7 @@ require("./User.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var IconSelect_1 = require("../../icons/IconSelect/IconSelect");
 var bem_1 = require("../../utils/bem");
-var getSizeByMap_1 = require("../../utils/getSizeByMap");
+var getByMap_1 = require("../../utils/getByMap");
 var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
 var Avatar_1 = require("../Avatar/Avatar");
 var Button_1 = require("../Button/Button");
@@ -46,11 +46,11 @@ exports.User = PropsWithAsAttributes_1.forwardRefWithAs(function (props, ref) {
     var IconRight = iconRight;
     return (react_1["default"].createElement(Tag, tslib_1.__assign({}, otherProps, { className: exports.cnUser({ size: size, view: view, width: width, withArrow: withArrow, minified: onlyAvatar }, [className]), ref: ref }),
         react_1["default"].createElement("div", { className: exports.cnUser('AvatarWrapper', { status: status }) },
-            react_1["default"].createElement(Avatar_1.Avatar, { size: getSizeByMap_1.getSizeByMap(avatarSizeMap, size), url: avatarUrl, name: name })),
+            react_1["default"].createElement(Avatar_1.Avatar, { size: getByMap_1.getByMap(avatarSizeMap, size), url: avatarUrl, name: name })),
         !onlyAvatar && (name || info) && (react_1["default"].createElement("div", { className: exports.cnUser('Block') },
             name && (react_1["default"].createElement(Text_1.Text, { className: exports.cnUser('Name'), size: size, view: "primary", lineHeight: "2xs" }, name)),
-            info && size !== 's' && (react_1["default"].createElement(Text_1.Text, { className: exports.cnUser('Info'), size: getSizeByMap_1.getSizeByMap(infoSizeMap, size), view: "secondary", lineHeight: "2xs" }, info)))),
-        withArrow && (react_1["default"].createElement(IconSelect_1.IconSelect, { className: exports.cnUser('Icon'), size: getSizeByMap_1.getSizeByMap(iconSizeMap, size), view: "secondary" })),
-        IconRight && !onIconRightClick && (react_1["default"].createElement(IconRight, { className: exports.cnUser('Icon'), size: getSizeByMap_1.getSizeByMap(iconSizeMap, size), view: "secondary" })),
-        IconRight && onIconRightClick && (react_1["default"].createElement(Button_1.Button, { className: exports.cnUser('IconRightButton'), onClick: onIconRightClick, iconRight: IconRight, onlyIcon: true, view: "clear", size: getSizeByMap_1.getSizeByMap(buttonSizeMap, size), form: "round" }))));
+            info && size !== 's' && (react_1["default"].createElement(Text_1.Text, { className: exports.cnUser('Info'), size: getByMap_1.getByMap(infoSizeMap, size), view: "secondary", lineHeight: "2xs" }, info)))),
+        withArrow && (react_1["default"].createElement(IconSelect_1.IconSelect, { className: exports.cnUser('Icon'), size: getByMap_1.getByMap(iconSizeMap, size), view: "secondary" })),
+        IconRight && !onIconRightClick && (react_1["default"].createElement(IconRight, { className: exports.cnUser('Icon'), size: getByMap_1.getByMap(iconSizeMap, size), view: "secondary" })),
+        IconRight && onIconRightClick && (react_1["default"].createElement(Button_1.Button, { className: exports.cnUser('IconRightButton'), onClick: onIconRightClick, iconRight: IconRight, onlyIcon: true, view: "clear", size: getByMap_1.getByMap(buttonSizeMap, size), form: "round" }))));
 });

package/__internal__/cjs-src/components/UserSelect/helpers.d.ts

@@ -103,7 +103,7 @@ export declare const isMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITE
 export declare const isNotMultipleParams: <ITEM, GROUP>(params: UserSelectProps<ITEM, GROUP, boolean>) => params is UserSelectProps<ITEM, GROUP, false>;
 export declare function withDefaultGetters<ITEM = DefaultItem, GROUP = DefaultGroup, MULTIPLE extends boolean = false>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>): {
     disabled?: boolean | undefined;
-    form?: "default" | "round" | "brick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "defaultBrick" | "brickDefault" | "brickClear" | "clearBrick" | "clearClear" | undefined;
+    form?: "default" | "round" | "brick" | "brickDefault" | "defaultBrick" | "clearRound" | "roundClear" | "clearDefault" | "defaultClear" | "brickClear" | "clearBrick" | "clearClear" | undefined;
     size?: "s" | "m" | "l" | undefined;
     view?: "default" | "clear" | undefined;
     placeholder?: string | undefined;

package/__internal__/cjs-src/hooks/useOverflow/useOverflow.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    currentRef: React.RefObject<HTMLElement>;
+    containerRef?: React.RefObject<HTMLElement> | Document | Window;
+};
+export declare const useOverflow: (props: Props) => boolean;
+export {};