@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0

package/dist/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js

@@ -21,7 +21,7 @@ const mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConf
 const TextField = (0, _engines.component)(mergedTextFieldConfig);
 const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Input.styles__StyledInput",
-    componentId: "sc-890e09c9-0"
+    componentId: "sc-6f2e2bb6-0"
 })([
     `width:100%;`,
     `:var(`,
@@ -231,6 +231,8 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `,var(`,
     `));`,
     `:var(`,
@@ -292,4 +294,4 @@ const StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     `);`,
     `:var(`,
     `);}`
-], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.boxShadowSecondary, _DateTimePickertokens.tokens.textFieldBoxShadowSecondary, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _DateTimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _DateTimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _DateTimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _DateTimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColor, _DateTimePickertokens.tokens.labelColor, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _DateTimePickertokens.tokens.titleCaptionOffset, _TextField.textFieldTokens.titleCaptionColor, _DateTimePickertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionFontFamily, _DateTimePickertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _DateTimePickertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _DateTimePickertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _DateTimePickertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _DateTimePickertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _DateTimePickertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.hintMargin, _DateTimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _DateTimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _DateTimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _DateTimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _DateTimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _DateTimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _DateTimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _DateTimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _DateTimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _DateTimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _DateTimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _DateTimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _DateTimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _DateTimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _DateTimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _DateTimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _DateTimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _DateTimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _DateTimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _DateTimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _DateTimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _DateTimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _DateTimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _DateTimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _DateTimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _DateTimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _DateTimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _DateTimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _DateTimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _DateTimePickertokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _DateTimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _DateTimePickertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DateTimePickertokens.tokens.textFieldContentSlotColorHover, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DateTimePickertokens.tokens.textFieldContentSlotColorActive, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorError, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorSuccess, _DateTimePickertokens.classes.edited, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorEdited);
+], _TextField.textFieldTokens.color, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DateTimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DateTimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DateTimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderWidth, _DateTimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DateTimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.boxShadowSecondary, _DateTimePickertokens.tokens.textFieldBoxShadowSecondary, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _DateTimePickertokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _DateTimePickertokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.dividerColorReadOnly, _DateTimePickertokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.dividerWidth, _DateTimePickertokens.tokens.textFieldDividerWidth, _TextField.textFieldTokens.colorReadOnly, _DateTimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DateTimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.padding, _DateTimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DateTimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DateTimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DateTimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DateTimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DateTimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DateTimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DateTimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DateTimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DateTimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DateTimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DateTimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DateTimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DateTimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DateTimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DateTimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColor, _DateTimePickertokens.tokens.labelColor, _TextField.textFieldTokens.labelColorReadOnly, _DateTimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.titleCaptionMargin, _DateTimePickertokens.tokens.titleCaptionMargin, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _DateTimePickertokens.tokens.titleCaptionOffset, _TextField.textFieldTokens.titleCaptionColor, _DateTimePickertokens.tokens.titleCaptionColor, _TextField.textFieldTokens.titleCaptionFontFamily, _DateTimePickertokens.tokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontStyle, _DateTimePickertokens.tokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontSize, _DateTimePickertokens.tokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontWeight, _DateTimePickertokens.tokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _DateTimePickertokens.tokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _DateTimePickertokens.tokens.titleCaptionLineHeight, _TextField.textFieldTokens.indicatorColor, _DateTimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DateTimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DateTimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DateTimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DateTimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DateTimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DateTimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.hintMargin, _DateTimePickertokens.tokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _DateTimePickertokens.tokens.hintTargetSize, _TextField.textFieldTokens.hintCustomIconTargetSize, _DateTimePickertokens.tokens.hintCustomIconTargetSize, _TextField.textFieldTokens.hintIconColor, _DateTimePickertokens.tokens.hintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _DateTimePickertokens.tokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipPaddingTop, _DateTimePickertokens.tokens.hintTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _DateTimePickertokens.tokens.hintTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _DateTimePickertokens.tokens.hintTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _DateTimePickertokens.tokens.hintTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _DateTimePickertokens.tokens.hintTooltipMinHeight, _TextField.textFieldTokens.tooltipBackgroundColor, _DateTimePickertokens.tokens.hintTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _DateTimePickertokens.tokens.hintTooltipBoxShadow, _TextField.textFieldTokens.tooltipBorderRadius, _DateTimePickertokens.tokens.hintTooltipBorderRadius, _TextField.textFieldTokens.tooltipColor, _DateTimePickertokens.tokens.hintTooltipColor, _TextField.textFieldTokens.tooltipTextFontFamily, _DateTimePickertokens.tokens.hintTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _DateTimePickertokens.tokens.hintTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _DateTimePickertokens.tokens.hintTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _DateTimePickertokens.tokens.hintTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _DateTimePickertokens.tokens.hintTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _DateTimePickertokens.tokens.hintTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _DateTimePickertokens.tokens.hintTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _DateTimePickertokens.tokens.hintTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _DateTimePickertokens.tokens.hintTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _DateTimePickertokens.tokens.hintTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowBackground, _DateTimePickertokens.tokens.hintTooltipArrowBackground, _TextField.textFieldTokens.tooltipArrowHeight, _DateTimePickertokens.tokens.hintTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _DateTimePickertokens.tokens.hintTooltipArrowEdgeMargin, _TextField.textFieldTokens.leftContentMargin, _DateTimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DateTimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _DateTimePickertokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _DateTimePickertokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _DateTimePickertokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _DateTimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DateTimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DateTimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DateTimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DateTimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DateTimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DateTimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.disabledBackgroundOpacity, _DateTimePickertokens.tokens.disabledBackgroundOpacity, _TextField.textFieldTokens.disabledInnerContentOpacity, _DateTimePickertokens.tokens.disabledInnerContentOpacity, _TextField.textFieldTokens.textBeforeColor, _DateTimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DateTimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DateTimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DateTimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DateTimePickertokens.tokens.textFieldContentSlotColor, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DateTimePickertokens.tokens.textFieldContentSlotColorHover, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DateTimePickertokens.tokens.textFieldContentSlotColorActive, _DateTimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DateTimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DateTimePickertokens.classes.error, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorError, _DateTimePickertokens.classes.success, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorSuccess, _DateTimePickertokens.classes.edited, _TextField.textFieldTokens.backgroundColor, _DateTimePickertokens.tokens.textFieldBackgroundEditedColor, _TextField.textFieldTokens.backgroundColorHover, _DateTimePickertokens.tokens.textFieldBackgroundEditedColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DateTimePickertokens.tokens.textFieldBackgroundEditedColorFocus, _TextField.textFieldTokens.borderColor, _DateTimePickertokens.tokens.textFieldBorderColorEdited, _TextField.textFieldTokens.borderColorHover, _DateTimePickertokens.tokens.textFieldBorderColorEditedHover, _TextField.textFieldTokens.borderColorFocus, _DateTimePickertokens.tokens.textFieldBorderColorEditedFocus, _TextField.textFieldTokens.dividerColor, _DateTimePickertokens.tokens.textFieldDividerColorEdited);

package/dist/styled-components/cjs/components/Drawer/Drawer.styles.js

@@ -114,15 +114,27 @@ const getAnimationStyles = ()=>{
 };
 const StyledPanel = (0, _styledcomponents.default)(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-758b0d76-0"
+    componentId: "sc-b52a230c-0"
 })([
     ``,
     `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
+    `);`,
+    `:var(`,
     `);`
-], _Panel.panelTokens.closeColor, _Drawertokens.tokens.closeIconColor);
+], _Panel.panelTokens.closeColor, _Drawertokens.tokens.closeIconColor, _Panel.panelTokens.scrollbarWidth, _Drawertokens.tokens.scrollbarWidth, _Panel.panelTokens.scrollbarOffsetRight, _Drawertokens.tokens.scrollbarOffsetRight, _Panel.panelTokens.scrollbarThumbBackgroundColor, _Drawertokens.tokens.scrollbarThumbBackgroundColor, _Panel.panelTokens.scrollbarThumbBackgroundColorHover, _Drawertokens.tokens.scrollbarThumbBackgroundColorHover, _Panel.panelTokens.scrollbarThumbBackgroundColorActive, _Drawertokens.tokens.scrollbarThumbBackgroundColorActive, _Panel.panelTokens.scrollbarTrackBackgroundColor, _Drawertokens.tokens.scrollbarTrackBackgroundColor);
 const StyledPopup = (0, _styledcomponents.default)(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-758b0d76-1"
+    componentId: "sc-b52a230c-1"
 })([
     `&&.`,
     `{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.`,

package/dist/styled-components/cjs/components/Drawer/Drawer.tokens.js

@@ -49,5 +49,11 @@ const tokens = {
     contentBackgroundColor: '--plasma-drawer-content-background-color',
     padding: '--plasma-drawer-padding',
     borderRadius: '--plasma-drawer-border-radius',
-    closeIconColor: '--plasma-drawer-close-icon-color'
+    closeIconColor: '--plasma-drawer-close-icon-color',
+    scrollbarWidth: '--plasma-drawer-scrollbar-width',
+    scrollbarOffsetRight: '--plasma-drawer-scrollbar-offset-right',
+    scrollbarThumbBackgroundColor: '--plasma-drawer-scrollbar-thumb-background-color',
+    scrollbarThumbBackgroundColorHover: '--plasma-drawer-scrollbar-thumb-background-color-hover',
+    scrollbarThumbBackgroundColorActive: '--plasma-drawer-scrollbar-thumb-background-color-active',
+    scrollbarTrackBackgroundColor: '--plasma-drawer-scrollbar-track-background-color'
 };

package/dist/styled-components/cjs/components/Dropdown/Dropdown.js

@@ -70,7 +70,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const dropdownRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ items, trigger = 'click', placement = 'bottom', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
+const dropdownRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ items, trigger = 'click', placement = 'bottom-start', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
         0,
         8
     ], closeOnSelect = true, closeOnOverlayClick = true, itemRole = 'option', disabled, size, view, className, ...rest }, ref)=>{

package/dist/styled-components/cjs/components/Dropdown/ui/Inner/Inner.js

@@ -77,7 +77,7 @@ const Inner = ({ item, currentLevel, path, dispatchPath, index, trigger, listWid
     const nextLevel = currentLevel + 1;
     if (item?.items?.length) {
         return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
-            placement: (0, _utils1.getPlacement)(item?.placement || 'right'),
+            placement: (0, _utils1.getPlacement)(item?.placement || 'right-start'),
             opened: isCurrentListOpen,
             onToggle: handleToggle,
             trigger: item.trigger || trigger,

package/dist/styled-components/cjs/components/Dropdown/utils/getPlacement.js

@@ -8,12 +8,22 @@ Object.defineProperty(exports, "getPlacement", {
         return getPlacement;
     }
 });
+const centerPlacements = {
+    'top-center': 'top',
+    'right-center': 'right',
+    'bottom-center': 'bottom',
+    'left-center': 'left'
+};
+const isCenterPlacement = (placement)=>placement in centerPlacements;
 const getPlacement = (placement)=>{
     if (!placement) {
         return 'bottom-start';
     }
-    if (placement === 'auto') {
+    if (placement === 'auto' || placement.endsWith('-start') || placement.endsWith('-end')) {
         return placement;
     }
+    if (isCenterPlacement(placement)) {
+        return centerPlacements[placement];
+    }
     return `${placement}-start`;
 };

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.styles.js

@@ -111,22 +111,22 @@ const base = (0, _styledcomponents.css)([
 ]);
 const ContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__ContentWrapper",
-    componentId: "sc-e2bd6375-0"
+    componentId: "sc-d9133d53-0"
 })([
     `display:flex;align-items:flex-start;gap:var(`,
     `);`
 ], _InformationWrappertokens.tokens.contentGap);
 const ContentChildrenWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__ContentChildrenWrapper",
-    componentId: "sc-e2bd6375-1"
+    componentId: "sc-d9133d53-1"
 })([
     `display:flex;flex-direction:column;width:100%;`
 ]);
 const LabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__LabelWrapper",
-    componentId: "sc-e2bd6375-2"
+    componentId: "sc-d9133d53-2"
 })([
-    `display:flex;align-items:center;white-space:`,
+    `display:flex;align-items:flex-start;white-space:`,
     `;margin-bottom:`,
     `;&.`,
     `{position:relative;margin-bottom:`,
@@ -136,7 +136,7 @@ const LabelWrapper = _styledcomponents.default.div.withConfig({
 ], ({ hasLabel })=>hasLabel ? 'nowrap' : 'normal', ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.labelWrapperOffset})` : `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})`, _InformationWrappertokens.classes.withoutLabel, ({ hasCaption })=>hasCaption ? `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})` : '0', ({ hasCaption })=>hasCaption ? 'flex' : 'block', ({ hasCaption })=>hasCaption ? 'fit-content' : '0');
 const IndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__IndicatorWrapper",
-    componentId: "sc-e2bd6375-3"
+    componentId: "sc-d9133d53-3"
 })([
     `position:`,
     `;display:inline-flex;align-items:center;gap:var(`,
@@ -144,13 +144,13 @@ const IndicatorWrapper = _styledcomponents.default.div.withConfig({
 ], ({ hasLabel })=>hasLabel ? 'relative' : 'static', _InformationWrappertokens.tokens.indicatorWrapperGap);
 const Label = _styledcomponents.default.label.withConfig({
     displayName: "InformationWrapper.styles__Label",
-    componentId: "sc-e2bd6375-4"
+    componentId: "sc-d9133d53-4"
 })([
     `display:inline-flex;`
 ]);
 const HintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintWrapper",
-    componentId: "sc-e2bd6375-5"
+    componentId: "sc-d9133d53-5"
 })([
     `display:flex;justify-content:center;align-items:center;line-height:0;&.`,
     `{position:absolute;margin:0;z-index:2;inset:var(`,
@@ -161,14 +161,14 @@ const HintWrapper = _styledcomponents.default.div.withConfig({
 ], _InformationWrappertokens.classes.withoutLabel, _InformationWrappertokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrappertokens.privateTokens.translateYWithoutTitle, _InformationWrappertokens.tokens.titleCaptionLineHeight, ({ hasCaption })=>hasCaption ? `translateY(var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset}))` : `translateY(var(${_InformationWrappertokens.privateTokens.translateYWithoutTitle}))`);
 const HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintTargetWrapper",
-    componentId: "sc-e2bd6375-6"
+    componentId: "sc-d9133d53-6"
 })([
     `color:var(`,
     `);display:flex;justify-content:center;align-items:center;`
 ], _InformationWrappertokens.tokens.hintIconColor);
 const Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "InformationWrapper.styles__Hint",
-    componentId: "sc-e2bd6375-7"
+    componentId: "sc-d9133d53-7"
 })([
     ``,
     ` .`,
@@ -176,13 +176,13 @@ const Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
 ], HintTargetWrapper, _Popover.popoverClasses.root);
 const HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintIconWrapper",
-    componentId: "sc-e2bd6375-8"
+    componentId: "sc-d9133d53-8"
 })([
     `display:flex;`
 ]);
 const Indicator = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__Indicator",
-    componentId: "sc-e2bd6375-9"
+    componentId: "sc-d9133d53-9"
 })([
     `border-radius:50%;align-self:flex-start;background-color:var(`,
     `);width:var(`,
@@ -201,33 +201,33 @@ const Indicator = _styledcomponents.default.div.withConfig({
 ], _InformationWrappertokens.tokens.indicatorColor, _InformationWrappertokens.tokens.indicatorSizeOuter, _InformationWrappertokens.tokens.indicatorSizeOuter, _InformationWrappertokens.tokens.indicatorMarginTop, _InformationWrappertokens.classes.requiredAlignLeft, _InformationWrappertokens.tokens.indicatorOuterLeft, _InformationWrappertokens.classes.withoutLabel, _InformationWrappertokens.tokens.indicatorSizeInner, _InformationWrappertokens.tokens.indicatorSizeInner, _InformationWrappertokens.tokens.indicatorWithoutLabelInner, ({ hasCaption })=>hasCaption ? `translateY(var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)', _InformationWrappertokens.classes.requiredAlignLeft, _InformationWrappertokens.tokens.indicatorWithoutLabelInnerLeft);
 const OptionalText = _styledcomponents.default.span.withConfig({
     displayName: "InformationWrapper.styles__OptionalText",
-    componentId: "sc-e2bd6375-10"
+    componentId: "sc-d9133d53-10"
 })([
     `color:var(`,
     `);`
 ], _InformationWrappertokens.tokens.optionalColor);
 const TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__TitleCaption",
-    componentId: "sc-e2bd6375-11"
+    componentId: "sc-d9133d53-11"
 })([
     `display:inline-block;margin-left:auto;margin-top:`,
     `;`
-], ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.titleCaptionOffset})` : 'unset');
+], ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.titleCaptionMargin}, 0)` : 'unset');
 const Helpers = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__Helpers",
-    componentId: "sc-e2bd6375-12"
+    componentId: "sc-d9133d53-12"
 })([
     `box-sizing:border-box;display:flex;justify-content:space-between;`
 ]);
 const LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__LeftHelper",
-    componentId: "sc-e2bd6375-13"
+    componentId: "sc-d9133d53-13"
 })([
     ``
 ]);
 const RightHelper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__RightHelper",
-    componentId: "sc-e2bd6375-14"
+    componentId: "sc-d9133d53-14"
 })([
     `margin-left:auto;`
 ]);

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.tokens.js

@@ -41,6 +41,7 @@ const tokens = {
     labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',
     contentGap: '--plasma-info-wrapper-content-gap',
     titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',
+    titleCaptionMargin: '--plasma-info-wrapper-title-caption-margin',
     titleCaptionColor: '--plasma-info-wrapper-title-caption-color',
     titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',
     titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',

package/dist/styled-components/cjs/components/Modal/Modal.tokens.js

@@ -23,6 +23,7 @@ const classes = {
     header: 'modal-header',
     headerAbsolute: 'modal-header-absolute',
     footer: 'modal-footer',
+    footerText: 'modal-footer-text',
     image: 'modal-image',
     hasClose: 'modal-has-close',
     resizable: 'modal-resizable'
@@ -45,5 +46,15 @@ const tokens = {
     modalCloseButtonRight: '--plasma-modal-close-button-right',
     modalHeaderPadding: '--plasma-modal-header-padding',
     modalFooterPadding: '--plasma-modal-footer-padding',
-    modalFooterGap: '--plasma-modal-footer-gap'
+    modalFooterGap: '--plasma-modal-footer-gap',
+    modalFooterTextAlign: '--plasma-modal-footer-text-align',
+    modalFooterTextColor: '--plasma-modal-footer-text-color',
+    modalFooterTextFontFamily: '--plasma-modal-footer-text-font-family',
+    modalFooterTextFontSize: '--plasma-modal-footer-text-font-size',
+    modalFooterTextFontStyle: '--plasma-modal-footer-text-font-style',
+    modalFooterTextFontWeight: '--plasma-modal-footer-text-font-weight',
+    modalFooterTextLetterSpacing: '--plasma-modal-footer-text-letter-spacing',
+    modalFooterTextLineHeight: '--plasma-modal-footer-text-line-height',
+    modalFooterTextMarginTop: '--plasma-modal-footer-text-margin-top',
+    modalFooterTextPaddingBottom: '--plasma-modal-footer-text-padding-bottom'
 };

package/dist/styled-components/cjs/components/Modal/ui/ModalFooter/ModalFooter.js

@@ -61,13 +61,15 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const modalFooterRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ children, view, className, ...rest }, outerRef)=>{
+const modalFooterRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ children, text, view, className, ...rest }, outerRef)=>{
         return /*#__PURE__*/ _react.default.createElement(Root, {
             ref: outerRef,
             view: view,
             className: (0, _utils.cx)(className, _Modaltokens.classes.footer),
             ...rest
-        }, children);
+        }, children, text ? /*#__PURE__*/ _react.default.createElement("div", {
+            className: _Modaltokens.classes.footerText
+        }, text) : null);
     });
 const modalFooterConfig = {
     name: 'ModalFooter',

package/dist/styled-components/cjs/components/Modal/ui/ModalFooter/variations/_view/base.js

@@ -11,7 +11,18 @@ Object.defineProperty(exports, "base", {
 const _styledcomponents = require("styled-components");
 const _Modaltokens = require("../../../../Modal.tokens");
 const base = (0, _styledcomponents.css)([
-    `display:flex;flex-direction:row;align-items:center;box-sizing:border-box;width:100%;gap:var(`,
+    `display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;box-sizing:border-box;width:100%;gap:var(`,
     `);padding:var(`,
-    `);`
-], _Modaltokens.tokens.modalFooterGap, _Modaltokens.tokens.modalFooterPadding);
+    `);.`,
+    `{box-sizing:border-box;width:100%;min-width:100%;margin:var(`,
+    `) 0 0;padding:0 0 var(`,
+    `);text-align:var(`,
+    `);color:var(`,
+    `);font-family:var(`,
+    `);font-size:var(`,
+    `);font-style:var(`,
+    `);font-weight:var(`,
+    `);letter-spacing:var(`,
+    `);line-height:var(`,
+    `);}`
+], _Modaltokens.tokens.modalFooterGap, _Modaltokens.tokens.modalFooterPadding, _Modaltokens.classes.footerText, _Modaltokens.tokens.modalFooterTextMarginTop, _Modaltokens.tokens.modalFooterTextPaddingBottom, _Modaltokens.tokens.modalFooterTextAlign, _Modaltokens.tokens.modalFooterTextColor, _Modaltokens.tokens.modalFooterTextFontFamily, _Modaltokens.tokens.modalFooterTextFontSize, _Modaltokens.tokens.modalFooterTextFontStyle, _Modaltokens.tokens.modalFooterTextFontWeight, _Modaltokens.tokens.modalFooterTextLetterSpacing, _Modaltokens.tokens.modalFooterTextLineHeight);

package/dist/styled-components/cjs/components/Panel/Panel.tokens.js

@@ -38,5 +38,11 @@ const tokens = {
     contentBackgroundColor: '--plasma-panel-content-background-color',
     padding: '--plasma-panel-padding',
     borderRadius: '--plasma-panel-border-radius',
-    closeColor: '--plasma-panel-close-color'
+    closeColor: '--plasma-panel-close-color',
+    scrollbarWidth: '--plasma-panel-scrollbar-width',
+    scrollbarOffsetRight: '--plasma-panel-scrollbar-offset-right',
+    scrollbarThumbBackgroundColor: '--plasma-panel-scrollbar-thumb-background-color',
+    scrollbarThumbBackgroundColorHover: '--plasma-panel-scrollbar-thumb-background-color-hover',
+    scrollbarThumbBackgroundColorActive: '--plasma-panel-scrollbar-thumb-background-color-active',
+    scrollbarTrackBackgroundColor: '--plasma-panel-scrollbar-track-background-color'
 };

package/dist/styled-components/cjs/components/Panel/ui/PanelContent/variations/_view/base.js

@@ -9,6 +9,18 @@ Object.defineProperty(exports, "base", {
     }
 });
 const _styledcomponents = require("styled-components");
+const _mixins = require("../../../../../../mixins");
+const _Paneltokens = require("../../../../Panel.tokens");
 const base = (0, _styledcomponents.css)([
-    `overflow-y:scroll;::-webkit-scrollbar{display:none;}scrollbar-width:none;flex-grow:1;padding-right:20px;box-sizing:border-box;`
-]);
+    `overflow-y:auto;scrollbar-width:auto;`,
+    ` flex-grow:1;margin-right:calc( (var(`,
+    `,0rem) - var(`,
+    `,var(`,
+    `,0rem))) * -1 );padding-right:20px;box-sizing:border-box;`
+], (0, _mixins.addScrollbar)({
+    scrollWidth: `var(${_Paneltokens.tokens.scrollbarWidth}, 0)`,
+    trackColor: `var(${_Paneltokens.tokens.scrollbarTrackBackgroundColor})`,
+    thumbColor: `var(${_Paneltokens.tokens.scrollbarThumbBackgroundColor})`,
+    thumbHoverColor: `var(${_Paneltokens.tokens.scrollbarThumbBackgroundColorHover}, var(${_Paneltokens.tokens.scrollbarThumbBackgroundColor}))`,
+    thumbActiveColor: `var(${_Paneltokens.tokens.scrollbarThumbBackgroundColorActive}, var(${_Paneltokens.tokens.scrollbarThumbBackgroundColor}))`
+}), _Paneltokens.tokens.padding, _Paneltokens.tokens.scrollbarOffsetRight, _Paneltokens.tokens.padding);

package/dist/styled-components/cjs/components/Range/Range.js

@@ -77,8 +77,12 @@ const rangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, //
         0,
         0
     ], hintWidth, hintContentLeft, // layout
-    label, leftHelper, titleCaption, contentLeft, contentRight, firstTextfieldContentLeft, firstTextfieldContentRight, secondTextfieldContentLeft, secondTextfieldContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, firstTextfieldTextAfter, secondTextfieldTextAfter, dividerVariant = 'dash', dividerIcon, autoComplete, onChangeFirstValue, onChangeSecondValue, onSearchFirstValue, onSearchSecondValue, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, ...rest }, ref)=>{
+    label, leftHelper, titleCaption, contentLeft, contentRight, firstTextfieldContentLeft, firstTextfieldContentRight, secondTextfieldContentLeft, secondTextfieldContentRight, firstTextfieldTextBefore, secondTextfieldTextBefore, firstTextfieldTextAfter, secondTextfieldTextAfter, dividerVariant = 'dash', dividerIcon, autoComplete, onChangeFirstValue, onChangeSecondValue, onSearchFirstValue, onSearchSecondValue, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, // Пропсы для внутреннего использования, не отдается наружу.
+    // @ts-ignore
+    _onFieldClick, // @ts-ignore
+    _onContentClick, ...rest }, ref)=>{
         const { inputWrapperRef, firstTextfieldInputWrapperRef, secondTextfieldInputWrapperRef, ...rootProps } = rest;
+        const firstInputId = (0, _utils.safeUseId)();
         const rangeRef = (0, _react.useRef)(null);
         const firstTextFieldRef = (0, _react.useRef)(null);
         const secondTextFieldRef = (0, _react.useRef)(null);
@@ -165,6 +169,7 @@ const rangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, //
             className: (0, _utils.cx)(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass, rangeEditedClass, firstValueEditedClass, secondValueEditedClass, clearOuterHintClass),
             size: size,
             label: label,
+            labelHtmlFor: firstInputId,
             leftHelper: leftHelper,
             titleCaption: titleCaption,
             required: required,
@@ -188,8 +193,12 @@ const rangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, //
         }, /*#__PURE__*/ _react.default.createElement(_Rangestyles.ContentWrapper, {
             ref: inputWrapperRef,
             className: (0, _utils.cx)(clearClass, clearDividerClass, rangeErrorClass, rangeSuccessClass, rangeEditedClass)
-        }, contentLeft && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentLeft, null, contentLeft), /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
+        }, contentLeft && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentLeft, {
+            onClick: _onContentClick
+        }, contentLeft), /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
+            id: firstInputId,
             ref: firstTextFieldRef,
+            _onFieldClick: _onFieldClick,
             inputWrapperRef: firstTextfieldInputWrapperRef,
             className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass, firstValueEditedClass),
             value: firstValue,
@@ -210,6 +219,7 @@ const rangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, //
             hasDivider: hasClearDivider
         }), Divider, /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
             ref: secondTextFieldRef,
+            _onFieldClick: _onFieldClick,
             inputWrapperRef: secondTextfieldInputWrapperRef,
             className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass, secondValueEditedClass),
             value: secondValue,
@@ -242,7 +252,9 @@ const rangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className, //
             handleHintHide: handleHintHide,
             handleHintClick: handleHintClick,
             withoutLabel: true
-        }), contentRight && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentRight, null, contentRight)))));
+        }), contentRight && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentRight, {
+            onClick: _onContentClick
+        }, contentRight)))));
     });
 const rangeConfig = {
     name: 'Range',

package/dist/styled-components/cjs/components/Range/Range.tokens.js

@@ -100,6 +100,7 @@ const tokens = {
     labelColor: '--plasma-range-info-wrapper-label-color',
     contentGap: '--plasma-range-info-wrapper-content-gap',
     titleCaptionOffset: '--plasma-range-info-wrapper-title-caption-offset',
+    titleCaptionMargin: '--plasma-range-info-wrapper-title-caption-margin',
     titleCaptionColor: '--plasma-range-info-wrapper-title-caption-color',
     titleCaptionFontFamily: '--plasma-range-info-wrapper-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-range-info-wrapper-title-caption-font-style',

package/dist/styled-components/cjs/components/Range/ui/InformationWrapper/InformationWrapper.styles.js

@@ -21,7 +21,7 @@ const mergedConfig = (0, _engines.mergeConfig)(_InformationWrapper.informationWr
 const InformationWrapper = (0, _engines.component)(mergedConfig);
 const InformationWrapperUI = (0, _styledcomponents.default)(InformationWrapper).withConfig({
     displayName: "InformationWrapper.styles__InformationWrapperUI",
-    componentId: "sc-9068791-0"
+    componentId: "sc-c14316e9-0"
 })([
     ``,
     `:var(`,
@@ -155,5 +155,7 @@ const InformationWrapperUI = (0, _styledcomponents.default)(InformationWrapper).
     `:var(`,
     `);`,
     `:var(`,
+    `);`,
+    `:var(`,
     `);`
-], _InformationWrapper.informationWrapperTokens.indicatorWrapperGap, _Rangetokens.tokens.indicatorWrapperGap, _InformationWrapper.informationWrapperTokens.labelWrapperOffset, _Rangetokens.tokens.labelWrapperOffset, _InformationWrapper.informationWrapperTokens.labelWrapperTitleCaptionOffset, _Rangetokens.tokens.labelWrapperTitleCaptionOffset, _InformationWrapper.informationWrapperTokens.labelFontFamily, _Rangetokens.tokens.labelFontFamily, _InformationWrapper.informationWrapperTokens.labelFontStyle, _Rangetokens.tokens.labelFontStyle, _InformationWrapper.informationWrapperTokens.labelFontSize, _Rangetokens.tokens.labelFontSize, _InformationWrapper.informationWrapperTokens.labelFontWeight, _Rangetokens.tokens.labelFontWeight, _InformationWrapper.informationWrapperTokens.labelLetterSpacing, _Rangetokens.tokens.labelLetterSpacing, _InformationWrapper.informationWrapperTokens.labelLineHeight, _Rangetokens.tokens.labelLineHeight, _InformationWrapper.informationWrapperTokens.labelColor, _Rangetokens.tokens.labelColor, _InformationWrapper.informationWrapperTokens.contentGap, _Rangetokens.tokens.contentGap, _InformationWrapper.informationWrapperTokens.titleCaptionOffset, _Rangetokens.tokens.titleCaptionOffset, _InformationWrapper.informationWrapperTokens.titleCaptionColor, _Rangetokens.tokens.titleCaptionColor, _InformationWrapper.informationWrapperTokens.titleCaptionFontFamily, _Rangetokens.tokens.titleCaptionFontFamily, _InformationWrapper.informationWrapperTokens.titleCaptionFontStyle, _Rangetokens.tokens.titleCaptionFontStyle, _InformationWrapper.informationWrapperTokens.titleCaptionFontSize, _Rangetokens.tokens.titleCaptionFontSize, _InformationWrapper.informationWrapperTokens.titleCaptionFontWeight, _Rangetokens.tokens.titleCaptionFontWeight, _InformationWrapper.informationWrapperTokens.titleCaptionLetterSpacing, _Rangetokens.tokens.titleCaptionLetterSpacing, _InformationWrapper.informationWrapperTokens.titleCaptionLineHeight, _Rangetokens.tokens.titleCaptionLineHeight, _InformationWrapper.informationWrapperTokens.hintMargin, _Rangetokens.tokens.hintMargin, _InformationWrapper.informationWrapperTokens.hintTargetSize, _Rangetokens.tokens.hintTargetSize, _InformationWrapper.informationWrapperTokens.hintCustomIconTargetSize, _Rangetokens.tokens.hintCustomIconTargetSize, _InformationWrapper.informationWrapperTokens.hintIconColor, _Rangetokens.tokens.hintIconColor, _InformationWrapper.informationWrapperTokens.hintWithoutLabelPlacementOffset, _Rangetokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrapper.informationWrapperTokens.tooltipBackgroundColor, _Rangetokens.tokens.tooltipBackgroundColor, _InformationWrapper.informationWrapperTokens.tooltipBoxShadow, _Rangetokens.tokens.tooltipBoxShadow, _InformationWrapper.informationWrapperTokens.tooltipColor, _Rangetokens.tokens.tooltipColor, _InformationWrapper.informationWrapperTokens.tooltipPaddingTop, _Rangetokens.tokens.tooltipPaddingTop, _InformationWrapper.informationWrapperTokens.tooltipPaddingRight, _Rangetokens.tokens.tooltipPaddingRight, _InformationWrapper.informationWrapperTokens.tooltipPaddingBottom, _Rangetokens.tokens.tooltipPaddingBottom, _InformationWrapper.informationWrapperTokens.tooltipPaddingLeft, _Rangetokens.tokens.tooltipPaddingLeft, _InformationWrapper.informationWrapperTokens.tooltipMinHeight, _Rangetokens.tokens.tooltipMinHeight, _InformationWrapper.informationWrapperTokens.tooltipBorderRadius, _Rangetokens.tokens.tooltipBorderRadius, _InformationWrapper.informationWrapperTokens.tooltipTextFontFamily, _Rangetokens.tokens.tooltipTextFontFamily, _InformationWrapper.informationWrapperTokens.tooltipTextFontSize, _Rangetokens.tokens.tooltipTextFontSize, _InformationWrapper.informationWrapperTokens.tooltipTextFontStyle, _Rangetokens.tokens.tooltipTextFontStyle, _InformationWrapper.informationWrapperTokens.tooltipTextFontWeight, _Rangetokens.tokens.tooltipTextFontWeight, _InformationWrapper.informationWrapperTokens.tooltipTextFontLetterSpacing, _Rangetokens.tokens.tooltipTextFontLetterSpacing, _InformationWrapper.informationWrapperTokens.tooltipTextFontLineHeight, _Rangetokens.tokens.tooltipTextFontLineHeight, _InformationWrapper.informationWrapperTokens.tooltipContentLeftMargin, _Rangetokens.tokens.tooltipContentLeftMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskWidth, _Rangetokens.tokens.tooltipArrowMaskWidth, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskHeight, _Rangetokens.tokens.tooltipArrowMaskHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskImage, _Rangetokens.tokens.tooltipArrowMaskImage, _InformationWrapper.informationWrapperTokens.tooltipArrowHeight, _Rangetokens.tokens.tooltipArrowHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowEdgeMargin, _Rangetokens.tokens.tooltipArrowEdgeMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowBackground, _Rangetokens.tokens.tooltipArrowBackground, _InformationWrapper.informationWrapperTokens.indicatorColor, _Rangetokens.tokens.indicatorColor, _InformationWrapper.informationWrapperTokens.indicatorSizeInner, _Rangetokens.tokens.indicatorSizeInner, _InformationWrapper.informationWrapperTokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _InformationWrapper.informationWrapperTokens.indicatorMarginTop, _Rangetokens.tokens.indicatorMarginTop, _InformationWrapper.informationWrapperTokens.indicatorOuterLeft, _Rangetokens.tokens.indicatorOuterLeft, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelInner, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInnerLeft, _Rangetokens.tokens.indicatorWithoutLabelInnerLeft, _InformationWrapper.informationWrapperTokens.leftHelperColor, _Rangetokens.tokens.leftHelperColor, _InformationWrapper.informationWrapperTokens.helpersPadding, _Rangetokens.tokens.helpersPadding, _InformationWrapper.informationWrapperTokens.helpersGap, _Rangetokens.tokens.helpersGap, _InformationWrapper.informationWrapperTokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontFamily, _InformationWrapper.informationWrapperTokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontStyle, _InformationWrapper.informationWrapperTokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontSize, _InformationWrapper.informationWrapperTokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperFontWeight, _InformationWrapper.informationWrapperTokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLetterSpacing, _InformationWrapper.informationWrapperTokens.leftHelperLineHeight, _Rangetokens.tokens.leftHelperLineHeight, _InformationWrapper.informationWrapperTokens.labelColorReadOnly, _Rangetokens.tokens.labelColorReadOnly, _InformationWrapper.informationWrapperTokens.titleCaptionColorReadOnly, _Rangetokens.tokens.titleCaptionColorReadOnly, _InformationWrapper.informationWrapperTokens.leftHelperColorReadOnly, _Rangetokens.tokens.leftHelperColorReadOnly, _InformationWrapper.informationWrapperTokens.rightHelperColorReadOnly, _Rangetokens.tokens.rightHelperColorReadOnly);
+], _InformationWrapper.informationWrapperTokens.indicatorWrapperGap, _Rangetokens.tokens.indicatorWrapperGap, _InformationWrapper.informationWrapperTokens.labelWrapperOffset, _Rangetokens.tokens.labelWrapperOffset, _InformationWrapper.informationWrapperTokens.labelWrapperTitleCaptionOffset, _Rangetokens.tokens.labelWrapperTitleCaptionOffset, _InformationWrapper.informationWrapperTokens.labelFontFamily, _Rangetokens.tokens.labelFontFamily, _InformationWrapper.informationWrapperTokens.labelFontStyle, _Rangetokens.tokens.labelFontStyle, _InformationWrapper.informationWrapperTokens.labelFontSize, _Rangetokens.tokens.labelFontSize, _InformationWrapper.informationWrapperTokens.labelFontWeight, _Rangetokens.tokens.labelFontWeight, _InformationWrapper.informationWrapperTokens.labelLetterSpacing, _Rangetokens.tokens.labelLetterSpacing, _InformationWrapper.informationWrapperTokens.labelLineHeight, _Rangetokens.tokens.labelLineHeight, _InformationWrapper.informationWrapperTokens.labelColor, _Rangetokens.tokens.labelColor, _InformationWrapper.informationWrapperTokens.contentGap, _Rangetokens.tokens.contentGap, _InformationWrapper.informationWrapperTokens.titleCaptionOffset, _Rangetokens.tokens.titleCaptionOffset, _InformationWrapper.informationWrapperTokens.titleCaptionMargin, _Rangetokens.tokens.titleCaptionMargin, _InformationWrapper.informationWrapperTokens.titleCaptionColor, _Rangetokens.tokens.titleCaptionColor, _InformationWrapper.informationWrapperTokens.titleCaptionFontFamily, _Rangetokens.tokens.titleCaptionFontFamily, _InformationWrapper.informationWrapperTokens.titleCaptionFontStyle, _Rangetokens.tokens.titleCaptionFontStyle, _InformationWrapper.informationWrapperTokens.titleCaptionFontSize, _Rangetokens.tokens.titleCaptionFontSize, _InformationWrapper.informationWrapperTokens.titleCaptionFontWeight, _Rangetokens.tokens.titleCaptionFontWeight, _InformationWrapper.informationWrapperTokens.titleCaptionLetterSpacing, _Rangetokens.tokens.titleCaptionLetterSpacing, _InformationWrapper.informationWrapperTokens.titleCaptionLineHeight, _Rangetokens.tokens.titleCaptionLineHeight, _InformationWrapper.informationWrapperTokens.hintMargin, _Rangetokens.tokens.hintMargin, _InformationWrapper.informationWrapperTokens.hintTargetSize, _Rangetokens.tokens.hintTargetSize, _InformationWrapper.informationWrapperTokens.hintCustomIconTargetSize, _Rangetokens.tokens.hintCustomIconTargetSize, _InformationWrapper.informationWrapperTokens.hintIconColor, _Rangetokens.tokens.hintIconColor, _InformationWrapper.informationWrapperTokens.hintWithoutLabelPlacementOffset, _Rangetokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrapper.informationWrapperTokens.tooltipBackgroundColor, _Rangetokens.tokens.tooltipBackgroundColor, _InformationWrapper.informationWrapperTokens.tooltipBoxShadow, _Rangetokens.tokens.tooltipBoxShadow, _InformationWrapper.informationWrapperTokens.tooltipColor, _Rangetokens.tokens.tooltipColor, _InformationWrapper.informationWrapperTokens.tooltipPaddingTop, _Rangetokens.tokens.tooltipPaddingTop, _InformationWrapper.informationWrapperTokens.tooltipPaddingRight, _Rangetokens.tokens.tooltipPaddingRight, _InformationWrapper.informationWrapperTokens.tooltipPaddingBottom, _Rangetokens.tokens.tooltipPaddingBottom, _InformationWrapper.informationWrapperTokens.tooltipPaddingLeft, _Rangetokens.tokens.tooltipPaddingLeft, _InformationWrapper.informationWrapperTokens.tooltipMinHeight, _Rangetokens.tokens.tooltipMinHeight, _InformationWrapper.informationWrapperTokens.tooltipBorderRadius, _Rangetokens.tokens.tooltipBorderRadius, _InformationWrapper.informationWrapperTokens.tooltipTextFontFamily, _Rangetokens.tokens.tooltipTextFontFamily, _InformationWrapper.informationWrapperTokens.tooltipTextFontSize, _Rangetokens.tokens.tooltipTextFontSize, _InformationWrapper.informationWrapperTokens.tooltipTextFontStyle, _Rangetokens.tokens.tooltipTextFontStyle, _InformationWrapper.informationWrapperTokens.tooltipTextFontWeight, _Rangetokens.tokens.tooltipTextFontWeight, _InformationWrapper.informationWrapperTokens.tooltipTextFontLetterSpacing, _Rangetokens.tokens.tooltipTextFontLetterSpacing, _InformationWrapper.informationWrapperTokens.tooltipTextFontLineHeight, _Rangetokens.tokens.tooltipTextFontLineHeight, _InformationWrapper.informationWrapperTokens.tooltipContentLeftMargin, _Rangetokens.tokens.tooltipContentLeftMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskWidth, _Rangetokens.tokens.tooltipArrowMaskWidth, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskHeight, _Rangetokens.tokens.tooltipArrowMaskHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskImage, _Rangetokens.tokens.tooltipArrowMaskImage, _InformationWrapper.informationWrapperTokens.tooltipArrowHeight, _Rangetokens.tokens.tooltipArrowHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowEdgeMargin, _Rangetokens.tokens.tooltipArrowEdgeMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowBackground, _Rangetokens.tokens.tooltipArrowBackground, _InformationWrapper.informationWrapperTokens.indicatorColor, _Rangetokens.tokens.indicatorColor, _InformationWrapper.informationWrapperTokens.indicatorSizeInner, _Rangetokens.tokens.indicatorSizeInner, _InformationWrapper.informationWrapperTokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _InformationWrapper.informationWrapperTokens.indicatorMarginTop, _Rangetokens.tokens.indicatorMarginTop, _InformationWrapper.informationWrapperTokens.indicatorOuterLeft, _Rangetokens.tokens.indicatorOuterLeft, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelInner, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInnerLeft, _Rangetokens.tokens.indicatorWithoutLabelInnerLeft, _InformationWrapper.informationWrapperTokens.leftHelperColor, _Rangetokens.tokens.leftHelperColor, _InformationWrapper.informationWrapperTokens.helpersPadding, _Rangetokens.tokens.helpersPadding, _InformationWrapper.informationWrapperTokens.helpersGap, _Rangetokens.tokens.helpersGap, _InformationWrapper.informationWrapperTokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontFamily, _InformationWrapper.informationWrapperTokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontStyle, _InformationWrapper.informationWrapperTokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontSize, _InformationWrapper.informationWrapperTokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperFontWeight, _InformationWrapper.informationWrapperTokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLetterSpacing, _InformationWrapper.informationWrapperTokens.leftHelperLineHeight, _Rangetokens.tokens.leftHelperLineHeight, _InformationWrapper.informationWrapperTokens.labelColorReadOnly, _Rangetokens.tokens.labelColorReadOnly, _InformationWrapper.informationWrapperTokens.titleCaptionColorReadOnly, _Rangetokens.tokens.titleCaptionColorReadOnly, _InformationWrapper.informationWrapperTokens.leftHelperColorReadOnly, _Rangetokens.tokens.leftHelperColorReadOnly, _InformationWrapper.informationWrapperTokens.rightHelperColorReadOnly, _Rangetokens.tokens.rightHelperColorReadOnly);

package/dist/styled-components/cjs/components/Select/FloatingPopover.js

@@ -97,7 +97,7 @@ const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, childre
         }
     }, /*#__PURE__*/ _react1.default.createElement("div", {
         ref: isTargetAsFunction ? undefined : refs.setReference,
-        onClick: handleClick
+        onClick: isTargetAsFunction ? undefined : handleClick
     }, typeof target === 'function' ? target(refs.setReference) : target), opened && // root - принимает ref контейнера портала.
     // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
     /*#__PURE__*/ _react1.default.createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/ _react1.default.createElement("div", {

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

@@ -74,7 +74,7 @@ const selectRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         target = 'textfield-like', contentLeft, contentRight, placeholder, helperText, chipType = 'default', chipClickArea = 'full', required, requiredPlacement = 'right', optional, optionalText, hasRequiredIndicator = false, hintText, hintTrigger, hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement, hintHasArrow, hintOffset = [
             0,
             8
-        ], hintWidth, hintContentLeft, label, labelPlacement, keepPlaceholder, // IsMultiselect
+        ], hintWidth, hintContentLeft, label, titleCaption, labelPlacement, keepPlaceholder, appearance, hasDivider, // IsMultiselect
         multiselect, value: outerValue, onChange: outerOnChange, isTargetAmount, renderTarget, selectAllOptions, name, defaultValue, // Private
         _offset, _checkboxAppearance, // Basic
         items, sortItems, treeView = false, arrowPlacement = 'left', placement = 'bottom', disabled = false, readOnly = false, variant = 'normal', zIndex, listMaxHeight, listWidth, portal, renderValue, renderItem, renderSelectionIcon, closeAfterSelect: outerCloseAfterSelect, beforeList, afterList, virtual = false, onScroll, onToggle, mode = 'default', flip, shift, singleLine, emptyStateDescription, // Rest
@@ -228,6 +228,7 @@ const selectRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                     opened: isListOpened,
                     valueToItemMap: valueToItemMap,
                     label: label,
+                    titleCaption: titleCaption,
                     placeholder: placeholder,
                     onKeyDown: onKeyDown,
                     labelPlacement: labelPlacement,
@@ -240,6 +241,7 @@ const selectRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                     readOnly: readOnly,
                     renderValue: renderValue,
                     inputWrapperRef: referenceRef,
+                    onClick: ()=>handleListToggle(!isListOpened),
                     multiselect: multiselect,
                     helperText: helperText,
                     treeId: treeId,
@@ -250,7 +252,9 @@ const selectRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                     chipType: chipType,
                     chipClickArea: chipClickArea,
                     requiredProps: requiredProps,
-                    hintProps: hintProps
+                    hintProps: hintProps,
+                    appearance: appearance,
+                    hasDivider: hasDivider
                 }),
             zIndex: zIndex,
             isInner: false,

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

@@ -96,18 +96,26 @@ const tokens = {
     buttonPadding: '--plasma-select-button-padding',
     // Токены для TextField
     textFieldColor: '--plasma-select-textfield-color',
+    textFieldColorFocus: '--plasma-select-textfield-color-focus',
     textFieldBackgroundColor: '--plasma-select-textfield-background-color',
     textFieldBackgroundColorHover: '--plasma-select-textfield-background-color-hover',
     textFieldBackgroundColorFocus: '--plasma-select-textfield-background-color-focus',
     textFieldBorderColor: '--plasma-select-textfield-border-color',
     textFieldBorderColorHover: '--plasma-select-textfield-border-color-hover',
     textFieldBorderColorFocus: '--plasma-select-textfield-border-color-focus',
+    textFieldDividerColor: '--plasma-select-textfield-divider-color',
+    textFieldDividerColorHover: '--plasma-select-textfield-divider-color-hover',
+    textFieldDividerColorFocus: '--plasma-select-textfield-divider-color-focus',
     textFieldPlaceholderColor: '--plasma-select-textfield-placeholder-color',
+    textFieldPlaceholderColorHover: '--plasma-select-textfield-placeholder-color-hover',
     textFieldPlaceholderColorFocus: '--plasma-select-textfield-placeholder-color-focus',
+    textFieldClearPlaceholderColor: '--plasma-select-textfield-clear-placeholder-color',
+    textFieldClearPlaceholderColorFocus: '--plasma-select-textfield-clear-placeholder-color-focus',
     /** Цвета для read-only состояния */ textFieldColorReadOnly: '--plasma-select-textfield-color-readonly',
     textFieldBackgroundColorReadOnly: '--plasma-select-textfield-bg-color-readonly',
     textFieldBorderColorReadOnly: '--plasma-select-textfield-border-color-readonly',
     textFieldPlaceholderColorReadOnly: '--plasma-select-textfield__placeholder-color-readonly',
+    textFieldDividerColorReadOnly: '--plasma-select-textfield-divider-color-readonly',
     textFieldHeight: '--plasma-select-textfield-height',
     textFieldBorderWidth: '--plasma-select-textfield-border-width',
     textFieldBorderRadius: '--plasma-select-textfield-border-radius',
@@ -150,6 +158,7 @@ const tokens = {
     textFieldTitleCaptionColor: '--plasma-select-textfield-title-caption-color',
     textFieldTitleCaptionColorReadOnly: '--plasma-select-textfield__title-caption-color-readonly',
     textFieldTitleCaptionInnerLabelOffset: '--plasma-select-textfield-title-caption-label-inner-offset',
+    textFieldTitleCaptionMargin: '--plasma-select-textfield-title-caption-margin',
     textFieldTitleCaptionFontFamily: '--plasma-select-textfield-title-caption-font-family',
     textFieldTitleCaptionFontStyle: '--plasma-select-textfield-title-caption-font-style',
     textFieldTitleCaptionFontSize: '--plasma-select-textfield-title-caption-font-size',