@alfalab/core-components-modal 5.0.2 → 5.0.5

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 (107) 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-66c6530d.js +4 -0
  61. package/dist/esm/{tslib.es6-acfafc87.d.ts → tslib.es6-72b1ddb8.d.ts} +0 -0
  62. package/dist/esm/{tslib.es6-acfafc87.js → tslib.es6-72b1ddb8.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.d.ts +1 -1
  69. package/dist/modern/Component.responsive.js +1 -1
  70. package/dist/modern/components/closer/Component.js +1 -1
  71. package/dist/modern/components/closer/index.css +4 -4
  72. package/dist/modern/components/content/Component.desktop.js +1 -1
  73. package/dist/modern/components/content/Component.js +1 -1
  74. package/dist/modern/components/content/Component.mobile.js +1 -1
  75. package/dist/modern/components/content/desktop.css +8 -8
  76. package/dist/modern/components/content/index.css +3 -3
  77. package/dist/modern/components/content/mobile.css +3 -3
  78. package/dist/modern/components/footer/Component.desktop.js +1 -1
  79. package/dist/modern/components/footer/Component.js +2 -2
  80. package/dist/modern/components/footer/Component.mobile.js +1 -1
  81. package/dist/modern/components/footer/desktop.css +9 -9
  82. package/dist/modern/components/footer/index.css +4 -4
  83. package/dist/modern/components/footer/layout.css +25 -25
  84. package/dist/modern/components/footer/mobile.css +3 -3
  85. package/dist/modern/components/header/Component.desktop.js +1 -1
  86. package/dist/modern/components/header/Component.js +1 -1
  87. package/dist/modern/components/header/Component.mobile.js +1 -1
  88. package/dist/modern/components/header/desktop.css +17 -17
  89. package/dist/modern/components/header/index.css +15 -15
  90. package/dist/modern/components/header/mobile.css +3 -3
  91. package/dist/modern/desktop.css +9 -9
  92. package/dist/modern/desktop.js +1 -1
  93. package/dist/modern/index.js +1 -1
  94. package/dist/modern/mobile.css +2 -2
  95. package/dist/modern/mobile.js +1 -1
  96. package/dist/modern/responsive.js +1 -1
  97. package/dist/modern/transitions.css +8 -8
  98. package/dist/modern/transitions.module-66c6530d.js +4 -0
  99. package/dist/responsive.js +2 -2
  100. package/dist/transitions.css +8 -8
  101. package/dist/transitions.module-4fc862d0.js +6 -0
  102. package/dist/{tslib.es6-aeaa6cae.d.ts → tslib.es6-bccc352a.d.ts} +0 -0
  103. package/dist/{tslib.es6-aeaa6cae.js → tslib.es6-bccc352a.js} +0 -0
  104. package/package.json +5 -5
  105. package/dist/esm/transitions.module-c3e21445.js +0 -4
  106. package/dist/modern/transitions.module-c3e21445.js +0 -4
  107. package/dist/transitions.module-ff9f50b2.js +0 -6
@@ -11,7 +11,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
11
11
  fixedPosition?: boolean | undefined;
12
12
  hasCloser?: boolean | undefined;
13
13
  } & React.RefAttributes<HTMLDivElement>> & {
14
- Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
14
+ Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
15
15
  Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
16
16
  Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
17
17
  Closer: React.FC<import("./components/closer/Component").CloserProps>;
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('./tslib.es6-bccc352a.js');
6
6
  var React = 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-ff9f50b2.js');
21
+ require('./transitions.module-4fc862d0.js');
22
22
  require('@alfalab/icons-glyph/CrossMIcon');
23
23
  require('./components/header/Component.mobile.js');
24
24
  require('./components/content/Component.mobile.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
17
 
18
- var styles = {"closer":"modal__closer_1f1xv","button":"modal__button_1f1xv","sticky":"modal__sticky_1f1xv"};
18
+ var styles = {"closer":"modal__closer_1td3q","button":"modal__button_1td3q","sticky":"modal__sticky_1td3q"};
19
19
  require('./index.css')
20
20
 
21
21
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1psyv */
1
+ /* hash: 1t9ab */
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_1f1xv {
32
+ .modal__closer_1td3q {
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_1f1xv {
41
+ .modal__button_1td3q {
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_1f1xv {
47
+ .modal__sticky_1td3q {
48
48
  position: sticky;
49
49
  top: calc(var(--modal-vertical-padding) * -1);
50
50
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"s":"modal__s_1ua1i","m":"modal__m_1ua1i","l":"modal__l_1ua1i","xl":"modal__xl_1ua1i","fullscreen":"modal__fullscreen_1ua1i"};
17
+ var styles = {"s":"modal__s_wdvwo","m":"modal__m_wdvwo","l":"modal__l_wdvwo","xl":"modal__xl_wdvwo","fullscreen":"modal__fullscreen_wdvwo"};
18
18
  require('./desktop.css')
19
19
 
20
20
  var ContentDesktop = function (_a) {
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"content":"modal__content_q7jmp","flex":"modal__flex_q7jmp"};
15
+ var styles = {"content":"modal__content_zhk1t","flex":"modal__flex_zhk1t"};
16
16
  require('./index.css')
17
17
 
18
18
  var Content = function (_a) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"content":"modal__content_1s1lg"};
17
+ var styles = {"content":"modal__content_1p6x6"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var ContentMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: pqsp7 */
1
+ /* hash: 1ff5b */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,18 +24,18 @@
24
24
 
25
25
  /* mobile */
26
26
  }
27
- .modal__s_1ua1i,
28
- .modal__m_1ua1i {
27
+ .modal__s_wdvwo,
28
+ .modal__m_wdvwo {
29
29
  padding: var(--modal-s-content-paddings)
30
30
  }
31
- .modal__s_1ua1i:last-child, .modal__m_1ua1i:last-child {
31
+ .modal__s_wdvwo:last-child, .modal__m_wdvwo:last-child {
32
32
  padding-bottom: var(--modal-s-content-only-bottom-padding);
33
33
  }
34
- .modal__l_1ua1i,
35
- .modal__xl_1ua1i,
36
- .modal__fullscreen_1ua1i {
34
+ .modal__l_wdvwo,
35
+ .modal__xl_wdvwo,
36
+ .modal__fullscreen_wdvwo {
37
37
  padding: 0 var(--gap-6xl)
38
38
  }
39
- .modal__l_1ua1i:last-child, .modal__xl_1ua1i:last-child, .modal__fullscreen_1ua1i:last-child {
39
+ .modal__l_wdvwo:last-child, .modal__xl_wdvwo:last-child, .modal__fullscreen_wdvwo:last-child {
40
40
  padding-bottom: var(--gap-6xl);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: izqs6 */
1
+ /* hash: 1i7r5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,10 +19,10 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__content_q7jmp {
22
+ .modal__content_zhk1t {
23
23
  box-sizing: border-box;
24
24
  width: 100%;
25
25
  }
26
- .modal__flex_q7jmp {
26
+ .modal__flex_zhk1t {
27
27
  flex: 1 1 auto;
28
28
  }
@@ -1,4 +1,4 @@
1
- /* hash: up39q */
1
+ /* hash: epl7x */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__content_1s1lg {
25
+ .modal__content_1p6x6 {
26
26
  padding: 0 var(--gap-m)
27
27
  }
28
- .modal__content_1s1lg:last-child {
28
+ .modal__content_1p6x6:last-child {
29
29
  padding-bottom: var(--gap-m);
30
30
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"footer":"modal__footer_w1clq","sticky":"modal__sticky_w1clq","fullscreen":"modal__fullscreen_w1clq","s":"modal__s_w1clq","m":"modal__m_w1clq","l":"modal__l_w1clq","xl":"modal__xl_w1clq"};
17
+ var styles = {"footer":"modal__footer_owwlf","sticky":"modal__sticky_owwlf","fullscreen":"modal__fullscreen_owwlf","s":"modal__s_owwlf","m":"modal__m_owwlf","l":"modal__l_owwlf","xl":"modal__xl_owwlf"};
18
18
  require('./desktop.css')
19
19
 
20
20
  var FooterDesktop = function (_a) {
@@ -12,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"footer":"modal__footer_1x8wp","sticky":"modal__sticky_1x8wp","highlighted":"modal__highlighted_1x8wp"};
15
+ var styles = {"footer":"modal__footer_iyaod","sticky":"modal__sticky_iyaod","highlighted":"modal__highlighted_iyaod"};
16
16
  require('./index.css')
17
17
 
18
- var layoutStyles = {"column":"modal__column_1s5cw","gap-16":"modal__gap-16_1s5cw","gap-24":"modal__gap-24_1s5cw","gap-32":"modal__gap-32_1s5cw","start":"modal__start_1s5cw","center":"modal__center_1s5cw","space-between":"modal__space-between_1s5cw"};
18
+ var layoutStyles = {"column":"modal__column_1l0ww","gap-16":"modal__gap-16_1l0ww","gap-24":"modal__gap-24_1l0ww","gap-32":"modal__gap-32_1l0ww","start":"modal__start_1l0ww","center":"modal__center_1l0ww","space-between":"modal__space-between_1l0ww"};
19
19
  require('./layout.css')
20
20
 
21
21
  var Footer = function (_a) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"footer":"modal__footer_1hck3","sticky":"modal__sticky_1hck3"};
17
+ var styles = {"footer":"modal__footer_qhp32","sticky":"modal__sticky_qhp32"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var FooterMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1sa93 */
1
+ /* hash: 1ed24 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,22 +31,22 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__footer_w1clq {
34
+ .modal__footer_owwlf {
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_w1clq {
38
+ .modal__sticky_owwlf {
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  }
41
- .modal__sticky_w1clq.modal__fullscreen_w1clq {
41
+ .modal__sticky_owwlf.modal__fullscreen_owwlf {
42
42
  bottom: 0;
43
43
  }
44
- .modal__s_w1clq,
45
- .modal__m_w1clq {
44
+ .modal__s_owwlf,
45
+ .modal__m_owwlf {
46
46
  padding: var(--modal-s-footer-paddings);
47
47
  }
48
- .modal__l_w1clq,
49
- .modal__xl_w1clq,
50
- .modal__fullscreen_w1clq {
48
+ .modal__l_owwlf,
49
+ .modal__xl_owwlf,
50
+ .modal__fullscreen_owwlf {
51
51
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: 22k8y */
1
+ /* hash: 1dmtk */
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_1x8wp {
29
+ .modal__footer_iyaod {
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_1x8wp {
34
+ .modal__sticky_iyaod {
35
35
  background: var(--modal-footer-background);
36
36
  position: sticky;
37
37
  }
38
- .modal__highlighted_1x8wp {
38
+ .modal__highlighted_iyaod {
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: 1wxma */
1
+ /* hash: 1j0fb */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__column_1s5cw {
28
+ .modal__column_1l0ww {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_1s5cw > * {
32
+ .modal__column_1l0ww > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_1s5cw > *:last-child,
36
- .modal__column_1s5cw > *:only-child {
35
+ .modal__column_1l0ww > *:last-child,
36
+ .modal__column_1l0ww > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_1s5cw.modal__gap-16_1s5cw > * {
39
+ .modal__column_1l0ww.modal__gap-16_1l0ww > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_1s5cw.modal__gap-24_1s5cw > * {
42
+ .modal__column_1l0ww.modal__gap-24_1l0ww > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_1s5cw.modal__gap-32_1s5cw > * {
45
+ .modal__column_1l0ww.modal__gap-32_1l0ww > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_1s5cw {
48
+ .modal__start_1l0ww {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_1s5cw {
51
+ .modal__center_1l0ww {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_1s5cw {
54
+ .modal__space-between_1l0ww {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_1s5cw > * {
57
+ .modal__space-between_1l0ww > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_1s5cw,
61
- .modal__center_1s5cw,
62
- .modal__space-between_1s5cw {
60
+ .modal__start_1l0ww,
61
+ .modal__center_1l0ww,
62
+ .modal__space-between_1l0ww {
63
63
  display: flex
64
64
  }
65
- .modal__start_1s5cw > *, .modal__center_1s5cw > *, .modal__space-between_1s5cw > * {
65
+ .modal__start_1l0ww > *, .modal__center_1l0ww > *, .modal__space-between_1l0ww > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_1s5cw > *:last-child,
69
- .modal__start_1s5cw > *:only-child,
70
- .modal__center_1s5cw > *:last-child,
71
- .modal__center_1s5cw > *:only-child,
72
- .modal__space-between_1s5cw > *:last-child,
73
- .modal__space-between_1s5cw > *:only-child {
68
+ .modal__start_1l0ww > *:last-child,
69
+ .modal__start_1l0ww > *:only-child,
70
+ .modal__center_1l0ww > *:last-child,
71
+ .modal__center_1l0ww > *:only-child,
72
+ .modal__space-between_1l0ww > *:last-child,
73
+ .modal__space-between_1l0ww > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_1s5cw.modal__gap-16_1s5cw > *, .modal__center_1s5cw.modal__gap-16_1s5cw > *, .modal__space-between_1s5cw.modal__gap-16_1s5cw > * {
76
+ .modal__start_1l0ww.modal__gap-16_1l0ww > *, .modal__center_1l0ww.modal__gap-16_1l0ww > *, .modal__space-between_1l0ww.modal__gap-16_1l0ww > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_1s5cw.modal__gap-24_1s5cw > *, .modal__center_1s5cw.modal__gap-24_1s5cw > *, .modal__space-between_1s5cw.modal__gap-24_1s5cw > * {
79
+ .modal__start_1l0ww.modal__gap-24_1l0ww > *, .modal__center_1l0ww.modal__gap-24_1l0ww > *, .modal__space-between_1l0ww.modal__gap-24_1l0ww > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_1s5cw.modal__gap-32_1s5cw > *, .modal__center_1s5cw.modal__gap-32_1s5cw > *, .modal__space-between_1s5cw.modal__gap-32_1s5cw > * {
82
+ .modal__start_1l0ww.modal__gap-32_1l0ww > *, .modal__center_1l0ww.modal__gap-32_1l0ww > *, .modal__space-between_1l0ww.modal__gap-32_1l0ww > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 142yx */
1
+ /* hash: 10mnh */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_1hck3 {
25
+ .modal__footer_qhp32 {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_1hck3 {
28
+ .modal__sticky_qhp32 {
29
29
  bottom: 0;
30
30
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var styles = {"header":"modal__header_18kh7","content":"modal__content_18kh7","s":"modal__s_18kh7","m":"modal__m_18kh7","l":"modal__l_18kh7","xl":"modal__xl_18kh7","fullscreen":"modal__fullscreen_18kh7","hasContent":"modal__hasContent_18kh7","sticky":"modal__sticky_18kh7"};
20
+ var styles = {"header":"modal__header_11g17","content":"modal__content_11g17","s":"modal__s_11g17","m":"modal__m_11g17","l":"modal__l_11g17","xl":"modal__xl_11g17","fullscreen":"modal__fullscreen_11g17","hasContent":"modal__hasContent_11g17","sticky":"modal__sticky_11g17"};
21
21
  require('./desktop.css')
22
22
 
23
23
  var HeaderDesktop = function (_a) {
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"header":"modal__header_q8z0t","hasContent":"modal__hasContent_q8z0t","highlighted":"modal__highlighted_q8z0t","sticky":"modal__sticky_q8z0t","content":"modal__content_q8z0t","title":"modal__title_q8z0t","addon":"modal__addon_q8z0t","closer":"modal__closer_q8z0t","left":"modal__left_q8z0t","center":"modal__center_q8z0t","right":"modal__right_q8z0t","trim":"modal__trim_q8z0t"};
15
+ var styles = {"header":"modal__header_1azh1","hasContent":"modal__hasContent_1azh1","highlighted":"modal__highlighted_1azh1","sticky":"modal__sticky_1azh1","content":"modal__content_1azh1","title":"modal__title_1azh1","addon":"modal__addon_1azh1","closer":"modal__closer_1azh1","left":"modal__left_1azh1","center":"modal__center_1azh1","right":"modal__right_1azh1","trim":"modal__trim_1azh1"};
16
16
  require('./index.css')
17
17
 
18
18
  var Header = function (_a) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-aeaa6cae.js');
5
+ var tslib_es6 = require('../../tslib.es6-bccc352a.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
20
20
  var CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
21
21
 
22
- var styles = {"sticky":"modal__sticky_1v7rj","content":"modal__content_1v7rj"};
22
+ var styles = {"sticky":"modal__sticky_1gwlo","content":"modal__content_1gwlo"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var HeaderMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 18erq */
1
+ /* hash: 86kby */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_18kh7 {
46
+ .modal__header_11g17 {
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_18kh7 {
50
+ .modal__content_11g17 {
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_18kh7 .modal__content_18kh7,
55
- .modal__m_18kh7 .modal__content_18kh7 {
54
+ .modal__s_11g17 .modal__content_11g17,
55
+ .modal__m_11g17 .modal__content_11g17 {
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_18kh7 .modal__content_18kh7,
61
- .modal__xl_18kh7 .modal__content_18kh7,
62
- .modal__fullscreen_18kh7 .modal__content_18kh7 {
60
+ .modal__l_11g17 .modal__content_11g17,
61
+ .modal__xl_11g17 .modal__content_11g17,
62
+ .modal__fullscreen_11g17 .modal__content_11g17 {
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_18kh7,
68
- .modal__m_18kh7 {
67
+ .modal__s_11g17,
68
+ .modal__m_11g17 {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_18kh7:not(.modal__hasContent_18kh7), .modal__m_18kh7:not(.modal__hasContent_18kh7) {
71
+ .modal__s_11g17:not(.modal__hasContent_11g17), .modal__m_11g17:not(.modal__hasContent_11g17) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_18kh7,
75
- .modal__xl_18kh7,
76
- .modal__fullscreen_18kh7 {
74
+ .modal__l_11g17,
75
+ .modal__xl_11g17,
76
+ .modal__fullscreen_11g17 {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_18kh7:not(.modal__hasContent_18kh7), .modal__xl_18kh7:not(.modal__hasContent_18kh7), .modal__fullscreen_18kh7:not(.modal__hasContent_18kh7) {
79
+ .modal__l_11g17:not(.modal__hasContent_11g17), .modal__xl_11g17:not(.modal__hasContent_11g17), .modal__fullscreen_11g17:not(.modal__hasContent_11g17) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_18kh7 {
82
+ .modal__sticky_11g17 {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_18kh7.modal__fullscreen_18kh7 {
85
+ .modal__sticky_11g17.modal__fullscreen_11g17 {
86
86
  top: 0;
87
87
  }
@@ -1,4 +1,4 @@
1
- /* hash: 156dz */
1
+ /* hash: qefam */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__header_q8z0t {
28
+ .modal__header_1azh1 {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  display: flex;
@@ -33,26 +33,26 @@
33
33
  justify-content: space-between;
34
34
  transition: box-shadow 0.2s ease, background 0.2s ease
35
35
  }
36
- .modal__header_q8z0t:not(.modal__hasContent_q8z0t) {
36
+ .modal__header_1azh1:not(.modal__hasContent_1azh1) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_q8z0t {
39
+ .modal__highlighted_1azh1 {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_q8z0t {
43
+ .modal__sticky_1azh1 {
44
44
  position: sticky
45
45
  }
46
- .modal__sticky_q8z0t.modal__hasContent_q8z0t {
46
+ .modal__sticky_1azh1.modal__hasContent_1azh1 {
47
47
  background: var(--modal-header-background);
48
48
  }
49
- .modal__content_q8z0t {
49
+ .modal__content_1azh1 {
50
50
  flex-grow: 1;
51
51
  }
52
- .modal__title_q8z0t {
52
+ .modal__title_1azh1 {
53
53
  word-break: break-word;
54
54
  }
55
- .modal__addon_q8z0t {
55
+ .modal__addon_1azh1 {
56
56
  min-width: 48px;
57
57
  height: 48px;
58
58
  display: flex;
@@ -60,25 +60,25 @@
60
60
  align-items: center;
61
61
  pointer-events: all;
62
62
  }
63
- .modal__closer_q8z0t {
63
+ .modal__closer_1azh1 {
64
64
  margin-left: auto;
65
65
  }
66
- .modal__left_q8z0t {
66
+ .modal__left_1azh1 {
67
67
  justify-content: flex-start;
68
68
  text-align: left;
69
69
  }
70
- .modal__center_q8z0t {
70
+ .modal__center_1azh1 {
71
71
  justify-content: center;
72
72
  text-align: center;
73
73
  }
74
- .modal__right_q8z0t {
74
+ .modal__right_1azh1 {
75
75
  justify-content: flex-end;
76
76
  text-align: right;
77
77
  }
78
- .modal__trim_q8z0t {
78
+ .modal__trim_1azh1 {
79
79
  overflow: hidden
80
80
  }
81
- .modal__trim_q8z0t .modal__title_q8z0t {
81
+ .modal__trim_1azh1 .modal__title_1azh1 {
82
82
  overflow: hidden;
83
83
  white-space: nowrap;
84
84
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: h2sdq */
1
+ /* hash: 1itv7 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -33,10 +33,10 @@
33
33
  --modal-header-mobile-font-family: var(--font-family-system);
34
34
  --modal-header-mobile-font-weight: bold;
35
35
  }
36
- .modal__sticky_1v7rj {
36
+ .modal__sticky_1gwlo {
37
37
  top: 0;
38
38
  }
39
- .modal__content_1v7rj {
39
+ .modal__content_1gwlo {
40
40
  font-size: var(--modal-header-mobile-font-size);
41
41
  line-height: var(--modal-header-mobile-line-height);
42
42
  font-family: var(--modal-header-mobile-font-family);