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

package/dist/emotion/cjs/components/InformationWrapper/InformationWrapper.tokens.js

@@ -18,7 +18,8 @@ _export(exports, {
 });
 var classes = {
     withoutLabel: 'info-wrapper-without-label',
-    requiredAlignLeft: 'info-wrapper-required-align-left'
+    requiredAlignLeft: 'info-wrapper-required-align-left',
+    leftHelper: 'info-wrapper-left-helper'
 };
 var tokens = {
     /** Токены для label */ indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',
@@ -31,9 +32,11 @@ var tokens = {
     labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',
     labelLineHeight: '--plasma-info-wrapper-label-line-height',
     labelColor: '--plasma-info-wrapper-label-color',
+    labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',
     contentGap: '--plasma-info-wrapper-content-gap',
     titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',
     titleCaptionColor: '--plasma-info-wrapper-title-caption-color',
+    titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',
     titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',
     titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',
@@ -77,6 +80,8 @@ var tokens = {
     /** Токены для optional */ optionalColor: '--plasma-info-wrapper-optional-color',
     /** Токены для подписей снизу */ leftHelperColor: '--plasma-info-wrapper-left-helper-color',
     rightHelperColor: '--plasma-info-wrapper-right-helper-color',
+    leftHelperColorReadOnly: '--plasma-info-wrapper-left-helper-color-readonly',
+    rightHelperColorReadOnly: '--plasma-info-wrapper-right-helper-color-readonly',
     helpersPadding: '--plasma-info-wrapper-helpers-padding-top',
     helpersGap: '--plasma-info-wrapper-helpers-gap',
     leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',

package/dist/emotion/cjs/components/InformationWrapper/variations/_read-only/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 _react = require("@emotion/react");
+var _InformationWrapperstyles = require("../../InformationWrapper.styles");
+var _InformationWrappertokens = require("../../InformationWrapper.tokens");
+var base = (0, /*#__PURE__*/ _react.css)("&[readonly]{", _InformationWrapperstyles.Label, "{color:var(", _InformationWrappertokens.tokens.labelColorReadOnly, ",var(", _InformationWrappertokens.tokens.labelColor, "));}", _InformationWrapperstyles.TitleCaption, "{color:var(", _InformationWrappertokens.tokens.titleCaptionColorReadOnly, ",var(", _InformationWrappertokens.tokens.titleCaptionColor, "));}", _InformationWrapperstyles.LeftHelper, "{color:var(", _InformationWrappertokens.tokens.leftHelperColorReadOnly, ",var(", _InformationWrappertokens.tokens.leftHelperColor, "));}", _InformationWrapperstyles.RightHelper, "{color:var(", _InformationWrappertokens.tokens.rightHelperColorReadOnly, ",var(", _InformationWrappertokens.tokens.rightHelperColor, "));}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbmZvcm1hdGlvbldyYXBwZXIvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5mb3JtYXRpb25XcmFwcGVyL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgTGFiZWwsIExlZnRIZWxwZXIsIFJpZ2h0SGVscGVyLCBUaXRsZUNhcHRpb24gfSBmcm9tICcuLi8uLi9JbmZvcm1hdGlvbldyYXBwZXIuc3R5bGVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0luZm9ybWF0aW9uV3JhcHBlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSwgdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1RpdGxlQ2FwdGlvbn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvclJlYWRPbmx5fSwgdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkNvbG9yfSkpO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSwgdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pKTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7UmlnaHRIZWxwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucmlnaHRIZWxwZXJDb2xvclJlYWRPbmx5fSwgdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyQ29sb3J9KSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");

package/dist/emotion/cjs/components/InformationWrapper/variations/_size/base.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "base", {
 var _react = require("@emotion/react");
 var _InformationWrapperstyles = require("../../InformationWrapper.styles");
 var _InformationWrappertokens = require("../../InformationWrapper.tokens");
-var base = (0, /*#__PURE__*/ _react.css)(_InformationWrapperstyles.Label, ",", _InformationWrapperstyles.OptionalText, "{font-family:var(", _InformationWrappertokens.tokens.labelFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.labelFontSize, ");font-style:var(", _InformationWrappertokens.tokens.labelFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.labelFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.labelLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.labelLineHeight, ");}", _InformationWrapperstyles.HintWrapper, "{margin:var(", _InformationWrappertokens.tokens.hintMargin, ");width:var(", _InformationWrappertokens.tokens.hintTargetSize, ");height:var(", _InformationWrappertokens.tokens.hintTargetSize, ");}", _InformationWrapperstyles.HintTargetWrapper, "{width:var(", _InformationWrappertokens.tokens.hintTargetSize, ");height:var(", _InformationWrappertokens.tokens.hintTargetSize, ");margin:var(", _InformationWrappertokens.tokens.hintMargin, ");}", _InformationWrapperstyles.TitleCaption, "{font-family:var(", _InformationWrappertokens.tokens.titleCaptionFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.titleCaptionFontSize, ");font-style:var(", _InformationWrappertokens.tokens.titleCaptionFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.titleCaptionFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.titleCaptionLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.titleCaptionLineHeight, ");}", _InformationWrapperstyles.Helpers, "{padding:var(", _InformationWrappertokens.tokens.helpersPadding, ");gap:var(", _InformationWrappertokens.tokens.helpersGap, ");}", _InformationWrapperstyles.LeftHelper, "{font-family:var(", _InformationWrappertokens.tokens.leftHelperFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.leftHelperFontSize, ");font-style:var(", _InformationWrappertokens.tokens.leftHelperFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.leftHelperFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.leftHelperLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.leftHelperLineHeight, ");}", _InformationWrapperstyles.RightHelper, "{font-family:var(", _InformationWrappertokens.tokens.rightHelperFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.rightHelperFontSize, ");font-style:var(", _InformationWrappertokens.tokens.rightHelperFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.rightHelperFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.rightHelperLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.rightHelperLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbmZvcm1hdGlvbldyYXBwZXIvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0luZm9ybWF0aW9uV3JhcHBlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1xuICAgIEhlbHBlcnMsXG4gICAgSGludFRhcmdldFdyYXBwZXIsXG4gICAgSGludFdyYXBwZXIsXG4gICAgTGFiZWwsXG4gICAgTGVmdEhlbHBlcixcbiAgICBPcHRpb25hbFRleHQsXG4gICAgUmlnaHRIZWxwZXIsXG4gICAgVGl0bGVDYXB0aW9uLFxufSBmcm9tICcuLi8uLi9JbmZvcm1hdGlvbldyYXBwZXIuc3R5bGVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0luZm9ybWF0aW9uV3JhcHBlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0xhYmVsfSwgJHtPcHRpb25hbFRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0hpbnRXcmFwcGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmhpbnRNYXJnaW59KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7SGludFRhcmdldFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy5oaW50TWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0hlbHBlcnN9IHtcbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmhlbHBlcnNQYWRkaW5nfSk7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmhlbHBlcnNHYXB9KTtcbiAgICB9XG5cbiAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1JpZ2h0SGVscGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMucmlnaHRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMucmlnaHRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucmlnaHRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucmlnaHRIZWxwZXJMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0IifQ== */");
+var base = (0, /*#__PURE__*/ _react.css)(_InformationWrapperstyles.Label, ",", _InformationWrapperstyles.OptionalText, "{font-family:var(", _InformationWrappertokens.tokens.labelFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.labelFontSize, ");font-style:var(", _InformationWrappertokens.tokens.labelFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.labelFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.labelLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.labelLineHeight, ");}", _InformationWrapperstyles.HintWrapper, "{margin:var(", _InformationWrappertokens.tokens.hintMargin, ");width:var(", _InformationWrappertokens.tokens.hintTargetSize, ");height:var(", _InformationWrappertokens.tokens.hintTargetSize, ");}", _InformationWrapperstyles.HintTargetWrapper, "{width:var(", _InformationWrappertokens.tokens.hintTargetSize, ");height:var(", _InformationWrappertokens.tokens.hintTargetSize, ");}", _InformationWrapperstyles.TitleCaption, "{font-family:var(", _InformationWrappertokens.tokens.titleCaptionFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.titleCaptionFontSize, ");font-style:var(", _InformationWrappertokens.tokens.titleCaptionFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.titleCaptionFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.titleCaptionLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.titleCaptionLineHeight, ");}", _InformationWrapperstyles.Helpers, "{padding:var(", _InformationWrappertokens.tokens.helpersPadding, ");gap:var(", _InformationWrappertokens.tokens.helpersGap, ");}", _InformationWrapperstyles.LeftHelper, "{font-family:var(", _InformationWrappertokens.tokens.leftHelperFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.leftHelperFontSize, ");font-style:var(", _InformationWrappertokens.tokens.leftHelperFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.leftHelperFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.leftHelperLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.leftHelperLineHeight, ");}", _InformationWrapperstyles.RightHelper, "{font-family:var(", _InformationWrappertokens.tokens.rightHelperFontFamily, ");font-size:var(", _InformationWrappertokens.tokens.rightHelperFontSize, ");font-style:var(", _InformationWrappertokens.tokens.rightHelperFontStyle, ");font-weight:var(", _InformationWrappertokens.tokens.rightHelperFontWeight, ");letter-spacing:var(", _InformationWrappertokens.tokens.rightHelperLetterSpacing, ");line-height:var(", _InformationWrappertokens.tokens.rightHelperLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbmZvcm1hdGlvbldyYXBwZXIvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL0luZm9ybWF0aW9uV3JhcHBlci92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1xuICAgIEhlbHBlcnMsXG4gICAgSGludFRhcmdldFdyYXBwZXIsXG4gICAgSGludFdyYXBwZXIsXG4gICAgTGFiZWwsXG4gICAgTGVmdEhlbHBlcixcbiAgICBPcHRpb25hbFRleHQsXG4gICAgUmlnaHRIZWxwZXIsXG4gICAgVGl0bGVDYXB0aW9uLFxufSBmcm9tICcuLi8uLi9JbmZvcm1hdGlvbldyYXBwZXIuc3R5bGVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL0luZm9ybWF0aW9uV3JhcHBlci50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0xhYmVsfSwgJHtPcHRpb25hbFRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0hpbnRXcmFwcGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmhpbnRNYXJnaW59KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7SGludFRhcmdldFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25MaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtIZWxwZXJzfSB7XG4gICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5oZWxwZXJzUGFkZGluZ30pO1xuICAgICAgICBnYXA6IHZhcigke3Rva2Vucy5oZWxwZXJzR2FwfSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtSaWdodEhlbHBlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5yaWdodEhlbHBlckZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5yaWdodEhlbHBlckZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnJpZ2h0SGVscGVyTGluZUhlaWdodH0pO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29CIn0= */");

package/dist/emotion/cjs/components/Range/Range.js

@@ -17,14 +17,27 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _hooks = require("../../hooks");
+var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
-var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_readonly/base");
+var _base2 = require("./variations/_hint-view/base");
+var _base3 = require("./variations/_hint-size/base");
+var _base4 = require("./variations/_disabled/base");
+var _base5 = require("./variations/_readonly/base");
 var _utils1 = require("./utils");
 var _Rangestyles = require("./Range.styles");
 var _Rangetokens = require("./Range.tokens");
+var _ui = require("./ui");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -79,6 +92,33 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -121,20 +161,28 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 var rangeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var autoComplete = _param.autoComplete, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValue = _param.firstValue, secondValue = _param.secondValue, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onSearchFirstValue = _param.onSearchFirstValue, onSearchSecondValue = _param.onSearchSecondValue, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
-            "autoComplete",
-            "label",
-            "leftHelper",
-            "contentLeft",
-            "contentRight",
-            "view",
-            "size",
-            "readOnly",
-            "disabled",
-            "dividerVariant",
-            "dividerIcon",
+        var className = _param.className, // controlled
+        firstValue = _param.firstValue, secondValue = _param.secondValue, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, // variations
+        appearance = _param.appearance, hasClearDivider = _param.hasClearDivider, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredIndicatorPlacement = _param.requiredIndicatorPlacement, requiredIndicatorPlacement = _param_requiredIndicatorPlacement === void 0 ? 'right' : _param_requiredIndicatorPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, _param_hintTrigger = _param.// hint
+        hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? [
+            0,
+            0
+        ] : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // layout
+        label = _param.label, leftHelper = _param.leftHelper, titleCaption = _param.titleCaption, contentLeft = _param.contentLeft, contentRight = _param.contentRight, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, autoComplete = _param.autoComplete, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onSearchFirstValue = _param.onSearchFirstValue, onSearchSecondValue = _param.onSearchSecondValue, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
+            "className",
             "firstValue",
             "secondValue",
             "firstValueError",
@@ -143,6 +191,31 @@ var rangeRoot = function(Root) {
             "secondValueSuccess",
             "firstPlaceholder",
             "secondPlaceholder",
+            "appearance",
+            "hasClearDivider",
+            "view",
+            "size",
+            "readOnly",
+            "disabled",
+            "required",
+            "requiredIndicatorPlacement",
+            "hasRequiredIndicator",
+            "hintTrigger",
+            "hintText",
+            "hintView",
+            "hintSize",
+            "hintTargetIcon",
+            "hintTargetPlacement",
+            "hintPlacement",
+            "hintHasArrow",
+            "hintOffset",
+            "hintWidth",
+            "hintContentLeft",
+            "label",
+            "leftHelper",
+            "titleCaption",
+            "contentLeft",
+            "contentRight",
             "firstTextfieldContentLeft",
             "firstTextfieldContentRight",
             "secondTextfieldContentLeft",
@@ -151,9 +224,9 @@ var rangeRoot = function(Root) {
             "secondTextfieldTextBefore",
             "firstTextfieldTextAfter",
             "secondTextfieldTextAfter",
-            "required",
-            "requiredPlacement",
-            "hasRequiredIndicator",
+            "dividerVariant",
+            "dividerIcon",
+            "autoComplete",
             "onChangeFirstValue",
             "onChangeSecondValue",
             "onSearchFirstValue",
@@ -166,17 +239,50 @@ var rangeRoot = function(Root) {
         var rangeRef = (0, _react.useRef)(null);
         var firstTextFieldRef = (0, _react.useRef)(null);
         var secondTextFieldRef = (0, _react.useRef)(null);
-        var requiredPlacementClass = requiredPlacement === 'right' ? _Rangetokens.classes.requiredAlignRight : undefined;
+        var hintRef = (0, _react.useRef)(null);
+        var _useState = _sliced_to_array((0, _react.useState)(false), 2), isHintVisible = _useState[0], setIsHintVisible = _useState[1];
+        var noCaptionAndLabelClass = !label && !titleCaption ? _Rangetokens.classes.noCaptionAndLabel : undefined;
+        var clearClass = appearance === 'clear' ? _Rangetokens.classes.clear : undefined;
+        var clearDividerClass = hasClearDivider ? _Rangetokens.classes.clearDivider : undefined;
+        var clearOuterHintClass = clearClass && hintText && hintTargetPlacement === 'outer' ? _Rangetokens.classes.clearHasOuterHint : undefined;
         var rangeErrorClass = firstValueError && secondValueError ? _Rangetokens.classes.rangeError : undefined;
         var firstValueErrorClass = !rangeErrorClass && firstValueError ? _Rangetokens.classes.rangeValueError : undefined;
         var secondValueErrorClass = !rangeErrorClass && secondValueError ? _Rangetokens.classes.rangeValueError : undefined;
         var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? _Rangetokens.classes.rangeSuccess : undefined;
         var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? _Rangetokens.classes.rangeValueSuccess : undefined;
         var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? _Rangetokens.classes.rangeValueSuccess : undefined;
+        var hintInnerRef = (0, _react.useRef)(null);
+        var hintForkRef = (0, _plasmacore.useForkRef)(hintRef, hintInnerRef);
         var handleChangeFirstValue = (0, _utils1.getChangeHandler)(onChangeFirstValue, disabled, readOnly);
         var handleChangeSecondValue = (0, _utils1.getChangeHandler)(onChangeSecondValue, disabled, readOnly);
         var handleSearchFirstValue = (0, _utils1.getSearchHandler)(onSearchFirstValue, disabled, readOnly);
         var handleSearchSecondValue = (0, _utils1.getSearchHandler)(onSearchSecondValue, disabled, readOnly);
+        var handleHintShow = function() {
+            if (disabled) {
+                return;
+            }
+            setIsHintVisible(true);
+        };
+        var handleHintHide = function() {
+            return setIsHintVisible(false);
+        };
+        var handleHintClick = function(event) {
+            var _hintInnerRef_current;
+            if (!hintText || hintTrigger !== 'click' || disabled) {
+                return;
+            }
+            event.stopPropagation();
+            var targetIsPopover = event.target === hintInnerRef.current;
+            var rootHasTarget = (_hintInnerRef_current = hintInnerRef.current) === null || _hintInnerRef_current === void 0 ? void 0 : _hintInnerRef_current.contains(event.target);
+            if (!targetIsPopover && !rootHasTarget) {
+                setIsHintVisible(true);
+            }
+        };
+        (0, _hooks.useOutsideClick)(function() {
+            setIsHintVisible(false);
+        }, [
+            hintRef
+        ]);
         (0, _react.useImperativeHandle)(ref, function() {
             return {
                 firstTextField: function() {
@@ -204,17 +310,40 @@ var rangeRoot = function(Root) {
         ]);
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: rangeRef,
+            className: (0, _utils.cx)(clearClass, noCaptionAndLabelClass, className),
             view: view,
             size: size,
             disabled: disabled,
             readOnly: !disabled && readOnly
-        }, rest), label && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledIndicatorWrapper, null, /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledLabel, null, label), required && hasRequiredIndicator && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledIndicator, {
-            className: (0, _utils.cx)(_Rangetokens.classes.requiredOuterPlacement, requiredPlacementClass)
-        })), /*#__PURE__*/ _react.default.createElement(_Rangestyles.ContentWrapper, {
-            className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
-        }, !label && required && hasRequiredIndicator && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledIndicator, {
-            className: (0, _utils.cx)(requiredPlacementClass)
-        }), contentLeft && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentLeft, null, contentLeft), /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
+        }, hintText && {
+            hintView: hintView,
+            hintSize: hintSize
+        }, rest), /*#__PURE__*/ _react.default.createElement(_ui.InformationWrapperUI, _object_spread({
+            className: (0, _utils.cx)(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass, clearOuterHintClass),
+            size: size,
+            label: label,
+            leftHelper: leftHelper,
+            titleCaption: titleCaption,
+            required: required,
+            requiredIndicatorPlacement: requiredIndicatorPlacement,
+            hasRequiredIndicator: hasRequiredIndicator,
+            disabled: disabled
+        }, hintText && hintTargetPlacement === 'outer' ? {
+            hintText: hintText,
+            hintView: hintView,
+            hintSize: hintSize,
+            hintTrigger: hintTrigger,
+            hintTargetIcon: hintTargetIcon,
+            hintPlacement: hintPlacement,
+            hintHasArrow: hintHasArrow,
+            hintOffset: hintOffset,
+            hintWidth: hintWidth,
+            hintContentLeft: hintContentLeft
+        } : {
+            hintText: undefined
+        }), /*#__PURE__*/ _react.default.createElement(_Rangestyles.ContentWrapper, {
+            className: (0, _utils.cx)(clearClass, clearDividerClass, rangeErrorClass, rangeSuccessClass)
+        }, contentLeft && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentLeft, null, contentLeft), /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
             ref: firstTextFieldRef,
             className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
             value: firstValue,
@@ -231,7 +360,8 @@ var rangeRoot = function(Root) {
             onBlur: onBlurFirstTextfield,
             autoComplete: autoComplete,
             "data-error": firstValueError,
-            "data-success": firstValueSuccess
+            "data-success": firstValueSuccess,
+            hasDivider: hasClearDivider
         }), Divider, /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledInput, {
             ref: secondTextFieldRef,
             className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
@@ -247,10 +377,25 @@ var rangeRoot = function(Root) {
             onSearch: handleSearchSecondValue,
             onFocus: onFocusSecondTextfield,
             onBlur: onBlurSecondTextfield,
-            autoComplete: autoComplete
-        }), contentRight && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/ _react.default.createElement(_Rangestyles.LeftHelper, {
-            className: (0, _utils.cx)(rangeErrorClass, firstValueErrorClass, secondValueErrorClass, rangeSuccessClass, firstValueSuccessClass, secondValueSuccessClass)
-        }, leftHelper));
+            autoComplete: autoComplete,
+            hasDivider: hasClearDivider
+        }), /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentRightWrapper, null, !label && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/ _react.default.createElement(_ui.HintComponent, {
+            ref: hintForkRef,
+            hintText: hintText,
+            hintTrigger: hintTrigger,
+            isHintVisible: isHintVisible,
+            hintTargetIcon: hintTargetIcon,
+            hintPlacement: hintPlacement,
+            hintHasArrow: hintHasArrow,
+            hintOffset: hintOffset,
+            hintWidth: hintWidth,
+            hintContentLeft: hintContentLeft,
+            size: size,
+            handleHintShow: handleHintShow,
+            handleHintHide: handleHintHide,
+            handleHintClick: handleHintClick,
+            withoutLabel: true
+        }), contentRight && /*#__PURE__*/ _react.default.createElement(_Rangestyles.StyledContentRight, null, contentRight)))));
     });
 };
 var rangeConfig = {
@@ -265,17 +410,25 @@ var rangeConfig = {
         size: {
             css: _base.base
         },
+        hintView: {
+            css: _base2.base
+        },
+        hintSize: {
+            css: _base3.base
+        },
         disabled: {
-            css: _base2.base,
+            css: _base4.base,
             attrs: true
         },
         readOnly: {
-            css: _base3.base,
+            css: _base5.base,
             attrs: true
         }
     },
     defaults: {
         size: 'm',
-        view: 'default'
+        view: 'default',
+        hintView: 'default',
+        hintSize: 'm'
     }
 };