@salutejs/plasma-new-hope 0.326.1-canary.2018.15640028321.0 → 0.326.1-canary.2018.15775755664.0

package/es/components/Popup/PopupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\n\nimport { Portal } from '../Portal';\nimport { hasModals } from '../Modal/ModalContext';\nimport { canUseDOM, safeUseId } from '../../utils';\n\nimport { ClientOnlyPortal } from './ClientOnlyPortal';\nimport type { PopupContextType, PopupInfo } from './Popup.types';\nimport { StyledPortal } from './Popup.styles';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst items: PopupInfo[] = [];\n\nconst PopupContext = createContext<PopupContextType>({\n    items,\n    rootId: POPUP_PORTAL_ID,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    register(_info: PopupInfo): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    unregister(_id: string): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\n// TODO: #1599\nexport const PopupProvider: FC<\n    PropsWithChildren & {\n        /**\n         * @description Только для применения в рамках SSR.\n         */\n        UNSAFE_SSR_ENABLED?: boolean;\n    }\n> = ({ children, UNSAFE_SSR_ENABLED }) => {\n    const prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');\n    const [items, setItems] = useState<PopupInfo[]>([]);\n\n    const uuid = safeUseId();\n    const rootId = `${POPUP_PORTAL_ID}-${uuid}`;\n\n    const register = (info: PopupInfo) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            if (info.info?.isModal && !hasModals(prevItems)) {\n                prevBodyOverflowY.current = document.body.style.overflowY;\n                document.body.style.overflowY = 'hidden';\n            }\n\n            return [...prevItems, info];\n        });\n    };\n\n    const unregister = (id: string) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            const index = prevItems.findIndex((item: PopupInfo) => id === item.id);\n\n            if (index === -1) {\n                return prevItems;\n            }\n\n            const prevHasModals = hasModals(prevItems);\n            prevItems.splice(index, 1);\n\n            if (prevHasModals && !hasModals(prevItems)) {\n                document.body.style.overflowY = prevBodyOverflowY.current;\n            }\n\n            // при return prevItems не обновится контекст\n            return [...prevItems];\n        });\n    };\n\n    const context = {\n        items,\n        rootId,\n        register,\n        unregister,\n    };\n\n    return (\n        <PopupContext.Provider value={context}>\n            {children}\n\n            {UNSAFE_SSR_ENABLED ? (\n                <ClientOnlyPortal>\n                    <StyledPortal id={rootId} />\n                </ClientOnlyPortal>\n            ) : (\n                <Portal container={document.body}>\n                    <StyledPortal id={rootId} />\n                </Portal>\n            )}\n        </PopupContext.Provider>\n    );\n};\n"],"names":["POPUP_PORTAL_ID","items","PopupContext","createContext","rootId","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","UNSAFE_SSR_ENABLED","prevBodyOverflowY","useRef","canUseDOM","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","uuid","safeUseId","concat","info","prevItems","_info$info","isModal","hasModals","current","_toConsumableArray","id","index","findIndex","item","prevHasModals","splice","context","React","createElement","Provider","value","ClientOnlyPortal","StyledPortal","Portal","container"],"mappings":"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"}
+{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\nimport { canUseDOM, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\nimport { hasModals } from '../Modal/ModalContext';\n\nimport { ClientOnlyPortal } from './ClientOnlyPortal';\nimport type { PopupContextType, PopupInfo } from './Popup.types';\nimport { StyledPortal } from './Popup.styles';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst initialItems = new Map<string, PopupInfo>();\n\nconst PopupContext = createContext<PopupContextType>({\n    items: initialItems,\n    rootId: POPUP_PORTAL_ID,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    register(_info: PopupInfo): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    unregister(_id: string): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\n// TODO: #1599\nexport const PopupProvider: FC<\n    PropsWithChildren & {\n        /**\n         * @description Только для применения в рамках SSR.\n         */\n        UNSAFE_SSR_ENABLED?: boolean;\n    }\n> = ({ children, UNSAFE_SSR_ENABLED }) => {\n    const prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');\n    const [items, setItems] = useState(initialItems);\n\n    const uuid = safeUseId();\n    const rootId = `${POPUP_PORTAL_ID}-${uuid}`;\n\n    const register = (info: PopupInfo) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            const newItems = new Map(prevItems);\n\n            if (info.info?.isModal && !hasModals(Array.from(prevItems.values()))) {\n                prevBodyOverflowY.current = document.body.style.overflowY;\n                document.body.style.overflowY = 'hidden';\n            }\n\n            newItems.set(info.id, info);\n            return newItems;\n        });\n    };\n\n    const unregister = (id: string) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            if (!prevItems.has(id)) {\n                return prevItems;\n            }\n\n            const newItems = new Map(prevItems);\n            const prevHasModals = hasModals(Array.from(newItems.values()));\n\n            newItems.delete(id);\n\n            if (prevHasModals && !hasModals(Array.from(newItems.values()))) {\n                document.body.style.overflowY = prevBodyOverflowY.current;\n            }\n\n            return newItems;\n        });\n    };\n\n    const context = {\n        items,\n        rootId,\n        register,\n        unregister,\n    };\n\n    return (\n        <PopupContext.Provider value={context}>\n            {children}\n\n            {UNSAFE_SSR_ENABLED ? (\n                <ClientOnlyPortal>\n                    <StyledPortal id={rootId} />\n                </ClientOnlyPortal>\n            ) : (\n                <Portal container={document.body}>\n                    <StyledPortal id={rootId} />\n                </Portal>\n            )}\n        </PopupContext.Provider>\n    );\n};\n"],"names":["POPUP_PORTAL_ID","initialItems","Map","PopupContext","createContext","items","rootId","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","UNSAFE_SSR_ENABLED","prevBodyOverflowY","useRef","canUseDOM","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","uuid","safeUseId","concat","info","prevItems","_info$info","newItems","isModal","hasModals","Array","from","values","current","set","id","has","prevHasModals","context","React","createElement","Provider","value","ClientOnlyPortal","StyledPortal","Portal","container"],"mappings":"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"}

package/es/index.css

@@ -990,11 +990,11 @@
 
 .CarouselItem_uvoxfy_sossdp0__d41488d0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}
 
-.Carousel_styles_cy8fdd_b13uu57o__dc67fb23{position:relative;}
-.Carousel_styles_cy8fdd_c1gygdut__dc67fb23{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_cy8fdd_c1gygdut__dc67fb23::-webkit-scrollbar{display:none;}
-.Carousel_styles_cy8fdd_c76zbfp__dc67fb23{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}.Carousel_styles_cy8fdd_c76zbfp__dc67fb23 > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
-.Carousel_styles_cy8fdd_i1cnnvc1__dc67fb23{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.Carousel_styles_cy8fdd_i1cnnvc1__dc67fb23.Carousel_styles_cy8fdd_carouselRightControlButton__dc67fb23{left:auto;right:0.75rem;}
-.Carousel_styles_cy8fdd_c1ff2k98__dc67fb23{position:relative;}
+.Carousel_styles_1benby5_b13uu57o__34d831ce{position:relative;}
+.Carousel_styles_1benby5_c1gygdut__34d831ce{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_1benby5_c1gygdut__34d831ce::-webkit-scrollbar{display:none;}
+.Carousel_styles_1benby5_c76zbfp__34d831ce{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}.Carousel_styles_1benby5_c76zbfp__34d831ce > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
+.Carousel_styles_1benby5_i1cnnvc1__34d831ce{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.Carousel_styles_1benby5_i1cnnvc1__34d831ce.Carousel_styles_1benby5_carouselRightControlButton__34d831ce{left:auto;right:0.75rem;}
+.Carousel_styles_1benby5_c1ff2k98__34d831ce{position:relative;}
 
 .Dots_styles_ea836d_wn5xio__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
 .Dots_styles_ea836d_tnn1xpa__3fa33efc{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotActive__3fa33efc{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateOut__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotShrinking__3fa33efc{-webkit-animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.326.1-canary.2018.15640028321.0",
+  "version": "0.326.1-canary.2018.15775755664.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "49ad50d0421ed59f3e093a9309cdc8425bf10bab"
+  "gitHead": "fa19a157ccb51ac63787c93a18ed9099ab5d6071"
 }

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -144,6 +144,18 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
         setPrevType(calendarState);
       }
     }, [calendarState]);
+    (0, _react.useEffect)(function () {
+      if (prevType !== type) {
+        dispatch({
+          type: _types.ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: type,
+            size: _reducer.sizeMap[type].single
+          }
+        });
+        setPrevType(type);
+      }
+    }, [type]);
     (0, _react.useEffect)(function () {
       if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
         dispatch({

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -191,6 +191,18 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
         setPrevType(calendarState);
       }
     }, [calendarState]);
+    (0, _react.useEffect)(function () {
+      if (prevType !== type) {
+        dispatch({
+          type: _types.ActionType.UPDATE_CALENDAR_STATE,
+          payload: {
+            calendarState: type,
+            size: _reducer.sizeMap[type]["double"]
+          }
+        });
+        setPrevType(type);
+      }
+    }, [type]);
     (0, _react.useEffect)(function () {
       if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
         var _getBoundaryDates = getBoundaryDates(),

package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -100,6 +100,9 @@ var CalendarDays = exports.CalendarDays = function CalendarDays(_ref) {
   };
   var getRefs = function getRefs(element, isDayInCurrentMonth, i, j) {
     if (isDayInCurrentMonth) {
+      if (!outerRefs.current[i + offset]) {
+        outerRefs.current[i + offset] = [];
+      }
       outerRefs.current[i + offset][j] = element;
     }
   };

package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -105,6 +105,9 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
     return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
   };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
+    if (!outerRefs.current[i + offset]) {
+      outerRefs.current[i + offset] = [];
+    }
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
   (0, _react.useEffect)(function () {

package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -103,6 +103,9 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
     return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
   };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
+    if (!outerRefs.current[i + offset]) {
+      outerRefs.current[i + offset] = [];
+    }
     outerRefs.current[i + offset][j] = element;
   }, [offset, outerRefs]);
   (0, _react.useEffect)(function () {

package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -105,6 +105,9 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
     return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
   };
   var getRefs = (0, _react.useCallback)(function (element, i, j) {
+    if (!outerRefs.current[i + offset]) {
+      outerRefs.current[i + offset] = [];
+    }
     outerRefs.current[i + offset][j] = element;
   }, [outerRefs]);
   (0, _react.useEffect)(function () {

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js

@@ -69,7 +69,6 @@ var carouselNewRoot = exports.carouselNewRoot = function carouselNewRoot(Root) {
       ref: ref
     }, /*#__PURE__*/_react["default"].createElement(_Carousel2.ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/_react["default"].createElement(_Carousel2.IconButton, {
       className: _Carousel.classes.leftControlButton,
-      pin: "circle-circle",
       onClick: handleClickLeft
     }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
       size: "m",
@@ -81,7 +80,6 @@ var carouselNewRoot = exports.carouselNewRoot = function carouselNewRoot(Root) {
       gap: gap
     }, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/_react["default"].createElement(_Carousel2.IconButton, {
       className: _Carousel.classes.rightControlButton,
-      pin: "circle-circle",
       onClick: handleClickRight
     }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
       size: "m",

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js

@@ -25,7 +25,7 @@ var CarouselTrack = exports.CarouselTrack = /*#__PURE__*/_styledComponents["defa
 });
 var IconButton = exports.IconButton = /*#__PURE__*/(0, _styledComponents["default"])(IconButtonComponent).withConfig({
   componentId: "plasma-new-hope__sc-vln28v-2"
-})(["position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;&.", "{left:auto;right:0.75rem;}"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Carousel.classes.rightControlButton);
+})(["position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":2.5rem;", ":2.5rem;", ":1rem;", ":var(", ");&.", "{left:auto;right:0.75rem;}"], _IconButton.iconButtonTokens.iconButtonColor, _Carousel.tokens.controlIconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Carousel.tokens.controlIconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Carousel.tokens.controlIconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Carousel.tokens.controlIconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Carousel.tokens.controlIconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Carousel.tokens.controlIconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Carousel.tokens.controlIconButtonRadius, _Carousel.classes.rightControlButton);
 var ControlsWrapper = exports.ControlsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-vln28v-3"
 })(["position:relative;"]);

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js

@@ -19,5 +19,12 @@ var classes = exports.classes = {
 };
 var tokens = exports.tokens = {
   paginationDotBackground: '--plasma-carousel-pagination-dot-background',
-  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
+  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',
+  controlIconButtonRadius: '--plasma-carousel-control-icon-button-radius',
+  controlIconButtonColor: '--plasma-carousel-control-icon-button-color',
+  controlIconButtonBackgroundColor: '--plasma-carousel-control-icon-button-background-color',
+  controlIconButtonColorHover: '--plasma-carousel-control-icon-button-color-hover',
+  controlIconButtonBackgroundColorHover: '--plasma-carousel-control-icon-button-background-color-hover',
+  controlIconButtonColorActive: '--plasma-carousel-control-icon-button-color-active',
+  controlIconButtonBackgroundColorActive: '--plasma-carousel-control-icon-button-background-color-active'
 };

package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js

@@ -142,26 +142,33 @@ var Dots = exports.Dots = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop = function _loop() {
-          var _dotWrapperRef$curren4;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(_Carousel.classes.dot);
-          node.style.opacity = '0';
-          var delay = i * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          rightAnimationWrapperRef.current.appendChild(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(_Carousel.classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(_Carousel.classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(delay, "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
+            var _dotWrapperRef$curren4;
+            var node = document.createElement('div');
+            node.textContent = '';
+            node.classList.add(_Carousel.classes.dot);
+            node.style.opacity = '0';
+            var delay = i * (ANIMATION_DURATION / dotsToAdd);
+            node.style.animationDelay = "".concat(delay, "s");
+            rightAnimationWrapperRef.current.appendChild(node);
+            var duration = ANIMATION_DURATION / dotsToAdd;
+            requestAnimationFrame(function () {
+              node.classList.add(_Carousel.classes.animateIn);
+              node.style.animationDuration = "".concat(duration, "s");
+            });
+            var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
+            if (!currentDomNode) {
+              return {
+                v: void 0
+              };
+            }
+            currentDomNode.classList.add(_Carousel.classes.animateOut);
+            currentDomNode.style.animationDelay = "".concat(delay, "s");
+            currentDomNode.style.animationDuration = "".concat(duration, "s");
+          },
+          _ret;
         for (var i = 0; i < dotsToAdd; i++) {
-          _loop();
+          _ret = _loop();
+          if (_ret) return _ret.v;
         }
       }
     } else {
@@ -183,26 +190,33 @@ var Dots = exports.Dots = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       }
       if (dotsToAdd > 0) {
         var _loop2 = function _loop2() {
-          var _dotWrapperRef$curren7;
-          var node = document.createElement('div');
-          node.textContent = '';
-          node.classList.add(_Carousel.classes.dot);
-          node.style.opacity = '0';
-          var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
-          node.style.animationDelay = "".concat(delay, "s");
-          leftAnimationWrapperRef.current.prepend(node);
-          var duration = ANIMATION_DURATION / dotsToAdd;
-          requestAnimationFrame(function () {
-            node.classList.add(_Carousel.classes.animateIn);
-            node.style.animationDuration = "".concat(duration, "s");
-          });
-          var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
-          currentDomNode === null || currentDomNode === void 0 || currentDomNode.classList.add(_Carousel.classes.animateOut);
-          currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
-          currentDomNode.style.animationDuration = "".concat(duration, "s");
-        };
+            var _dotWrapperRef$curren7;
+            var node = document.createElement('div');
+            node.textContent = '';
+            node.classList.add(_Carousel.classes.dot);
+            node.style.opacity = '0';
+            var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
+            node.style.animationDelay = "".concat(delay, "s");
+            leftAnimationWrapperRef.current.prepend(node);
+            var duration = ANIMATION_DURATION / dotsToAdd;
+            requestAnimationFrame(function () {
+              node.classList.add(_Carousel.classes.animateIn);
+              node.style.animationDuration = "".concat(duration, "s");
+            });
+            var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
+            if (!currentDomNode) {
+              return {
+                v: void 0
+              };
+            }
+            currentDomNode.classList.add(_Carousel.classes.animateOut);
+            currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
+            currentDomNode.style.animationDuration = "".concat(duration, "s");
+          },
+          _ret2;
         for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
-          _loop2();
+          _ret2 = _loop2();
+          if (_ret2) return _ret2.v;
         }
       }
     }

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.drawerRoot = exports.drawerConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../utils");
 var _Popup = /*#__PURE__*/require("../Popup");
 var _Overlay = /*#__PURE__*/require("../Overlay");
-var _utils = /*#__PURE__*/require("../Popup/utils");
-var _utils2 = /*#__PURE__*/require("../../utils");
+var _utils2 = /*#__PURE__*/require("../Popup/utils");
 var _hooks = /*#__PURE__*/require("../../hooks");
 var _Drawer = /*#__PURE__*/require("./Drawer.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
@@ -65,11 +65,11 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
     var popupController = (0, _Popup.usePopupContext)();
     var innerRef = (0, _plasmaCore.useForkRef)(trapRef, outerRef);
-    var uniqId = (0, _plasmaCore.safeUseId)();
+    var uniqId = (0, _utils.safeUseId)();
     var innerId = id || uniqId;
     var overlayBackgroundToken = withBlur ? "var(".concat(_Drawer.tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(_Drawer.tokens.drawerOverlayColor, ")");
-    var innerWidth = width ? (0, _utils2.getSizeValueFromProp)(width) : '100%';
-    var innerHeight = height ? (0, _utils2.getSizeValueFromProp)(height) : '100%';
+    var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : '100%';
+    var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : '100%';
     var placementClass = placement ? _Drawer.classes["".concat(placement, "Placement")] : undefined;
     var _useDrawer = (0, _hooks2.useDrawer)({
         id: innerId,
@@ -82,7 +82,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
       }),
       drawerInfo = _useDrawer.drawerInfo;
     var transparent = (0, _react.useMemo)(function () {
-      return (0, _DrawerContext.getIdLastDrawer)(popupController.items) !== innerId;
+      return (0, _DrawerContext.getIdLastDrawer)(Array.from(popupController.items.values())) !== innerId;
     }, [innerId, popupController.items]);
     var onDrawerOverlayKeyDown = function onDrawerOverlayKeyDown(event) {
       if (onOverlayClick) {
@@ -96,7 +96,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(_Drawer2.StyledPopup, _extends({
       id: innerId,
       ref: asModal ? innerRef : outerRef,
-      className: (0, _utils2.cx)(placementClass),
+      className: (0, _utils.cx)(placementClass),
       opened: innerIsOpen,
       zIndex: zIndex,
       placement: placement,
@@ -110,7 +110,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
         view: view
       }, /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
         className: _Drawer.classes.overlay,
-        zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
+        zIndex: zIndex || _utils2.DEFAULT_Z_INDEX,
         backgroundColorProperty: overlayBackgroundToken,
         withBlur: withBlur,
         transparent: transparent,

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

@@ -33,7 +33,7 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && (0, _DrawerContext.getIdLastDrawer)(popupController.items) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && (0, _DrawerContext.getIdLastDrawer)(Array.from(popupController.items.values())) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -64,7 +64,7 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
     if (!_utils.canUseDOM) {
       return;
     }
-    if (!isOpen && !(0, _DrawerContext.hasDrawers)(popupController.items)) {
+    if (!isOpen && !(0, _DrawerContext.hasDrawers)(Array.from(popupController.items.values()))) {
       document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);

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

@@ -21,11 +21,11 @@ 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; }
 var defaultFormatChars = [{
-  str: '0',
-  regexp: /[0-9]/
-}, {
   str: '*',
   regexp: /./
+}, {
+  str: '0',
+  regexp: /[0-9]/
 }, {
   str: 'a',
   regexp: /[a-zA-Z]/

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

@@ -7,11 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.modalRoot = exports.modalConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _utils = /*#__PURE__*/require("../../utils");
 var _engines = /*#__PURE__*/require("../../engines");
+var _hooks = /*#__PURE__*/require("../../hooks");
 var _Popup = /*#__PURE__*/require("../Popup");
 var _Overlay = /*#__PURE__*/require("../Overlay");
-var _utils = /*#__PURE__*/require("../Popup/utils");
-var _hooks = /*#__PURE__*/require("../../hooks");
+var _utils2 = /*#__PURE__*/require("../Popup/utils");
 var _IconClose2 = /*#__PURE__*/require("../_Icon/Icons/IconClose");
 var _Modal = /*#__PURE__*/require("./Modal.tokens");
 var _hooks2 = /*#__PURE__*/require("./hooks");
@@ -60,7 +61,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
     var popupController = (0, _Popup.usePopupContext)();
     var innerRef = (0, _plasmaCore.useForkRef)(trapRef, outerRootRef);
-    var uniqId = (0, _plasmaCore.safeUseId)();
+    var uniqId = (0, _utils.safeUseId)();
     var innerId = id || uniqId;
     var overlayBackgroundToken = withBlur ? "var(".concat(_Modal.tokens.modalOverlayWithBlurColor, ")") : "var(".concat(_Modal.tokens.modalOverlayColor, ")");
     var _useModal = (0, _hooks2.useModal)({
@@ -73,7 +74,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
       }),
       modalInfo = _useModal.modalInfo;
     var transparent = (0, _react.useMemo)(function () {
-      return (0, _ModalContext.getIdLastModal)(popupController.items) !== innerId;
+      return (0, _ModalContext.getIdLastModal)(Array.from(popupController.items.values())) !== innerId;
     }, [innerId, popupController.items]);
     var onModalOverlayKeyDown = (0, _react.useCallback)(function (event) {
       if (onOverlayClick) {
@@ -86,7 +87,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
     var overlayNode = /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
       className: _Modal.classes.overlay,
-      zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
+      zIndex: zIndex || _utils2.DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
       withBlur: withBlur,
       transparent: transparent,

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

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

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

@@ -109,7 +109,7 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = isOpen || opened;
-    var uniqId = (0, _plasmaCore.safeUseId)();
+    var uniqId = (0, _utils.safeUseId)();
     var innerId = id || uniqId;
     var _usePopup = (0, _hooks.usePopup)({
         isOpen: innerIsOpen,

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

@@ -6,17 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePopupContext = exports.PopupProvider = exports.POPUP_PORTAL_ID = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
 var _Portal = /*#__PURE__*/require("../Portal");
 var _ModalContext = /*#__PURE__*/require("../Modal/ModalContext");
-var _utils = /*#__PURE__*/require("../../utils");
 var _ClientOnlyPortal = /*#__PURE__*/require("./ClientOnlyPortal");
 var _Popup = /*#__PURE__*/require("./Popup.styles");
 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 _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; } }
@@ -24,9 +20,9 @@ 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; }
 var POPUP_PORTAL_ID = exports.POPUP_PORTAL_ID = 'plasma-popup-root';
-var items = [];
+var initialItems = /*#__PURE__*/new Map();
 var PopupContext = /*#__PURE__*/(0, _react.createContext)({
-  items: items,
+  items: initialItems,
   rootId: POPUP_PORTAL_ID,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   register: function register(_info) {
@@ -46,7 +42,7 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children,
     UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   var prevBodyOverflowY = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflowY : '');
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)(initialItems),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
@@ -58,11 +54,13 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
     }
     setItems(function (prevItems) {
       var _info$info;
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(prevItems)) {
+      var newItems = new Map(prevItems);
+      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(Array.from(prevItems.values()))) {
         prevBodyOverflowY.current = document.body.style.overflowY;
         document.body.style.overflowY = 'hidden';
       }
-      return [].concat(_toConsumableArray(prevItems), [info]);
+      newItems.set(info.id, info);
+      return newItems;
     });
   };
   var unregister = function unregister(id) {
@@ -70,20 +68,16 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
       return;
     }
     setItems(function (prevItems) {
-      var index = prevItems.findIndex(function (item) {
-        return id === item.id;
-      });
-      if (index === -1) {
+      if (!prevItems.has(id)) {
         return prevItems;
       }
-      var prevHasModals = (0, _ModalContext.hasModals)(prevItems);
-      prevItems.splice(index, 1);
-      if (prevHasModals && !(0, _ModalContext.hasModals)(prevItems)) {
+      var newItems = new Map(prevItems);
+      var prevHasModals = (0, _ModalContext.hasModals)(Array.from(newItems.values()));
+      newItems["delete"](id);
+      if (prevHasModals && !(0, _ModalContext.hasModals)(Array.from(newItems.values()))) {
         document.body.style.overflowY = prevBodyOverflowY.current;
       }
-
-      // при return prevItems не обновится контекст
-      return _toConsumableArray(prevItems);
+      return newItems;
     });
   };
   var context = {

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

@@ -13,10 +13,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], _Carousel.carouselNewTokens.paginationDotBackground, _Carousel.carouselNewTokens.paginationDotActiveBackground)
+      "default": /*#__PURE__*/(0, _styledComponents.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);"], _Carousel.carouselNewTokens.paginationDotBackground, _Carousel.carouselNewTokens.paginationDotActiveBackground, _Carousel.carouselNewTokens.controlIconButtonColor, _Carousel.carouselNewTokens.controlIconButtonBackgroundColor, _Carousel.carouselNewTokens.controlIconButtonColorHover, _Carousel.carouselNewTokens.controlIconButtonBackgroundColorHover, _Carousel.carouselNewTokens.controlIconButtonColorActive, _Carousel.carouselNewTokens.controlIconButtonBackgroundColorActive)
     },
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)([""])
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;"], _Carousel.carouselNewTokens.controlIconButtonRadius)
     }
   }
 };

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

@@ -91,7 +91,6 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;

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

@@ -13,10 +13,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], _Carousel.carouselNewTokens.paginationDotBackground, _Carousel.carouselNewTokens.paginationDotActiveBackground)
+      "default": /*#__PURE__*/(0, _styledComponents.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);"], _Carousel.carouselNewTokens.paginationDotBackground, _Carousel.carouselNewTokens.paginationDotActiveBackground, _Carousel.carouselNewTokens.controlIconButtonColor, _Carousel.carouselNewTokens.controlIconButtonBackgroundColor, _Carousel.carouselNewTokens.controlIconButtonColorHover, _Carousel.carouselNewTokens.controlIconButtonBackgroundColorHover, _Carousel.carouselNewTokens.controlIconButtonColorActive, _Carousel.carouselNewTokens.controlIconButtonBackgroundColorActive)
     },
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)([""])
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;"], _Carousel.carouselNewTokens.controlIconButtonRadius)
     }
   }
 };

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

@@ -91,7 +91,6 @@ const StyledCard = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    position: relative;
     border-radius: 8px;
     width: 400px;
     height: 370px;