@alfalab/core-components-universal-modal 3.0.2 → 3.0.3-alfasans

package/esm/desktop/hooks/use-modal-highlighted.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from 'react';
-import { UniversalModalContext } from '../../context/universal-modal-context.js';
+import { ModalContext } from '../../Context.js';
 
 /**
  * Расчет overlap состояния
@@ -7,7 +7,7 @@ import { UniversalModalContext } from '../../context/universal-modal-context.js'
  */
 var useModalHighlighted = function (params) {
     var scrollbarContentNodeRef = params.scrollbarContentNodeRef, scrollableNodeRef = params.scrollableNodeRef;
-    var _a = useContext(UniversalModalContext), setModalHeaderHighlighted = _a.setModalHeaderHighlighted, setModalFooterHighlighted = _a.setModalFooterHighlighted;
+    var _a = useContext(ModalContext), setModalHeaderHighlighted = _a.setHeaderHighlighted, setModalFooterHighlighted = _a.setFooterHighlighted;
     var handleScroll = function (e) {
         var target = e.target;
         var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;

package/esm/desktop/hooks/use-modal-highlighted.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { UniversalModalContext } from '../../context/universal-modal-context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const { setModalHeaderHighlighted, setModalFooterHighlighted } =\n        useContext(UniversalModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":[],"mappings":";;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GACF,UAAU,CAAC,qBAAqB,CAAC,EAD7B,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EAAE,yBAAyB,GAAA,EAAA,CAAA,yBACvB;IAErC,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGD,SAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}
+{"version":3,"file":"use-modal-highlighted.js","sources":["../../../src/desktop/hooks/use-modal-highlighted.ts"],"sourcesContent":["import { type RefObject, useContext, useEffect } from 'react';\n\nimport { type ScrollbarProps } from '@alfalab/core-components-scrollbar';\n\nimport { ModalContext } from '../../Context';\n\ninterface Params {\n    scrollbarContentNodeRef: RefObject<HTMLDivElement>;\n    scrollableNodeRef: RefObject<HTMLDivElement>;\n}\n\n/**\n * Расчет overlap состояния\n * Этот функционал есть в base-modal, но так как в desktop версии используется кастомный scroll необходимо обрабатывать это в ручную\n */\nexport const useModalHighlighted = (params: Params) => {\n    const { scrollbarContentNodeRef, scrollableNodeRef } = params;\n\n    const {\n        setHeaderHighlighted: setModalHeaderHighlighted,\n        setFooterHighlighted: setModalFooterHighlighted,\n    } = useContext(ModalContext);\n\n    const handleScroll: ScrollbarProps['onContentScroll'] = (e) => {\n        const target = e.target as HTMLDivElement;\n        const { scrollTop, scrollHeight, clientHeight } = target;\n\n        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;\n\n        if (setModalHeaderHighlighted) {\n            setModalHeaderHighlighted(scrollTop > 0);\n        }\n\n        if (setModalFooterHighlighted) {\n            setModalFooterHighlighted(!isElementFullScrolled);\n        }\n    };\n\n    // Очищаем overlap значения в контексте\n    useEffect(\n        () => () => {\n            if (setModalHeaderHighlighted) {\n                setModalHeaderHighlighted(false);\n            }\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(false);\n            }\n        },\n        [setModalHeaderHighlighted, setModalFooterHighlighted],\n    );\n\n    // Расчет overlap футера при resize событии\n    useEffect(() => {\n        const resizeObserver = new ResizeObserver(() => {\n            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;\n            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;\n\n            if (setModalFooterHighlighted) {\n                setModalFooterHighlighted(contentHeight > wrapperHeight);\n            }\n        });\n\n        if (scrollbarContentNodeRef.current) {\n            resizeObserver.observe(scrollbarContentNodeRef.current);\n        }\n\n        return () => {\n            resizeObserver.disconnect();\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [setModalFooterHighlighted]);\n\n    return { handleScroll };\n};\n"],"names":[],"mappings":";;;AAWA;;;AAGG;AACI,IAAM,mBAAmB,GAAG,UAAC,MAAc,EAAA;IACtC,IAAA,uBAAuB,GAAwB,MAAM,CAAA,uBAA9B,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;IAE5C,IAAA,EAAA,GAGF,UAAU,CAAC,YAAY,CAAC,EAFF,yBAAyB,GAAA,EAAA,CAAA,oBAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,oBACvB;IAE5B,IAAM,YAAY,GAAsC,UAAC,CAAC,EAAA;AACtD,QAAA,IAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;AACjC,QAAA,IAAA,SAAS,GAAiC,MAAM,CAAA,SAAvC,EAAE,YAAY,GAAmB,MAAM,CAAA,YAAzB,EAAE,YAAY,GAAK,MAAM,aAAX;AAE7C,QAAA,IAAM,qBAAqB,GAAG,YAAY,GAAG,SAAS,KAAK,YAAY;AAEvE,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,SAAS,GAAG,CAAC,CAAC;AAC3C;AAED,QAAA,IAAI,yBAAyB,EAAE;AAC3B,YAAA,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;AACpD;AACL,KAAC;;IAGD,SAAS,CACL,cAAM,OAAA,YAAA;AACF,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;AAED,QAAA,IAAI,yBAAyB,EAAE;YAC3B,yBAAyB,CAAC,KAAK,CAAC;AACnC;KACJ,CAAA,EAAA,EACD,CAAC,yBAAyB,EAAE,yBAAyB,CAAC,CACzD;;AAGD,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAA;;YACtC,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;YACxE,IAAM,aAAa,GAAG,CAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,KAAI,CAAC;AAElE,YAAA,IAAI,yBAAyB,EAAE;AAC3B,gBAAA,yBAAyB,CAAC,aAAa,GAAG,aAAa,CAAC;AAC3D;AACL,SAAC,CAAC;QAEF,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACjC,YAAA,cAAc,CAAC,OAAO,CAAC,uBAAuB,CAAC,OAAO,CAAC;AAC1D;QAED,OAAO,YAAA;YACH,cAAc,CAAC,UAAU,EAAE;AAC/B,SAAC;;AAEL,KAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;AAE/B,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE;AAC3B;;;;"}

package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css

@@ -5,7 +5,7 @@
     --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
     --universal-modal-backdrop-hidden-background: transparent;
 }
-@keyframes universal-modal__step_1_1dz84 {
+@keyframes universal-modal__step_1_12lyl {
     0% {
         opacity: 1;
     }
@@ -13,7 +13,7 @@
         opacity: 0.5;
     }
 }
-@keyframes universal-modal__step_2_1dz84 {
+@keyframes universal-modal__step_2_12lyl {
     0% {
         opacity: 0.5;
     }
@@ -22,26 +22,26 @@
         background-color: var(--universal-modal-backdrop-hidden-background);
     }
 }
-.universal-modal__appear_1dz84,
-.universal-modal__enter_1dz84 {
+.universal-modal__appear_12lyl,
+.universal-modal__enter_12lyl {
     background-color: var(--universal-modal-backdrop-hidden-background);
 }
-.universal-modal__appearActive_1dz84,
-.universal-modal__enterActive_1dz84,
-.universal-modal__appearDone_1dz84,
-.universal-modal__enterDone_1dz84 {
+.universal-modal__appearActive_12lyl,
+.universal-modal__enterActive_12lyl,
+.universal-modal__appearDone_12lyl,
+.universal-modal__enterDone_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exit_1dz84 {
+.universal-modal__exit_12lyl {
     background-color: var(--universal-modal-backdrop-visible-background);
 }
-.universal-modal__exitActive_1dz84 {
+.universal-modal__exitActive_12lyl {
     opacity: 1;
     animation:
-        universal-modal__step_1_1dz84 200ms cubic-bezier(0, 0, 1, 0),
-        universal-modal__step_2_1dz84 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
+        universal-modal__step_1_12lyl 200ms cubic-bezier(0, 0, 1, 0),
+        universal-modal__step_2_12lyl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
 }
-.universal-modal__exitDone_1dz84 {
+.universal-modal__exitDone_12lyl {
     opacity: 0;
     background-color: var(--universal-modal-backdrop-hidden-background);
 }

package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-backdrop-transitions.css';
 
-var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1dz84","enter":"universal-modal__enter_1dz84","appearActive":"universal-modal__appearActive_1dz84","enterActive":"universal-modal__enterActive_1dz84","appearDone":"universal-modal__appearDone_1dz84","enterDone":"universal-modal__enterDone_1dz84","exit":"universal-modal__exit_1dz84","exitActive":"universal-modal__exitActive_1dz84","step_1":"universal-modal__step_1_1dz84","step_2":"universal-modal__step_2_1dz84","exitDone":"universal-modal__exitDone_1dz84"};
+var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_12lyl","enter":"universal-modal__enter_12lyl","appearActive":"universal-modal__appearActive_12lyl","enterActive":"universal-modal__enterActive_12lyl","appearDone":"universal-modal__appearDone_12lyl","enterDone":"universal-modal__enterDone_12lyl","exit":"universal-modal__exit_12lyl","exitActive":"universal-modal__exitActive_12lyl","step_1":"universal-modal__step_1_12lyl","step_2":"universal-modal__step_2_12lyl","exitDone":"universal-modal__exitDone_12lyl"};
 
 export { fullSizeBackdropTransitions as default };
 //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_u98ck,
-.universal-modal__enter_u98ck {
+.universal-modal__appear_qreup,
+.universal-modal__enter_qreup {
     opacity: 0;
     transform: translateY(40px);
 }
 
-.universal-modal__appearActive_u98ck,
-.universal-modal__enterActive_u98ck {
+.universal-modal__appearActive_qreup,
+.universal-modal__enterActive_qreup {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_u98ck {
+.universal-modal__exit_qreup {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_u98ck,
-.universal-modal__exitDone_u98ck {
+.universal-modal__exitActive_qreup,
+.universal-modal__exitDone_qreup {
     opacity: 0;
     transform: translateY(40px);
     transition:

package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-bottom-transitions.css';
 
-var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_u98ck","enter":"universal-modal__enter_u98ck","appearActive":"universal-modal__appearActive_u98ck","enterActive":"universal-modal__enterActive_u98ck","exit":"universal-modal__exit_u98ck","exitActive":"universal-modal__exitActive_u98ck","exitDone":"universal-modal__exitDone_u98ck"};
+var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_qreup","enter":"universal-modal__enter_qreup","appearActive":"universal-modal__appearActive_qreup","enterActive":"universal-modal__enterActive_qreup","exit":"universal-modal__exit_qreup","exitActive":"universal-modal__exitActive_qreup","exitDone":"universal-modal__exitDone_qreup"};
 
 export { fullSizeVerticalBottomTransitions as default };
 //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css

@@ -1,20 +1,20 @@
-.universal-modal__appear_achws,
-.universal-modal__enter_achws {
+.universal-modal__appear_w9hl2,
+.universal-modal__enter_w9hl2 {
     opacity: 0;
 }
 
-.universal-modal__appearActive_achws,
-.universal-modal__enterActive_achws {
+.universal-modal__appearActive_w9hl2,
+.universal-modal__enterActive_w9hl2 {
     opacity: 1;
     transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_achws {
+.universal-modal__exit_w9hl2 {
     opacity: 1;
 }
 
-.universal-modal__exitActive_achws,
-.universal-modal__exitDone_achws {
+.universal-modal__exitActive_w9hl2,
+.universal-modal__exitDone_w9hl2 {
     opacity: 0;
     transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
 }

package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-center-transitions.css';
 
-var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_achws","enter":"universal-modal__enter_achws","appearActive":"universal-modal__appearActive_achws","enterActive":"universal-modal__enterActive_achws","exit":"universal-modal__exit_achws","exitActive":"universal-modal__exitActive_achws","exitDone":"universal-modal__exitDone_achws"};
+var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_w9hl2","enter":"universal-modal__enter_w9hl2","appearActive":"universal-modal__appearActive_w9hl2","enterActive":"universal-modal__enterActive_w9hl2","exit":"universal-modal__exit_w9hl2","exitActive":"universal-modal__exitActive_w9hl2","exitDone":"universal-modal__exitDone_w9hl2"};
 
 export { fullSizeVerticalCenterTransitions as default };
 //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map

package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_s4lvz,
-.universal-modal__enter_s4lvz {
+.universal-modal__appear_8deim,
+.universal-modal__enter_8deim {
     opacity: 0;
     transform: translateY(-40px);
 }
 
-.universal-modal__appearActive_s4lvz,
-.universal-modal__enterActive_s4lvz {
+.universal-modal__appearActive_8deim,
+.universal-modal__enterActive_8deim {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms cubic-bezier(0, 0, 0, 1);
 }
 
-.universal-modal__exit_s4lvz {
+.universal-modal__exit_8deim {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_s4lvz,
-.universal-modal__exitDone_s4lvz {
+.universal-modal__exitActive_8deim,
+.universal-modal__exitDone_8deim {
     opacity: 0;
     transform: translateY(-40px);
     transition:

package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js

@@ -1,6 +1,6 @@
 import './full-size-vertical-top-transitions.css';
 
-var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_s4lvz","enter":"universal-modal__enter_s4lvz","appearActive":"universal-modal__appearActive_s4lvz","enterActive":"universal-modal__enterActive_s4lvz","exit":"universal-modal__exit_s4lvz","exitActive":"universal-modal__exitActive_s4lvz","exitDone":"universal-modal__exitDone_s4lvz"};
+var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_8deim","enter":"universal-modal__enter_8deim","appearActive":"universal-modal__appearActive_8deim","enterActive":"universal-modal__enterActive_8deim","exit":"universal-modal__exit_8deim","exitActive":"universal-modal__exitActive_8deim","exitDone":"universal-modal__exitDone_8deim"};
 
 export { fullSizeVerticalTopTransitions as default };
 //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map

package/esm/desktop/types/context.d.ts

@@ -0,0 +1,2 @@
+import { type UniversalModalDesktopProps } from './props';
+export declare type UniversalModalContextType = Required<Pick<UniversalModalDesktopProps, 'width'>>;

package/esm/desktop/types/context.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=context.js.map

package/esm/desktop/types/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/index.js

@@ -3,9 +3,8 @@ export { ContentResponsive } from './components/content/responsive/Component.res
 import 'tslib';
 import 'react';
 import 'classnames';
-import './context/universal-modal-context.js';
-import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-shared/esm';
 import './components/content/base-content/index.css';
 import './components/content/desktop/desktop.css';
 import './components/content/mobile/mobile.css';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/esm/mobile/Component.mobile.js

@@ -3,7 +3,6 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '@alfalab/core-components-base-modal/esm';
 import '@alfalab/core-components-mq/esm';
-import '../context/universal-modal-context.js';
 import '@alfalab/core-components-shared/esm';
 import '../components/content/base-content/index.css';
 import '../components/content/desktop/desktop.css';

package/esm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAG,UAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACX,QAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAG,UAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACX,QAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,oBAAoB,GAAG,WAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA;;;;"}

package/esm/mobile/index.js

@@ -9,9 +9,8 @@ import 'tslib';
 import 'react';
 import '@alfalab/core-components-mq/esm';
 import 'classnames';
-import '../context/universal-modal-context.js';
-import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-base-modal/esm';
+import '@alfalab/core-components-shared/esm';
 import '../components/content/base-content/index.css';
 import '../components/content/desktop/desktop.css';
 export { ContentMobile } from '../components/content/mobile/Component.mobile.js';

package/esm/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/esm/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_sms0m .universal-modal__content_sms0m {
+.universal-modal__component_1g6ws .universal-modal__content_1g6ws {
         height: auto;
     }
-.universal-modal__component_sms0m.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws.universal-modal__component_1g6ws {
     position: fixed;
     flex: 1;
 }

package/esm/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-var styles = {"component":"universal-modal__component_sms0m","content":"universal-modal__content_sms0m"};
+var styles = {"component":"universal-modal__component_1g6ws","content":"universal-modal__content_1g6ws"};
 
 export { styles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/esm/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_1r13r,
-.universal-modal__enter_1r13r {
+.universal-modal__appear_cldlq,
+.universal-modal__enter_cldlq {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_1r13r,
-.universal-modal__enterActive_1r13r {
+.universal-modal__appearActive_cldlq,
+.universal-modal__enterActive_cldlq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_1r13r {
+.universal-modal__exit_cldlq {
     transform: translateX(0);
 }
-.universal-modal__exitActive_1r13r,
-.universal-modal__exitDone_1r13r {
+.universal-modal__exitActive_cldlq,
+.universal-modal__exitDone_cldlq {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './right-side-transitions.mobile.css';
 
-var rightSideTransitions = {"appear":"universal-modal__appear_1r13r","enter":"universal-modal__enter_1r13r","appearActive":"universal-modal__appearActive_1r13r","enterActive":"universal-modal__enterActive_1r13r","exit":"universal-modal__exit_1r13r","exitActive":"universal-modal__exitActive_1r13r","exitDone":"universal-modal__exitDone_1r13r"};
+var rightSideTransitions = {"appear":"universal-modal__appear_cldlq","enter":"universal-modal__enter_cldlq","appearActive":"universal-modal__appearActive_cldlq","enterActive":"universal-modal__enterActive_cldlq","exit":"universal-modal__exit_cldlq","exitActive":"universal-modal__exitActive_cldlq","exitDone":"universal-modal__exitDone_cldlq"};
 
 export { rightSideTransitions as default };
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/esm/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_iijny,
-.universal-modal__enter_iijny {
+.universal-modal__appear_1wwmc,
+.universal-modal__enter_1wwmc {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_iijny,
-.universal-modal__enterActive_iijny {
+.universal-modal__appearActive_1wwmc,
+.universal-modal__enterActive_1wwmc {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_iijny {
+.universal-modal__exit_1wwmc {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_iijny,
-.universal-modal__exitDone_iijny {
+.universal-modal__exitActive_1wwmc,
+.universal-modal__exitDone_1wwmc {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/esm/mobile/transitions/transitions.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './transitions.mobile.css';
 
-var transitions = {"appear":"universal-modal__appear_iijny","enter":"universal-modal__enter_iijny","appearActive":"universal-modal__appearActive_iijny","enterActive":"universal-modal__enterActive_iijny","exit":"universal-modal__exit_iijny","exitActive":"universal-modal__exitActive_iijny","exitDone":"universal-modal__exitDone_iijny"};
+var transitions = {"appear":"universal-modal__appear_1wwmc","enter":"universal-modal__enter_1wwmc","appearActive":"universal-modal__appearActive_1wwmc","enterActive":"universal-modal__enterActive_1wwmc","exit":"universal-modal__exit_1wwmc","exitActive":"universal-modal__exitActive_1wwmc","exitDone":"universal-modal__exitDone_1wwmc"};
 
 export { transitions as default };
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/esm/typings/index.d.ts

@@ -1,14 +1,5 @@
 import { type UniversalModalDesktopProps } from '../desktop';
 import { type UniversalModalMobileProps } from '../mobile';
-export interface UniversalModalContextType {
-    modalWidth: UniversalModalDesktopProps['width'];
-    modalHeaderHighlighted?: boolean;
-    modalFooterHighlighted?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    setModalHeaderHighlighted?: (value: boolean) => void;
-    setModalFooterHighlighted?: (value: boolean) => void;
-}
 export interface UniversalModalResponsiveProps extends UniversalModalDesktopProps, UniversalModalMobileProps {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/index.js

@@ -7,9 +7,8 @@ var Component_responsive$1 = require('./components/content/responsive/Component.
 require('tslib');
 require('react');
 require('classnames');
-require('./context/universal-modal-context.js');
-require('@alfalab/core-components-shared');
 require('@alfalab/core-components-base-modal');
+require('@alfalab/core-components-shared');
 require('./components/content/base-content/index.css');
 require('./components/content/desktop/desktop.css');
 require('./components/content/mobile/mobile.css');

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mobile/Component.mobile.js

@@ -7,7 +7,6 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-mq');
-require('../context/universal-modal-context.js');
 require('@alfalab/core-components-shared');
 require('../components/content/base-content/index.css');
 require('../components/content/desktop/desktop.css');

package/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,OAAO,EAAEC,gCAAa;AACtB,IAAA,MAAM,EAAEC,6BAAY;AACvB,CAAA;;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { BaseModal } from '@alfalab/core-components-base-modal';\n\nimport { ContentMobile } from '../components/content';\nimport { FooterMobile } from '../components/footer';\nimport { HeaderMobile } from '../components/header';\n\nimport { type UniversalModalMobileProps } from './types/props';\n\nimport styles from './mobile.module.css';\nimport rightSideTransitions from './transitions/right-side-transitions.mobile.module.css';\nimport transitions from './transitions/transitions.mobile.module.css';\n\nexport const UniversalModalMobileComponent = forwardRef<HTMLDivElement, UniversalModalMobileProps>(\n    (props, ref) => {\n        const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;\n\n        return (\n            <BaseModal\n                {...restProps}\n                dataTestId={dataTestId}\n                ref={ref}\n                transitionProps={{\n                    timeout: appearance === 'right' ? 360 : 200,\n                    classNames: appearance === 'right' ? rightSideTransitions : transitions,\n                    ...restProps.transitionProps,\n                }}\n                className={cn(className, styles.component)}\n                scrollHandler='content'\n                contentClassName={styles.content}\n            >\n                {children}\n            </BaseModal>\n        );\n    },\n);\n\nexport const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {\n    Header: HeaderMobile,\n    Content: ContentMobile,\n    Footer: FooterMobile,\n});\n"],"names":["forwardRef","__rest","React","BaseModal","__assign","rightSideTransitions","transitions","cn","styles","HeaderMobile","ContentMobile","FooterMobile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAea,6BAA6B,GAAGA,gBAAU,CACnD,UAAC,KAAK,EAAE,GAAG,EAAA;AACC,IAAA,IAAA,QAAQ,GAAiE,KAAK,CAAA,QAAtE,EAAE,SAAS,GAAsD,KAAK,CAA3D,SAAA,EAAE,UAAU,GAA0C,KAAK,CAA/C,UAAA,EAAE,EAAwC,GAAA,KAAK,CAAxB,UAAA,EAArB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAAK,SAAS,GAAKC,YAAA,CAAA,KAAK,EAAhF,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAwE,CAAF;AAE5E,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,iCAAS,EAAAC,cAAA,CAAA,EAAA,EACF,SAAS,EACb,EAAA,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,eAAe,EACXA,cAAA,CAAA,EAAA,OAAO,EAAE,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,EAC3C,UAAU,EAAE,UAAU,KAAK,OAAO,GAAGC,kCAAoB,GAAGC,yBAAW,EACpE,EAAA,SAAS,CAAC,eAAe,GAEhC,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,aAAM,CAAC,SAAS,CAAC,EAC1C,aAAa,EAAC,SAAS,EACvB,gBAAgB,EAAEA,aAAM,CAAC,OAAO,EAAA,CAAA,EAE/B,QAAQ,CACD;AAEpB,CAAC;IAGQ,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,6BAA6B,EAAE;AAC7E,IAAA,MAAM,EAAEC,+BAAY;AACpB,IAAA,OAAO,EAAEC,gCAAa;AACtB,IAAA,MAAM,EAAEC,6BAAY;AACvB,CAAA;;;;;"}

package/mobile/index.js

@@ -13,9 +13,8 @@ require('tslib');
 require('react');
 require('@alfalab/core-components-mq');
 require('classnames');
-require('../context/universal-modal-context.js');
-require('@alfalab/core-components-shared');
 require('@alfalab/core-components-base-modal');
+require('@alfalab/core-components-shared');
 require('../components/content/base-content/index.css');
 require('../components/content/desktop/desktop.css');
 var Component_mobile$3 = require('../components/content/mobile/Component.mobile.js');

package/mobile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mobile/mobile.css

@@ -1,7 +1,7 @@
 :root {
     --gap-0: 0px;
 }
-.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
@@ -11,10 +11,10 @@
     display: flex;
     flex-direction: column;
 }
-.universal-modal__component_sms0m .universal-modal__content_sms0m {
+.universal-modal__component_1g6ws .universal-modal__content_1g6ws {
         height: auto;
     }
-.universal-modal__component_sms0m.universal-modal__component_sms0m {
+.universal-modal__component_1g6ws.universal-modal__component_1g6ws {
     position: fixed;
     flex: 1;
 }

package/mobile/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var styles = {"component":"universal-modal__component_sms0m","content":"universal-modal__content_sms0m"};
+var styles = {"component":"universal-modal__component_1g6ws","content":"universal-modal__content_1g6ws"};
 
 module.exports = styles;
 //# sourceMappingURL=mobile.module.css.js.map

package/mobile/transitions/right-side-transitions.mobile.css

@@ -1,18 +1,18 @@
-.universal-modal__appear_1r13r,
-.universal-modal__enter_1r13r {
+.universal-modal__appear_cldlq,
+.universal-modal__enter_cldlq {
     transform: translateX(100%);
 }
-.universal-modal__appearActive_1r13r,
-.universal-modal__enterActive_1r13r {
+.universal-modal__appearActive_cldlq,
+.universal-modal__enterActive_cldlq {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
 }
-.universal-modal__exit_1r13r {
+.universal-modal__exit_cldlq {
     transform: translateX(0);
 }
-.universal-modal__exitActive_1r13r,
-.universal-modal__exitDone_1r13r {
+.universal-modal__exitActive_cldlq,
+.universal-modal__exitDone_cldlq {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/mobile/transitions/right-side-transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./right-side-transitions.mobile.css');
 
-var rightSideTransitions = {"appear":"universal-modal__appear_1r13r","enter":"universal-modal__enter_1r13r","appearActive":"universal-modal__appearActive_1r13r","enterActive":"universal-modal__enterActive_1r13r","exit":"universal-modal__exit_1r13r","exitActive":"universal-modal__exitActive_1r13r","exitDone":"universal-modal__exitDone_1r13r"};
+var rightSideTransitions = {"appear":"universal-modal__appear_cldlq","enter":"universal-modal__enter_cldlq","appearActive":"universal-modal__appearActive_cldlq","enterActive":"universal-modal__enterActive_cldlq","exit":"universal-modal__exit_cldlq","exitActive":"universal-modal__exitActive_cldlq","exitDone":"universal-modal__exitDone_cldlq"};
 
 module.exports = rightSideTransitions;
 //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map

package/mobile/transitions/transitions.mobile.css

@@ -1,11 +1,11 @@
-.universal-modal__appear_iijny,
-.universal-modal__enter_iijny {
+.universal-modal__appear_1wwmc,
+.universal-modal__enter_1wwmc {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.universal-modal__appearActive_iijny,
-.universal-modal__enterActive_iijny {
+.universal-modal__appearActive_1wwmc,
+.universal-modal__enterActive_1wwmc {
     opacity: 1;
     transform: translateY(0);
     transition:
@@ -13,13 +13,13 @@
         transform 200ms ease-in;
 }
 
-.universal-modal__exit_iijny {
+.universal-modal__exit_1wwmc {
     opacity: 1;
     transform: translateY(0);
 }
 
-.universal-modal__exitActive_iijny,
-.universal-modal__exitDone_iijny {
+.universal-modal__exitActive_1wwmc,
+.universal-modal__exitDone_1wwmc {
     opacity: 0;
     transform: translateY(15px);
     transition:

package/mobile/transitions/transitions.mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./transitions.mobile.css');
 
-var transitions = {"appear":"universal-modal__appear_iijny","enter":"universal-modal__enter_iijny","appearActive":"universal-modal__appearActive_iijny","enterActive":"universal-modal__enterActive_iijny","exit":"universal-modal__exit_iijny","exitActive":"universal-modal__exitActive_iijny","exitDone":"universal-modal__exitDone_iijny"};
+var transitions = {"appear":"universal-modal__appear_1wwmc","enter":"universal-modal__enter_1wwmc","appearActive":"universal-modal__appearActive_1wwmc","enterActive":"universal-modal__enterActive_1wwmc","exit":"universal-modal__exit_1wwmc","exitActive":"universal-modal__exitActive_1wwmc","exitDone":"universal-modal__exitDone_1wwmc"};
 
 module.exports = transitions;
 //# sourceMappingURL=transitions.mobile.module.css.js.map

package/modern/Component.responsive.js

@@ -2,9 +2,8 @@ import React, { forwardRef } from 'react';
 import { useIsDesktop } from '@alfalab/core-components-mq/modern';
 import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'classnames';
-import './context/universal-modal-context.js';
-import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-base-modal/modern';
+import '@alfalab/core-components-shared/modern';
 import './components/content/base-content/index.css';
 import './components/content/desktop/desktop.css';
 import './components/content/mobile/mobile.css';