@alfalab/core-components-modal 9.2.2 → 9.2.3

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 (66) hide show
  1. package/Component.js +3 -3
  2. package/components/content/Component.js +3 -3
  3. package/components/content/desktop.css +7 -7
  4. package/components/content/index.css +4 -4
  5. package/components/content/mobile.css +3 -3
  6. package/components/controls/Component.js +2 -2
  7. package/components/controls/index.css +2 -2
  8. package/components/footer/Component.js +4 -4
  9. package/components/footer/desktop.css +9 -9
  10. package/components/footer/index.css +4 -4
  11. package/components/footer/layout.css +17 -17
  12. package/components/footer/mobile.css +3 -3
  13. package/components/header/Component.js +17 -5
  14. package/components/header/desktop.css +15 -15
  15. package/components/header/index.css +4 -4
  16. package/components/header/mobile.css +4 -4
  17. package/cssm/components/header/Component.js +14 -2
  18. package/desktop/desktop.css +9 -9
  19. package/esm/Component.js +3 -3
  20. package/esm/components/content/Component.js +3 -3
  21. package/esm/components/content/desktop.css +7 -7
  22. package/esm/components/content/index.css +4 -4
  23. package/esm/components/content/mobile.css +3 -3
  24. package/esm/components/controls/Component.js +2 -2
  25. package/esm/components/controls/index.css +2 -2
  26. package/esm/components/footer/Component.js +4 -4
  27. package/esm/components/footer/desktop.css +9 -9
  28. package/esm/components/footer/index.css +4 -4
  29. package/esm/components/footer/layout.css +17 -17
  30. package/esm/components/footer/mobile.css +3 -3
  31. package/esm/components/header/Component.js +18 -6
  32. package/esm/components/header/desktop.css +15 -15
  33. package/esm/components/header/index.css +4 -4
  34. package/esm/components/header/mobile.css +4 -4
  35. package/esm/desktop/desktop.css +9 -9
  36. package/esm/layout.module-c5c16c04.js +4 -0
  37. package/esm/mobile/mobile.css +2 -2
  38. package/esm/transitions.css +8 -8
  39. package/layout.module-5b464412.js +6 -0
  40. package/mobile/mobile.css +2 -2
  41. package/modern/Component.js +3 -3
  42. package/modern/components/content/Component.js +3 -3
  43. package/modern/components/content/desktop.css +7 -7
  44. package/modern/components/content/index.css +4 -4
  45. package/modern/components/content/mobile.css +3 -3
  46. package/modern/components/controls/Component.js +2 -2
  47. package/modern/components/controls/index.css +2 -2
  48. package/modern/components/footer/Component.js +4 -4
  49. package/modern/components/footer/desktop.css +9 -9
  50. package/modern/components/footer/index.css +4 -4
  51. package/modern/components/footer/layout.css +17 -17
  52. package/modern/components/footer/mobile.css +3 -3
  53. package/modern/components/header/Component.js +14 -6
  54. package/modern/components/header/desktop.css +15 -15
  55. package/modern/components/header/index.css +4 -4
  56. package/modern/components/header/mobile.css +4 -4
  57. package/modern/desktop/desktop.css +9 -9
  58. package/modern/layout.module-a523c52f.js +4 -0
  59. package/modern/mobile/mobile.css +2 -2
  60. package/modern/transitions.css +8 -8
  61. package/package.json +2 -2
  62. package/src/components/header/Component.tsx +15 -2
  63. package/transitions.css +8 -8
  64. package/esm/layout.module-0d852bca.js +0 -4
  65. package/layout.module-21892b57.js +0 -6
  66. package/modern/layout.module-891f3a35.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 5yobm */
1
+ /* hash: w5j3s */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .modal__size-500_e9lyv,
34
- .modal__size-600_e9lyv,
35
- .modal__size-800_e9lyv,
36
- .modal__size-1140_e9lyv,
37
- .modal__fullscreen_e9lyv {
33
+ } .modal__size-500_3cv01,
34
+ .modal__size-600_3cv01,
35
+ .modal__size-800_3cv01,
36
+ .modal__size-1140_3cv01,
37
+ .modal__fullscreen_3cv01 {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__size-500_e9lyv:last-child, .modal__size-600_e9lyv:last-child, .modal__size-800_e9lyv:last-child, .modal__size-1140_e9lyv:last-child, .modal__fullscreen_e9lyv:last-child {
39
+ } .modal__size-500_3cv01:last-child, .modal__size-600_3cv01:last-child, .modal__size-800_3cv01:last-child, .modal__size-1140_3cv01:last-child, .modal__fullscreen_3cv01:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1n7xj */
1
+ /* hash: edo9k */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__content_751ye {
30
+ } .modal__content_a3nch {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_751ye.modal__withHeader_751ye {
35
+ } .modal__content_a3nch.modal__withHeader_a3nch {
36
36
  padding-top: 0;
37
- } .modal__flex_751ye {
37
+ } .modal__flex_a3nch {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: q3v9d */
1
+ /* hash: 1ym01 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__content_iubwl {
31
+ } .modal__content_15e0k {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_iubwl:last-child {
33
+ } .modal__content_15e0k:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
- import { l as layoutStyles } from '../../layout.module-0d852bca.js';
5
+ import { l as layoutStyles } from '../../layout.module-c5c16c04.js';
6
6
 
7
- var styles = {"component":"modal__component_1d0ol"};
7
+ var styles = {"component":"modal__component_ojys1"};
8
8
  require('./index.css')
9
9
 
10
10
  var Controls = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 130e9 */
2
- .modal__component_1d0ol {
1
+ /* hash: zak0e */
2
+ .modal__component_ojys1 {
3
3
  width: 100%;
4
4
  }
@@ -4,15 +4,15 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
4
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
5
5
  import { ModalContext } from '../../Context.js';
6
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
- import { l as layoutStyles } from '../../layout.module-0d852bca.js';
7
+ import { l as layoutStyles } from '../../layout.module-c5c16c04.js';
8
8
 
9
- var desktopStyles = {"footer":"modal__footer_hl2rw","sticky":"modal__sticky_hl2rw","fullscreen":"modal__fullscreen_hl2rw","size-500":"modal__size-500_hl2rw","size-600":"modal__size-600_hl2rw","size-800":"modal__size-800_hl2rw","size-1140":"modal__size-1140_hl2rw"};
9
+ var desktopStyles = {"footer":"modal__footer_10y4l","sticky":"modal__sticky_10y4l","fullscreen":"modal__fullscreen_10y4l","size-500":"modal__size-500_10y4l","size-600":"modal__size-600_10y4l","size-800":"modal__size-800_10y4l","size-1140":"modal__size-1140_10y4l"};
10
10
  require('./desktop.css')
11
11
 
12
- var styles = {"footer":"modal__footer_7zcnj","sticky":"modal__sticky_7zcnj","highlighted":"modal__highlighted_7zcnj"};
12
+ var styles = {"footer":"modal__footer_rceh1","sticky":"modal__sticky_rceh1","highlighted":"modal__highlighted_rceh1"};
13
13
  require('./index.css')
14
14
 
15
- var mobileStyles = {"footer":"modal__footer_57087","sticky":"modal__sticky_57087"};
15
+ var mobileStyles = {"footer":"modal__footer_167f6","sticky":"modal__sticky_167f6"};
16
16
  require('./mobile.css')
17
17
 
18
18
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 3nxth */
1
+ /* hash: 7yvw6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,17 +33,17 @@
33
33
  /* mobile */
34
34
 
35
35
  /* paddings */
36
- } .modal__footer_hl2rw {
36
+ } .modal__footer_10y4l {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_hl2rw {
39
+ } .modal__sticky_10y4l {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_hl2rw.modal__fullscreen_hl2rw {
41
+ } .modal__sticky_10y4l.modal__fullscreen_10y4l {
42
42
  bottom: 0;
43
- } .modal__size-500_hl2rw,
44
- .modal__size-600_hl2rw,
45
- .modal__size-800_hl2rw,
46
- .modal__size-1140_hl2rw,
47
- .modal__fullscreen_hl2rw {
43
+ } .modal__size-500_10y4l,
44
+ .modal__size-600_10y4l,
45
+ .modal__size-800_10y4l,
46
+ .modal__size-1140_10y4l,
47
+ .modal__fullscreen_10y4l {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: ni5xu */
1
+ /* hash: rt40i */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_7zcnj {
35
+ } .modal__footer_rceh1 {
36
36
  width: 100%;
37
37
  box-sizing: border-box;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease;
39
- } .modal__sticky_7zcnj {
39
+ } .modal__sticky_rceh1 {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_7zcnj {
42
+ } .modal__highlighted_rceh1 {
43
43
  background: var(--modal-footer-highlight-background);
44
44
  box-shadow: var(--modal-footer-highlight-box-shadow);
45
45
  }
@@ -1,4 +1,4 @@
1
- /* hash: fozqj */
1
+ /* hash: jzxt7 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,35 +31,35 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_1dp32 {
34
+ } .modal__column_1x24w {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_1dp32 > *:not(:last-child):not(:only-child) {
37
+ } .modal__column_1x24w > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_1dp32.modal__gap-16_1dp32 > *:not(:last-child):not(:only-child) {
39
+ } .modal__column_1x24w.modal__gap-16_1x24w > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .modal__column_1dp32.modal__gap-24_1dp32 > *:not(:last-child):not(:only-child) {
41
+ } .modal__column_1x24w.modal__gap-24_1x24w > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .modal__column_1dp32.modal__gap-32_1dp32 > *:not(:last-child):not(:only-child) {
43
+ } .modal__column_1x24w.modal__gap-32_1x24w > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .modal__start_1dp32 {
45
+ } .modal__start_1x24w {
46
46
  justify-content: flex-start;
47
- } .modal__center_1dp32 {
47
+ } .modal__center_1x24w {
48
48
  justify-content: center;
49
- } .modal__space-between_1dp32 {
49
+ } .modal__space-between_1x24w {
50
50
  justify-content: space-between
51
- } .modal__space-between_1dp32 > * {
51
+ } .modal__space-between_1x24w > * {
52
52
  flex: 1;
53
- } .modal__start_1dp32,
54
- .modal__center_1dp32,
55
- .modal__space-between_1dp32 {
53
+ } .modal__start_1x24w,
54
+ .modal__center_1x24w,
55
+ .modal__space-between_1x24w {
56
56
  display: flex
57
- } .modal__start_1dp32 > *:not(:last-child):not(:only-child), .modal__center_1dp32 > *:not(:last-child):not(:only-child), .modal__space-between_1dp32 > *:not(:last-child):not(:only-child) {
57
+ } .modal__start_1x24w > *:not(:last-child):not(:only-child), .modal__center_1x24w > *:not(:last-child):not(:only-child), .modal__space-between_1x24w > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--modal-footer-default-gap);
59
- } .modal__start_1dp32.modal__gap-16_1dp32 > *:not(:last-child):not(:only-child), .modal__center_1dp32.modal__gap-16_1dp32 > *:not(:last-child):not(:only-child), .modal__space-between_1dp32.modal__gap-16_1dp32 > *:not(:last-child):not(:only-child) {
59
+ } .modal__start_1x24w.modal__gap-16_1x24w > *:not(:last-child):not(:only-child), .modal__center_1x24w.modal__gap-16_1x24w > *:not(:last-child):not(:only-child), .modal__space-between_1x24w.modal__gap-16_1x24w > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
61
- } .modal__start_1dp32.modal__gap-24_1dp32 > *:not(:last-child):not(:only-child), .modal__center_1dp32.modal__gap-24_1dp32 > *:not(:last-child):not(:only-child), .modal__space-between_1dp32.modal__gap-24_1dp32 > *:not(:last-child):not(:only-child) {
61
+ } .modal__start_1x24w.modal__gap-24_1x24w > *:not(:last-child):not(:only-child), .modal__center_1x24w.modal__gap-24_1x24w > *:not(:last-child):not(:only-child), .modal__space-between_1x24w.modal__gap-24_1x24w > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
63
- } .modal__start_1dp32.modal__gap-32_1dp32 > *:not(:last-child):not(:only-child), .modal__center_1dp32.modal__gap-32_1dp32 > *:not(:last-child):not(:only-child), .modal__space-between_1dp32.modal__gap-32_1dp32 > *:not(:last-child):not(:only-child) {
63
+ } .modal__start_1x24w.modal__gap-32_1x24w > *:not(:last-child):not(:only-child), .modal__center_1x24w.modal__gap-32_1x24w > *:not(:last-child):not(:only-child), .modal__space-between_1x24w.modal__gap-32_1x24w > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1acup */
1
+ /* hash: 1e2oy */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__footer_57087 {
31
+ } .modal__footer_167f6 {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_57087 {
33
+ } .modal__sticky_167f6 {
34
34
  bottom: 0;
35
35
  }
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { useContext, useEffect } from 'react';
2
+ import React, { useContext, useCallback, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { NavigationBar } from '@alfalab/core-components-navigation-bar/esm';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
@@ -7,25 +7,37 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
7
7
  import { ModalContext } from '../../Context.js';
8
8
  import { ResponsiveContext } from '../../ResponsiveContext.js';
9
9
 
10
- var desktopStyles = {"header":"modal__header_mgm65","content":"modal__content_mgm65","size-500":"modal__size-500_mgm65","size-600":"modal__size-600_mgm65","size-800":"modal__size-800_mgm65","size-1140":"modal__size-1140_mgm65","fullscreen":"modal__fullscreen_mgm65","sticky":"modal__sticky_mgm65"};
10
+ var desktopStyles = {"header":"modal__header_15tnz","content":"modal__content_15tnz","size-500":"modal__size-500_15tnz","size-600":"modal__size-600_15tnz","size-800":"modal__size-800_15tnz","size-1140":"modal__size-1140_15tnz","fullscreen":"modal__fullscreen_15tnz","sticky":"modal__sticky_15tnz"};
11
11
  require('./desktop.css')
12
12
 
13
- var styles = {"highlighted":"modal__highlighted_scxsm","sticky":"modal__sticky_scxsm","hasContent":"modal__hasContent_scxsm"};
13
+ var styles = {"highlighted":"modal__highlighted_1bpzm","sticky":"modal__sticky_1bpzm","hasContent":"modal__hasContent_1bpzm"};
14
14
  require('./index.css')
15
15
 
16
- var mobileStyles = {"header":"modal__header_1hz3j","sticky":"modal__sticky_1hz3j","content":"modal__content_1hz3j"};
16
+ var mobileStyles = {"header":"modal__header_7epax","sticky":"modal__sticky_7epax","content":"modal__content_7epax"};
17
17
  require('./mobile.css')
18
18
 
19
19
  var Header = function (_a) {
20
20
  var _b, _c;
21
- var className = _a.className, sticky = _a.sticky, title = _a.title, children = _a.children, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, restProps = __rest(_a, ["className", "sticky", "title", "children", "contentClassName", "hasCloser"]);
21
+ var className = _a.className, sticky = _a.sticky, title = _a.title, children = _a.children, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, onHeaderClose = _a.onClose, restProps = __rest(_a, ["className", "sticky", "title", "children", "contentClassName", "hasCloser", "onClose"]);
22
22
  var _e = useContext(ModalContext), setHasHeader = _e.setHasHeader, headerHighlighted = _e.headerHighlighted, parentRef = _e.parentRef, onClose = _e.onClose;
23
23
  var _f = useContext(ResponsiveContext), view = _f.view, size = _f.size, dataTestId = _f.dataTestId;
24
+ var handleClose = useCallback(function () {
25
+ var params = [];
26
+ for (var _i = 0; _i < arguments.length; _i++) {
27
+ params[_i] = arguments[_i];
28
+ }
29
+ if (onHeaderClose) {
30
+ onHeaderClose.apply(void 0, params);
31
+ }
32
+ if (onClose) {
33
+ onClose.apply(void 0, params);
34
+ }
35
+ }, [onHeaderClose, onClose]);
24
36
  useEffect(function () {
25
37
  setHasHeader(true);
26
38
  }, [setHasHeader]);
27
39
  var hasContent = Boolean(title || children);
28
- return (React.createElement(NavigationBar, __assign({ dataTestId: getDataTestId(dataTestId, 'header') }, restProps, { scrollableParentRef: parentRef, hasCloser: hasCloser, sticky: sticky, view: view, title: title, onClose: onClose, className: cn(className, (_b = {},
40
+ return (React.createElement(NavigationBar, __assign({ dataTestId: getDataTestId(dataTestId, 'header') }, restProps, { scrollableParentRef: parentRef, hasCloser: hasCloser, sticky: sticky, view: view, title: title, onClose: handleClose, className: cn(className, (_b = {},
29
41
  _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
30
42
  _b[styles.sticky] = sticky,
31
43
  _b[styles.hasContent] = hasContent,
@@ -1,4 +1,4 @@
1
- /* hash: 15owo */
1
+ /* hash: q1woo */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,31 +44,31 @@
44
44
  /* mobile */
45
45
 
46
46
  /* paddings */
47
- } .modal__header_mgm65 {
47
+ } .modal__header_15tnz {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_mgm65 {
50
+ } .modal__content_15tnz {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__size-500_mgm65 .modal__content_mgm65,
54
- .modal__size-600_mgm65 .modal__content_mgm65 {
53
+ } .modal__size-500_15tnz .modal__content_15tnz,
54
+ .modal__size-600_15tnz .modal__content_15tnz {
55
55
  padding: var(--modal-s-header-desktop-content-paddings);
56
56
  font-size: var(--modal-s-header-desktop-font-size);
57
57
  line-height: var(--modal-s-header-desktop-line-height);
58
- } .modal__size-800_mgm65 .modal__content_mgm65,
59
- .modal__size-1140_mgm65 .modal__content_mgm65,
60
- .modal__fullscreen_mgm65 .modal__content_mgm65 {
58
+ } .modal__size-800_15tnz .modal__content_15tnz,
59
+ .modal__size-1140_15tnz .modal__content_15tnz,
60
+ .modal__fullscreen_15tnz .modal__content_15tnz {
61
61
  padding: var(--modal-l-header-desktop-content-paddings);
62
62
  font-size: var(--modal-l-header-desktop-font-size);
63
63
  line-height: var(--modal-l-header-desktop-line-height);
64
- } .modal__size-500_mgm65,
65
- .modal__size-600_mgm65,
66
- .modal__size-800_mgm65,
67
- .modal__size-1140_mgm65,
68
- .modal__fullscreen_mgm65 {
64
+ } .modal__size-500_15tnz,
65
+ .modal__size-600_15tnz,
66
+ .modal__size-800_15tnz,
67
+ .modal__size-1140_15tnz,
68
+ .modal__fullscreen_15tnz {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_mgm65 {
70
+ } .modal__sticky_15tnz {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_mgm65.modal__fullscreen_mgm65 {
72
+ } .modal__sticky_15tnz.modal__fullscreen_15tnz {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1tpuv */
1
+ /* hash: 1e2uv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,12 +32,12 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__highlighted_scxsm {
35
+ } .modal__highlighted_1bpzm {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_scxsm {
38
+ } .modal__sticky_1bpzm {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_scxsm.modal__hasContent_scxsm {
41
+ } .modal__sticky_1bpzm.modal__hasContent_1bpzm {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: vww1p */
1
+ /* hash: 3fy5l */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,11 +38,11 @@
38
38
 
39
39
  /* paddings */
40
40
  --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
41
- } .modal__header_1hz3j {
41
+ } .modal__header_7epax {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_1hz3j {
43
+ } .modal__sticky_7epax {
44
44
  top: 0;
45
- } .modal__content_1hz3j {
45
+ } .modal__content_7epax {
46
46
  font-size: var(--modal-header-mobile-font-size);
47
47
  line-height: var(--modal-header-mobile-line-height);
48
48
  font-family: var(--modal-header-mobile-font-family);
@@ -1,4 +1,4 @@
1
- /* hash: 1rq3a */
1
+ /* hash: 128oa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_dz9e1 {
38
+ } .modal__wrapper_1ve4r {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_dz9e1 {
41
+ } .modal__component_1ve4r {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_dz9e1 {
45
+ } .modal__fullscreen_1ve4r {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_dz9e1 .modal__component_dz9e1 {
48
+ } .modal__fullscreen_1ve4r .modal__component_1ve4r {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__size-500_dz9e1 {
51
+ } .modal__size-500_1ve4r {
52
52
  width: var(--modal-s-width);
53
- } .modal__size-600_dz9e1 {
53
+ } .modal__size-600_1ve4r {
54
54
  width: var(--modal-m-width);
55
- } .modal__size-800_dz9e1 {
55
+ } .modal__size-800_1ve4r {
56
56
  width: var(--modal-l-width);
57
- } .modal__size-1140_dz9e1 {
57
+ } .modal__size-1140_1ve4r {
58
58
  width: var(--modal-xl-width);
59
59
  }
@@ -0,0 +1,4 @@
1
+ var layoutStyles = {"column":"modal__column_1x24w","gap-16":"modal__gap-16_1x24w","gap-24":"modal__gap-24_1x24w","gap-32":"modal__gap-32_1x24w","start":"modal__start_1x24w","center":"modal__center_1x24w","space-between":"modal__space-between_1x24w"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -1,4 +1,4 @@
1
- /* hash: ruxdh */
1
+ /* hash: w5vg6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,7 +27,7 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__component_jbglk {
30
+ } .modal__component_12oif {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -1,24 +1,24 @@
1
- /* hash: 17x6p */
2
- .modal__appear_1rrwr,
3
- .modal__enter_1rrwr {
1
+ /* hash: hqbxa */
2
+ .modal__appear_1otbd,
3
+ .modal__enter_1otbd {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1rrwr,
9
- .modal__enterActive_1rrwr {
8
+ .modal__appearActive_1otbd,
9
+ .modal__enterActive_1otbd {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_1rrwr {
15
+ .modal__exit_1otbd {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1rrwr,
21
- .modal__exitDone_1rrwr {
20
+ .modal__exitActive_1otbd,
21
+ .modal__exitDone_1otbd {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var layoutStyles = {"column":"modal__column_1x24w","gap-16":"modal__gap-16_1x24w","gap-24":"modal__gap-24_1x24w","gap-32":"modal__gap-32_1x24w","start":"modal__start_1x24w","center":"modal__center_1x24w","space-between":"modal__space-between_1x24w"};
4
+ require('./components/footer/layout.css')
5
+
6
+ exports.layoutStyles = layoutStyles;
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ruxdh */
1
+ /* hash: w5vg6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,7 +27,7 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__component_jbglk {
30
+ } .modal__component_12oif {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -5,13 +5,13 @@ import { BaseModal } from '@alfalab/core-components-base-modal/modern';
5
5
  import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
6
6
  import { ResponsiveContext } from './ResponsiveContext.js';
7
7
 
8
- const desktopStyles = {"wrapper":"modal__wrapper_dz9e1","component":"modal__component_dz9e1","fullscreen":"modal__fullscreen_dz9e1","size-500":"modal__size-500_dz9e1","size-600":"modal__size-600_dz9e1","size-800":"modal__size-800_dz9e1","size-1140":"modal__size-1140_dz9e1"};
8
+ const desktopStyles = {"wrapper":"modal__wrapper_1ve4r","component":"modal__component_1ve4r","fullscreen":"modal__fullscreen_1ve4r","size-500":"modal__size-500_1ve4r","size-600":"modal__size-600_1ve4r","size-800":"modal__size-800_1ve4r","size-1140":"modal__size-1140_1ve4r"};
9
9
  require('./desktop/desktop.css')
10
10
 
11
- const mobileStyles = {"component":"modal__component_jbglk"};
11
+ const mobileStyles = {"component":"modal__component_12oif"};
12
12
  require('./mobile/mobile.css')
13
13
 
14
- const transitions = {"appear":"modal__appear_1rrwr","enter":"modal__enter_1rrwr","appearActive":"modal__appearActive_1rrwr","enterActive":"modal__enterActive_1rrwr","exit":"modal__exit_1rrwr","exitActive":"modal__exitActive_1rrwr","exitDone":"modal__exitDone_1rrwr"};
14
+ const transitions = {"appear":"modal__appear_1otbd","enter":"modal__enter_1otbd","appearActive":"modal__appearActive_1otbd","enterActive":"modal__enterActive_1otbd","exit":"modal__exit_1otbd","exitActive":"modal__exitActive_1otbd","exitDone":"modal__exitDone_1otbd"};
15
15
  require('./transitions.css')
16
16
 
17
17
  const Modal = forwardRef(({ size = 500, fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, dataTestId, ...restProps }, ref) => {