@salutejs/plasma-new-hope 0.157.0-canary.1421.11113740435.0 → 0.157.0-canary.1438.11114279484.0

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

@@ -1,4 +1,4 @@
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 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."); }
@@ -15,8 +15,6 @@ import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
 import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
-import { setInitialValue } from '../utils/setInitialValue';
-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';
@@ -42,7 +40,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      name = _ref.name,
       _ref$defaultDate = _ref.defaultDate,
       defaultDate = _ref$defaultDate === void 0 ? '' : _ref$defaultDate,
       valueError = _ref.valueError,
@@ -76,10 +73,8 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onToggle = _ref.onToggle,
       onFocus = _ref.onFocus,
       onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
       rest = _objectWithoutProperties(_ref, _excluded);
     var inputRef = useRef(null);
-    var innerRef = useRef(null);
     var _useState = useState(opened),
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
@@ -114,11 +109,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
         valueError: valueError,
         valueSuccess: valueSuccess,
         inputRef: inputRef,
-        name: name,
         onToggle: onToggle,
         onChangeValue: onChangeValue,
-        onCommitDate: onCommitDate,
-        onChange: onChange
+        onCommitDate: onCommitDate
       }),
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
@@ -174,20 +167,6 @@ export var datePickerRoot = function datePickerRoot(Root) {
         lang: lang
       }));
     }, [format, lang]);
-    useEffect(function () {
-      if (innerRef.current) {
-        innerRef.current.addEventListener('setInitialValue', function (e) {
-          return handleCommitDate(setInitialValue(e), true, false);
-        });
-      }
-      return function () {
-        if (innerRef.current) {
-          innerRef.current.removeEventListener('setInitialValue', function (e) {
-            return handleCommitDate(setInitialValue(e), true, false);
-          });
-        }
-      };
-    }, []);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
@@ -226,14 +205,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, {
-      type: "hidden",
-      datatype: "datepicker-single",
-      name: name,
-      value: inputValue,
-      ref: innerRef,
-      onChange: function onChange() {}
-    }));
+    })), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
   });
 };
 export var datePickerConfig = {

package/styled-components/es/components/DatePicker/hooks/useDatePicker.js

@@ -16,11 +16,9 @@ export var useDatePicker = function useDatePicker(_ref) {
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
     inputRef = _ref.inputRef,
-    name = _ref.name,
     onToggle = _ref.onToggle,
     onChangeValue = _ref.onChangeValue,
-    onCommitDate = _ref.onCommitDate,
-    onChange = _ref.onChange;
+    onCommitDate = _ref.onCommitDate;
   var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
   var handleToggle = function handleToggle(opened, event) {
@@ -47,12 +45,6 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: newValue,
-          name: name
-        }
-      });
       return;
     }
 
@@ -85,12 +77,6 @@ export var useDatePicker = function useDatePicker(_ref) {
       isLengthEqual: isLengthEqual
     }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
-    onChange === null || onChange === void 0 || onChange({
-      target: {
-        value: newValue,
-        name: name
-      }
-    });
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
@@ -109,16 +95,6 @@ export var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: formatInputValue({
-            value: date,
-            format: format,
-            lang: lang
-          }),
-          name: name
-        }
-      });
       return;
     }
     var formatString = applyFormat ? format : undefined;
@@ -133,15 +109,6 @@ export var useDatePicker = function useDatePicker(_ref) {
       lang: lang
     }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
-    onChange === null || onChange === void 0 || onChange({
-      target: {
-        value: formatInputValue({
-          value: date,
-          format: format
-        }),
-        name: name
-      }
-    });
   };
   return {
     datePickerErrorClass: datePickerErrorClass,

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

@@ -46,7 +46,7 @@ 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    ");
+  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) {
@@ -56,10 +56,4 @@ var getAnimationStyles = function getAnimationStyles() {
 };
 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:", ";}", ""], 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;
-}, /*#__PURE__*/getAnimationStyles());
+})(["&&.", "{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;}}", ""], classes.overlay, popupClasses.endAnimation, classes.overlay, /*#__PURE__*/getAnimationStyles());

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

@@ -1,27 +1,17 @@
-var _excluded = ["type"];
 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 _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; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import React, { forwardRef } from 'react';
 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 { SingleSlider, DoubleUncontrolled } from './components';
-var isSingleValueProps = function isSingleValueProps(props, type) {
-  return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
-};
-var isDoubleValueProps = function isDoubleValueProps(props, type) {
-  return _typeof(props.value) === 'object' || type === 'double';
+import { SingleSlider, DoubleSlider } from './components';
+var isSingleValueProps = function isSingleValueProps(props) {
+  return typeof props.value === 'number';
 };
 export var sliderRoot = function sliderRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'single' : _ref$type,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
+    }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
   });
 };
 export var sliderConfig = {

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,10 +17,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase';
 import { Handler } from '../../ui';
-import { sizeData, setInitialValue } from '../../utils';
+import { sizeData } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../../../TextField/TextField.styles';
 import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
 function getXCenterHandle(handle) {
   var _handle$parentElement;
@@ -46,7 +45,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     ariaLabel = _ref.ariaLabel,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
-    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({
       stepSize: 0,
@@ -82,20 +80,10 @@ export var DoubleSlider = function DoubleSlider(_ref) {
   var secondHandleRef = useRef(null);
   var firstHandleValue = useRef(value[0]);
   var secondHandleValue = useRef(value[1]);
-  var innerRefFirst = useRef(null);
-  var innerRefSecond = useRef(null);
   var stepSize = state.stepSize;
   var hasLabelContent = label || labelContentLeft;
   var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
   var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
-  var setValue = function setValue(e) {
-    var firstElement = innerRefFirst.current;
-    var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
-    var secondValueInit = setInitialValue(e);
-    onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
-    setFirstValue(firstValueInit);
-    setSecondValue(secondValueInit);
-  };
   useEffect(function () {
     var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
     var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
@@ -110,16 +98,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
       });
     });
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
-  useEffect(function () {
-    if (innerRefSecond.current && onChangeCommitted) {
-      innerRefSecond.current.addEventListener('setInitialValue', setValue);
-    }
-    return function () {
-      if (innerRefSecond.current && onChangeCommitted) {
-        innerRefSecond.current.removeEventListener('setInitialValue', setValue);
-      }
-    };
-  }, []);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -328,21 +306,5 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     onChange: onSecondTextfieldChange,
     onBlur: onSecondTextfieldBlur,
     onKeyDown: onTextfieldKeyDown
-  }))), /*#__PURE__*/React.createElement(InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-double",
-    "data-slidertype": "min",
-    value: firstValue,
-    ref: innerRefFirst,
-    onChange: function onChange() {}
-  }), /*#__PURE__*/React.createElement(InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-double",
-    "data-slidertype": "max",
-    value: secondValue,
-    ref: innerRefSecond,
-    onChange: function onChange() {}
-  }));
+  }))));
 };

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
+var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,13 +17,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase';
 import { Handler } from '../../ui';
-import { setInitialValue, sizeData } from '../../utils';
+import { sizeData } from '../../utils';
 import { cx, isNumber } from '../../../../utils';
 import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../../../TextField/TextField.styles';
 import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
 export var SingleSlider = function SingleSlider(_ref) {
-  var _ref2;
   var min = _ref.min,
     max = _ref.max,
     value = _ref.value,
@@ -43,10 +41,8 @@ export var SingleSlider = function SingleSlider(_ref) {
     rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
-    defaultValue = _ref.defaultValue,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
-    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({
       xHandle: 0,
@@ -56,7 +52,6 @@ export var SingleSlider = function SingleSlider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var innerRef = useRef(null);
   var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     startOffset = _useState4[0],
@@ -65,7 +60,7 @@ export var SingleSlider = function SingleSlider(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     endOffset = _useState6[0],
     setEndOffset = _useState6[1];
-  var _useState7 = useState((_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min),
+  var _useState7 = useState(value),
     _useState8 = _slicedToArray(_useState7, 2),
     dragValue = _useState8[0],
     setDragValue = _useState8[1];
@@ -73,14 +68,14 @@ export var SingleSlider = function SingleSlider(_ref) {
   var hasLabelContent = label || labelContentLeft;
   var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
   var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
-  var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';
-  var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';
+  var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
+  var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
   var startLabelRef = useRef(null);
   var endLabelRef = useRef(null);
   var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
   var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
   useEffect(function () {
-    var localValue = Math.min(Math.max(dragValue, min), max) - min;
+    var localValue = Math.min(Math.max(value, min), max) - min;
     if (rangeValuesPlacement === 'outer') {
       var _startLabelRef$curren, _endLabelRef$current;
       var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
@@ -101,21 +96,7 @@ export var SingleSlider = function SingleSlider(_ref) {
         railFillWidth: stepSize * localValue
       });
     });
-  }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
-  useEffect(function () {
-    if (innerRef.current) {
-      innerRef.current.addEventListener('setInitialValue', function (e) {
-        return setDragValue(setInitialValue(e));
-      });
-    }
-    return function () {
-      if (innerRef.current) {
-        innerRef.current.removeEventListener('setInitialValue', function (e) {
-          return setDragValue(setInitialValue(e));
-        });
-      }
-    };
-  }, []);
+  }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -132,17 +113,7 @@ export var SingleSlider = function SingleSlider(_ref) {
       });
     });
     if (onChange) {
-      if (value !== undefined) {
-        onChange(newValue);
-      }
-      if (name && !value) {
-        onChange({
-          target: {
-            value: newValue,
-            name: name
-          }
-        });
-      }
+      onChange(newValue);
     }
     setDragValue(newValue);
   };
@@ -193,12 +164,5 @@ export var SingleSlider = function SingleSlider(_ref) {
   })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
     ref: endLabelRef,
     className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
-  }, max)), /*#__PURE__*/React.createElement(InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-single",
-    value: dragValue,
-    ref: innerRef,
-    onChange: function onChange() {}
-  }));
+  }, max)));
 };

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

@@ -1,4 +1,3 @@
 export * from './Single/Single';
 export * from './Double/Double';
-export * from './DoubleUncontrolled/DoubleUncontrolled';
 export {};

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

@@ -44,9 +44,4 @@ export var sizeData = {
     indent: 0.75,
     fontSizeMultiplier: 16
   }
-};
-export var setInitialValue = function setInitialValue(e) {
-  var item = e.target;
-  var defaultValue = Number(item.getAttribute('defaultValue'));
-  return defaultValue;
 };

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

@@ -18,10 +18,10 @@ 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, useEffect } from 'react';
+import React, { forwardRef, useState, createRef, useCallback } from 'react';
 import { css } from 'styled-components';
 import { useResizeObserver } from '@salutejs/plasma-core';
-import { cx, mergeRefs } from '../../utils';
+import { cx } from '../../utils';
 import { applyDynamicLabel } from './mixins';
 import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
 import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText } from './TextArea.styles';
@@ -29,7 +29,6 @@ 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,
@@ -119,7 +118,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       uncontrolledValue = _useState6[0],
       setUncontrolledValue = _useState6[1];
-    var outerRef = /*#__PURE__*/createRef();
+    var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/createRef();
     var innerOptional = required ? false : optional;
     var hasHelper = Boolean(leftHelper || rightHelper || helperText);
     var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -152,20 +151,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
-    useEffect(function () {
-      if (outerRef.current) {
-        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,
@@ -205,7 +190,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
       hasContentRight: Boolean(contentRight),
       hasHelper: hasHelper,
       applyCustomWidth: applyCustomWidth,
-      ref: mergeRefs(outerRef, innerRef),
+      ref: outerRef,
       disabled: disabled,
       height: autoResize ? minAuto : height,
       width: width,

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

@@ -165,20 +165,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
       })) || [];
       setChips(newChips);
     }, [isChipEnumeration, values]);
-    useEffect(function () {
-      if (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,7 +44,4 @@ 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);
-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;"]);
+})(["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/hooks/index.js

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

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

@@ -3,7 +3,6 @@ export { extractTextFrom } from './extractTextFrom';
 export { getSizeValueFromProp } from './getSizeValueFromProp';
 export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
-export { mergeRefs, setRefList } from './setRefList';
 export { isEmpty } from './isEmpty';
 import * as _constants from './constants';
 export { _constants as constants };

package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledAccordionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionHeader: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledAccordionHeaderLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionContentRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionContentLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionBodyAnimate: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledArrow: import("styled-components").StyledComponent<import("react").FC<import("../../../_Icon/IconRoot").IconProps>, any, {}, never>;
-export declare const StyledMinus: import("styled-components").StyledComponent<import("react").FC<import("../../../_Icon/IconRoot").IconProps>, any, {}, never>;
-export declare const StyledPlus: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAccordionItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const StyledAccordionHeaderLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionBodyAnimate: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledAccordionBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledArrow: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
+export declare const StyledMinus: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps>;
+export declare const StyledPlus: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=AccordionItem.styles.d.ts.map

package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,mBAAmB,oEAa/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,uEAsBjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oEAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAQvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oEAStC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAShC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oEAetC,CAAC;AAEF,eAAO,MAAM,mBAAmB,oEAY/B,CAAC;AAEF,eAAO,MAAM,WAAW,8HAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,8HAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,oEAOtB,CAAC"}
+{"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,mBAAmB,qKAa/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,iLAsBjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAKrC,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAQvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAStC,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAShC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAetC,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAY/B,CAAC;AAEF,eAAO,MAAM,WAAW,uGAIvB,CAAC;AAEF,eAAO,MAAM,WAAW,uGAmBvB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAOtB,CAAC"}

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const StyledRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledShorter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHidden: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledShorter: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=BreadcrumbShorter.styles.d.ts.map

package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbShorter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oEAAe,CAAC;AACvC,eAAO,MAAM,aAAa,oEAQzB,CAAC;AACF,eAAO,MAAM,YAAY,oEAIxB,CAAC"}
+{"version":3,"file":"BreadcrumbShorter.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,qKAAe,CAAC;AACvC,eAAO,MAAM,aAAa,qKAQzB,CAAC;AACF,eAAO,MAAM,YAAY,qKAIxB,CAAC"}

package/types/components/ButtonBase/index.d.ts

@@ -1,2 +1,3 @@
-export declare const ButtonBase: import("styled-components").StyledComponent<"button", any, {}, never>;
+/// <reference types="react" />
+export declare const ButtonBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 //# sourceMappingURL=index.d.ts.map

package/types/components/ButtonBase/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonBase/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,uEAqBtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonBase/index.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU,iLAqBtB,CAAC"}