@salutejs/plasma-new-hope 0.156.0-canary.1392.11055092483.0 → 0.156.0-canary.1459.11057629608.0

package/styled-components/es/components/TextField/TextField.js

@@ -1,4 +1,5 @@
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _IconInfoCircleOutlin, _IconInfoCircleOutlin2;
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hasHint", "hintTrigger", "hintText", "hintView", "hintSize", "hintTarget", "hintPlacement", "hintHasArrow", "hintOffset", "hintMinWidth", "hintMaxWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,12 +13,16 @@ import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { css } from 'styled-components';
 import { cx } from '../../utils';
+import { IconInfoCircleOutline } from '../_Icon';
+import { useOutsideClick } from '../../hooks';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
 import { base as readOnlyCSS } from './variations/_read-only/base';
 import { base as labelPlacementCSS } from './variations/_label-placement/base';
-import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder } from './TextField.styles';
+import { base as hintViewCSS } from './variations/_hint-view/base';
+import { base as hintSizeCSS } from './variations/_hint-size/base';
+import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder, OuterLabelWrapper, TitleCaption, StyledHintWrapper, HintTargetWrapper, StyledIndicatorWrapper, Hint } from './TextField.styles';
 import { classes } from './TextField.tokens';
 import { TextFieldChip } from './ui';
 import { useKeyNavigation } from './hooks';
@@ -41,6 +46,23 @@ export var textFieldRoot = function textFieldRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
       _ref$requiredPlacemen = _ref.requiredPlacement,
       requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
+      titleCaption = _ref.titleCaption,
+      hasHint = _ref.hasHint,
+      _ref$hintTrigger = _ref.hintTrigger,
+      hintTrigger = _ref$hintTrigger === void 0 ? 'hover' : _ref$hintTrigger,
+      hintText = _ref.hintText,
+      _ref$hintView = _ref.hintView,
+      hintView = _ref$hintView === void 0 ? 'default' : _ref$hintView,
+      _ref$hintSize = _ref.hintSize,
+      hintSize = _ref$hintSize === void 0 ? 'm' : _ref$hintSize,
+      hintTarget = _ref.hintTarget,
+      _ref$hintPlacement = _ref.hintPlacement,
+      hintPlacement = _ref$hintPlacement === void 0 ? 'auto' : _ref$hintPlacement,
+      hintHasArrow = _ref.hintHasArrow,
+      hintOffset = _ref.hintOffset,
+      hintMinWidth = _ref.hintMinWidth,
+      hintMaxWidth = _ref.hintMaxWidth,
+      hintContentLeft = _ref.hintContentLeft,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
@@ -74,10 +96,15 @@ export var textFieldRoot = function textFieldRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       chips = _useState4[0],
       setChips = _useState4[1];
+    var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showHint = _useState6[0],
+      setShowHint = _useState6[1];
     var uniqId = safeUseId();
     var innerId = id || uniqId;
     var labelId = safeUseId();
     var helperTextId = safeUseId();
+    var hintId = safeUseId();
     var isChipEnumeration = enumerationType === 'chip';
     var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
     var withHasChips = isChipsVisible ? classes.hasChips : undefined;
@@ -94,9 +121,31 @@ export var textFieldRoot = function textFieldRoot(Root) {
     var hasValueClass = hasValue ? classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
+    var hintRef = useOutsideClick(function () {
+      setShowHint(false);
+    });
+    var hintInnerRef = useRef(null);
+    var hintForkRef = useForkRef(hintRef, hintInnerRef);
     var handleInput = function handleInput(event) {
       setHasValue(Boolean(event.target.value));
     };
+    var handleShowHint = function handleShowHint() {
+      return setShowHint(true);
+    };
+    var handleHideHint = function handleHideHint() {
+      return setShowHint(false);
+    };
+    var handleClickHint = function handleClickHint(event) {
+      if (hasHint && hintTrigger === 'click') {
+        var _hintInnerRef$current;
+        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) {
+          setShowHint(true);
+        }
+      }
+    };
     var handleChange = function handleChange(event) {
       if (disabled || readOnly) {
         return;
@@ -175,7 +224,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
     var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
       disabled: disabled,
@@ -184,19 +233,70 @@ export var textFieldRoot = function textFieldRoot(Root) {
       onClick: handleInputFocus,
       className: cx(labelPlacementClass, classes.textFieldGroupItem, className),
       style: style
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
+    }, hasHint && {
+      hintView: hintView,
+      hintSize: hintSize
+    }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
+      isInnnerLabel: labelPlacement === 'inner'
+    }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id
-    }, required && /*#__PURE__*/React.createElement(StyledIndicator, {
+    }, innerLabelValue), hasHint && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(Hint, {
+      text: String(hintText),
+      opened: showHint,
+      target: hintTarget || /*#__PURE__*/React.createElement(HintTargetWrapper, _extends({
+        id: hintId
+      }, hintTrigger === 'hover' ? {
+        onMouseEnter: handleShowHint,
+        onMouseLeave: handleHideHint
+      } : {
+        onClick: handleClickHint
+      }), _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+        size: "xs",
+        color: "inherit"
+      }))),
+      placement: hintPlacement,
+      hasArrow: hintHasArrow,
+      offset: hintOffset,
+      minWidth: hintMinWidth,
+      maxWidth: hintMaxWidth,
+      contentLeft: hintContentLeft,
+      frame: hintId,
+      ref: hintForkRef
+    })), required && /*#__PURE__*/React.createElement(StyledIndicator, {
       className: cx(classes.outerLabelPlacement, requiredPlacementClass)
-    }), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(InputWrapper
+    }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
     // Ref для внутреннего использования. Не отдается наружу.
     , {
       ref: rest.inputWrapperRef,
       className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
+    }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
       className: cx(classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
+    }), hasHint && /*#__PURE__*/React.createElement(StyledHintWrapper, {
+      className: classes.innerLabelPlacement
+    }, /*#__PURE__*/React.createElement(Hint, {
+      text: String(hintText),
+      opened: showHint,
+      target: hintTarget || /*#__PURE__*/React.createElement(HintTargetWrapper, _extends({
+        id: hintId
+      }, hintTrigger === 'hover' ? {
+        onMouseEnter: handleShowHint,
+        onMouseLeave: handleHideHint
+      } : {
+        onClick: handleClickHint
+      }), _IconInfoCircleOutlin2 || (_IconInfoCircleOutlin2 = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+        size: "xs",
+        color: "inherit"
+      }))),
+      placement: hintPlacement,
+      hasArrow: hintHasArrow,
+      offset: hintOffset,
+      minWidth: hintMinWidth,
+      maxWidth: hintMaxWidth,
+      contentLeft: hintContentLeft,
+      frame: hintId,
+      ref: hintForkRef
+    }))), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -265,6 +365,12 @@ export var textFieldConfig = {
     },
     labelPlacement: {
       css: labelPlacementCSS
+    },
+    hintView: {
+      css: hintViewCSS
+    },
+    hintSize: {
+      css: hintSizeCSS
     }
   },
   defaults: {

package/styled-components/es/components/TextField/TextField.styles.js

@@ -1,47 +1,72 @@
 import styled from 'styled-components';
+import { component, mergeConfig } from '../../engines';
+import { tooltipConfig } from '../Tooltip';
 import { classes, tokens } from './TextField.tokens';
-export var InputWrapper = /*#__PURE__*/styled.div.withConfig({
+var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
+var Tooltip = /*#__PURE__*/component(mergedConfig);
+export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-0"
+})([""]);
+export var InputWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-1"
 })(["position:relative;display:flex;align-items:center;box-sizing:border-box;"]);
 export var InputLabelWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-1"
+  componentId: "plasma-new-hope__sc-g4vxbb-2"
 })(["flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.", "{height:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.hasChips), tokens.chipHeight, tokens.chipBorderRadius);
 export var StyledChips = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-2"
+  componentId: "plasma-new-hope__sc-g4vxbb-3"
 })(["display:flex;gap:var(", ");margin-right:var(", ");user-select:none;"], tokens.chipGap, tokens.chipGap);
 export var Input = /*#__PURE__*/styled.input.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-3"
+  componentId: "plasma-new-hope__sc-g4vxbb-4"
 })(["box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&::placeholder{opacity:0;}"]);
 export var InputContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-4"
+  componentId: "plasma-new-hope__sc-g4vxbb-5"
 })(["position:relative;flex:1;min-width:60%;"]);
 export var InputPlaceholder = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-5"
+  componentId: "plasma-new-hope__sc-g4vxbb-6"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");"], tokens.placeholderColor);
+export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-7"
+})(["display:flex;align-items:center;margin-bottom:", ";"], function (_ref) {
+  var isInnnerLabel = _ref.isInnnerLabel;
+  return isInnnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
+});
+export var TitleCaption = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-8"
+})(["display:inline-block;margin-left:auto;"]);
+export var StyledIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-9"
+})(["position:relative;display:inline-flex;align-items:center;"]);
 export var Label = /*#__PURE__*/styled.label.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-6"
-})(["position:relative;display:inline-flex;"]);
+  componentId: "plasma-new-hope__sc-g4vxbb-10"
+})(["display:inline-flex;"]);
 var StyledContentSlot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-7"
+  componentId: "plasma-new-hope__sc-g4vxbb-11"
 })(["color:var(", ");line-height:0;"], tokens.contentSlotColor);
 export var StyledContentLeft = /*#__PURE__*/styled(StyledContentSlot).withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-8"
+  componentId: "plasma-new-hope__sc-g4vxbb-12"
 })(["margin:var(", ");"], tokens.leftContentMargin);
 export var StyledContentRight = /*#__PURE__*/styled(StyledContentSlot).withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-9"
+  componentId: "plasma-new-hope__sc-g4vxbb-13"
 })(["margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ");color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
 export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-10"
+  componentId: "plasma-new-hope__sc-g4vxbb-14"
 })([""]);
 export var StyledTextBefore = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-11"
+  componentId: "plasma-new-hope__sc-g4vxbb-15"
 })([""]);
 export var StyledTextAfter = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-12"
+  componentId: "plasma-new-hope__sc-g4vxbb-16"
 })([""]);
 export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-13"
+  componentId: "plasma-new-hope__sc-g4vxbb-17"
 })(["color:var(", ");"], tokens.optionalColor);
+export var StyledHintWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-18"
+})(["display:inline-block;line-height:0;&.", "{position:absolute;margin:0;top:0;right:var(", ");}"], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
+export var HintTargetWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-19"
+})(["color:var(", ");"], tokens.hintIconColor);
 export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-g4vxbb-14"
+  componentId: "plasma-new-hope__sc-g4vxbb-20"
 })(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);

package/styled-components/es/components/TextField/TextField.template-doc.mdx

@@ -92,7 +92,8 @@ export function App() {
 ```
 
 ### Подсказка
-Для вывода подсказки снизу от поля используйте свойство `helperText`:
+Для вывода подсказки снизу от поля используйте свойство `helperText`,
+для подсказки в виде Tooltip - `hasHint`, для подсказки сверху справа - `titleCaption`:
 
 ```tsx live
 import React from 'react';
@@ -105,6 +106,11 @@ export function App() {
                 placeholder="Введите значение"
                 defaultValue="Значение"
                 helperText="Подсказка снизу"
+                titleCaption="Подсказка сверху"
+                hasHint
+                hintText="Подсказка в виде Tooltip"
+                hintView="default"
+                hintSize="m"
             />
         </div>
     );

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -66,6 +66,15 @@ export var tokens = {
   labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',
   labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',
   contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',
+  titleCaptionColor: '--plasma-textfield__title-caption-color',
+  titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
+  titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
+  titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
+  titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
+  titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',
+  titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',
+  titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
+  titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
   leftHelperColor: '--plasma-textfield__left-helper-color',
   leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
   leftHelperOffset: '--plasma-textfield__left-helper-offset',
@@ -82,6 +91,32 @@ export var tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
+  /** Токены для tooltip */
+  hintMargin: '--plasma-textfield__hint-margin',
+  hintIconColor: '--plasma-textfield__hint-icon-color',
+  hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',
+  tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',
+  tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',
+  tooltipColor: '--plasma-textfield__tooltip-color',
+  tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',
+  tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',
+  tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',
+  tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',
+  tooltipMinHeight: '--plasma-textfield__tooltip-min-height',
+  tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',
+  tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',
+  tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',
+  tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',
+  tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',
+  tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',
+  tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',
+  tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',
+  tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',
+  tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',
+  tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',
+  tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',
+  tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',
+  tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',
   /** Токены чипа */
   chipHeight: '--plasma-textfield__chip-height',
   chipBorderRadius: '--plasma-textfield__chip-border-radius',

package/styled-components/es/components/TextField/variations/_hint-size/base.js

@@ -0,0 +1,5 @@
+import { css } from 'styled-components';
+import { tokens } from '../../TextField.tokens';
+import { tooltipTokens } from '../../../Tooltip';
+import { Hint } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":url(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], Hint, tooltipTokens.paddingTop, tokens.tooltipPaddingTop, tooltipTokens.paddingRight, tokens.tooltipPaddingRight, tooltipTokens.paddingBottom, tokens.tooltipPaddingBottom, tooltipTokens.paddingLeft, tokens.tooltipPaddingLeft, tooltipTokens.minHeight, tokens.tooltipMinHeight, tooltipTokens.borderRadius, tokens.tooltipBorderRadius, tooltipTokens.textFontFamily, tokens.tooltipTextFontFamily, tooltipTokens.textFontSize, tokens.tooltipTextFontSize, tooltipTokens.textFontStyle, tokens.tooltipTextFontStyle, tooltipTokens.textFontWeight, tokens.tooltipTextFontWeight, tooltipTokens.textFontLetterSpacing, tokens.tooltipTextFontLetterSpacing, tooltipTokens.textFontLineHeight, tokens.tooltipTextFontLineHeight, tooltipTokens.contentLeftMargin, tokens.tooltipContentLeftMargin, tooltipTokens.arrowMaskWidth, tokens.tooltipArrowMaskWidth, tooltipTokens.arrowMaskHeight, tokens.tooltipArrowMaskHeight, tooltipTokens.arrowMaskImage, tokens.tooltipArrowMaskImage, tooltipTokens.arrowHeight, tokens.tooltipArrowHeight, tooltipTokens.arrowEdgeMargin, tokens.tooltipArrowEdgeMargin, tooltipTokens.arrowBackground, tokens.tooltipArrowBackground);

package/styled-components/es/components/TextField/variations/_hint-size/tokens.json

@@ -0,0 +1,21 @@
+[
+    "--plasma-textfield__tooltip-padding-top",
+    "--plasma-textfield__tooltip-padding-right",
+    "--plasma-textfield__tooltip-padding-bottom",
+    "--plasma-textfield__tooltip-padding-left",
+    "--plasma-textfield__tooltip-min-height",
+    "--plasma-textfield__tooltip-border-radius",
+    "--plasma-textfield__tooltip-text-font-family",
+    "--plasma-textfield__tooltip-text-font-size",
+    "--plasma-textfield__tooltip-text-font-style",
+    "--plasma-textfield__tooltip-text-font-weight",
+    "--plasma-textfield__tooltip-text-font-letter-spacing",
+    "--plasma-textfield__tooltip-text-font-line-height",
+    "--plasma-textfield__tooltip-content-left-margin",
+    "--plasma-textfield__tooltip-arrow-mask-width",
+    "--plasma-textfield__tooltip-arrow-mask-height",
+    "--plasma-textfield__tooltip-arrow-mask-image",
+    "--plasma-textfield__tooltip-arrow-height",
+    "--plasma-textfield__tooltip-arrow-edge-margin",
+    "--plasma-textfield__tooltip-arrow-background"
+]

package/styled-components/es/components/TextField/variations/_hint-view/base.js

@@ -0,0 +1,5 @@
+import { css } from 'styled-components';
+import { tokens } from '../../TextField.tokens';
+import { tooltipTokens } from '../../../Tooltip';
+import { Hint } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");}"], Hint, tooltipTokens.backgroundColor, tokens.tooltipBackgroundColor, tooltipTokens.boxShadow, tokens.tooltipBoxShadow, tooltipTokens.color, tokens.tooltipColor);

package/styled-components/es/components/TextField/variations/_hint-view/tokens.json

@@ -0,0 +1,5 @@
+[
+    "--plasma-textfield__tooltip-background-color",
+    "--plasma-textfield__tooltip-box-shadow",
+    "--plasma-textfield__tooltip-color "
+]

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;margin-bottom:var(", ");color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}}"], classes.outerLabelPlacement, Label, tokens.labelOffset, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight);
+export var base = /*#__PURE__*/css(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}}"], classes.outerLabelPlacement, Label, tokens.labelColor, classes.innerLabelPlacement, InputContainer, tokens.contentLabelInnerPadding, StyledTextAfter, StyledTextBefore, tokens.contentLabelInnerPadding, Input, Label, Input, classes.hasValue, Label, tokens.labelInnerPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, Label, tokens.placeholderColor, tokens.height, tokens.height, tokens.labelLineHeight, tokens.height, tokens.labelLineHeight);

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}", ":hover{background-color:var(", ");}", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}}"], InputWrapper, tokens.colorReadOnly, /*#__PURE__*/String(tokens.backgroundColorReadOnly), /*#__PURE__*/String(tokens.borderWidth), /*#__PURE__*/String(tokens.borderColorReadOnly), InputWrapper, tokens.backgroundColorReadOnly, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, Label, tokens.labelColorReadOnly);
+import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}", ":hover{background-color:var(", ");}", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}}"], InputWrapper, tokens.colorReadOnly, /*#__PURE__*/String(tokens.backgroundColorReadOnly), /*#__PURE__*/String(tokens.borderWidth), /*#__PURE__*/String(tokens.borderColorReadOnly), InputWrapper, tokens.backgroundColorReadOnly, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, Label, tokens.labelColorReadOnly);

package/styled-components/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
+import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledHintWrapper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledHintWrapper, tokens.hintMargin, TitleCaption, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);

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

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColor, Input, tokens.color, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);
+import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], InputWrapper, /*#__PURE__*/String(tokens.borderColor), /*#__PURE__*/String(tokens.backgroundColor), tokens.color, tokens.borderWidth, tokens.caretColor, InputWrapper, tokens.borderColorHover, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorHover, /*#__PURE__*/String(tokens.backgroundColor), InputWrapper, tokens.borderColorFocus, /*#__PURE__*/String(tokens.borderColor), tokens.backgroundColorFocus, /*#__PURE__*/String(tokens.backgroundColor), InputPlaceholder, tokens.placeholderColor, Input, tokens.color, TitleCaption, tokens.titleCaptionColor, LeftHelper, tokens.leftHelperColor, StyledTextBefore, tokens.textBeforeColor, StyledTextAfter, tokens.textAfterColor);

package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js

@@ -7,8 +7,9 @@ export var DisclosureLeft = function DisclosureLeft(props) {
     viewBox: "0 0 24 24",
     fill: "none"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M6.09 6.96c.29.3.29.77 0 1.07L2.12 12l3.97 3.96c.29.3.29.77 0 1.07-.3.29-.77.29-1.06 0L0 12l5.03-5.04c.29-.29.76-.29 1.06 0Z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
+    fill: "currentColor"
   })));
 };

package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js

@@ -7,8 +7,9 @@ export var DisclosureRight = function DisclosureRight(props) {
     viewBox: "0 0 24 24",
     fill: "none"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M18.21 6.96c-.29.3-.29.77 0 1.07L22.18 12l-3.97 3.96c-.29.3-.29.77 0 1.07.3.29.77.29 1.07 0L24.31 12l-5.03-5.04a.767.767 0 0 0-1.07 0Z",
-    fill: "currentColor",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
+    fill: "currentColor"
   })));
 };

package/{emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js → styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js}

@@ -1,7 +1,7 @@
 var _path;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
-export var DisclosureLeftCentered = function DisclosureLeftCentered(props) {
+export var InfoCircleOutline = function InfoCircleOutline(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: "100%",
     viewBox: "0 0 24 24",
@@ -9,7 +9,7 @@ export var DisclosureLeftCentered = function DisclosureLeftCentered(props) {
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
+    d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
     fill: "currentColor"
   })));
 };

package/styled-components/es/components/_Icon/Icons/{IconDisclosureUp.js → IconInfoCircleOutline.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DisclosureUp } from '../Icon.assets/DisclosureUp';
+import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';
 import { IconRoot } from '../IconRoot';
-export var IconDisclosureUp = function IconDisclosureUp(_ref) {
+export var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
@@ -10,6 +10,6 @@ export var IconDisclosureUp = function IconDisclosureUp(_ref) {
     className: className,
     size: size,
     color: color,
-    icon: DisclosureUp
+    icon: InfoCircleOutline
   });
 };

package/styled-components/es/components/_Icon/index.js

@@ -1,8 +1,6 @@
 export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
 export { IconDisclosureRight } from './Icons/IconDisclosureRight';
 export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
-export { IconDisclosureDown } from './Icons/IconDisclosureDown';
-export { IconDisclosureUp } from './Icons/IconDisclosureUp';
 export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
@@ -11,7 +9,6 @@ export { IconChevronDownFill } from './Icons/IconChevronDownFill';
 export { IconClose } from './Icons/IconClose';
 export { IconCross } from './Icons/IconCross';
 export { IconDone } from './Icons/IconDone';
-export { IconDisclosureLeftCentered } from './Icons/IconDisclosureLeftCentered';
 export { IconDisclosureRightCentered } from './Icons/IconDisclosureRightCentered';
 export { IconDisclosureDownCentered } from './Icons/IconDisclosureDownCentered';
 export { IconMinus } from './Icons/IconMinus';
@@ -22,4 +19,5 @@ export { IconBlankDocOutline } from './Icons/IconBlankDocOutline';
 export { IconBlankOutline } from './Icons/IconBlankOutline';
 export { IconBlankPdfOutline } from './Icons/IconBlankPdfOutline';
 export { IconBlankTxtOutline } from './Icons/IconBlankTxtOutline';
-export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
+export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
+export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';

package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx

@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 
-import { IconDisclosureLeftCentered } from '../../../../components/_Icon';
+import { IconDisclosureLeft } from '../../../../components/_Icon';
 import { WithTheme } from '../../../_helpers';
 
 import { Editable, typographyVariants } from './Editable';
@@ -50,7 +50,7 @@ const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryP
     return (
         <Editable
             {...rest}
-            icon={<IconDisclosureLeftCentered size={iconSize} color="inherit" />}
+            icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
             textComponent={typographyVariants[componentName]}
             value={defaultValue}
             onChange={handleChange}

package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx

@@ -12,7 +12,7 @@ import {
 import { WithTheme } from '../../../_helpers';
 import { PopupProvider } from '../Popup/Popup';
 import { NotificationProps } from '../../../../components/Notification';
-import { IconDisclosureRightCentered } from '../../../../components/_Icon';
+import { IconDisclosureRight } from '../../../../components/_Icon';
 
 import { Notification, NotificationsProvider } from './Notification';
 
@@ -55,7 +55,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
     return (
         <Notification
             title={title}
-            icon={showLeftIcon ? <IconDisclosureRightCentered /> : ''}
+            icon={showLeftIcon ? <IconDisclosureRight /> : ''}
             iconPlacement={iconPlacement}
             actions={
                 <Button
@@ -116,10 +116,7 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
 const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
-        addNotification(
-            { icon: <IconDisclosureRightCentered />, ...rest, ...getNotificationProps(count.current) },
-            timeout,
-        );
+        addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
         count.current++;
     }, [count, rest]);