@salutejs/plasma-new-hope 0.336.0-canary.2163.17581420375.0 → 0.336.0-canary.2163.17629523809.0

package/styled-components/cjs/engines/common.js

@@ -99,10 +99,23 @@ var mergeConfig = function(baseConfig, userConfig) {
     }
     return res;
 };
+// INFO: Метод, который проводит слияние двух объектов
+// INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default
+function mergeWithoutNullable(defaults, componentProps) {
+    var props = Object.keys(defaults).reduce(function(acc, key) {
+        return _object_spread_props(_object_spread({}, acc), _define_property({}, key, [
+            null,
+            undefined,
+            ''
+        ].includes(componentProps[key]) ? defaults[key] : componentProps[key]));
+    }, {});
+    return _object_spread({}, componentProps, props);
+}
 function component(config) {
     var Comp = config.layout((0, _styledcomponents._component)(config));
     return /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-        return /*#__PURE__*/ _react.default.createElement(Comp, _object_spread_props(_object_spread({}, config === null || config === void 0 ? void 0 : config.defaults, props), {
+        var mergedProps = mergeWithoutNullable(config === null || config === void 0 ? void 0 : config.defaults, props);
+        return /*#__PURE__*/ _react.default.createElement(Comp, _object_spread_props(_object_spread({}, mergedProps), {
             ref: ref
         }));
     });

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/Pagination/Pagination.config.js

@@ -146,7 +146,7 @@ var config = {
                 ":3.5rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             m: (0, _styledcomponents.css)([
                 "",
@@ -182,7 +182,7 @@ var config = {
                 ":3rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             s: (0, _styledcomponents.css)([
                 "",
@@ -218,7 +218,7 @@ var config = {
                 ":2.5rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap),
             xs: (0, _styledcomponents.css)([
                 "",
@@ -254,7 +254,7 @@ var config = {
                 ":2rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], _Pagination.paginationTokens.paginationFontFamily, _Pagination.paginationTokens.paginationFontSize, _Pagination.paginationTokens.paginationFontStyle, _Pagination.paginationTokens.paginationFontWeight, _Pagination.paginationTokens.paginationLetterSpacing, _Pagination.paginationTokens.paginationLineHeight, _Pagination.paginationTokens.buttonHeight, _Pagination.paginationTokens.paginationInputWidth, _Pagination.paginationTokens.buttonRadius, _Pagination.paginationTokens.buttonWidth, _Pagination.paginationTokens.buttonWidthShorter, _Pagination.paginationTokens.paginationIconSize, _Pagination.paginationTokens.paginationIconDoubleSize, _Pagination.paginationTokens.buttonArrowMargin, _Pagination.paginationTokens.selectHeight, _Pagination.paginationTokens.selectPaddingTop, _Pagination.paginationTokens.selectPaddingRight, _Pagination.paginationTokens.selectPaddingBottom, _Pagination.paginationTokens.selectPaddingLeft, _Pagination.paginationTokens.selectItemHeight, _Pagination.paginationTokens.selectItemPadding, _Pagination.paginationTokens.selectItemContentLeftWidth, _Pagination.paginationTokens.selectItemBackground, _Pagination.paginationTokens.selectTargetArrowRight, _Pagination.paginationTokens.selectTargetPadding, _Pagination.paginationTokens.selectTargetInnerTop, _Pagination.paginationTokens.selectTargetLabelInnerTop, _Pagination.paginationTokens.inputBorderRadius, _Pagination.paginationTokens.inputWidth, _Pagination.paginationTokens.inputHeight, _Pagination.paginationTokens.inputPadding, _Pagination.paginationTokens.inputBorderWidth, _Pagination.paginationTokens.paginationHelperTextGap)
         },
         type: {

package/styled-components/es/components/Pagination/Pagination.js

@@ -194,30 +194,31 @@ export var paginationRoot = function(Root) {
             return pageValue === checkPage ? classes.paginationPageButtonActive : '';
         };
         useEffect(function() {
-            var observer = new ResizeObserver(function(entries) {
-                var newWidth = entries[0].contentRect.width;
-                setPagesWidth(newWidth);
-            });
+            var observers = [];
             if (pagesRef.current) {
-                observer.observe(pagesRef.current);
+                var pagesObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setPagesWidth(newWidth);
+                });
+                pagesObserver.observe(pagesRef.current);
+                observers.push(pagesObserver);
+            }
+            if (rootRef.current) {
+                var rootObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setRootWidth(newWidth);
+                });
+                rootObserver.observe(rootRef.current);
+                observers.push(rootObserver);
             }
             return function() {
-                return observer.disconnect();
+                observers.forEach(function(observer) {
+                    return observer.disconnect();
+                });
             };
         }, [
             type
         ]);
-        useEffect(function() {
-            if (!rootRef.current) return;
-            var observer = new ResizeObserver(function(entries) {
-                var newWidth = entries[0].contentRect.width;
-                setRootWidth(newWidth);
-            });
-            observer.observe(rootRef.current);
-            return function() {
-                return observer.disconnect();
-            };
-        }, []);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             size: size,
             view: view,

package/styled-components/es/components/Pagination/Pagination.styles.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { buttonConfig, buttonTokens } from "../Button";
 import { buttonGroupConfig, buttonGroupTokens } from "../ButtonGroup";
 import { component, mergeConfig } from "../../engines";
-import { addFocus } from "../../mixins";
+import { addFocus, applyEllipsis } from "../../mixins";
 import { classes, tokens } from "./Pagination.tokens";
 var mergedButtonConfig = mergeConfig(buttonConfig);
 var Button = component(mergedButtonConfig);
@@ -10,24 +10,24 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
 var ButtonGroup = component(mergedButtonGroupConfig);
 export var PaginationRoot = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-1fcff432-0"
+    componentId: "sc-ec0762a3-0"
 })([
     "display:flex;color:var(",
     ");&.",
-    "{display:flex;flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
-    "{width:100%;display:flex;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
+    "{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
+    "{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
 ], tokens.paginationColor, classes.compactType, classes.defaultType);
 export var PaginationPages = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-1fcff432-1"
+    componentId: "sc-ec0762a3-1"
 })([
     "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 export var PaginationActions = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-1fcff432-2"
+    componentId: "sc-ec0762a3-2"
 })([
-    "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:0.5rem var(",
+    "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
     ");flex-shrink:1;&.",
     "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
     "{flex-direction:row;}&.",
@@ -36,13 +36,13 @@ export var PaginationActions = styled.div.withConfig({
 ], tokens.paginationHelperTextGap, classes.compactType, classes.defaultType, classes.withHasPerPageSelect, classes.withHasQuickJump);
 export var PaginationSection = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-1fcff432-3"
+    componentId: "sc-ec0762a3-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-1fcff432-4"
+    componentId: "sc-ec0762a3-4"
 })([
     "",
     ":var(",
@@ -84,7 +84,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
 ], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
 export var PaginationButton = styled(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-1fcff432-5"
+    componentId: "sc-ec0762a3-5"
 })([
     "",
     ":var(",
@@ -150,7 +150,7 @@ export var PaginationButton = styled(Button).withConfig({
 }));
 export var PaginationShorter = styled(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-1fcff432-6"
+    componentId: "sc-ec0762a3-6"
 })([
     "",
     ":var(",
@@ -159,18 +159,20 @@ export var PaginationShorter = styled(PaginationButton).withConfig({
 ], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
 export var PaginationActionsLeft = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActionsLeft",
-    componentId: "sc-1fcff432-7"
+    componentId: "sc-ec0762a3-7"
 })([
-    "display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem var(",
+    "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
     ");.",
     " &{min-width:0;flex-wrap:nowrap;flex-shrink:1;}"
 ], tokens.paginationHelperTextGap, classes.defaultType);
 export var PaginationHelperText = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationHelperText",
-    componentId: "sc-1fcff432-8"
+    componentId: "sc-ec0762a3-8"
 })([
     "color:var(",
     ");&.",
-    "{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;}&.",
-    "{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
-], tokens.paginationHelperTextColor, classes.defaultType, classes.ellipsisText);
+    "{min-width:0;",
+    " flex-shrink:1;}&.",
+    "{",
+    "}"
+], tokens.paginationHelperTextColor, classes.defaultType, applyEllipsis(), classes.ellipsisText, applyEllipsis());

package/styled-components/es/engines/common.js

@@ -76,10 +76,23 @@ export var mergeConfig = function(baseConfig, userConfig) {
     }
     return res;
 };
+// INFO: Метод, который проводит слияние двух объектов
+// INFO: если значение явно указанно как undefined/null/пустая строка, то будет взято значение указанное в default
+function mergeWithoutNullable(defaults, componentProps) {
+    var props = Object.keys(defaults).reduce(function(acc, key) {
+        return _object_spread_props(_object_spread({}, acc), _define_property({}, key, [
+            null,
+            undefined,
+            ''
+        ].includes(componentProps[key]) ? defaults[key] : componentProps[key]));
+    }, {});
+    return _object_spread({}, componentProps, props);
+}
 export function component(config) {
     var Comp = config.layout(_component(config));
     return /*#__PURE__*/ React.forwardRef(function(props, ref) {
-        return /*#__PURE__*/ React.createElement(Comp, _object_spread_props(_object_spread({}, config === null || config === void 0 ? void 0 : config.defaults, props), {
+        var mergedProps = mergeWithoutNullable(config === null || config === void 0 ? void 0 : config.defaults, props);
+        return /*#__PURE__*/ React.createElement(Comp, _object_spread_props(_object_spread({}, mergedProps), {
             ref: ref
         }));
     });

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/styled-components/es/examples/components/Pagination/Pagination.config.js

@@ -136,7 +136,7 @@ export var config = {
                 ":3.5rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             m: css([
                 "",
@@ -172,7 +172,7 @@ export var config = {
                 ":3rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             s: css([
                 "",
@@ -208,7 +208,7 @@ export var config = {
                 ":2.5rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
             xs: css([
                 "",
@@ -244,7 +244,7 @@ export var config = {
                 ":2rem;",
                 ":0 0.625rem;",
                 ":0.0625rem;",
-                ":2.5rem;"
+                ":0.5rem 2.5rem;"
             ], paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
         },
         type: {

package/types/components/NumberFormat/NumberFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+C7D,CAAC,uCAEX,CAAlB;mGA+BL,CAAC"}
+{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA+C3D,CAAC,uCAEb,CAAhB;mGA+BP,CAAC"}

package/types/components/NumberFormat/NumberFormat.types.d.ts

@@ -47,7 +47,7 @@ export type CustomNumberFormatProps = {
      */
     isAllowed?: (values: NumberFormatValues) => boolean;
     /**
-     * Колбэк, вызываемый при изменении значения в поле ввода.
+     * Callback, вызываемый при изменении значения в поле ввода.
      * Принимает событие изменения (ChangeEvent) и объект NumberFormatValues:
      * ```
      * floatValue: number | undefined;

package/types/components/Pagination/Pagination.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,qKAkB1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAyB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,sPAwBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAuD5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAWjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAgBhC,CAAC"}
+{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,qKAgB1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAyB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,sPAwBjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAuD5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAWjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAYhC,CAAC"}

package/types/components/TextField/TextField.types.d.ts

@@ -211,11 +211,11 @@ export type TextFieldPropsBase = {
      */
     contentRight?: React.ReactElement;
     /**
-     * Слот для вспомогательного текста справа.
+     * Слот для вспомогательного текста слева.
      */
     textBefore?: string;
     /**
-     * Слот для вспомогательного текста слева.
+     * Слот для вспомогательного текста справа.
      */
     textAfter?: string;
     /**

package/types/engines/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;AAEF,wBAAgB,SAAS,CACrB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SACL,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAE/D,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,GACtE,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,WAAW,CAAC,CAMtD"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/engines/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACR,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,6BAA6B,EAC7B,4CAA4C,EAC/C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,WAAW,GACpB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAC/D,eAAe,SACT,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,GACzD,SAAS,0BAEH,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,GAAG,eAAe,EAAE,eAAe,CAAC,eAC3E,OAAO,CAAC,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,KA6BzE,eAAe,CACzB,GAAG,EACH,WAAW,EACX,SAAS,CAAC,WAAW,CAAC,EACtB,eAAe,SAAS,SAAS,GAAG,eAAe,GAAG,eAAe,CAE5E,CAAC;AAeF,wBAAgB,SAAS,CACrB,GAAG,SAAS,WAAW,EACvB,WAAW,SAAS,QAAQ,EAC5B,aAAa,SAAS,SAAS,CAAC,WAAW,CAAC,EAC5C,WAAW,SACL,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACjC,6BAA6B,CAAC,WAAW,CAAC,GAC1C,4CAA4C,CAAC,WAAW,CAAC,EAE/D,MAAM,EAAE,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,CAAC,GACtE,KAAK,CAAC,iBAAiB,CAAC,aAAa,GAAG,WAAW,CAAC,CAQtD"}

package/types/examples/components/NumberFormat/NumberFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAoxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAo7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAz0H,CAAC,uDAAuC,CAAC;8NADvmE,CAAC"}
+{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/NumberFormat/NumberFormat.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACqjL,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAA9lK,CAAC;;;;;;;;;;;;;qBAAsxC,CAAC,uDAAuC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAAk7G,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAv0H,CAAC,uDAAuC,CAAC;8NADzmE,CAAC"}