@salutejs/plasma-new-hope 0.344.0-canary.2403.20455152253.0 → 0.344.0-dev.0

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

@@ -12,30 +12,21 @@ _export(exports, {
     get ContentWrapper () {
         return ContentWrapper;
     },
-    get LeftHelper () {
-        return LeftHelper;
-    },
     get StyledContentLeft () {
         return StyledContentLeft;
     },
     get StyledContentRight () {
         return StyledContentRight;
     },
+    get StyledContentRightWrapper () {
+        return StyledContentRightWrapper;
+    },
     get StyledDivider () {
         return StyledDivider;
     },
-    get StyledIndicator () {
-        return StyledIndicator;
-    },
-    get StyledIndicatorWrapper () {
-        return StyledIndicatorWrapper;
-    },
     get StyledInput () {
         return StyledInput;
     },
-    get StyledLabel () {
-        return StyledLabel;
-    },
     get base () {
         return base;
     }
@@ -87,9 +78,30 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var mergedConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 var TextField = (0, _engines.component)(mergedConfig);
+var StyledContentLeft = _styledcomponents.default.div.withConfig({
+    displayName: "Range.styles__StyledContentLeft",
+    componentId: "sc-16bc8c9e-0"
+})([
+    "line-height:0;color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}"
+], _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorActive);
+var StyledContentRight = _styledcomponents.default.div.withConfig({
+    displayName: "Range.styles__StyledContentRight",
+    componentId: "sc-16bc8c9e-1"
+})([
+    "display:flex;align-items:center;color:var(",
+    ",var(",
+    "));&:hover{color:var(",
+    ",var(",
+    "));cursor:pointer;}&:active{color:var(",
+    ",var(",
+    "));}"
+], _Rangetokens.tokens.contentSlotRightColor, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotRightColorHover, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotRightColorActive, _Rangetokens.tokens.contentSlotColorActive);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "Range.styles__StyledInput",
-    componentId: "sc-f22ebc20-0"
+    componentId: "sc-16bc8c9e-2"
 })([
     "width:100%;",
     ":var(",
@@ -155,6 +167,12 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ":var(",
     ");",
     ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
     ");&.",
     "{",
     ":var(",
@@ -188,64 +206,28 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Rangetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Rangetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _Rangetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Rangetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Rangetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Rangetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Rangetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Rangetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Rangetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Rangetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Rangetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Rangetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Rangetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Rangetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Rangetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Rangetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Rangetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Rangetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Rangetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Rangetokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Rangetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Rangetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Rangetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Rangetokens.tokens.textFieldTextAfterMargin, _Rangetokens.classes.rangeValueError, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorErrorFocus, _Rangetokens.classes.rangeValueSuccess, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorSuccessFocus);
+], _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Rangetokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _Rangetokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColorFocus, _Rangetokens.tokens.textFieldClearPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _Rangetokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Rangetokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Rangetokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Rangetokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Rangetokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Rangetokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Rangetokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Rangetokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Rangetokens.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Rangetokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Rangetokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Rangetokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Rangetokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Rangetokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Rangetokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Rangetokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Rangetokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Rangetokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Rangetokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Rangetokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Rangetokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Rangetokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.dividerColorHover, _Rangetokens.tokens.textFieldDividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangetokens.tokens.textFieldDividerColorFocus, _Rangetokens.classes.rangeValueSuccess, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorSuccessFocus, _Rangetokens.classes.rangeValueError, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _Rangetokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Rangetokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Rangetokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Rangetokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Rangetokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Rangetokens.tokens.textFieldBorderColorErrorFocus);
 var base = (0, _styledcomponents.css)([
     "width:fit-content;"
 ]);
-var StyledLabel = _styledcomponents.default.label.withConfig({
-    displayName: "Range.styles__StyledLabel",
-    componentId: "sc-f22ebc20-1"
-})([
-    ""
-]);
-var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "Range.styles__StyledIndicatorWrapper",
-    componentId: "sc-f22ebc20-2"
-})([
-    "position:relative;display:inline-flex;align-items:center;"
-]);
-var StyledIndicator = _styledcomponents.default.div.withConfig({
-    displayName: "Range.styles__StyledIndicator",
-    componentId: "sc-f22ebc20-3"
-})([
-    "position:absolute;border-radius:50%;"
-]);
-var LeftHelper = _styledcomponents.default.div.withConfig({
-    displayName: "Range.styles__LeftHelper",
-    componentId: "sc-f22ebc20-4"
-})([
-    ""
-]);
 var ContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__ContentWrapper",
-    componentId: "sc-f22ebc20-5"
+    componentId: "sc-16bc8c9e-3"
 })([
-    "display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}"
-]);
+    "display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}&.",
+    "{&:before{display:none;}&.",
+    "{&:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(",
+    ");}}}"
+], _Rangetokens.classes.clear, _Rangetokens.classes.clearDivider, _Rangetokens.tokens.clearDividerColor);
 var StyledDivider = _styledcomponents.default.div.withConfig({
     displayName: "Range.styles__StyledDivider",
-    componentId: "sc-f22ebc20-6"
+    componentId: "sc-16bc8c9e-4"
 })([
     ""
 ]);
-var StyledContentLeft = _styledcomponents.default.div.withConfig({
-    displayName: "Range.styles__StyledContentLeft",
-    componentId: "sc-f22ebc20-7"
+var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Range.styles__StyledContentRightWrapper",
+    componentId: "sc-16bc8c9e-5"
 })([
-    "line-height:0;color:var(",
-    ");&:hover{color:var(",
-    ");}&:active{color:var(",
-    ");}"
-], _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorActive);
-var StyledContentRight = _styledcomponents.default.div.withConfig({
-    displayName: "Range.styles__StyledContentRight",
-    componentId: "sc-f22ebc20-8"
-})([
-    "color:var(",
-    ",var(",
-    "));&:hover{color:var(",
-    ",var(",
-    "));cursor:pointer;}&:active{color:var(",
-    ",var(",
-    "));}"
-], _Rangetokens.tokens.contentSlotRightColor, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotRightColorHover, _Rangetokens.tokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotRightColorActive, _Rangetokens.tokens.contentSlotColorActive);
+    "display:flex;align-items:center;flex-direction:row-reverse;"
+]);

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

@@ -17,12 +17,17 @@ _export(exports, {
     }
 });
 var classes = {
+    rangeInformationWrapper: 'range-information-wrapper',
     rangeError: 'range-error',
     rangeValueError: 'range-value-error',
     rangeSuccess: 'range-success',
     rangeValueSuccess: 'range-value-success',
     requiredAlignRight: 'required-align-right',
-    requiredOuterPlacement: 'required-placement-outer'
+    requiredOuterPlacement: 'required-placement-outer',
+    noCaptionAndLabel: 'range-no-caption-label',
+    clear: 'range-clear',
+    clearDivider: 'range-clear-divider',
+    clearHasOuterHint: 'range-clear-has-outer-hint'
 };
 var tokens = {
     background: '--plasma-range-background',
@@ -36,7 +41,8 @@ var tokens = {
     borderColorSuccess: '--plasma-range-border-color-success',
     borderColorReadOnly: '--plasma-range-border-color-readonly',
     shadow: '--plasma-range-shadow',
-    /** Токены разделителя */ dividerColor: '--plasma-range__divider-color',
+    /** Токены разделителя */ clearDividerColor: '--plasma-range-clear__divider-color',
+    dividerColor: '--plasma-range__divider-color',
     dividerColorReadOnly: '--plasma-range__divider-color-readonly',
     dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
     dividerPadding: '--plasma-range__divider-padding',
@@ -52,44 +58,94 @@ var tokens = {
     contentSlotColor: '--plasma-textfield-content-slot-color',
     contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
     contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+    contentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
+    contentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
+    contentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
+    contentSlotColorError: '--plasma-textfield-content-slot-color-error',
+    contentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
+    contentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
-    /** Токены лейбла */ labelColor: '--plasma-range__label-color',
-    labelColorReadOnly: '--plasma-range__label-color-readonly',
-    labelOffset: '--plasma-range__label-offset',
-    labelFontFamily: '--plasma-range__label-font-family',
-    labelFontStyle: '--plasma-range__label-font-style',
-    labelFontSize: '--plasma-range__label-font-size',
-    labelFontWeight: '--plasma-range__label-font-weight',
-    labelLetterSpacing: '--plasma-range__label-letter-spacing',
-    labelLineHeight: '--plasma-range__label-line-height',
-    /** Токены индикатора */ indicatorColor: '--plasma-range__indicator-color',
-    indicatorSize: '--plasma-range__indicator-size',
-    indicatorSizeOuter: '--plasma-range__indicator-size-outer',
-    indicatorPlacement: '--plasma-range__indicator-placement',
-    indicatorPlacementRight: '--plasma-range__indicator-placement-right',
-    indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',
-    indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',
-    /** Токены вспомогательного текста */ leftHelperColor: '--plasma-range__left-helper-color',
-    leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
-    leftHelperOffset: '--plasma-range__left-helper-offset',
-    leftHelperColorError: '--plasma-range__left-helper-color-error',
-    leftHelperColorSuccess: '--plasma-range__left-helper-color-success',
-    leftHelperFontFamily: '--plasma-range__left-helper-font-family',
-    leftHelperFontStyle: '--plasma-range__left-helper-font-style',
-    leftHelperFontSize: '--plasma-range__left-helper-font-size',
-    leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
-    leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
-    leftHelperLineHeight: '--plasma-range__left-helper-line-height',
+    indicatorWrapperGap: '--plasma-range-info-wrapper-indicator-wrapper-gap',
+    labelWrapperOffset: '--plasma-range-info-wrapper-label-wrapper-offset',
+    labelWrapperTitleCaptionOffset: '--plasma-range-info-wrapper-label-wrapper-title-caption-offset',
+    labelFontFamily: '--plasma-range-info-wrapper-label-font-family',
+    labelFontStyle: '--plasma-range-info-wrapper-label-font-style',
+    labelFontSize: '--plasma-range-info-wrapper-label-font-size',
+    labelFontWeight: '--plasma-range-info-wrapper-label-font-weight',
+    labelLetterSpacing: '--plasma-range-info-wrapper-label-letter-spacing',
+    labelLineHeight: '--plasma-range-info-wrapper-label-line-height',
+    labelColor: '--plasma-range-info-wrapper-label-color',
+    contentGap: '--plasma-range-info-wrapper-content-gap',
+    titleCaptionOffset: '--plasma-range-info-wrapper-title-caption-offset',
+    titleCaptionColor: '--plasma-range-info-wrapper-title-caption-color',
+    titleCaptionFontFamily: '--plasma-range-info-wrapper-title-caption-font-family',
+    titleCaptionFontStyle: '--plasma-range-info-wrapper-title-caption-font-style',
+    titleCaptionFontSize: '--plasma-range-info-wrapper-title-caption-font-size',
+    titleCaptionFontWeight: '--plasma-range-info-wrapper-title-caption-font-weight',
+    titleCaptionLetterSpacing: '--plasma-range-info-wrapper-title-caption-letter-spacing',
+    titleCaptionLineHeight: '--plasma-range-info-wrapper-title-caption-line-height',
+    /** Токены для tooltip */ hintMargin: '--plasma-range-info-wrapper-hint-margin',
+    hintTargetSize: '--plasma-range-info-wrapper-hint-target-size',
+    hintCustomIconTargetSize: '--plasma-range-info-wrapper-hint-custom-icon-target-size',
+    hintIconColor: '--plasma-range-info-wrapper-hint-icon-color',
+    hintWithoutLabelPlacementOffset: '--plasma-range-info-wrapper-hint-without-label-placement-offset',
+    hintPlacementInnerMargin: '--plasma-range-info-wrapper-hint-placement-inner-offset',
+    tooltipBackgroundColor: '--plasma-range-info-wrapper-tooltip-background-color',
+    tooltipBoxShadow: '--plasma-range-info-wrapper-tooltip-box-shadow',
+    tooltipColor: '--plasma-range-info-wrapper-tooltip-color',
+    tooltipPaddingTop: '--plasma-range-info-wrapper-tooltip-padding-top',
+    tooltipPaddingRight: '--plasma-range-info-wrapper-tooltip-padding-right',
+    tooltipPaddingBottom: '--plasma-range-info-wrapper-tooltip-padding-bottom',
+    tooltipPaddingLeft: '--plasma-range-info-wrapper-tooltip-padding-left',
+    tooltipMinHeight: '--plasma-range-info-wrapper-tooltip-min-height',
+    tooltipBorderRadius: '--plasma-range-info-wrapper-tooltip-border-radius',
+    tooltipTextFontFamily: '--plasma-range-info-wrapper-tooltip-text-font-family',
+    tooltipTextFontSize: '--plasma-range-info-wrapper-tooltip-text-font-size',
+    tooltipTextFontStyle: '--plasma-range-info-wrapper-tooltip-text-font-style',
+    tooltipTextFontWeight: '--plasma-range-info-wrapper-tooltip-text-font-weight',
+    tooltipTextFontLetterSpacing: '--plasma-range-info-wrapper-tooltip-text-font-letter-spacing',
+    tooltipTextFontLineHeight: '--plasma-range-info-wrapper-tooltip-text-font-line-height',
+    tooltipContentLeftMargin: '--plasma-range-info-wrapper-tooltip-content-left-margin',
+    tooltipArrowMaskWidth: '--plasma-range-info-wrapper-tooltip-arrow-mask-width',
+    tooltipArrowMaskHeight: '--plasma-range-info-wrapper-tooltip-arrow-mask-height',
+    tooltipArrowMaskImage: '--plasma-range-info-wrapper-tooltip-arrow-mask-image',
+    tooltipArrowHeight: '--plasma-range-info-wrapper-tooltip-arrow-height',
+    tooltipArrowEdgeMargin: '--plasma-range-info-wrapper-tooltip-arrow-edge-margin',
+    tooltipArrowBackground: '--plasma-range-info-wrapper-tooltip-arrow-background',
+    /** Токены для required indicator */ indicatorColor: '--plasma-range-info-wrapper-indicator-color',
+    indicatorSizeInner: '--plasma-range-info-wrapper-indicator-size-inner',
+    indicatorSizeOuter: '--plasma-range-info-wrapper-indicator-size-outer',
+    indicatorMarginTop: '--plasma-range-info-wrapper-indicator-margin-top',
+    indicatorOuterLeft: '--plasma-range-info-wrapper-indicator-outer-left',
+    indicatorWithoutLabelInner: '--plasma-range-info-wrapper-indicator-without-label-inner',
+    indicatorWithoutLabelInnerLeft: '--plasma-range-info-wrapper-indicator-without-label-inner-left',
+    indicatorWithoutLabelOuterHint: '--plasma-range-info-wrapper-indicator-without-label-outer-hint',
+    /** Токены для подписей снизу */ leftHelperColor: '--plasma-range-info-wrapper-left-helper-color',
+    leftHelperColorError: '--plasma-range-info-wrapper-left-helper--error',
+    leftHelperColorSuccess: '--plasma-range-info-wrapper-left-helper--success',
+    helpersPadding: '--plasma-range-info-wrapper-helpers-padding-top',
+    helpersGap: '--plasma-range-info-wrapper-helpers-gap',
+    leftHelperFontFamily: '--plasma-range-info-wrapper-left-helper-font-family',
+    leftHelperFontStyle: '--plasma-range-info-wrapper-left-helper-font-style',
+    leftHelperFontSize: '--plasma-range-info-wrapper-left-helper-font-size',
+    leftHelperFontWeight: '--plasma-range-info-wrapper-left-helper-font-weight',
+    leftHelperLetterSpacing: '--plasma-range-info-wrapper-left-helper-letter-spacing',
+    leftHelperLineHeight: '--plasma-range-info-wrapper-left-helper-line-height',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-range-disabled-opacity',
     readOnlyOpacity: '--plasma-range-readonly-opacity',
+    labelColorReadOnly: '--plasma-range-info-wrapper-label-color-readonly',
+    titleCaptionColorReadOnly: '--plasma-range-info-wrapper-title-caption-color-readonly',
+    leftHelperColorReadOnly: '--plasma-range-info-wrapper-left-helper-color-readonly',
+    rightHelperColorReadOnly: '--plasma-range-info-wrapper-right-helper-color-readonly',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-range-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-range-textfield-color',
     textFieldColorError: '--plasma-range-textfield-color-error',
     textFieldColorSuccess: '--plasma-range-textfield-color-success',
     textFieldFocusColor: '--plasma-range-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
+    textFieldClearPlaceholderColorFocus: '--plasma-range-textfield-clear-placeholder-color-focus',
     textFieldCaretColor: '--plasma-range-textfield-caret-color',
     textFieldBackgroundColor: '--plasma-range-textfield-background-color',
     textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
@@ -129,5 +185,9 @@ var tokens = {
     textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
     textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
     textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
-    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
+    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',
+    textFieldDividerColorSuccess: '--plasma-range-textfield__divider-color-success',
+    textFieldDividerColorError: '--plasma-range-textfield__divider-color-error',
+    textFieldDividerColorHover: '--plasma-range-textfield__divider-color-hover',
+    textFieldDividerColorFocus: '--plasma-range-textfield__divider-color-focus'
 };

package/dist/styled-components/cjs/components/Range/ui/Hint/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HintComponent", {
+    enumerable: true,
+    get: function() {
+        return _ui.HintComponent;
+    }
+});
+var _ui = require("../../../InformationWrapper/ui");

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

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationWrapperUI", {
+    enumerable: true,
+    get: function() {
+        return InformationWrapperUI;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _InformationWrapper = require("../../../InformationWrapper");
+var _engines = require("../../../../engines");
+var _Rangetokens = require("../../Range.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedConfig = (0, _engines.mergeConfig)(_InformationWrapper.informationWrapperConfig);
+var InformationWrapper = (0, _engines.component)(mergedConfig);
+var InformationWrapperUI = (0, _styledcomponents.default)(InformationWrapper).withConfig({
+    displayName: "InformationWrapper.styles__InformationWrapperUI",
+    componentId: "sc-9068791-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _InformationWrapper.informationWrapperTokens.indicatorWrapperGap, _Rangetokens.tokens.indicatorWrapperGap, _InformationWrapper.informationWrapperTokens.labelWrapperOffset, _Rangetokens.tokens.labelWrapperOffset, _InformationWrapper.informationWrapperTokens.labelWrapperTitleCaptionOffset, _Rangetokens.tokens.labelWrapperTitleCaptionOffset, _InformationWrapper.informationWrapperTokens.labelFontFamily, _Rangetokens.tokens.labelFontFamily, _InformationWrapper.informationWrapperTokens.labelFontStyle, _Rangetokens.tokens.labelFontStyle, _InformationWrapper.informationWrapperTokens.labelFontSize, _Rangetokens.tokens.labelFontSize, _InformationWrapper.informationWrapperTokens.labelFontWeight, _Rangetokens.tokens.labelFontWeight, _InformationWrapper.informationWrapperTokens.labelLetterSpacing, _Rangetokens.tokens.labelLetterSpacing, _InformationWrapper.informationWrapperTokens.labelLineHeight, _Rangetokens.tokens.labelLineHeight, _InformationWrapper.informationWrapperTokens.labelColor, _Rangetokens.tokens.labelColor, _InformationWrapper.informationWrapperTokens.contentGap, _Rangetokens.tokens.contentGap, _InformationWrapper.informationWrapperTokens.titleCaptionOffset, _Rangetokens.tokens.titleCaptionOffset, _InformationWrapper.informationWrapperTokens.titleCaptionColor, _Rangetokens.tokens.titleCaptionColor, _InformationWrapper.informationWrapperTokens.titleCaptionFontFamily, _Rangetokens.tokens.titleCaptionFontFamily, _InformationWrapper.informationWrapperTokens.titleCaptionFontStyle, _Rangetokens.tokens.titleCaptionFontStyle, _InformationWrapper.informationWrapperTokens.titleCaptionFontSize, _Rangetokens.tokens.titleCaptionFontSize, _InformationWrapper.informationWrapperTokens.titleCaptionFontWeight, _Rangetokens.tokens.titleCaptionFontWeight, _InformationWrapper.informationWrapperTokens.titleCaptionLetterSpacing, _Rangetokens.tokens.titleCaptionLetterSpacing, _InformationWrapper.informationWrapperTokens.titleCaptionLineHeight, _Rangetokens.tokens.titleCaptionLineHeight, _InformationWrapper.informationWrapperTokens.hintMargin, _Rangetokens.tokens.hintMargin, _InformationWrapper.informationWrapperTokens.hintTargetSize, _Rangetokens.tokens.hintTargetSize, _InformationWrapper.informationWrapperTokens.hintCustomIconTargetSize, _Rangetokens.tokens.hintCustomIconTargetSize, _InformationWrapper.informationWrapperTokens.hintIconColor, _Rangetokens.tokens.hintIconColor, _InformationWrapper.informationWrapperTokens.hintWithoutLabelPlacementOffset, _Rangetokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrapper.informationWrapperTokens.tooltipBackgroundColor, _Rangetokens.tokens.tooltipBackgroundColor, _InformationWrapper.informationWrapperTokens.tooltipBoxShadow, _Rangetokens.tokens.tooltipBoxShadow, _InformationWrapper.informationWrapperTokens.tooltipColor, _Rangetokens.tokens.tooltipColor, _InformationWrapper.informationWrapperTokens.tooltipPaddingTop, _Rangetokens.tokens.tooltipPaddingTop, _InformationWrapper.informationWrapperTokens.tooltipPaddingRight, _Rangetokens.tokens.tooltipPaddingRight, _InformationWrapper.informationWrapperTokens.tooltipPaddingBottom, _Rangetokens.tokens.tooltipPaddingBottom, _InformationWrapper.informationWrapperTokens.tooltipPaddingLeft, _Rangetokens.tokens.tooltipPaddingLeft, _InformationWrapper.informationWrapperTokens.tooltipMinHeight, _Rangetokens.tokens.tooltipMinHeight, _InformationWrapper.informationWrapperTokens.tooltipBorderRadius, _Rangetokens.tokens.tooltipBorderRadius, _InformationWrapper.informationWrapperTokens.tooltipTextFontFamily, _Rangetokens.tokens.tooltipTextFontFamily, _InformationWrapper.informationWrapperTokens.tooltipTextFontSize, _Rangetokens.tokens.tooltipTextFontSize, _InformationWrapper.informationWrapperTokens.tooltipTextFontStyle, _Rangetokens.tokens.tooltipTextFontStyle, _InformationWrapper.informationWrapperTokens.tooltipTextFontWeight, _Rangetokens.tokens.tooltipTextFontWeight, _InformationWrapper.informationWrapperTokens.tooltipTextFontLetterSpacing, _Rangetokens.tokens.tooltipTextFontLetterSpacing, _InformationWrapper.informationWrapperTokens.tooltipTextFontLineHeight, _Rangetokens.tokens.tooltipTextFontLineHeight, _InformationWrapper.informationWrapperTokens.tooltipContentLeftMargin, _Rangetokens.tokens.tooltipContentLeftMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskWidth, _Rangetokens.tokens.tooltipArrowMaskWidth, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskHeight, _Rangetokens.tokens.tooltipArrowMaskHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskImage, _Rangetokens.tokens.tooltipArrowMaskImage, _InformationWrapper.informationWrapperTokens.tooltipArrowHeight, _Rangetokens.tokens.tooltipArrowHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowEdgeMargin, _Rangetokens.tokens.tooltipArrowEdgeMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowBackground, _Rangetokens.tokens.tooltipArrowBackground, _InformationWrapper.informationWrapperTokens.indicatorColor, _Rangetokens.tokens.indicatorColor, _InformationWrapper.informationWrapperTokens.indicatorSizeInner, _Rangetokens.tokens.indicatorSizeInner, _InformationWrapper.informationWrapperTokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _InformationWrapper.informationWrapperTokens.indicatorMarginTop, _Rangetokens.tokens.indicatorMarginTop, _InformationWrapper.informationWrapperTokens.indicatorOuterLeft, _Rangetokens.tokens.indicatorOuterLeft, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelInner, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInnerLeft, _Rangetokens.tokens.indicatorWithoutLabelInnerLeft, _InformationWrapper.informationWrapperTokens.leftHelperColor, _Rangetokens.tokens.leftHelperColor, _InformationWrapper.informationWrapperTokens.helpersPadding, _Rangetokens.tokens.helpersPadding, _InformationWrapper.informationWrapperTokens.helpersGap, _Rangetokens.tokens.helpersGap, _InformationWrapper.informationWrapperTokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontFamily, _InformationWrapper.informationWrapperTokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontStyle, _InformationWrapper.informationWrapperTokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontSize, _InformationWrapper.informationWrapperTokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperFontWeight, _InformationWrapper.informationWrapperTokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLetterSpacing, _InformationWrapper.informationWrapperTokens.leftHelperLineHeight, _Rangetokens.tokens.leftHelperLineHeight, _InformationWrapper.informationWrapperTokens.labelColorReadOnly, _Rangetokens.tokens.labelColorReadOnly, _InformationWrapper.informationWrapperTokens.titleCaptionColorReadOnly, _Rangetokens.tokens.titleCaptionColorReadOnly, _InformationWrapper.informationWrapperTokens.leftHelperColorReadOnly, _Rangetokens.tokens.leftHelperColorReadOnly, _InformationWrapper.informationWrapperTokens.rightHelperColorReadOnly, _Rangetokens.tokens.rightHelperColorReadOnly);

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationWrapperUI", {
+    enumerable: true,
+    get: function() {
+        return _InformationWrapperstyles.InformationWrapperUI;
+    }
+});
+var _InformationWrapperstyles = require("./InformationWrapper.styles");

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./InformationWrapper"), exports);
+_export_star(require("./Hint"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/styled-components/cjs/components/Range/variations/_hint-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/dist/styled-components/cjs/components/Range/variations/_hint-view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

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

@@ -19,10 +19,6 @@ var base = (0, _styledcomponents.css)([
     ");background:var(",
     ");opacity:var(",
     ");z-index:-1;}}",
-    "{display:block;color:var(",
-    ");}",
-    "{color:var(",
-    ");}",
     "{color:var(",
     ");opacity:var(",
     ");}",
@@ -32,4 +28,4 @@ var base = (0, _styledcomponents.css)([
     ");cursor:default;}}",
     "{opacity:var(",
     ");pointer-events:none;}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);