@salutejs/plasma-new-hope 0.156.0-canary.1421.11096434145.0 → 0.156.0-canary.1421.11105922905.0

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

@@ -174,6 +174,22 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       })) || [];
       setChips(newChips);
     }, [isChipEnumeration, values]);
+    (0, _react.useEffect)(function () {
+      console.log(inputRef);
+      if (inputRef.current) {
+        console.log(inputRef, 'current');
+        inputRef.current.addEventListener('setInitialValue', function () {
+          return setHasValue(true);
+        });
+      }
+      return function () {
+        if (inputRef.current) {
+          inputRef.current.removeEventListener('setInitialValue', function () {
+            return setHasValue(true);
+          });
+        }
+      };
+    }, []);
     (0, _react.useEffect)(function () {
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
     }, [rest.defaultValue]);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledTextBefore = exports.StyledTextAfter = exports.StyledOptionalText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledChips = exports.LeftHelper = exports.Label = exports.InputWrapper = exports.InputPlaceholder = exports.InputLabelWrapper = exports.InputContainer = exports.Input = void 0;
+exports.StyledTextBefore = exports.StyledTextAfter = exports.StyledOptionalText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledChips = exports.LeftHelper = exports.Label = exports.InputWrapper = exports.InputPlaceholder = exports.InputLabelWrapper = exports.InputHidden = exports.InputContainer = exports.Input = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _TextField = /*#__PURE__*/require("./TextField.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -51,4 +51,7 @@ var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledCompon
 })(["color:var(", ");"], _TextField.tokens.optionalColor);
 var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-14"
-})(["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(", ");}}"], _TextField.tokens.indicatorColor, _TextField.classes.outerLabelPlacement, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorLabelPlacementOuter, _TextField.tokens.indicatorLabelPlacementOuterRight, _TextField.classes.innerLabelPlacement, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorLabelPlacementInner, _TextField.tokens.indicatorLabelPlacementInnerRight);
+})(["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(", ");}}"], _TextField.tokens.indicatorColor, _TextField.classes.outerLabelPlacement, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorSizeOuter, _TextField.tokens.indicatorLabelPlacementOuter, _TextField.tokens.indicatorLabelPlacementOuterRight, _TextField.classes.innerLabelPlacement, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorSizeInner, _TextField.tokens.indicatorLabelPlacementInner, _TextField.tokens.indicatorLabelPlacementInnerRight);
+var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-15"
+})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);

package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

package/styled-components/cjs/hooks/index.js

@@ -21,10 +21,10 @@ Object.defineProperty(exports, "useForceUpdate", {
     return _useForceUpdate.useForceUpdate;
   }
 });
-Object.defineProperty(exports, "useFormState", {
+Object.defineProperty(exports, "useForm", {
   enumerable: true,
   get: function get() {
-    return _useFormState.useFormState;
+    return _useForm.useForm;
   }
 });
 Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
@@ -58,4 +58,4 @@ var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
 var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
 var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
-var _useFormState = /*#__PURE__*/require("./useFormState");
+var _useForm = /*#__PURE__*/require("./useForm");

package/styled-components/cjs/hooks/{useFormState.js → useForm.js}

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFormState = void 0;
+exports.useForm = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -27,6 +27,9 @@ var initData = function initData(ref, defaultValues) {
       type = item.type;
     if ((type === 'text' || type === 'textarea') && defaultValues[_name]) {
       item.value = String(defaultValues[_name]);
+      item.setAttribute('defaultValue', String(defaultValues[_name]));
+      var event = new Event('setInitialValue');
+      item.dispatchEvent(event);
     }
     if (type === 'checkbox' && defaultValues[_name]) {
       item.checked = Boolean(defaultValues[_name]);
@@ -38,30 +41,30 @@ var initData = function initData(ref, defaultValues) {
       var sliderType = item.getAttribute('datatype');
       if (sliderType === 'slider-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var event = new Event('setInitialValue');
-        item.dispatchEvent(event);
+        var _event = new Event('setInitialValue');
+        item.dispatchEvent(_event);
       }
       if (sliderType === 'slider-double') {
         var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
         var _data = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data[isMax]));
-        var _event = new Event('setInitialValue');
-        item.dispatchEvent(_event);
+        var _event2 = new Event('setInitialValue');
+        item.dispatchEvent(_event2);
       }
     }
     if (type === 'hidden') {
       var datepickerType = item.getAttribute('datatype');
       if (datepickerType === 'datepicker-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var _event2 = new Event('setInitialValue');
-        item.dispatchEvent(_event2);
+        var _event3 = new Event('setInitialValue');
+        item.dispatchEvent(_event3);
       }
       if (datepickerType === 'datepicker-double') {
         var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
         var _data2 = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data2[isTo]));
-        var _event3 = new Event('setInitialValue');
-        item.dispatchEvent(_event3);
+        var _event4 = new Event('setInitialValue');
+        item.dispatchEvent(_event4);
       }
     }
   }
@@ -69,7 +72,7 @@ var initData = function initData(ref, defaultValues) {
 var valideParams = function valideParams(name) {
   return name && name !== '';
 };
-var useFormState = exports.useFormState = function useFormState(onSubmit, defaultValues) {
+var useForm = exports.useForm = function useForm(onSubmit, defaultValues) {
   var formRef = /*#__PURE__*/_react["default"].createRef();
   (0, _react.useEffect)(function () {
     initData(formRef, defaultValues);

package/styled-components/cjs/utils/setRefList.js

@@ -20,7 +20,8 @@ function setRefList(val) {
   refs.forEach(function (ref) {
     if (typeof ref === 'function') {
       ref(val);
-    } else if (ref != null) {
+    }
+    if (ref != null && typeof ref !== 'function') {
       ref.current = val;
     }
   });

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -15,7 +15,7 @@ import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { setInitialValue } from '../utils/setInitialValue';
-import { InputHidden } from '../../../utils/inputHidden';
+import { InputHidden } from '../../TextField/TextField.styles';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -141,21 +141,25 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       setInputSecondValue = _useState14[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: "".concat(value, " - ").concat(inputSecondValue),
-          name: name
-        }
-      });
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(value, " - ").concat(inputSecondValue),
+            name: name
+          }
+        });
+      }
     };
     var setSecondInputValue = function setSecondInputValue(value) {
       setInputSecondValue(value);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: "".concat(inputFirstValue, " - ").concat(value),
-          name: name
-        }
-      });
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(inputFirstValue, " - ").concat(value),
+            name: name
+          }
+        });
+      }
     };
     var dateFormatDelimiter = useCallback(function () {
       return getDateFormatDelimiter(format);

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -16,7 +16,7 @@ import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { setInitialValue } from '../utils/setInitialValue';
-import { InputHidden } from '../../../utils/inputHidden';
+import { InputHidden } from '../../TextField/TextField.styles';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';

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

@@ -9,7 +9,7 @@ import { usePopupContext } from '../Popup';
 import { Overlay } from '../Overlay';
 import { DEFAULT_Z_INDEX } from '../Popup/utils';
 import { panelConfig } from '../Panel';
-import { getSizeValueFromProp } from '../../utils';
+import { cx, getSizeValueFromProp } from '../../utils';
 import { classes, tokens } from './Drawer.tokens';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
@@ -62,6 +62,7 @@ export var drawerRoot = function drawerRoot(Root) {
     var overlayBackgroundToken = withBlur ? "var(".concat(tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(tokens.drawerOverlayColor, ")");
     var innerWidth = width ? getSizeValueFromProp(width) : '100%';
     var innerHeight = height ? getSizeValueFromProp(height) : '100%';
+    var placementClass = placement ? classes["".concat(placement, "Placement")] : undefined;
     var _useDrawer = useDrawer({
         id: innerId,
         isOpen: innerIsOpen,
@@ -87,6 +88,7 @@ export var drawerRoot = function drawerRoot(Root) {
     return /*#__PURE__*/React.createElement(StyledPopup, _extends({
       id: innerId,
       ref: asModal ? innerRef : outerRef,
+      className: cx(placementClass),
       opened: innerIsOpen,
       zIndex: zIndex,
       placement: placement,

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

@@ -45,24 +45,21 @@ var animationVariants = {
     }
   }
 };
+var templateAnimationStyle = function templateAnimationStyle(placement) {
+  return "\n        &.".concat(classes["".concat(placement, "Placement")], " {\n            && .").concat(popupClasses.root, " {\n                animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n            }\n\n            &&.").concat(popupClasses.endAnimation, " .").concat(popupClasses.root, " {\n                animation: ").concat(placement, "HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ").concat(placement, "ShowAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].show.start, ";\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].show.end, ";\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ").concat(placement, "HideAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].hide.start, ";\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].hide.end, ";\n                    opacity: 0;\n                }\n            }   \n        }\n    ");
+};
+var getAnimationStyles = function getAnimationStyles() {
+  return Object.keys(animationVariants).reduce(function (acc, placement) {
+    acc += templateAnimationStyle(placement);
+    return acc;
+  }, '');
+};
 export var StyledPopup = /*#__PURE__*/styled(Popup).withConfig({
   componentId: "plasma-new-hope__sc-cup208-0"
-})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}&& .", "{animation:showAnimation 0.2s forwards;}&&.", " .", "{animation:hideAnimation 0.2s forwards;}@keyframes showAnimation{0%{transform:", ";opacity:0;}100%{transform:", ";opacity:1;}}@keyframes hideAnimation{0%{transform:", ";opacity:1;}100%{transform:", ";opacity:0;}}"], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function (_ref) {
+})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}", ""], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function (_ref) {
   var width = _ref.width;
   return width;
 }, function (_ref2) {
   var height = _ref2.height;
   return height;
-}, popupClasses.root, popupClasses.endAnimation, popupClasses.root, function (_ref3) {
-  var placement = _ref3.placement;
-  return animationVariants[placement].show.start;
-}, function (_ref4) {
-  var placement = _ref4.placement;
-  return animationVariants[placement].show.end;
-}, function (_ref5) {
-  var placement = _ref5.placement;
-  return animationVariants[placement].hide.start;
-}, function (_ref6) {
-  var placement = _ref6.placement;
-  return animationVariants[placement].hide.end;
-});
+}, /*#__PURE__*/getAnimationStyles());

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

@@ -5,7 +5,11 @@ export var classes = {
   overlay: 'drawer-overlay',
   horizontal: 'drawer-horizontal',
   hasHeader: 'drawer-has-header',
-  isRightClose: 'drawer-right-close-button'
+  isRightClose: 'drawer-right-close-button',
+  topPlacement: 'drawer-top-placement',
+  bottomPlacement: 'drawer-bottom-placement',
+  rightPlacement: 'drawer-right-placement',
+  leftPlacement: 'drawer-left-placement'
 };
 export var tokens = {
   drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',

package/styled-components/es/components/Drawer/hooks/useDrawer.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { useCallback, useEffect, useRef } from 'react';
 import { getIdLastDrawer, hasDrawers } from '../DrawerContext';
 import { usePopupContext } from '../../Popup';
+import { canUseDOM } from '../../../utils';
 var ESCAPE_KEYCODE = 27;
 export var useDrawer = function useDrawer(_ref) {
   var id = _ref.id,
@@ -19,7 +20,7 @@ export var useDrawer = function useDrawer(_ref) {
     _ref$disableScroll = _ref.disableScroll,
     disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
   var popupController = usePopupContext();
-  var overflow = useRef(document.body.style.overflowY);
+  var overflow = useRef(canUseDOM ? document.body.style.overflow : 'initial');
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = useCallback(function (event) {
@@ -45,14 +46,20 @@ export var useDrawer = function useDrawer(_ref) {
 
   // linaria не поддерживает динамический global
   useEffect(function () {
+    if (!canUseDOM) {
+      return;
+    }
     if (isOpen && disableScroll) {
-      overflow.current = document.body.style.overflowY;
-      document.body.style.overflowY = 'hidden';
+      overflow.current = document.body.style.overflow;
+      document.body.style.overflow = 'hidden';
     }
   }, [isOpen, disableScroll]);
   useEffect(function () {
+    if (!canUseDOM) {
+      return;
+    }
     if (!isOpen && !hasDrawers(popupController.items)) {
-      document.body.style.overflowY = overflow.current;
+      document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);
   var drawerInfo = _objectSpread({

package/styled-components/es/components/Slider/components/Double/Double.js

@@ -20,7 +20,7 @@ import { Handler } from '../../ui';
 import { sizeData, setInitialValue } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../../../../utils/inputHidden';
+import { InputHidden } from '../../../TextField/TextField.styles';
 import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
 function getXCenterHandle(handle) {
   var _handle$parentElement;

package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -5,7 +5,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState } from 'react';
+import React, { useState, useCallback } from 'react';
 import { DoubleSlider } from '../index';
 export var DoubleUncontrolled = function DoubleUncontrolled(props) {
   var defaultValue = props.defaultValue,
@@ -31,7 +31,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
       return a - b;
     });
   };
-  var onChangeHandle = function onChangeHandle(values) {
+  var onChangeHandle = useCallback(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -42,8 +42,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
       });
     }
     setSliderValue(sortValue);
-  };
-  var onChangeCommitedHandle = function onChangeCommitedHandle(values) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onChangeCommitedHandle = useCallback(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -54,8 +54,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
       });
     }
     setSliderValue(sortValue);
-  };
-  var onBlurTextField = function onBlurTextField(values) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onBlurTextField = useCallback(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -66,8 +66,8 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
       });
     }
     setSliderValue(sortValue);
-  };
-  var onKeyDownTextField = function onKeyDownTextField(values, e) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onKeyDownTextField = useCallback(function (values, e) {
     if (e.key === 'Enter') {
       var sortValue = sortValues(values);
       if (onChange && !value && name) {
@@ -80,7 +80,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
       }
       setSliderValue(sortValue);
     }
-  };
+  }, [name, value, onChange, sortValues, setSliderValue]);
   return value ? /*#__PURE__*/React.createElement(DoubleSlider, _extends({}, props, {
     value: value,
     onChange: onChange

package/styled-components/es/components/Slider/components/Single/Single.js

@@ -20,7 +20,7 @@ import { Handler } from '../../ui';
 import { setInitialValue, sizeData } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../../../../utils/inputHidden';
+import { InputHidden } from '../../../TextField/TextField.styles';
 import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
 export var SingleSlider = function SingleSlider(_ref) {
   var _ref2;

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

@@ -18,7 +18,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, createRef, useCallback } from 'react';
+import React, { forwardRef, useState, createRef, useCallback, useEffect } from 'react';
 import { css } from 'styled-components';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx, mergeRefs } from '../../utils';
@@ -29,6 +29,7 @@ import { classes } from './TextArea.tokens';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as disabledCSS } from './variations/_disabled/base';
+import { setInitialValue } from './utils';
 var innerPlaceholderUp = classes.innerPlaceholderUp,
   focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
   hidePlaceHolder = classes.hidePlaceHolder,
@@ -151,6 +152,22 @@ export var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
+    useEffect(function () {
+      console.log(outerRef);
+      if (outerRef.current) {
+        console.log(outerRef, 'outer');
+        outerRef.current.addEventListener('setInitialValue', function (e) {
+          return setUncontrolledValue(setInitialValue(e));
+        });
+      }
+      return function () {
+        if (outerRef.current) {
+          outerRef.current.removeEventListener('setInitialValue', function (e) {
+            return setUncontrolledValue(setInitialValue(e));
+          });
+        }
+      };
+    }, []);
     var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
       size: size,
       readOnly: readOnly,

package/styled-components/es/components/TextArea/utils/index.js

@@ -0,0 +1,6 @@
+export var setInitialValue = function setInitialValue(e) {
+  console.log(e.target);
+  var item = e.target;
+  var defaultValue = String(item.getAttribute('defaultValue'));
+  return defaultValue;
+};

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

@@ -165,6 +165,22 @@ export var textFieldRoot = function textFieldRoot(Root) {
       })) || [];
       setChips(newChips);
     }, [isChipEnumeration, values]);
+    useEffect(function () {
+      console.log(inputRef);
+      if (inputRef.current) {
+        console.log(inputRef, 'current');
+        inputRef.current.addEventListener('setInitialValue', function () {
+          return setHasValue(true);
+        });
+      }
+      return function () {
+        if (inputRef.current) {
+          inputRef.current.removeEventListener('setInitialValue', function () {
+            return setHasValue(true);
+          });
+        }
+      };
+    }, []);
     useEffect(function () {
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
     }, [rest.defaultValue]);

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

@@ -44,4 +44,7 @@ export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
 })(["color:var(", ");"], tokens.optionalColor);
 export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-14"
-})(["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);
+})(["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);
+export var InputHidden = /*#__PURE__*/styled.input.withConfig({
+  componentId: "plasma-new-hope__sc-g4vxbb-15"
+})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);

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

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

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

@@ -5,4 +5,4 @@ export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
 export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
-export { useFormState } from './useFormState';
+export { useForm } from './useForm';