@salutejs/plasma-new-hope 0.326.1-canary.2018.15778039519.0 → 0.326.1-canary.2030.15756642897.0

package/styled-components/es/components/Dropdown/FloatingPopover.js

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { flip, shift, useFloating, FloatingPortal, offset as offsetMiddleware, autoPlacement, autoUpdate } from '@floating-ui/react';
 import React, { forwardRef } from 'react';
-import { safeUseId } from "../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 // TODO: #2003
 var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { safeUseId } from "../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { DropdownItem } from "../DropdownItem/DropdownItem";
 import { Ul, ListWrapper } from "../../Dropdown.styles";
 import { FloatingPopover } from "../../FloatingPopover";

package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js

@@ -9,8 +9,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo } from 'react';
-import { safeUseId, cx } from "../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { classes } from "../../Dropdown.tokens";
+import { cx } from "../../../../utils";
 import { getValidComponent } from "../../utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";

package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -4,8 +4,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useRef } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { safeUseId } from "../../../../utils";
 import { useFocusTrap } from "../../../../hooks";
+import { safeUseId } from "../../../../utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { StyledDropdown, StyledPopover } from "./Dropdown.styles";

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

@@ -4,13 +4,12 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { safeUseId } from "../../utils";
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { component } from "../../engines";
-import { useFocusTrap } from "../../hooks";
 import { popupConfig, usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
+import { useFocusTrap } from "../../hooks";
 import { IconClose } from "../_Icon/Icons/IconClose";
 import { classes, tokens } from "./Modal.tokens";
 import { useModal } from "./hooks";
@@ -66,7 +65,7 @@ export var modalRoot = function modalRoot(Root) {
       }),
       modalInfo = _useModal.modalInfo;
     var transparent = useMemo(function () {
-      return getIdLastModal(Array.from(popupController.items.values())) !== innerId;
+      return getIdLastModal(popupController.items) !== innerId;
     }, [innerId, popupController.items]);
     var onModalOverlayKeyDown = useCallback(function (event) {
       if (onOverlayClick) {

package/styled-components/es/components/Modal/hooks/useModal.js

@@ -22,7 +22,7 @@ export var useModal = function useModal(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;

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

@@ -9,8 +9,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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(r) { if (Array.isArray(r)) return r; }
 import React, { forwardRef, useRef } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { canUseDOM, cx, safeUseId } from "../../utils";
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import { canUseDOM, cx } from "../../utils";
 import { Portal } from "../Portal";
 import { PopupRoot } from "./PopupRoot";
 import { usePopup } from "./hooks";

package/styled-components/es/components/Popup/PopupContext.js

@@ -1,3 +1,7 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -5,15 +9,15 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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(r) { if (Array.isArray(r)) return r; }
 import React, { createContext, useState, useContext, useRef } from 'react';
-import { canUseDOM, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
 import { hasModals } from "../Modal/ModalContext";
+import { canUseDOM, safeUseId } from "../../utils";
 import { ClientOnlyPortal } from "./ClientOnlyPortal";
 import { StyledPortal } from "./Popup.styles";
 export var POPUP_PORTAL_ID = 'plasma-popup-root';
-var initialItems = /*#__PURE__*/new Map();
+var items = [];
 var PopupContext = /*#__PURE__*/createContext({
-  items: initialItems,
+  items: items,
   rootId: POPUP_PORTAL_ID,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   register: function register(_info) {
@@ -33,7 +37,7 @@ export var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children,
     UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   var prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');
-  var _useState = useState(initialItems),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
@@ -45,13 +49,11 @@ export var PopupProvider = function PopupProvider(_ref) {
     }
     setItems(function (prevItems) {
       var _info$info;
-      var newItems = new Map(prevItems);
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(Array.from(prevItems.values()))) {
+      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(prevItems)) {
         prevBodyOverflowY.current = document.body.style.overflowY;
         document.body.style.overflowY = 'hidden';
       }
-      newItems.set(info.id, info);
-      return newItems;
+      return [].concat(_toConsumableArray(prevItems), [info]);
     });
   };
   var unregister = function unregister(id) {
@@ -59,16 +61,20 @@ export var PopupProvider = function PopupProvider(_ref) {
       return;
     }
     setItems(function (prevItems) {
-      if (!prevItems.has(id)) {
+      var index = prevItems.findIndex(function (item) {
+        return id === item.id;
+      });
+      if (index === -1) {
         return prevItems;
       }
-      var newItems = new Map(prevItems);
-      var prevHasModals = hasModals(Array.from(newItems.values()));
-      newItems["delete"](id);
-      if (prevHasModals && !hasModals(Array.from(newItems.values()))) {
+      var prevHasModals = hasModals(prevItems);
+      prevItems.splice(index, 1);
+      if (prevHasModals && !hasModals(prevItems)) {
         document.body.style.overflowY = prevBodyOverflowY.current;
       }
-      return newItems;
+
+      // при return prevItems не обновится контекст
+      return _toConsumableArray(prevItems);
     });
   };
   var context = {

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

@@ -4,9 +4,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useMemo } from 'react';
-import { extractTextFrom } from '@salutejs/plasma-core';
-import { safeUseId, cx } from "../../utils";
+import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
 import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger, StyledTriggerWrapper } from "../Checkbox/Checkbox.styles";
+import { cx } from "../../utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as disabledCSS } from "./variations/_disabled/base";

package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -9,9 +9,10 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
-import { safeUseId, cx } from "../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { IconDisclosureLeftWithOffset, IconDisclosureRightWithOffset, IconDisclosureDownWithOffset, IconDisclosureUpWithOffset } from "../../../_Icon";
 import { classes, tokens } from "../../tokens";
+import { cx } from "../../../../utils";
 import { useSegmentInner } from "../../SegmentProvider/SegmentProvider";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";

package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -3,7 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useMemo } from 'react';
-import { cx, safeUseId, extractTextFrom } from "../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
+import { cx, extractTextFrom } from "../../../../utils";
 import { classes } from "../../tokens";
 import { useSegmentInner } from "../../SegmentProvider/SegmentProvider";
 import { base as sizeCSS } from "./variations/_size/base";

package/styled-components/es/components/Select/FloatingPopover.js

@@ -6,7 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware, autoUpdate } from '@floating-ui/react';
 import React, { forwardRef } from 'react';
-import { safeUseId } from "../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { getPlacement, getFallbackPlacements } from "./utils";
 // TODO: #2003
 var LIST_PADDING = 2;

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

@@ -10,7 +10,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';
-import { isEmpty, safeUseId } from "../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
+import { isEmpty } from "../../utils";
 import { useOutsideClick } from "../../hooks";
 import { useKeyNavigation, getItemByFocused } from "./hooks/useKeyboardNavigation";
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from "./utils";

package/styled-components/es/components/Select/ui/Inner/Inner.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { isEmpty, safeUseId } from "../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
+import { isEmpty } from "../../../../utils";
 import { Ul, ListWrapper } from "../../Select.styles";
 import { FloatingPopover } from "../../FloatingPopover";
 import { Item } from "./ui/Item/Item";

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

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
-import { safeUseId } from "../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";
 import { SpinnerSvg } from "./SpinnerSvg";

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -9,9 +9,10 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo, useState, useRef, useLayoutEffect } from 'react';
-import { cx, safeUseId } from "../../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { IconDisclosureLeft, IconDisclosureRight } from "../../../../_Icon";
 import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
 import { TabItemRefs, TabsContext } from "../../../TabsContext";
 import { getFirstOverflowingTab, getLastOverflowingTab } from "../../../utils";
 import { base as sizeCSS } from "./variations/_size/base";

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -10,8 +10,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { cx, safeUseId } from "../../../../../utils";
+import { safeUseId } from '@salutejs/plasma-core';
 import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
 import { TabItemRefs, TabsContext } from "../../../TabsContext";
 import { IconDisclosureLeft, IconDisclosureRight } from "../../../../_Icon";
 import { getFirstOverflowingTab, getLastOverflowingTab } from "../../../utils";

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

@@ -1,8 +1,8 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { safeUseId } from "../../../../utils";
 import { Hint, HintIconWrapper, HintTargetWrapper } from "../../TextArea.styles";
 import { IconInfoCircleOutline } from "../../../_Icon";
+import { safeUseId } from "../../../../utils";
 import { tokens } from "../../TextArea.tokens";
 export var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hintText = _ref.hintText,

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

@@ -9,9 +9,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
+import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { css } from 'styled-components';
-import { cx, safeUseId } from "../../utils";
+import { cx } from "../../utils";
 import { useOutsideClick } from "../../hooks";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";

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

@@ -1,8 +1,8 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { safeUseId } from "../../../../utils";
 import { Hint, HintTargetWrapper, HintIconWrapper } from "../../TextField.styles";
 import { IconInfoCircleOutline } from "../../../_Icon";
+import { safeUseId } from "../../../../utils";
 import { tokens } from "../../TextField.tokens";
 export var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hintText = _ref.hintText,

package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js

@@ -7,10 +7,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
     },
     size: {
-      s: /*#__PURE__*/css(["", ":100%;"], tokens.controlIconButtonRadius)
+      s: /*#__PURE__*/css([""])
     }
   }
 };

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

@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
                 type: 'inline-radio',
             },
         },
-        scrollAlign: {
-            options: ['start', 'center', 'end'],
+        align: {
+            options: ['start', 'center', 'end', 'activeDirection'],
             control: {
                 type: 'inline-radio',
             },
@@ -56,24 +56,19 @@ const meta: Meta<StoryCarouselProps> = {
         paginationCentered: {
             control: 'boolean',
         },
-        gap: {
-            control: 'text',
-        },
     },
     args: {
         view: 'default',
         size: 's',
-        scrollAlign: 'start',
-        slides: 20,
+        align: 'center',
+        slides: 10,
         controlArrowsDisabled: false,
         paginationDisabled: false,
         paginationCentered: false,
-        gap: '20px',
     },
     parameters: {
         controls: {
             include: [
-                'scrollAlign',
                 'visibleDots',
                 'slides',
                 'controlArrowsDisabled',
@@ -91,6 +86,7 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;
@@ -98,7 +94,14 @@ const StyledCard = styled.div`
     font-size: 30px;
 `;
 
-const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCentered, ...rest }: StoryCarouselProps) => {
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
     const items = Array(slides)
         .fill(1)
         .map((_, i) => ({
@@ -110,6 +113,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
         <>
             <div style={{ width: '600px' }}>
                 <Carousel
+                    scrollAlign={align}
                     paginationOptions={{
                         disabled: paginationDisabled,
                         visibleDots,

package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js

@@ -7,10 +7,10 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground, tokens.controlIconButtonColor, tokens.controlIconButtonBackgroundColor, tokens.controlIconButtonColorHover, tokens.controlIconButtonBackgroundColorHover, tokens.controlIconButtonColorActive, tokens.controlIconButtonBackgroundColorActive)
+      "default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
     },
     size: {
-      s: /*#__PURE__*/css(["", ":100%;"], tokens.controlIconButtonRadius)
+      s: /*#__PURE__*/css([""])
     }
   }
 };

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

@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
                 type: 'inline-radio',
             },
         },
-        scrollAlign: {
-            options: ['start', 'center', 'end'],
+        align: {
+            options: ['start', 'center', 'end', 'activeDirection'],
             control: {
                 type: 'inline-radio',
             },
@@ -56,24 +56,20 @@ const meta: Meta<StoryCarouselProps> = {
         paginationCentered: {
             control: 'boolean',
         },
-        gap: {
-            control: 'text',
-        },
     },
     args: {
         view: 'default',
         size: 's',
-        scrollAlign: 'start',
-        slides: 20,
+        align: 'center',
+        visibleDots: 6,
+        slides: 10,
         controlArrowsDisabled: false,
         paginationDisabled: false,
         paginationCentered: false,
-        gap: '20px',
     },
     parameters: {
         controls: {
             include: [
-                'scrollAlign',
                 'visibleDots',
                 'slides',
                 'controlArrowsDisabled',
@@ -91,6 +87,7 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;
@@ -98,7 +95,14 @@ const StyledCard = styled.div`
     font-size: 30px;
 `;
 
-const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCentered, ...rest }: StoryCarouselProps) => {
+const StoryDefault = ({
+    align,
+    visibleDots,
+    slides,
+    paginationDisabled,
+    paginationCentered,
+    ...rest
+}: StoryCarouselProps) => {
     const items = Array(slides)
         .fill(1)
         .map((_, i) => ({
@@ -110,6 +114,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
         <>
             <div style={{ width: '600px' }}>
                 <Carousel
+                    scrollAlign={align}
                     paginationOptions={{
                         disabled: paginationDisabled,
                         visibleDots,

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

@@ -5,5 +5,4 @@ export { useForceUpdate } from "./useForceUpdate";
 export { useDidMountEffect } from "./useDidMountEffect";
 export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
 export { useOutsideClick } from "./useOutsideClick";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-export { useDisableScroll } from "./useDisableScroll";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";

package/types/components/Carousel/CarouselNew/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts

@@ -1,4 +1,3 @@
-import { CarouselNewProps as CarouselProps } from './Carousel.types';
 export declare const IconButtonComponent: import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;
@@ -44,9 +43,7 @@ export declare const IconButtonComponent: import("react").FunctionComponent<impo
 } & import("react").RefAttributes<HTMLButtonElement>))>;
 export declare const base: import("@linaria/core").LinariaClassName;
 export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    gap: Exclude<CarouselProps["gap"], undefined>;
-}>;
+export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const IconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../engines/types").PropsType<import("../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../..").AsProps & {
     text?: string;
     contentLeft?: import("react").ReactNode;

package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIrE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAmB3B,CAAC;AAEF,eAAO,MAAM,aAAa;SAAqB,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;EAStF,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAuBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}
+{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAA0B,CAAC;AAE3D,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAuB3B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAGzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts

@@ -8,18 +8,10 @@ export declare const classes: {
     shrinking: string;
     availableDotsLeft: string;
     availableDotsRight: string;
-    leftControlButton: string;
     rightControlButton: string;
 };
 export declare const tokens: {
     paginationDotBackground: string;
     paginationDotActiveBackground: string;
-    controlIconButtonRadius: string;
-    controlIconButtonColor: string;
-    controlIconButtonBackgroundColor: string;
-    controlIconButtonColorHover: string;
-    controlIconButtonBackgroundColorHover: string;
-    controlIconButtonColorActive: string;
-    controlIconButtonBackgroundColorActive: string;
 };
 //# sourceMappingURL=Carousel.tokens.d.ts.map

package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAC"}
+{"version":3,"file":"Carousel.tokens.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts

@@ -1,9 +1,9 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
-export type ScrollAlign = 'start' | 'center' | 'end';
+import type { HTMLAttributes } from 'react';
+export type ScrollAlign = 'start' | 'center' | 'end' | 'activeDirection';
 export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Центрирование активного элемента при скролле.
-     * @default start
+     * @default center
      */
     scrollAlign?: ScrollAlign;
     /**
@@ -31,11 +31,6 @@ export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
      * @default false
      */
     controlArrowsDisabled?: boolean;
-    /**
-     * Отступ между слайдами.
-     * @default 20px
-     */
-    gap?: CSSProperties['gap'];
     /**
      * Размер контрола.
      */

package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}