@skbkontur/react-ui 5.2.0 → 5.3.0

package/components/Paging/Paging.d.ts

@@ -1,101 +1,112 @@
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-export interface ItemComponentProps {
-    /** Определяет, является ли страница текущей. */
-    active: boolean;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Задает HTML-атрибут class. */
-    className: string;
-    /** Задает функцию, которая вызывается при клике на элемент. */
-    onClick: () => void;
-    /** Задает номер текущей страницы. */
-    pageNumber: number | 'forward';
-    /** Задает HTML-атрибут `tabindex`. */
-    tabIndex: number;
-}
-export interface PagingProps extends CommonProps {
-    activePage: number;
-    /** Компонент обертки по умолчанию.
-     * @default <span /> */
-    component?: React.ComponentType<ItemComponentProps>;
-    /** Задает функцию, которая вызывается при переключении страницы. */
-    onPageChange: (pageNumber: number) => void;
-    /** Задает общее количество страниц. */
-    pagesCount: number;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Отключает навигационные подсказки.
-     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */
-    withoutNavigationHint?: boolean;
-    /** Задает подпить у пейджинга. */
-    caption?: string;
-    /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
-     * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,
-     * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */
-    useGlobalListener?: boolean;
-}
-export interface PagingState {
-    focusedByTab: boolean;
-    focusedItem: Nullable<ItemType>;
-    keyboardControl: boolean;
-}
-export type ItemType = number | '.' | 'forward';
-export declare const PagingDataTids: {
-    readonly root: "Paging__root";
-    readonly dots: "Paging__dots";
-    readonly forwardLink: "Paging__forwardLink";
-    readonly pageLinkWrapper: "Paging__pageLinkWrapper";
-    readonly pageLink: "Paging__pageLink";
-};
-type DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;
-/**
- * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
- */
-export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    static propTypes: {};
-    private setRootNode;
-    static isForward(pageNumber: number | 'forward'): boolean;
-    state: PagingState;
-    private theme;
-    private readonly locale;
-    private addedGlobalListener;
-    private container;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: PagingProps): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element | null;
-    private renderMain;
-    private renderItem;
-    private renderDots;
-    private renderForwardLink;
-    private renderPageLink;
-    private renderNavigationHint;
-    private handleMouseDown;
-    private handleMouseDownPageLink;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    private getItems;
-    private getFocusedItem;
-    private isItemFocusable;
-    private isItemDisabled;
-    private executeItemAction;
-    private moveFocusLeft;
-    private moveFocusRight;
-    private moveFocus;
-    private canGoBackward;
-    private canGoForward;
-    private goBackward;
-    private goForward;
-    private goToPage;
-    private addGlobalListener;
-    private removeGlobalListener;
-    private refContainer;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+export interface ItemComponentProps {
+    /** Определяет, является ли страница текущей. */
+    active: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает HTML-атрибут class. */
+    className: string;
+    /** Задает функцию, которая вызывается при клике на элемент. */
+    onClick: () => void;
+    /** Задает номер текущей страницы. */
+    pageNumber: number | 'forward';
+    /** Задает HTML-атрибут `tabindex`. */
+    tabIndex: number;
+}
+export interface PagingProps extends CommonProps {
+    activePage: number;
+    /** Компонент обертки по умолчанию.
+     * @default <span/> */
+    component?: React.ComponentType<ItemComponentProps>;
+    /** Задает функцию, которая вызывается при переключении страницы. */
+    onPageChange: (pageNumber: number) => void;
+    /** Задает общее количество страниц. */
+    pagesCount: number;
+    /** Задает размер контрола.
+     * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */
+    size?: SizeProp;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Отключает навигационные подсказки.
+     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */
+    withoutNavigationHint?: boolean;
+    /** Задает подпить у пейджинга. */
+    caption?: string;
+    /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
+     * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,
+     * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */
+    useGlobalListener?: boolean;
+}
+export interface PagingState {
+    focusedByTab: boolean;
+    focusedItem: Nullable<ItemType>;
+    keyboardControl: boolean;
+}
+export type ItemType = number | '.' | 'forward';
+export declare const PagingDataTids: {
+    readonly root: "Paging__root";
+    readonly dots: "Paging__dots";
+    readonly forwardLink: "Paging__forwardLink";
+    readonly pageLinkWrapper: "Paging__pageLinkWrapper";
+    readonly pageLink: "Paging__pageLink";
+};
+type DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;
+/**
+ * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
+ */
+export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    static isForward(pageNumber: number | 'forward'): boolean;
+    state: PagingState;
+    private theme;
+    private readonly locale;
+    private isMobile;
+    private sizeClassNames;
+    private addedGlobalListener;
+    private container;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: PagingProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element | null;
+    private renderMain;
+    private renderItem;
+    private renderDots;
+    private renderForwardLink;
+    private renderPageLink;
+    private renderNavigationHint;
+    private handleMouseDown;
+    private handleMouseDownPageLink;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private getItems;
+    private getFocusedItem;
+    private isItemFocusable;
+    private isItemDisabled;
+    private executeItemAction;
+    private moveFocusLeft;
+    private moveFocusRight;
+    private moveFocus;
+    private canGoBackward;
+    private canGoForward;
+    private goBackward;
+    private goForward;
+    private goToPage;
+    private addGlobalListener;
+    private removeGlobalListener;
+    private refContainer;
+    private getPagingSizeClassNames;
+    private getDotsIcon;
+    private getForwardIcon;
+    private getSize;
+}
+export {};

package/components/Paging/Paging.styles/Paging.styles.js

@@ -1,47 +1,108 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
-  paging: function paging(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n      display: inline-block;\n    "])), t.pagingFontSize, t.pagingLineHeight);
+  paging: function paging() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    "])));
+  },
+  pagingMobile: function pagingMobile() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-wrap-mode: nowrap;\n    "])));
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+  pagingLegacy: function pagingLegacy(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-variant-numeric: normal;\n    "])), t.pagingFontSize, t.pagingLineHeight);
+  },
+  pagingSmall: function pagingSmall(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeSmall, t.pagingLineHeightSmall);
+  },
+  pagingMedium: function pagingMedium(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingLineHeightMedium);
+  },
+  pagingLarge: function pagingLarge(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingLineHeightLarge);
   },
   pagingDisabled: function pagingDisabled() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
   },
   dots: function dots(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])), t.pagingDotsColor, t.pagingDotsPadding);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n    "])), t.pagingDotsColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  dotsLegacy: function dotsLegacy(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingDotsPadding);
+  },
+  dotsSmall: function dotsSmall(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingSmall);
+  },
+  dotsMedium: function dotsMedium(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingMedium);
+  },
+  dotsLarge: function dotsLarge(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingLarge);
   },
   dotsDisabled: function dotsDisabled(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
   },
   forwardLink: function forwardLink(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ", ";\n      margin-left: ", ";\n      outline: none;\n      padding-right: ", ";\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])), t.pagingForwardLinkColor, t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])), t.pagingForwardLinkColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  forwardLinkLegacy: function forwardLinkLegacy(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n      margin-left: ", ";\n      padding-right: ", ";\n    "])), t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
+  },
+  forwardLinkSmall: function forwardLinkSmall(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingSmall);
+  },
+  forwardLinkMedium: function forwardLinkMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingMedium);
+  },
+  forwardLinkLarge: function forwardLinkLarge(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingLarge);
+  },
+  forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingForwardLinkPaddingMediumMobile);
+  },
+  forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingForwardLinkPaddingLargeMobile);
   },
   forwardLinkDisabled: function forwardLinkDisabled(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
   },
   pageLinkWrapper: function pageLinkWrapper() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
   },
   pageLink: function pageLink(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      box-sizing: ", ";\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      margin: ", ";\n      outline: none;\n      min-width: ", ";\n      padding: ", " ", " ", ";\n      text-decoration: none;\n\n      &:hover {\n        background: ", ";\n      }\n    "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY, t.pagingPageLinkHoverBg);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      box-sizing: ", ";\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ", ";\n        transition: background-color ", " ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkHoverBg, t.transitionDuration, t.transitionTimingFunction, t.pagingPageLinkActiveBg);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  pageLinkLegacy: function pageLinkLegacy(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      min-width: ", ";\n      padding: ", " ", ";\n    "])), t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX);
+  },
+  pageLinkSmall: function pageLinkSmall(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+  },
+  pageLinkMedium: function pageLinkMedium(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+  },
+  pageLinkLarge: function pageLinkLarge(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
   },
   pageLinkDisabled: function pageLinkDisabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
   },
   pageLinkCurrent: function pageLinkCurrent(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
   },
   pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
   },
   pageLinkFocused: function pageLinkFocused(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
   },
   transparent: function transparent() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
   },
   pageLinkHint: function pageLinkHint(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
   }
 });

package/components/Paging/Paging.styles/Paging.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","paging","t","_templateObject","_taggedTemplateLiteralLoose","pagingFontSize","pagingLineHeight","pagingDisabled","_templateObject2","dots","_templateObject3","pagingDotsColor","pagingDotsPadding","dotsDisabled","_templateObject4","pagingDotsDisabledColor","forwardLink","_templateObject5","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkDisabled","_templateObject6","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject7","pageLink","_templateObject8","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","pageLinkDisabled","_templateObject9","linkDisabledColor","pageLinkCurrent","_templateObject10","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject11","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject12","borderColorFocus","transparent","_templateObject13","pageLinkHint","_templateObject14","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging(t: Theme) {\n    return css`\n      user-select: none;\n      outline: 0;\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      display: inline-block;\n    `;\n  },\n\n  pagingDisabled() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  dots(t: Theme) {\n    return css`\n      color: ${t.pagingDotsColor};\n      display: inline-block;\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  dotsDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingDotsDisabledColor};\n    `;\n  },\n\n  forwardLink(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      outline: none;\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  forwardLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkWrapper() {\n    return css`\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  pageLink(t: Theme) {\n    return css`\n      box-sizing: ${t.pagingPageLinkBoxSizing};\n      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingPageLinkColor};\n      cursor: pointer;\n      display: block;\n      margin: ${t.pagingPageLinkMargin};\n      outline: none;\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n      text-decoration: none;\n\n      &:hover {\n        background: ${t.pagingPageLinkHoverBg};\n      }\n    `;\n  },\n\n  pageLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkCurrent(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background: ${t.pagingPageLinkDisabledActiveBg} !important;\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  pageLinkFocused(t: Theme) {\n    return css`\n      ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n    `;\n  },\n\n  transparent() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  pageLinkHint(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: ${t.pagingPageLinkHintMargin};\n      font-size: ${t.pagingPageLinkHintFontSize};\n      height: ${t.pagingPageLinkHintLineHeight};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n      color: ${t.pagingPageLinkHintColor};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","paging","_templateObject","_taggedTemplateLiteralLoose","pagingMobile","_templateObject2","pagingLegacy","t","_templateObject3","pagingFontSize","pagingLineHeight","pagingSmall","_templateObject4","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","_templateObject5","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","_templateObject6","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","_templateObject7","dots","_templateObject8","pagingDotsColor","dotsLegacy","_templateObject9","pagingDotsPadding","dotsSmall","_templateObject10","pagingDotsPaddingSmall","dotsMedium","_templateObject11","pagingDotsPaddingMedium","dotsLarge","_templateObject12","pagingDotsPaddingLarge","dotsDisabled","_templateObject13","pagingDotsDisabledColor","forwardLink","_templateObject14","pagingForwardLinkColor","forwardLinkLegacy","_templateObject15","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkSmall","_templateObject16","pagingForwardLinkPaddingSmall","forwardLinkMedium","_templateObject17","pagingForwardLinkPaddingMedium","forwardLinkLarge","_templateObject18","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","_templateObject19","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","_templateObject20","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","_templateObject21","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject22","pageLink","_templateObject23","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkLegacy","_templateObject24","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pageLinkSmall","_templateObject25","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","_templateObject26","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","_templateObject27","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","_templateObject28","linkDisabledColor","pageLinkCurrent","_templateObject29","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject30","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject31","borderColorFocus","transparent","_templateObject32","pageLinkHint","_templateObject33","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging() {\n    return css`\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  pagingMobile() {\n    return css`\n      text-wrap-mode: nowrap;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */\n  pagingLegacy(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      font-variant-numeric: normal;\n    `;\n  },\n\n  pagingSmall(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeSmall};\n      line-height: ${t.pagingLineHeightSmall};\n    `;\n  },\n\n  pagingMedium(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeMedium};\n      line-height: ${t.pagingLineHeightMedium};\n    `;\n  },\n\n  pagingLarge(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeLarge};\n      line-height: ${t.pagingLineHeightLarge};\n    `;\n  },\n\n  pagingDisabled() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  dots(t: Theme) {\n    return css`\n      color: ${t.pagingDotsColor};\n      display: inline-block;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  dotsLegacy(t: Theme) {\n    return css`\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  dotsSmall(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingSmall};\n    `;\n  },\n\n  dotsMedium(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingMedium};\n    `;\n  },\n\n  dotsLarge(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingLarge};\n    `;\n  },\n\n  dotsDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingDotsDisabledColor};\n    `;\n  },\n\n  forwardLink(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  forwardLinkLegacy(t: Theme) {\n    return css`\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n    `;\n  },\n\n  forwardLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingSmall};\n    `;\n  },\n\n  forwardLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingMedium};\n    `;\n  },\n\n  forwardLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingLarge};\n    `;\n  },\n\n  forwardLinkMediumMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeMedium};\n      padding: ${t.pagingForwardLinkPaddingMediumMobile};\n    `;\n  },\n\n  forwardLinkLargeMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeLarge};\n      padding: ${t.pagingForwardLinkPaddingLargeMobile};\n    `;\n  },\n\n  forwardLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkWrapper() {\n    return css`\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  pageLink(t: Theme) {\n    return css`\n      box-sizing: ${t.pagingPageLinkBoxSizing};\n      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingPageLinkColor};\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ${t.pagingPageLinkHoverBg};\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:active {\n        background-color: ${t.pagingPageLinkActiveBg};\n      }\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  pageLinkLegacy(t: Theme) {\n    return css`\n      margin: ${t.pagingPageLinkMargin};\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX};\n    `;\n  },\n\n  pageLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall};\n    `;\n  },\n\n  pageLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium};\n    `;\n  },\n\n  pageLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge};\n    `;\n  },\n\n  pageLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkCurrent(t: Theme) {\n    return css`\n      cursor: default;\n      background-color: ${t.pagingPageLinkActiveBg} !important;\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background-color: ${t.pagingPageLinkDisabledActiveBg} !important;\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  pageLinkFocused(t: Theme) {\n    return css`\n      ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n    `;\n  },\n\n  transparent() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  pageLinkHint(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: ${t.pagingPageLinkHintMargin};\n      font-size: ${t.pagingPageLinkHintFontSize};\n      height: ${t.pagingPageLinkHintLineHeight};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n      color: ${t.pagingPageLinkHintColor};\n    `;\n  },\n});\n"],"mappings":"4sBAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;EAMZ,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAED;EACAG,YAAY,WAAAA,aAACC,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKI,CAAC,CAACE,cAAc;IACdF,CAAC,CAACG,gBAAgB;;;EAGrC,CAAC;;EAEDC,WAAW,WAAAA,YAACJ,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACKI,CAAC,CAACM,mBAAmB;IACnBN,CAAC,CAACO,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAACR,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACKI,CAAC,CAACU,oBAAoB;IACpBV,CAAC,CAACW,sBAAsB;;EAE3C,CAAC;;EAEDC,WAAW,WAAAA,YAACZ,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACKI,CAAC,CAACc,mBAAmB;IACnBd,CAAC,CAACe,qBAAqB;;EAE1C,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;EAGZ,CAAC;;EAEDsB,IAAI,WAAAA,KAAClB,CAAQ,EAAE;IACb,OAAOT,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACCI,CAAC,CAACoB,eAAe;;;EAG9B,CAAC;;EAED;EACAC,UAAU,WAAAA,WAACrB,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAA1B,2BAAA;IACGI,CAAC,CAACuB,iBAAiB;;EAElC,CAAC;;EAEDC,SAAS,WAAAA,UAACxB,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;IAEGI,CAAC,CAAC0B,sBAAsB;;EAEvC,CAAC;;EAEDC,UAAU,WAAAA,WAAC3B,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;;IAEGI,CAAC,CAAC6B,uBAAuB;;EAExC,CAAC;;EAEDC,SAAS,WAAAA,UAAC9B,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;IAEGI,CAAC,CAACgC,sBAAsB;;EAEvC,CAAC;;EAEDC,YAAY,WAAAA,aAACjC,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAtC,2BAAA;IACCI,CAAC,CAACmC,uBAAuB;;EAEtC,CAAC;;EAEDC,WAAW,WAAAA,YAACpC,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAA8C,iBAAA,KAAAA,iBAAA,GAAAzC,2BAAA;IACCI,CAAC,CAACsC,sBAAsB;;;;;;;;;EASrC,CAAC;;EAED;EACAC,iBAAiB,WAAAA,kBAACvC,CAAQ,EAAE;IAC1B,OAAOT,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAA5C,2BAAA;IACMI,CAAC,CAACyC,8BAA8B;IAC/BzC,CAAC,CAAC0C,+BAA+B;IAC/B1C,CAAC,CAAC2C,iCAAiC;;EAExD,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC5C,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAsD,iBAAA,KAAAA,iBAAA,GAAAjD,2BAAA;IACGI,CAAC,CAAC8C,6BAA6B;;EAE9C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAAC/C,CAAQ,EAAE;IAC1B,OAAOT,GAAG,CAAAyD,iBAAA,KAAAA,iBAAA,GAAApD,2BAAA;IACGI,CAAC,CAACiD,8BAA8B;;EAE/C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAClD,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAA4D,iBAAA,KAAAA,iBAAA,GAAAvD,2BAAA;IACGI,CAAC,CAACoD,6BAA6B;;EAE9C,CAAC;;EAEDC,uBAAuB,WAAAA,wBAACrD,CAAQ,EAAE;IAChC,OAAOT,GAAG,CAAA+D,iBAAA,KAAAA,iBAAA,GAAA1D,2BAAA;IACOI,CAAC,CAACU,oBAAoB;IAC1BV,CAAC,CAACuD,oCAAoC;;EAErD,CAAC;;EAEDC,sBAAsB,WAAAA,uBAACxD,CAAQ,EAAE;IAC/B,OAAOT,GAAG,CAAAkE,iBAAA,KAAAA,iBAAA,GAAA7D,2BAAA;IACOI,CAAC,CAACc,mBAAmB;IACzBd,CAAC,CAAC0D,mCAAmC;;EAEpD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAC3D,CAAQ,EAAE;IAC5B,OAAOT,GAAG,CAAAqE,iBAAA,KAAAA,iBAAA,GAAAhE,2BAAA;IACCI,CAAC,CAAC6D,8BAA8B;;;EAG7C,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOvE,GAAG,CAAAwE,iBAAA,KAAAA,iBAAA,GAAAnE,2BAAA;;;;;;;EAOZ,CAAC;;EAEDoE,QAAQ,WAAAA,SAAChE,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAA0E,iBAAA,KAAAA,iBAAA,GAAArE,2BAAA;IACMI,CAAC,CAACkE,uBAAuB;IACtBlE,CAAC,CAACmE,0BAA0B;IACpCnE,CAAC,CAACoE,mBAAmB;;;;;;;IAORpE,CAAC,CAACqE,qBAAqB;IACZrE,CAAC,CAACsE,kBAAkB,EAAItE,CAAC,CAACuE,wBAAwB;;;;IAI7DvE,CAAC,CAACwE,sBAAsB;;;EAGlD,CAAC;;EAED;EACAC,cAAc,WAAAA,eAACzE,CAAQ,EAAE;IACvB,OAAOT,GAAG,CAAAmF,iBAAA,KAAAA,iBAAA,GAAA9E,2BAAA;IACEI,CAAC,CAAC2E,oBAAoB;IACnB3E,CAAC,CAAC4E,sBAAsB;IAC1B5E,CAAC,CAAC6E,sBAAsB,EAAI7E,CAAC,CAAC8E,sBAAsB;;EAEnE,CAAC;;EAEDC,aAAa,WAAAA,cAAC/E,CAAQ,EAAE;IACtB,OAAOT,GAAG,CAAAyF,iBAAA,KAAAA,iBAAA,GAAApF,2BAAA;IACGI,CAAC,CAACiF,2BAA2B,EAAIjF,CAAC,CAACkF,2BAA2B;;EAE7E,CAAC;;EAEDC,cAAc,WAAAA,eAACnF,CAAQ,EAAE;IACvB,OAAOT,GAAG,CAAA6F,iBAAA,KAAAA,iBAAA,GAAAxF,2BAAA;IACGI,CAAC,CAACqF,4BAA4B,EAAIrF,CAAC,CAACsF,4BAA4B;;EAE/E,CAAC;;EAEDC,aAAa,WAAAA,cAACvF,CAAQ,EAAE;IACtB,OAAOT,GAAG,CAAAiG,iBAAA,KAAAA,iBAAA,GAAA5F,2BAAA;IACGI,CAAC,CAACyF,2BAA2B,EAAIzF,CAAC,CAAC0F,2BAA2B;;EAE7E,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC3F,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAAqG,iBAAA,KAAAA,iBAAA,GAAAhG,2BAAA;IACCI,CAAC,CAAC6F,iBAAiB;;;EAGhC,CAAC;;EAEDC,eAAe,WAAAA,gBAAC9F,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAAwG,iBAAA,KAAAA,iBAAA,GAAAnG,2BAAA;;IAEYI,CAAC,CAACwE,sBAAsB;IACnCxE,CAAC,CAACgG,yBAAyB;;EAExC,CAAC;;EAEDC,uBAAuB,WAAAA,wBAACjG,CAAQ,EAAE;IAChC,OAAOT,GAAG,CAAA2G,iBAAA,KAAAA,iBAAA,GAAAtG,2BAAA;IACYI,CAAC,CAACmG,8BAA8B;IAC3CnG,CAAC,CAAC6F,iBAAiB;;EAEhC,CAAC;;EAEDO,eAAe,WAAAA,gBAACpG,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAA8G,iBAAA,KAAAA,iBAAA,GAAAzG,2BAAA;;IAEoBI,CAAC,CAACsG,gBAAgB;;;EAGlD,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOhH,GAAG,CAAAiH,iBAAA,KAAAA,iBAAA,GAAA5G,2BAAA;;;EAGZ,CAAC;;EAED6G,YAAY,WAAAA,aAACzG,CAAQ,EAAE;IACrB,OAAOT,GAAG,CAAAmH,iBAAA,KAAAA,iBAAA,GAAA9G,2BAAA;;IAEEI,CAAC,CAAC2G,wBAAwB;IACvB3G,CAAC,CAAC4G,0BAA0B;IAC/B5G,CAAC,CAAC6G,4BAA4B;IACzB7G,CAAC,CAAC6G,4BAA4B;IACpC7G,CAAC,CAAC8G,uBAAuB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Paging/Paging.styles.d.ts

@@ -1,17 +1,40 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    paging(t: Theme): string;
-    pagingDisabled(): string;
-    dots(t: Theme): string;
-    dotsDisabled(t: Theme): string;
-    forwardLink(t: Theme): string;
-    forwardLinkDisabled(t: Theme): string;
-    pageLinkWrapper(): string;
-    pageLink(t: Theme): string;
-    pageLinkDisabled(t: Theme): string;
-    pageLinkCurrent(t: Theme): string;
-    pageLinkCurrentDisabled(t: Theme): string;
-    pageLinkFocused(t: Theme): string;
-    transparent(): string;
-    pageLinkHint(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    paging(): string;
+    pagingMobile(): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+    pagingLegacy(t: Theme): string;
+    pagingSmall(t: Theme): string;
+    pagingMedium(t: Theme): string;
+    pagingLarge(t: Theme): string;
+    pagingDisabled(): string;
+    dots(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    dotsLegacy(t: Theme): string;
+    dotsSmall(t: Theme): string;
+    dotsMedium(t: Theme): string;
+    dotsLarge(t: Theme): string;
+    dotsDisabled(t: Theme): string;
+    forwardLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    forwardLinkLegacy(t: Theme): string;
+    forwardLinkSmall(t: Theme): string;
+    forwardLinkMedium(t: Theme): string;
+    forwardLinkLarge(t: Theme): string;
+    forwardLinkMediumMobile(t: Theme): string;
+    forwardLinkLargeMobile(t: Theme): string;
+    forwardLinkDisabled(t: Theme): string;
+    pageLinkWrapper(): string;
+    pageLink(t: Theme): string;
+    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+    pageLinkLegacy(t: Theme): string;
+    pageLinkSmall(t: Theme): string;
+    pageLinkMedium(t: Theme): string;
+    pageLinkLarge(t: Theme): string;
+    pageLinkDisabled(t: Theme): string;
+    pageLinkCurrent(t: Theme): string;
+    pageLinkCurrentDisabled(t: Theme): string;
+    pageLinkFocused(t: Theme): string;
+    transparent(): string;
+    pageLinkHint(t: Theme): string;
+};

package/components/Paging/PagingDefaultComponent.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
-interface PagingDefaultComponentInterface {
-    /** Задает функцию, которая вызывается при клике на пейджинг. */
-    onClick: () => void;
-    /** @ignore */
-    children?: React.ReactNode;
-}
-export type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
-export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+interface PagingDefaultComponentInterface {
+    /** Задает функцию, которая вызывается при клике на пейджинг. */
+    onClick: () => void;
+    /** @ignore */
+    children?: React.ReactNode;
+}
+export type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
+export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => React.JSX.Element;
+export {};

package/components/Paging/PagingHelper/PagingHelper.js

@@ -1,15 +1,23 @@
-export function getItems(active, total) {
+var NEIGHBOR_ITEM_COUNT_DESKTOP = 2;
+var NEIGHBOR_ITEM_COUNT_MOBILE = 1;
+var EDGE_ITEM_COUNT_DESKTOP = 4;
+var EDGE_ITEM_COUNT_MOBILE = 2;
+export function getItems(active, total, isMobile) {
   var result = [];
-  var left = Math.max(Math.min(active - 2, total - 4), 1);
-  var right = Math.min(Math.max(5, active + 2), total);
-  var hasLeftDots = left > 3;
-  var from = hasLeftDots ? left : 1;
-  var hasRightDots = right < total - 2;
-  var to = hasRightDots ? right : total;
+  var neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;
+  var edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;
+
+  // Group refers to a sequence of items in a row without dots
+  var groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);
+  var groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);
+  var hasLeftDots = groupLeftmost > 3;
+  var hasRightDots = groupRightmost < total - 2;
+  var groupStart = hasLeftDots ? groupLeftmost : 1;
+  var groupEnd = hasRightDots ? groupRightmost : total;
   if (hasLeftDots) {
     result.push(1, '.');
   }
-  for (var i = from; i <= to; ++i) {
+  for (var i = groupStart; i <= groupEnd; ++i) {
     result.push(i);
   }
   if (hasRightDots) {

package/components/Paging/PagingHelper/PagingHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nexport function getItems(active: number, total: number): ItemType[] {\n  const result: ItemType[] = [];\n\n  const left = Math.max(Math.min(active - 2, total - 4), 1);\n  const right = Math.min(Math.max(5, active + 2), total);\n\n  const hasLeftDots = left > 3;\n  const from = hasLeftDots ? left : 1;\n\n  const hasRightDots = right < total - 2;\n  const to = hasRightDots ? right : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n\n  for (let i = from; i <= to; ++i) {\n    result.push(i);\n  }\n\n  if (hasRightDots) {\n    result.push('.');\n  }\n\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEA,OAAO,SAASA,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAc;EAClE,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACN,MAAM,GAAG,CAAC,EAAEC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EACzD,IAAMM,KAAK,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAC;;EAEtD,IAAMO,WAAW,GAAGL,IAAI,GAAG,CAAC;EAC5B,IAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAI,GAAG,CAAC;;EAEnC,IAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAAC;EACtC,IAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAK,GAAGN,KAAK;;EAEvC,IAAIO,WAAW,EAAE;IACfN,MAAM,CAACU,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;;EAEA,KAAK,IAAIC,CAAC,GAAGJ,IAAI,EAAEI,CAAC,IAAIF,EAAE,EAAE,EAAEE,CAAC,EAAE;IAC/BX,MAAM,CAACU,IAAI,CAACC,CAAC,CAAC;EAChB;;EAEA,IAAIH,YAAY,EAAE;IAChBR,MAAM,CAACU,IAAI,CAAC,GAAG,CAAC;EAClB;;EAEA,IAAIF,YAAY,IAAII,QAAQ,CAACb,KAAK,CAAC,EAAE;IACnCC,MAAM,CAACU,IAAI,CAACX,KAAK,CAAC;EACpB;;EAEA,OAAOC,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["NEIGHBOR_ITEM_COUNT_DESKTOP","NEIGHBOR_ITEM_COUNT_MOBILE","EDGE_ITEM_COUNT_DESKTOP","EDGE_ITEM_COUNT_MOBILE","getItems","active","total","isMobile","result","neighborItemCount","edgeItemCount","groupLeftmost","Math","max","min","groupRightmost","hasLeftDots","hasRightDots","groupStart","groupEnd","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nconst NEIGHBOR_ITEM_COUNT_DESKTOP = 2;\nconst NEIGHBOR_ITEM_COUNT_MOBILE = 1;\n\nconst EDGE_ITEM_COUNT_DESKTOP = 4;\nconst EDGE_ITEM_COUNT_MOBILE = 2;\n\nexport function getItems(active: number, total: number, isMobile: boolean): ItemType[] {\n  const result: ItemType[] = [];\n\n  const neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;\n  const edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;\n\n  // Group refers to a sequence of items in a row without dots\n  const groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);\n  const groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);\n\n  const hasLeftDots = groupLeftmost > 3;\n  const hasRightDots = groupRightmost < total - 2;\n\n  const groupStart = hasLeftDots ? groupLeftmost : 1;\n  const groupEnd = hasRightDots ? groupRightmost : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n  for (let i = groupStart; i <= groupEnd; ++i) {\n    result.push(i);\n  }\n  if (hasRightDots) {\n    result.push('.');\n  }\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEA,IAAMA,2BAA2B,GAAG,CAAC;AACrC,IAAMC,0BAA0B,GAAG,CAAC;;AAEpC,IAAMC,uBAAuB,GAAG,CAAC;AACjC,IAAMC,sBAAsB,GAAG,CAAC;;AAEhC,OAAO,SAASC,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAEC,QAAiB,EAAc;EACrF,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,iBAAiB,GAAGF,QAAQ,GAAGN,0BAA0B,GAAGD,2BAA2B;EAC7F,IAAMU,aAAa,GAAGH,QAAQ,GAAGJ,sBAAsB,GAAGD,uBAAuB;;EAEjF;EACA,IAAMS,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACT,MAAM,GAAGI,iBAAiB,EAAEH,KAAK,GAAGI,aAAa,CAAC,EAAE,CAAC,CAAC;EAC9F,IAAMK,cAAc,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,aAAa,EAAEL,MAAM,GAAGI,iBAAiB,CAAC,EAAEH,KAAK,CAAC;;EAE/F,IAAMU,WAAW,GAAGL,aAAa,GAAG,CAAC;EACrC,IAAMM,YAAY,GAAGF,cAAc,GAAGT,KAAK,GAAG,CAAC;;EAE/C,IAAMY,UAAU,GAAGF,WAAW,GAAGL,aAAa,GAAG,CAAC;EAClD,IAAMQ,QAAQ,GAAGF,YAAY,GAAGF,cAAc,GAAGT,KAAK;;EAEtD,IAAIU,WAAW,EAAE;IACfR,MAAM,CAACY,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;EACA,KAAK,IAAIC,CAAC,GAAGH,UAAU,EAAEG,CAAC,IAAIF,QAAQ,EAAE,EAAEE,CAAC,EAAE;IAC3Cb,MAAM,CAACY,IAAI,CAACC,CAAC,CAAC;EAChB;EACA,IAAIJ,YAAY,EAAE;IAChBT,MAAM,CAACY,IAAI,CAAC,GAAG,CAAC;EAClB;EACA,IAAIH,YAAY,IAAIK,QAAQ,CAAChB,KAAK,CAAC,EAAE;IACnCE,MAAM,CAACY,IAAI,CAACd,KAAK,CAAC;EACpB;;EAEA,OAAOE,MAAM;AACf","ignoreList":[]}

package/components/Paging/PagingHelper.d.ts

@@ -1,2 +1,2 @@
-import type { ItemType } from './Paging';
-export declare function getItems(active: number, total: number): ItemType[];
+import type { ItemType } from './Paging';
+export declare function getItems(active: number, total: number, isMobile: boolean): ItemType[];

package/components/Paging/index.d.ts

@@ -1 +1 @@
-export * from './Paging';
+export * from './Paging';

package/components/Paging/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import type { PagingLocale } from './types';
-export * from './types';
-export declare const PagingLocaleHelper: LocaleHelper<PagingLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { PagingLocale } from './types';
+export * from './types';
+export declare const PagingLocaleHelper: LocaleHelper<PagingLocale>;

package/components/Paging/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { PagingLocale } from '../types';
-export declare const componentsLocales: PagingLocale;
+import type { PagingLocale } from '../types';
+export declare const componentsLocales: PagingLocale;

package/components/Paging/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { PagingLocale } from '../types';
-export declare const componentsLocales: PagingLocale;
+import type { PagingLocale } from '../types';
+export declare const componentsLocales: PagingLocale;

package/components/Paging/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface PagingLocale {
-    forward: string;
-}
+export interface PagingLocale {
+    forward: string;
+}

package/components/PasswordInput/ClosedIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/PasswordInput/OpenedIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;