@salutejs/plasma-new-hope 0.345.0-canary.2416.20569157442.0 → 0.345.0-canary.2417.20992530703.0

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

@@ -110,21 +110,43 @@ import { keys, useKeyNavigation } from "../hooks/useKeyboardNavigation";
 import { getFormattedDates } from "../utils";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
+import { base as hintViewCSS } from "./variations/_hint-view/base";
+import { base as hintSizeCSS } from "./variations/_hint-size/base";
 import { base as eventTooltipSizeCSS } from "./variations/_tooltip-size/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
 import { base as readOnlyCSS } from "./variations/_readonly/base";
 import { LeftHelper, StyledInput, StyledPopover, base } from "./SingleDate.styles";
 export var datePickerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, name = _param.name, autoComplete = _param.autoComplete, // controlled
+        outerValue = _param.value, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, // variations
+        view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, appearance = _param.appearance, hasClearDivider = _param.hasClearDivider, stretched = _param.stretched, valueError = _param.valueError, valueSuccess = _param.valueSuccess, // layout
+        label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, _param_hintTrigger = _param.// hint
+        hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? [
+            0,
+            0
+        ] : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, _param_frame = _param.// calendar-container
+        frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
-        ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
+        ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, _param_format = _param.// calendar
+        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "className",
-            "opened",
+            "name",
+            "autoComplete",
             "value",
+            "opened",
             "defaultDate",
             "preserveInvalidOnBlur",
+            "view",
+            "size",
+            "readOnly",
+            "disabled",
+            "appearance",
+            "hasClearDivider",
+            "stretched",
+            "valueError",
+            "valueSuccess",
             "label",
             "labelPlacement",
             "keepPlaceholder",
@@ -137,13 +159,25 @@ export var datePickerRoot = function(Root) {
             "contentRight",
             "textBefore",
             "textAfter",
-            "view",
-            "size",
-            "readOnly",
-            "disabled",
-            "name",
-            "valueError",
-            "valueSuccess",
+            "hintTrigger",
+            "hintText",
+            "hintView",
+            "hintSize",
+            "hintTargetIcon",
+            "hintTargetPlacement",
+            "hintPlacement",
+            "hintHasArrow",
+            "hintOffset",
+            "hintWidth",
+            "hintContentLeft",
+            "frame",
+            "usePortal",
+            "zIndex",
+            "placement",
+            "closeOnOverlayClick",
+            "closeOnEsc",
+            "closeAfterDateSelect",
+            "offset",
             "format",
             "lang",
             "maskWithFormat",
@@ -161,24 +195,14 @@ export var datePickerRoot = function(Root) {
             "eventYearList",
             "disabledYearList",
             "type",
-            "frame",
-            "usePortal",
-            "zIndex",
-            "placement",
-            "closeOnOverlayClick",
-            "closeOnEsc",
-            "closeAfterDateSelect",
-            "offset",
             "calendarContainerWidth",
             "calendarContainerHeight",
-            "stretched",
             "onChangeValue",
             "onCommitDate",
             "onToggle",
             "onFocus",
             "onBlur",
-            "onChange",
-            "autoComplete"
+            "onChange"
         ]);
         var inputRef = useRef(null);
         var innerRef = useRef(null);
@@ -287,7 +311,7 @@ export var datePickerRoot = function(Root) {
                 handleToggle(false);
             }
         };
-        var DatePickerInput = /*#__PURE__*/ React.createElement(StyledInput, {
+        var DatePickerInput = /*#__PURE__*/ React.createElement(StyledInput, _object_spread({
             ref: inputRef,
             className: cls(datePickerErrorClass, datePickerSuccessClass),
             value: inputValue,
@@ -310,8 +334,24 @@ export var datePickerRoot = function(Root) {
             label: label,
             labelPlacement: labelPlacement,
             keepPlaceholder: keepPlaceholder,
-            autoComplete: autoComplete
-        });
+            autoComplete: autoComplete,
+            appearance: appearance,
+            hasDivider: hasClearDivider
+        }, hintText ? {
+            hintText: hintText,
+            hintView: hintView,
+            hintSize: hintSize,
+            hintTrigger: hintTrigger,
+            hintTargetIcon: hintTargetIcon,
+            hintPlacement: hintPlacement,
+            hintHasArrow: hintHasArrow,
+            hintOffset: hintOffset,
+            hintWidth: hintWidth,
+            hintContentLeft: hintContentLeft,
+            hintTargetPlacement: hintTargetPlacement
+        } : {
+            hintText: undefined
+        }));
         useEffect(function() {
             setIsInnerOpen(function(prevOpen) {
                 return prevOpen !== opened && opened;
@@ -336,6 +376,9 @@ export var datePickerRoot = function(Root) {
             readOnly: !disabled && readOnly,
             ref: ref,
             eventTooltipSize: eventTooltipOptions === null || eventTooltipOptions === void 0 ? void 0 : eventTooltipOptions.size
+        }, hintText && {
+            hintView: hintView,
+            hintSize: hintSize
         }, rest), /*#__PURE__*/ React.createElement(StyledPopover, {
             opened: isInnerOpen,
             usePortal: usePortal,
@@ -406,6 +449,12 @@ export var datePickerConfig = {
         eventTooltipSize: {
             css: eventTooltipSizeCSS
         },
+        hintView: {
+            css: hintViewCSS
+        },
+        hintSize: {
+            css: hintSizeCSS
+        },
         disabled: {
             css: disabledCSS,
             attrs: true

package/dist/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-129e9b5a-0"
+    componentId: "sc-e7a0100b-0"
 })([
     ""
 ]);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-129e9b5a-1"
+    componentId: "sc-e7a0100b-1"
 })([
     "width:100%;",
     ":var(",
@@ -133,6 +133,44 @@ export var StyledInput = styled(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ",var(",
     "));",
     ":var(",
@@ -151,6 +189,50 @@ export var StyledInput = styled(TextField).withConfig({
     ",var(",
     "));",
     ":var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
+    ");",
+    " var(",
     ");&.",
     "{",
     ":var(",
@@ -167,7 +249,18 @@ export var StyledInput = styled(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
-    ");}&.",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));}&.",
     "{",
     ":var(",
     ",var(",
@@ -183,8 +276,19 @@ export var StyledInput = styled(TextField).withConfig({
     ":var(",
     ");",
     ":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.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, 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.indicatorSizeInner, 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.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentRightSlotColorActive, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, 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.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));}"
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.clearPlaceholderColorFocus, tokens.textFieldClearPlaceholderColorFocus, 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.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.dividerColor, tokens.clearDividerColor, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, 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.titleCaptionInnerLabelOffset, tokens.titleCaptionOffset, textFieldTokens.titleCaptionColor, tokens.titleCaptionColor, textFieldTokens.titleCaptionFontFamily, tokens.titleCaptionFontFamily, textFieldTokens.titleCaptionFontStyle, tokens.titleCaptionFontStyle, textFieldTokens.titleCaptionFontSize, tokens.titleCaptionFontSize, textFieldTokens.titleCaptionFontWeight, tokens.titleCaptionFontWeight, textFieldTokens.titleCaptionLetterSpacing, tokens.titleCaptionLetterSpacing, textFieldTokens.titleCaptionLineHeight, tokens.titleCaptionLineHeight, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSizeInner, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.clearIndicatorHintInnerRight, tokens.clearIndicatorHintInnerRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.clearHintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, 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.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightColorActive, tokens.textFieldContentRightSlotColorActive, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, 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.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorSuccess, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorSuccessHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorSuccessActive, tokens.textFieldContentSlotColorActive, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorError, tokens.textFieldContentSlotColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorErrorHover, tokens.textFieldContentSlotColorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorErrorActive, tokens.textFieldContentSlotColorActive);
 export var base = css([
     "display:inline-block;.",
     ",.",
@@ -194,7 +298,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-129e9b5a-2"
+    componentId: "sc-e7a0100b-2"
 })([
     "color:var(",
     ");&.",
@@ -202,4 +306,4 @@ export var LeftHelper = styled.div.withConfig({
     ");}&.",
     "{color:var(",
     ");}"
-], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
+], tokens.leftHelperColor, classes.datePickerSuccess, tokens.leftHelperColorSuccess, classes.datePickerError, tokens.leftHelperColorError);

package/dist/styled-components/es/components/DatePicker/SingleDate/variations/_hint-size/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

package/dist/styled-components/es/components/DatePicker/SingleDate/variations/_hint-view/base.js

@@ -0,0 +1,4 @@
+import { css } from "styled-components";
+export var base = css([
+    ""
+]);

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

@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedConfig);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "Range.styles__StyledContentLeft",
-    componentId: "sc-16bc8c9e-0"
+    componentId: "sc-9b514b19-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -16,7 +16,7 @@ export var StyledContentLeft = styled.div.withConfig({
 ], tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
 export var StyledContentRight = styled.div.withConfig({
     displayName: "Range.styles__StyledContentRight",
-    componentId: "sc-16bc8c9e-1"
+    componentId: "sc-9b514b19-1"
 })([
     "display:flex;align-items:center;color:var(",
     ",var(",
@@ -29,7 +29,7 @@ export var StyledContentRight = styled.div.withConfig({
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "Range.styles__StyledInput",
-    componentId: "sc-16bc8c9e-2"
+    componentId: "sc-9b514b19-2"
 })([
     "width:100%;",
     ":var(",
@@ -140,22 +140,22 @@ export var base = css([
 ]);
 export var ContentWrapper = styled.div.withConfig({
     displayName: "Range.styles__ContentWrapper",
-    componentId: "sc-16bc8c9e-3"
+    componentId: "sc-9b514b19-3"
 })([
     "display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}&.",
     "{&:before{display:none;}&.",
     "{&:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(",
-    ");}}}"
+    ");opacity:1;}}}"
 ], classes.clear, classes.clearDivider, tokens.clearDividerColor);
 export var StyledDivider = styled.div.withConfig({
     displayName: "Range.styles__StyledDivider",
-    componentId: "sc-16bc8c9e-4"
+    componentId: "sc-9b514b19-4"
 })([
     ""
 ]);
 export var StyledContentRightWrapper = styled.div.withConfig({
     displayName: "Range.styles__StyledContentRightWrapper",
-    componentId: "sc-16bc8c9e-5"
+    componentId: "sc-9b514b19-5"
 })([
     "display:flex;align-items:center;flex-direction:row-reverse;"
 ]);

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

@@ -37,18 +37,30 @@ export var tokens = {
     /** Токены слотов для контента */ leftContentMargin: '--plasma-range__left-content-margin',
     rightContentMargin: '--plasma-range__right-content-margin',
     rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
-    contentSlotColor: '--plasma-textfield-content-slot-color',
-    contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
-    contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
-    contentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
-    contentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
-    contentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
-    contentSlotColorError: '--plasma-textfield-content-slot-color-error',
-    contentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
-    contentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
-    contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
-    contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
-    contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
+    contentSlotColor: '--plasma-range-content-slot-color',
+    contentSlotColorHover: '--plasma-range-content-slot-color-hover',
+    contentSlotColorActive: '--plasma-range-content-slot-color-active',
+    contentSlotColorSuccess: '--plasma-range-content-slot-color-success',
+    contentSlotColorSuccessHover: '--plasma-range-content-slot-color-success-hover',
+    contentSlotColorSuccessActive: '--plasma-range-content-slot-color-success-active',
+    contentSlotColorError: '--plasma-range-content-slot-color-error',
+    contentSlotColorErrorHover: '--plasma-range-content-slot-color-error-hover',
+    contentSlotColorErrorActive: '--plasma-range-content-slot-color-error-active',
+    textFieldContentSlotColor: '--plasma-textfield-content-slot-color',
+    textFieldContentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
+    textFieldContentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+    textFieldContentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
+    textFieldContentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
+    textFieldContentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
+    textFieldContentSlotColorError: '--plasma-textfield-content-slot-color-error',
+    textFieldContentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
+    textFieldContentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
+    contentSlotRightColor: '--plasma-range-content-right-slot-color',
+    contentSlotRightColorHover: '--plasma-range-content-right-slot-color-hover',
+    contentSlotRightColorActive: '--plasma-range-content-right-slot-color-active',
+    textFieldContentSlotRightColor: '--plasma-textfield-content-right-slot-color',
+    textFieldContentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
+    textFieldContentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
     indicatorWrapperGap: '--plasma-range-info-wrapper-indicator-wrapper-gap',
     labelWrapperOffset: '--plasma-range-info-wrapper-label-wrapper-offset',
     labelWrapperTitleCaptionOffset: '--plasma-range-info-wrapper-label-wrapper-title-caption-offset',

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

@@ -99,4 +99,4 @@ export var base = css([
     "{.",
     "{color:var(",
     ");}}"
-], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, classes.clear, classes.rangeSuccess, StyledContentLeft, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, ContentWrapper, tokens.textFieldDividerColorSuccess, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueSuccess, textFieldTokens.contentSlotColor, tokens.contentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorSuccessActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorSuccess, classes.rangeError, StyledContentLeft, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, ContentWrapper, tokens.textFieldDividerColorError, StyledInput, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueError, textFieldTokens.contentSlotColor, tokens.contentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.contentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.contentSlotColorErrorActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorError, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorError, StyledDivider, tokens.dividerColor, classes.rangeSuccess, classes.rangeValueSuccess, informationWrapperClasses.leftHelper, tokens.leftHelperColorSuccess, classes.rangeError, classes.rangeValueError, informationWrapperClasses.leftHelper, tokens.leftHelperColorError);
+], ContentWrapper, tokens.background, tokens.borderWidth, tokens.borderColor, classes.rangeError, tokens.backgroundError, tokens.borderWidth, tokens.borderColorError, StyledInput, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, classes.rangeSuccess, tokens.backgroundSuccess, tokens.borderWidth, tokens.borderColorSuccess, StyledInput, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, tokens.shadow, classes.clear, classes.rangeSuccess, StyledContentLeft, tokens.contentSlotColorSuccess, tokens.contentSlotColorSuccessHover, tokens.contentSlotColorSuccessActive, ContentWrapper, tokens.textFieldDividerColorSuccess, StyledInput, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorSuccessActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueSuccess, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorSuccess, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorSuccessHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorSuccessActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorSuccess, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorSuccess, classes.rangeError, StyledContentLeft, tokens.contentSlotColorError, tokens.contentSlotColorErrorHover, tokens.contentSlotColorErrorActive, ContentWrapper, tokens.textFieldDividerColorError, StyledInput, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorErrorActive, textFieldTokens.dividerColor, textFieldTokens.dividerColorHover, textFieldTokens.dividerColorFocus, StyledInput, classes.rangeValueError, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColorError, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorErrorHover, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorErrorActive, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorError, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorError, StyledDivider, tokens.dividerColor, classes.rangeSuccess, classes.rangeValueSuccess, informationWrapperClasses.leftHelper, tokens.leftHelperColorSuccess, classes.rangeError, classes.rangeValueError, informationWrapperClasses.leftHelper, tokens.leftHelperColorError);

package/dist/styled-components/es/components/TextField/variations/_label-placement/base.js

@@ -27,11 +27,11 @@ export var base = css([
     ");line-height:var(",
     ");}",
     "{color:var(",
-    ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
+    ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}}&.",
     ".",
     "{",
     "{&.",
     ".",
     "{inset:var(",
-    ");}}}}"
+    ");}}}"
 ], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, Input, classes.readOnlyInput, Label, Input, classes.hasValue, Label, Input, classes.keepPlaceholder, Label, tokens.placeholderColor, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, classes.hasHint, classes.clear, StyledIndicator, classes.innerLabelPlacement, classes.requiredAlignRight, tokens.clearIndicatorHintInnerRight);

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

@@ -11,8 +11,8 @@ export var base = css([
     ") var(",
     ");z-index:-1;}:hover{background-color:transparent;}}&.",
     " ",
-    "{&:before{background-color:var(",
-    ");}}",
+    "{&:before{top:unset;background-color:var(",
+    ");opacity:1;}}",
     ":focus-within ",
     ",",
     "{color:var(",
@@ -33,4 +33,4 @@ export var base = css([
     " ",
     "{color:var(",
     ");}}"
-], 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, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);
+], InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColor), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);

package/dist/styled-components/es/components/TextField/variations/_view/base.js

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { classes, tokens } from "../../TextField.tokens";
-import { Input, InputPlaceholder, InputWrapper, StyledTextAfter, StyledTextBefore, StyledContentLeft, TitleCaption } from "../../TextField.styles";
+import { Input, InputPlaceholder, InputWrapper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
 export var base = css([
     "",
     "{--plasma_private-textfield-border-color:var(",
@@ -27,8 +27,6 @@ export var base = css([
     "{color:var(",
     ");}",
     "{color:var(",
-    ");}",
-    "{color:var(",
     ");}}",
     "{color:var(",
     ");}",
@@ -48,4 +46,4 @@ export var base = css([
     ") );",
     "{color:var(",
     ");}}}"
-], InputWrapper, String(tokens.borderColor), String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.boxShadow, tokens.caretColor, InputWrapper, tokens.borderColorHover, String(tokens.borderColor), tokens.backgroundColorHover, String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, String(tokens.borderColor), tokens.backgroundColorFocus, String(tokens.backgroundColor), Input, tokens.colorFocus, InputPlaceholder, tokens.placeholderColorFocus, StyledContentLeft, tokens.contentSlotColorFocus, TitleCaption, tokens.titleCaptionColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor, classes.hasDivider, InputWrapper, String(tokens.dividerColor), String(tokens.dividerWidth), InputWrapper, tokens.dividerColorHover, String(tokens.dividerColor), InputWrapper, tokens.dividerColorFocus, String(tokens.dividerColor), InputPlaceholder, tokens.clearPlaceholderColorFocus);
+], InputWrapper, String(tokens.borderColor), String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.boxShadow, tokens.caretColor, InputWrapper, tokens.borderColorHover, String(tokens.borderColor), tokens.backgroundColorHover, String(tokens.backgroundColor), Input, tokens.color, InputPlaceholder, tokens.placeholderColor, InputWrapper, tokens.borderColorFocus, String(tokens.borderColor), tokens.backgroundColorFocus, String(tokens.backgroundColor), Input, tokens.colorFocus, InputPlaceholder, tokens.placeholderColorFocus, TitleCaption, tokens.titleCaptionColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor, classes.hasDivider, InputWrapper, String(tokens.dividerColor), String(tokens.dividerWidth), InputWrapper, tokens.dividerColorHover, String(tokens.dividerColor), InputWrapper, tokens.dividerColorFocus, String(tokens.dividerColor), InputPlaceholder, tokens.clearPlaceholderColorFocus);

package/dist/styled-components/es/components/_beta/Popover/Popover.js

@@ -133,10 +133,10 @@ import { Slot } from "../../_Slot/Slot";
 import { sizeToIconSize, matchPlacements } from "./utils";
 import { tokens, classes } from "./Popover.tokens";
 import { base, CloseButton, Wrapper } from "./Popover.styles";
-/* Ширина хвостика */ var ARROW_WIDTH = 20;
-/* Высота хвостика */ var ARROW_HEIGHT = 8;
-/* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
-/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
+/* Ширина хвостика */ export var ARROW_WIDTH = 20;
+/* Высота хвостика */ export var ARROW_HEIGHT = 8;
+/* SVG хвостика */ export var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ export var ARROW_PADDING = 16;
 export var popoverRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
         var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, _param_hasTail = _param.hasTail, hasTail = _param_hasTail === void 0 ? true : _param_hasTail, tmp = _param.flip, outsideFlip = tmp === void 0 ? false : tmp, tmp1 = _param.shift, outsideShift = tmp1 === void 0 ? false : tmp1, tmp2 = _param.offset, outerOffset = tmp2 === void 0 ? 0 : tmp2, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, _param_resizable = _param.resizable, resizable = _param_resizable === void 0 ? false : _param_resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, view = _param.view, rest = _object_without_properties(_param, [