@alfalab/core-components-pagination 3.0.0 → 3.1.0-snapshot-92b8690

package/components/default-view/index.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-} .pagination__dots_jm1g0 {
+} .pagination__dots_m059e {
     width: 32px;
     height: 32px;
     text-align: center;

package/components/default-view/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"dots":"pagination__dots_jm1g0"};
+var styles = {"dots":"pagination__dots_m059e"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/components/per-page-view/index.css

@@ -2,7 +2,7 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .pagination__component_1p39b {
+} .pagination__component_yioja {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/components/per-page-view/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"pagination__component_1p39b"};
+var styles = {"component":"pagination__component_yioja"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/components/tag/index.css

@@ -8,7 +8,7 @@
 } :root {
     --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} button.pagination__tag_1jc03.pagination__tag_1jc03 {
+} button.pagination__tag_1ewae.pagination__tag_1ewae {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -16,21 +16,21 @@
     min-height: auto;
     min-width: 32px;
     height: 32px
-} button.pagination__tag_1jc03.pagination__tag_1jc03:not(.pagination__arrow_1jc03) {
+} button.pagination__tag_1ewae.pagination__tag_1ewae:not(.pagination__arrow_1ewae) {
         padding: 0 6px;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:disabled:not(.pagination__checked_1jc03) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:disabled:not(.pagination__checked_1ewae) {
         opacity: 0.3;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03 {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/components/tag/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tag":"pagination__tag_1jc03","arrow":"pagination__arrow_1jc03","checked":"pagination__checked_1jc03"};
+var styles = {"tag":"pagination__tag_1ewae","arrow":"pagination__arrow_1ewae","checked":"pagination__checked_1ewae"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/dynamic-mixins/Component.d.ts

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+export declare type PaginationProps = {
+    /**
+     * Текущая страница (с нуля)
+     */
+    currentPageIndex: number;
+    /**
+     * Количество страниц
+     */
+    pagesCount: number;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Скрывает стрелки, если выбрана первая или последняя страница
+     */
+    hideArrows?: boolean;
+    /**
+     * Количество видимых страниц по бокам
+     */
+    sidePadding?: number;
+    /**
+     * Количество видимых страниц вокруг выбранной
+     */
+    activePadding?: number;
+    /**
+     * Режим пагинации
+     */
+    view?: 'default' | 'per-page';
+    /**
+     * Обработчик переключения страницы
+     */
+    onPageChange?: (pageIndex: number) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+export declare const Pagination: FC<PaginationProps>;

package/dynamic-mixins/Component.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var ChevronBackMIcon = require('@alfalab/icons-glyph/ChevronBackMIcon');
+var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
+var index$1 = require('./components/default-view/index.js');
+var index$2 = require('./components/per-page-view/index.js');
+var index = require('./components/tag/index.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Pagination = function (_a) {
+    var _b = _a.currentPageIndex, currentPageIndex = _b === void 0 ? 0 : _b, pagesCount = _a.pagesCount, className = _a.className, _c = _a.sidePadding, sidePadding = _c === void 0 ? 1 : _c, _d = _a.activePadding, activePadding = _d === void 0 ? 2 : _d, _e = _a.hideArrows, hideArrows = _e === void 0 ? true : _e, _f = _a.view, view = _f === void 0 ? 'default' : _f, _g = _a.onPageChange, onPageChange = _g === void 0 ? function () { return null; } : _g, dataTestId = _a.dataTestId;
+    var handlePageClick = function (pageIndex) {
+        onPageChange(pageIndex);
+    };
+    var handleNextPageClick = function () {
+        handlePageClick(Math.min(pagesCount - 1, currentPageIndex + 1));
+    };
+    var handlePrevPageClick = function () {
+        handlePageClick(Math.max(0, currentPageIndex - 1));
+    };
+    var shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
+    var shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
+    var viewClassName = view === 'default' ? 'defaultView' : view;
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, index_module[viewClassName]), "data-test-id": dataTestId },
+        shouldRenderPrevArrow && (React__default.default.createElement(index.Tag, { className: index_module.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default.default.createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
+        view === 'default' && (React__default.default.createElement(index$1.DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
+        view === 'per-page' && (React__default.default.createElement(index$2.PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),
+        shouldRenderNextArrow && (React__default.default.createElement(index.Tag, { className: index_module.arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React__default.default.createElement(ChevronForwardMIcon.ChevronForwardMIcon, { width: 16, height: 16 }) }))));
+};
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';\nimport { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';\n\nimport { DefaultView } from './components/default-view';\nimport { PerPageView } from './components/per-page-view';\nimport { Tag } from './components/tag';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = {\n    /**\n     * Текущая страница (с нуля)\n     */\n    currentPageIndex: number;\n\n    /**\n     * Количество страниц\n     */\n    pagesCount: number;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Скрывает стрелки, если выбрана первая или последняя страница\n     */\n    hideArrows?: boolean;\n\n    /**\n     * Количество видимых страниц по бокам\n     */\n    sidePadding?: number;\n\n    /**\n     * Количество видимых страниц вокруг выбранной\n     */\n    activePadding?: number;\n\n    /**\n     * Режим пагинации\n     */\n    view?: 'default' | 'per-page';\n\n    /**\n     * Обработчик переключения страницы\n     */\n    onPageChange?: (pageIndex: number) => void;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n    currentPageIndex = 0,\n    pagesCount,\n    className,\n    sidePadding = 1,\n    activePadding = 2,\n    hideArrows = true,\n    view = 'default',\n    onPageChange = () => null,\n    dataTestId,\n}) => {\n    const handlePageClick = (pageIndex: number) => {\n        onPageChange(pageIndex);\n    };\n\n    const handleNextPageClick = () => {\n        handlePageClick(Math.min(pagesCount - 1, currentPageIndex + 1));\n    };\n\n    const handlePrevPageClick = () => {\n        handlePageClick(Math.max(0, currentPageIndex - 1));\n    };\n\n    const shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;\n    const shouldRenderNextArrow =\n        view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;\n\n    const viewClassName = view === 'default' ? 'defaultView' : view;\n\n    return (\n        <div\n            className={cn(styles.component, className, styles[viewClassName])}\n            data-test-id={dataTestId}\n        >\n            {shouldRenderPrevArrow && (\n                <Tag\n                    className={styles.arrow}\n                    disabled={currentPageIndex <= 0}\n                    onClick={handlePrevPageClick}\n                    rightAddons={<ChevronBackMIcon width={16} height={16} />}\n                />\n            )}\n\n            {view === 'default' && (\n                <DefaultView\n                    activePadding={activePadding}\n                    sidePadding={sidePadding}\n                    currentPageIndex={currentPageIndex}\n                    pagesCount={pagesCount}\n                    onPageChange={handlePageClick}\n                />\n            )}\n\n            {view === 'per-page' && (\n                <PerPageView currentPageIndex={currentPageIndex} pagesCount={pagesCount} />\n            )}\n\n            {shouldRenderNextArrow && (\n                <Tag\n                    className={styles.arrow}\n                    disabled={currentPageIndex >= pagesCount - 1}\n                    onClick={handleNextPageClick}\n                    rightAddons={<ChevronForwardMIcon width={16} height={16} />}\n                />\n            )}\n        </div>\n    );\n};\n"],"names":["React","cn","styles","Tag","ChevronBackMIcon","DefaultView","PerPageView","ChevronForwardMIcon"],"mappings":"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"}

package/dynamic-mixins/components/default-view/index.css

@@ -0,0 +1,12 @@
+:root {
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+} .pagination__dots_m059e {
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--color-light-text-secondary);
+    cursor: default;
+}

package/dynamic-mixins/components/default-view/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PaginationProps } from '../../Component';
+declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
+export declare const DefaultView: FC<DefaultViewProps>;
+export {};

package/dynamic-mixins/components/default-view/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../tag/index.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/* eslint-disable react/no-array-index-key */
+var DefaultView = function (_a) {
+    var _b = _a.sidePadding, sidePadding = _b === void 0 ? 2 : _b, _c = _a.activePadding, activePadding = _c === void 0 ? 1 : _c, pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex, _d = _a.onPageChange, onPageChange = _d === void 0 ? function () { return null; } : _d;
+    var maxHalfCount = sidePadding + activePadding + 1;
+    var maxElementsCount = maxHalfCount * 2 + 1;
+    var itemsFit = pagesCount <= maxElementsCount;
+    var elementsCount = itemsFit ? pagesCount : maxElementsCount;
+    var getPageIndex = React.useCallback(function (elementIndex) {
+        var lastIndex = pagesCount - 1;
+        var reverseIndex = lastIndex - currentPageIndex;
+        var lastElementIndex = elementsCount - 1;
+        var reverseElementIndex = lastElementIndex - elementIndex;
+        var hasCollapsedItems = function (index) { return !itemsFit && index >= maxHalfCount; };
+        if (elementIndex < sidePadding) {
+            return elementIndex;
+        }
+        if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {
+            return null;
+        }
+        if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {
+            return null;
+        }
+        if (reverseElementIndex < sidePadding) {
+            return lastIndex - reverseElementIndex;
+        }
+        var computedIndex = currentPageIndex - maxHalfCount + elementIndex;
+        return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
+    }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    var getPageString = function (page) { return page.toLocaleString('ru-RU'); };
+    return (React__default.default.createElement(React__default.default.Fragment, null, Array(elementsCount)
+        .fill('')
+        .map(function (_, i) {
+        var pageIndex = getPageIndex(i);
+        if (pageIndex === null) {
+            return (React__default.default.createElement("div", { key: i.toString(), className: index_module.dots }, "..."));
+        }
+        var active = currentPageIndex === pageIndex;
+        return (React__default.default.createElement(index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, getPageString(pageIndex + 1)));
+    })));
+};
+
+exports.DefaultView = DefaultView;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/default-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { FC, useCallback } from 'react';\n\nimport { PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n    PaginationProps,\n    'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n    sidePadding = 2,\n    activePadding = 1,\n    pagesCount,\n    currentPageIndex,\n    onPageChange = () => null,\n}) => {\n    const maxHalfCount = sidePadding + activePadding + 1;\n    const maxElementsCount = maxHalfCount * 2 + 1;\n    const itemsFit = pagesCount <= maxElementsCount;\n    const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n    const getPageIndex = useCallback(\n        (elementIndex: number) => {\n            const lastIndex = pagesCount - 1;\n            const reverseIndex = lastIndex - currentPageIndex;\n            const lastElementIndex = elementsCount - 1;\n            const reverseElementIndex = lastElementIndex - elementIndex;\n\n            const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n            if (elementIndex < sidePadding) {\n                return elementIndex;\n            }\n\n            if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n                return null;\n            }\n\n            if (reverseElementIndex < sidePadding) {\n                return lastIndex - reverseElementIndex;\n            }\n\n            const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n            return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n        },\n        [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n    );\n\n    const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n    return (\n        <React.Fragment>\n            {Array(elementsCount)\n                .fill('')\n                .map((_, i) => {\n                    const pageIndex = getPageIndex(i);\n\n                    if (pageIndex === null) {\n                        return (\n                            <div key={i.toString()} className={styles.dots}>\n                                ...\n                            </div>\n                        );\n                    }\n\n                    const active = currentPageIndex === pageIndex;\n\n                    return (\n                        <Tag\n                            key={i.toString()}\n                            checked={active}\n                            disabled={active}\n                            onClick={() => onPageChange(pageIndex)}\n                        >\n                            {getPageString(pageIndex + 1)}\n                        </Tag>\n                    );\n                })}\n        </React.Fragment>\n    );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}

package/dynamic-mixins/components/default-view/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"dots":"pagination__dots_m059e"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/default-view/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/dynamic-mixins/components/per-page-view/index.css

@@ -0,0 +1,8 @@
+:root {
+    --gap-m: 16px;
+    --gap-0: 0px;
+    --gap-16: var(--gap-m);
+} .pagination__component_yioja {
+    display: block;
+    margin: var(--gap-0) var(--gap-16);
+}

package/dynamic-mixins/components/per-page-view/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PaginationProps } from '../../Component';
+declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
+export declare const PerPageView: FC<PerPageViewProps>;
+export {};

package/dynamic-mixins/components/per-page-view/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PerPageView = function (_a) {
+    var pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex;
+    return (React__default.default.createElement("span", { className: index_module.component },
+        currentPageIndex + 1,
+        " \u0438\u0437 ",
+        pagesCount,
+        " \u0441\u0442\u0440\u0430\u043D\u0438\u0446"));
+};
+
+exports.PerPageView = PerPageView;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/per-page-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/per-page-view/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { PaginationProps } from '../../Component';\n\nimport styles from './index.module.css';\n\ntype PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;\n\nexport const PerPageView: FC<PerPageViewProps> = ({ pagesCount, currentPageIndex }) => (\n    <span className={styles.component}>\n        {currentPageIndex + 1} из {pagesCount} страниц\n    </span>\n);\n"],"names":["React","styles"],"mappings":";;;;;;;;;;;AAQO,IAAM,WAAW,GAAyB,UAAC,EAAgC,EAAA;QAA9B,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA;AAAO,IAAA,QACnFA,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,SAAS,EAAA;AAC5B,QAAA,gBAAgB,GAAG,CAAC;;QAAM,UAAU;sDAClC;AAH4E;;;;"}

package/dynamic-mixins/components/per-page-view/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"pagination__component_yioja"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/per-page-view/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/dynamic-mixins/components/tag/index.css

@@ -0,0 +1,36 @@
+:root {
+    --color-light-accent-secondary: #212124;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
+    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
+    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
+} :root {
+    --border-radius-m: 8px;
+    --border-radius-8: var(--border-radius-m);
+} button.pagination__tag_1ewae.pagination__tag_1ewae {
+    color: var(--color-light-text-secondary);
+    border-radius: var(--border-radius-8);
+    border: none;
+    flex-shrink: 0;
+    min-height: auto;
+    min-width: 32px;
+    height: 32px
+} button.pagination__tag_1ewae.pagination__tag_1ewae:not(.pagination__arrow_1ewae) {
+        padding: 0 6px;
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:disabled:not(.pagination__checked_1ewae) {
+        opacity: 0.3;
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:hover:not(:disabled) {
+        background-color: var(--color-light-transparent-default-hover);
+        color: var(--color-light-text-primary);
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:active:not(:disabled) {
+        background-color: var(--color-light-transparent-default-press);
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae {
+        cursor: default;
+        background-color: var(--color-light-accent-secondary);
+        color: var(--color-light-text-primary-inverted);
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:hover:not(:disabled) {
+        color: var(--color-light-text-primary-inverted);
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:active:not(:disabled) {
+        color: var(--color-light-text-primary);
+    }

package/dynamic-mixins/components/tag/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TagDesktopProps as TagProps } from '@alfalab/core-components-tag/desktop';
+export declare const Tag: FC<TagProps>;

package/dynamic-mixins/components/tag/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var desktop = require('@alfalab/core-components-tag/dynamic-mixins/desktop');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Tag = function (_a) {
+    var _b;
+    var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
+    return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, index_module.tag, (_b = {},
+            _b[index_module.checked] = checked,
+            _b[index_module.arrow] = className,
+            _b)) })));
+};
+
+exports.Tag = Tag;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/tag/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport {\n    TagDesktop as CoreTag,\n    TagDesktopProps as TagProps,\n} from '@alfalab/core-components-tag/desktop';\n\nimport styles from './index.module.css';\n\nexport const Tag: FC<TagProps> = ({ className, checked, ...restProps }) => (\n    <CoreTag\n        {...restProps}\n        checked={checked}\n        size='xxs'\n        className={cn(className, styles.tag, {\n            [styles.checked]: checked,\n            [styles.arrow]: className,\n        })}\n    />\n);\n"],"names":["__rest","React","CoreTag","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,GAAG,GAAiB,UAAC,EAAoC,EAAA;;IAAlC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,SAAS,GAAlCA,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,SAAA,CAAoC,CAAF;IAAO,QACvEC,qCAACC,kBAAO,EAAAC,cAAA,CAAA,EAAA,EACA,SAAS,EACb,EAAA,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,YAAM,CAAC,GAAG,GAAA,EAAA,GAAA,EAAA;AAC/B,YAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,OAAO;AACzB,YAAA,EAAA,CAACA,YAAM,CAAC,KAAK,CAAA,GAAG,SAAS;AAC3B,YAAA,EAAA,EAAA,EAAA,CAAA,CACJ;;;;;"}

package/dynamic-mixins/components/tag/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"tag":"pagination__tag_1ewae","arrow":"pagination__arrow_1ewae","checked":"pagination__checked_1ewae"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/tag/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/dynamic-mixins/index.css

@@ -0,0 +1,21 @@
+:root {
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} :root {
+    --gap-xs: 8px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+} button.pagination__arrow_v55q4.pagination__arrow_v55q4 {
+    width: 32px;
+} .pagination__component_v55q4 {
+    @mixin paragraph_primary_small;
+
+    display: flex;
+    align-items: center;
+    color: var(--color-light-text-primary);
+    font-feature-settings: "tnum";
+    font-variant-numeric: tabular-nums;
+} .pagination__defaultView_v55q4 > * {
+        margin-right: var(--gap-8)
+    } .pagination__defaultView_v55q4 > *:last-child {
+            margin-right: var(--gap-0);
+        }

package/dynamic-mixins/index.d.ts

@@ -0,0 +1 @@
+export * from './Component';

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Pagination = Component.Pagination;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"arrow":"pagination__arrow_v55q4","component":"pagination__component_v55q4","defaultView":"pagination__defaultView_v55q4"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/esm/components/default-view/index.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-} .pagination__dots_jm1g0 {
+} .pagination__dots_m059e {
     width: 32px;
     height: 32px;
     text-align: center;

package/esm/components/default-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"dots":"pagination__dots_jm1g0"};
+var styles = {"dots":"pagination__dots_m059e"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/esm/components/per-page-view/index.css

@@ -2,7 +2,7 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .pagination__component_1p39b {
+} .pagination__component_yioja {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/esm/components/per-page-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pagination__component_1p39b"};
+var styles = {"component":"pagination__component_yioja"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/esm/components/tag/index.css

@@ -8,7 +8,7 @@
 } :root {
     --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} button.pagination__tag_1jc03.pagination__tag_1jc03 {
+} button.pagination__tag_1ewae.pagination__tag_1ewae {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -16,21 +16,21 @@
     min-height: auto;
     min-width: 32px;
     height: 32px
-} button.pagination__tag_1jc03.pagination__tag_1jc03:not(.pagination__arrow_1jc03) {
+} button.pagination__tag_1ewae.pagination__tag_1ewae:not(.pagination__arrow_1ewae) {
         padding: 0 6px;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:disabled:not(.pagination__checked_1jc03) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:disabled:not(.pagination__checked_1ewae) {
         opacity: 0.3;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03 {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/esm/components/tag/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"tag":"pagination__tag_1jc03","arrow":"pagination__arrow_1jc03","checked":"pagination__checked_1jc03"};
+var styles = {"tag":"pagination__tag_1ewae","arrow":"pagination__arrow_1ewae","checked":"pagination__checked_1ewae"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/esm/index.css

@@ -4,9 +4,9 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} button.pagination__arrow_13jfl.pagination__arrow_13jfl {
+} button.pagination__arrow_v55q4.pagination__arrow_v55q4 {
     width: 32px;
-} .pagination__component_13jfl {
+} .pagination__component_v55q4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -16,8 +16,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_13jfl > * {
+} .pagination__defaultView_v55q4 > * {
         margin-right: var(--gap-8)
-    } .pagination__defaultView_13jfl > *:last-child {
+    } .pagination__defaultView_v55q4 > *:last-child {
             margin-right: var(--gap-0);
         }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"arrow":"pagination__arrow_13jfl","component":"pagination__component_13jfl","defaultView":"pagination__defaultView_13jfl"};
+var styles = {"arrow":"pagination__arrow_v55q4","component":"pagination__component_v55q4","defaultView":"pagination__defaultView_v55q4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/index.css

@@ -4,9 +4,9 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} button.pagination__arrow_13jfl.pagination__arrow_13jfl {
+} button.pagination__arrow_v55q4.pagination__arrow_v55q4 {
     width: 32px;
-} .pagination__component_13jfl {
+} .pagination__component_v55q4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -16,8 +16,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_13jfl > * {
+} .pagination__defaultView_v55q4 > * {
         margin-right: var(--gap-8)
-    } .pagination__defaultView_13jfl > *:last-child {
+    } .pagination__defaultView_v55q4 > *:last-child {
             margin-right: var(--gap-0);
         }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"arrow":"pagination__arrow_13jfl","component":"pagination__component_13jfl","defaultView":"pagination__defaultView_13jfl"};
+var styles = {"arrow":"pagination__arrow_v55q4","component":"pagination__component_v55q4","defaultView":"pagination__defaultView_v55q4"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/modern/components/default-view/index.css

@@ -1,6 +1,6 @@
 :root {
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
-} .pagination__dots_jm1g0 {
+} .pagination__dots_m059e {
     width: 32px;
     height: 32px;
     text-align: center;

package/modern/components/default-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"dots":"pagination__dots_jm1g0"};
+const styles = {"dots":"pagination__dots_m059e"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/default-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.dots {\n    width: 32px;\n    height: 32px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-light-text-secondary);\n    cursor: default;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}

package/modern/components/per-page-view/index.css

@@ -2,7 +2,7 @@
     --gap-m: 16px;
     --gap-0: 0px;
     --gap-16: var(--gap-m);
-} .pagination__component_1p39b {
+} .pagination__component_yioja {
     display: block;
     margin: var(--gap-0) var(--gap-16);
 }

package/modern/components/per-page-view/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pagination__component_1p39b"};
+const styles = {"component":"pagination__component_yioja"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/per-page-view/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.component {\n    display: block;\n    margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}

package/modern/components/tag/index.css

@@ -8,7 +8,7 @@
 } :root {
     --border-radius-m: 8px;
     --border-radius-8: var(--border-radius-m);
-} button.pagination__tag_1jc03.pagination__tag_1jc03 {
+} button.pagination__tag_1ewae.pagination__tag_1ewae {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
     border: none;
@@ -16,21 +16,21 @@
     min-height: auto;
     min-width: 32px;
     height: 32px
-} button.pagination__tag_1jc03.pagination__tag_1jc03:not(.pagination__arrow_1jc03) {
+} button.pagination__tag_1ewae.pagination__tag_1ewae:not(.pagination__arrow_1ewae) {
         padding: 0 6px;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:disabled:not(.pagination__checked_1jc03) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:disabled:not(.pagination__checked_1ewae) {
         opacity: 0.3;
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03 {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:hover:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } button.pagination__tag_1jc03.pagination__tag_1jc03.pagination__checked_1jc03:active:not(:disabled) {
+    } button.pagination__tag_1ewae.pagination__tag_1ewae.pagination__checked_1ewae:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/modern/components/tag/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"tag":"pagination__tag_1jc03","arrow":"pagination__arrow_1jc03","checked":"pagination__checked_1jc03"};
+const styles = {"tag":"pagination__tag_1ewae","arrow":"pagination__arrow_1ewae","checked":"pagination__checked_1ewae"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/tag/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.tag.tag {\n    color: var(--color-light-text-secondary);\n    border-radius: var(--border-radius-8);\n    border: none;\n    flex-shrink: 0;\n    min-height: auto;\n    min-width: 32px;\n    height: 32px;\n\n    &:not(.arrow) {\n        padding: 0 6px;\n    }\n\n    &:disabled:not(.checked) {\n        opacity: 0.3;\n    }\n\n    &:hover:not(:disabled) {\n        background-color: var(--color-light-transparent-default-hover);\n        color: var(--color-light-text-primary);\n    }\n\n    &:active:not(:disabled) {\n        background-color: var(--color-light-transparent-default-press);\n    }\n\n    &.checked {\n        cursor: default;\n        background-color: var(--color-light-accent-secondary);\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:hover:not(:disabled) {\n        color: var(--color-light-text-primary-inverted);\n    }\n\n    &.checked:active:not(:disabled) {\n        color: var(--color-light-text-primary);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,yBAAyB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}

package/modern/index.css

@@ -4,9 +4,9 @@
     --gap-xs: 8px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
-} button.pagination__arrow_13jfl.pagination__arrow_13jfl {
+} button.pagination__arrow_v55q4.pagination__arrow_v55q4 {
     width: 32px;
-} .pagination__component_13jfl {
+} .pagination__component_v55q4 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -16,8 +16,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_13jfl > * {
+} .pagination__defaultView_v55q4 > * {
         margin-right: var(--gap-8)
-    } .pagination__defaultView_13jfl > *:last-child {
+    } .pagination__defaultView_v55q4 > *:last-child {
             margin-right: var(--gap-0);
         }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"arrow":"pagination__arrow_13jfl","component":"pagination__component_13jfl","defaultView":"pagination__defaultView_13jfl"};
+const styles = {"arrow":"pagination__arrow_v55q4","component":"pagination__component_v55q4","defaultView":"pagination__defaultView_v55q4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\nbutton.arrow.arrow {\n    width: 32px;\n}\n\n.component {\n    @mixin paragraph_primary_small;\n\n    display: flex;\n    align-items: center;\n    color: var(--color-light-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.defaultView {\n    & > * {\n        margin-right: var(--gap-8);\n\n        &:last-child {\n            margin-right: var(--gap-0);\n        }\n    }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,yBAAyB,CAAC,WAAW,CAAC,6BAA6B,CAAC,aAAa,CAAC,+BAA+B,CAAC;;;;"}

package/moderncssm/components/default-view/index.module.css

@@ -1,3 +1,5 @@
+
+
 .dots {
     width: 32px;
     height: 32px;

package/moderncssm/components/per-page-view/index.module.css

@@ -1,3 +1,5 @@
+
+
 .component {
     display: block;
     margin: var(--gap-0) var(--gap-16);

package/moderncssm/components/tag/index.module.css

@@ -1,3 +1,5 @@
+
+
 button.tag.tag {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-8);
@@ -7,34 +9,27 @@ button.tag.tag {
     min-width: 32px;
     height: 32px
 }
-
 button.tag.tag:not(.arrow) {
         padding: 0 6px;
     }
-
 button.tag.tag:disabled:not(.checked) {
         opacity: 0.3;
     }
-
 button.tag.tag:hover:not(:disabled) {
         background-color: var(--color-light-transparent-default-hover);
         color: var(--color-light-text-primary);
     }
-
 button.tag.tag:active:not(:disabled) {
         background-color: var(--color-light-transparent-default-press);
     }
-
 button.tag.tag.checked {
         cursor: default;
         background-color: var(--color-light-accent-secondary);
         color: var(--color-light-text-primary-inverted);
     }
-
 button.tag.tag.checked:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-
 button.tag.tag.checked:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/moderncssm/index.module.css

@@ -1,3 +1,5 @@
+
+
 button.arrow.arrow {
     width: 32px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pagination",
-    "version": "3.0.0",
+    "version": "3.1.0-snapshot-92b8690",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-tag": "^9.0.0",
+        "@alfalab/core-components-tag": "9.1.0-snapshot-92b8690",
         "@alfalab/icons-glyph": "^2.210.0",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.0.0",
-    "varsVersion": "10.0.0"
+    "themesVersion": "14.1.0-snapshot-92b8690",
+    "varsVersion": "10.1.0-snapshot-92b8690"
 }

package/src/components/default-view/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .dots {
     width: 32px;

package/src/components/per-page-view/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 .component {
     display: block;

package/src/components/tag/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 button.tag.tag {
     color: var(--color-light-text-secondary);

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';
 
 button.arrow.arrow {
     width: 32px;