@alfalab/core-components-modal 5.0.1 → 5.0.4

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 (106) hide show
  1. package/CHANGELOG.md +76 -76
  2. package/dist/Component.desktop.js +3 -3
  3. package/dist/Component.mobile.js +3 -3
  4. package/dist/Component.responsive.d.ts +1 -1
  5. package/dist/Component.responsive.js +2 -2
  6. package/dist/components/closer/Component.js +2 -2
  7. package/dist/components/closer/index.css +4 -4
  8. package/dist/components/content/Component.desktop.js +2 -2
  9. package/dist/components/content/Component.js +1 -1
  10. package/dist/components/content/Component.mobile.js +2 -2
  11. package/dist/components/content/desktop.css +8 -8
  12. package/dist/components/content/index.css +3 -3
  13. package/dist/components/content/mobile.css +3 -3
  14. package/dist/components/footer/Component.desktop.js +2 -2
  15. package/dist/components/footer/Component.js +2 -2
  16. package/dist/components/footer/Component.mobile.js +2 -2
  17. package/dist/components/footer/desktop.css +9 -9
  18. package/dist/components/footer/index.css +4 -4
  19. package/dist/components/footer/layout.css +25 -25
  20. package/dist/components/footer/mobile.css +3 -3
  21. package/dist/components/header/Component.desktop.js +2 -2
  22. package/dist/components/header/Component.js +1 -1
  23. package/dist/components/header/Component.mobile.js +2 -2
  24. package/dist/components/header/desktop.css +17 -17
  25. package/dist/components/header/index.css +15 -15
  26. package/dist/components/header/mobile.css +3 -3
  27. package/dist/desktop.css +9 -9
  28. package/dist/desktop.js +2 -2
  29. package/dist/esm/Component.desktop.js +3 -3
  30. package/dist/esm/Component.mobile.js +3 -3
  31. package/dist/esm/Component.responsive.js +2 -2
  32. package/dist/esm/components/closer/Component.js +2 -2
  33. package/dist/esm/components/closer/index.css +4 -4
  34. package/dist/esm/components/content/Component.desktop.js +2 -2
  35. package/dist/esm/components/content/Component.js +1 -1
  36. package/dist/esm/components/content/Component.mobile.js +2 -2
  37. package/dist/esm/components/content/desktop.css +8 -8
  38. package/dist/esm/components/content/index.css +3 -3
  39. package/dist/esm/components/content/mobile.css +3 -3
  40. package/dist/esm/components/footer/Component.desktop.js +2 -2
  41. package/dist/esm/components/footer/Component.js +2 -2
  42. package/dist/esm/components/footer/Component.mobile.js +2 -2
  43. package/dist/esm/components/footer/desktop.css +9 -9
  44. package/dist/esm/components/footer/index.css +4 -4
  45. package/dist/esm/components/footer/layout.css +25 -25
  46. package/dist/esm/components/footer/mobile.css +3 -3
  47. package/dist/esm/components/header/Component.desktop.js +2 -2
  48. package/dist/esm/components/header/Component.js +1 -1
  49. package/dist/esm/components/header/Component.mobile.js +2 -2
  50. package/dist/esm/components/header/desktop.css +17 -17
  51. package/dist/esm/components/header/index.css +15 -15
  52. package/dist/esm/components/header/mobile.css +3 -3
  53. package/dist/esm/desktop.css +9 -9
  54. package/dist/esm/desktop.js +2 -2
  55. package/dist/esm/index.js +2 -2
  56. package/dist/esm/mobile.css +2 -2
  57. package/dist/esm/mobile.js +2 -2
  58. package/dist/esm/responsive.js +2 -2
  59. package/dist/esm/transitions.css +8 -8
  60. package/dist/esm/transitions.module-90914bad.js +4 -0
  61. package/dist/esm/{tslib.es6-242320f2.d.ts → tslib.es6-8123756f.d.ts} +0 -0
  62. package/dist/esm/{tslib.es6-242320f2.js → tslib.es6-8123756f.js} +0 -0
  63. package/dist/index.js +2 -2
  64. package/dist/mobile.css +2 -2
  65. package/dist/mobile.js +2 -2
  66. package/dist/modern/Component.desktop.js +2 -2
  67. package/dist/modern/Component.mobile.js +2 -2
  68. package/dist/modern/Component.responsive.js +1 -1
  69. package/dist/modern/components/closer/Component.js +1 -1
  70. package/dist/modern/components/closer/index.css +4 -4
  71. package/dist/modern/components/content/Component.desktop.js +1 -1
  72. package/dist/modern/components/content/Component.js +1 -1
  73. package/dist/modern/components/content/Component.mobile.js +1 -1
  74. package/dist/modern/components/content/desktop.css +8 -8
  75. package/dist/modern/components/content/index.css +3 -3
  76. package/dist/modern/components/content/mobile.css +3 -3
  77. package/dist/modern/components/footer/Component.desktop.js +1 -1
  78. package/dist/modern/components/footer/Component.js +2 -2
  79. package/dist/modern/components/footer/Component.mobile.js +1 -1
  80. package/dist/modern/components/footer/desktop.css +9 -9
  81. package/dist/modern/components/footer/index.css +4 -4
  82. package/dist/modern/components/footer/layout.css +25 -25
  83. package/dist/modern/components/footer/mobile.css +3 -3
  84. package/dist/modern/components/header/Component.desktop.js +1 -1
  85. package/dist/modern/components/header/Component.js +1 -1
  86. package/dist/modern/components/header/Component.mobile.js +1 -1
  87. package/dist/modern/components/header/desktop.css +17 -17
  88. package/dist/modern/components/header/index.css +15 -15
  89. package/dist/modern/components/header/mobile.css +3 -3
  90. package/dist/modern/desktop.css +9 -9
  91. package/dist/modern/desktop.js +1 -1
  92. package/dist/modern/index.js +1 -1
  93. package/dist/modern/mobile.css +2 -2
  94. package/dist/modern/mobile.js +1 -1
  95. package/dist/modern/responsive.js +1 -1
  96. package/dist/modern/transitions.css +8 -8
  97. package/dist/modern/transitions.module-90914bad.js +4 -0
  98. package/dist/responsive.js +2 -2
  99. package/dist/transitions.css +8 -8
  100. package/dist/transitions.module-8b2d8c9f.js +6 -0
  101. package/dist/{tslib.es6-4834d51a.d.ts → tslib.es6-7c98e6dc.d.ts} +0 -0
  102. package/dist/{tslib.es6-4834d51a.js → tslib.es6-7c98e6dc.js} +0 -0
  103. package/package.json +7 -7
  104. package/dist/esm/transitions.module-386b448e.js +0 -4
  105. package/dist/modern/transitions.module-386b448e.js +0 -4
  106. package/dist/transitions.module-27d19713.js +0 -6
package/dist/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1elf6 */
1
+ /* hash: jup18 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_4l1kn {
34
+ .modal__wrapper_i5qqp {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_4l1kn {
38
+ .modal__component_i5qqp {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_4l1kn {
43
+ .modal__fullscreen_i5qqp {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_4l1kn .modal__component_4l1kn {
47
+ .modal__fullscreen_i5qqp .modal__component_i5qqp {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_4l1kn {
51
+ .modal__s_i5qqp {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_4l1kn {
54
+ .modal__m_i5qqp {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_4l1kn {
57
+ .modal__l_i5qqp {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_4l1kn {
60
+ .modal__xl_i5qqp {
61
61
  width: var(--modal-xl-width);
62
62
  }
package/dist/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-4834d51a.js');
5
+ require('./tslib.es6-7c98e6dc.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -18,7 +18,7 @@ require('./components/content/Component.desktop.js');
18
18
  require('./components/footer/Component.js');
19
19
  require('./components/footer/Component.desktop.js');
20
20
  var Component_desktop = require('./Component.desktop.js');
21
- require('./transitions.module-27d19713.js');
21
+ require('./transitions.module-8b2d8c9f.js');
22
22
 
23
23
 
24
24
 
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-8123756f.js';
2
2
  import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
@@ -13,9 +13,9 @@ import './components/content/Component.js';
13
13
  import { ContentDesktop } from './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import { FooterDesktop } from './components/footer/Component.desktop.js';
16
- import { t as transitions } from './transitions.module-386b448e.js';
16
+ import { t as transitions } from './transitions.module-90914bad.js';
17
17
 
18
- var styles = {"wrapper":"modal__wrapper_4l1kn","component":"modal__component_4l1kn","fullscreen":"modal__fullscreen_4l1kn","s":"modal__s_4l1kn","m":"modal__m_4l1kn","l":"modal__l_4l1kn","xl":"modal__xl_4l1kn"};
18
+ var styles = {"wrapper":"modal__wrapper_i5qqp","component":"modal__component_i5qqp","fullscreen":"modal__fullscreen_i5qqp","s":"modal__s_i5qqp","m":"modal__m_i5qqp","l":"modal__l_i5qqp","xl":"modal__xl_i5qqp"};
19
19
  require('./desktop.css')
20
20
 
21
21
  var ModalDesktopComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-8123756f.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
@@ -9,13 +9,13 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from './components/closer/Component.js';
10
10
  import './components/content/Component.js';
11
11
  import './components/footer/Component.js';
12
- import { t as transitions } from './transitions.module-386b448e.js';
12
+ import { t as transitions } from './transitions.module-90914bad.js';
13
13
  import '@alfalab/icons-glyph/CrossMIcon';
14
14
  import { HeaderMobile } from './components/header/Component.mobile.js';
15
15
  import { ContentMobile } from './components/content/Component.mobile.js';
16
16
  import { FooterMobile } from './components/footer/Component.mobile.js';
17
17
 
18
- var styles = {"component":"modal__component_1wxv9"};
18
+ var styles = {"component":"modal__component_znehm"};
19
19
  require('./mobile.css')
20
20
 
21
21
  var ModalMobileComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-8123756f.js';
2
2
  import React, { forwardRef, useMemo, useContext } from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -14,7 +14,7 @@ import './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import './components/footer/Component.desktop.js';
16
16
  import { ModalDesktop } from './Component.desktop.js';
17
- import './transitions.module-386b448e.js';
17
+ import './transitions.module-90914bad.js';
18
18
  import '@alfalab/icons-glyph/CrossMIcon';
19
19
  import './components/header/Component.mobile.js';
20
20
  import './components/content/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React, { useContext, useCallback } from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -6,7 +6,7 @@ import { ModalContext } from '../../Context.js';
6
6
  import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
7
7
  import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
8
8
 
9
- var styles = {"closer":"modal__closer_1nic2","button":"modal__button_1nic2","sticky":"modal__sticky_1nic2"};
9
+ var styles = {"closer":"modal__closer_twv7b","button":"modal__button_twv7b","sticky":"modal__sticky_twv7b"};
10
10
  require('./index.css')
11
11
 
12
12
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1aw3z */
1
+ /* hash: 6lq2u */
2
2
  :root {
3
3
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
4
4
  }
@@ -29,7 +29,7 @@
29
29
  :root {
30
30
  --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
31
31
  }
32
- .modal__closer_1nic2 {
32
+ .modal__closer_twv7b {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -38,13 +38,13 @@
38
38
  align-items: center;
39
39
  justify-content: center;
40
40
  }
41
- .modal__button_1nic2 {
41
+ .modal__button_twv7b {
42
42
  background: var(--modal-closer-bg-color);
43
43
  -webkit-backdrop-filter: blur(10px);
44
44
  backdrop-filter: blur(10px);
45
45
  border-radius: 50px;
46
46
  }
47
- .modal__sticky_1nic2 {
47
+ .modal__sticky_twv7b {
48
48
  position: sticky;
49
49
  top: calc(var(--modal-vertical-padding) * -1);
50
50
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"s":"modal__s_1r4mg","m":"modal__m_1r4mg","l":"modal__l_1r4mg","xl":"modal__xl_1r4mg","fullscreen":"modal__fullscreen_1r4mg"};
8
+ var styles = {"s":"modal__s_pdz5t","m":"modal__m_pdz5t","l":"modal__l_pdz5t","xl":"modal__xl_pdz5t","fullscreen":"modal__fullscreen_pdz5t"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var ContentDesktop = function (_a) {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/dist/esm';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var styles = {"content":"modal__content_n24k3","flex":"modal__flex_n24k3"};
6
+ var styles = {"content":"modal__content_shnay","flex":"modal__flex_shnay"};
7
7
  require('./index.css')
8
8
 
9
9
  var Content = function (_a) {
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"content":"modal__content_136qu"};
8
+ var styles = {"content":"modal__content_pm1o5"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var ContentMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: r8e89 */
1
+ /* hash: 1lz4d */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,18 +24,18 @@
24
24
 
25
25
  /* mobile */
26
26
  }
27
- .modal__s_1r4mg,
28
- .modal__m_1r4mg {
27
+ .modal__s_pdz5t,
28
+ .modal__m_pdz5t {
29
29
  padding: var(--modal-s-content-paddings)
30
30
  }
31
- .modal__s_1r4mg:last-child, .modal__m_1r4mg:last-child {
31
+ .modal__s_pdz5t:last-child, .modal__m_pdz5t:last-child {
32
32
  padding-bottom: var(--modal-s-content-only-bottom-padding);
33
33
  }
34
- .modal__l_1r4mg,
35
- .modal__xl_1r4mg,
36
- .modal__fullscreen_1r4mg {
34
+ .modal__l_pdz5t,
35
+ .modal__xl_pdz5t,
36
+ .modal__fullscreen_pdz5t {
37
37
  padding: 0 var(--gap-6xl)
38
38
  }
39
- .modal__l_1r4mg:last-child, .modal__xl_1r4mg:last-child, .modal__fullscreen_1r4mg:last-child {
39
+ .modal__l_pdz5t:last-child, .modal__xl_pdz5t:last-child, .modal__fullscreen_pdz5t:last-child {
40
40
  padding-bottom: var(--gap-6xl);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: khcb8 */
1
+ /* hash: 1orq7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,10 +19,10 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__content_n24k3 {
22
+ .modal__content_shnay {
23
23
  box-sizing: border-box;
24
24
  width: 100%;
25
25
  }
26
- .modal__flex_n24k3 {
26
+ .modal__flex_shnay {
27
27
  flex: 1 1 auto;
28
28
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1sic0 */
1
+ /* hash: o7y3t */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__content_136qu {
25
+ .modal__content_pm1o5 {
26
26
  padding: 0 var(--gap-m)
27
27
  }
28
- .modal__content_136qu:last-child {
28
+ .modal__content_pm1o5:last-child {
29
29
  padding-bottom: var(--gap-m);
30
30
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Footer } from './Component.js';
7
7
 
8
- var styles = {"footer":"modal__footer_1wszn","sticky":"modal__sticky_1wszn","fullscreen":"modal__fullscreen_1wszn","s":"modal__s_1wszn","m":"modal__m_1wszn","l":"modal__l_1wszn","xl":"modal__xl_1wszn"};
8
+ var styles = {"footer":"modal__footer_37ec1","sticky":"modal__sticky_37ec1","fullscreen":"modal__fullscreen_37ec1","s":"modal__s_37ec1","m":"modal__m_37ec1","l":"modal__l_37ec1","xl":"modal__xl_37ec1"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var FooterDesktop = function (_a) {
@@ -3,10 +3,10 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/dist/esm';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var styles = {"footer":"modal__footer_yzfpf","sticky":"modal__sticky_yzfpf","highlighted":"modal__highlighted_yzfpf"};
6
+ var styles = {"footer":"modal__footer_1w9wg","sticky":"modal__sticky_1w9wg","highlighted":"modal__highlighted_1w9wg"};
7
7
  require('./index.css')
8
8
 
9
- var layoutStyles = {"column":"modal__column_tvvw4","gap-16":"modal__gap-16_tvvw4","gap-24":"modal__gap-24_tvvw4","gap-32":"modal__gap-32_tvvw4","start":"modal__start_tvvw4","center":"modal__center_tvvw4","space-between":"modal__space-between_tvvw4"};
9
+ var layoutStyles = {"column":"modal__column_zben0","gap-16":"modal__gap-16_zben0","gap-24":"modal__gap-24_zben0","gap-32":"modal__gap-32_zben0","start":"modal__start_zben0","center":"modal__center_zben0","space-between":"modal__space-between_zben0"};
10
10
  require('./layout.css')
11
11
 
12
12
  var Footer = function (_a) {
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Footer } from './Component.js';
7
7
 
8
- var styles = {"footer":"modal__footer_18w5w","sticky":"modal__sticky_18w5w"};
8
+ var styles = {"footer":"modal__footer_3gip8","sticky":"modal__sticky_3gip8"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var FooterMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: e2jxu */
1
+ /* hash: 1icxu */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,22 +31,22 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__footer_1wszn {
34
+ .modal__footer_37ec1 {
35
35
  border-bottom-left-radius: var(--modal-border-radius);
36
36
  border-bottom-right-radius: var(--modal-border-radius);
37
37
  }
38
- .modal__sticky_1wszn {
38
+ .modal__sticky_37ec1 {
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  }
41
- .modal__sticky_1wszn.modal__fullscreen_1wszn {
41
+ .modal__sticky_37ec1.modal__fullscreen_37ec1 {
42
42
  bottom: 0;
43
43
  }
44
- .modal__s_1wszn,
45
- .modal__m_1wszn {
44
+ .modal__s_37ec1,
45
+ .modal__m_37ec1 {
46
46
  padding: var(--modal-s-footer-paddings);
47
47
  }
48
- .modal__l_1wszn,
49
- .modal__xl_1wszn,
50
- .modal__fullscreen_1wszn {
48
+ .modal__l_37ec1,
49
+ .modal__xl_37ec1,
50
+ .modal__fullscreen_37ec1 {
51
51
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: mvz50 */
1
+ /* hash: 1hmpa */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
26
26
 
27
27
  /* mobile */
28
28
  }
29
- .modal__footer_yzfpf {
29
+ .modal__footer_1w9wg {
30
30
  width: 100%;
31
31
  box-sizing: border-box;
32
32
  transition: box-shadow 0.2s ease, background 0.2s ease;
33
33
  }
34
- .modal__sticky_yzfpf {
34
+ .modal__sticky_1w9wg {
35
35
  background: var(--modal-footer-background);
36
36
  position: sticky;
37
37
  }
38
- .modal__highlighted_yzfpf {
38
+ .modal__highlighted_1w9wg {
39
39
  background: var(--modal-footer-highlight-background);
40
40
  box-shadow: var(--modal-footer-highlight-box-shadow);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: ipx50 */
1
+ /* hash: 1n0b1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__column_tvvw4 {
28
+ .modal__column_zben0 {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_tvvw4 > * {
32
+ .modal__column_zben0 > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_tvvw4 > *:last-child,
36
- .modal__column_tvvw4 > *:only-child {
35
+ .modal__column_zben0 > *:last-child,
36
+ .modal__column_zben0 > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_tvvw4.modal__gap-16_tvvw4 > * {
39
+ .modal__column_zben0.modal__gap-16_zben0 > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_tvvw4.modal__gap-24_tvvw4 > * {
42
+ .modal__column_zben0.modal__gap-24_zben0 > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_tvvw4.modal__gap-32_tvvw4 > * {
45
+ .modal__column_zben0.modal__gap-32_zben0 > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_tvvw4 {
48
+ .modal__start_zben0 {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_tvvw4 {
51
+ .modal__center_zben0 {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_tvvw4 {
54
+ .modal__space-between_zben0 {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_tvvw4 > * {
57
+ .modal__space-between_zben0 > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_tvvw4,
61
- .modal__center_tvvw4,
62
- .modal__space-between_tvvw4 {
60
+ .modal__start_zben0,
61
+ .modal__center_zben0,
62
+ .modal__space-between_zben0 {
63
63
  display: flex
64
64
  }
65
- .modal__start_tvvw4 > *, .modal__center_tvvw4 > *, .modal__space-between_tvvw4 > * {
65
+ .modal__start_zben0 > *, .modal__center_zben0 > *, .modal__space-between_zben0 > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_tvvw4 > *:last-child,
69
- .modal__start_tvvw4 > *:only-child,
70
- .modal__center_tvvw4 > *:last-child,
71
- .modal__center_tvvw4 > *:only-child,
72
- .modal__space-between_tvvw4 > *:last-child,
73
- .modal__space-between_tvvw4 > *:only-child {
68
+ .modal__start_zben0 > *:last-child,
69
+ .modal__start_zben0 > *:only-child,
70
+ .modal__center_zben0 > *:last-child,
71
+ .modal__center_zben0 > *:only-child,
72
+ .modal__space-between_zben0 > *:last-child,
73
+ .modal__space-between_zben0 > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_tvvw4.modal__gap-16_tvvw4 > *, .modal__center_tvvw4.modal__gap-16_tvvw4 > *, .modal__space-between_tvvw4.modal__gap-16_tvvw4 > * {
76
+ .modal__start_zben0.modal__gap-16_zben0 > *, .modal__center_zben0.modal__gap-16_zben0 > *, .modal__space-between_zben0.modal__gap-16_zben0 > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_tvvw4.modal__gap-24_tvvw4 > *, .modal__center_tvvw4.modal__gap-24_tvvw4 > *, .modal__space-between_tvvw4.modal__gap-24_tvvw4 > * {
79
+ .modal__start_zben0.modal__gap-24_zben0 > *, .modal__center_zben0.modal__gap-24_zben0 > *, .modal__space-between_zben0.modal__gap-24_zben0 > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_tvvw4.modal__gap-32_tvvw4 > *, .modal__center_tvvw4.modal__gap-32_tvvw4 > *, .modal__space-between_tvvw4.modal__gap-32_tvvw4 > * {
82
+ .modal__start_zben0.modal__gap-32_zben0 > *, .modal__center_zben0.modal__gap-32_zben0 > *, .modal__space-between_zben0.modal__gap-32_zben0 > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1iztt */
1
+ /* hash: o93o6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_18w5w {
25
+ .modal__footer_3gip8 {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_18w5w {
28
+ .modal__sticky_3gip8 {
29
29
  bottom: 0;
30
30
  }
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -8,7 +8,7 @@ import '@alfalab/core-components-icon-button/dist/esm';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from '../closer/Component.js';
10
10
 
11
- var styles = {"header":"modal__header_lew6e","content":"modal__content_lew6e","s":"modal__s_lew6e","m":"modal__m_lew6e","l":"modal__l_lew6e","xl":"modal__xl_lew6e","fullscreen":"modal__fullscreen_lew6e","hasContent":"modal__hasContent_lew6e","sticky":"modal__sticky_lew6e"};
11
+ var styles = {"header":"modal__header_quex9","content":"modal__content_quex9","s":"modal__s_quex9","m":"modal__m_quex9","l":"modal__l_quex9","xl":"modal__xl_quex9","fullscreen":"modal__fullscreen_quex9","hasContent":"modal__hasContent_quex9","sticky":"modal__sticky_quex9"};
12
12
  require('./desktop.css')
13
13
 
14
14
  var HeaderDesktop = function (_a) {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/dist/esm';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var styles = {"header":"modal__header_33dzh","hasContent":"modal__hasContent_33dzh","highlighted":"modal__highlighted_33dzh","sticky":"modal__sticky_33dzh","content":"modal__content_33dzh","title":"modal__title_33dzh","addon":"modal__addon_33dzh","closer":"modal__closer_33dzh","left":"modal__left_33dzh","center":"modal__center_33dzh","right":"modal__right_33dzh","trim":"modal__trim_33dzh"};
6
+ var styles = {"header":"modal__header_10dur","hasContent":"modal__hasContent_10dur","highlighted":"modal__highlighted_10dur","sticky":"modal__sticky_10dur","content":"modal__content_10dur","title":"modal__title_10dur","addon":"modal__addon_10dur","closer":"modal__closer_10dur","left":"modal__left_10dur","center":"modal__center_10dur","right":"modal__right_10dur","trim":"modal__trim_10dur"};
7
7
  require('./index.css')
8
8
 
9
9
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-8123756f.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from '../closer/Component.js';
10
10
  import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
11
11
 
12
- var styles = {"sticky":"modal__sticky_1qd2v","content":"modal__content_1qd2v"};
12
+ var styles = {"sticky":"modal__sticky_kxfp3","content":"modal__content_kxfp3"};
13
13
  require('./mobile.css')
14
14
 
15
15
  var HeaderMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: nlcub */
1
+ /* hash: 1rvqq */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_lew6e {
46
+ .modal__header_quex9 {
47
47
  border-top-left-radius: var(--modal-border-radius);
48
48
  border-top-right-radius: var(--modal-border-radius);
49
49
  }
50
- .modal__content_lew6e {
50
+ .modal__content_quex9 {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
53
  }
54
- .modal__s_lew6e .modal__content_lew6e,
55
- .modal__m_lew6e .modal__content_lew6e {
54
+ .modal__s_quex9 .modal__content_quex9,
55
+ .modal__m_quex9 .modal__content_quex9 {
56
56
  padding: var(--modal-s-header-desktop-content-paddings);
57
57
  font-size: var(--modal-s-header-desktop-font-size);
58
58
  line-height: var(--modal-s-header-desktop-line-height);
59
59
  }
60
- .modal__l_lew6e .modal__content_lew6e,
61
- .modal__xl_lew6e .modal__content_lew6e,
62
- .modal__fullscreen_lew6e .modal__content_lew6e {
60
+ .modal__l_quex9 .modal__content_quex9,
61
+ .modal__xl_quex9 .modal__content_quex9,
62
+ .modal__fullscreen_quex9 .modal__content_quex9 {
63
63
  padding: var(--modal-l-header-desktop-content-paddings);
64
64
  font-size: var(--modal-l-header-desktop-font-size);
65
65
  line-height: var(--modal-l-header-desktop-line-height);
66
66
  }
67
- .modal__s_lew6e,
68
- .modal__m_lew6e {
67
+ .modal__s_quex9,
68
+ .modal__m_quex9 {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_lew6e:not(.modal__hasContent_lew6e), .modal__m_lew6e:not(.modal__hasContent_lew6e) {
71
+ .modal__s_quex9:not(.modal__hasContent_quex9), .modal__m_quex9:not(.modal__hasContent_quex9) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_lew6e,
75
- .modal__xl_lew6e,
76
- .modal__fullscreen_lew6e {
74
+ .modal__l_quex9,
75
+ .modal__xl_quex9,
76
+ .modal__fullscreen_quex9 {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_lew6e:not(.modal__hasContent_lew6e), .modal__xl_lew6e:not(.modal__hasContent_lew6e), .modal__fullscreen_lew6e:not(.modal__hasContent_lew6e) {
79
+ .modal__l_quex9:not(.modal__hasContent_quex9), .modal__xl_quex9:not(.modal__hasContent_quex9), .modal__fullscreen_quex9:not(.modal__hasContent_quex9) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_lew6e {
82
+ .modal__sticky_quex9 {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_lew6e.modal__fullscreen_lew6e {
85
+ .modal__sticky_quex9.modal__fullscreen_quex9 {
86
86
  top: 0;
87
87
  }