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

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

@@ -21,8 +21,9 @@ var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_hint-view/base");
-var _base4 = require("./variations/_hint-size/base");
+var _base3 = require("./variations/_read-only/base");
+var _base4 = require("./variations/_hint-view/base");
+var _base5 = require("./variations/_hint-size/base");
 var _InformationWrapperstyles = require("./InformationWrapper.styles");
 var _ui = require("./ui");
 var _InformationWrappertokens = require("./InformationWrapper.tokens");
@@ -129,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var informationWrapperRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var size = _param.size, view = _param.view, children = _param.children, label = _param.label, labelHtmlFor = _param.labelHtmlFor, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'top' : _param_labelPlacement, hasRequiredIndicator = _param.hasRequiredIndicator, _param_requiredIndicatorPlacement = _param.requiredIndicatorPlacement, requiredIndicatorPlacement = _param_requiredIndicatorPlacement === void 0 ? 'right' : _param_requiredIndicatorPlacement, optional = _param.optional, optionalText = _param.optionalText, hintText = _param.hintText, _param_hintTrigger = _param.hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, _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_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, hintOffset = _param.hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, titleCaption = _param.titleCaption, leftHelper = _param.leftHelper, rightHelper = _param.rightHelper, disabled = _param.disabled, rest = _object_without_properties(_param, [
+        var size = _param.size, view = _param.view, children = _param.children, label = _param.label, labelHtmlFor = _param.labelHtmlFor, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'top' : _param_labelPlacement, hasRequiredIndicator = _param.hasRequiredIndicator, _param_requiredIndicatorPlacement = _param.requiredIndicatorPlacement, requiredIndicatorPlacement = _param_requiredIndicatorPlacement === void 0 ? 'right' : _param_requiredIndicatorPlacement, optional = _param.optional, optionalText = _param.optionalText, hintText = _param.hintText, _param_hintTrigger = _param.hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, _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_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, hintOffset = _param.hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, titleCaption = _param.titleCaption, leftHelper = _param.leftHelper, rightHelper = _param.rightHelper, readOnly = _param.readOnly, disabled = _param.disabled, rest = _object_without_properties(_param, [
             "size",
             "view",
             "children",
@@ -153,6 +154,7 @@ var informationWrapperRoot = function(Root) {
             "titleCaption",
             "leftHelper",
             "rightHelper",
+            "readOnly",
             "disabled"
         ]);
         var hasHelpers = leftHelper || rightHelper;
@@ -160,7 +162,8 @@ var informationWrapperRoot = function(Root) {
             ref: ref,
             size: size,
             view: view,
-            disabled: disabled
+            disabled: disabled,
+            readOnly: readOnly
         }, hintText && {
             hintView: hintView,
             hintSize: hintSize
@@ -204,7 +207,9 @@ var informationWrapperRoot = function(Root) {
             hintOffset: hintOffset,
             hintWidth: hintWidth,
             hintContentLeft: hintContentLeft
-        }), /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.Helpers, null, leftHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.LeftHelper, null, leftHelper), rightHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.RightHelper, null, rightHelper)))));
+        }), /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.Helpers, null, leftHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.LeftHelper, {
+            className: _InformationWrappertokens.classes.leftHelper
+        }, leftHelper), rightHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.RightHelper, null, rightHelper)))));
     });
 };
 var informationWrapperConfig = {
@@ -219,15 +224,19 @@ var informationWrapperConfig = {
         view: {
             css: _base.base
         },
+        readOnly: {
+            css: _base3.base,
+            attrs: true
+        },
         disabled: {
             css: _base2.base,
             attrs: true
         },
         hintView: {
-            css: _base3.base
+            css: _base4.base
         },
         hintSize: {
-            css: _base4.base
+            css: _base5.base
         }
     },
     defaults: {