@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2398.20426736662.0

package/dist/css/es/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\nimport { IconClose } from 'src/components/_Icon';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                isFocusTrapped = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                overlay,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={<Root view={view}>{overlay || overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$isFocusTrapped","isFocusTrapped","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","overlay","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\nimport { IconClose } from 'src/components/_Icon';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                isFocusTrapped = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                overlay,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={<Root view={view}>{overlay || overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$isFocusTrapped","isFocusTrapped","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","overlay","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/NavigationDrawer/NavigationDrawer.js

@@ -1,6 +1,6 @@
 import './NavigationDrawer_x642ct.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { styled } from '@linaria/react';
 import { base as base$2 } from './variations/_view/base.js';
@@ -31,15 +31,15 @@ var navigationDrawerRoot = function navigationDrawerRoot(Root) {
       rest = _objectWithoutProperties(props, _excluded);
     var isOpen = opened || !withContentLeft;
     var isOverlay = mode === 'overlay' || mode === 'drawer';
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref
-    }, rest), /*#__PURE__*/React.createElement(Wrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(Wrapper, {
       className: cls(classes.navigationDrawerSidebar, isOverlay && classes.navigationDrawerSidebarOverlay, !isOpen && classes.navigationDrawerSidebarClosed)
     }, header, sections.map(function (_ref, index) {
       var items = _ref.items,
         label = _ref.label,
         hasDivider = _ref.hasDivider;
-      return /*#__PURE__*/React.createElement(Section, {
+      return /*#__PURE__*/React__default.createElement(Section, {
         key: index,
         items: items,
         label: label,
@@ -47,9 +47,9 @@ var navigationDrawerRoot = function navigationDrawerRoot(Root) {
         isOpen: isOpen,
         hasDivider: hasDivider
       });
-    }), footer && /*#__PURE__*/React.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React.createElement(Overlay, {
+    }), footer && /*#__PURE__*/React__default.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React__default.createElement(Overlay, {
       onClick: onHide
-    }), /*#__PURE__*/React.createElement(Content, {
+    }), /*#__PURE__*/React__default.createElement(Content, {
       className: cls(isOverlay && classes.navigationDrawerContentOverlay)
     }, children));
   });

package/dist/css/es/components/NavigationDrawer/NavigationDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationDrawer.js","sources":["../../../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"NavigationDrawer.js","sources":["../../../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import cls from 'classnames';
 import { StyledIndicator, ExtraCounter, Label, RightContentWrapper, ContentLeftWrapper, IconWrapper, Icon } from './MenuItem.styles.js';
 import { classes } from '../../NavigationDrawer.tokens.js';
@@ -20,19 +20,19 @@ var MenuItem = function MenuItem(props) {
   var onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;
   var hasCustomContentLeft = contentLeft && withContentLeft;
   var menuClasses = cls(classes.navigationDrawerMenuItem, selected && classes.navigationDrawerMenuItemSelected, disabled && classes.navigationDrawerMenuItemDisabled, hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft, !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft);
-  var indicators = /*#__PURE__*/React.createElement(React.Fragment, null, hasIndicator && /*#__PURE__*/React.createElement(StyledIndicator, {
+  var indicators = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasIndicator && /*#__PURE__*/React__default.createElement(StyledIndicator, {
     className: cls(withContentLeft && classes.navigationDrawerMenuIndicator)
-  }), counter !== undefined && /*#__PURE__*/React.createElement(ExtraCounter, {
+  }), counter !== undefined && /*#__PURE__*/React__default.createElement(ExtraCounter, {
     className: cls(withContentLeft && classes.navigationDrawerMenuCounter),
     count: counter
   }));
-  var contentLeftItem = contentLeft ? /*#__PURE__*/React.createElement(ContentLeftWrapper, null, contentLeft, indicators) : null;
-  var iconItem = icon ? /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(Icon, null, icon), indicators) : null;
-  var menuItemContent = withContentLeft ? /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React.createElement(Label, null, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(RightContentWrapper, null, indicators));
-  return typeof onClick === 'function' ? /*#__PURE__*/React.createElement("div", {
+  var contentLeftItem = contentLeft ? /*#__PURE__*/React__default.createElement(ContentLeftWrapper, null, contentLeft, indicators) : null;
+  var iconItem = icon ? /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, null, icon), indicators) : null;
+  var menuItemContent = withContentLeft ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React__default.createElement(Label, null, label)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Label, null, label), /*#__PURE__*/React__default.createElement(RightContentWrapper, null, indicators));
+  return typeof onClick === 'function' ? /*#__PURE__*/React__default.createElement("div", {
     className: menuClasses,
     onClick: onMenuClick
-  }, menuItemContent) : /*#__PURE__*/React.createElement(Link, {
+  }, menuItemContent) : /*#__PURE__*/React__default.createElement(Link, {
     className: cls(classes.navigationDrawerMenuLink, menuClasses),
     href: href,
     rel: "noopener noreferrer",

package/dist/css/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":"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"}

package/dist/css/es/components/NavigationDrawer/ui/Section/Section.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import cls from 'classnames';
 import { MenuItem } from '../MenuItem/MenuItem.js';
 import { classes } from '../../NavigationDrawer.tokens.js';
@@ -20,18 +20,18 @@ var Section = function Section(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isCollapsed = _useState2[0],
     setIsCollapsed = _useState2[1];
-  var icon = /*#__PURE__*/React.createElement(SectionIcon, null, /*#__PURE__*/React.createElement(ArrowIcon, {
+  var icon = /*#__PURE__*/React__default.createElement(SectionIcon, null, /*#__PURE__*/React__default.createElement(ArrowIcon, {
     className: cls(isCollapsed && classes.navigationDrawerArrowInverse),
     color: "inherit"
   }));
-  return /*#__PURE__*/React.createElement(StyledSection, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledSection, _extends({
     className: className
-  }, rest), label ? /*#__PURE__*/React.createElement(SectionHeader, {
+  }, rest), label ? /*#__PURE__*/React__default.createElement(SectionHeader, {
     onClick: function onClick() {
       return setIsCollapsed(!isCollapsed);
     }
-  }, withContentLeft && label && icon, isOpen && /*#__PURE__*/React.createElement(Label, null, label), !withContentLeft && icon) : hasDivider && (_SectionDivider || (_SectionDivider = /*#__PURE__*/React.createElement(SectionDivider, null))), !isCollapsed && items.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(MenuItem, _extends({}, item, {
+  }, withContentLeft && label && icon, isOpen && /*#__PURE__*/React__default.createElement(Label, null, label), !withContentLeft && icon) : hasDivider && (_SectionDivider || (_SectionDivider = /*#__PURE__*/React__default.createElement(SectionDivider, null))), !isCollapsed && items.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(MenuItem, _extends({}, item, {
       key: index,
       withContentLeft: withContentLeft,
       isOpen: isOpen

package/dist/css/es/components/NavigationDrawer/ui/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/Section/Section.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cls from 'classnames';\n\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { classes } from '../../NavigationDrawer.tokens';\n\nimport { SectionProps } from './Section.types';\nimport { StyledSection, SectionHeader, SectionDivider, SectionIcon, ArrowIcon, Label } from './Section.styles';\n\nexport const Section = <T extends boolean = false>({\n    items,\n    label,\n    withContentLeft,\n    isOpen,\n    className,\n    hasDivider = false,\n    ...rest\n}: SectionProps<T>) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    const icon = (\n        <SectionIcon>\n            <ArrowIcon className={cls(isCollapsed && classes.navigationDrawerArrowInverse)} color=\"inherit\" />\n        </SectionIcon>\n    );\n\n    return (\n        <StyledSection className={className} {...rest}>\n            {label ? (\n                <SectionHeader onClick={() => setIsCollapsed(!isCollapsed)}>\n                    {withContentLeft && label && icon}\n                    {isOpen && <Label>{label}</Label>}\n                    {!withContentLeft && icon}\n                </SectionHeader>\n            ) : (\n                hasDivider && <SectionDivider />\n            )}\n\n            {!isCollapsed &&\n                items.map((item, index) => (\n                    <MenuItem {...item} key={index} withContentLeft={withContentLeft} isOpen={isOpen} />\n                ))}\n        </StyledSection>\n    );\n};\n"],"names":["Section","_ref","items","label","withContentLeft","isOpen","className","_ref$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isCollapsed","setIsCollapsed","icon","React","createElement","SectionIcon","ArrowIcon","cls","classes","navigationDrawerArrowInverse","color","StyledSection","_extends","SectionHeader","onClick","Label","_SectionDivider","SectionDivider","map","item","index","MenuItem","key"],"mappings":";;;;;;;;;IASaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAQG;AAAA,EAAA,IAPnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,eAAA,GAAAN,IAAA,CACTO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,IAAI,gBACNC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA,IAAA,eACRF,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;IAAChB,SAAS,EAAEiB,GAAG,CAACP,WAAW,IAAIQ,OAAO,CAACC,4BAA4B,CAAE;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACxF,CAChB,CAAA;AAED,EAAA,oBACIP,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAAC,QAAA,CAAA;AAACtB,IAAAA,SAAS,EAAEA,SAAAA;GAAeG,EAAAA,IAAI,GACxCN,KAAK,gBACFgB,KAAA,CAAAC,aAAA,CAACS,aAAa,EAAA;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMb,cAAc,CAAC,CAACD,WAAW,CAAC,CAAA;AAAA,KAAA;GACrDZ,EAAAA,eAAe,IAAID,KAAK,IAAIe,IAAI,EAChCb,MAAM,iBAAIc,KAAA,CAAAC,aAAA,CAACW,KAAK,EAAA,IAAA,EAAE5B,KAAa,CAAC,EAChC,CAACC,eAAe,IAAIc,IACV,CAAC,GAEhBV,UAAU,KAAAwB,eAAA,KAAAA,eAAA,gBAAIb,KAAA,CAAAC,aAAA,CAACa,cAAc,EAAA,IAAE,CAAC,CAAA,CACnC,EAEA,CAACjB,WAAW,IACTd,KAAK,CAACgC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;IAAA,oBAClBjB,KAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,KAAKO,IAAI,EAAA;AAAEG,MAAAA,GAAG,EAAEF,KAAM;AAAChC,MAAAA,eAAe,EAAEA,eAAgB;AAACC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAAE,CAAC,CAAA;AAAA,GACvF,CACM,CAAC,CAAA;AAExB;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../../../../src/components/NavigationDrawer/ui/Section/Section.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cls from 'classnames';\n\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { classes } from '../../NavigationDrawer.tokens';\n\nimport { SectionProps } from './Section.types';\nimport { StyledSection, SectionHeader, SectionDivider, SectionIcon, ArrowIcon, Label } from './Section.styles';\n\nexport const Section = <T extends boolean = false>({\n    items,\n    label,\n    withContentLeft,\n    isOpen,\n    className,\n    hasDivider = false,\n    ...rest\n}: SectionProps<T>) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    const icon = (\n        <SectionIcon>\n            <ArrowIcon className={cls(isCollapsed && classes.navigationDrawerArrowInverse)} color=\"inherit\" />\n        </SectionIcon>\n    );\n\n    return (\n        <StyledSection className={className} {...rest}>\n            {label ? (\n                <SectionHeader onClick={() => setIsCollapsed(!isCollapsed)}>\n                    {withContentLeft && label && icon}\n                    {isOpen && <Label>{label}</Label>}\n                    {!withContentLeft && icon}\n                </SectionHeader>\n            ) : (\n                hasDivider && <SectionDivider />\n            )}\n\n            {!isCollapsed &&\n                items.map((item, index) => (\n                    <MenuItem {...item} key={index} withContentLeft={withContentLeft} isOpen={isOpen} />\n                ))}\n        </StyledSection>\n    );\n};\n"],"names":["Section","_ref","items","label","withContentLeft","isOpen","className","_ref$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isCollapsed","setIsCollapsed","icon","React","createElement","SectionIcon","ArrowIcon","cls","classes","navigationDrawerArrowInverse","color","StyledSection","_extends","SectionHeader","onClick","Label","_SectionDivider","SectionDivider","map","item","index","MenuItem","key"],"mappings":";;;;;;;;;IASaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAQG;AAAA,EAAA,IAPnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,eAAA,GAAAN,IAAA,CACTO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,IAAI,gBACNC,cAAA,CAAAC,aAAA,CAACC,WAAW,EAAA,IAAA,eACRF,cAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;IAAChB,SAAS,EAAEiB,GAAG,CAACP,WAAW,IAAIQ,OAAO,CAACC,4BAA4B,CAAE;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACxF,CAChB,CAAA;AAED,EAAA,oBACIP,cAAA,CAAAC,aAAA,CAACO,aAAa,EAAAC,QAAA,CAAA;AAACtB,IAAAA,SAAS,EAAEA,SAAAA;GAAeG,EAAAA,IAAI,GACxCN,KAAK,gBACFgB,cAAA,CAAAC,aAAA,CAACS,aAAa,EAAA;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMb,cAAc,CAAC,CAACD,WAAW,CAAC,CAAA;AAAA,KAAA;GACrDZ,EAAAA,eAAe,IAAID,KAAK,IAAIe,IAAI,EAChCb,MAAM,iBAAIc,cAAA,CAAAC,aAAA,CAACW,KAAK,EAAA,IAAA,EAAE5B,KAAa,CAAC,EAChC,CAACC,eAAe,IAAIc,IACV,CAAC,GAEhBV,UAAU,KAAAwB,eAAA,KAAAA,eAAA,gBAAIb,cAAA,CAAAC,aAAA,CAACa,cAAc,EAAA,IAAE,CAAC,CAAA,CACnC,EAEA,CAACjB,WAAW,IACTd,KAAK,CAACgC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;IAAA,oBAClBjB,cAAA,CAAAC,aAAA,CAACiB,QAAQ,EAAAT,QAAA,KAAKO,IAAI,EAAA;AAAEG,MAAAA,GAAG,EAAEF,KAAM;AAAChC,MAAAA,eAAe,EAAEA,eAAgB;AAACC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAAE,CAAC,CAAA;AAAA,GACvF,CACM,CAAC,CAAA;AAExB;;;;"}

package/dist/css/es/components/Note/Note.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useRef, useLayoutEffect, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useLayoutEffect, useEffect } from 'react';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { IconCrossThin } from '../_Icon/Icons/IconCrossThin.js';
@@ -85,28 +85,28 @@ var noteRoot = function noteRoot(Root) {
       }
       setContentBeforeWidth("var(".concat(tokens.fixedContentBeforeWidth, ")"));
     }, [contentBefore, contentBeforeSizing]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: outerRef,
       className: cx(className, stretch && classes.stretch, contentBeforeSizing === 'scalable' && classes.contentAlignCenter),
       view: view,
       size: size,
       style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
-    }, rest), contentBefore && /*#__PURE__*/React.createElement(ContentBefore, {
+    }, rest), contentBefore && /*#__PURE__*/React__default.createElement(ContentBefore, {
       ref: contentBeforeRef
-    }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
+    }, contentBefore), /*#__PURE__*/React__default.createElement(ContentWrapper, {
       ref: contentWrapperRef
-    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
+    }, title && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Title, {
       hasClose: hasClose
-    }, title), /*#__PURE__*/React.createElement(TitleHelper, {
+    }, title), /*#__PURE__*/React__default.createElement(TitleHelper, {
       ref: titleHelperRef
-    }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
+    }, "C")), innerText && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Text, null, innerText, /*#__PURE__*/React__default.createElement(TextHelper, {
       ref: textRenderHelperRef
-    }, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+    }, "C")))), hasClose && /*#__PURE__*/React__default.createElement(CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,
       className: classes.closeIcon
-    }, /*#__PURE__*/React.createElement(IconCrossThin, {
+    }, /*#__PURE__*/React__default.createElement(IconCrossThin, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"

package/dist/css/es/components/Note/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","sources":["../../../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    typeof text !== 'string' ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Note.js","sources":["../../../../../src/components/Note/Note.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { canUseDOM, cx, getSizeValueFromProp } from '../../utils';\nimport type { RootProps } from '../../engines';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport type { NoteProps } from './Note.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport {\n    base,\n    CloseIconWrapper,\n    ContentBefore,\n    ContentWrapper,\n    Text,\n    TextHelper,\n    Title,\n    TitleHelper,\n} from './Note.styles';\nimport { classes, privateTokens, tokens } from './Note.tokens';\n\nexport const noteRoot = (Root: RootProps<HTMLDivElement, NoteProps>) =>\n    forwardRef<HTMLDivElement, NoteProps>(\n        (\n            {\n                className,\n                style,\n                title,\n                text,\n                contentBefore,\n                contentBeforeSizing = 'fixed',\n                size,\n                view,\n                stretch,\n                width,\n                height,\n                hasClose,\n                onCloseButtonClick,\n                ...rest\n            },\n            outerRef,\n        ) => {\n            const [innerText, setInnerText] = useState(text);\n            const [contentBeforeWidth, setContentBeforeWidth] = useState(\n                contentBefore ? `var(${tokens.fixedContentBeforeWidth})` : '0',\n            );\n\n            const contentWrapperRef = useRef<HTMLDivElement>(null);\n            const contentBeforeRef = useRef<HTMLDivElement>(null);\n            const titleHelperRef = useRef<HTMLDivElement>(null);\n            const textRenderHelperRef = useRef<HTMLSpanElement>(null);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n            const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n            const contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;\n            const contentWidthWithOffsetToken = contentBefore\n                ? `calc(100% - ${contentBeforeWidth} - var(${contentGapToken}))`\n                : '100%';\n\n            const setTruncatedText = () => {\n                if (\n                    !canUseDOM ||\n                    !text ||\n                    typeof text !== 'string' ||\n                    !contentWrapperRef?.current ||\n                    !textRenderHelperRef?.current ||\n                    (!width && !height)\n                ) {\n                    return;\n                }\n\n                const contentHeight = contentWrapperRef.current.offsetHeight;\n                const titleHeight = titleHelperRef.current?.offsetHeight || 0;\n\n                const contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));\n\n                const textAvailableHeight = contentHeight - titleHeight - contentGap;\n\n                textRenderHelperRef.current.textContent = text;\n\n                if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                    setInnerText(text);\n                    return;\n                }\n\n                let fullText = `${text.slice(0, -3)}...`;\n\n                for (let i = text.length - 1; i >= 0; i -= 1) {\n                    textRenderHelperRef.current.textContent = fullText;\n\n                    if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {\n                        break;\n                    }\n\n                    fullText = `${fullText.slice(0, i)}...`;\n                }\n\n                setInnerText(fullText);\n            };\n\n            useResizeObserver(contentWrapperRef, setTruncatedText);\n\n            useLayoutEffect(() => {\n                setTruncatedText();\n            }, [text, contentBefore, contentBeforeSizing, stretch]);\n\n            useEffect(() => {\n                setTruncatedText();\n            }, [text]);\n\n            useEffect(() => {\n                if (!contentBeforeRef?.current) {\n                    return;\n                }\n\n                if (contentBeforeSizing === 'scalable') {\n                    setContentBeforeWidth(`${contentBeforeRef.current.offsetWidth}px`);\n                    return;\n                }\n\n                setContentBeforeWidth(`var(${tokens.fixedContentBeforeWidth})`);\n            }, [contentBefore, contentBeforeSizing]);\n\n            return (\n                <Root\n                    ref={outerRef}\n                    className={cx(\n                        className,\n                        stretch && classes.stretch,\n                        contentBeforeSizing === 'scalable' && classes.contentAlignCenter,\n                    )}\n                    view={view}\n                    size={size}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.width]: innerWidth,\n                            [privateTokens.height]: innerHeight,\n                            [privateTokens.contentWidthWithOffset]: contentWidthWithOffsetToken,\n                        } as CSSProperties\n                    }\n                    {...rest}\n                >\n                    {contentBefore && <ContentBefore ref={contentBeforeRef}>{contentBefore}</ContentBefore>}\n                    <ContentWrapper ref={contentWrapperRef}>\n                        {title && (\n                            <>\n                                <Title hasClose={hasClose}>{title}</Title>\n                                <TitleHelper ref={titleHelperRef}>C</TitleHelper>\n                            </>\n                        )}\n                        {innerText && (\n                            <>\n                                <Text>\n                                    {innerText}\n                                    <TextHelper ref={textRenderHelperRef}>C</TextHelper>\n                                </Text>\n                            </>\n                        )}\n                    </ContentWrapper>\n                    {hasClose && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={classes.closeIcon}\n                        >\n                            <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </CloseIconWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const noteConfig = {\n    name: 'Note',\n    tag: 'div',\n    layout: noteRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["noteRoot","Root","forwardRef","_ref","outerRef","className","style","title","text","contentBefore","_ref$contentBeforeSiz","contentBeforeSizing","size","view","stretch","width","height","hasClose","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerText","setInnerText","_useState3","concat","tokens","fixedContentBeforeWidth","_useState4","contentBeforeWidth","setContentBeforeWidth","contentWrapperRef","useRef","contentBeforeRef","titleHelperRef","textRenderHelperRef","innerWidth","getSizeValueFromProp","innerHeight","contentGapToken","gapScalable","gap","contentWidthWithOffsetToken","setTruncatedText","_titleHelperRef$curre","canUseDOM","current","contentHeight","offsetHeight","titleHeight","contentGap","Number","window","getComputedStyle","rowGap","replace","textAvailableHeight","textContent","fullText","slice","i","length","useResizeObserver","useLayoutEffect","useEffect","offsetWidth","React","createElement","_extends","ref","cx","classes","contentAlignCenter","_objectSpread","_defineProperty","privateTokens","contentWidthWithOffset","ContentBefore","ContentWrapper","Fragment","Title","TitleHelper","Text","TextHelper","CloseIconWrapper","onClick","closeIcon","IconCrossThin","sizeCustomProperty","closeIconSize","color","noteConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Notification/Notification.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo } from 'react';
+import React__default, { forwardRef, useMemo } from 'react';
 import { cx } from '../../utils/index.js';
 import { IconCross } from '../_Icon/Icons/IconCross.js';
 import { IconCrossThin } from '../_Icon/Icons/IconCrossThin.js';
@@ -55,7 +55,7 @@ var notificationRoot = function notificationRoot(Root) {
     var IconPlacementInternal = useMemo(function () {
       return icon ? iconPlacement : undefined;
     }, [icon, iconPlacement]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       view: view,
       size: size,
       layout: layout,
@@ -64,40 +64,40 @@ var notificationRoot = function notificationRoot(Root) {
       role: role,
       "aria-live": ariaLive,
       "aria-atomic": ariaAtomic
-    }, rest), /*#__PURE__*/React.createElement(Wrapper, {
+    }, rest), /*#__PURE__*/React__default.createElement(Wrapper, {
       backgroundColor: backgroundColor,
       width: width,
       maxWidth: maxWidth,
       className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
-    }, /*#__PURE__*/React.createElement(ContentBox, {
+    }, /*#__PURE__*/React__default.createElement(ContentBox, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)
-    }, icon && /*#__PURE__*/React.createElement(IconWrapper, {
+    }, icon && /*#__PURE__*/React__default.createElement(IconWrapper, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.icon, getLayoutClass(layout))
-    }, icon), /*#__PURE__*/React.createElement(TextBox, {
+    }, icon), /*#__PURE__*/React__default.createElement(TextBox, {
       iconPlacement: IconPlacementInternal,
       showCloseIcon: showCloseIcon,
       className: cx(classes.textbox, getLayoutClass(layout))
-    }, title && /*#__PURE__*/React.createElement(StyledTitle, {
+    }, title && /*#__PURE__*/React__default.createElement(StyledTitle, {
       className: classes.title,
       textColor: titleColor
-    }, title), content && /*#__PURE__*/React.createElement(StyledContent, {
+    }, title), content && /*#__PURE__*/React__default.createElement(StyledContent, {
       className: classes.text,
       textColor: textColor
-    }, content))), actions && /*#__PURE__*/React.createElement(ButtonsWrapper, {
+    }, content))), actions && /*#__PURE__*/React__default.createElement(ButtonsWrapper, {
       iconPlacement: IconPlacementInternal,
       className: cx(classes.buttonsWrapper, getLayoutClass(layout))
-    }, actions), showCloseIcon && /*#__PURE__*/React.createElement(CloseIconWrapper, {
+    }, actions), showCloseIcon && /*#__PURE__*/React__default.createElement(CloseIconWrapper, {
       view: "clear",
       size: "s",
       onClick: onCloseButtonClick,
       className: cx(classes.closeIcon, getLayoutClass(layout))
-    }, customCloseIcon || (closeIconType === 'default' ? /*#__PURE__*/React.createElement(IconCross, {
+    }, customCloseIcon || (closeIconType === 'default' ? /*#__PURE__*/React__default.createElement(IconCross, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"
-    }) : /*#__PURE__*/React.createElement(IconCrossThin, {
+    }) : /*#__PURE__*/React__default.createElement(IconCrossThin, {
       size: "s",
       sizeCustomProperty: tokens.closeIconSize,
       color: "inherit"

package/dist/css/es/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n    ButtonsWrapper,\n    CloseIconWrapper,\n    ContentBox,\n    IconWrapper,\n    StyledContent,\n    StyledNotification,\n    StyledTitle,\n    TextBox,\n    Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n    forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n        const {\n            role = 'status',\n            title,\n            children: content,\n            actions,\n            view,\n            size,\n            iconPlacement,\n            layout = layouts.vertical as NotificationLayout,\n            icon,\n            showCloseIcon = true,\n            closeIconType,\n            customCloseIcon,\n            textColor,\n            titleColor,\n            backgroundColor,\n            width,\n            maxWidth,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        let ariaLive: 'assertive' | 'polite' = 'polite';\n        let ariaAtomic = false;\n\n        if (role === 'alert') {\n            ariaLive = 'assertive';\n        } else if (role === 'status') {\n            ariaAtomic = true;\n        }\n\n        const isOneLine = !content || !title;\n        const oneLineClass = isOneLine ? classes.oneLine : undefined;\n        const withoutIconClass = icon ? undefined : classes.withoutIcon;\n        const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n        const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                layout={layout}\n                closeIconType={closeIconType}\n                ref={ref}\n                role={role}\n                aria-live={ariaLive}\n                aria-atomic={ariaAtomic}\n                {...rest}\n            >\n                <Wrapper\n                    backgroundColor={backgroundColor}\n                    width={width}\n                    maxWidth={maxWidth}\n                    className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n                >\n                    <ContentBox\n                        iconPlacement={IconPlacementInternal}\n                        className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n                    >\n                        {icon && (\n                            <IconWrapper\n                                iconPlacement={IconPlacementInternal}\n                                className={cx(classes.icon, getLayoutClass(layout))}\n                            >\n                                {icon}\n                            </IconWrapper>\n                        )}\n                        <TextBox\n                            iconPlacement={IconPlacementInternal}\n                            showCloseIcon={showCloseIcon}\n                            className={cx(classes.textbox, getLayoutClass(layout))}\n                        >\n                            {title && (\n                                <StyledTitle className={classes.title} textColor={titleColor}>\n                                    {title}\n                                </StyledTitle>\n                            )}\n                            {content && (\n                                <StyledContent className={classes.text} textColor={textColor}>\n                                    {content}\n                                </StyledContent>\n                            )}\n                        </TextBox>\n                    </ContentBox>\n                    {actions && (\n                        <ButtonsWrapper\n                            iconPlacement={IconPlacementInternal}\n                            className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n                        >\n                            {actions}\n                        </ButtonsWrapper>\n                    )}\n\n                    {showCloseIcon && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={cx(classes.closeIcon, getLayoutClass(layout))}\n                        >\n                            {customCloseIcon ||\n                                (closeIconType === 'default' ? (\n                                    <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                                ) : (\n                                    <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                                ))}\n                        </CloseIconWrapper>\n                    )}\n                </Wrapper>\n            </Root>\n        );\n    });\n\nexport const notificationConfig = {\n    name: 'Notification',\n    tag: 'div',\n    layout: notificationRoot,\n    base: StyledNotification,\n    variations: {\n        layout: {\n            css: layoutCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        closeIconType: {\n            css: closeIconTypeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        layout: layouts.vertical,\n        size: 'xs',\n        closeIconType: 'default',\n    },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$layout","layout","layouts","vertical","icon","_props$showCloseIcon","showCloseIcon","closeIconType","customCloseIcon","textColor","titleColor","backgroundColor","width","maxWidth","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCross } from '../_Icon/Icons/IconCross';\nimport { IconCrossThin } from '../_Icon/Icons/IconCrossThin';\n\nimport { classes, tokens } from './Notification.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as layoutCSS } from './variations/_layout/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as closeIconTypeCSS } from './variations/_closeIconType/base';\nimport { NotificationLayout, NotificationProps, layouts } from './Notification.types';\nimport {\n    ButtonsWrapper,\n    CloseIconWrapper,\n    ContentBox,\n    IconWrapper,\n    StyledContent,\n    StyledNotification,\n    StyledTitle,\n    TextBox,\n    Wrapper,\n} from './Notification.styles';\nimport { getLayoutClass } from './utils';\n\n/**\n * Компонент для небольших уведомлений пользователя\n */\nexport const notificationRoot = (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) =>\n    forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n        const {\n            role = 'status',\n            title,\n            children: content,\n            actions,\n            view,\n            size,\n            iconPlacement,\n            layout = layouts.vertical as NotificationLayout,\n            icon,\n            showCloseIcon = true,\n            closeIconType,\n            customCloseIcon,\n            textColor,\n            titleColor,\n            backgroundColor,\n            width,\n            maxWidth,\n            onCloseButtonClick,\n            ...rest\n        } = props;\n\n        let ariaLive: 'assertive' | 'polite' = 'polite';\n        let ariaAtomic = false;\n\n        if (role === 'alert') {\n            ariaLive = 'assertive';\n        } else if (role === 'status') {\n            ariaAtomic = true;\n        }\n\n        const isOneLine = !content || !title;\n        const oneLineClass = isOneLine ? classes.oneLine : undefined;\n        const withoutIconClass = icon ? undefined : classes.withoutIcon;\n        const withoutCloseIconClass = showCloseIcon ? undefined : classes.withoutCloseIcon;\n\n        const IconPlacementInternal = useMemo(() => (icon ? iconPlacement : undefined), [icon, iconPlacement]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                layout={layout}\n                closeIconType={closeIconType}\n                ref={ref}\n                role={role}\n                aria-live={ariaLive}\n                aria-atomic={ariaAtomic}\n                {...rest}\n            >\n                <Wrapper\n                    backgroundColor={backgroundColor}\n                    width={width}\n                    maxWidth={maxWidth}\n                    className={cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)}\n                >\n                    <ContentBox\n                        iconPlacement={IconPlacementInternal}\n                        className={cx(classes.contentBox, getLayoutClass(layout), withoutIconClass)}\n                    >\n                        {icon && (\n                            <IconWrapper\n                                iconPlacement={IconPlacementInternal}\n                                className={cx(classes.icon, getLayoutClass(layout))}\n                            >\n                                {icon}\n                            </IconWrapper>\n                        )}\n                        <TextBox\n                            iconPlacement={IconPlacementInternal}\n                            showCloseIcon={showCloseIcon}\n                            className={cx(classes.textbox, getLayoutClass(layout))}\n                        >\n                            {title && (\n                                <StyledTitle className={classes.title} textColor={titleColor}>\n                                    {title}\n                                </StyledTitle>\n                            )}\n                            {content && (\n                                <StyledContent className={classes.text} textColor={textColor}>\n                                    {content}\n                                </StyledContent>\n                            )}\n                        </TextBox>\n                    </ContentBox>\n                    {actions && (\n                        <ButtonsWrapper\n                            iconPlacement={IconPlacementInternal}\n                            className={cx(classes.buttonsWrapper, getLayoutClass(layout))}\n                        >\n                            {actions}\n                        </ButtonsWrapper>\n                    )}\n\n                    {showCloseIcon && (\n                        <CloseIconWrapper\n                            view=\"clear\"\n                            size=\"s\"\n                            onClick={onCloseButtonClick}\n                            className={cx(classes.closeIcon, getLayoutClass(layout))}\n                        >\n                            {customCloseIcon ||\n                                (closeIconType === 'default' ? (\n                                    <IconCross size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                                ) : (\n                                    <IconCrossThin size=\"s\" sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                                ))}\n                        </CloseIconWrapper>\n                    )}\n                </Wrapper>\n            </Root>\n        );\n    });\n\nexport const notificationConfig = {\n    name: 'Notification',\n    tag: 'div',\n    layout: notificationRoot,\n    base: StyledNotification,\n    variations: {\n        layout: {\n            css: layoutCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        closeIconType: {\n            css: closeIconTypeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        layout: layouts.vertical,\n        size: 'xs',\n        closeIconType: 'default',\n    },\n};\n"],"names":["notificationRoot","Root","forwardRef","props","ref","_props$role","role","title","content","children","actions","view","size","iconPlacement","_props$layout","layout","layouts","vertical","icon","_props$showCloseIcon","showCloseIcon","closeIconType","customCloseIcon","textColor","titleColor","backgroundColor","width","maxWidth","onCloseButtonClick","rest","_objectWithoutProperties","_excluded","ariaLive","ariaAtomic","isOneLine","oneLineClass","classes","oneLine","undefined","withoutIconClass","withoutIcon","withoutCloseIconClass","withoutCloseIcon","IconPlacementInternal","useMemo","React","createElement","_extends","Wrapper","className","cx","wrapper","getLayoutClass","ContentBox","contentBox","IconWrapper","TextBox","textbox","StyledTitle","StyledContent","text","ButtonsWrapper","buttonsWrapper","CloseIconWrapper","onClick","closeIcon","IconCross","sizeCustomProperty","tokens","closeIconSize","color","IconCrossThin","notificationConfig","name","tag","base","StyledNotification","variations","css","layoutCSS","viewCSS","sizeCSS","closeIconTypeCSS","defaults"],"mappings":"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"}

package/dist/css/es/components/Notification/NotificationsPortal.js

@@ -1,6 +1,6 @@
 import './NotificationsPortal_6417q6.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { useStoreon } from 'storeon/react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
@@ -39,24 +39,24 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
     return component(config);
   }, []);
   var hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);
-  return /*#__PURE__*/React.createElement(PopupProvider, {
+  return /*#__PURE__*/React__default.createElement(PopupProvider, {
     UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
-  }, notifications.length > 0 && /*#__PURE__*/React.createElement(StyledPopup, {
+  }, notifications.length > 0 && /*#__PURE__*/React__default.createElement(StyledPopup, {
     opened: true,
     frame: frame,
     placement: placement,
     zIndex: "9100"
-  }, /*#__PURE__*/React.createElement(StyledRoot, {
+  }, /*#__PURE__*/React__default.createElement(StyledRoot, {
     placement: placement
   }, notifications.map(function (_ref2) {
     var id = _ref2.id,
       isHidden = _ref2.isHidden,
       rest = _objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(StyledItemWrapper, {
+    return /*#__PURE__*/React__default.createElement(StyledItemWrapper, {
       key: id,
       className: cx(isHidden ? classes.notificationItemHidden : classes.notificationItemOpened, hasLeftAnimationClass && classes.notificationLeftToRightAnimation, placement === 'top' && classes.notificationTopToCenterAnimation, placement === 'bottom' && classes.notificationBottomToCenterAnimation),
       isHidden: isHidden || false
-    }, /*#__PURE__*/React.createElement(Notification, _extends({
+    }, /*#__PURE__*/React__default.createElement(Notification, _extends({
       key: id,
       id: id,
       onCloseButtonClick: function onCloseButtonClick() {

package/dist/css/es/components/Notification/NotificationsPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsPortal.js","sources":["../../../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n    & > .${popupBaseRootClass} {\n        overflow: hidden;\n    }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n    config,\n    frame,\n    placement = 'bottom-right',\n    UNSAFE_SSR_ENABLED,\n}) => {\n    const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n    const Notification = useMemo(\n        () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n        [],\n    );\n\n    const hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);\n\n    return (\n        <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {notifications.length > 0 && (\n                <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n                    <StyledRoot placement={placement}>\n                        {notifications.map(({ id, isHidden, ...rest }) => (\n                            <StyledItemWrapper\n                                key={id}\n                                className={cx(\n                                    isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n                                    hasLeftAnimationClass && classes.notificationLeftToRightAnimation,\n                                    placement === 'top' && classes.notificationTopToCenterAnimation,\n                                    placement === 'bottom' && classes.notificationBottomToCenterAnimation,\n                                )}\n                                isHidden={isHidden || false}\n                            >\n                                <Notification\n                                    key={id}\n                                    id={id}\n                                    onCloseButtonClick={() => closeNotification(id)}\n                                    {...rest}\n                                />\n                            </StyledItemWrapper>\n                        ))}\n                    </StyledRoot>\n                </StyledPopup>\n            )}\n        </PopupProvider>\n    );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","hasLeftAnimationClass","includes","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","notificationTopToCenterAnimation","notificationBottomToCenterAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":"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"}
+{"version":3,"file":"NotificationsPortal.js","sources":["../../../../../src/components/Notification/NotificationsPortal.tsx"],"sourcesContent":["import React, { FC, ForwardRefExoticComponent, RefAttributes, useMemo } from 'react';\nimport { useStoreon } from 'storeon/react';\nimport { styled } from '@linaria/react';\nimport { popupBaseRootClass } from '@salutejs/plasma-core';\n\nimport { PopupProvider, popupConfig } from '../Popup';\nimport { component } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { NotificationsState, NotificationsEvents, closeNotification } from './NotificationsStore';\nimport { NotificationPortalProps, NotificationProps } from './Notification.types';\nimport { StyledItemWrapper, StyledRoot } from './Notification.styles';\nimport { classes } from './Notification.tokens';\n\n// issue #823\nconst Popup = component(popupConfig);\n\nconst StyledPopup = styled(Popup)`\n    & > .${popupBaseRootClass} {\n        overflow: hidden;\n    }\n`;\n\n/**\n * Обертка для визуального представления уведомлений.\n */\nexport const NotificationsPortal: FC<NotificationPortalProps> = ({\n    config,\n    frame,\n    placement = 'bottom-right',\n    UNSAFE_SSR_ENABLED,\n}) => {\n    const { notifications } = useStoreon<NotificationsState, NotificationsEvents>('notifications');\n\n    const Notification = useMemo(\n        () => component(config) as ForwardRefExoticComponent<NotificationProps & RefAttributes<HTMLDivElement>>,\n        [],\n    );\n\n    const hasLeftAnimationClass = ['left', 'bottom-left', 'top-left'].includes(placement);\n\n    return (\n        <PopupProvider UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n            {notifications.length > 0 && (\n                <StyledPopup opened frame={frame} placement={placement} zIndex=\"9100\">\n                    <StyledRoot placement={placement}>\n                        {notifications.map(({ id, isHidden, ...rest }) => (\n                            <StyledItemWrapper\n                                key={id}\n                                className={cx(\n                                    isHidden ? classes.notificationItemHidden : classes.notificationItemOpened,\n                                    hasLeftAnimationClass && classes.notificationLeftToRightAnimation,\n                                    placement === 'top' && classes.notificationTopToCenterAnimation,\n                                    placement === 'bottom' && classes.notificationBottomToCenterAnimation,\n                                )}\n                                isHidden={isHidden || false}\n                            >\n                                <Notification\n                                    key={id}\n                                    id={id}\n                                    onCloseButtonClick={() => closeNotification(id)}\n                                    {...rest}\n                                />\n                            </StyledItemWrapper>\n                        ))}\n                    </StyledRoot>\n                </StyledPopup>\n            )}\n        </PopupProvider>\n    );\n};\n"],"names":["Popup","component","popupConfig","_exp","StyledPopup","styled","name","class","propsAsIs","NotificationsPortal","_ref","config","frame","_ref$placement","placement","UNSAFE_SSR_ENABLED","_useStoreon","useStoreon","notifications","Notification","useMemo","hasLeftAnimationClass","includes","React","createElement","PopupProvider","length","opened","zIndex","StyledRoot","map","_ref2","id","isHidden","rest","StyledItemWrapper","key","className","cx","classes","notificationItemHidden","notificationItemOpened","notificationLeftToRightAnimation","notificationTopToCenterAnimation","notificationBottomToCenterAnimation","_extends","onCloseButtonClick","closeNotification"],"mappings":"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"}