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

package/pagination/pagination-item.js

@@ -1,31 +0,0 @@
-"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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const pagination_item_module_scss_1 = __importDefault(require("./pagination-item.module.scss"));
-const cx = bind_1.default.bind(pagination_item_module_scss_1.default);
-/**
- * Кнопка страницы.
- * @param props Свойства.
- * @return Элемент.
- */
-function PaginationItem(_a) {
-    var { rootRef, checked, disabled, children, rounds, onClick, className, href, role = !href ? 'button' : undefined } = _a, rest = __rest(_a, ["rootRef", "checked", "disabled", "children", "rounds", "onClick", "className", "href", "role"]);
-    return ((0, jsx_runtime_1.jsx)("a", Object.assign({}, rest, { ref: rootRef, href: disabled ? undefined : href, role: role, className: cx('root', `rounds-${rounds}`, { checked, disabled }, className), onClick: disabled ? undefined : onClick }, { children: children })));
-}
-exports.PaginationItem = PaginationItem;

package/pagination/pagination.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PaginationProps } from './types';
-/**
- * Кнопки навигации по страницам.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Pagination({ rootRef, current, total, onPageChange, getItems, renderItem, className, ...restProps }: PaginationProps): JSX.Element;

package/pagination/pagination.js

@@ -1,78 +0,0 @@
-"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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("./utils");
-const pagination_item_1 = require("./pagination-item");
-const Left_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Left"));
-const Right_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Right"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const pagination_module_scss_1 = __importDefault(require("./pagination.module.scss"));
-const cx = bind_1.default.bind(pagination_module_scss_1.default);
-/**
- * Кнопки навигации по страницам.
- * @param props Свойства.
- * @return Элемент.
- */
-function Pagination(_a) {
-    var { rootRef, current = 1, total = 1, onPageChange, getItems = utils_1.getPaginationItems, renderItem = renderPaginationItem, className } = _a, restProps = __rest(_a, ["rootRef", "current", "total", "onPageChange", "getItems", "renderItem", "className"]);
-    const items = (0, react_1.useMemo)(() => getItems({ current, total }), [current, total]);
-    const onChangeRef = (0, react_1.useRef)(onPageChange);
-    onChangeRef.current = onPageChange;
-    const getItemProps = (0, react_1.useCallback)((item, index, userProps = {}) => {
-        // eslint-disable-next-line require-jsdoc
-        const onClick = event => {
-            var _a, _b;
-            if (item.value !== current) {
-                (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, event, item);
-            }
-            (_b = userProps.onClick) === null || _b === void 0 ? void 0 : _b.call(userProps, event);
-        };
-        if (item.type === 'page') {
-            let rounds;
-            if (index === 0 || items[index - 1].type === 'prev') {
-                rounds = 'left';
-            }
-            else if (index === items.length - 1 || items[index + 1].type === 'next') {
-                rounds = 'right';
-            }
-            return Object.assign(Object.assign({ rounds, checked: item.value === current, 'aria-label': `Перейти на страницу ${item.value}`, children: item.value }, userProps), { onClick, className: cx('page', userProps.className, item.value > 999 && 'large') });
-        }
-        if (item.type === 'prev') {
-            return Object.assign(Object.assign({ rounds: 'all', disabled: current <= 1, 'aria-label': 'Предыдущая страница', children: (0, jsx_runtime_1.jsx)(Left_1.default, { fill: 'currentColor' }) }, userProps), { onClick, className: cx('prev', userProps.className) });
-        }
-        if (item.type === 'more') {
-            return Object.assign(Object.assign({ 'aria-label': `Перейти на страницу ${item.value}`, children: '…' }, userProps), { onClick, className: cx('page', userProps.className) });
-        }
-        if (item.type === 'next') {
-            return Object.assign(Object.assign({ rounds: 'all', disabled: current >= total, 'aria-label': 'Следующая страница', children: (0, jsx_runtime_1.jsx)(Right_1.default, { fill: 'currentColor' }) }, userProps), { onClick, className: cx('next', userProps.className) });
-        }
-        return {};
-    }, [current, total, items]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: rootRef, className: cx('root', className), role: 'navigation', "aria-label": '\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F \u043F\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430\u043C' }, restProps, { children: items.map((item, index) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: renderItem(item, userProps => getItemProps(item, index, userProps)) }, index))) })));
-}
-exports.Pagination = Pagination;
-/**
- * Рендер кнопки по умолчанию.
- * @param button Данные кнопки.
- * @param getProps Вернет свойства для PaginationItem.
- * @return Элемент.
- */
-function renderPaginationItem(button, getProps) {
-    return (0, jsx_runtime_1.jsx)(pagination_item_1.PaginationItem, Object.assign({}, getProps()));
-}

package/pagination/pagination.module.scss

@@ -1,20 +0,0 @@
-.root {
-  display: flex;
-}
-
-.prev {
-  margin-right: 9px;
-}
-
-.next {
-  margin-left: 8px;
-}
-
-.page {
-  margin-left: -1px;
-}
-
-.large {
-  --pagination-item-font-size: 12px;
-  --pagination-item-line-height: 16px;
-}

package/pagination/types.js

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

package/pagination/utils.d.ts

@@ -1,26 +0,0 @@
-import type { PaginationButton } from './types';
-/**
- * Формирует список кнопок навигации по страницам по дизайн-гайдам.
- * @param props Свойства.
- * @param config Конфиг.
- * @return Список.
- */
-export declare function getPaginationItems({ total, current, }: {
-    total: number;
-    current: number;
-}, { arrows, }?: {
-    arrows?: boolean | 'active';
-}): PaginationButton[];
-/**
- * Возвращает список натуральных чисел вокруг заданного.
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- */
-export declare function getNumbersAround({ current, range: rangeSize, total, }: {
-    current: number;
-    range: number;
-    total: number;
-}): number[];

package/pagination/utils.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNumbersAround = exports.getPaginationItems = void 0;
-/**
- * Формирует список кнопок навигации по страницам по дизайн-гайдам.
- * @param props Свойства.
- * @param config Конфиг.
- * @return Список.
- */
-function getPaginationItems({ total, current, }, { arrows = true, } = {}) {
-    const items = getNumbersAround({
-        total,
-        current,
-        range: 7,
-    }).map(value => ({ type: 'page', value }));
-    const size = items.length;
-    if (total > 7) {
-        // если первый элемент не является первой страницей
-        if (items[0].value !== 1) {
-            items.splice(0, 2, { type: 'page', value: 1 }, { type: 'more', value: items[2].value - 1 });
-        }
-        // если последний элемент не является последней страницей
-        if (items[size - 1].value !== total) {
-            items.splice(-2, 2, { type: 'more', value: items[size - 2].value }, { type: 'page', value: total });
-        }
-    }
-    switch (arrows) {
-        case true: {
-            items.unshift({ type: 'prev', value: Math.max(1, current - 1) });
-            items.push({ type: 'next', value: Math.min(total, current + 1) });
-            break;
-        }
-        case 'active': {
-            if (current !== 1) {
-                items.unshift({ type: 'prev', value: Math.max(1, current - 1) });
-            }
-            if (current !== total) {
-                items.push({ type: 'next', value: Math.min(total, current + 1) });
-            }
-            break;
-        }
-    }
-    return items;
-}
-exports.getPaginationItems = getPaginationItems;
-/**
- * Возвращает список натуральных чисел вокруг заданного.
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- */
-function getNumbersAround({ current, range: rangeSize, total, }) {
-    const pageNumbers = [];
-    const readyRange = Math.min(rangeSize, total) || 0;
-    const halfRange = Math.floor(readyRange / 2);
-    const correction = readyRange % 2;
-    let startIndex = current - halfRange - correction;
-    if (startIndex < 1) {
-        startIndex = 0;
-    }
-    else if (startIndex + readyRange > total) {
-        startIndex = total - readyRange;
-    }
-    for (let i = startIndex; i < startIndex + readyRange; i++) {
-        pageNumbers.push(i + 1);
-    }
-    return pageNumbers;
-}
-exports.getNumbersAround = getNumbersAround;

package/pagination-deprecated/base-pagination.d.ts

@@ -1,56 +0,0 @@
-/// <reference types="react" />
-import { PageButtonProps } from './page-button';
-import { getPageButtons } from './utils';
-/** @deprecated */
-interface RenderButtonProps extends PageButtonProps {
-    type?: 'prev' | 'next' | 'more';
-    isFirst?: boolean;
-    isLast?: boolean;
-    page?: number;
-    selected?: boolean;
-}
-/** @deprecated */
-export interface BasePaginationProps {
-    total: number;
-    current: number;
-    onButtonClick?: (n: number) => void;
-    isButtonSelected?: (n: string | number) => boolean;
-    renderButton?: (p: RenderButtonProps, i?: number) => React.ReactNode;
-    needPrevButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    needNextButton?: (data: {
-        current: number;
-        total: number;
-    }) => boolean;
-    calculateButtons?: typeof getPageButtons;
-}
-/** @deprecated */
-export declare const BUTTON_TYPES: {
-    readonly prev: "prev";
-    readonly next: "next";
-    readonly more: "more";
-};
-/** @deprecated */
-export declare const BUTTON_CONTENTS: {
-    readonly prev: JSX.Element;
-    readonly next: JSX.Element;
-    readonly more: "...";
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- * @deprecated
- */
-export declare const BasePagination: React.FC<BasePaginationProps>;
-export {};

package/pagination-deprecated/base-pagination.js

@@ -1,105 +0,0 @@
-"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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasePagination = exports.BUTTON_CONTENTS = exports.BUTTON_TYPES = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const page_button_1 = require("./page-button");
-const utils_1 = require("./utils");
-const fp_1 = require("lodash/fp");
-const lodash_1 = require("lodash");
-const sizes_1 = require("../styling/sizes");
-const Left_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Left"));
-const Right_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Right"));
-const DEFAULTS = {
-    renderButton: (_a, index) => {
-        var { type, isFirst, isLast } = _a, restProps = __rest(_a, ["type", "isFirst", "isLast"]);
-        return ((0, jsx_runtime_1.jsx)(page_button_1.PageButton, Object.assign({ rounded: resolveRounded({ type, isFirst, isLast }), className: getClassByType(type) }, restProps), index));
-    },
-    needPrevButton: ({ current }) => current > 1,
-    needNextButton: ({ current, total }) => current < total,
-    calculateButtons: utils_1.getPageButtons,
-};
-/** @deprecated */
-exports.BUTTON_TYPES = {
-    prev: 'prev',
-    next: 'next',
-    more: 'more',
-};
-/** @deprecated */
-exports.BUTTON_CONTENTS = {
-    prev: (0, jsx_runtime_1.jsx)(Left_1.default, { className: (0, utils_1.cx)('icon') }),
-    next: (0, jsx_runtime_1.jsx)(Right_1.default, { className: (0, utils_1.cx)('icon') }),
-    more: '...',
-};
-/**
- * Возвращает базовый компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @param props.total Номер последней страницы.
- * @param props.current Номер текущей страницы.
- * @param props.isButtonSelected Должна определить что кнопка выбрана.
- * @param props.onButtonClick Сработает при клике на кнопку.
- * @param props.renderButton Должна вернуть компонент кнопки.
- * @param props.needPrevButton Должна определить, нужно ла выводить кнопку "Вперед".
- * @param props.needNextButton Должна определить, нужно ла выводить кнопку "Назад".
- * @param props.calculateButtons Должна вернуть список кнопок (например ['prev', 1, 2, 3, 'next']).
- * @return Элемент.
- * @deprecated
- */
-const BasePagination = ({ total, current, onButtonClick, isButtonSelected = (0, fp_1.eq)(current), renderButton = DEFAULTS.renderButton, needPrevButton = DEFAULTS.needPrevButton, needNextButton = DEFAULTS.needNextButton, calculateButtons = DEFAULTS.calculateButtons, }) => {
-    const pageButtons = calculateButtons({
-        current,
-        total,
-        buttonKeys: exports.BUTTON_TYPES,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, utils_1.cx)('base-pagination-wrapper') }, { children: [needPrevButton({ current, total }) &&
-                renderButton({
-                    'aria-label': 'Назад',
-                    type: exports.BUTTON_TYPES.prev,
-                    children: exports.BUTTON_CONTENTS.prev,
-                    onClick: () => onButtonClick && onButtonClick(current - 1),
-                    page: current - 1,
-                }), pageButtons.map(({ content, value }, index) => renderButton({
-                type: content === exports.BUTTON_TYPES.more ? exports.BUTTON_TYPES.more : undefined,
-                isFirst: index === 0,
-                isLast: index === pageButtons.length - 1,
-                children: (0, lodash_1.has)(exports.BUTTON_CONTENTS, content) ? exports.BUTTON_CONTENTS[content] : content,
-                selected: isButtonSelected(content),
-                'aria-label': `Перейти на страницу ${value}`,
-                onClick: () => onButtonClick && onButtonClick(value),
-                page: value,
-            }, index)), needNextButton({ current, total }) &&
-                renderButton({
-                    'aria-label': 'Вперед',
-                    type: exports.BUTTON_TYPES.next,
-                    children: exports.BUTTON_CONTENTS.next,
-                    onClick: () => onButtonClick && onButtonClick(current + 1),
-                    page: current + 1,
-                })] })));
-};
-exports.BasePagination = BasePagination;
-const resolveRounded = (0, fp_1.cond)([
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.prev), (0, fp_1.always)('all')],
-    [(0, fp_1.propEq)('type', exports.BUTTON_TYPES.next), (0, fp_1.always)('all')],
-    [(0, fp_1.allPass)([(0, fp_1.prop)('isFirst'), (0, fp_1.prop)('isLast')]), (0, fp_1.always)('all')],
-    [(0, fp_1.prop)('isFirst'), (0, fp_1.always)('left')],
-    [(0, fp_1.prop)('isLast'), (0, fp_1.always)('right')],
-    [fp_1.T, (0, fp_1.always)('none')],
-]);
-const getClassByType = (0, fp_1.cond)([
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.prev), (0, fp_1.always)((0, sizes_1.marginRight)(2))],
-    [(0, fp_1.eq)(exports.BUTTON_TYPES.next), (0, fp_1.always)((0, sizes_1.marginLeft)(2))],
-    [fp_1.T, () => undefined],
-]);

package/pagination-deprecated/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { BasePaginationProps } from './base-pagination';
-/** @deprecated */
-export interface PaginationProps {
-    /** Общее количество страниц. */
-    total: number;
-    /** Индекс текущей страницы. */
-    current: number;
-    /** Сработает при выборе страницы. */
-    onChange?: (data: {
-        value: number;
-    }) => void;
-    /** Функция возвращающая компонент кнопки. */
-    renderButton?: BasePaginationProps['renderButton'];
-}
-/**
- * Компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @return Элемент.
- * @deprecated
- */
-export declare const Pagination: React.FC<PaginationProps>;

package/pagination-deprecated/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const base_pagination_1 = require("./base-pagination");
-/**
- * Компонент списка кнопок навигации по страницам.
- * @param props Свойства.
- * @return Элемент.
- * @deprecated
- */
-const Pagination = ({ total, current, onChange, renderButton, }) => ((0, jsx_runtime_1.jsx)(base_pagination_1.BasePagination, { total: total, current: current, renderButton: renderButton, onButtonClick: content => {
-        Number.isFinite(content) && onChange && onChange({ value: content });
-    } }));
-exports.Pagination = Pagination;

package/pagination-deprecated/page-button.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export interface PageButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
-    rounded?: 'all' | 'none' | 'left' | 'right';
-    className?: string;
-    selected?: boolean;
-}
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- * @deprecated
- */
-export declare const PageButton: React.FC<PageButtonProps>;

package/pagination-deprecated/page-button.js

@@ -1,30 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("./utils");
-/**
- * Компонент кнопки страницы по умолчанию. Поддерживаются свойства элемента button.
- * @param props Свойства.
- * @param props.selected Выбрана ли кнопка.
- * @param props.className CSS-класс.
- * @param props.rounded С какой стороны делать скругления.
- * @return Элемент.
- * @deprecated
- */
-const PageButton = (_a) => {
-    var { selected, rounded = 'all', className } = _a, restProps = __rest(_a, ["selected", "rounded", "className"]);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, restProps, { type: 'button', className: (0, utils_1.cx)('page-button', selected && 'selected', rounded === 'all' && 'rounds-all', rounded === 'left' && 'rounds-left', rounded === 'right' && 'rounds-right', className) })));
-};
-exports.PageButton = PageButton;

package/pagination-deprecated/pagination.module.scss

@@ -1,76 +0,0 @@
-@use '../colors';
-
-.page-select-form {
-  font-size: 12px;
-  .page-input-wrapper {
-    margin-left: 8px;
-    width: 64px;
-    .page-input {
-      text-align: center;
-      font-size: 16px;
-    }
-  }
-  .submit-button {
-    margin-left: 8px;
-  }
-  .cancel-button {
-    margin-left: 32px;
-  }
-}
-
-.page-button {
-  display: inline-block;
-  width: 38px;
-  height: 38px;
-  background: #fff;
-  border: 1px solid colors.$basic-gray12;
-  font-size: 14px;
-  outline: 0;
-  box-sizing: border-box;
-  padding: 0;
-  vertical-align: top;
-  user-select: none;
-  &.rounds-all {
-    border-radius: 4px;
-  }
-  &.rounds-left {
-    border-radius: 4px 0 0 4px;
-  }
-  &.rounds-right {
-    border-radius: 0 4px 4px 0;
-    &:not(.rounds-all) {
-      margin-right: 0;
-    }
-  }
-  &:disabled {
-    color: colors.$basic-gray24;
-  }
-  &:not(.rounds-all) {
-    margin-right: -1px;
-  }
-  &:not(.selected):not(:disabled):hover {
-    background: #f5f5f5;
-    cursor: pointer;
-  }
-  &.selected {
-    position: relative;
-    background: colors.$basic-gray87;
-    border-color: colors.$basic-gray87;
-    color: #fff;
-    cursor: default;
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      box-shadow: inherit;
-      border-radius: inherit;
-    }
-  }
-}
-
-.icon {
-  vertical-align: middle;
-}

package/pagination-deprecated/utils.d.ts

@@ -1,58 +0,0 @@
-interface IPageButton {
-    value: number;
-    content: string | number;
-}
-type State = {
-    current: number;
-    range: number;
-    total: number;
-};
-export declare const cx: (...args: import("classnames").ArgumentArray) => string;
-/**
- * Фабрика объектов с данными о кнопке страницы.
- * @param value Номер целевой страницы.
- * @param content Содержимое кнопки.
- * @return Список кнопок.
- * @deprecated
- */
-export declare const PageButton: (value: number, content?: string | number) => IPageButton;
-/**
- * Возвращает список кнопок навигации.
- * @param props Свойства.
- * @param props.current Номер текущей страницы.
- * @param props.total Номер последней страницы.
- * @param props.buttonKeys Значения, которые будут использованы для не числовых кнопок.
- * @param props.buttonKeys.more Значение для отображения кнопки группы пропущенных чисел.
- * @return Список кнопок.
- * @deprecated
- */
-export declare const getPageButtons: ({ current, total, buttonKeys, }: {
-    current: number;
-    total: number;
-    buttonKeys?: {
-        more: string | number;
-    } | undefined;
-}) => IPageButton[];
-/**
- * Возвращает корректный диапазон вокруг текущего значения в соответствии с дизайнерской задумкой.
- * По возможности показывает начало/конец списка при смещении.
- * При current = 4, range = 5 вместо [2,3,4,5,6] вернет [1,2,3,4,5].
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- * @deprecated
- */
-export declare const getCorrectRangeNumbers: ({ current, range: rangeSize, total }: State) => number[];
-/**
- * Возвращает список чисел вокруг заданного.
- * @param props Свойства.
- * @param props.current Число вокруг которого нужно сформировать список.
- * @param props.range Размер списка.
- * @param props.total Максимальное значение.
- * @return Список номеров.
- * @deprecated
- */
-export declare const getRangeNumbers: ({ current, range: rangeSize, total }: State) => number[];
-export {};