@alfalab/core-components 39.2.1 → 39.3.0

package/number-input/esm/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useState } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../input/esm';
-import { SIGNS, createSeparatorsRegExp, SEPARATORS } from './utils.js';
+import { createSeparatorsRegExp, getAllowedValue, SEPARATORS, SIGNS } from './utils.js';
 
 var NumberInput = React.forwardRef(function (_a, ref) {
     var propValue = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _b = _a.allowSigns, allowSigns = _b === void 0 ? true : _b, _c = _a.separator, separator = _c === void 0 ? ',' : _c, fractionLength = _a.fractionLength, defaultValue = _a.defaultValue, restProps = __rest(_a, ["value", "onChange", "onBlur", "allowSigns", "separator", "fractionLength", "defaultValue"]);
@@ -17,59 +17,68 @@ var NumberInput = React.forwardRef(function (_a, ref) {
         }
         return parseFloat(valueString);
     };
-    var getNumberRegExp = function () {
-        var reStr = '[0-9]+';
-        if (fractionLength !== 0) {
-            reStr = "".concat(reStr, "[").concat(SEPARATORS.map(function (s) { return "\\".concat(s); }).join(''), "]?[0-9]{0,").concat(fractionLength || Number.MAX_SAFE_INTEGER, "}");
-        }
-        return new RegExp("^".concat(reStr, "$"));
-    };
     var restoreCaret = function (target) {
-        var input = target;
-        var positionCursor = input.selectionStart || 0;
-        var isEndPosition = input.value.length === positionCursor;
-        var enteredSign = SIGNS.some(function (s) { return s === input.value[positionCursor - 1]; });
-        var enteredSeparator = SEPARATORS.filter(function (s) { return s !== separator; }).some(function (s) { return s === input.value[positionCursor - 1]; });
-        var shouldRestore = enteredSeparator || enteredSign;
-        if (!isEndPosition && shouldRestore) {
-            setTimeout(function () {
+        setTimeout(function () {
+            var input = target;
+            var positionCursor = input.selectionStart || 0;
+            var isEndPosition = input.value.length === positionCursor;
+            var enteredSign = SIGNS.some(function (s) { return s === input.value[positionCursor - 1]; });
+            var enteredSeparator = SEPARATORS.filter(function (s) { return s !== separator; }).some(function (s) { return s === input.value[positionCursor - 1]; });
+            var shouldRestore = enteredSeparator || enteredSign;
+            if (!isEndPosition && shouldRestore) {
                 input.selectionStart = positionCursor;
                 input.selectionEnd = positionCursor;
-            });
-        }
+            }
+        });
     };
     var handleChange = function (event) {
         var input = event.target;
-        var numberRe = getNumberRegExp();
-        var testedValue = allowSigns && SIGNS.some(function (s) { return s === input.value[0]; })
-            ? input.value.slice(1)
-            : input.value;
-        if (testedValue === '' || numberRe.test(testedValue)) {
-            var newValue = input.value.replace(createSeparatorsRegExp(), separator);
-            if (onChange) {
-                onChange(event, {
-                    value: getNumberValueFromStr(newValue),
-                    valueString: newValue,
-                });
-            }
-            if (uncontrolled) {
-                setValue(newValue);
-            }
-            restoreCaret(input);
+        var newValue = input.value.replace(createSeparatorsRegExp(), separator);
+        var allowedValue = getAllowedValue({
+            value: newValue,
+            fractionLength: fractionLength,
+            allowSigns: allowSigns,
+            separator: separator,
+        });
+        if (onChange) {
+            onChange(event, {
+                value: getNumberValueFromStr(allowedValue),
+                valueString: allowedValue,
+            });
         }
+        if (uncontrolled) {
+            setValue(allowedValue);
+        }
+        restoreCaret(input);
     };
     var handleKeyDown = function (event) {
         var disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё ]/;
-        var oneKeyPress = !event.altKey && !event.metaKey && !event.ctrlKey && !event.shiftKey;
-        // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш
+        var oneKeyPress = !event.altKey && !event.metaKey && !event.ctrlKey;
+        // Запрещаем вводить неразрешенные символы за исключением комбинаций клавиш
         if (oneKeyPress && event.key.length === 1 && disallowedSymbols.test(event.key)) {
-            event.preventDefault();
+            return event.preventDefault();
         }
+        var val = event.target.value;
+        var hasSeparator = (val.match(createSeparatorsRegExp()) || []).length > 0;
         // Запрещаем вводить второй сепаратор
-        if (SEPARATORS.some(function (s) { return s === event.key; }) &&
-            (event.target.value.match(createSeparatorsRegExp()) || []).length) {
-            event.preventDefault();
+        if (hasSeparator && SEPARATORS.some(function (s) { return s === event.key; })) {
+            return event.preventDefault();
+        }
+        // Запрещаем вводить лишний знак
+        if ((!allowSigns || SIGNS.some(function (s) { return s === val[0]; })) &&
+            SIGNS.some(function (s) { return s === event.key; })) {
+            return event.preventDefault();
+        }
+        var selectionStart = event.target.selectionStart || 0;
+        // Запрещаем вводить цифры в дробную часть, если кол-во цифр больше fractionLength
+        if (hasSeparator &&
+            fractionLength &&
+            event.key.length === 1 &&
+            selectionStart > val.indexOf(separator) &&
+            val.split(separator)[1].length >= fractionLength) {
+            return event.preventDefault();
         }
+        return undefined;
     };
     var handleBlur = function (event) {
         var valueBlur = event.target.value.replace(new RegExp("\\".concat(separator, "$")), '');

package/number-input/esm/utils.d.ts

@@ -1,4 +1,13 @@
 declare const SIGNS: string[];
 declare const SEPARATORS: string[];
 declare function createSeparatorsRegExp(): RegExp;
-export { SIGNS, SEPARATORS, createSeparatorsRegExp };
+/**
+ * Проверка вводимых значений.
+ */
+declare const getAllowedValue: ({ value, fractionLength, separator, allowSigns, }: {
+    value: string;
+    fractionLength?: number | undefined;
+    separator: string;
+    allowSigns: boolean;
+}) => string;
+export { SIGNS, SEPARATORS, createSeparatorsRegExp, getAllowedValue };

package/number-input/esm/utils.js

@@ -3,5 +3,27 @@ var SEPARATORS = [',', '.'];
 function createSeparatorsRegExp() {
     return new RegExp("[".concat(SEPARATORS.map(function (s) { return "\\".concat(s); }).join(''), "]"), 'g');
 }
+var getNumberRegExp = function (fractionLength) {
+    var reStr = '[0-9]+';
+    if (fractionLength !== 0) {
+        reStr = "".concat(reStr, "[").concat(SEPARATORS.map(function (s) { return "\\".concat(s); }).join(''), "]?[0-9]{0,").concat(fractionLength || Number.MAX_SAFE_INTEGER, "}");
+    }
+    return new RegExp("^".concat(reStr, "$"));
+};
+/**
+ * Проверка вводимых значений.
+ */
+var getAllowedValue = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? '' : _b, fractionLength = _a.fractionLength, separator = _a.separator, allowSigns = _a.allowSigns;
+    var sign = allowSigns && SIGNS.some(function (s) { return s === value[0]; }) ? value[0] : '';
+    var testedValue = sign ? value.slice(1) : value;
+    if (getNumberRegExp(fractionLength).test(testedValue)) {
+        return value;
+    }
+    var _c = testedValue
+        .split(separator)
+        .map(function (v) { return v.replace(/[^0-9]/g, ''); }), majorPart = _c[0], minorPart = _c[1];
+    return "".concat(sign).concat(majorPart).concat(minorPart ? separator + minorPart.slice(0, fractionLength) : '');
+};
 
-export { SEPARATORS, SIGNS, createSeparatorsRegExp };
+export { SEPARATORS, SIGNS, createSeparatorsRegExp, getAllowedValue };

package/number-input/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { Input } from '../../input/modern';
-import { SIGNS, createSeparatorsRegExp, SEPARATORS } from './utils.js';
+import { createSeparatorsRegExp, getAllowedValue, SEPARATORS, SIGNS } from './utils.js';
 
 const NumberInput = React.forwardRef(({ value: propValue, onChange, onBlur, allowSigns = true, separator = ',', fractionLength, defaultValue, ...restProps }, ref) => {
     const uncontrolled = propValue === undefined;
@@ -15,59 +15,68 @@ const NumberInput = React.forwardRef(({ value: propValue, onChange, onBlur, allo
         }
         return parseFloat(valueString);
     };
-    const getNumberRegExp = () => {
-        let reStr = '[0-9]+';
-        if (fractionLength !== 0) {
-            reStr = `${reStr}[${SEPARATORS.map((s) => `\\${s}`).join('')}]?[0-9]{0,${fractionLength || Number.MAX_SAFE_INTEGER}}`;
-        }
-        return new RegExp(`^${reStr}$`);
-    };
     const restoreCaret = (target) => {
-        const input = target;
-        const positionCursor = input.selectionStart || 0;
-        const isEndPosition = input.value.length === positionCursor;
-        const enteredSign = SIGNS.some((s) => s === input.value[positionCursor - 1]);
-        const enteredSeparator = SEPARATORS.filter((s) => s !== separator).some((s) => s === input.value[positionCursor - 1]);
-        const shouldRestore = enteredSeparator || enteredSign;
-        if (!isEndPosition && shouldRestore) {
-            setTimeout(() => {
+        setTimeout(() => {
+            const input = target;
+            const positionCursor = input.selectionStart || 0;
+            const isEndPosition = input.value.length === positionCursor;
+            const enteredSign = SIGNS.some((s) => s === input.value[positionCursor - 1]);
+            const enteredSeparator = SEPARATORS.filter((s) => s !== separator).some((s) => s === input.value[positionCursor - 1]);
+            const shouldRestore = enteredSeparator || enteredSign;
+            if (!isEndPosition && shouldRestore) {
                 input.selectionStart = positionCursor;
                 input.selectionEnd = positionCursor;
-            });
-        }
+            }
+        });
     };
     const handleChange = (event) => {
         const input = event.target;
-        const numberRe = getNumberRegExp();
-        const testedValue = allowSigns && SIGNS.some((s) => s === input.value[0])
-            ? input.value.slice(1)
-            : input.value;
-        if (testedValue === '' || numberRe.test(testedValue)) {
-            const newValue = input.value.replace(createSeparatorsRegExp(), separator);
-            if (onChange) {
-                onChange(event, {
-                    value: getNumberValueFromStr(newValue),
-                    valueString: newValue,
-                });
-            }
-            if (uncontrolled) {
-                setValue(newValue);
-            }
-            restoreCaret(input);
+        const newValue = input.value.replace(createSeparatorsRegExp(), separator);
+        const allowedValue = getAllowedValue({
+            value: newValue,
+            fractionLength,
+            allowSigns,
+            separator,
+        });
+        if (onChange) {
+            onChange(event, {
+                value: getNumberValueFromStr(allowedValue),
+                valueString: allowedValue,
+            });
         }
+        if (uncontrolled) {
+            setValue(allowedValue);
+        }
+        restoreCaret(input);
     };
     const handleKeyDown = (event) => {
         const disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё ]/;
-        const oneKeyPress = !event.altKey && !event.metaKey && !event.ctrlKey && !event.shiftKey;
-        // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш
+        const oneKeyPress = !event.altKey && !event.metaKey && !event.ctrlKey;
+        // Запрещаем вводить неразрешенные символы за исключением комбинаций клавиш
         if (oneKeyPress && event.key.length === 1 && disallowedSymbols.test(event.key)) {
-            event.preventDefault();
+            return event.preventDefault();
         }
+        const val = event.target.value;
+        const hasSeparator = (val.match(createSeparatorsRegExp()) || []).length > 0;
         // Запрещаем вводить второй сепаратор
-        if (SEPARATORS.some((s) => s === event.key) &&
-            (event.target.value.match(createSeparatorsRegExp()) || []).length) {
-            event.preventDefault();
+        if (hasSeparator && SEPARATORS.some((s) => s === event.key)) {
+            return event.preventDefault();
+        }
+        // Запрещаем вводить лишний знак
+        if ((!allowSigns || SIGNS.some((s) => s === val[0])) &&
+            SIGNS.some((s) => s === event.key)) {
+            return event.preventDefault();
+        }
+        const selectionStart = event.target.selectionStart || 0;
+        // Запрещаем вводить цифры в дробную часть, если кол-во цифр больше fractionLength
+        if (hasSeparator &&
+            fractionLength &&
+            event.key.length === 1 &&
+            selectionStart > val.indexOf(separator) &&
+            val.split(separator)[1].length >= fractionLength) {
+            return event.preventDefault();
         }
+        return undefined;
     };
     const handleBlur = (event) => {
         const valueBlur = event.target.value.replace(new RegExp(`\\${separator}$`), '');

package/number-input/modern/utils.d.ts

@@ -1,4 +1,13 @@
 declare const SIGNS: string[];
 declare const SEPARATORS: string[];
 declare function createSeparatorsRegExp(): RegExp;
-export { SIGNS, SEPARATORS, createSeparatorsRegExp };
+/**
+ * Проверка вводимых значений.
+ */
+declare const getAllowedValue: ({ value, fractionLength, separator, allowSigns, }: {
+    value: string;
+    fractionLength?: number | undefined;
+    separator: string;
+    allowSigns: boolean;
+}) => string;
+export { SIGNS, SEPARATORS, createSeparatorsRegExp, getAllowedValue };

package/number-input/modern/utils.js

@@ -3,5 +3,26 @@ const SEPARATORS = [',', '.'];
 function createSeparatorsRegExp() {
     return new RegExp(`[${SEPARATORS.map((s) => `\\${s}`).join('')}]`, 'g');
 }
+const getNumberRegExp = (fractionLength) => {
+    let reStr = '[0-9]+';
+    if (fractionLength !== 0) {
+        reStr = `${reStr}[${SEPARATORS.map((s) => `\\${s}`).join('')}]?[0-9]{0,${fractionLength || Number.MAX_SAFE_INTEGER}}`;
+    }
+    return new RegExp(`^${reStr}$`);
+};
+/**
+ * Проверка вводимых значений.
+ */
+const getAllowedValue = ({ value = '', fractionLength, separator, allowSigns, }) => {
+    const sign = allowSigns && SIGNS.some((s) => s === value[0]) ? value[0] : '';
+    const testedValue = sign ? value.slice(1) : value;
+    if (getNumberRegExp(fractionLength).test(testedValue)) {
+        return value;
+    }
+    const [majorPart, minorPart] = testedValue
+        .split(separator)
+        .map((v) => v.replace(/[^0-9]/g, ''));
+    return `${sign}${majorPart}${minorPart ? separator + minorPart.slice(0, fractionLength) : ''}`;
+};
 
-export { SEPARATORS, SIGNS, createSeparatorsRegExp };
+export { SEPARATORS, SIGNS, createSeparatorsRegExp, getAllowedValue };

package/number-input/utils.d.ts

@@ -1,4 +1,13 @@
 declare const SIGNS: string[];
 declare const SEPARATORS: string[];
 declare function createSeparatorsRegExp(): RegExp;
-export { SIGNS, SEPARATORS, createSeparatorsRegExp };
+/**
+ * Проверка вводимых значений.
+ */
+declare const getAllowedValue: ({ value, fractionLength, separator, allowSigns, }: {
+    value: string;
+    fractionLength?: number | undefined;
+    separator: string;
+    allowSigns: boolean;
+}) => string;
+export { SIGNS, SEPARATORS, createSeparatorsRegExp, getAllowedValue };

package/number-input/utils.js

@@ -3,7 +3,30 @@ var SEPARATORS = [',', '.'];
 function createSeparatorsRegExp() {
     return new RegExp("[".concat(SEPARATORS.map(function (s) { return "\\".concat(s); }).join(''), "]"), 'g');
 }
+var getNumberRegExp = function (fractionLength) {
+    var reStr = '[0-9]+';
+    if (fractionLength !== 0) {
+        reStr = "".concat(reStr, "[").concat(SEPARATORS.map(function (s) { return "\\".concat(s); }).join(''), "]?[0-9]{0,").concat(fractionLength || Number.MAX_SAFE_INTEGER, "}");
+    }
+    return new RegExp("^".concat(reStr, "$"));
+};
+/**
+ * Проверка вводимых значений.
+ */
+var getAllowedValue = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? '' : _b, fractionLength = _a.fractionLength, separator = _a.separator, allowSigns = _a.allowSigns;
+    var sign = allowSigns && SIGNS.some(function (s) { return s === value[0]; }) ? value[0] : '';
+    var testedValue = sign ? value.slice(1) : value;
+    if (getNumberRegExp(fractionLength).test(testedValue)) {
+        return value;
+    }
+    var _c = testedValue
+        .split(separator)
+        .map(function (v) { return v.replace(/[^0-9]/g, ''); }), majorPart = _c[0], minorPart = _c[1];
+    return "".concat(sign).concat(majorPart).concat(minorPart ? separator + minorPart.slice(0, fractionLength) : '');
+};
 
 exports.SEPARATORS = SEPARATORS;
 exports.SIGNS = SIGNS;
 exports.createSeparatorsRegExp = createSeparatorsRegExp;
+exports.getAllowedValue = getAllowedValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "39.2.1",
+  "version": "39.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/pagination/Component.js

@@ -13,7 +13,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_1w0bh","defaultView":"pagination__defaultView_1w0bh"};
+var styles = {"component":"pagination__component_1ftlb","defaultView":"pagination__defaultView_1ftlb"};
 require('./index.css');
 
 var Pagination = function (_a) {

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

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_btb3k {
+} .pagination__dots_f0fy7 {
     width: 32px;
     height: 32px;
     text-align: center;

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"dots":"pagination__dots_btb3k"};
+var styles = {"dots":"pagination__dots_f0fy7"};
 require('./index.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_udgry {
+} .pagination__component_xklml {
     display: block;
     margin: 0 var(--gap-m);
 }

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

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

package/pagination/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_bukay.pagination__tag_bukay {
+} .pagination__tag_88n8m.pagination__tag_88n8m {
     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_bukay.pagination__tag_bukay:disabled:not(.pagination__checked_bukay) {
+} .pagination__tag_88n8m.pagination__tag_88n8m:disabled:not(.pagination__checked_88n8m) {
         opacity: 0.3;
-    } .pagination__tag_bukay.pagination__tag_bukay:hover:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_bukay.pagination__tag_bukay:active:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay:hover:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay:active:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/components/tag/index.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tag":"pagination__tag_bukay","checked":"pagination__checked_bukay"};
+var styles = {"tag":"pagination__tag_88n8m","checked":"pagination__checked_88n8m"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/Component.js

@@ -8,7 +8,7 @@ import { Tag } from './components/tag/index.js';
 import 'tslib';
 import '../../tag/esm';
 
-var styles = {"component":"pagination__component_1w0bh","defaultView":"pagination__defaultView_1w0bh"};
+var styles = {"component":"pagination__component_1ftlb","defaultView":"pagination__defaultView_1ftlb"};
 require('./index.css');
 
 var Pagination = function (_a) {

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

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_btb3k {
+} .pagination__dots_f0fy7 {
     width: 32px;
     height: 32px;
     text-align: center;

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

@@ -4,7 +4,7 @@ import 'tslib';
 import 'classnames';
 import '../../../../tag/esm';
 
-var styles = {"dots":"pagination__dots_btb3k"};
+var styles = {"dots":"pagination__dots_f0fy7"};
 require('./index.css');
 
 /* eslint-disable react/no-array-index-key */

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

@@ -15,7 +15,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pagination__component_udgry {
+} .pagination__component_xklml {
     display: block;
     margin: 0 var(--gap-m);
 }

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

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

package/pagination/esm/components/tag/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__tag_bukay.pagination__tag_bukay {
+} .pagination__tag_88n8m.pagination__tag_88n8m {
     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_bukay.pagination__tag_bukay:disabled:not(.pagination__checked_bukay) {
+} .pagination__tag_88n8m.pagination__tag_88n8m:disabled:not(.pagination__checked_88n8m) {
         opacity: 0.3;
-    } .pagination__tag_bukay.pagination__tag_bukay:hover:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
-    } .pagination__tag_bukay.pagination__tag_bukay:active:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay:hover:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
-    } .pagination__tag_bukay.pagination__tag_bukay.pagination__checked_bukay:active:not(:disabled) {
+    } .pagination__tag_88n8m.pagination__tag_88n8m.pagination__checked_88n8m:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/esm/components/tag/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/esm';
 
-var styles = {"tag":"pagination__tag_bukay","checked":"pagination__checked_bukay"};
+var styles = {"tag":"pagination__tag_88n8m","checked":"pagination__checked_88n8m"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1w0bh {
+} .pagination__component_1ftlb {
     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_1w0bh > * {
+} .pagination__defaultView_1ftlb > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1w0bh > *:last-child {
+    } .pagination__defaultView_1ftlb > *:last-child {
             margin-right: 0;
         }

package/pagination/index.css

@@ -16,7 +16,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pagination__component_1w0bh {
+} .pagination__component_1ftlb {
     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_1w0bh > * {
+} .pagination__defaultView_1ftlb > * {
         margin-right: var(--gap-xs)
-    } .pagination__defaultView_1w0bh > *:last-child {
+    } .pagination__defaultView_1ftlb > *:last-child {
             margin-right: 0;
         }

package/pagination/modern/Component.js

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

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

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .pagination__dots_btb3k {
+} .pagination__dots_f0fy7 {
     width: 32px;
     height: 32px;
     text-align: center;