@salutejs/plasma-new-hope 0.335.0-canary.2203.17433640523.0 → 0.336.0-canary.1906.17438878873.0

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-90bc7dc8-0"
+    componentId: "sc-16307fd6-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов Range
 export var StyledRange = styled(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-90bc7dc8-1"
+    componentId: "sc-16307fd6-1"
 })([
     "",
     ":var(",
@@ -177,8 +177,12 @@ export var StyledRange = styled(Range).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
+], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.rightContentOpacityReadOnly, tokens.rightContentOpacityReadOnly, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.dividerOpacityReadOnly, tokens.dividerOpacityReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -189,7 +193,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
 export var LeftHelper = styled.div.withConfig({
     displayName: "RangeDate.styles__LeftHelper",
-    componentId: "sc-90bc7dc8-2"
+    componentId: "sc-16307fd6-2"
 })([
     "color:var(",
     ");&.",

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-545a903e-0"
+    componentId: "sc-3e25c44b-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-545a903e-1"
+    componentId: "sc-3e25c44b-1"
 })([
     "width:100%;",
     ":var(",
@@ -138,7 +138,9 @@ export var StyledInput = styled(TextField).withConfig({
     "));",
     ":var(",
     ",var(",
-    "));&.",
+    "));",
+    ":var(",
+    ");&.",
     "{",
     ":var(",
     ");",
@@ -165,7 +167,7 @@ export var StyledInput = styled(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -175,7 +177,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
 export var LeftHelper = styled.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-545a903e-2"
+    componentId: "sc-3e25c44b-2"
 })([
     "color:var(",
     ");&.",

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

@@ -57,10 +57,10 @@ import React, { forwardRef } from "react";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
-import { base, LinkButtonText, Loader, LoadWrap, StyledContentLeft, StyledContentRight, StyledSpinner } from "./LinkButton.styles";
+import { base, LinkButtonText, Loader, LoadWrap, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner } from "./LinkButton.styles";
 export var linkButtonRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var children = props.children, view = props.view, size = props.size, text = props.text, contentLeft = props.contentLeft, contentRight = props.contentRight, isLoading = props.isLoading, loader = props.loader, disabled = props.disabled, target = props.target, href = props.href, rel = props.rel, style = props.style, rest = _object_without_properties(props, [
+        var children = props.children, view = props.view, size = props.size, text = props.text, contentLeft = props.contentLeft, contentRight = props.contentRight, isLoading = props.isLoading, loader = props.loader, disabled = props.disabled, target = props.target, href = props.href, rel = props.rel, style = props.style, additionalContent = props.additionalContent, rest = _object_without_properties(props, [
             "children",
             "view",
             "size",
@@ -73,7 +73,8 @@ export var linkButtonRoot = function(Root) {
             "target",
             "href",
             "rel",
-            "style"
+            "style",
+            "additionalContent"
         ]);
         var txt = typeof children === 'string' ? children : text;
         var loadingCustomOpacity = isLoading && size === 'xxs' && {
@@ -96,7 +97,7 @@ export var linkButtonRoot = function(Root) {
         }, linkProps, rest), /*#__PURE__*/ React.createElement(LoadWrap, {
             isLoading: !disabled && isLoading,
             style: _object_spread({}, loadingCustomOpacity)
-        }, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ React.createElement(LinkButtonText, null, txt) : children, contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
+        }, contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/ React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/ React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/ React.createElement(Loader, null, loader || /*#__PURE__*/ React.createElement(StyledSpinner, null)));
     });
 };
 export var linkButtonConfig = {

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

@@ -15,9 +15,16 @@ export var base = css([
     outlineRadius: "calc(0.125rem + var(".concat(tokens.linkButtonRadius, "))"),
     outlineColor: "var(".concat(tokens.linkButtonFocusColor, ")")
 }));
+export var StyledAdditionalContent = styled.div.withConfig({
+    displayName: "LinkButton.styles__StyledAdditionalContent",
+    componentId: "sc-b0f8868c-0"
+})([
+    "display:flex;align-items:center;margin:var(",
+    ");"
+], tokens.linkButtonAdditionalContentMargin);
 export var LoadWrap = styled.div.withConfig({
     displayName: "LinkButton.styles__LoadWrap",
-    componentId: "sc-d193754d-0"
+    componentId: "sc-b0f8868c-1"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
@@ -27,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "LinkButton.styles__Loader",
-    componentId: "sc-d193754d-1"
+    componentId: "sc-b0f8868c-2"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "LinkButton.styles__StyledSpinner",
-    componentId: "sc-d193754d-2"
+    componentId: "sc-b0f8868c-3"
 })([
     "",
     ":var(",
@@ -43,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-d193754d-3"
+    componentId: "sc-b0f8868c-4"
 })([
     "padding:var(",
     ");color:var(",
@@ -52,7 +59,7 @@ export var LinkButtonText = styled.span.withConfig({
 ], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis());
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentLeft",
-    componentId: "sc-d193754d-4"
+    componentId: "sc-b0f8868c-5"
 })([
     "line-height:0;color:var(",
     ");margin:var(",
@@ -60,7 +67,7 @@ export var StyledContentLeft = styled.div.withConfig({
 ], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
 export var StyledContentRight = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentRight",
-    componentId: "sc-d193754d-5"
+    componentId: "sc-b0f8868c-6"
 })([
     "line-height:0;color:var(",
     ");margin:var(",

package/styled-components/es/components/LinkButton/LinkButton.tokens.js

@@ -18,6 +18,7 @@ export var tokens = {
     linkButtonLineHeight: '--plasma-link-button-line-height',
     linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',
     linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',
+    linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',
     linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',
     linkButtonFocusColor: '--plasma-link-button-focus-color',
     linkButtonSpinnerColor: '--plasma-link-button-spinner-color',

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

@@ -169,5 +169,6 @@ export var tokens = {
     tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
     tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
     tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',
+    contentSlotRightOpacityReadOnly: '--plasma-textarea-right-content-opacity-readonly',
     tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN
 };

package/styled-components/es/components/TextArea/variations/_read-only/base.js

@@ -1,9 +1,11 @@
 import { css } from "styled-components";
-import { StyledContainer, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
+import { StyledContainer, StyledContent, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
 import { classes, tokens } from "../../TextArea.tokens";
 export var base = css([
     "&[readonly]{",
     "{color:var(",
+    ");}",
+    "{opacity:var(",
     ");}&.",
     "{",
     "{&:before{background-color:var(",
@@ -20,4 +22,4 @@ export var base = css([
     ");border-radius:var(",
     ");opacity:var(",
     ");z-index:-1;}:hover{background:transparent;}}}}"
-], StyledTextArea, tokens.inputColorReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);
+], StyledTextArea, tokens.inputColorReadOnly, StyledContent, tokens.contentSlotRightOpacityReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -63,6 +63,7 @@ export var tokens = {
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
+    contentSlotRightOpacityReadOnly: '--plasma-textfield-right-content-opacity-readonly',
     contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',
     contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',
     /** Токены лейбла */ labelColor: '--plasma-textfield__label-color',

package/styled-components/es/components/TextField/variations/_read-only/base.js

@@ -24,6 +24,8 @@ export var base = css([
     ");}",
     "{color:var(",
     ");}",
+    "{opacity:var(",
+    ");}",
     ":hover,",
     ":active{cursor:default;color:var(",
     ",var(",
@@ -32,4 +34,4 @@ export var base = css([
     "{color:var(",
     ");}",
     "{&:hover{cursor:default;}}}"
-], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly, StyledContentRight);
+], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly, StyledContentRight);

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

@@ -488,13 +488,14 @@ export var config = {
         readOnly: {
             true: css([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);"
-            ], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
+            ], tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
         }
     }
 };

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

@@ -146,8 +146,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.625rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.625rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.5rem;",
+                ":0.375rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             l: css([
                 "",
                 ":3.5rem;",
@@ -164,8 +166,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.5rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.5rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.5rem;",
+                ":0.375rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             m: css([
                 "",
                 ":3rem;",
@@ -182,8 +186,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.375rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.375rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.375rem;",
+                ":0.25rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             s: css([
                 "",
                 ":2.5rem;",
@@ -200,8 +206,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.25rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             xs: css([
                 "",
                 ":2rem;",
@@ -218,8 +226,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
+                ":0 0 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.125rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
             xxs: css([
                 "",
                 ":1.5rem;",
@@ -236,8 +246,10 @@ export var config = {
                 ":inherit;",
                 ":0 0.25rem 0 -0.125rem;",
                 ":0 -0.125rem 0 0.25rem;",
-                ":0 0 0 0.25rem;"
-            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
+                ":0 0rem 0 0.25rem;",
+                ":0 0 0 0.25rem;",
+                ":0.125rem;"
+            ], buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
         },
         disabled: {
             true: css([

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

@@ -676,12 +676,13 @@ export var config = {
         readOnly: {
             true: css([
                 "",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);"
-            ], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
+                ":var(--text-primary);"
+            ], tokens.textFieldColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
         }
     }
 };

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

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

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

@@ -501,13 +501,16 @@ export var config = {
             true: css([
                 "",
                 ":var(--surface-transparent-primary);",
+                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
-                ":var(--text-secondary);",
+                ":var(--text-primary);",
+                ":0.4;",
+                ":var(--text-primary);",
                 ":var(--surface-transparent-primary);",
-                ":var(--text-secondary);"
-            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+                ":var(--text-secondary);",
+                ":0.4;",
+                ":0.4;"
+            ], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly)
         }
     }
 };

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

@@ -84,8 +84,9 @@ export var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.5rem 0 0;",
+                ":0 0 0 0.5rem;",
                 ":0 0 0 0.5rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
             l: css([
                 "",
                 ":3.5rem;",
@@ -101,8 +102,9 @@ export var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.5rem 0 0;",
+                ":0 0 0 0.5rem;",
                 ":0 0 0 0.5rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
             m: css([
                 "",
                 ":3rem;",
@@ -118,8 +120,9 @@ export var config = {
                 ":inherit;",
                 ":0.125rem 0;",
                 ":0 0.375rem 0 0;",
+                ":0 0 0 0.375rem;",
                 ":0 0 0 0.375rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
             s: css([
                 "",
                 ":2.5rem;",
@@ -135,8 +138,9 @@ export var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":0 0 0 0.25rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
             xs: css([
                 "",
                 ":2rem;",
@@ -152,8 +156,9 @@ export var config = {
                 ":inherit;",
                 ":0.063rem 0;",
                 ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
                 ":0 0 0 0.25rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin),
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonTextPadding, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin),
             xxs: css([
                 "",
                 ":1.5rem;",
@@ -168,8 +173,9 @@ export var config = {
                 ":0.75rem;",
                 ":inherit;",
                 ":0.063rem 0.25rem 0.063rem 0;",
-                ":0.063rem 0 0.063rem 0.25rem;"
-            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin)
+                ":0.063rem 0 0.063rem 0.25rem;",
+                ":0 0 0 0.25rem;"
+            ], linkButtonTokens.linkButtonHeight, linkButtonTokens.linkButtonPadding, linkButtonTokens.linkButtonRadius, linkButtonTokens.linkButtonFontFamily, linkButtonTokens.linkButtonFontSize, linkButtonTokens.linkButtonFontStyle, linkButtonTokens.linkButtonFontWeight, linkButtonTokens.linkButtonLetterSpacing, linkButtonTokens.linkButtonLineHeight, linkButtonTokens.linkButtonSpinnerSize, linkButtonTokens.linkButtonSpinnerColor, linkButtonTokens.linkButtonLeftContentMargin, linkButtonTokens.linkButtonRightContentMargin, linkButtonTokens.linkButtonAdditionalContentMargin)
         },
         disabled: {
             true: css([

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

@@ -547,8 +547,9 @@ export var config = {
                 ":0.4;",
                 ":var(--surface-transparent-primary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
         },
         disabled: {
             true: css([

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

@@ -667,8 +667,9 @@ export var config = {
                 ":var(--text-secondary);",
                 ":var(--text-secondary);",
                 ":var(--text-primary);",
-                ":var(--surface-transparent-primary);"
-            ], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
+                ":var(--surface-transparent-primary);",
+                ":0.4;"
+            ], tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
         }
     }
 };

package/types/components/Attach/ui/Button/Button.styles.d.ts

@@ -2,6 +2,7 @@ export declare const StyledButton: import("@linaria/react").StyledMeta & import(
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
@@ -23,6 +24,7 @@ export declare const StyledButton: import("@linaria/react").StyledMeta & import(
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;

package/types/components/Attach/ui/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAoCxB,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAoCxB,CAAC"}

package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts

@@ -2,6 +2,7 @@ export declare const StyledIconButton: import("@linaria/react").StyledMeta & imp
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
@@ -23,6 +24,7 @@ export declare const StyledIconButton: import("@linaria/react").StyledMeta & imp
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
@@ -45,6 +47,7 @@ export declare const StyledIconButtonCancel: import("@linaria/react").StyledMeta
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;
@@ -66,6 +69,7 @@ export declare const StyledIconButtonCancel: import("@linaria/react").StyledMeta
     text?: string;
     contentLeft?: import("react").ReactNode;
     contentPlacing?: "default" | "relaxed";
+    additionalContent?: import("react").ReactNode;
     isLoading?: boolean;
     loader?: import("react").ReactNode;
     stretch?: boolean;

package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA8B5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA4BlC,CAAC"}
+{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA8B5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA4BlC,CAAC"}

package/types/components/Autocomplete/Autocomplete.tokens.d.ts

@@ -45,6 +45,7 @@ export declare const tokens: {
     textFieldContentSlotRightColor: string;
     textFieldContentSlotRightColorHover: string;
     textFieldContentSlotRightColorActive: string;
+    textFieldContentSlotRightOpacityReadOnly: string;
     textFieldLabelColor: string;
     textFieldLabelColorReadOnly: string;
     textFieldLabelOffset: string;

package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkGf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF5B,CAAC"}
+{"version":3,"file":"Autocomplete.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmGf,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF5B,CAAC"}