@salutejs/plasma-new-hope 0.343.1-canary.2393.20367490814.0 → 0.343.1-canary.2393.20451760148.0

package/dist/styled-components/es/components/LinkButton/LinkButton.styles.js

@@ -17,14 +17,14 @@ export var base = css([
 }));
 export var StyledAdditionalContent = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledAdditionalContent",
-    componentId: "sc-e83eddac-0"
+    componentId: "sc-f97b8dcf-0"
 })([
     "display:flex;align-items:center;margin:var(",
     ");"
 ], tokens.linkButtonAdditionalContentMargin);
 export var LoadWrap = styled.div.withConfig({
     displayName: "LinkButton.styles__LoadWrap",
-    componentId: "sc-e83eddac-1"
+    componentId: "sc-f97b8dcf-1"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "LinkButton.styles__Loader",
-    componentId: "sc-e83eddac-2"
+    componentId: "sc-f97b8dcf-2"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "LinkButton.styles__StyledSpinner",
-    componentId: "sc-e83eddac-3"
+    componentId: "sc-f97b8dcf-3"
 })([
     "",
     ":var(",
@@ -50,7 +50,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
 ], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
 export var LinkButtonText = styled.span.withConfig({
     displayName: "LinkButton.styles__LinkButtonText",
-    componentId: "sc-e83eddac-4"
+    componentId: "sc-f97b8dcf-4"
 })([
     "padding:var(",
     ");color:var(",
@@ -61,17 +61,23 @@ export var LinkButtonText = styled.span.withConfig({
 ], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover, tokens.linkButtonTextColorActive);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentLeft",
-    componentId: "sc-e83eddac-5"
+    componentId: "sc-f97b8dcf-5"
 })([
     "line-height:0;color:var(",
-    ");margin:var(",
-    ");"
-], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
+    ");margin:",
+    ";"
+], tokens.linkButtonIconColor, function(param) {
+    var hasContent = param.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
+});
 export var StyledContentRight = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentRight",
-    componentId: "sc-e83eddac-6"
+    componentId: "sc-f97b8dcf-6"
 })([
     "line-height:0;color:var(",
-    ");margin:var(",
-    ");"
-], tokens.linkButtonIconColor, tokens.linkButtonRightContentMargin);
+    ");margin:",
+    ";"
+], tokens.linkButtonIconColor, function(param) {
+    var hasContent = param.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
+});

package/dist/styled-components/es/components/Range/variations/_readonly/base.js

@@ -3,7 +3,7 @@ import { tokens } from "../../Range.tokens";
 import { ContentWrapper, LeftHelper, StyledContentLeft, StyledContentRight, StyledDivider, StyledLabel } from "../../Range.styles";
 export var base = css([
     "&[readonly]{cursor:default;",
-    "{position:relative;box-shadow:none;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
+    "{position:relative;background:transparent;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(",
     ");box-shadow:inset 0 0 0 var(",
     ",1px) var(",
     ");background:var(",

package/dist/styled-components/es/components/Select/Select.js

@@ -121,7 +121,7 @@ import { Context } from "./Select.context";
     return /*#__PURE__*/ forwardRef(function(props, ref) {
         var _getItemByFocused;
         var // eslint-disable-block @typescript-eslint/ban-ts-comment
-        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
+        id = props.id, outerValue = props.value, outerOnChange = props.onChange, _props_target = props.target, target = _props_target === void 0 ? 'textfield-like' : _props_target, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom' : _props_placement, label = props.label, labelPlacement = props.labelPlacement, placeholder = props.placeholder, helperText = props.helperText, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, outerView = props.view, size = props.size, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, contentLeft = props.contentLeft, contentRight = props.contentRight, onScrollBottom = props.onScrollBottom, onScroll = props.onScroll, chipView = props.chipView, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, portal = props.portal, renderValue = props.renderValue, renderItem = props.renderItem, status = props.status, onItemSelect = props.onItemSelect, separator = props.separator, outerCloseAfterSelect = props.closeAfterSelect, isTargetAmount = props.isTargetAmount, beforeList = props.beforeList, afterList = props.afterList, zIndex = props.zIndex, name = props.name, defaultValue = props.defaultValue, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, onToggle = props.onToggle, chipType = props.chipType, multiselect = props.multiselect, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, chipClickArea = props.chipClickArea, // @ts-ignore
         _offset = props._offset, // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.
         // @ts-ignore
         required = props.required, // @ts-ignore
@@ -158,6 +158,7 @@ import { Context } from "./Select.context";
             "listMaxHeight",
             "listWidth",
             "contentLeft",
+            "contentRight",
             "onScrollBottom",
             "onScroll",
             "chipView",
@@ -466,6 +467,8 @@ import { Context } from "./Select.context";
             chipView: chipView,
             disabled: disabled,
             readOnly: readOnly,
+            hintView: hintView,
+            hintSize: hintSize,
             id: id,
             ref: rootRef
         }, rest), name && /*#__PURE__*/ React.createElement(SelectNative, {
@@ -516,6 +519,7 @@ import { Context } from "./Select.context";
                     labelPlacement: labelPlacement,
                     size: size,
                     contentLeft: contentLeft,
+                    contentRight: contentRight,
                     disabled: disabled,
                     readOnly: readOnly,
                     renderValue: renderValue,

package/dist/styled-components/es/components/Select/Select.tokens.js

@@ -141,6 +141,7 @@ export var tokens = {
     textFieldTitleCaptionLetterSpacing: '--plasma-select-textfield-title-caption-letter-spacing',
     textFieldTitleCaptionLineHeight: '--plasma-select-textfield-title-caption-line-height',
     textFieldLeftHelperColor: '--plasma-select-textfield-left-helper-color',
+    textFieldLeftHelperColorFocus: '--plasma-select-textfield-left-helper-color-focus',
     textFieldLeftHelperColorReadOnly: '--plasma-select-textfield__left-helper-color-readonly',
     textFieldLeftHelperOffset: '--plasma-select-textfield-left-helper-offset',
     textFieldLeftHelperFontFamily: '--plasma-select-textfield-left-helper-font-family',

package/dist/styled-components/es/components/Select/ui/Target/Target.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import { useForkRef } from "@salutejs/plasma-core";
 import { Button, Textfield } from "./ui";
 export var Target = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
+    var value = param.value, opened = param.opened, valueToItemMap = param.valueToItemMap, label = param.label, placeholder = param.placeholder, onKeyDown = param.onKeyDown, labelPlacement = param.labelPlacement, size = param.size, contentLeft = param.contentLeft, contentRight = param.contentRight, disabled = param.disabled, readOnly = param.readOnly, renderValue = param.renderValue, selectProps = param.selectProps, inputWrapperRef = param.inputWrapperRef, multiselect = param.multiselect, view = param.view, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, isTargetAmount = param.isTargetAmount, onChange = param.onChange, chipView = param.chipView, separator = param.separator, requiredProps = param.requiredProps, hintProps = param.hintProps;
     var buttonRef = useForkRef(ref, inputWrapperRef);
     if (selectProps.renderTarget) {
         return /*#__PURE__*/ React.createElement("div", {
@@ -38,6 +38,7 @@ export var Target = /*#__PURE__*/ forwardRef(function(param, ref) {
         size: size,
         view: view,
         contentLeft: contentLeft,
+        contentRight: contentRight,
         helperText: helperText,
         treeId: treeId,
         activeDescendantItemValue: activeDescendantItemValue,

package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -62,7 +62,7 @@ import { sizeToIconSize, getItemId } from "../../../../utils";
 import { classes } from "../../../../Select.tokens";
 import { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from "./Textfield.styles";
 export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
+    var inputWrapperRef = param.inputWrapperRef, opened = param.opened, multiselect = param.multiselect, value = param.value, label = param.label, labelPlacement = param.labelPlacement, keepPlaceholder = param.keepPlaceholder, placeholder = param.placeholder, onKeyDown = param.onKeyDown, size = param.size, view = param.view, contentLeft = param.contentLeft, contentRight = param.contentRight, helperText = param.helperText, treeId = param.treeId, activeDescendantItemValue = param.activeDescendantItemValue, disabled = param.disabled, readOnly = param.readOnly, isTargetAmount = param.isTargetAmount, valueToItemMap = param.valueToItemMap, renderValue = param.renderValue, onChange = param.onChange, chipView = param.chipView, requiredProps = param.requiredProps, chipType = param.chipType, hintProps = param.hintProps, chipClickArea = param.chipClickArea;
     var withArrowInverse = opened ? classes.arrowInverse : undefined;
     var getValue = function() {
         var _valueToItemMap_get;
@@ -142,7 +142,7 @@ export var Textfield = /*#__PURE__*/ forwardRef(function(param, ref) {
         keepPlaceholder: keepPlaceholder,
         placeholder: _instanceof(value, Array) && value.length ? '' : placeholder,
         contentLeft: contentLeft,
-        contentRight: /*#__PURE__*/ React.createElement(IconArrowWrapper, {
+        contentRight: contentRight || contentRight !== undefined ? contentRight : /*#__PURE__*/ React.createElement(IconArrowWrapper, {
             disabled: disabled,
             readOnly: readOnly
         }, /*#__PURE__*/ React.createElement(StyledArrow, {

package/dist/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedConfig);
 export var StyledTextField = styled(TextField).withConfig({
     displayName: "Textfield.styles__StyledTextField",
-    componentId: "sc-504ad6c9-0"
+    componentId: "sc-1adbc556-0"
 })([
     "",
     ":var(",
@@ -321,8 +321,7 @@ export var StyledTextField = styled(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");",
-    ":none;}"
+    ");}"
 ], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.labelColor, tokens.textFieldLabelColor, textFieldTokens.leftHelperColor, tokens.textFieldLeftHelperColor, textFieldTokens.colorReadOnly, tokens.textFieldColor, textFieldTokens.backgroundColorReadOnly, function(param) {
     var opened = param.opened;
     return opened ? "var(".concat(tokens.textFieldBackgroundColorFocus, ")") : "var(".concat(tokens.textFieldBackgroundColor, ")");
@@ -335,10 +334,10 @@ export var StyledTextField = styled(TextField).withConfig({
 }, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.optionalColor, tokens.textFieldOptionalColor, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.paddingWithChips, tokens.textFieldPaddingWithChips, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, textFieldTokens.contentSlotRightColor, tokens.textFieldContentSlotRightColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentSlotRightColorHover, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentSlotRightColorActive, textFieldTokens.labelOffset, tokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, tokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, tokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, tokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, tokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, tokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, tokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, tokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, tokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, tokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, tokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, textFieldTokens.titleCaptionColor, tokens.textFieldTitleCaptionColor, textFieldTokens.titleCaptionInnerLabelOffset, tokens.textFieldTitleCaptionInnerLabelOffset, textFieldTokens.titleCaptionFontFamily, tokens.textFieldTitleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.textFieldTitleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.textFieldTitleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.textFieldTitleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.textFieldTitleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.textFieldTitleCaptionLineHeight, textFieldTokens.leftHelperOffset, tokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, tokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, tokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, tokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, tokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, tokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, tokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, tokens.textFieldDisabledOpacity, textFieldTokens.hintCustomIconTargetSize, tokens.textFieldHintCustomIconTargetSize, textFieldTokens.hintMargin, tokens.textFieldHintMargin, textFieldTokens.hintTargetSize, tokens.textFieldHintTargetSize, textFieldTokens.hintIconColor, tokens.textFieldHintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.textFieldHintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.textFieldClearHintInnerLabelPlacementOffset, textFieldTokens.tooltipBackgroundColor, tokens.textFieldTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.textFieldTooltipBoxShadow, textFieldTokens.tooltipColor, tokens.textFieldTooltipColor, textFieldTokens.tooltipPaddingTop, tokens.textFieldTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.textFieldTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.textFieldTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.textFieldTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.textFieldTooltipMinHeight, textFieldTokens.tooltipBorderRadius, tokens.textFieldTooltipBorderRadius, textFieldTokens.tooltipTextFontFamily, tokens.textFieldTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.textFieldTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.textFieldTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.textFieldTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.textFieldTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.textFieldTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.textFieldTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.textFieldTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.textFieldTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.textFieldTooltipArrowMaskImage, textFieldTokens.tooltipArrowHeight, tokens.textFieldTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.textFieldTooltipArrowEdgeMargin, textFieldTokens.tooltipArrowBackground, tokens.textFieldTooltipArrowBackground, textFieldTokens.chipHeight, tokens.textFieldChipHeight, textFieldTokens.chipBorderRadius, tokens.textFieldChipBorderRadius, textFieldTokens.chipGap, tokens.textFieldChipGap, textFieldTokens.chipColor, tokens.textFieldChipColor, textFieldTokens.chipColorHover, tokens.textFieldChipColorHover, textFieldTokens.chipBackground, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipBackgroundActive, tokens.textFieldChipBackgroundActive, textFieldTokens.chipColorActive, tokens.textFieldChipColorActive, textFieldTokens.chipCloseIconColor, tokens.textFieldChipCloseIconColor, textFieldTokens.chipCloseIconColorHover, tokens.textFieldChipCloseIconColorHover, textFieldTokens.chipCloseIconColorReadonly, tokens.textFieldChipCloseIconColorReadonly, textFieldTokens.chipOutlineSize, tokens.textFieldChipOutlineSize, textFieldTokens.chipWidth, tokens.textFieldChipWidth, textFieldTokens.chipPadding, tokens.textFieldChipPadding, textFieldTokens.chipCloseIconSize, tokens.textFieldChipCloseIconSize, textFieldTokens.chipFontFamily, tokens.textFieldChipFontFamily, textFieldTokens.chipFontSize, tokens.textFieldChipFontSize, textFieldTokens.chipFontStyle, tokens.textFieldChipFontStyle, textFieldTokens.chipFontWeight, tokens.textFieldChipFontWeight, textFieldTokens.chipLetterSpacing, tokens.textFieldChipLetterSpacing, textFieldTokens.chipLineHeight, tokens.textFieldChipLineHeight, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColor, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColor, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackground, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundHover, textFieldTokens.chipClearContentMarginLeft, tokens.textFieldChipClearContentMarginLeft, textFieldTokens.chipClearContentMarginRight, tokens.textFieldChipClearContentMarginRight, textFieldTokens.indicatorColor, tokens.textFieldIndicatorColor, textFieldTokens.indicatorSizeInner, tokens.textFieldIndicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.textFieldIndicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.textFieldIndicatorLabelPlacementInner, textFieldTokens.indicatorLabelPlacementOuter, tokens.textFieldIndicatorLabelPlacementOuter, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.textFieldIndicatorLabelPlacementInnerRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.textFieldIndicatorLabelPlacementOuterRight, textFieldTokens.clearIndicatorLabelPlacementInner, tokens.textFieldClearIndicatorLabelPlacementInner, textFieldTokens.clearIndicatorLabelPlacementInnerRight, tokens.textFieldClearIndicatorLabelPlacementInnerRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.textFieldClearIndicatorHintInnerRight, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.boxShadow, function(param) {
     var disabled = param.disabled;
     return disabled ? 'none' : "var(".concat(tokens.textFieldBoxShadow, ")");
-}, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly, textFieldTokens.boxShadow);
+}, tokens.textFieldBackgroundColorFocus, classes.readOnly, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.leftHelperColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, textFieldTokens.labelColorReadOnly, tokens.textFieldLabelColorReadOnly, textFieldTokens.titleCaptionColorReadOnly, tokens.textFieldTitleCaptionColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.chipColorReadOnly, tokens.textFieldChipColorReadOnly, textFieldTokens.chipColorReadOnlyHover, tokens.textFieldChipColorReadOnlyHover, textFieldTokens.chipBackgroundReadOnly, tokens.textFieldChipBackgroundReadOnly, textFieldTokens.chipBackgroundReadOnlyHover, tokens.textFieldChipBackgroundReadOnlyHover, textFieldTokens.chipOpacityReadonly, tokens.textFieldChipOpacityReadonly);
 export var IconArrowWrapper = styled.div.withConfig({
     displayName: "Textfield.styles__IconArrowWrapper",
-    componentId: "sc-504ad6c9-1"
+    componentId: "sc-1adbc556-1"
 })([
     "line-height:0;color:var(",
     ");cursor:",
@@ -363,7 +362,7 @@ export var sizeMap = {
 };
 export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
     displayName: "Textfield.styles__StyledArrow",
-    componentId: "sc-504ad6c9-2"
+    componentId: "sc-1adbc556-2"
 })([
     "width:",
     ";height:",
@@ -377,7 +376,7 @@ export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
 });
 export var StyledLeftHelper = styled.span.withConfig({
     displayName: "Textfield.styles__StyledLeftHelper",
-    componentId: "sc-504ad6c9-3"
+    componentId: "sc-1adbc556-3"
 })([
     "margin:0;padding:0;"
 ]);

package/dist/styled-components/es/components/Table/Table.js

@@ -114,12 +114,13 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { forwardRef, useState, useMemo, useRef } from "react";
 import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table";
 import { useForkRef } from "@salutejs/plasma-core";
+import { classes } from "./Table.tokens";
 import { SELECT_COLUMN_ID } from "./utils";
 import { HeadCell, Cell, EditableCell } from "./ui";
-import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
+import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
 export var tableRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
+        var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
             "data",
             "onChange",
             "columns",
@@ -133,7 +134,11 @@ export var tableRoot = function(Root) {
             "maxHeight",
             "stickyHeader",
             "onCellUpdate",
-            "setRowProps"
+            "setRowProps",
+            "topContent",
+            "bottomContent",
+            "loadingSlot",
+            "onScroll"
         ]);
         var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -256,6 +261,7 @@ export var tableRoot = function(Root) {
             onRowSelectionChange: handleRowSelection,
             columnResizeMode: 'onChange',
             columnResizeDirection: 'ltr',
+            manualPagination: true,
             meta: {
                 updateData: function(rowId, columnId, value) {
                     if (onCellUpdate) {
@@ -269,11 +275,12 @@ export var tableRoot = function(Root) {
             data: data,
             columns: columns,
             view: view,
-            size: size,
-            style: {
-                maxHeight: maxHeight || 'none'
-            }
-        }, props), /*#__PURE__*/ React.createElement(Table, {
+            size: size
+        }, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
+            className: classes.scrollableContainer,
+            onScroll: onScroll,
+            maxHeight: maxHeight
+        }, /*#__PURE__*/ React.createElement(Table, {
             borderVariant: borderVariant,
             stickyHeader: stickyHeader
         }, /*#__PURE__*/ React.createElement(Thead, {
@@ -300,8 +307,6 @@ export var tableRoot = function(Root) {
             }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
                 var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
                 var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
                 return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
                     key: cell.id,
                     size: size,
@@ -320,7 +325,7 @@ export var tableRoot = function(Root) {
                     additionalProps: additionalProps
                 });
             }));
-        }))));
+        }))), loadingSlot), bottomContent);
     });
 };
 export var tableConfig = {

package/dist/styled-components/es/components/Table/Table.styles.js

@@ -15,11 +15,21 @@ var Divider = component(mergedDividerConfig);
 var mergedLinkButtonConfig = mergeConfig(linkButtonConfig);
 var LinkButtonBase = component(mergedLinkButtonConfig);
 export var base = css([
-    "display:inline-block;overflow-y:auto;"
+    "display:inline-flex;flex-direction:column;align-items:flex-start;"
 ]);
+export var ScrollableWrapper = styled.div.withConfig({
+    displayName: "Table.styles__ScrollableWrapper",
+    componentId: "sc-c4913190-0"
+})([
+    "overflow-y:auto;max-height:",
+    ";"
+], function(param) {
+    var maxHeight = param.maxHeight;
+    return maxHeight || 'none';
+});
 export var Table = styled.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-382f3104-0"
+    componentId: "sc-c4913190-1"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -35,7 +45,7 @@ export var Table = styled.table.withConfig({
 });
 export var Tr = styled.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-382f3104-1"
+    componentId: "sc-c4913190-2"
 })([
     "box-sizing:content-box;width:fit-content;background-color:",
     ";"
@@ -45,11 +55,11 @@ export var Tr = styled.tr.withConfig({
 });
 export var Thead = styled.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-382f3104-2"
+    componentId: "sc-c4913190-3"
 })([
     "position:",
     ";top:0;background:",
-    ";z-index:1;box-shadow:",
+    ";z-index:10;box-shadow:",
     ";",
     "{background:transparent;}"
 ], function(param) {
@@ -65,13 +75,13 @@ export var Thead = styled.thead.withConfig({
 }, Tr);
 export var Tbody = styled.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-382f3104-3"
+    componentId: "sc-c4913190-4"
 })([
     ""
 ]);
 export var Resizer = styled.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-382f3104-4"
+    componentId: "sc-c4913190-5"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -81,12 +91,12 @@ export var Resizer = styled.div.withConfig({
 });
 export var Th = styled.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-382f3104-5"
+    componentId: "sc-c4913190-6"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
     ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
-    ";&:hover{",
+    ";box-sizing:border-box;&:hover{",
     "{display:block;}}"
 ], function(param) {
     var selectionCell = param.selectionCell;
@@ -97,7 +107,7 @@ export var Th = styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-382f3104-6"
+    componentId: "sc-c4913190-7"
 })([
     "",
     ":var(",
@@ -117,7 +127,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = styled(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-382f3104-7"
+    componentId: "sc-c4913190-8"
 })([
     "",
     ":0.0625rem;",
@@ -126,7 +136,7 @@ export var StyledDivider = styled(Divider).withConfig({
 ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
 export var Button = styled(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-382f3104-8"
+    componentId: "sc-c4913190-9"
 })([
     "",
     ":var(",
@@ -147,7 +157,7 @@ export var Button = styled(ButtonBase).withConfig({
 ], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
 export var ButtonAccent = styled(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-382f3104-9"
+    componentId: "sc-c4913190-10"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -158,7 +168,7 @@ export var ButtonAccent = styled(Button).withConfig({
 ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
 export var LinkButton = styled(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-382f3104-10"
+    componentId: "sc-c4913190-11"
 })([
     "",
     ":var(--text-primary);",

package/dist/styled-components/es/components/Table/Table.tokens.js

@@ -4,7 +4,8 @@ export var classes = {
     sortingAscIcon: 'sorting-asc-icon',
     sortingDescIcon: 'sorting-desc-icon',
     filterIcon: 'filter-icon',
-    resizeDivider: 'resize-divider'
+    resizeDivider: 'resize-divider',
+    scrollableContainer: 'table-scrollable-container'
 };
 export var tableTokens = {
     fontFamily: '--plasma-table-font-family',

package/dist/styled-components/es/components/Tabs/utils/index.js

@@ -1,3 +1,4 @@
+var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
 var getIsFirstOverflowingTab = function(item, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
     if (!item.current) {
@@ -7,7 +8,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
     if (currentOffset === undefined) {
         return;
     }
-    return currentOffset < maxScroll;
+    return currentOffset < maxScroll - TOLERANCE;
 };
 var getIsLastOverflowingTab = function(item, minScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -19,7 +20,8 @@ var getIsLastOverflowingTab = function(item, minScroll) {
         return;
     }
     var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
-    return currentOffset + additionalOffset > minScroll;
+    var itemRightEdge = currentOffset + additionalOffset;
+    return itemRightEdge > minScroll + TOLERANCE;
 };
 export var getFirstOverflowingTab = function(items, maxScroll) {
     var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';

package/dist/styled-components/es/components/TextArea/TextArea.js

@@ -415,7 +415,9 @@ export var textAreaRoot = function(Root) {
         })), hasHelper && /*#__PURE__*/ React.createElement(StyledHelpers, {
             className: styledHelpers,
             id: textareaHelperId
-        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
+        }, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/ React.createElement(StyledLeftHelper, {
+            className: focused ? classes.leftHelperFocus : ''
+        }, leftHelper || helperText), rightHelper && /*#__PURE__*/ React.createElement(StyledRightHelper, {
             "data-root": true
         }, rightHelper)), !hasHeader && placeholderLabel && /*#__PURE__*/ React.createElement(StyledPlaceholder, {
             hasContentRight: Boolean(contentRight),