npm - @salutejs/plasma-new-hope - Versions diffs - 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2254.18122005940.0 - Mend

@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2254.18122005940.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js CHANGED Viewed

@@ -21,7 +21,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
 var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "TextField.styles__StyledTextField",
-    componentId: "sc-48220e28-0"
+    componentId: "sc-59307378-0"
 })([
     "",
     ":var(",
@@ -253,5 +253,9 @@ var StyledTextField = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], _TextField.textFieldTokens.color, _Autocompletetokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Autocompletetokens.tokens.textFieldClearColor, _TextField.textFieldTokens.placeholderColor, _Autocompletetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Autocompletetokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Autocompletetokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.backgroundColor, _Autocompletetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocompletetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocompletetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocompletetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocompletetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocompletetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _Autocompletetokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _Autocompletetokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Autocompletetokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocompletetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocompletetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Autocompletetokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocompletetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.height, _Autocompletetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocompletetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocompletetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocompletetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocompletetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocompletetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocompletetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocompletetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocompletetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocompletetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocompletetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocompletetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocompletetokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocompletetokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocompletetokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Autocompletetokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocompletetokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocompletetokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocompletetokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocompletetokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocompletetokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocompletetokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocompletetokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocompletetokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocompletetokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocompletetokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocompletetokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocompletetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocompletetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocompletetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocompletetokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocompletetokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocompletetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocompletetokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Autocompletetokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Autocompletetokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Autocompletetokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.indicatorColor, _Autocompletetokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Autocompletetokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Autocompletetokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.rightContentWithHintMargin, _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Autocompletetokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.hintCustomIconTargetSize, _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Autocompletetokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Autocompletetokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Autocompletetokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Autocompletetokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Autocompletetokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Autocompletetokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Autocompletetokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Autocompletetokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Autocompletetokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Autocompletetokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Autocompletetokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Autocompletetokens.tokens.textFieldTooltipArrowBackground);
+], _TextField.textFieldTokens.color, _Autocompletetokens.tokens.textFieldColor, _TextField.textFieldTokens.clearColor, _Autocompletetokens.tokens.textFieldClearColor, _TextField.textFieldTokens.placeholderColor, _Autocompletetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocompletetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _Autocompletetokens.tokens.textFieldClearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Autocompletetokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.optionalColor, _Autocompletetokens.tokens.textFieldOptionalColor, _TextField.textFieldTokens.backgroundColor, _Autocompletetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocompletetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocompletetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocompletetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocompletetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocompletetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.dividerColor, _Autocompletetokens.tokens.textFieldDividerColor, _TextField.textFieldTokens.dividerColorHover, _Autocompletetokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Autocompletetokens.tokens.textFieldDividerColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocompletetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocompletetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocompletetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocompletetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.dividerColorReadOnly, _Autocompletetokens.tokens.textFieldDividerColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _Autocompletetokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.caretColor, _Autocompletetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.height, _Autocompletetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocompletetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocompletetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocompletetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocompletetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocompletetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocompletetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocompletetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocompletetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocompletetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocompletetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocompletetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocompletetokens.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocompletetokens.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocompletetokens.tokens.textFieldLabelOffset, _TextField.textFieldTokens.clearLabelOffset, _Autocompletetokens.tokens.textFieldClearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocompletetokens.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocompletetokens.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocompletetokens.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocompletetokens.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocompletetokens.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocompletetokens.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocompletetokens.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocompletetokens.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocompletetokens.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocompletetokens.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocompletetokens.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocompletetokens.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocompletetokens.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocompletetokens.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocompletetokens.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocompletetokens.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocompletetokens.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocompletetokens.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocompletetokens.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocompletetokens.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocompletetokens.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocompletetokens.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocompletetokens.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocompletetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocompletetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocompletetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocompletetokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocompletetokens.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocompletetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocompletetokens.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _Autocompletetokens.tokens.textFieldContentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _Autocompletetokens.tokens.textFieldContentSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _Autocompletetokens.tokens.textFieldContentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorHover, _Autocompletetokens.tokens.textFieldContentSlotRightColorHover, _TextField.textFieldTokens.contentSlotRightColorActive, _Autocompletetokens.tokens.textFieldContentSlotRightColorActive, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _Autocompletetokens.tokens.textFieldContentSlotRightOpacityReadOnly, _TextField.textFieldTokens.indicatorColor, _Autocompletetokens.tokens.textFieldIndicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _Autocompletetokens.tokens.textFieldIndicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _Autocompletetokens.tokens.textFieldIndicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _Autocompletetokens.tokens.textFieldIndicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight, _Autocompletetokens.tokens.textFieldClearIndicatorHintInnerRight, _TextField.textFieldTokens.boxShadow, _Autocompletetokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.rightContentWithHintMargin, _Autocompletetokens.tokens.textFieldRightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _Autocompletetokens.tokens.textFieldContentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _Autocompletetokens.tokens.textFieldContentRightWrapperMargin, _TextField.textFieldTokens.hintCustomIconTargetSize, _Autocompletetokens.tokens.textFieldHintCustomIconTargetSize, _TextField.textFieldTokens.hintMargin, _Autocompletetokens.tokens.textFieldHintMargin, _TextField.textFieldTokens.hintTargetSize, _Autocompletetokens.tokens.textFieldHintTargetSize, _TextField.textFieldTokens.hintIconColor, _Autocompletetokens.tokens.textFieldHintIconColor, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldHintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _Autocompletetokens.tokens.textFieldClearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.tooltipBackgroundColor, _Autocompletetokens.tokens.textFieldTooltipBackgroundColor, _TextField.textFieldTokens.tooltipBoxShadow, _Autocompletetokens.tokens.textFieldTooltipBoxShadow, _TextField.textFieldTokens.tooltipColor, _Autocompletetokens.tokens.textFieldTooltipColor, _TextField.textFieldTokens.tooltipPaddingTop, _Autocompletetokens.tokens.textFieldTooltipPaddingTop, _TextField.textFieldTokens.tooltipPaddingRight, _Autocompletetokens.tokens.textFieldTooltipPaddingRight, _TextField.textFieldTokens.tooltipPaddingBottom, _Autocompletetokens.tokens.textFieldTooltipPaddingBottom, _TextField.textFieldTokens.tooltipPaddingLeft, _Autocompletetokens.tokens.textFieldTooltipPaddingLeft, _TextField.textFieldTokens.tooltipMinHeight, _Autocompletetokens.tokens.textFieldTooltipMinHeight, _TextField.textFieldTokens.tooltipBorderRadius, _Autocompletetokens.tokens.textFieldTooltipBorderRadius, _TextField.textFieldTokens.tooltipTextFontFamily, _Autocompletetokens.tokens.textFieldTooltipTextFontFamily, _TextField.textFieldTokens.tooltipTextFontSize, _Autocompletetokens.tokens.textFieldTooltipTextFontSize, _TextField.textFieldTokens.tooltipTextFontStyle, _Autocompletetokens.tokens.textFieldTooltipTextFontStyle, _TextField.textFieldTokens.tooltipTextFontWeight, _Autocompletetokens.tokens.textFieldTooltipTextFontWeight, _TextField.textFieldTokens.tooltipTextFontLetterSpacing, _Autocompletetokens.tokens.textFieldTooltipTextFontLetterSpacing, _TextField.textFieldTokens.tooltipTextFontLineHeight, _Autocompletetokens.tokens.textFieldTooltipTextFontLineHeight, _TextField.textFieldTokens.tooltipContentLeftMargin, _Autocompletetokens.tokens.textFieldTooltipContentLeftMargin, _TextField.textFieldTokens.tooltipArrowMaskWidth, _Autocompletetokens.tokens.textFieldTooltipArrowMaskWidth, _TextField.textFieldTokens.tooltipArrowMaskHeight, _Autocompletetokens.tokens.textFieldTooltipArrowMaskHeight, _TextField.textFieldTokens.tooltipArrowMaskImage, _Autocompletetokens.tokens.textFieldTooltipArrowMaskImage, _TextField.textFieldTokens.tooltipArrowHeight, _Autocompletetokens.tokens.textFieldTooltipArrowHeight, _TextField.textFieldTokens.tooltipArrowEdgeMargin, _Autocompletetokens.tokens.textFieldTooltipArrowEdgeMargin, _TextField.textFieldTokens.tooltipArrowBackground, _Autocompletetokens.tokens.textFieldTooltipArrowBackground);

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js CHANGED Viewed

@@ -117,6 +117,7 @@ var tokens = {
     textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',
     textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',
     textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',
+    textFieldContentSlotRightOpacityReadOnly: '--plasma-combobox-new-textfield-content-right-slot-opacity-readonly',
     textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
     textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',
     textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',
@@ -158,6 +159,7 @@ var tokens = {
     textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',
     textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',
     textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',
+    textFieldReadOnlyOpacity: '--plasma-combobox-new-textfield-readonly-opacity',
     /** Токены для tooltip */ textFieldHintCustomIconTargetSize: '--plasma-combobox-textfield__hint-custom-icon-target-size',
     textFieldHintMargin: '--plasma-combobox-textfield__hint-margin',
     textFieldHintTargetSize: '--plasma-combobox-textfield__hint-target-size',

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js CHANGED Viewed

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

package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js CHANGED Viewed

@@ -52,8 +52,10 @@ var tokens = {
     dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
     dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
     dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
-    /** Токены слотов для контента в рендже */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
+    dividerOpacityReadOnly: '--plasma-date-picker_range__divider-opacity-readonly',
+    /** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
     rightContentMargin: '--plasma-date-picker_range__right-content-margin',
+    rightContentOpacityReadOnly: '--plasma-date-picker_range__right-content-opacity-readonly',
     /** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
     labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
     labelOffset: '--plasma-date-picker__label-offset',
@@ -90,6 +92,7 @@ var tokens = {
     leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
     leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-date-picker-disabled-opacity',
+    rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
     textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
@@ -118,6 +121,7 @@ var tokens = {
     textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
     textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
     textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
+    textFieldReadOnlyOpacity: '--plasma-date-picker-textfield-readonly-opacity',
     textFieldHeight: '--plasma-date-picker-textfield-height',
     textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
     textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
@@ -137,6 +141,7 @@ var tokens = {
     textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
     textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
     textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
+    textFieldContentSlotRightOpacityReadOnly: '--plasma-date-picker-textfield__content-right-color-hover',
     /** Токены календаря */ calendarMarginTop: '--plasma-date-picker-calendar-margin-top',
     calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
     calendarShadow: '--plasma-date-picker-calendar-shadow',

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js CHANGED Viewed

@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-90bc7dc8-0"
+    componentId: "sc-23a11c1c-0"
 })([
     ""
 ]);
 var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-90bc7dc8-1"
+    componentId: "sc-23a11c1c-1"
 })([
     "",
     ":var(",
@@ -240,8 +240,14 @@ var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");"
-], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePickertokens.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePickertokens.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePickertokens.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePickertokens.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePickertokens.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
+], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePickertokens.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePickertokens.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePickertokens.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePickertokens.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePickertokens.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
@@ -252,7 +258,7 @@ var base = (0, _styledcomponents.css)([
 ], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root, StyledRange);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "RangeDate.styles__LeftHelper",
-    componentId: "sc-90bc7dc8-2"
+    componentId: "sc-23a11c1c-2"
 })([
     "color:var(",
     ");&.",

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js CHANGED Viewed

@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-545a903e-0"
+    componentId: "sc-72bbf61c-0"
 })([
     ""
 ]);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-545a903e-1"
+    componentId: "sc-72bbf61c-1"
 })([
     "width:100%;",
     ":var(",
@@ -194,6 +194,8 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
     ",var(",
     "));",
     ":var(",
@@ -201,7 +203,9 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     "));",
     ":var(",
     ",var(",
-    "));&.",
+    "));",
+    ":var(",
+    ");&.",
     "{",
     ":var(",
     ");",
@@ -228,7 +232,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
+], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
@@ -238,7 +242,7 @@ var base = (0, _styledcomponents.css)([
 ], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-545a903e-2"
+    componentId: "sc-72bbf61c-2"
 })([
     "color:var(",
     ");&.",

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js CHANGED Viewed

@@ -101,7 +101,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ _react.default.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/styled-components/cjs/components/Pagination/utils/index.js CHANGED Viewed

@@ -24,6 +24,36 @@ var generateSection = function(length, add) {
 var dType = 'default';
 var dDlots = 9;
 var sections = {
+    1: [
+        1,
+        0,
+        0
+    ],
+    2: [
+        2,
+        0,
+        0
+    ],
+    3: [
+        3,
+        0,
+        0
+    ],
+    4: [
+        4,
+        0,
+        0
+    ],
+    5: [
+        5,
+        0,
+        0
+    ],
+    6: [
+        6,
+        0,
+        0
+    ],
     7: [
         1,
         3,
@@ -98,12 +128,17 @@ var getSections = function(value, pages, slots) {
     var pageArray = [
         generateSection(pages, 1)
     ];
-    if (slots >= pages || slots < 5) {
+    if (slots >= pages) {
         return pageArray;
     }
     if (!sections[slots]) {
         return pageArray;
     }
+    if (slots < 7) {
+        return [
+            generateSection(slots, value)
+        ];
+    }
     var smallSection = Math.min(Math.floor((slots - 1) / 2), 6);
     var bigSection = Math.min(Math.floor(slots / 2), 6);
     var defaultSection = sections[slots][1];

package/styled-components/cjs/components/Scrollbar/Scrollbar.js CHANGED Viewed

@@ -219,7 +219,7 @@ var scrollbarRoot = function(Root) {
             isDragging: false
         }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
         var minScrollbarTrackHeight = 20;
-        var calculateScrollbar = (0, _react.useCallback)(function() {
+        var calculateScrollbar = function() {
             if (!containerRef.current || !contentRef.current) {
                 return {
                     thumbHeight: 0,
@@ -235,10 +235,8 @@ var scrollbarRoot = function(Root) {
                 thumbHeight: thumbHeight,
                 thumbPosition: thumbPosition
             };
-        }, [
-            verticalOffset
-        ]);
-        var updateScrollbar = (0, _react.useCallback)(function() {
+        };
+        var updateScrollbar = function() {
             var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
             if (!containerRef.current) return;
             var _calculateScrollbar = calculateScrollbar(), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
@@ -249,10 +247,8 @@ var scrollbarRoot = function(Root) {
                     isVisible: show || prev.isVisible
                 });
             });
-        }, [
-            calculateScrollbar
-        ]);
-        var showScrollbarWithDelay = (0, _react.useCallback)(function() {
+        };
+        var showScrollbarWithDelay = function() {
             if (hideTimeoutRef.current) {
                 clearTimeout(hideTimeoutRef.current);
             }
@@ -267,23 +263,15 @@ var scrollbarRoot = function(Root) {
                     hideTimeoutRef.current = null;
                 }, autoHideDelay);
             }
-        }, [
-            autoHide,
-            autoHideDelay,
-            updateScrollbar
-        ]);
-        var handleScroll = (0, _react.useCallback)(function() {
+        };
+        var handleScroll = function() {
             if (!containerRef.current) return;
             showScrollbarWithDelay();
-        }, [
-            showScrollbarWithDelay
-        ]);
-        var handleMouseEnter = (0, _react.useCallback)(function() {
+        };
+        var handleMouseEnter = function() {
             showScrollbarWithDelay();
-        }, [
-            showScrollbarWithDelay
-        ]);
-        var handleScrollbarDrag = (0, _react.useCallback)(function(e) {
+        };
+        var handleScrollbarDrag = function(e) {
             e.preventDefault();
             var thumb = e.currentTarget;
             var track = thumb.parentElement;
@@ -327,9 +315,39 @@ var scrollbarRoot = function(Root) {
             };
             document.addEventListener('mousemove', handleMouseMove);
             document.addEventListener('mouseup', handleMouseUp);
-        }, [
-            showScrollbarWithDelay
-        ]);
+        };
+        var handleTrackClick = function(e) {
+            e.preventDefault();
+            var track = e.currentTarget;
+            var container = containerRef.current;
+            if (!container || !track) return;
+            if (thumbRef.current && thumbRef.current.contains(e.target)) {
+                return;
+            }
+            if (hideTimeoutRef.current) {
+                clearTimeout(hideTimeoutRef.current);
+                hideTimeoutRef.current = null;
+            }
+            var trackRect = track.getBoundingClientRect();
+            var clickY = e.clientY - trackRect.top;
+            var trackHeight = trackRect.height;
+            var thumbHeight = scrollbarState.thumbHeight;
+            var scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
+            var maxScroll = scrollHeight - clientHeight;
+            if (maxScroll <= 0) return;
+            var newThumbPosition = clickY - thumbHeight / 2;
+            newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, newThumbPosition));
+            var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
+            var newScrollTop = scrollPercentage * maxScroll;
+            container.scrollTop = newScrollTop;
+            setScrollbarState(function(prev) {
+                return _object_spread_props(_object_spread({}, prev), {
+                    thumbPosition: newThumbPosition,
+                    isVisible: true
+                });
+            });
+            showScrollbarWithDelay();
+        };
         (0, _react.useEffect)(function() {
             return function() {
                 if (hideTimeoutRef.current) {
@@ -353,16 +371,10 @@ var scrollbarRoot = function(Root) {
                 container.removeEventListener('mouseenter', handleMouseEnter);
                 resizeObserver.disconnect();
             };
-        }, [
-            handleScroll,
-            handleMouseEnter,
-            updateScrollbar
-        ]);
+        }, []);
         (0, _react.useEffect)(function() {
             updateScrollbar();
-        }, [
-            updateScrollbar
-        ]);
+        });
         var _obj, _obj1;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             view: view,
@@ -386,7 +398,8 @@ var scrollbarRoot = function(Root) {
             ref: trackRef,
             className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
             "data-placement": placement,
-            style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1)
+            style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1),
+            onMouseDown: handleTrackClick
         }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
             ref: thumbRef,
             className: _Scrollbartokens.classes.scrollBarThumb,

package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js CHANGED Viewed

@@ -76,7 +76,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var StyledScrollBar = _styledcomponents.default.div.withConfig({
     displayName: "Scrollbar.styles__StyledScrollBar",
-    componentId: "sc-2c5b375e-0"
+    componentId: "sc-6f2e68f2-0"
 })([
     "position:relative;width:var(",
     ",100%);height:var(",
@@ -89,7 +89,7 @@ var StyledScrollBar = _styledcomponents.default.div.withConfig({
 ], _Scrollbartokens.tokens.width, _Scrollbartokens.tokens.height, _Scrollbartokens.classes.scrollBarVisible, _Scrollbartokens.classes.scrollBarTrack, _Scrollbartokens.classes.scrollBarDragging, _Scrollbartokens.classes.scrollBarThumb, _Scrollbartokens.tokens.thumbColorActive);
 var StyledContainer = _styledcomponents.default.div.withConfig({
     displayName: "Scrollbar.styles__StyledContainer",
-    componentId: "sc-2c5b375e-1"
+    componentId: "sc-6f2e68f2-1"
 })([
     "width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&[data-placement='left']{padding-left:var(",
     ");}&[data-placement='right']{padding-right:var(",
@@ -97,13 +97,13 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
 ], _Scrollbartokens.tokens.trackWidth, _Scrollbartokens.tokens.trackWidth);
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "Scrollbar.styles__StyledContent",
-    componentId: "sc-2c5b375e-2"
+    componentId: "sc-6f2e68f2-2"
 })([
     "min-height:100%;box-sizing:border-box;"
 ]);
 var StyledTrack = _styledcomponents.default.div.withConfig({
     displayName: "Scrollbar.styles__StyledTrack",
-    componentId: "sc-2c5b375e-3"
+    componentId: "sc-6f2e68f2-3"
 })([
     "position:absolute;width:var(",
     ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
@@ -113,7 +113,7 @@ var StyledTrack = _styledcomponents.default.div.withConfig({
 ], _Scrollbartokens.tokens.trackWidth, _Scrollbartokens.tokens.trackColor, _Scrollbartokens.tokens.trackBorderRadius, _Scrollbartokens.classes.scrollBarTrackVisible);
 var StyledThumb = _styledcomponents.default.div.withConfig({
     displayName: "Scrollbar.styles__StyledThumb",
-    componentId: "sc-2c5b375e-4"
+    componentId: "sc-6f2e68f2-4"
 })([
     "position:absolute;left:0;width:100%;background:var(",
     ");border-radius:var(",

package/styled-components/cjs/components/TextArea/TextArea.tokens.js CHANGED Viewed

@@ -187,5 +187,6 @@ 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: _utils.TOUR_BORDER_RADIUS_TOKEN
 };