@alfalab/core-components-modal 4.1.0 → 5.0.1

package/dist/modern/components/closer/index.css

@@ -1,4 +1,7 @@
-/* hash: 127s2 */
+/* hash: 1aw3z */
+:root {
+    --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
+}
 :root {
 
     /* Hard */
@@ -17,36 +20,31 @@
 
     /* paddings */
 
-    /* closer */
-    --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
+    /* scroll */
 
-    /* sticky */
+    /* desktop */
 
-    /* scroll */
+    /* mobile */
 }
-.modal__closer_p22te {
+:root {
+    --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
+}
+.modal__closer_1nic2 {
+    flex-shrink: 0;
     width: 48px;
     height: 48px;
-    background-image: var(--modal-closer-icon);
-    background-position: center;
-    background-repeat: no-repeat;
-    flex-shrink: 0;
-    transition: opacity 0.2s ease-out
-}
-.modal__closer_p22te:hover {
-        opacity: 0.7;
-    }
-.modal__closer_p22te:active {
-        opacity: 0.5;
-    }
-.modal__left_p22te,
-.modal__right_p22te {
-    position: sticky;
-    top: calc(var(--modal-vertical-padding) * -1);
-}
-.modal__right_p22te {
     margin-left: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
-.modal__fullscreen_p22te {
-    top: 0;
+.modal__button_1nic2 {
+    background: var(--modal-closer-bg-color);
+    -webkit-backdrop-filter: blur(10px);
+            backdrop-filter: blur(10px);
+    border-radius: 50px;
+}
+.modal__sticky_1nic2 {
+    position: sticky;
+    top: calc(var(--modal-vertical-padding) * -1);
 }

package/dist/modern/components/content/Component.d.ts

@@ -13,7 +13,5 @@ type ContentProps = {
      */
     flex?: boolean;
 };
-declare const Content: FC<ContentProps & {
-    styles: Record<string, string>;
-}>;
+declare const Content: FC<ContentProps>;
 export { ContentProps, Content };

package/dist/modern/components/content/Component.desktop.d.ts

@@ -1,14 +1,11 @@
 import { FC } from 'react';
 import { ContentProps } from "./Component";
+import { ModalDesktopProps } from "../../Component.desktop";
 type ContentDesktopProps = ContentProps & {
     /**
      * Размер
      */
-    size?: 's' | 'm' | 'l';
-    /**
-     * Флаг, что модальное окно открыто на весь экран
-     */
-    fullscreen?: boolean;
+    size?: ModalDesktopProps['size'];
 };
 declare const ContentDesktop: FC<ContentDesktopProps>;
 export { ContentDesktopProps, ContentDesktop };

package/dist/modern/components/content/Component.desktop.js

@@ -4,9 +4,9 @@ import '@alfalab/core-components-base-modal/dist/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_h1xad modal__content_1c0jg","flex":"modal__flex_h1xad modal__flex_1c0jg","s":"modal__s_h1xad","m":"modal__m_h1xad","l":"modal__l_h1xad","fullscreen":"modal__fullscreen_h1xad"};
+var styles = {"s":"modal__s_1r4mg","m":"modal__m_1r4mg","l":"modal__l_1r4mg","xl":"modal__xl_1r4mg","fullscreen":"modal__fullscreen_1r4mg"};
 require('./desktop.css')
 
-const ContentDesktop = ({ size, className, fullscreen, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, size && styles[size], fullscreen && styles.fullscreen), styles: styles }, restProps)));
+const ContentDesktop = ({ size, className, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, size && styles[size]) }, restProps)));
 
 export { ContentDesktop };

package/dist/modern/components/content/Component.js

@@ -3,7 +3,10 @@ import cn from 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import { ModalContext } from '../../Context.js';
 
-const Content = ({ children, flex, className, styles, }) => {
+var styles = {"content":"modal__content_n24k3","flex":"modal__flex_n24k3"};
+require('./index.css')
+
+const Content = ({ children, flex, className }) => {
     const { contentRef } = useContext(ModalContext);
     return (React.createElement("div", { className: cn(styles.content, className, {
             [styles.flex]: flex,

package/dist/modern/components/content/Component.mobile.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import 'classnames';
+import cn from 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import '../../Context.js';
 import { Content } from './Component.js';
 
-var styles = {"content":"modal__content_2lw1d modal__content_1c0jg","flex":"modal__flex_2lw1d modal__flex_1c0jg"};
+var styles = {"content":"modal__content_136qu"};
 require('./mobile.css')
 
-const ContentMobile = props => (React.createElement(Content, Object.assign({ styles: styles }, props)));
+const ContentMobile = ({ className, ...restProps }) => (React.createElement(Content, Object.assign({ className: cn(className, styles.content) }, restProps)));
 
 export { ContentMobile };