@alfalab/core-components-modal 6.0.10 → 6.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Component.d.ts +12 -0
- package/Component.desktop.d.ts +5 -44
- package/Component.desktop.js +14 -43
- package/Component.js +65 -0
- package/Component.mobile.d.ts +5 -18
- package/Component.mobile.js +13 -21
- package/Component.responsive.d.ts +5 -21
- package/Component.responsive.js +12 -34
- package/ResponsiveContext.d.ts +5 -0
- package/ResponsiveContext.js +16 -0
- package/components/closer/Component.js +3 -3
- package/components/closer/index.css +4 -4
- package/components/content/Component.d.ts +3 -16
- package/components/content/Component.js +11 -1
- package/components/content/desktop.css +8 -8
- package/components/content/index.css +3 -3
- package/components/content/mobile.css +3 -3
- package/components/footer/Component.js +15 -2
- package/components/footer/desktop.css +9 -9
- package/components/footer/index.css +4 -4
- package/components/footer/layout.css +25 -25
- package/components/footer/mobile.css +3 -3
- package/components/header/Component.d.ts +49 -0
- package/components/header/Component.js +57 -5
- package/components/header/desktop.css +17 -17
- package/components/header/index.css +15 -15
- package/components/header/mobile.css +3 -3
- package/cssm/Component.d.ts +12 -0
- package/cssm/Component.desktop.d.ts +5 -44
- package/cssm/Component.desktop.js +22 -45
- package/cssm/Component.js +62 -0
- package/cssm/Component.mobile.d.ts +5 -18
- package/cssm/Component.mobile.js +20 -22
- package/cssm/Component.responsive.d.ts +5 -21
- package/cssm/Component.responsive.js +18 -39
- package/cssm/ResponsiveContext.d.ts +5 -0
- package/cssm/ResponsiveContext.js +16 -0
- package/cssm/components/closer/Component.js +1 -1
- package/cssm/components/content/Component.d.ts +3 -16
- package/cssm/components/content/Component.js +8 -0
- package/cssm/components/footer/Component.js +11 -0
- package/cssm/components/header/Component.d.ts +49 -0
- package/cssm/components/header/Component.js +55 -6
- package/cssm/desktop.js +13 -9
- package/cssm/index.d.ts +1 -0
- package/cssm/index.js +13 -19
- package/cssm/mobile.js +13 -9
- package/cssm/responsive.js +13 -19
- package/cssm/typings.d.ts +52 -0
- package/cssm/typings.js +2 -0
- package/desktop.css +9 -9
- package/desktop.js +7 -8
- package/esm/Component.d.ts +12 -0
- package/esm/Component.desktop.d.ts +5 -44
- package/esm/Component.desktop.js +15 -42
- package/esm/Component.js +55 -0
- package/esm/Component.mobile.d.ts +5 -18
- package/esm/Component.mobile.js +13 -20
- package/esm/Component.responsive.d.ts +5 -21
- package/esm/Component.responsive.js +13 -35
- package/esm/ResponsiveContext.d.ts +5 -0
- package/esm/ResponsiveContext.js +8 -0
- package/esm/components/closer/Component.js +3 -3
- package/esm/components/closer/index.css +4 -4
- package/esm/components/content/Component.d.ts +3 -16
- package/esm/components/content/Component.js +11 -1
- package/esm/components/content/desktop.css +8 -8
- package/esm/components/content/index.css +3 -3
- package/esm/components/content/mobile.css +3 -3
- package/esm/components/footer/Component.js +15 -2
- package/esm/components/footer/desktop.css +9 -9
- package/esm/components/footer/index.css +4 -4
- package/esm/components/footer/layout.css +25 -25
- package/esm/components/footer/mobile.css +3 -3
- package/esm/components/header/Component.d.ts +49 -0
- package/esm/components/header/Component.js +55 -4
- package/esm/components/header/desktop.css +17 -17
- package/esm/components/header/index.css +15 -15
- package/esm/components/header/mobile.css +3 -3
- package/esm/desktop.css +9 -9
- package/esm/desktop.js +7 -8
- package/esm/index.d.ts +1 -0
- package/esm/index.js +6 -13
- package/esm/mobile.css +2 -2
- package/esm/mobile.js +6 -7
- package/esm/responsive.js +6 -13
- package/esm/transitions.css +8 -8
- package/esm/{tslib.es6-cd2fa46f.d.ts → tslib.es6-056b72d0.d.ts} +0 -0
- package/esm/{tslib.es6-cd2fa46f.js → tslib.es6-056b72d0.js} +1 -1
- package/esm/typings.d.ts +52 -0
- package/esm/typings.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +6 -13
- package/mobile.css +2 -2
- package/mobile.js +6 -7
- package/modern/Component.d.ts +12 -0
- package/modern/Component.desktop.d.ts +5 -44
- package/modern/Component.desktop.js +14 -44
- package/modern/Component.js +62 -0
- package/modern/Component.mobile.d.ts +5 -18
- package/modern/Component.mobile.js +12 -19
- package/modern/Component.responsive.d.ts +5 -21
- package/modern/Component.responsive.js +12 -34
- package/modern/ResponsiveContext.d.ts +5 -0
- package/modern/ResponsiveContext.js +8 -0
- package/modern/components/closer/Component.js +2 -2
- package/modern/components/closer/index.css +4 -4
- package/modern/components/content/Component.d.ts +3 -16
- package/modern/components/content/Component.js +11 -1
- package/modern/components/content/desktop.css +8 -8
- package/modern/components/content/index.css +3 -3
- package/modern/components/content/mobile.css +3 -3
- package/modern/components/footer/Component.js +15 -2
- package/modern/components/footer/desktop.css +9 -9
- package/modern/components/footer/index.css +4 -4
- package/modern/components/footer/layout.css +25 -25
- package/modern/components/footer/mobile.css +3 -3
- package/modern/components/header/Component.d.ts +49 -0
- package/modern/components/header/Component.js +52 -4
- package/modern/components/header/desktop.css +17 -17
- package/modern/components/header/index.css +15 -15
- package/modern/components/header/mobile.css +3 -3
- package/modern/desktop.css +9 -9
- package/modern/desktop.js +6 -7
- package/modern/index.d.ts +1 -0
- package/modern/index.js +5 -12
- package/modern/mobile.css +2 -2
- package/modern/mobile.js +5 -6
- package/modern/responsive.js +5 -12
- package/modern/transitions.css +8 -8
- package/modern/typings.d.ts +52 -0
- package/modern/typings.js +1 -0
- package/package.json +4 -4
- package/responsive.js +6 -13
- package/send-stats.js +1 -1
- package/transitions.css +8 -8
- package/{tslib.es6-93e97f54.d.ts → tslib.es6-0c9325d7.d.ts} +0 -0
- package/{tslib.es6-93e97f54.js → tslib.es6-0c9325d7.js} +0 -0
- package/typings.d.ts +52 -0
- package/typings.js +2 -0
- package/Component-cacd0e72.d.ts +0 -50
- package/Component-cacd0e72.js +0 -43
- package/components/content/Component.desktop.d.ts +0 -11
- package/components/content/Component.desktop.js +0 -25
- package/components/content/Component.mobile.d.ts +0 -5
- package/components/content/Component.mobile.js +0 -25
- package/components/footer/Component.desktop.d.ts +0 -11
- package/components/footer/Component.desktop.js +0 -28
- package/components/footer/Component.mobile.d.ts +0 -5
- package/components/footer/Component.mobile.js +0 -28
- package/components/header/Component.desktop.d.ts +0 -15
- package/components/header/Component.desktop.js +0 -33
- package/components/header/Component.mobile.d.ts +0 -10
- package/components/header/Component.mobile.js +0 -33
- package/cssm/Component-5fe52731.d.ts +0 -50
- package/cssm/Component-5fe52731.js +0 -42
- package/cssm/components/content/Component.desktop.d.ts +0 -11
- package/cssm/components/content/Component.desktop.js +0 -25
- package/cssm/components/content/Component.mobile.d.ts +0 -5
- package/cssm/components/content/Component.mobile.js +0 -25
- package/cssm/components/footer/Component.desktop.d.ts +0 -11
- package/cssm/components/footer/Component.desktop.js +0 -29
- package/cssm/components/footer/Component.mobile.d.ts +0 -5
- package/cssm/components/footer/Component.mobile.js +0 -29
- package/cssm/components/header/Component.desktop.d.ts +0 -15
- package/cssm/components/header/Component.desktop.js +0 -34
- package/cssm/components/header/Component.mobile.d.ts +0 -10
- package/cssm/components/header/Component.mobile.js +0 -34
- package/cssm/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/esm/Component-f9c8a7ff.d.ts +0 -50
- package/esm/Component-f9c8a7ff.js +0 -35
- package/esm/components/content/Component.desktop.d.ts +0 -11
- package/esm/components/content/Component.desktop.js +0 -16
- package/esm/components/content/Component.mobile.d.ts +0 -5
- package/esm/components/content/Component.mobile.js +0 -16
- package/esm/components/footer/Component.desktop.d.ts +0 -11
- package/esm/components/footer/Component.desktop.js +0 -19
- package/esm/components/footer/Component.mobile.d.ts +0 -5
- package/esm/components/footer/Component.mobile.js +0 -19
- package/esm/components/header/Component.desktop.d.ts +0 -15
- package/esm/components/header/Component.desktop.js +0 -24
- package/esm/components/header/Component.mobile.d.ts +0 -10
- package/esm/components/header/Component.mobile.js +0 -23
- package/esm/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/esm/transitions.module-a1e3a16d.js +0 -4
- package/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/modern/Component-dc6c12bd.d.ts +0 -50
- package/modern/Component-dc6c12bd.js +0 -33
- package/modern/components/content/Component.desktop.d.ts +0 -11
- package/modern/components/content/Component.desktop.js +0 -12
- package/modern/components/content/Component.mobile.d.ts +0 -5
- package/modern/components/content/Component.mobile.js +0 -12
- package/modern/components/footer/Component.desktop.d.ts +0 -11
- package/modern/components/footer/Component.desktop.js +0 -14
- package/modern/components/footer/Component.mobile.d.ts +0 -5
- package/modern/components/footer/Component.mobile.js +0 -14
- package/modern/components/header/Component.desktop.d.ts +0 -15
- package/modern/components/header/Component.desktop.js +0 -21
- package/modern/components/header/Component.mobile.d.ts +0 -10
- package/modern/components/header/Component.mobile.js +0 -18
- package/modern/getDataTestId-3fe0d3e6.d.ts +0 -2
- package/modern/transitions.module-a1e3a16d.js +0 -4
- package/transitions.module-fc7cacd3.js +0 -6
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { ModalDesktopProps } from "../../Component.desktop";
|
|
3
|
-
import { FooterProps } from "./Component";
|
|
4
|
-
type FooterDesktopProps = FooterProps & {
|
|
5
|
-
/**
|
|
6
|
-
* Размер
|
|
7
|
-
*/
|
|
8
|
-
size?: ModalDesktopProps['size'];
|
|
9
|
-
};
|
|
10
|
-
declare const FooterDesktop: FC<FooterDesktopProps>;
|
|
11
|
-
export { FooterDesktopProps, FooterDesktop };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '../../Context.js';
|
|
5
|
-
import { Footer } from './Component.js';
|
|
6
|
-
|
|
7
|
-
var styles = {"footer":"modal__footer_eezkd","sticky":"modal__sticky_eezkd","fullscreen":"modal__fullscreen_eezkd","s":"modal__s_eezkd","m":"modal__m_eezkd","l":"modal__l_eezkd","xl":"modal__xl_eezkd"};
|
|
8
|
-
require('./desktop.css')
|
|
9
|
-
|
|
10
|
-
const FooterDesktop = ({ size, className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, size && styles[size], {
|
|
11
|
-
[styles.sticky]: sticky,
|
|
12
|
-
}), sticky: sticky, ...restProps }));
|
|
13
|
-
|
|
14
|
-
export { FooterDesktop };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '../../Context.js';
|
|
5
|
-
import { Footer } from './Component.js';
|
|
6
|
-
|
|
7
|
-
var styles = {"footer":"modal__footer_p1y9m","sticky":"modal__sticky_p1y9m"};
|
|
8
|
-
require('./mobile.css')
|
|
9
|
-
|
|
10
|
-
const FooterMobile = ({ className, sticky, ...restProps }) => (React.createElement(Footer, { className: cn(className, styles.footer, {
|
|
11
|
-
[styles.sticky]: sticky,
|
|
12
|
-
}), sticky: sticky, ...restProps }));
|
|
13
|
-
|
|
14
|
-
export { FooterMobile };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { ModalDesktopProps } from "../../Component.desktop";
|
|
3
|
-
import { HeaderProps } from "../../Component-dc6c12bd";
|
|
4
|
-
type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
|
|
5
|
-
/**
|
|
6
|
-
* Размер
|
|
7
|
-
*/
|
|
8
|
-
size?: ModalDesktopProps['size'];
|
|
9
|
-
/**
|
|
10
|
-
* Наличие крестика
|
|
11
|
-
*/
|
|
12
|
-
hasCloser?: boolean;
|
|
13
|
-
};
|
|
14
|
-
declare const HeaderDesktop: FC<HeaderDesktopProps>;
|
|
15
|
-
export { HeaderDesktopProps, HeaderDesktop };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '@alfalab/core-components-icon-button/modern';
|
|
5
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
6
|
-
import '../../Context.js';
|
|
7
|
-
import { Closer } from '../closer/Component.js';
|
|
8
|
-
import { H as Header, g as getDataTestId } from '../../Component-dc6c12bd.js';
|
|
9
|
-
|
|
10
|
-
var styles = {"header":"modal__header_13jb3","content":"modal__content_13jb3","s":"modal__s_13jb3","m":"modal__m_13jb3","l":"modal__l_13jb3","xl":"modal__xl_13jb3","fullscreen":"modal__fullscreen_13jb3","hasContent":"modal__hasContent_13jb3","sticky":"modal__sticky_13jb3"};
|
|
11
|
-
require('./desktop.css')
|
|
12
|
-
|
|
13
|
-
const HeaderDesktop = ({ size, className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, dataTestId, ...restProps }) => {
|
|
14
|
-
const hasContent = title || Boolean(children);
|
|
15
|
-
return (React.createElement(Header, { className: cn(className, styles.header, size && styles[size], {
|
|
16
|
-
[styles.sticky]: sticky,
|
|
17
|
-
[styles.hasContent]: hasContent,
|
|
18
|
-
}), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { dataTestId: getDataTestId(dataTestId, 'closer') }) : null, leftAddons: leftAddons, sticky: sticky, title: title, dataTestId: dataTestId, ...restProps }, children));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { HeaderDesktop };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { HeaderProps } from "../../Component-dc6c12bd";
|
|
3
|
-
type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
|
|
4
|
-
/**
|
|
5
|
-
* Наличие крестика
|
|
6
|
-
*/
|
|
7
|
-
hasCloser?: boolean;
|
|
8
|
-
};
|
|
9
|
-
declare const HeaderMobile: FC<HeaderMobileProps>;
|
|
10
|
-
export { HeaderMobileProps, HeaderMobile };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '@alfalab/core-components-icon-button/modern';
|
|
5
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
6
|
-
import '../../Context.js';
|
|
7
|
-
import { Closer } from '../closer/Component.js';
|
|
8
|
-
import { H as Header, g as getDataTestId } from '../../Component-dc6c12bd.js';
|
|
9
|
-
import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
|
|
10
|
-
|
|
11
|
-
var styles = {"sticky":"modal__sticky_12vnx","content":"modal__content_12vnx"};
|
|
12
|
-
require('./mobile.css')
|
|
13
|
-
|
|
14
|
-
const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, dataTestId, ...restProps }) => (React.createElement(Header, { className: cn(className, {
|
|
15
|
-
[styles.sticky]: sticky,
|
|
16
|
-
}), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? (React.createElement(Closer, { icon: CrossMIcon, size: 'xs', dataTestId: getDataTestId(dataTestId, 'closer') })) : null, sticky: sticky, dataTestId: dataTestId, ...restProps }));
|
|
17
|
-
|
|
18
|
-
export { HeaderMobile };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var transitions = {"appear":"modal__appear_101ev","enter":"modal__enter_101ev","appearActive":"modal__appearActive_101ev","enterActive":"modal__enterActive_101ev","exit":"modal__exit_101ev","exitActive":"modal__exitActive_101ev","exitDone":"modal__exitDone_101ev"};
|
|
2
|
-
require('./transitions.css')
|
|
3
|
-
|
|
4
|
-
export { transitions as t };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var transitions = {"appear":"modal__appear_101ev","enter":"modal__enter_101ev","appearActive":"modal__appearActive_101ev","enterActive":"modal__enterActive_101ev","exit":"modal__exit_101ev","exitActive":"modal__exitActive_101ev","exitDone":"modal__exitDone_101ev"};
|
|
4
|
-
require('./transitions.css')
|
|
5
|
-
|
|
6
|
-
exports.transitions = transitions;
|