@salutejs/plasma-new-hope 0.93.0-canary.1224.9678231866.0 → 0.93.0-canary.1252.9678189355.0

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

@@ -8,7 +8,8 @@ exports.comboboxRoot = exports.comboboxConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
-var _utils2 = /*#__PURE__*/require("../Select/utils");
+var _utils2 = /*#__PURE__*/require("../Dropdown/utils");
+var _utils3 = /*#__PURE__*/require("../Select/utils");
 var _hooks = /*#__PURE__*/require("../Select/hooks");
 var _hooks2 = /*#__PURE__*/require("../../hooks");
 var _base = /*#__PURE__*/require("./variations/_view/base");
@@ -137,11 +138,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       var newValue = item.dataset.value;
       if (rest.valueType === 'multiple') {
         var _rest$onChangeValue;
-        var _newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
+        var _newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, rest.valueType);
         (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
         return;
       }
-      var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
+      var newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, 'single');
       (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
       onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
       closedWithoutChanges.current = false;
@@ -173,11 +174,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
       onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
     var childrenArray = _react.Children.toArray(children);
-    var childrenMemo = (0, _utils2.getChildren)(childrenArray, {
+    var childrenMemo = (0, _utils3.getChildren)(childrenArray, {
       onClick: onClickChildrenItem,
       childrenRefs: itemsRefs
     }, value, filterValue, filterFunction).filter(Boolean);
-    var values = (0, _utils2.getValues)(childrenArray, value);
+    var values = (0, _utils3.getValues)(childrenArray, value);
     var onSearch = function onSearch(newSearch, newOpened) {
       setSearch(newSearch);
       setFilterValue(newSearch);
@@ -226,7 +227,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       ,
       id: innerId,
       offset: offset,
-      placement: (0, _utils.getPlacements)(placement),
+      placement: (0, _utils2.getPlacements)(placement),
       usePortal: usePortal,
       selectWidth: dynamicTargetWidth,
       frame: frame,

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

@@ -124,7 +124,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       usePortal: false,
       onToggle: handleGlobalToggle,
       offset: offset,
-      placement: (0, _utils.getPlacements)(placement),
+      placement: (0, _utils2.getPlacements)(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
       isFocusTrapped: false,
@@ -162,8 +162,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        hasArrow: hasArrow
       });
     }))));
   });

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -26,8 +26,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     onItemClick = _ref.onItemClick,
     listWidth = _ref.listWidth,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow,
-    size = _ref.size;
+    hasArrow = _ref.hasArrow;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -66,8 +65,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         ariaControls: listId,
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
-        ariaLabel: item.label,
-        size: size
+        ariaLabel: item.label
       }),
       onToggle: handleToggle,
       isFocusTrapped: false,
@@ -99,8 +97,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow,
-        size: size
+        hasArrow: hasArrow
       });
     })));
   }
@@ -115,7 +112,6 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     onHover: onHover,
     onItemSelect: onItemSelect,
     onItemClick: onItemClick,
-    variant: variant,
-    size: size
+    variant: variant
   });
 };

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -10,6 +10,7 @@ var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
+var _DisclosureIconWrappe;
 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; }
 var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
@@ -30,8 +31,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     ariaLevel = _ref.ariaLevel,
     ariaLabel = _ref.ariaLabel,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow,
-    size = _ref.size;
+    hasArrow = _ref.hasArrow;
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
@@ -39,7 +39,6 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     contentLeft = item.contentLeft,
     contentRight = item.contentRight;
   var ref = (0, _react.useRef)(null);
-  var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Dropdown.classes.dropdownItemIsActive : undefined;
@@ -85,8 +84,8 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     "aria-haspopup": ariaHasPopup,
     "aria-level": ariaLevel,
     "aria-label": ariaLabel
-  }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
-    size: disclosureIconSize,
+  }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+    size: "xs",
     color: "inherit"
-  })));
+  })))));
 };

package/styled-components/cjs/components/Dropdown/utils/index.js

@@ -3,11 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getValidComponent = exports.getCorrectHeight = exports.childrenWithProps = void 0;
+exports.getValidComponent = exports.getPlacements = exports.getPlacement = exports.getCorrectHeight = exports.childrenWithProps = 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; }
 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 getPlacement = exports.getPlacement = function getPlacement(placement) {
+  return "".concat(placement, "-start");
+};
+var getPlacements = exports.getPlacements = function getPlacements(placements) {
+  if (!placements) {
+    return;
+  }
+  var isArray = Array.isArray(placements);
+  if (!isArray) {
+    return getPlacement(placements);
+  }
+  return (placements || []).map(function (placement) {
+    return getPlacement(placement);
+  });
+};
 var getCorrectHeight = exports.getCorrectHeight = function getCorrectHeight(listHeight) {
   if (Number.isNaN(Number(listHeight))) {
     return listHeight.toString();

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

@@ -62,9 +62,6 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
       onBlurFirstTextfield = _ref.onBlurFirstTextfield,
       onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var rangeRef = (0, _react.useRef)(null);
-    var firstTextFieldRef = (0, _react.useRef)(null);
-    var secondTextFieldRef = (0, _react.useRef)(null);
     var rangeErrorClass = firstValueError && secondValueError ? _Range2.classes.rangeError : undefined;
     var firstValueErrorClass = !rangeErrorClass && firstValueError ? _Range2.classes.rangeValueError : undefined;
     var secondValueErrorClass = !rangeErrorClass && secondValueError ? _Range2.classes.rangeValueError : undefined;
@@ -75,16 +72,6 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
     var handleChangeSecondValue = (0, _utils2.getChangeHandler)(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = (0, _utils2.getSearchHandler)(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = (0, _utils2.getSearchHandler)(onSearchSecondValue, disabled, readOnly);
-    (0, _react.useImperativeHandle)(ref, function () {
-      return {
-        firstTextField: function firstTextField() {
-          return firstTextFieldRef;
-        },
-        secondTextField: function secondTextField() {
-          return secondTextFieldRef;
-        }
-      };
-    }, [firstTextFieldRef, secondTextFieldRef]);
     var Divider = (0, _react.useMemo)(function () {
       if (dividerVariant === 'none') {
         return null;
@@ -95,15 +82,14 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
       return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, dividerIcon));
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
-      ref: rangeRef,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly
+      readOnly: !disabled && readOnly,
+      ref: ref
     }, rest), label && /*#__PURE__*/_react["default"].createElement(_Range.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Range.ContentWrapper, {
       className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
     }, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
-      ref: firstTextFieldRef,
       className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
       value: firstValue,
       readOnly: readOnly,
@@ -118,7 +104,6 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
       onFocus: onFocusFirstTextfield,
       onBlur: onBlurFirstTextfield
     }), Divider, /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
-      ref: secondTextFieldRef,
       className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
       value: secondValue,
       readOnly: readOnly,

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

@@ -8,7 +8,6 @@ exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../engines");
 var _TextField = /*#__PURE__*/require("../TextField");
-var _Popover = /*#__PURE__*/require("../Popover");
 var _Range = /*#__PURE__*/require("./Range.tokens");
 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; }
@@ -18,8 +17,8 @@ var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 // NOTE: переопределение токенов TextField
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
+})(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-1"
 })([""]);

package/styled-components/cjs/components/Segment/Segment.template-doc.mdx

@@ -24,6 +24,11 @@ import { PropsTable, Description } from '@site/src/components';
 Оберните в `SegmentProvider` компонент, в котором будут использованы SegmentGroup с SegmentItem. 
 Внутри данного провайдера есть доступ к хуку `useSegment`.
 
+### Выбранные по умолчанию SegmentItem
+
+Можно задать выбранные по умолчанию сегменты с помощью свойства `defaultSelected`. 
+Оно передается в `SegmentProvider`, в виде массива `value` элеметов.
+
 ```tsx live
 import React from 'react';
 import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
@@ -37,7 +42,7 @@ export function App() {
         return (
             <>
                 <div>Выбранные элементы: {selectedSegmentItems.join(', ')}</div>
-                <SegmentGroup  view='filled' selectionMode='multiple' filledBackground pilled>
+                <SegmentGroup view='filled' selectionMode='multiple' filledBackground pilled>
                     {items.map((_, i) => (
                         <SegmentItem
                             label={`Label ${i}`}
@@ -54,7 +59,7 @@ export function App() {
 
     return (
         <div style=\{{ display: "block" }} >
-            <SegmentProvider>
+            <SegmentProvider defaultSelected={['label_1']}>
                 <SegmentTemplate/>
             </SegmentProvider>
         </div>

package/styled-components/cjs/components/Segment/SegmentProvider/SegmentProvider.js

@@ -34,8 +34,9 @@ var useSegment = exports.useSegment = function useSegment() {
   };
 };
 var SegmentProvider = exports.SegmentProvider = function SegmentProvider(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)([]),
+  var children = _ref.children,
+    defaultSelected = _ref.defaultSelected;
+  var _useState = (0, _react.useState)(defaultSelected || []),
     _useState2 = _slicedToArray(_useState, 2),
     selectedSegmentItems = _useState2[0],
     setSelectedSegmentItems = _useState2[1];
@@ -62,15 +63,13 @@ var SegmentProvider = exports.SegmentProvider = function SegmentProvider(_ref) {
   }, [selectionMode, setSelectedSegmentItems]);
   var contextValue = {
     selectedSegmentItems: selectedSegmentItems,
+    setSelectedSegmentItems: setSelectedSegmentItems,
     handleSelect: handleSelect,
     selectionMode: selectionMode,
     setSelectionMode: setSelectionMode,
     disabledGroup: disabledGroup,
     setDisabledGroup: setDisabledGroup
   };
-  (0, _react.useEffect)(function () {
-    setSelectedSegmentItems([]);
-  }, [selectionMode]);
   return /*#__PURE__*/_react["default"].createElement(SegmentContext.Provider, {
     value: contextValue
   }, children);

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

@@ -8,12 +8,13 @@ exports.selectRoot = exports.selectConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _utils = /*#__PURE__*/require("../../utils");
+var _utils2 = /*#__PURE__*/require("../Dropdown/utils");
 var _hooks = /*#__PURE__*/require("../../hooks");
 var _base = /*#__PURE__*/require("./variations/_target/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_size/base");
 var _ui = /*#__PURE__*/require("./ui");
-var _utils2 = /*#__PURE__*/require("./utils");
+var _utils3 = /*#__PURE__*/require("./utils");
 var _Select = /*#__PURE__*/require("./Select.tokens");
 var _Select2 = /*#__PURE__*/require("./Select.styles");
 var _hooks2 = /*#__PURE__*/require("./hooks");
@@ -115,11 +116,11 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       var newValue = item.dataset.value;
       if (rest.valueType === 'multiple') {
         var _rest$onChangeValue;
-        var _newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
+        var _newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, rest.valueType);
         (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
         return;
       }
-      var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
+      var newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, 'single');
       (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
       onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
     }, [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle]);
@@ -135,7 +136,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         return;
       }
       var newValue = event.target.value;
-      var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, 'native');
+      var newSelected = (0, _utils3.getNewSelected)(rest.value, newValue, 'native');
       (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newSelected);
     }, [rest.value, rest.valueType, rest.onChangeValue]);
     var onChangeChipValue = (0, _react.useCallback)(function (newValue) {
@@ -160,13 +161,13 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       return _react.Children.toArray(children);
     }, [children]);
     var childrenMemo = (0, _react.useMemo)(function () {
-      return (0, _utils2.getChildren)(childrenArray, {
+      return (0, _utils3.getChildren)(childrenArray, {
         onClick: onClickChildrenItem,
         childrenRefs: itemsRefs
       }, value);
     }, [childrenArray, value, innerOpened]);
     var values = (0, _react.useMemo)(function () {
-      return (0, _utils2.getValues)(childrenArray, value);
+      return (0, _utils3.getValues)(childrenArray, value);
     }, [childrenArray, value]);
     return /*#__PURE__*/_react["default"].createElement(_Select2.StyledRoot, {
       ref: selectRef
@@ -207,7 +208,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       id: innerId,
       offset: offset,
       frame: frame,
-      placement: (0, _utils.getPlacements)(placement),
+      placement: (0, _utils2.getPlacements)(placement),
       trigger: "click",
       usePortal: usePortal,
       selectWidth: dynamicTargetWidth,

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

@@ -26,7 +26,7 @@ var tokens = exports.tokens = {
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
   height: '--plasma-textfield-height',
-  borderWidth: '--plasma-textfield-border-width',
+  borderWidth: '--plasmas-textfield-border-width',
   borderRadius: '--plasma-textfield-border-radius',
   /** Отступ от границы ТextField */
   padding: '--plasma-textfield-padding',

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

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{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(", ");}"], _TextField2.Input, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{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(", ");}"], _TextField2.Input, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);

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

@@ -16,7 +16,7 @@ var DisclosureLeft = exports.DisclosureLeft = function DisclosureLeft(props) {
   }, props), _path || (_path = /*#__PURE__*/_react["default"].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: "M14.117 8.707a1 1 0 10-1.414-1.414L7.996 12l4.707 4.707a1 1 0 001.414-1.414L10.824 12l3.293-3.293z",
     fill: "currentColor"
   })));
 };

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

@@ -5,18 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DisclosureRight = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _path;
+var _path, _path2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
 var DisclosureRight = exports.DisclosureRight = function DisclosureRight(props) {
+  if (props.size === 'xs') {
+    return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+      width: "100%",
+      viewBox: "0 0 17 16",
+      fill: "none"
+    }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
+      fill: "currentColor"
+    })));
+  }
   return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     width: "100%",
     viewBox: "0 0 24 24",
     fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
-    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",
+  }, props), _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z",
     fill: "currentColor"
   })));
 };

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

@@ -39,12 +39,6 @@ Object.defineProperty(exports, "IconCross", {
     return _IconCross.IconCross;
   }
 });
-Object.defineProperty(exports, "IconDisclosureDownFill", {
-  enumerable: true,
-  get: function get() {
-    return _IconDisclosureDownFill.IconDisclosureDownFill;
-  }
-});
 Object.defineProperty(exports, "IconDisclosureLeft", {
   enumerable: true,
   get: function get() {
@@ -77,7 +71,6 @@ Object.defineProperty(exports, "IconMinus", {
 });
 var _IconDisclosureLeft = /*#__PURE__*/require("./Icons/IconDisclosureLeft");
 var _IconDisclosureRight = /*#__PURE__*/require("./Icons/IconDisclosureRight");
-var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
 var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
 var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
 var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");