@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.
Files changed (203) hide show
  1. package/Component.d.ts +12 -0
  2. package/Component.desktop.d.ts +5 -44
  3. package/Component.desktop.js +14 -43
  4. package/Component.js +65 -0
  5. package/Component.mobile.d.ts +5 -18
  6. package/Component.mobile.js +13 -21
  7. package/Component.responsive.d.ts +5 -21
  8. package/Component.responsive.js +12 -34
  9. package/ResponsiveContext.d.ts +5 -0
  10. package/ResponsiveContext.js +16 -0
  11. package/components/closer/Component.js +3 -3
  12. package/components/closer/index.css +4 -4
  13. package/components/content/Component.d.ts +3 -16
  14. package/components/content/Component.js +11 -1
  15. package/components/content/desktop.css +8 -8
  16. package/components/content/index.css +3 -3
  17. package/components/content/mobile.css +3 -3
  18. package/components/footer/Component.js +15 -2
  19. package/components/footer/desktop.css +9 -9
  20. package/components/footer/index.css +4 -4
  21. package/components/footer/layout.css +25 -25
  22. package/components/footer/mobile.css +3 -3
  23. package/components/header/Component.d.ts +49 -0
  24. package/components/header/Component.js +57 -5
  25. package/components/header/desktop.css +17 -17
  26. package/components/header/index.css +15 -15
  27. package/components/header/mobile.css +3 -3
  28. package/cssm/Component.d.ts +12 -0
  29. package/cssm/Component.desktop.d.ts +5 -44
  30. package/cssm/Component.desktop.js +22 -45
  31. package/cssm/Component.js +62 -0
  32. package/cssm/Component.mobile.d.ts +5 -18
  33. package/cssm/Component.mobile.js +20 -22
  34. package/cssm/Component.responsive.d.ts +5 -21
  35. package/cssm/Component.responsive.js +18 -39
  36. package/cssm/ResponsiveContext.d.ts +5 -0
  37. package/cssm/ResponsiveContext.js +16 -0
  38. package/cssm/components/closer/Component.js +1 -1
  39. package/cssm/components/content/Component.d.ts +3 -16
  40. package/cssm/components/content/Component.js +8 -0
  41. package/cssm/components/footer/Component.js +11 -0
  42. package/cssm/components/header/Component.d.ts +49 -0
  43. package/cssm/components/header/Component.js +55 -6
  44. package/cssm/desktop.js +13 -9
  45. package/cssm/index.d.ts +1 -0
  46. package/cssm/index.js +13 -19
  47. package/cssm/mobile.js +13 -9
  48. package/cssm/responsive.js +13 -19
  49. package/cssm/typings.d.ts +52 -0
  50. package/cssm/typings.js +2 -0
  51. package/desktop.css +9 -9
  52. package/desktop.js +7 -8
  53. package/esm/Component.d.ts +12 -0
  54. package/esm/Component.desktop.d.ts +5 -44
  55. package/esm/Component.desktop.js +15 -42
  56. package/esm/Component.js +55 -0
  57. package/esm/Component.mobile.d.ts +5 -18
  58. package/esm/Component.mobile.js +13 -20
  59. package/esm/Component.responsive.d.ts +5 -21
  60. package/esm/Component.responsive.js +13 -35
  61. package/esm/ResponsiveContext.d.ts +5 -0
  62. package/esm/ResponsiveContext.js +8 -0
  63. package/esm/components/closer/Component.js +3 -3
  64. package/esm/components/closer/index.css +4 -4
  65. package/esm/components/content/Component.d.ts +3 -16
  66. package/esm/components/content/Component.js +11 -1
  67. package/esm/components/content/desktop.css +8 -8
  68. package/esm/components/content/index.css +3 -3
  69. package/esm/components/content/mobile.css +3 -3
  70. package/esm/components/footer/Component.js +15 -2
  71. package/esm/components/footer/desktop.css +9 -9
  72. package/esm/components/footer/index.css +4 -4
  73. package/esm/components/footer/layout.css +25 -25
  74. package/esm/components/footer/mobile.css +3 -3
  75. package/esm/components/header/Component.d.ts +49 -0
  76. package/esm/components/header/Component.js +55 -4
  77. package/esm/components/header/desktop.css +17 -17
  78. package/esm/components/header/index.css +15 -15
  79. package/esm/components/header/mobile.css +3 -3
  80. package/esm/desktop.css +9 -9
  81. package/esm/desktop.js +7 -8
  82. package/esm/index.d.ts +1 -0
  83. package/esm/index.js +6 -13
  84. package/esm/mobile.css +2 -2
  85. package/esm/mobile.js +6 -7
  86. package/esm/responsive.js +6 -13
  87. package/esm/transitions.css +8 -8
  88. package/esm/{tslib.es6-cd2fa46f.d.ts → tslib.es6-056b72d0.d.ts} +0 -0
  89. package/esm/{tslib.es6-cd2fa46f.js → tslib.es6-056b72d0.js} +1 -1
  90. package/esm/typings.d.ts +52 -0
  91. package/esm/typings.js +1 -0
  92. package/index.d.ts +1 -0
  93. package/index.js +6 -13
  94. package/mobile.css +2 -2
  95. package/mobile.js +6 -7
  96. package/modern/Component.d.ts +12 -0
  97. package/modern/Component.desktop.d.ts +5 -44
  98. package/modern/Component.desktop.js +14 -44
  99. package/modern/Component.js +62 -0
  100. package/modern/Component.mobile.d.ts +5 -18
  101. package/modern/Component.mobile.js +12 -19
  102. package/modern/Component.responsive.d.ts +5 -21
  103. package/modern/Component.responsive.js +12 -34
  104. package/modern/ResponsiveContext.d.ts +5 -0
  105. package/modern/ResponsiveContext.js +8 -0
  106. package/modern/components/closer/Component.js +2 -2
  107. package/modern/components/closer/index.css +4 -4
  108. package/modern/components/content/Component.d.ts +3 -16
  109. package/modern/components/content/Component.js +11 -1
  110. package/modern/components/content/desktop.css +8 -8
  111. package/modern/components/content/index.css +3 -3
  112. package/modern/components/content/mobile.css +3 -3
  113. package/modern/components/footer/Component.js +15 -2
  114. package/modern/components/footer/desktop.css +9 -9
  115. package/modern/components/footer/index.css +4 -4
  116. package/modern/components/footer/layout.css +25 -25
  117. package/modern/components/footer/mobile.css +3 -3
  118. package/modern/components/header/Component.d.ts +49 -0
  119. package/modern/components/header/Component.js +52 -4
  120. package/modern/components/header/desktop.css +17 -17
  121. package/modern/components/header/index.css +15 -15
  122. package/modern/components/header/mobile.css +3 -3
  123. package/modern/desktop.css +9 -9
  124. package/modern/desktop.js +6 -7
  125. package/modern/index.d.ts +1 -0
  126. package/modern/index.js +5 -12
  127. package/modern/mobile.css +2 -2
  128. package/modern/mobile.js +5 -6
  129. package/modern/responsive.js +5 -12
  130. package/modern/transitions.css +8 -8
  131. package/modern/typings.d.ts +52 -0
  132. package/modern/typings.js +1 -0
  133. package/package.json +4 -4
  134. package/responsive.js +6 -13
  135. package/send-stats.js +1 -1
  136. package/transitions.css +8 -8
  137. package/{tslib.es6-93e97f54.d.ts → tslib.es6-0c9325d7.d.ts} +0 -0
  138. package/{tslib.es6-93e97f54.js → tslib.es6-0c9325d7.js} +0 -0
  139. package/typings.d.ts +52 -0
  140. package/typings.js +2 -0
  141. package/Component-cacd0e72.d.ts +0 -50
  142. package/Component-cacd0e72.js +0 -43
  143. package/components/content/Component.desktop.d.ts +0 -11
  144. package/components/content/Component.desktop.js +0 -25
  145. package/components/content/Component.mobile.d.ts +0 -5
  146. package/components/content/Component.mobile.js +0 -25
  147. package/components/footer/Component.desktop.d.ts +0 -11
  148. package/components/footer/Component.desktop.js +0 -28
  149. package/components/footer/Component.mobile.d.ts +0 -5
  150. package/components/footer/Component.mobile.js +0 -28
  151. package/components/header/Component.desktop.d.ts +0 -15
  152. package/components/header/Component.desktop.js +0 -33
  153. package/components/header/Component.mobile.d.ts +0 -10
  154. package/components/header/Component.mobile.js +0 -33
  155. package/cssm/Component-5fe52731.d.ts +0 -50
  156. package/cssm/Component-5fe52731.js +0 -42
  157. package/cssm/components/content/Component.desktop.d.ts +0 -11
  158. package/cssm/components/content/Component.desktop.js +0 -25
  159. package/cssm/components/content/Component.mobile.d.ts +0 -5
  160. package/cssm/components/content/Component.mobile.js +0 -25
  161. package/cssm/components/footer/Component.desktop.d.ts +0 -11
  162. package/cssm/components/footer/Component.desktop.js +0 -29
  163. package/cssm/components/footer/Component.mobile.d.ts +0 -5
  164. package/cssm/components/footer/Component.mobile.js +0 -29
  165. package/cssm/components/header/Component.desktop.d.ts +0 -15
  166. package/cssm/components/header/Component.desktop.js +0 -34
  167. package/cssm/components/header/Component.mobile.d.ts +0 -10
  168. package/cssm/components/header/Component.mobile.js +0 -34
  169. package/cssm/getDataTestId-3fe0d3e6.d.ts +0 -2
  170. package/esm/Component-f9c8a7ff.d.ts +0 -50
  171. package/esm/Component-f9c8a7ff.js +0 -35
  172. package/esm/components/content/Component.desktop.d.ts +0 -11
  173. package/esm/components/content/Component.desktop.js +0 -16
  174. package/esm/components/content/Component.mobile.d.ts +0 -5
  175. package/esm/components/content/Component.mobile.js +0 -16
  176. package/esm/components/footer/Component.desktop.d.ts +0 -11
  177. package/esm/components/footer/Component.desktop.js +0 -19
  178. package/esm/components/footer/Component.mobile.d.ts +0 -5
  179. package/esm/components/footer/Component.mobile.js +0 -19
  180. package/esm/components/header/Component.desktop.d.ts +0 -15
  181. package/esm/components/header/Component.desktop.js +0 -24
  182. package/esm/components/header/Component.mobile.d.ts +0 -10
  183. package/esm/components/header/Component.mobile.js +0 -23
  184. package/esm/getDataTestId-3fe0d3e6.d.ts +0 -2
  185. package/esm/transitions.module-a1e3a16d.js +0 -4
  186. package/getDataTestId-3fe0d3e6.d.ts +0 -2
  187. package/modern/Component-dc6c12bd.d.ts +0 -50
  188. package/modern/Component-dc6c12bd.js +0 -33
  189. package/modern/components/content/Component.desktop.d.ts +0 -11
  190. package/modern/components/content/Component.desktop.js +0 -12
  191. package/modern/components/content/Component.mobile.d.ts +0 -5
  192. package/modern/components/content/Component.mobile.js +0 -12
  193. package/modern/components/footer/Component.desktop.d.ts +0 -11
  194. package/modern/components/footer/Component.desktop.js +0 -14
  195. package/modern/components/footer/Component.mobile.d.ts +0 -5
  196. package/modern/components/footer/Component.mobile.js +0 -14
  197. package/modern/components/header/Component.desktop.d.ts +0 -15
  198. package/modern/components/header/Component.desktop.js +0 -21
  199. package/modern/components/header/Component.mobile.d.ts +0 -10
  200. package/modern/components/header/Component.mobile.js +0 -18
  201. package/modern/getDataTestId-3fe0d3e6.d.ts +0 -2
  202. package/modern/transitions.module-a1e3a16d.js +0 -4
  203. 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,5 +0,0 @@
1
- import { FC } from 'react';
2
- import { FooterProps } from "./Component";
3
- type FooterMobileProps = FooterProps;
4
- declare const FooterMobile: FC<FooterMobileProps>;
5
- export { FooterMobileProps, FooterMobile };
@@ -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,2 +0,0 @@
1
- declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
- export { getDataTestId };
@@ -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;