@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/cjs/components/Modal/Modal.js

@@ -11,111 +11,103 @@ var Modal_tokens = require('./Modal.tokens.js');
 var base = require('./variations/_view/base.js');
 var ModalContext = require('./ModalContext.js');
 var Modal_styles = require('./Modal.styles.js');
+var common = require('../../engines/common.js');
+var Popup$1 = require('../Popup/Popup.js');
 var useFocusTrap = require('../../hooks/useFocusTrap.js');
 var PopupContext = require('../Popup/PopupContext.js');
-var react = require('../../utils/react.js');
 var useModal = require('./hooks/useModal.js');
-var common = require('../../engines/common.js');
-var Popup$1 = require('../Popup/Popup.js');
 var Overlay = require('../Overlay/Overlay.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _IconClose;
-var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose"];
-
 // issue #823
-var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
+const Popup = common.component(Popup$1.popupConfig);
 
 /**
  * Modal.
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */
-var modalRoot = function modalRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var id = _ref.id,
-      withAnimation = _ref.withAnimation,
-      onClose = _ref.onClose,
-      onOverlayClick = _ref.onOverlayClick,
-      onEscKeyDown = _ref.onEscKeyDown,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
-      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      withBlur = _ref.withBlur,
-      initialFocusRef = _ref.initialFocusRef,
-      focusAfterRef = _ref.focusAfterRef,
-      zIndex = _ref.zIndex,
-      popupInfo = _ref.popupInfo,
-      children = _ref.children,
-      view = _ref.view,
-      opened = _ref.opened,
-      isOpen = _ref.isOpen,
-      hasBody = _ref.hasBody,
-      hasClose = _ref.hasClose,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var innerIsOpen = Boolean(isOpen || opened);
-    var innerHasClose = hasClose === undefined && hasBody || hasClose;
-    var trapRef = useFocusTrap.useFocusTrap(true, initialFocusRef, focusAfterRef, true);
-    var popupController = PopupContext.usePopupContext();
-    var innerRef = plasmaCore.useForkRef(trapRef, outerRootRef);
-    var uniqId = react.safeUseId();
-    var innerId = id || uniqId;
-    var overlayBackgroundToken = withBlur ? "var(".concat(Modal_tokens.tokens.modalOverlayWithBlurColor, ")") : "var(".concat(Modal_tokens.tokens.modalOverlayColor, ")");
-    var _useModal = useModal.useModal({
-        id: innerId,
-        isOpen: innerIsOpen,
-        closeOnEsc: closeOnEsc,
-        onEscKeyDown: onEscKeyDown,
-        onClose: onClose,
-        popupInfo: popupInfo
-      }),
-      modalInfo = _useModal.modalInfo;
-    var transparent = React.useMemo(function () {
-      return ModalContext.getIdLastModal(Array.from(popupController.items.values())) !== innerId;
-    }, [innerId, popupController.items]);
-    var onModalOverlayKeyDown = React.useCallback(function (event) {
-      if (onOverlayClick) {
-        onOverlayClick(event);
-        return;
-      }
-      if (onClose) {
-        onClose();
-      }
-    }, [closeOnOverlayClick, onOverlayClick, onClose]);
-    var overlayNode = /*#__PURE__*/React__default.default.createElement(Overlay.Overlay, {
-      className: Modal_tokens.classes.overlay,
-      zIndex: zIndex || index.DEFAULT_Z_INDEX,
-      backgroundColorProperty: overlayBackgroundToken,
-      withBlur: withBlur,
-      transparent: transparent,
-      isClickable: closeOnOverlayClick,
-      onOverlayClick: onModalOverlayKeyDown
-    });
-    return /*#__PURE__*/React__default.default.createElement(Popup, _rollupPluginBabelHelpers.extends({
-      id: innerId,
-      opened: innerIsOpen,
-      ref: innerRef,
-      popupInfo: modalInfo,
-      withAnimation: withAnimation,
-      zIndex: zIndex,
-      overlay: hasBody ? overlayNode : /*#__PURE__*/React__default.default.createElement(Root, {
-        view: view
-      }, overlayNode)
-    }, rest), hasBody ? /*#__PURE__*/React__default.default.createElement(Root, {
-      view: view
-    }, /*#__PURE__*/React__default.default.createElement(Modal_styles.ModalBody, null, /*#__PURE__*/React__default.default.createElement(Modal_styles.ModalContent, null, innerHasClose && /*#__PURE__*/React__default.default.createElement(Modal_styles.CloseButton, {
-      onClick: onClose,
-      "data-test": "modal-close"
-    }, _IconClose || (_IconClose = /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
-      size: "s",
-      color: "currentColor"
-    }))), children))) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children));
+const modalRoot = Root => /*#__PURE__*/React.forwardRef(({
+  id,
+  withAnimation,
+  onClose,
+  onOverlayClick,
+  onEscKeyDown,
+  closeOnEsc = true,
+  closeOnOverlayClick = true,
+  withBlur,
+  initialFocusRef,
+  focusAfterRef,
+  zIndex,
+  popupInfo,
+  children,
+  view,
+  opened,
+  isOpen,
+  hasBody,
+  hasClose,
+  ...rest
+}, outerRootRef) => {
+  const innerIsOpen = Boolean(isOpen || opened);
+  const innerHasClose = hasClose === undefined && hasBody || hasClose;
+  const trapRef = useFocusTrap.useFocusTrap(true, initialFocusRef, focusAfterRef, true);
+  const popupController = PopupContext.usePopupContext();
+  const innerRef = plasmaCore.useForkRef(trapRef, outerRootRef);
+  const uniqId = plasmaCore.safeUseId();
+  const innerId = id || uniqId;
+  const overlayBackgroundToken = withBlur ? `var(${Modal_tokens.tokens.modalOverlayWithBlurColor})` : `var(${Modal_tokens.tokens.modalOverlayColor})`;
+  const {
+    modalInfo
+  } = useModal.useModal({
+    id: innerId,
+    isOpen: innerIsOpen,
+    closeOnEsc,
+    onEscKeyDown,
+    onClose,
+    popupInfo
   });
-};
-var modalConfig = {
+  const transparent = React.useMemo(() => ModalContext.getIdLastModal(popupController.items) !== innerId, [innerId, popupController.items]);
+  const onModalOverlayKeyDown = React.useCallback(event => {
+    if (onOverlayClick) {
+      onOverlayClick(event);
+      return;
+    }
+    if (onClose) {
+      onClose();
+    }
+  }, [closeOnOverlayClick, onOverlayClick, onClose]);
+  const overlayNode = /*#__PURE__*/React__default.default.createElement(Overlay.Overlay, {
+    className: Modal_tokens.classes.overlay,
+    zIndex: zIndex || index.DEFAULT_Z_INDEX,
+    backgroundColorProperty: overlayBackgroundToken,
+    withBlur: withBlur,
+    transparent: transparent,
+    isClickable: closeOnOverlayClick,
+    onOverlayClick: onModalOverlayKeyDown
+  });
+  return /*#__PURE__*/React__default.default.createElement(Popup, _rollupPluginBabelHelpers.extends({
+    id: innerId,
+    opened: innerIsOpen,
+    ref: innerRef,
+    popupInfo: modalInfo,
+    withAnimation: withAnimation,
+    zIndex: zIndex,
+    overlay: hasBody ? overlayNode : /*#__PURE__*/React__default.default.createElement(Root, {
+      view: view
+    }, overlayNode)
+  }, rest), hasBody ? /*#__PURE__*/React__default.default.createElement(Root, {
+    view: view
+  }, /*#__PURE__*/React__default.default.createElement(Modal_styles.ModalBody, null, /*#__PURE__*/React__default.default.createElement(Modal_styles.ModalContent, null, innerHasClose && /*#__PURE__*/React__default.default.createElement(Modal_styles.CloseButton, {
+    onClick: onClose,
+    "data-test": "modal-close"
+  }, /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
+    size: "s",
+    color: "currentColor"
+  })), children))) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, children));
+});
+const modalConfig = {
   name: 'Modal',
   tag: 'div',
   layout: modalRoot,

package/cjs/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';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\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 } 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                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\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={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\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","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","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","overlay","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, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps, component } from '../../engines';\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\nimport { IconClose } from '../_Icon/Icons/IconClose';\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 } 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                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\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(popupController.items) !== 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={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\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","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","closeOnEsc","closeOnOverlayClick","withBlur","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","rest","outerRootRef","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","tokens","modalOverlayWithBlurColor","modalOverlayColor","modalInfo","useModal","transparent","useMemo","getIdLastModal","items","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/Modal/Modal.styles.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@linaria/react');
 
-var ModalBody = /*#__PURE__*/react.styled('div')({
+const ModalBody = /*#__PURE__*/react.styled('div')({
   name: "ModalBody",
-  "class": "m7npn1w",
+  class: "m7npn1w",
   propsAsIs: false
 });
-var ModalContent = /*#__PURE__*/react.styled('div')({
+const ModalContent = /*#__PURE__*/react.styled('div')({
   name: "ModalContent",
-  "class": "m16phoaz",
+  class: "m16phoaz",
   propsAsIs: false
 });
-var CloseButton = /*#__PURE__*/react.styled('button')({
+const CloseButton = /*#__PURE__*/react.styled('button')({
   name: "CloseButton",
-  "class": "c5bx5hr",
+  class: "c5bx5hr",
   propsAsIs: false
 });
 

package/cjs/components/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Modal.tokens';\n\nexport const ModalBody = styled.div`\n    border-radius: var(${tokens.modalBodyBorderRadius});\n    padding: var(${tokens.modalBodyPadding});\n    background: var(${tokens.modalBodyBackground});\n    box-shadow: var(--shadow-down-soft-l);\n`;\n\nexport const ModalContent = styled.div`\n    position: relative;\n    padding: var(${tokens.modalContentPadding});\n`;\n\nexport const CloseButton = styled.button`\n    top: 0;\n    right: 0;\n\n    width: 1.5rem;\n    height: 1.5rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: none;\n    border-radius: var(${tokens.modalCloseButtonRadius});\n\n    padding: 0;\n    margin: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    background: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.modalOutlineFocusColor})`,\n        outlineRadius: `calc(var(${tokens.modalCloseButtonRadius}) + 0.063rem)`,\n    })};\n\n    color: var(${tokens.modalCloseButtonColor});\n\n    &:hover {\n        color: var(${tokens.modalCloseButtonHoverColor});\n    }\n\n    &:active {\n        color: var(${tokens.modalCloseButtonActiveColor});\n    }\n\n    position: absolute;\n`;\n"],"names":["ModalBody","styled","name","class","propsAsIs","ModalContent","CloseButton"],"mappings":";;;;;;AAMO,IAAMA,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwChC;;;;;;"}
+{"version":3,"file":"Modal.styles.js","sources":["../../../src/components/Modal/Modal.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Modal.tokens';\n\nexport const ModalBody = styled.div`\n    border-radius: var(${tokens.modalBodyBorderRadius});\n    padding: var(${tokens.modalBodyPadding});\n    background: var(${tokens.modalBodyBackground});\n    box-shadow: var(--shadow-down-soft-l);\n`;\n\nexport const ModalContent = styled.div`\n    position: relative;\n    padding: var(${tokens.modalContentPadding});\n`;\n\nexport const CloseButton = styled.button`\n    top: 0;\n    right: 0;\n\n    width: 1.5rem;\n    height: 1.5rem;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: none;\n    border-radius: var(${tokens.modalCloseButtonRadius});\n\n    padding: 0;\n    margin: 0;\n    outline: none;\n\n    cursor: pointer;\n\n    background: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.modalOutlineFocusColor})`,\n        outlineRadius: `calc(var(${tokens.modalCloseButtonRadius}) + 0.063rem)`,\n    })};\n\n    color: var(${tokens.modalCloseButtonColor});\n\n    &:hover {\n        color: var(${tokens.modalCloseButtonHoverColor});\n    }\n\n    &:active {\n        color: var(${tokens.modalCloseButtonActiveColor});\n    }\n\n    position: absolute;\n`;\n"],"names":["ModalBody","styled","name","class","propsAsIs","ModalContent","CloseButton"],"mappings":";;;;;;AAMO,MAAMA,SAAS,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9B,EAAA;AAEM,MAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAEM,MAAME,WAAW,gBAAGL,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwChC;;;;;;"}

package/cjs/components/Modal/Modal.tokens.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {
+const classes = {
   /*
    * Класс компонента ModalOverlay
    */
   overlay: 'modal-overlay'
 };
-var tokens = {
+const tokens = {
   modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',
   modalOverlayColor: '--plasma-modal-overlay-color',
   modalBodyBackground: '--plasma-modal-body-background',

package/cjs/components/Modal/Modal.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.tokens.js","sources":["../../../src/components/Modal/Modal.tokens.ts"],"sourcesContent":["export const classes = {\n    /*\n     * Класс компонента ModalOverlay\n     */\n    overlay: 'modal-overlay',\n};\n\nexport const tokens = {\n    modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',\n    modalOverlayColor: '--plasma-modal-overlay-color',\n    modalBodyBackground: '--plasma-modal-body-background',\n    modalBodyBorderRadius: '--plasma-modal-body-border-radius',\n    modalBodyPadding: '--plasma-modal-body-padding',\n    modalContentPadding: '--plasma-modal-content-padding',\n    modalOutlineFocusColor: '--plasma-modal-outline-focus-color',\n    modalCloseButtonRadius: '--plasma-modal-close-button-radius',\n    modalCloseButtonColor: '--plasma-modal-close-button-color',\n    modalCloseButtonHoverColor: '--plasma-modal-close-button-hover-color',\n    modalCloseButtonActiveColor: '--plasma-modal-close-button-active-color',\n};\n"],"names":["classes","overlay","tokens","modalOverlayWithBlurColor","modalOverlayColor","modalBodyBackground","modalBodyBorderRadius","modalBodyPadding","modalContentPadding","modalOutlineFocusColor","modalCloseButtonRadius","modalCloseButtonColor","modalCloseButtonHoverColor","modalCloseButtonActiveColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnB;AACJ;AACA;AACIC,EAAAA,OAAO,EAAE,eAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;;"}
+{"version":3,"file":"Modal.tokens.js","sources":["../../../src/components/Modal/Modal.tokens.ts"],"sourcesContent":["export const classes = {\n    /*\n     * Класс компонента ModalOverlay\n     */\n    overlay: 'modal-overlay',\n};\n\nexport const tokens = {\n    modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',\n    modalOverlayColor: '--plasma-modal-overlay-color',\n    modalBodyBackground: '--plasma-modal-body-background',\n    modalBodyBorderRadius: '--plasma-modal-body-border-radius',\n    modalBodyPadding: '--plasma-modal-body-padding',\n    modalContentPadding: '--plasma-modal-content-padding',\n    modalOutlineFocusColor: '--plasma-modal-outline-focus-color',\n    modalCloseButtonRadius: '--plasma-modal-close-button-radius',\n    modalCloseButtonColor: '--plasma-modal-close-button-color',\n    modalCloseButtonHoverColor: '--plasma-modal-close-button-hover-color',\n    modalCloseButtonActiveColor: '--plasma-modal-close-button-active-color',\n};\n"],"names":["classes","overlay","tokens","modalOverlayWithBlurColor","modalOverlayColor","modalBodyBackground","modalBodyBorderRadius","modalBodyPadding","modalContentPadding","modalOutlineFocusColor","modalCloseButtonRadius","modalCloseButtonColor","modalCloseButtonHoverColor","modalCloseButtonActiveColor"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAG;AACnB;AACJ;AACA;AACIC,EAAAA,OAAO,EAAE,eAAA;AACb,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;;"}

package/cjs/components/Modal/ModalContext.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 /**
  * Взаимодействие с модальными оконами.
  */
-var getModals = function getModals(items) {
-  return items.filter(function (item) {
-    var _item$info;
-    return item === null || item === void 0 || (_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.isModal;
-  });
+const getModals = items => {
+  return items.filter(item => item?.info?.isModal);
 };
-var hasModals = function hasModals(items) {
+const hasModals = items => {
   return getModals(items).length > 0;
 };
-var getIdLastModal = function getIdLastModal(items) {
-  var modals = getModals(items);
+const getIdLastModal = items => {
+  const modals = getModals(items);
   if (!modals.length) {
     return;
   }

package/cjs/components/Modal/ModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.tsx"],"sourcesContent":["import { PopupInfo } from '../Popup/Popup.types';\n\nexport interface ModalInfo extends PopupInfo {\n    id: string;\n    info?: {\n        isModal?: true;\n    };\n}\n\n/**\n * Взаимодействие с модальными оконами.\n */\nconst getModals = (items: ModalInfo[]) => {\n    return items.filter((item: ModalInfo) => item?.info?.isModal);\n};\n\nexport const hasModals = (items: ModalInfo[]) => {\n    return getModals(items).length > 0;\n};\n\nexport const getIdLastModal = (items: ModalInfo[]) => {\n    const modals = getModals(items);\n    if (!modals.length) {\n        return;\n    }\n    return modals[modals.length - 1].id;\n};\n\nexport const getIdFirstModal = (items: ModalInfo[]) => {\n    const modals = getModals(items);\n    if (!modals.length) {\n        return;\n    }\n    return modals[0].id;\n};\n"],"names":["getModals","items","filter","item","_item$info","info","isModal","hasModals","length","getIdLastModal","modals","id"],"mappings":";;;;AASA;AACA;AACA;AACA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAkB,EAAK;AACtC,EAAA,OAAOA,KAAK,CAACC,MAAM,CAAC,UAACC,IAAe,EAAA;AAAA,IAAA,IAAAC,UAAA,CAAA;AAAA,IAAA,OAAKD,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,IAAA,CAAAC,UAAA,GAAJD,IAAI,CAAEE,IAAI,MAAAD,IAAAA,IAAAA,UAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAA,CAAYE,OAAO,CAAA;GAAC,CAAA,CAAA;AACjE,CAAC,CAAA;IAEYC,SAAS,GAAG,SAAZA,SAASA,CAAIN,KAAkB,EAAK;AAC7C,EAAA,OAAOD,SAAS,CAACC,KAAK,CAAC,CAACO,MAAM,GAAG,CAAC,CAAA;AACtC,EAAC;IAEYC,cAAc,GAAG,SAAjBA,cAAcA,CAAIR,KAAkB,EAAK;AAClD,EAAA,IAAMS,MAAM,GAAGV,SAAS,CAACC,KAAK,CAAC,CAAA;AAC/B,EAAA,IAAI,CAACS,MAAM,CAACF,MAAM,EAAE;AAChB,IAAA,OAAA;AACJ,GAAA;EACA,OAAOE,MAAM,CAACA,MAAM,CAACF,MAAM,GAAG,CAAC,CAAC,CAACG,EAAE,CAAA;AACvC;;;;;"}
+{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.tsx"],"sourcesContent":["import { PopupInfo } from '../Popup/Popup.types';\n\nexport interface ModalInfo extends PopupInfo {\n    id: string;\n    info?: {\n        isModal?: true;\n    };\n}\n\n/**\n * Взаимодействие с модальными оконами.\n */\nconst getModals = (items: ModalInfo[]) => {\n    return items.filter((item: ModalInfo) => item?.info?.isModal);\n};\n\nexport const hasModals = (items: ModalInfo[]) => {\n    return getModals(items).length > 0;\n};\n\nexport const getIdLastModal = (items: ModalInfo[]) => {\n    const modals = getModals(items);\n    if (!modals.length) {\n        return;\n    }\n    return modals[modals.length - 1].id;\n};\n\nexport const getIdFirstModal = (items: ModalInfo[]) => {\n    const modals = getModals(items);\n    if (!modals.length) {\n        return;\n    }\n    return modals[0].id;\n};\n"],"names":["getModals","items","filter","item","info","isModal","hasModals","length","getIdLastModal","modals","id"],"mappings":";;;;AASA;AACA;AACA;AACA,MAAMA,SAAS,GAAIC,KAAkB,IAAK;EACtC,OAAOA,KAAK,CAACC,MAAM,CAAEC,IAAe,IAAKA,IAAI,EAAEC,IAAI,EAAEC,OAAO,CAAC,CAAA;AACjE,CAAC,CAAA;AAEYC,MAAAA,SAAS,GAAIL,KAAkB,IAAK;AAC7C,EAAA,OAAOD,SAAS,CAACC,KAAK,CAAC,CAACM,MAAM,GAAG,CAAC,CAAA;AACtC,EAAC;AAEYC,MAAAA,cAAc,GAAIP,KAAkB,IAAK;AAClD,EAAA,MAAMQ,MAAM,GAAGT,SAAS,CAACC,KAAK,CAAC,CAAA;AAC/B,EAAA,IAAI,CAACQ,MAAM,CAACF,MAAM,EAAE;AAChB,IAAA,OAAA;AACJ,GAAA;EACA,OAAOE,MAAM,CAACA,MAAM,CAACF,MAAM,GAAG,CAAC,CAAC,CAACG,EAAE,CAAA;AACvC;;;;;"}

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

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var ModalContext = require('../ModalContext.js');
 var PopupContext = require('../../Popup/PopupContext.js');
 
-var ESCAPE_KEYCODE = 27;
-var useModal = function useModal(_ref) {
-  var id = _ref.id,
-    popupInfo = _ref.popupInfo,
-    onEscKeyDown = _ref.onEscKeyDown,
-    onClose = _ref.onClose,
-    _ref$closeOnEsc = _ref.closeOnEsc,
-    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
-  var popupController = PopupContext.usePopupContext();
+const ESCAPE_KEYCODE = 27;
+const useModal = ({
+  id,
+  popupInfo,
+  onEscKeyDown,
+  onClose,
+  closeOnEsc = true
+}) => {
+  const popupController = PopupContext.usePopupContext();
 
   // При ESC закрывает текущее окно, если это возможно
-  var onKeyDown = React.useCallback(function (event) {
+  const onKeyDown = React.useCallback(event => {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && ModalContext.getIdLastModal(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && ModalContext.getIdLastModal(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -32,20 +31,21 @@ var useModal = function useModal(_ref) {
       }
     }
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     window.addEventListener('keydown', onKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
-  var modalInfo = _rollupPluginBabelHelpers.objectSpread2({
-    id: id,
+  const modalInfo = {
+    id,
     info: {
       isModal: true
-    }
-  }, popupInfo);
+    },
+    ...popupInfo
+  };
   return {
-    modalInfo: modalInfo
+    modalInfo
   };
 };
 

package/cjs/components/Modal/hooks/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { ModalInfo, getIdLastModal } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n    const popupController = usePopupContext();\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(Array.from(popupController.items.values())) === id) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n    const modalInfo: ModalInfo = {\n        id,\n        info: {\n            isModal: true,\n        },\n        ...popupInfo,\n    };\n\n    return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","_ref","id","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","popupController","usePopupContext","onKeyDown","useCallback","event","keyCode","getIdLastModal","Array","from","items","values","useEffect","window","addEventListener","removeEventListener","modalInfo","_objectSpread","info","isModal"],"mappings":";;;;;;;;;AAMA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAmF;AAAA,EAAA,IAA7EC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CAAEM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AAC9E,EAAA,IAAME,eAAe,GAAGC,4BAAe,EAAE,CAAA;;AAEzC;AACA,EAAA,IAAMC,SAAS,GAAGC,iBAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACL,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;IACA,IAAIK,KAAK,CAACC,OAAO,KAAKd,cAAc,IAAIe,2BAAc,CAACC,KAAK,CAACC,IAAI,CAACR,eAAe,CAACS,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,KAAKhB,EAAE,EAAE;AACvG,MAAA,IAAIE,YAAY,EAAE;QACdA,YAAY,CAACQ,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIP,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACS,KAAK,EAAEV,UAAU,CAC7D,CAAC,CAAA;AAEDY,EAAAA,eAAS,CAAC,YAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEX,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,YAAM;AACTU,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACL,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACS,KAAK,EAAEV,UAAU,CAAC,CAAC,CAAA;EAE9D,IAAMgB,SAAoB,GAAAC,uCAAA,CAAA;AACtBtB,IAAAA,EAAE,EAAFA,EAAE;AACFuB,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;AACb,KAAA;AAAC,GAAA,EACEvB,SAAS,CACf,CAAA;EAED,OAAO;AAAEoB,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
+{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { ModalInfo, getIdLastModal } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n    const popupController = usePopupContext();\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n    const modalInfo: ModalInfo = {\n        id,\n        info: {\n            isModal: true,\n        },\n        ...popupInfo,\n    };\n\n    return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","id","popupInfo","onEscKeyDown","onClose","closeOnEsc","popupController","usePopupContext","onKeyDown","useCallback","event","keyCode","getIdLastModal","items","useEffect","window","addEventListener","removeEventListener","modalInfo","info","isModal"],"mappings":";;;;;;;;AAMA,MAAMA,cAAc,GAAG,EAAE,CAAA;AAElB,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,EAAE;EAAEC,SAAS;EAAEC,YAAY;EAAEC,OAAO;AAAEC,EAAAA,UAAU,GAAG,IAAA;AAAoB,CAAC,KAAK;AACpG,EAAA,MAAMC,eAAe,GAAGC,4BAAe,EAAE,CAAA;;AAEzC;AACA,EAAA,MAAMC,SAAS,GAAGC,iBAAW,CACxBC,KAAoB,IAAK;IACtB,IAAI,CAACL,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIK,KAAK,CAACC,OAAO,KAAKZ,cAAc,IAAIa,2BAAc,CAACN,eAAe,CAACO,KAAK,CAAC,KAAKZ,EAAE,EAAE;AAClF,MAAA,IAAIE,YAAY,EAAE;QACdA,YAAY,CAACO,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIN,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEG,eAAe,CAACO,KAAK,EAAER,UAAU,CAC7D,CAAC,CAAA;AAEDS,EAAAA,eAAS,CAAC,MAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAER,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,MAAM;AACTO,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAET,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACJ,OAAO,EAAED,YAAY,EAAEG,eAAe,CAACO,KAAK,EAAER,UAAU,CAAC,CAAC,CAAA;AAE9D,EAAA,MAAMa,SAAoB,GAAG;IACzBjB,EAAE;AACFkB,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;KACZ;IACD,GAAGlB,SAAAA;GACN,CAAA;EAED,OAAO;AAAEgB,IAAAA,SAAAA;GAAW,CAAA;AACxB;;;;"}

package/cjs/components/Modal/variations/_view/base.js

@@ -3,7 +3,7 @@ require('./base_x642ct.css');
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var base = "bnwpxy6";
+const base = "bnwpxy6";
 
 exports.base = base;
 //# sourceMappingURL=base.js.map

package/cjs/components/Modal/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Modal/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Modal/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,MAAMA,IAAI,GAAQ;;;;"}