@alfalab/core-components-modal 4.0.6 → 4.0.7

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 (92) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/Component.desktop.js +3 -3
  3. package/dist/Component.mobile.js +3 -3
  4. package/dist/Component.responsive.js +2 -2
  5. package/dist/components/closer/Component.js +2 -2
  6. package/dist/components/closer/index.css +8 -8
  7. package/dist/components/content/Component.desktop.js +2 -2
  8. package/dist/components/content/Component.mobile.js +2 -2
  9. package/dist/components/content/desktop.css +12 -12
  10. package/dist/components/content/mobile.css +7 -7
  11. package/dist/components/footer/Component.desktop.js +2 -2
  12. package/dist/components/footer/Component.js +1 -1
  13. package/dist/components/footer/Component.mobile.js +2 -2
  14. package/dist/components/footer/desktop.css +12 -12
  15. package/dist/components/footer/layout.css +25 -25
  16. package/dist/components/footer/mobile.css +7 -7
  17. package/dist/components/header/Component.desktop.js +2 -2
  18. package/dist/components/header/Component.js +1 -1
  19. package/dist/components/header/Component.mobile.js +2 -2
  20. package/dist/components/header/desktop.css +16 -16
  21. package/dist/components/header/mobile.css +11 -11
  22. package/dist/desktop.css +8 -8
  23. package/dist/desktop.js +2 -2
  24. package/dist/esm/Component.desktop.js +3 -3
  25. package/dist/esm/Component.mobile.js +3 -3
  26. package/dist/esm/Component.responsive.js +2 -2
  27. package/dist/esm/components/closer/Component.js +2 -2
  28. package/dist/esm/components/closer/index.css +8 -8
  29. package/dist/esm/components/content/Component.desktop.js +2 -2
  30. package/dist/esm/components/content/Component.mobile.js +2 -2
  31. package/dist/esm/components/content/desktop.css +12 -12
  32. package/dist/esm/components/content/mobile.css +7 -7
  33. package/dist/esm/components/footer/Component.desktop.js +2 -2
  34. package/dist/esm/components/footer/Component.js +1 -1
  35. package/dist/esm/components/footer/Component.mobile.js +2 -2
  36. package/dist/esm/components/footer/desktop.css +12 -12
  37. package/dist/esm/components/footer/layout.css +25 -25
  38. package/dist/esm/components/footer/mobile.css +7 -7
  39. package/dist/esm/components/header/Component.desktop.js +2 -2
  40. package/dist/esm/components/header/Component.js +1 -1
  41. package/dist/esm/components/header/Component.mobile.js +2 -2
  42. package/dist/esm/components/header/desktop.css +16 -16
  43. package/dist/esm/components/header/mobile.css +11 -11
  44. package/dist/esm/desktop.css +8 -8
  45. package/dist/esm/desktop.js +2 -2
  46. package/dist/esm/index.js +2 -2
  47. package/dist/esm/mobile.css +2 -2
  48. package/dist/esm/mobile.js +2 -2
  49. package/dist/esm/responsive.js +2 -2
  50. package/dist/esm/transitions.css +8 -8
  51. package/dist/esm/transitions.module-c8dac06a.js +4 -0
  52. package/dist/esm/{tslib.es6-980e4c5b.d.ts → tslib.es6-327e6722.d.ts} +0 -0
  53. package/dist/esm/{tslib.es6-980e4c5b.js → tslib.es6-327e6722.js} +0 -0
  54. package/dist/index.js +2 -2
  55. package/dist/mobile.css +2 -2
  56. package/dist/mobile.js +2 -2
  57. package/dist/modern/Component.desktop.js +2 -2
  58. package/dist/modern/Component.mobile.js +2 -2
  59. package/dist/modern/Component.responsive.js +1 -1
  60. package/dist/modern/components/closer/Component.js +1 -1
  61. package/dist/modern/components/closer/index.css +8 -8
  62. package/dist/modern/components/content/Component.desktop.js +1 -1
  63. package/dist/modern/components/content/Component.mobile.js +1 -1
  64. package/dist/modern/components/content/desktop.css +12 -12
  65. package/dist/modern/components/content/mobile.css +7 -7
  66. package/dist/modern/components/footer/Component.desktop.js +1 -1
  67. package/dist/modern/components/footer/Component.js +1 -1
  68. package/dist/modern/components/footer/Component.mobile.js +1 -1
  69. package/dist/modern/components/footer/desktop.css +12 -12
  70. package/dist/modern/components/footer/layout.css +25 -25
  71. package/dist/modern/components/footer/mobile.css +7 -7
  72. package/dist/modern/components/header/Component.desktop.js +1 -1
  73. package/dist/modern/components/header/Component.mobile.js +1 -1
  74. package/dist/modern/components/header/desktop.css +16 -16
  75. package/dist/modern/components/header/mobile.css +11 -11
  76. package/dist/modern/desktop.css +8 -8
  77. package/dist/modern/desktop.js +1 -1
  78. package/dist/modern/index.js +1 -1
  79. package/dist/modern/mobile.css +2 -2
  80. package/dist/modern/mobile.js +1 -1
  81. package/dist/modern/responsive.js +1 -1
  82. package/dist/modern/transitions.css +8 -8
  83. package/dist/modern/transitions.module-c8dac06a.js +4 -0
  84. package/dist/responsive.js +2 -2
  85. package/dist/transitions.css +8 -8
  86. package/dist/transitions.module-9c7cb980.js +6 -0
  87. package/dist/{tslib.es6-4580f410.d.ts → tslib.es6-d1b7fb9e.d.ts} +0 -0
  88. package/dist/{tslib.es6-4580f410.js → tslib.es6-d1b7fb9e.js} +0 -0
  89. package/package.json +3 -3
  90. package/dist/esm/transitions.module-57d58ab1.js +0 -4
  91. package/dist/modern/transitions.module-57d58ab1.js +0 -4
  92. package/dist/transitions.module-c3a97687.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: ra3do */
1
+ /* hash: 1a9t8 */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -45,7 +45,7 @@
45
45
  /* scroll */
46
46
  --modal-header-highlight-box-shadow: var(--shadow-s);
47
47
  --modal-header-highlight-background: var(--color-light-bg-primary);
48
- }.modal__header_1u7ld {
48
+ }.modal__header_pute5 {
49
49
  width: 100%;
50
50
  box-sizing: border-box;
51
51
  display: flex;
@@ -53,12 +53,12 @@
53
53
  justify-content: flex-end;
54
54
  transition: box-shadow 0.2s ease, background 0.2s ease;
55
55
  background: var(--modal-header-background);
56
- }.modal__highlighted_1u7ld {
56
+ }.modal__highlighted_pute5 {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_1u7ld {
59
+ }.modal__sticky_pute5 {
60
60
  position: sticky;
61
- }.modal__content_1u7ld {
61
+ }.modal__content_pute5 {
62
62
  font-size: 24px;
63
63
  line-height: 32px;
64
64
  font-weight: 500;
@@ -66,7 +66,7 @@
66
66
  font-family: var(--font-family-styrene);
67
67
  flex-grow: 1;
68
68
  margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
69
- }.modal__title_1u7ld {
69
+ }.modal__title_pute5 {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -624,33 +624,33 @@
624
624
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
625
625
  --modal-footer-highlight-background: var(--color-light-bg-primary);
626
626
  }
627
- .modal__header_11dwz {
627
+ .modal__header_1w292 {
628
628
 
629
629
  min-height: var(--modal-header-min-height);
630
630
  border-top-left-radius: var(--modal-border-radius);
631
631
  border-top-right-radius: var(--modal-border-radius);
632
632
  }
633
- .modal__s_11dwz {
633
+ .modal__s_1w292 {
634
634
  padding: var(--modal-s-header-paddings);
635
635
  }
636
- .modal__m_11dwz {
636
+ .modal__m_1w292 {
637
637
  padding: var(--modal-m-header-paddings);
638
638
  }
639
- .modal__l_11dwz,
640
- .modal__fullscreen_11dwz {
639
+ .modal__l_1w292,
640
+ .modal__fullscreen_1w292 {
641
641
  min-height: var(--modal-header-l-min-height);
642
642
  padding: var(--modal-l-header-paddings);
643
643
  }
644
- .modal__sticky_11dwz {
644
+ .modal__sticky_1w292 {
645
645
 
646
646
  top: calc(var(--modal-vertical-padding) * -1);
647
647
  }
648
- .modal__fullscreen_11dwz {
648
+ .modal__fullscreen_1w292 {
649
649
  top: 0;
650
650
  }
651
- .modal__highlighted_11dwz {
651
+ .modal__highlighted_1w292 {
652
652
  }
653
- .modal__content_11dwz {
653
+ .modal__content_1w292 {
654
654
  }
655
- .modal__title_11dwz {
655
+ .modal__title_1w292 {
656
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: pr4a1 */
1
+ /* hash: fet5l */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -35,7 +35,7 @@
35
35
  /* scroll */
36
36
  --modal-header-highlight-box-shadow: var(--shadow-s);
37
37
  --modal-header-highlight-background: var(--color-light-bg-primary);
38
- }.modal__header_1u7ld {
38
+ }.modal__header_pute5 {
39
39
  width: 100%;
40
40
  box-sizing: border-box;
41
41
  display: flex;
@@ -43,12 +43,12 @@
43
43
  justify-content: flex-end;
44
44
  transition: box-shadow 0.2s ease, background 0.2s ease;
45
45
  background: var(--modal-header-background);
46
- }.modal__highlighted_1u7ld {
46
+ }.modal__highlighted_pute5 {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_1u7ld {
49
+ }.modal__sticky_pute5 {
50
50
  position: sticky;
51
- }.modal__content_1u7ld {
51
+ }.modal__content_pute5 {
52
52
  font-size: 24px;
53
53
  line-height: 32px;
54
54
  font-weight: 500;
@@ -56,7 +56,7 @@
56
56
  font-family: var(--font-family-styrene);
57
57
  flex-grow: 1;
58
58
  margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
59
- }.modal__title_1u7ld {
59
+ }.modal__title_pute5 {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -614,7 +614,7 @@
614
614
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
615
615
  --modal-footer-highlight-background: var(--color-light-bg-primary);
616
616
  }
617
- .modal__header_1i22q {
617
+ .modal__header_ay5y5 {
618
618
 
619
619
  text-align: center;
620
620
  flex-direction: row-reverse;
@@ -622,13 +622,13 @@
622
622
  padding-right: var(--gap-4xl);
623
623
  padding-left: 0;
624
624
  }
625
- .modal__sticky_1i22q {
625
+ .modal__sticky_ay5y5 {
626
626
 
627
627
  top: 0;
628
628
  }
629
- .modal__highlighted_1i22q {
629
+ .modal__highlighted_ay5y5 {
630
630
  }
631
- .modal__content_1i22q {
631
+ .modal__content_ay5y5 {
632
632
  }
633
- .modal__title_1i22q {
633
+ .modal__title_ay5y5 {
634
634
  }
package/dist/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10jw5 */
1
+ /* hash: 5ot05 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_10yuv {
33
+ .modal__wrapper_1tg9k {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_10yuv {
37
+ .modal__component_1tg9k {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_10yuv {
42
+ .modal__fullscreen_1tg9k {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_10yuv .modal__component_10yuv {
46
+ .modal__fullscreen_1tg9k .modal__component_1tg9k {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_10yuv {
50
+ .modal__s_1tg9k {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_10yuv {
53
+ .modal__m_1tg9k {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_10yuv {
56
+ .modal__l_1tg9k {
57
57
  width: var(--modal-l-width);
58
58
  }
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-4580f410.js');
5
+ require('./tslib.es6-d1b7fb9e.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -17,7 +17,7 @@ require('./components/content/Component.desktop.js');
17
17
  require('./components/footer/Component.js');
18
18
  require('./components/footer/Component.desktop.js');
19
19
  var Component_desktop = require('./Component.desktop.js');
20
- require('./transitions.module-c3a97687.js');
20
+ require('./transitions.module-9c7cb980.js');
21
21
 
22
22
 
23
23
 
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-327e6722.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';
@@ -12,9 +12,9 @@ import './components/content/Component.js';
12
12
  import { ContentDesktop } from './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import { FooterDesktop } from './components/footer/Component.desktop.js';
15
- import { t as transitions } from './transitions.module-57d58ab1.js';
15
+ import { t as transitions } from './transitions.module-c8dac06a.js';
16
16
 
17
- var styles = {"wrapper":"modal__wrapper_10yuv","component":"modal__component_10yuv","fullscreen":"modal__fullscreen_10yuv","s":"modal__s_10yuv","m":"modal__m_10yuv","l":"modal__l_10yuv"};
17
+ var styles = {"wrapper":"modal__wrapper_1tg9k","component":"modal__component_1tg9k","fullscreen":"modal__fullscreen_1tg9k","s":"modal__s_1tg9k","m":"modal__m_1tg9k","l":"modal__l_1tg9k"};
18
18
  require('./desktop.css')
19
19
 
20
20
  var ModalDesktopComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-327e6722.js';
2
2
  import React, { forwardRef, isValidElement, cloneElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
@@ -8,13 +8,13 @@ import { Closer } from './components/closer/Component.js';
8
8
  import './components/header/Component.js';
9
9
  import './components/content/Component.js';
10
10
  import './components/footer/Component.js';
11
- import { t as transitions } from './transitions.module-57d58ab1.js';
11
+ import { t as transitions } from './transitions.module-c8dac06a.js';
12
12
  import { useMedia } from '@alfalab/hooks';
13
13
  import { HeaderMobile } from './components/header/Component.mobile.js';
14
14
  import { ContentMobile } from './components/content/Component.mobile.js';
15
15
  import { FooterMobile } from './components/footer/Component.mobile.js';
16
16
 
17
- var styles = {"component":"modal__component_9iy5l"};
17
+ var styles = {"component":"modal__component_1vhr3"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var ModalMobileComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-327e6722.js';
2
2
  import React, { forwardRef, useMemo, useContext } from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -13,7 +13,7 @@ import './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import './components/footer/Component.desktop.js';
15
15
  import { ModalDesktop } from './Component.desktop.js';
16
- import './transitions.module-57d58ab1.js';
16
+ import './transitions.module-c8dac06a.js';
17
17
  import { useMedia } from '@alfalab/hooks';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-327e6722.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';
5
5
  import { ModalContext } from '../../Context.js';
6
6
  import { Button } from '@alfalab/core-components-button/dist/esm';
7
7
 
8
- var styles = {"closer":"modal__closer_10bi9","left":"modal__left_10bi9","right":"modal__right_10bi9","fullscreen":"modal__fullscreen_10bi9"};
8
+ var styles = {"closer":"modal__closer_1sswy","left":"modal__left_1sswy","right":"modal__right_1sswy","fullscreen":"modal__fullscreen_1sswy"};
9
9
  require('./index.css')
10
10
 
11
11
  var Closer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: nax6n */
1
+ /* hash: 1rgy3 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,7 +24,7 @@
24
24
 
25
25
  /* scroll */
26
26
  }
27
- .modal__closer_10bi9 {
27
+ .modal__closer_1sswy {
28
28
  width: 48px;
29
29
  height: 48px;
30
30
  background-image: var(--modal-closer-icon);
@@ -33,20 +33,20 @@
33
33
  flex-shrink: 0;
34
34
  transition: opacity 0.2s ease-out
35
35
  }
36
- .modal__closer_10bi9:hover {
36
+ .modal__closer_1sswy:hover {
37
37
  opacity: 0.7;
38
38
  }
39
- .modal__closer_10bi9:active {
39
+ .modal__closer_1sswy:active {
40
40
  opacity: 0.5;
41
41
  }
42
- .modal__left_10bi9,
43
- .modal__right_10bi9 {
42
+ .modal__left_1sswy,
43
+ .modal__right_1sswy {
44
44
  position: sticky;
45
45
  top: calc(var(--modal-vertical-padding) * -1);
46
46
  }
47
- .modal__right_10bi9 {
47
+ .modal__right_1sswy {
48
48
  margin-left: auto;
49
49
  }
50
- .modal__fullscreen_10bi9 {
50
+ .modal__fullscreen_1sswy {
51
51
  top: 0;
52
52
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-327e6722.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_la7h0 modal__content_ufzbz","flex":"modal__flex_la7h0 modal__flex_ufzbz","s":"modal__s_la7h0","m":"modal__m_la7h0","l":"modal__l_la7h0","fullscreen":"modal__fullscreen_la7h0"};
8
+ var styles = {"content":"modal__content_ycikz modal__content_17iaf","flex":"modal__flex_ycikz modal__flex_17iaf","s":"modal__s_ycikz","m":"modal__m_ycikz","l":"modal__l_ycikz","fullscreen":"modal__fullscreen_ycikz"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var ContentDesktop = function (_a) {
@@ -1,11 +1,11 @@
1
- import { a as __assign } from '../../tslib.es6-980e4c5b.js';
1
+ import { a as __assign } from '../../tslib.es6-327e6722.js';
2
2
  import React from 'react';
3
3
  import '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_y6uri modal__content_ufzbz","flex":"modal__flex_y6uri modal__flex_ufzbz"};
8
+ var styles = {"content":"modal__content_zy9l4 modal__content_17iaf","flex":"modal__flex_zy9l4 modal__flex_17iaf"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var ContentMobile = function (props) { return (React.createElement(Content, __assign({ styles: styles }, props))); };
@@ -1,4 +1,4 @@
1
- /* hash: ldh0p */
1
+ /* hash: 1v7ds */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -34,14 +34,14 @@
34
34
  /* sticky */
35
35
 
36
36
  /* scroll */
37
- }.modal__content_ufzbz {
37
+ }.modal__content_17iaf {
38
38
  box-sizing: border-box;
39
39
  width: 100%
40
- }.modal__content_ufzbz:first-child {
40
+ }.modal__content_17iaf:first-child {
41
41
  padding-top: var(--modal-content-no-header-top-padding);
42
- }.modal__content_ufzbz:last-child {
42
+ }.modal__content_17iaf:last-child {
43
43
  padding-bottom: var(--modal-content-no-footer-bottom-padding);
44
- }.modal__flex_ufzbz {
44
+ }.modal__flex_17iaf {
45
45
  flex: 1 1 auto;
46
46
  }
47
47
  :root {
@@ -599,20 +599,20 @@
599
599
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
600
600
  --modal-footer-highlight-background: var(--color-light-bg-primary);
601
601
  }
602
- .modal__content_la7h0 {
602
+ .modal__content_ycikz {
603
603
  }
604
- .modal__flex_la7h0 {
604
+ .modal__flex_ycikz {
605
605
  }
606
- .modal__s_la7h0 {
606
+ .modal__s_ycikz {
607
607
  padding: var(--modal-s-content-paddings);
608
608
  }
609
- .modal__m_la7h0 {
609
+ .modal__m_ycikz {
610
610
  padding: var(--modal-m-content-paddings);
611
611
  }
612
- .modal__l_la7h0,
613
- .modal__fullscreen_la7h0 {
612
+ .modal__l_ycikz,
613
+ .modal__fullscreen_ycikz {
614
614
  padding: var(--modal-l-content-paddings)
615
615
  }
616
- .modal__l_la7h0:last-child, .modal__fullscreen_la7h0:last-child {
616
+ .modal__l_ycikz:last-child, .modal__fullscreen_ycikz:last-child {
617
617
  padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
618
618
  }
@@ -1,4 +1,4 @@
1
- /* hash: 7ir00 */
1
+ /* hash: 1wmnn */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -30,14 +30,14 @@
30
30
  /* sticky */
31
31
 
32
32
  /* scroll */
33
- }.modal__content_ufzbz {
33
+ }.modal__content_17iaf {
34
34
  box-sizing: border-box;
35
35
  width: 100%
36
- }.modal__content_ufzbz:first-child {
36
+ }.modal__content_17iaf:first-child {
37
37
  padding-top: var(--modal-content-no-header-top-padding);
38
- }.modal__content_ufzbz:last-child {
38
+ }.modal__content_17iaf:last-child {
39
39
  padding-bottom: var(--modal-content-no-footer-bottom-padding);
40
- }.modal__flex_ufzbz {
40
+ }.modal__flex_17iaf {
41
41
  flex: 1 1 auto;
42
42
  }
43
43
  :root {
@@ -595,9 +595,9 @@
595
595
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
596
596
  --modal-footer-highlight-background: var(--color-light-bg-primary);
597
597
  }
598
- .modal__content_y6uri {
598
+ .modal__content_zy9l4 {
599
599
 
600
600
  padding: 0 var(--gap-m) 0;
601
601
  }
602
- .modal__flex_y6uri {
602
+ .modal__flex_zy9l4 {
603
603
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-327e6722.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_vue3z modal__footer_1ydvs","highlighted":"modal__highlighted_vue3z modal__highlighted_1ydvs","sticky":"modal__sticky_vue3z modal__sticky_1ydvs","fullscreen":"modal__fullscreen_vue3z","s":"modal__s_vue3z","m":"modal__m_vue3z","l":"modal__l_vue3z"};
8
+ var styles = {"footer":"modal__footer_1uslx modal__footer_yazjp","highlighted":"modal__highlighted_1uslx modal__highlighted_yazjp","sticky":"modal__sticky_1uslx modal__sticky_yazjp","fullscreen":"modal__fullscreen_1uslx","s":"modal__s_1uslx","m":"modal__m_1uslx","l":"modal__l_1uslx"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var FooterDesktop = 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 layoutStyles = {"column":"modal__column_2k8js","gap-16":"modal__gap-16_2k8js","gap-24":"modal__gap-24_2k8js","gap-32":"modal__gap-32_2k8js","start":"modal__start_2k8js","center":"modal__center_2k8js","space-between":"modal__space-between_2k8js"};
6
+ var layoutStyles = {"column":"modal__column_11igd","gap-16":"modal__gap-16_11igd","gap-24":"modal__gap-24_11igd","gap-32":"modal__gap-32_11igd","start":"modal__start_11igd","center":"modal__center_11igd","space-between":"modal__space-between_11igd"};
7
7
  require('./layout.css')
8
8
 
9
9
  var Footer = function (_a) {
@@ -1,11 +1,11 @@
1
- import { a as __assign } from '../../tslib.es6-980e4c5b.js';
1
+ import { a as __assign } from '../../tslib.es6-327e6722.js';
2
2
  import React from 'react';
3
3
  import '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_1sge0 modal__footer_1ydvs","highlighted":"modal__highlighted_1sge0 modal__highlighted_1ydvs","sticky":"modal__sticky_1sge0 modal__sticky_1ydvs"};
8
+ var styles = {"footer":"modal__footer_zyzc7 modal__footer_yazjp","highlighted":"modal__highlighted_zyzc7 modal__highlighted_yazjp","sticky":"modal__sticky_zyzc7 modal__sticky_yazjp"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var FooterMobile = function (props) { return React.createElement(Footer, __assign({ styles: styles }, props)); };
@@ -1,4 +1,4 @@
1
- /* hash: hrah7 */
1
+ /* hash: efzwj */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -42,16 +42,16 @@
42
42
  /* scroll */
43
43
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
44
44
  --modal-footer-highlight-background: var(--color-light-bg-primary);
45
- }.modal__footer_1ydvs {
45
+ }.modal__footer_yazjp {
46
46
  width: 100%;
47
47
  box-sizing: border-box;
48
48
  transition: box-shadow 0.2s ease, background 0.2s ease;
49
49
  background: var(--modal-header-background);
50
- }.modal__sticky_1ydvs {
50
+ }.modal__sticky_yazjp {
51
51
  background: var(--modal-footer-sticky-background);
52
52
  box-shadow: var(--modal-footer-sticky-box-shadow);
53
53
  position: sticky;
54
- }.modal__highlighted_1ydvs {
54
+ }.modal__highlighted_yazjp {
55
55
  background: var(--modal-footer-highlight-background);
56
56
  box-shadow: var(--modal-footer-highlight-box-shadow);
57
57
  }
@@ -610,27 +610,27 @@
610
610
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
611
611
  --modal-footer-highlight-background: var(--color-light-bg-primary);
612
612
  }
613
- .modal__footer_vue3z {
613
+ .modal__footer_1uslx {
614
614
 
615
615
  border-bottom-left-radius: var(--modal-border-radius);
616
616
  border-bottom-right-radius: var(--modal-border-radius);
617
617
  }
618
- .modal__highlighted_vue3z {
618
+ .modal__highlighted_1uslx {
619
619
  }
620
- .modal__sticky_vue3z {
620
+ .modal__sticky_1uslx {
621
621
 
622
622
  bottom: calc(var(--modal-vertical-padding) * -1);
623
623
  }
624
- .modal__fullscreen_vue3z {
624
+ .modal__fullscreen_1uslx {
625
625
  bottom: 0;
626
626
  }
627
- .modal__s_vue3z {
627
+ .modal__s_1uslx {
628
628
  padding: var(--modal-s-footer-paddings);
629
629
  }
630
- .modal__m_vue3z {
630
+ .modal__m_1uslx {
631
631
  padding: var(--modal-m-footer-paddings);
632
632
  }
633
- .modal__l_vue3z,
634
- .modal__fullscreen_vue3z {
633
+ .modal__l_1uslx,
634
+ .modal__fullscreen_1uslx {
635
635
  padding: var(--modal-l-footer-paddings);
636
636
  }
@@ -1,4 +1,4 @@
1
- /* hash: menod */
1
+ /* hash: j3d3p */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_2k8js {
28
+ .modal__column_11igd {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_2k8js > * {
32
+ .modal__column_11igd > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_2k8js > *:last-child,
36
- .modal__column_2k8js > *:only-child {
35
+ .modal__column_11igd > *:last-child,
36
+ .modal__column_11igd > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_2k8js.modal__gap-16_2k8js > * {
39
+ .modal__column_11igd.modal__gap-16_11igd > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_2k8js.modal__gap-24_2k8js > * {
42
+ .modal__column_11igd.modal__gap-24_11igd > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_2k8js.modal__gap-32_2k8js > * {
45
+ .modal__column_11igd.modal__gap-32_11igd > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_2k8js {
48
+ .modal__start_11igd {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_2k8js {
51
+ .modal__center_11igd {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_2k8js {
54
+ .modal__space-between_11igd {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_2k8js > * {
57
+ .modal__space-between_11igd > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_2k8js,
61
- .modal__center_2k8js,
62
- .modal__space-between_2k8js {
60
+ .modal__start_11igd,
61
+ .modal__center_11igd,
62
+ .modal__space-between_11igd {
63
63
  display: flex
64
64
  }
65
- .modal__start_2k8js > *, .modal__center_2k8js > *, .modal__space-between_2k8js > * {
65
+ .modal__start_11igd > *, .modal__center_11igd > *, .modal__space-between_11igd > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_2k8js > *:last-child,
69
- .modal__start_2k8js > *:only-child,
70
- .modal__center_2k8js > *:last-child,
71
- .modal__center_2k8js > *:only-child,
72
- .modal__space-between_2k8js > *:last-child,
73
- .modal__space-between_2k8js > *:only-child {
68
+ .modal__start_11igd > *:last-child,
69
+ .modal__start_11igd > *:only-child,
70
+ .modal__center_11igd > *:last-child,
71
+ .modal__center_11igd > *:only-child,
72
+ .modal__space-between_11igd > *:last-child,
73
+ .modal__space-between_11igd > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_2k8js.modal__gap-16_2k8js > *, .modal__center_2k8js.modal__gap-16_2k8js > *, .modal__space-between_2k8js.modal__gap-16_2k8js > * {
76
+ .modal__start_11igd.modal__gap-16_11igd > *, .modal__center_11igd.modal__gap-16_11igd > *, .modal__space-between_11igd.modal__gap-16_11igd > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_2k8js.modal__gap-24_2k8js > *, .modal__center_2k8js.modal__gap-24_2k8js > *, .modal__space-between_2k8js.modal__gap-24_2k8js > * {
79
+ .modal__start_11igd.modal__gap-24_11igd > *, .modal__center_11igd.modal__gap-24_11igd > *, .modal__space-between_11igd.modal__gap-24_11igd > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_2k8js.modal__gap-32_2k8js > *, .modal__center_2k8js.modal__gap-32_2k8js > *, .modal__space-between_2k8js.modal__gap-32_2k8js > * {
82
+ .modal__start_11igd.modal__gap-32_11igd > *, .modal__center_11igd.modal__gap-32_11igd > *, .modal__space-between_11igd.modal__gap-32_11igd > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }