@salutejs/plasma-new-hope 0.119.2-dev.0 → 0.120.0-canary.1335.10300464292.0

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js

@@ -11,7 +11,7 @@ var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Button = /*#__PURE__*/require("./Button.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Button = exports.Button = function Button(_ref) {
-  var opened = _ref.opened,
+  var isOpen = _ref.isOpen,
     value = _ref.value,
     valueToItemMap = _ref.valueToItemMap,
     onKeyDown = _ref.onKeyDown,
@@ -22,7 +22,7 @@ var Button = exports.Button = function Button(_ref) {
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
     selectProps = _ref.selectProps;
-  var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
+  var withArrowInverse = isOpen ? _Select.classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
     var focusedPathAsString = focusedPath.reduce(function (acc, n) {
@@ -33,7 +33,7 @@ var Button = exports.Button = function Button(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_Button.ButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledButton, {
     stretching: "filled",
     onKeyDown: onKeyDown,
-    className: opened ? _Select.classes.selectWithoutBoxShadow : undefined,
+    className: isOpen ? _Select.classes.selectWithoutBoxShadow : undefined,
     disabled: disabled,
     contentRight: /*#__PURE__*/_react["default"].createElement(_Button.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Button.StyledArrow, {
       size: (0, _utils2.sizeToIconSize)(size),
@@ -42,7 +42,7 @@ var Button = exports.Button = function Button(_ref) {
     })),
     role: "combobox",
     "aria-controls": "tree_level_1",
-    "aria-expanded": opened,
+    "aria-expanded": isOpen,
     "aria-activedescendant": getActiveDescendant(),
     "aria-label": label,
     renderTarget: Boolean(selectProps.renderTarget)

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -79,7 +79,7 @@ var Textfield = exports.Textfield = function Textfield(_ref2) {
     return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
   };
   return /*#__PURE__*/_react["default"].createElement(_Textfield.TextfieldWrapper, {
-    opened: opened,
+    isOpen: opened,
     value: value
   }, /*#__PURE__*/_react["default"].createElement(_Textfield.StyledButton, {
     stretching: "filled",

package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -17,8 +17,8 @@ var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1akl2tk-0"
 })(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, function (_ref) {
-  var opened = _ref.opened;
-  return opened ? "var(".concat(_Select.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(_Select.tokens.targetTextfieldBackgroundColor, ")");
+  var isOpen = _ref.isOpen;
+  return isOpen ? "var(".concat(_Select.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(_Select.tokens.targetTextfieldBackgroundColor, ")");
 }, function (_ref2) {
   var value = _ref2.value;
   return Array.isArray(value) && !(0, _utils.isEmpty)(value) ? "0 var(".concat(_Select.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(_Select.tokens.targetTextfieldPadding, ")");

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

@@ -13,7 +13,7 @@ var _Sheet = /*#__PURE__*/require("./Sheet.tokens");
 var _Sheet2 = /*#__PURE__*/require("./Sheet.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
+var _excluded = ["opened", "isOpen", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
 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 _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); }
@@ -26,6 +26,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, rootRef) {
     var opened = _ref.opened,
+      isOpen = _ref.isOpen,
       children = _ref.children,
       onClose = _ref.onClose,
       _ref$hasHandle = _ref.hasHandle,
@@ -46,11 +47,12 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       className = _ref.className,
       view = _ref.view,
       restProps = _objectWithoutProperties(_ref, _excluded);
+    var innerIsOpen = Boolean(isOpen || opened);
     var contentWrapperRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
     var handleRef = (0, _react.useRef)(null);
     (0, _hooks.useOverflow)({
-      opened: opened
+      opened: innerIsOpen
     });
     (0, _hooks.useSheetSwipe)({
       contentWrapperRef: contentWrapperRef,
@@ -61,15 +63,15 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
     });
     var hasHeader = Boolean(contentHeader);
     var hasFooter = Boolean(contentFooter);
-    var closedClass = opened ? undefined : "".concat(_Sheet.classes.closed);
+    var closedClass = innerIsOpen ? undefined : "".concat(_Sheet.classes.closed);
     var overlayBackgroundToken = withBlur ? "var(".concat(_Sheet.tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(_Sheet.tokens.sheetOverlayColor, ")");
     return /*#__PURE__*/_react["default"].createElement(Root, {
-      opened: opened,
+      opened: innerIsOpen,
       onClose: onClose,
       view: view,
       ref: rootRef
     }, /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledContentWrapper, _extends({
-      opened: opened,
+      opened: innerIsOpen,
       withTransition: withTransition,
       className: (0, _utils.cx)(closedClass, className),
       ref: contentWrapperRef
@@ -83,7 +85,7 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       isHeaderFixed: isHeaderFixed
     }, contentHeader), /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetBody, null, children), hasFooter && /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetFooter, {
       isFooterFixed: isFooterFixed
-    }, contentFooter))), withOverlay && opened && /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
+    }, contentFooter))), withOverlay && innerIsOpen && /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
       zIndex: _utils2.DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
       withBlur: withBlur,

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

@@ -50,7 +50,7 @@ export function App() {
 
 ### Закрепление заголовка и футера
 
-С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер. 
+С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер.
 В этом случае при появлении прокрутки контент будет скроллиться под них.
 
 ```tsx live
@@ -140,4 +140,4 @@ export function App() {
         </>
     );
 }
-```
+```

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

@@ -14,7 +14,7 @@ var _Tooltip = /*#__PURE__*/require("./Tooltip.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _Tooltip2 = /*#__PURE__*/require("./Tooltip.tokens");
-var _excluded = ["id", "text", "isOpen", "isVisible", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style"];
+var _excluded = ["id", "text", "opened", "isVisible", "hasArrow", "arrow", "animated", "offset", "minWidth", "maxWidth", "placement", "usePortal", "target", "children", "onDismiss", "view", "size", "contentLeft", "zIndex", "className", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }
@@ -44,7 +44,7 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
     var id = _ref.id,
       text = _ref.text,
-      isOpen = _ref.isOpen,
+      opened = _ref.opened,
       isVisible = _ref.isVisible,
       _ref$hasArrow = _ref.hasArrow,
       hasArrow = _ref$hasArrow === void 0 ? true : _ref$hasArrow,
@@ -75,7 +75,7 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
       setRef = _useState2[1];
 
     // TODO убрать после отказа от старого API
-    var innerIsOpen = isVisible || isOpen;
+    var innerIsOpen = isVisible || opened;
     var innerHasArrow = arrow || hasArrow;
     var showTooltip = innerIsOpen && Boolean(text === null || text === void 0 ? void 0 : text.length);
     var animatedClass = animated ? _Tooltip2.classes.animated : undefined;
@@ -92,7 +92,7 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
     }, []);
     var withContentLeft = contentLeft ? _Tooltip2.classes.hasContentLeft : undefined;
     return /*#__PURE__*/_react["default"].createElement(StyledPopover, _extends({
-      isOpen: showTooltip,
+      opened: showTooltip,
       placement: placement,
       offset: offset,
       zIndex: zIndex,

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

@@ -23,7 +23,7 @@ import { IconApps } from '@salutejs/plasma-icons';
 export function App() {
     return (
         <div style=\{{marginLeft: '100px',marginBottom: '35px'}}>
-            <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow isOpen />
+            <Tooltip target={( <IconApps />)} text="Высокое качество воспроизведения" placement="bottom" hasArrow opened />
         </div>
     );
 }

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

@@ -71,7 +71,7 @@ const StoryDefault = ({
 
     return (
         <DatePicker
-            isOpen={isOpen}
+            opened={isOpen}
             size={size}
             valueError={valueError}
             valueSuccess={valueSuccess}
@@ -178,7 +178,7 @@ const StoryRange = ({
         <DatePickerRange
             size={size}
             ref={rangeRef}
-            isOpen={isOpen}
+            opened={isOpen}
             firstValueError={firstValueError}
             firstValueSuccess={firstValueSuccess}
             secondValueError={secondValueError}
@@ -289,7 +289,7 @@ const StoryDeferred = ({
             <h3>Асинхронная установка даты по умолчанию</h3>
             <DatePicker
                 defaultDate={defVal}
-                isOpen={isOpen}
+                opened={isOpen}
                 size={size}
                 valueError={valueError}
                 valueSuccess={valueSuccess}

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

@@ -153,7 +153,7 @@ const StoryDrawerDemo = ({
                     <StyledContentWrapper>
                         <Drawer
                             frame="theme-root"
-                            isOpen={isOpen}
+                            opened={isOpen}
                             offset={[offsetX, offsetY]}
                             onClose={() => setIsOpen(false)}
                             {...rest}

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

@@ -144,7 +144,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                         frame="theme-root"
                         withAnimation
                         onClose={() => setIsOpenA(false)}
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                         {...rest}
@@ -158,7 +158,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                 id="modalB"
                                 frame="theme-root"
                                 onClose={() => setIsOpenB(false)}
-                                isOpen={isOpenB}
+                                opened={isOpenB}
                                 placement="left"
                                 offset={[offsetX, offsetY]}
                                 {...rest}
@@ -174,7 +174,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                         id="modalC"
                                         frame="theme-root"
                                         onClose={() => setIsOpenC(false)}
-                                        isOpen={isOpenC}
+                                        opened={isOpenC}
                                         placement="top"
                                         offset={[offsetX, offsetY]}
                                         {...rest}
@@ -289,7 +289,7 @@ const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: Story
                     frame="theme-root"
                     withAnimation
                     onClose={() => setIsOpen(false)}
-                    isOpen={isOpen}
+                    opened={isOpen}
                     placement={placement}
                     offset={[offsetX, offsetY]}
                     initialFocusRef={ref}

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

@@ -160,7 +160,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
         <NotificationsProvider>
             <PopupProvider>
                 <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
-                <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
                     <Button view="primary" text="Add notification" onClick={handleClick} />
                 </Modal>

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

@@ -94,7 +94,7 @@ const StoryDefault = (args: StoryPopoverProps) => {
 
     return (
         <Popover
-            isOpen={isOpen}
+            opened={isOpen}
             onToggle={(is) => setIsOpen(is)}
             frame="theme-root"
             usePortal={false}

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

@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
                         id="popupA"
                         frame={ref}
                         withAnimation
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                     >
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
                         id="popupB"
                         frame="theme-root"
                         withAnimation
-                        isOpen={isOpenB}
+                        opened={isOpenB}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                     >

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

@@ -194,7 +194,7 @@ const StoryComplex = ({
         <NotificationsProvider>
             <PopupProvider>
                 <Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
-                <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
                     <Button view="default" text="Add notification" onClick={handleShowNotification} />
                 </Modal>

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

@@ -57,7 +57,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                         target={<Button>Btn</Button>}
                         placement="left"
                         size={size}
-                        isOpen
+                        opened
                         hasArrow
                         text="left"
                         frame="theme-root"
@@ -65,7 +65,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 }
                 placement="top-start"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top-start"
                 frame="theme-root"
@@ -74,7 +74,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="top"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top"
                 frame="theme-root"
@@ -85,7 +85,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                         target={<Button>Btn</Button>}
                         placement="right"
                         size={size}
-                        isOpen
+                        opened
                         hasArrow
                         text="right"
                         frame="theme-root"
@@ -93,7 +93,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 }
                 placement="top-end"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top-end"
                 frame="theme-root"
@@ -102,7 +102,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom-start"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom-start"
                 frame="theme-root"
@@ -111,7 +111,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom"
                 frame="theme-root"
@@ -120,7 +120,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom-end"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom-end"
                 frame="theme-root"
@@ -170,7 +170,7 @@ const StoryLive = (args: TooltipProps) => {
                     {...args}
                     id="example-tooltip-firstname"
                     text={text}
-                    isOpen
+                    opened
                     frame="theme-root"
                 />
             </StyledRow>

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

@@ -71,7 +71,7 @@ const StoryDefault = ({
 
     return (
         <DatePicker
-            isOpen={isOpen}
+            opened={isOpen}
             size={size}
             valueError={valueError}
             valueSuccess={valueSuccess}
@@ -177,7 +177,7 @@ const StoryRange = ({
         <DatePickerRange
             size={size}
             ref={rangeRef}
-            isOpen={isOpen}
+            opened={isOpen}
             firstValueError={firstValueError}
             firstValueSuccess={firstValueSuccess}
             secondValueError={secondValueError}
@@ -288,7 +288,7 @@ const StoryDeferred = ({
             <h3>Асинхронная установка даты по умолчанию</h3>
             <DatePicker
                 defaultDate={defVal}
-                isOpen={isOpen}
+                opened={isOpen}
                 size={size}
                 valueError={valueError}
                 valueSuccess={valueSuccess}

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

@@ -153,7 +153,7 @@ const StoryDrawerDemo = ({
                     <StyledContentWrapper>
                         <Drawer
                             frame="theme-root"
-                            isOpen={isOpen}
+                            opened={isOpen}
                             offset={[offsetX, offsetY]}
                             onClose={() => setIsOpen(false)}
                             {...rest}

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

@@ -144,7 +144,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                         frame="theme-root"
                         withAnimation
                         onClose={() => setIsOpenA(false)}
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                         {...rest}
@@ -158,7 +158,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                 id="modalB"
                                 frame="theme-root"
                                 onClose={() => setIsOpenB(false)}
-                                isOpen={isOpenB}
+                                opened={isOpenB}
                                 placement="left"
                                 offset={[offsetX, offsetY]}
                                 {...rest}
@@ -174,7 +174,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                         id="modalC"
                                         frame="theme-root"
                                         onClose={() => setIsOpenC(false)}
-                                        isOpen={isOpenC}
+                                        opened={isOpenC}
                                         placement="top"
                                         offset={[offsetX, offsetY]}
                                         {...rest}
@@ -289,7 +289,7 @@ const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: Story
                     frame="theme-root"
                     withAnimation
                     onClose={() => setIsOpen(false)}
-                    isOpen={isOpen}
+                    opened={isOpen}
                     placement={placement}
                     offset={[offsetX, offsetY]}
                     initialFocusRef={ref}

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

@@ -160,7 +160,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
         <NotificationsProvider>
             <PopupProvider>
                 <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
-                <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
                     <Button view="primary" text="Add notification" onClick={handleClick} />
                 </Modal>

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

@@ -93,7 +93,7 @@ const StoryDefault = (args: StoryPopoverProps) => {
 
     return (
         <Popover
-            isOpen={isOpen}
+            opened={isOpen}
             onToggle={(is) => setIsOpen(is)}
             frame="theme-root"
             usePortal={false}

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

@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
                         id="popupA"
                         frame={ref}
                         withAnimation
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                     >
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
                         id="popupB"
                         frame="theme-root"
                         withAnimation
-                        isOpen={isOpenB}
+                        opened={isOpenB}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                     >

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

@@ -194,7 +194,7 @@ const StoryComplex = ({
         <NotificationsProvider>
             <PopupProvider>
                 <Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
-                <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
                     <Button view="default" text="Add notification" onClick={handleShowNotification} />
                 </Modal>

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

@@ -57,7 +57,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                         target={<Button>Btn</Button>}
                         placement="left"
                         size={size}
-                        isOpen
+                        opened
                         hasArrow
                         text="left"
                         frame="theme-root"
@@ -65,7 +65,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 }
                 placement="top-start"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top-start"
                 frame="theme-root"
@@ -74,7 +74,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="top"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top"
                 frame="theme-root"
@@ -85,7 +85,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                         target={<Button>Btn</Button>}
                         placement="right"
                         size={size}
-                        isOpen
+                        opened
                         hasArrow
                         text="right"
                         frame="theme-root"
@@ -93,7 +93,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 }
                 placement="top-end"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="top-end"
                 frame="theme-root"
@@ -102,7 +102,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom-start"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom-start"
                 frame="theme-root"
@@ -111,7 +111,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom"
                 frame="theme-root"
@@ -120,7 +120,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
                 target={<Button>Btn</Button>}
                 placement="bottom-end"
                 size={size}
-                isOpen
+                opened
                 hasArrow
                 text="bottom-end"
                 frame="theme-root"
@@ -170,7 +170,7 @@ const StoryLive = (args: TooltipProps) => {
                     {...args}
                     id="example-tooltip-firstname"
                     text={text}
-                    isOpen
+                    opened
                     frame="theme-root"
                 />
             </StyledRow>

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

@@ -153,7 +153,7 @@ const StoryDrawerDemo = ({
                     <StyledContentWrapper>
                         <Drawer
                             frame="theme-root"
-                            isOpen={isOpen}
+                            opened={isOpen}
                             offset={[offsetX, offsetY]}
                             onClose={() => setIsOpen(false)}
                             {...rest}

package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx

@@ -143,7 +143,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                         frame="theme-root"
                         withAnimation
                         onClose={() => setIsOpenA(false)}
-                        isOpen={isOpenA}
+                        opened={isOpenA}
                         placement={placement}
                         offset={[offsetX, offsetY]}
                         {...rest}
@@ -157,7 +157,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                 id="modalB"
                                 frame="theme-root"
                                 onClose={() => setIsOpenB(false)}
-                                isOpen={isOpenB}
+                                opened={isOpenB}
                                 placement="left"
                                 offset={[offsetX, offsetY]}
                                 {...rest}
@@ -173,7 +173,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
                                         id="modalC"
                                         frame="theme-root"
                                         onClose={() => setIsOpenC(false)}
-                                        isOpen={isOpenC}
+                                        opened={isOpenC}
                                         placement="top"
                                         offset={[offsetX, offsetY]}
                                         {...rest}

package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx

@@ -142,7 +142,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
         <NotificationsProvider>
             <PopupProvider>
                 <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
-                <Modal frame="theme-root" isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
                     <div>Hello!</div>
                     <Button view="primary" text="Add notification" onClick={handleClick} />
                 </Modal>