@alfalab/core-components-pagination 2.0.11 → 2.0.13

package/Component.js

@@ -7,6 +7,7 @@ var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
 var components_defaultView_index = require('./components/default-view/index.js');
 var components_perPageView_index = require('./components/per-page-view/index.js');
 var components_tag_index = require('./components/tag/index.js');
+require('tslib');
 require('@alfalab/core-components-tag');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pagination__component_12sxs","defaultView":"pagination__defaultView_12sxs"};
+var styles = {"component":"pagination__component_tewe6","defaultView":"pagination__defaultView_tewe6"};
 require('./index.css')
 
 var Pagination = function (_a) {

package/components/default-view/index.css

@@ -1,4 +1,4 @@
-/* hash: 11m0k */
+/* hash: z9epd */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_1275i {
+} .pagination__dots_194sn {
     width: 32px;
     height: 32px;
     text-align: center;

package/components/default-view/index.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var components_tag_index = require('../tag/index.js');
+require('tslib');
 require('classnames');
 require('@alfalab/core-components-tag');
 
@@ -9,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"dots":"pagination__dots_1275i"};
+var styles = {"dots":"pagination__dots_194sn"};
 require('./index.css')
 
 /* eslint-disable react/no-array-index-key */

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

@@ -1,4 +1,4 @@
-/* hash: tj0u3 */
+/* hash: vvmp4 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_1p5g5 {
+} .pagination__component_1w33a {
     display: block;
     margin: 0 var(--gap-m);
 }

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

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"pagination__component_1p5g5"};
+var styles = {"component":"pagination__component_1w33a"};
 require('./index.css')
 
 var PerPageView = function (_a) {

package/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rclm */
+/* hash: 1jq28 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dbdee1;
@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_f6hnz.pagination__tag_f6hnz {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_f6hnz.pagination__tag_f6hnz:disabled:not(.pagination__checked_f6hnz) {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7:disabled:not(.pagination__checked_1s8r7) {
         opacity: 0.3;
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/components/tag/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('@alfalab/core-components-tag');
@@ -9,52 +10,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"tag":"pagination__tag_f6hnz","checked":"pagination__checked_f6hnz"};
+var styles = {"tag":"pagination__tag_1s8r7","checked":"pagination__checked_1s8r7"};
 require('./index.css')
 
 var Tag = function (_a) {
     var _b;
-    var className = _a.className, checked = _a.checked, restProps = __rest(_a, ["className", "checked"]);
-    return (React__default.default.createElement(coreComponentsTag.Tag, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
+    var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
+    return (React__default.default.createElement(coreComponentsTag.Tag, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles.tag, (_b = {}, _b[styles.checked] = checked, _b)) })));
 };
 
 exports.Tag = Tag;

package/cssm/Component.js

@@ -10,6 +10,7 @@ var components_tag_index = require('./components/tag/index.js');
 var styles = require('./index.module.css');
 require('./components/default-view/index.module.css');
 require('./components/per-page-view/index.module.css');
+require('tslib');
 require('@alfalab/core-components-tag/cssm');
 require('./components/tag/index.module.css');
 

package/cssm/components/default-view/index.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var components_tag_index = require('../tag/index.js');
 var styles = require('./index.module.css');
+require('tslib');
 require('classnames');
 require('@alfalab/core-components-tag/cssm');
 require('../tag/index.module.css');

package/cssm/components/tag/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTag = require('@alfalab/core-components-tag/cssm');
@@ -11,49 +12,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var Tag = function (_a) {
     var _b;
-    var className = _a.className, checked = _a.checked, restProps = __rest(_a, ["className", "checked"]);
-    return (React__default.default.createElement(coreComponentsTag.Tag, __assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles__default.default.tag, (_b = {}, _b[styles__default.default.checked] = checked, _b)) })));
+    var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
+    return (React__default.default.createElement(coreComponentsTag.Tag, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, styles__default.default.tag, (_b = {}, _b[styles__default.default.checked] = checked, _b)) })));
 };
 
 exports.Tag = Tag;

package/cssm/index.js

@@ -7,6 +7,7 @@ require('@alfalab/icons-glyph/ChevronBackMIcon');
 require('@alfalab/icons-glyph/ChevronForwardMIcon');
 require('./components/default-view/index.js');
 require('./components/tag/index.js');
+require('tslib');
 require('@alfalab/core-components-tag/cssm');
 require('./components/tag/index.module.css');
 require('./components/default-view/index.module.css');

package/esm/Component.js

@@ -5,9 +5,10 @@ import { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';
 import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 import { Tag } from './components/tag/index.js';
+import 'tslib';
 import '@alfalab/core-components-tag/esm';
 
-var styles = {"component":"pagination__component_12sxs","defaultView":"pagination__defaultView_12sxs"};
+var styles = {"component":"pagination__component_tewe6","defaultView":"pagination__defaultView_tewe6"};
 require('./index.css')
 
 var Pagination = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 11m0k */
+/* hash: z9epd */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_1275i {
+} .pagination__dots_194sn {
     width: 32px;
     height: 32px;
     text-align: center;

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

@@ -1,9 +1,10 @@
 import React, { useCallback } from 'react';
 import { Tag } from '../tag/index.js';
+import 'tslib';
 import 'classnames';
 import '@alfalab/core-components-tag/esm';
 
-var styles = {"dots":"pagination__dots_1275i"};
+var styles = {"dots":"pagination__dots_194sn"};
 require('./index.css')
 
 /* eslint-disable react/no-array-index-key */

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

@@ -1,4 +1,4 @@
-/* hash: tj0u3 */
+/* hash: vvmp4 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_1p5g5 {
+} .pagination__component_1w33a {
     display: block;
     margin: 0 var(--gap-m);
 }

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

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"component":"pagination__component_1p5g5"};
+var styles = {"component":"pagination__component_1w33a"};
 require('./index.css')
 
 var PerPageView = function (_a) {

package/esm/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rclm */
+/* hash: 1jq28 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dbdee1;
@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_f6hnz.pagination__tag_f6hnz {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_f6hnz.pagination__tag_f6hnz:disabled:not(.pagination__checked_f6hnz) {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7:disabled:not(.pagination__checked_1s8r7) {
         opacity: 0.3;
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/esm/components/tag/index.js

@@ -1,47 +1,9 @@
+import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '@alfalab/core-components-tag/esm';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var styles = {"tag":"pagination__tag_f6hnz","checked":"pagination__checked_f6hnz"};
+var styles = {"tag":"pagination__tag_1s8r7","checked":"pagination__checked_1s8r7"};
 require('./index.css')
 
 var Tag = function (_a) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cepi */
+/* hash: 1xu0r */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_12sxs {
+} .pagination__component_tewe6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_12sxs > * {
+} .pagination__defaultView_tewe6 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_12sxs > *:last-child {
+    } .pagination__defaultView_tewe6 > *:last-child {
             margin-right: 0;
         }

package/esm/index.js

@@ -5,5 +5,6 @@ import '@alfalab/icons-glyph/ChevronBackMIcon';
 import '@alfalab/icons-glyph/ChevronForwardMIcon';
 import './components/default-view/index.js';
 import './components/tag/index.js';
+import 'tslib';
 import '@alfalab/core-components-tag/esm';
 import './components/per-page-view/index.js';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cepi */
+/* hash: 1xu0r */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_12sxs {
+} .pagination__component_tewe6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_12sxs > * {
+} .pagination__defaultView_tewe6 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_12sxs > *:last-child {
+    } .pagination__defaultView_tewe6 > *:last-child {
             margin-right: 0;
         }

package/index.js

@@ -7,6 +7,7 @@ require('@alfalab/icons-glyph/ChevronBackMIcon');
 require('@alfalab/icons-glyph/ChevronForwardMIcon');
 require('./components/default-view/index.js');
 require('./components/tag/index.js');
+require('tslib');
 require('@alfalab/core-components-tag');
 require('./components/per-page-view/index.js');
 

package/modern/Component.js

@@ -7,7 +7,7 @@ import { PerPageView } from './components/per-page-view/index.js';
 import { Tag } from './components/tag/index.js';
 import '@alfalab/core-components-tag/modern';
 
-const styles = {"component":"pagination__component_12sxs","defaultView":"pagination__defaultView_12sxs"};
+const styles = {"component":"pagination__component_tewe6","defaultView":"pagination__defaultView_tewe6"};
 require('./index.css')
 
 const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 11m0k */
+/* hash: z9epd */
 :root {
 } /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_1275i {
+} .pagination__dots_194sn {
     width: 32px;
     height: 32px;
     text-align: center;

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

@@ -3,7 +3,7 @@ import { Tag } from '../tag/index.js';
 import 'classnames';
 import '@alfalab/core-components-tag/modern';
 
-const styles = {"dots":"pagination__dots_1275i"};
+const styles = {"dots":"pagination__dots_194sn"};
 require('./index.css')
 
 /* eslint-disable react/no-array-index-key */

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

@@ -1,4 +1,4 @@
-/* hash: tj0u3 */
+/* hash: vvmp4 */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_1p5g5 {
+} .pagination__component_1w33a {
     display: block;
     margin: 0 var(--gap-m);
 }

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

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const styles = {"component":"pagination__component_1p5g5"};
+const styles = {"component":"pagination__component_1w33a"};
 require('./index.css')
 
 const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },

package/modern/components/tag/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rclm */
+/* hash: 1jq28 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-quaternary: #dbdee1;
@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_f6hnz.pagination__tag_f6hnz {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7 {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -31,19 +31,19 @@
     width: 32px;
     height: 32px;
     padding: 0
-} .pagination__tag_f6hnz.pagination__tag_f6hnz:disabled:not(.pagination__checked_f6hnz) {
+} .pagination__tag_1s8r7.pagination__tag_1s8r7:disabled:not(.pagination__checked_1s8r7) {
         opacity: 0.3;
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7 {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:hover:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_f6hnz.pagination__tag_f6hnz.pagination__checked_f6hnz:active:not(:disabled) {
+    } .pagination__tag_1s8r7.pagination__tag_1s8r7.pagination__checked_1s8r7:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/modern/components/tag/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '@alfalab/core-components-tag/modern';
 
-const styles = {"tag":"pagination__tag_f6hnz","checked":"pagination__checked_f6hnz"};
+const styles = {"tag":"pagination__tag_1s8r7","checked":"pagination__checked_1s8r7"};
 require('./index.css')
 
 const Tag = ({ className, checked, ...restProps }) => (React.createElement(Tag$1, { ...restProps, checked: checked, size: 'xxs', className: cn(className, styles.tag, { [styles.checked]: checked }) }));

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cepi */
+/* hash: 1xu0r */
 :root {
 } /* deprecated */ :root {
     --color-light-text-primary: #0b1f35;
@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_12sxs {
+} .pagination__component_tewe6 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -26,8 +26,8 @@
     color: var(--color-light-text-primary);
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
-} .pagination__defaultView_12sxs > * {
+} .pagination__defaultView_tewe6 > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_12sxs > *:last-child {
+    } .pagination__defaultView_tewe6 > *:last-child {
             margin-right: 0;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pagination",
-    "version": "2.0.11",
+    "version": "2.0.13",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,8 +15,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^7.0.5",
-        "@alfalab/core-components-tag": "^5.0.4",
-        "classnames": "^2.3.1"
+        "@alfalab/core-components-button": "^7.1.1",
+        "@alfalab/core-components-tag": "^5.1.0",
+        "classnames": "^2.3.1",
+        "tslib": "^2.4.0"
     }
 }