@alfalab/core-components-modal 9.1.0 → 9.1.1

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 (124) hide show
  1. package/Component.js +3 -3
  2. package/Component.responsive.js +0 -9
  3. package/components/content/Component.js +5 -7
  4. package/components/content/desktop.css +7 -7
  5. package/components/content/index.css +4 -4
  6. package/components/content/mobile.css +3 -3
  7. package/components/controls/Component.js +4 -5
  8. package/components/controls/index.css +2 -2
  9. package/components/controls/index.js +0 -6
  10. package/components/footer/Component.js +6 -8
  11. package/components/footer/desktop.css +9 -9
  12. package/components/footer/index.css +4 -4
  13. package/components/footer/layout.css +17 -17
  14. package/components/footer/mobile.css +3 -3
  15. package/components/header/Component.js +5 -7
  16. package/components/header/desktop.css +15 -15
  17. package/components/header/index.css +4 -4
  18. package/components/header/mobile.css +4 -4
  19. package/cssm/Component.responsive.js +0 -22
  20. package/cssm/components/content/Component.js +2 -4
  21. package/cssm/components/controls/Component.js +2 -3
  22. package/cssm/components/controls/index.js +0 -7
  23. package/cssm/components/footer/Component.js +2 -4
  24. package/cssm/components/header/Component.js +2 -4
  25. package/cssm/desktop/Component.desktop.js +0 -22
  26. package/cssm/desktop/index.js +0 -29
  27. package/cssm/index.js +0 -30
  28. package/cssm/mobile/Component.mobile.js +0 -22
  29. package/cssm/mobile/index.js +0 -29
  30. package/cssm/shared/index.js +0 -4
  31. package/cssm/utils.js +8 -10
  32. package/desktop/Component.desktop.js +0 -9
  33. package/desktop/desktop.css +9 -9
  34. package/desktop/index.js +0 -16
  35. package/esm/Component.js +3 -3
  36. package/esm/Component.responsive.js +0 -9
  37. package/esm/components/content/Component.js +4 -6
  38. package/esm/components/content/desktop.css +7 -7
  39. package/esm/components/content/index.css +4 -4
  40. package/esm/components/content/mobile.css +3 -3
  41. package/esm/components/controls/Component.js +3 -4
  42. package/esm/components/controls/index.css +2 -2
  43. package/esm/components/controls/index.js +0 -6
  44. package/esm/components/footer/Component.js +5 -7
  45. package/esm/components/footer/desktop.css +9 -9
  46. package/esm/components/footer/index.css +4 -4
  47. package/esm/components/footer/layout.css +17 -17
  48. package/esm/components/footer/mobile.css +3 -3
  49. package/esm/components/header/Component.js +4 -6
  50. package/esm/components/header/desktop.css +15 -15
  51. package/esm/components/header/index.css +4 -4
  52. package/esm/components/header/mobile.css +4 -4
  53. package/esm/desktop/Component.desktop.js +0 -9
  54. package/esm/desktop/desktop.css +9 -9
  55. package/esm/desktop/index.js +0 -16
  56. package/esm/index.js +0 -17
  57. package/esm/layout.module-4c70e469.js +4 -0
  58. package/esm/mobile/Component.mobile.js +0 -9
  59. package/esm/mobile/index.js +0 -16
  60. package/esm/mobile/mobile.css +2 -2
  61. package/esm/shared/index.js +0 -4
  62. package/esm/transitions.css +8 -8
  63. package/esm/utils.js +1 -3
  64. package/index.js +0 -17
  65. package/layout.module-fffa9cc4.js +6 -0
  66. package/mobile/Component.mobile.js +0 -9
  67. package/mobile/index.js +0 -16
  68. package/mobile/mobile.css +2 -2
  69. package/modern/Component.js +3 -3
  70. package/modern/Component.responsive.js +0 -9
  71. package/modern/components/content/Component.js +4 -6
  72. package/modern/components/content/desktop.css +7 -7
  73. package/modern/components/content/index.css +4 -4
  74. package/modern/components/content/mobile.css +3 -3
  75. package/modern/components/controls/Component.js +3 -4
  76. package/modern/components/controls/index.css +2 -2
  77. package/modern/components/controls/index.js +0 -6
  78. package/modern/components/footer/Component.js +5 -7
  79. package/modern/components/footer/desktop.css +9 -9
  80. package/modern/components/footer/index.css +4 -4
  81. package/modern/components/footer/layout.css +17 -17
  82. package/modern/components/footer/mobile.css +3 -3
  83. package/modern/components/header/Component.js +4 -6
  84. package/modern/components/header/desktop.css +15 -15
  85. package/modern/components/header/index.css +4 -4
  86. package/modern/components/header/mobile.css +4 -4
  87. package/modern/desktop/Component.desktop.js +0 -9
  88. package/modern/desktop/desktop.css +9 -9
  89. package/modern/desktop/index.js +0 -15
  90. package/modern/index.js +0 -16
  91. package/modern/layout.module-80dc989b.js +4 -0
  92. package/modern/mobile/Component.mobile.js +0 -9
  93. package/modern/mobile/index.js +0 -15
  94. package/modern/mobile/mobile.css +2 -2
  95. package/modern/shared/index.js +0 -4
  96. package/modern/transitions.css +8 -8
  97. package/modern/utils.js +1 -3
  98. package/package.json +3 -2
  99. package/shared/index.js +0 -4
  100. package/transitions.css +8 -8
  101. package/utils.js +8 -10
  102. package/browser-a216f694.d.ts +0 -6
  103. package/cssm/browser-a216f694.d.ts +0 -6
  104. package/cssm/getDataTestId-73ea38f8.d.ts +0 -3
  105. package/cssm/getDataTestId-73ea38f8.js +0 -8
  106. package/cssm/index-a5b021bd.d.ts +0 -70
  107. package/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  108. package/esm/browser-a216f694.d.ts +0 -6
  109. package/esm/getDataTestId-2d1786d3.d.ts +0 -3
  110. package/esm/getDataTestId-2d1786d3.js +0 -6
  111. package/esm/index-a5b021bd.d.ts +0 -70
  112. package/esm/layout.module-efa3674d.js +0 -4
  113. package/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  114. package/getDataTestId-2aafdd4d.d.ts +0 -3
  115. package/getDataTestId-2aafdd4d.js +0 -8
  116. package/index-a5b021bd.d.ts +0 -70
  117. package/layout.module-b10563a0.js +0 -6
  118. package/modern/browser-a216f694.d.ts +0 -6
  119. package/modern/getDataTestId-d97458b3.d.ts +0 -3
  120. package/modern/getDataTestId-d97458b3.js +0 -6
  121. package/modern/index-a5b021bd.d.ts +0 -70
  122. package/modern/layout.module-ddcf2052.js +0 -4
  123. package/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  124. package/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
@@ -1,4 +1,4 @@
1
- /* hash: 1g3vp */
1
+ /* hash: qrn7m */
2
2
  :root {
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_140jh {
34
+ } .modal__column_nuz7o {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_140jh > *:not(:last-child):not(:only-child) {
37
+ } .modal__column_nuz7o > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_140jh.modal__gap-16_140jh > *:not(:last-child):not(:only-child) {
39
+ } .modal__column_nuz7o.modal__gap-16_nuz7o > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .modal__column_140jh.modal__gap-24_140jh > *:not(:last-child):not(:only-child) {
41
+ } .modal__column_nuz7o.modal__gap-24_nuz7o > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .modal__column_140jh.modal__gap-32_140jh > *:not(:last-child):not(:only-child) {
43
+ } .modal__column_nuz7o.modal__gap-32_nuz7o > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .modal__start_140jh {
45
+ } .modal__start_nuz7o {
46
46
  justify-content: flex-start;
47
- } .modal__center_140jh {
47
+ } .modal__center_nuz7o {
48
48
  justify-content: center;
49
- } .modal__space-between_140jh {
49
+ } .modal__space-between_nuz7o {
50
50
  justify-content: space-between
51
- } .modal__space-between_140jh > * {
51
+ } .modal__space-between_nuz7o > * {
52
52
  flex: 1;
53
- } .modal__start_140jh,
54
- .modal__center_140jh,
55
- .modal__space-between_140jh {
53
+ } .modal__start_nuz7o,
54
+ .modal__center_nuz7o,
55
+ .modal__space-between_nuz7o {
56
56
  display: flex
57
- } .modal__start_140jh > *:not(:last-child):not(:only-child), .modal__center_140jh > *:not(:last-child):not(:only-child), .modal__space-between_140jh > *:not(:last-child):not(:only-child) {
57
+ } .modal__start_nuz7o > *:not(:last-child):not(:only-child), .modal__center_nuz7o > *:not(:last-child):not(:only-child), .modal__space-between_nuz7o > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--modal-footer-default-gap);
59
- } .modal__start_140jh.modal__gap-16_140jh > *:not(:last-child):not(:only-child), .modal__center_140jh.modal__gap-16_140jh > *:not(:last-child):not(:only-child), .modal__space-between_140jh.modal__gap-16_140jh > *:not(:last-child):not(:only-child) {
59
+ } .modal__start_nuz7o.modal__gap-16_nuz7o > *:not(:last-child):not(:only-child), .modal__center_nuz7o.modal__gap-16_nuz7o > *:not(:last-child):not(:only-child), .modal__space-between_nuz7o.modal__gap-16_nuz7o > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
61
- } .modal__start_140jh.modal__gap-24_140jh > *:not(:last-child):not(:only-child), .modal__center_140jh.modal__gap-24_140jh > *:not(:last-child):not(:only-child), .modal__space-between_140jh.modal__gap-24_140jh > *:not(:last-child):not(:only-child) {
61
+ } .modal__start_nuz7o.modal__gap-24_nuz7o > *:not(:last-child):not(:only-child), .modal__center_nuz7o.modal__gap-24_nuz7o > *:not(:last-child):not(:only-child), .modal__space-between_nuz7o.modal__gap-24_nuz7o > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
63
- } .modal__start_140jh.modal__gap-32_140jh > *:not(:last-child):not(:only-child), .modal__center_140jh.modal__gap-32_140jh > *:not(:last-child):not(:only-child), .modal__space-between_140jh.modal__gap-32_140jh > *:not(:last-child):not(:only-child) {
63
+ } .modal__start_nuz7o.modal__gap-32_nuz7o > *:not(:last-child):not(:only-child), .modal__center_nuz7o.modal__gap-32_nuz7o > *:not(:last-child):not(:only-child), .modal__space-between_nuz7o.modal__gap-32_nuz7o > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,4 +1,4 @@
1
- /* hash: qcf5p */
1
+ /* hash: 8vrxr */
2
2
  :root {
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_bucfp {
31
+ } .modal__footer_juqaa {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_bucfp {
33
+ } .modal__sticky_juqaa {
34
34
  bottom: 0;
35
35
  }
@@ -2,19 +2,17 @@ import { __rest, __assign } from 'tslib';
2
2
  import React, { useContext, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { NavigationBar } from '@alfalab/core-components-navigation-bar/esm';
5
- import { g as getDataTestId } from '../../getDataTestId-2d1786d3.js';
6
- import '@alfalab/hooks';
5
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
7
6
  import { ModalContext } from '../../Context.js';
8
7
  import { ResponsiveContext } from '../../ResponsiveContext.js';
9
- import '@alfalab/core-components-base-modal/esm';
10
8
 
11
- var desktopStyles = {"header":"modal__header_1374z","content":"modal__content_1374z","s":"modal__s_1374z","m":"modal__m_1374z","l":"modal__l_1374z","xl":"modal__xl_1374z","fullscreen":"modal__fullscreen_1374z","sticky":"modal__sticky_1374z"};
9
+ var desktopStyles = {"header":"modal__header_n1kpp","content":"modal__content_n1kpp","s":"modal__s_n1kpp","m":"modal__m_n1kpp","l":"modal__l_n1kpp","xl":"modal__xl_n1kpp","fullscreen":"modal__fullscreen_n1kpp","sticky":"modal__sticky_n1kpp"};
12
10
  require('./desktop.css')
13
11
 
14
- var styles = {"highlighted":"modal__highlighted_193gl","sticky":"modal__sticky_193gl","hasContent":"modal__hasContent_193gl"};
12
+ var styles = {"highlighted":"modal__highlighted_sxwc6","sticky":"modal__sticky_sxwc6","hasContent":"modal__hasContent_sxwc6"};
15
13
  require('./index.css')
16
14
 
17
- var mobileStyles = {"header":"modal__header_jhrts","sticky":"modal__sticky_jhrts","content":"modal__content_jhrts"};
15
+ var mobileStyles = {"header":"modal__header_ri5oc","sticky":"modal__sticky_ri5oc","content":"modal__content_ri5oc"};
18
16
  require('./mobile.css')
19
17
 
20
18
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 5a0ps */
1
+ /* hash: 1eyw9 */
2
2
  :root {
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_1374z {
47
+ } .modal__header_n1kpp {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_1374z {
50
+ } .modal__content_n1kpp {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__s_1374z .modal__content_1374z,
54
- .modal__m_1374z .modal__content_1374z {
53
+ } .modal__s_n1kpp .modal__content_n1kpp,
54
+ .modal__m_n1kpp .modal__content_n1kpp {
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__l_1374z .modal__content_1374z,
59
- .modal__xl_1374z .modal__content_1374z,
60
- .modal__fullscreen_1374z .modal__content_1374z {
58
+ } .modal__l_n1kpp .modal__content_n1kpp,
59
+ .modal__xl_n1kpp .modal__content_n1kpp,
60
+ .modal__fullscreen_n1kpp .modal__content_n1kpp {
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__s_1374z,
65
- .modal__m_1374z,
66
- .modal__l_1374z,
67
- .modal__xl_1374z,
68
- .modal__fullscreen_1374z {
64
+ } .modal__s_n1kpp,
65
+ .modal__m_n1kpp,
66
+ .modal__l_n1kpp,
67
+ .modal__xl_n1kpp,
68
+ .modal__fullscreen_n1kpp {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_1374z {
70
+ } .modal__sticky_n1kpp {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_1374z.modal__fullscreen_1374z {
72
+ } .modal__sticky_n1kpp.modal__fullscreen_n1kpp {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: tayws */
1
+ /* hash: 3yqex */
2
2
  :root {
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_193gl {
35
+ } .modal__highlighted_sxwc6 {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_193gl {
38
+ } .modal__sticky_sxwc6 {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_193gl.modal__hasContent_193gl {
41
+ } .modal__sticky_sxwc6.modal__hasContent_sxwc6 {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1fxbl */
1
+ /* hash: ygodb */
2
2
  :root {
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_jhrts {
41
+ } .modal__header_ri5oc {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_jhrts {
43
+ } .modal__sticky_ri5oc {
44
44
  top: 0;
45
- } .modal__content_jhrts {
45
+ } .modal__content_ri5oc {
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);
@@ -5,15 +5,6 @@ import { Content } from '../components/content/Component.js';
5
5
  import { Controls } from '../components/controls/Component.js';
6
6
  import { Footer } from '../components/footer/Component.js';
7
7
  import { Header } from '../components/header/Component.js';
8
- import 'react-merge-refs';
9
- import 'classnames';
10
- import '@alfalab/core-components-base-modal/esm';
11
- import '../ResponsiveContext.js';
12
- import '../getDataTestId-2d1786d3.js';
13
- import '@alfalab/hooks';
14
- import '../Context.js';
15
- import '../layout.module-efa3674d.js';
16
- import '@alfalab/core-components-navigation-bar/esm';
17
8
 
18
9
  var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });
19
10
  var ModalDesktop = Object.assign(ModalDesktopComponent, {
@@ -1,4 +1,4 @@
1
- /* hash: 1su50 */
1
+ /* hash: 1bdhs */
2
2
  :root {
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_1uxi5 {
38
+ } .modal__wrapper_3wrya {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_1uxi5 {
41
+ } .modal__component_3wrya {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_1uxi5 {
45
+ } .modal__fullscreen_3wrya {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_1uxi5 .modal__component_1uxi5 {
48
+ } .modal__fullscreen_3wrya .modal__component_3wrya {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_1uxi5 {
51
+ } .modal__s_3wrya {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_1uxi5 {
53
+ } .modal__m_3wrya {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_1uxi5 {
55
+ } .modal__l_3wrya {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_1uxi5 {
57
+ } .modal__xl_3wrya {
58
58
  width: var(--modal-xl-width);
59
59
  }
@@ -1,17 +1 @@
1
1
  export { ModalDesktop } from './Component.desktop.js';
2
- import 'tslib';
3
- import 'react';
4
- import '../Component.js';
5
- import 'react-merge-refs';
6
- import 'classnames';
7
- import '@alfalab/core-components-base-modal/esm';
8
- import '../ResponsiveContext.js';
9
- import '../components/content/Component.js';
10
- import '../getDataTestId-2d1786d3.js';
11
- import '@alfalab/hooks';
12
- import '../Context.js';
13
- import '../components/controls/Component.js';
14
- import '../layout.module-efa3674d.js';
15
- import '../components/footer/Component.js';
16
- import '../components/header/Component.js';
17
- import '@alfalab/core-components-navigation-bar/esm';
package/esm/index.js CHANGED
@@ -1,18 +1 @@
1
1
  export { ModalResponsive as Modal } from './Component.responsive.js';
2
- import 'tslib';
3
- import 'react';
4
- import '@alfalab/core-components-mq/esm';
5
- import './components/content/Component.js';
6
- import 'classnames';
7
- import './getDataTestId-2d1786d3.js';
8
- import '@alfalab/hooks';
9
- import './Context.js';
10
- import '@alfalab/core-components-base-modal/esm';
11
- import './ResponsiveContext.js';
12
- import './components/controls/Component.js';
13
- import './layout.module-efa3674d.js';
14
- import './components/footer/Component.js';
15
- import './components/header/Component.js';
16
- import '@alfalab/core-components-navigation-bar/esm';
17
- import './Component.js';
18
- import 'react-merge-refs';
@@ -0,0 +1,4 @@
1
+ var layoutStyles = {"column":"modal__column_nuz7o","gap-16":"modal__gap-16_nuz7o","gap-24":"modal__gap-24_nuz7o","gap-32":"modal__gap-32_nuz7o","start":"modal__start_nuz7o","center":"modal__center_nuz7o","space-between":"modal__space-between_nuz7o"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -5,15 +5,6 @@ import { Content } from '../components/content/Component.js';
5
5
  import { Controls } from '../components/controls/Component.js';
6
6
  import { Footer } from '../components/footer/Component.js';
7
7
  import { Header } from '../components/header/Component.js';
8
- import 'react-merge-refs';
9
- import 'classnames';
10
- import '@alfalab/core-components-base-modal/esm';
11
- import '../ResponsiveContext.js';
12
- import '../getDataTestId-2d1786d3.js';
13
- import '@alfalab/hooks';
14
- import '../Context.js';
15
- import '../layout.module-efa3674d.js';
16
- import '@alfalab/core-components-navigation-bar/esm';
17
8
 
18
9
  var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });
19
10
  var ModalMobile = Object.assign(ModalMobileComponent, {
@@ -1,17 +1 @@
1
1
  export { ModalMobile } from './Component.mobile.js';
2
- import 'tslib';
3
- import 'react';
4
- import '../Component.js';
5
- import 'react-merge-refs';
6
- import 'classnames';
7
- import '@alfalab/core-components-base-modal/esm';
8
- import '../ResponsiveContext.js';
9
- import '../components/content/Component.js';
10
- import '../getDataTestId-2d1786d3.js';
11
- import '@alfalab/hooks';
12
- import '../Context.js';
13
- import '../components/controls/Component.js';
14
- import '../layout.module-efa3674d.js';
15
- import '../components/footer/Component.js';
16
- import '../components/header/Component.js';
17
- import '@alfalab/core-components-navigation-bar/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 1s9tc */
1
+ /* hash: 12xku */
2
2
  :root {
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_9mx07 {
30
+ } .modal__component_1sigs {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -1,6 +1,2 @@
1
1
  export { ModalContext } from '../Context.js';
2
2
  export { getModalTestIds } from '../utils.js';
3
- import '@alfalab/core-components-base-modal/esm';
4
- import '../getDataTestId-2d1786d3.js';
5
- import 'react';
6
- import '@alfalab/hooks';
@@ -1,24 +1,24 @@
1
- /* hash: 7iaqi */
2
- .modal__appear_xje8z,
3
- .modal__enter_xje8z {
1
+ /* hash: wuj8d */
2
+ .modal__appear_1doyi,
3
+ .modal__enter_1doyi {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_xje8z,
9
- .modal__enterActive_xje8z {
8
+ .modal__appearActive_1doyi,
9
+ .modal__enterActive_1doyi {
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_xje8z {
15
+ .modal__exit_1doyi {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_xje8z,
21
- .modal__exitDone_xje8z {
20
+ .modal__exitActive_1doyi,
21
+ .modal__exitDone_1doyi {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/esm/utils.js CHANGED
@@ -1,6 +1,4 @@
1
- import { g as getDataTestId } from './getDataTestId-2d1786d3.js';
2
- import 'react';
3
- import '@alfalab/hooks';
1
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
2
 
5
3
  function getModalTestIds(dataTestId) {
6
4
  return {
package/index.js CHANGED
@@ -3,23 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-mq');
9
- require('./components/content/Component.js');
10
- require('classnames');
11
- require('./getDataTestId-2aafdd4d.js');
12
- require('@alfalab/hooks');
13
- require('./Context.js');
14
- require('@alfalab/core-components-base-modal');
15
- require('./ResponsiveContext.js');
16
- require('./components/controls/Component.js');
17
- require('./layout.module-b10563a0.js');
18
- require('./components/footer/Component.js');
19
- require('./components/header/Component.js');
20
- require('@alfalab/core-components-navigation-bar');
21
- require('./Component.js');
22
- require('react-merge-refs');
23
6
 
24
7
 
25
8
 
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var layoutStyles = {"column":"modal__column_nuz7o","gap-16":"modal__gap-16_nuz7o","gap-24":"modal__gap-24_nuz7o","gap-32":"modal__gap-32_nuz7o","start":"modal__start_nuz7o","center":"modal__center_nuz7o","space-between":"modal__space-between_nuz7o"};
4
+ require('./components/footer/layout.css')
5
+
6
+ exports.layoutStyles = layoutStyles;
@@ -9,15 +9,6 @@ var components_content_Component = require('../components/content/Component.js')
9
9
  var components_controls_Component = require('../components/controls/Component.js');
10
10
  var components_footer_Component = require('../components/footer/Component.js');
11
11
  var components_header_Component = require('../components/header/Component.js');
12
- require('react-merge-refs');
13
- require('classnames');
14
- require('@alfalab/core-components-base-modal');
15
- require('../ResponsiveContext.js');
16
- require('../getDataTestId-2aafdd4d.js');
17
- require('@alfalab/hooks');
18
- require('../Context.js');
19
- require('../layout.module-b10563a0.js');
20
- require('@alfalab/core-components-navigation-bar');
21
12
 
22
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
23
14
 
package/mobile/index.js CHANGED
@@ -3,22 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var mobile_Component_mobile = require('./Component.mobile.js');
6
- require('tslib');
7
- require('react');
8
- require('../Component.js');
9
- require('react-merge-refs');
10
- require('classnames');
11
- require('@alfalab/core-components-base-modal');
12
- require('../ResponsiveContext.js');
13
- require('../components/content/Component.js');
14
- require('../getDataTestId-2aafdd4d.js');
15
- require('@alfalab/hooks');
16
- require('../Context.js');
17
- require('../components/controls/Component.js');
18
- require('../layout.module-b10563a0.js');
19
- require('../components/footer/Component.js');
20
- require('../components/header/Component.js');
21
- require('@alfalab/core-components-navigation-bar');
22
6
 
23
7
 
24
8
 
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1s9tc */
1
+ /* hash: 12xku */
2
2
  :root {
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_9mx07 {
30
+ } .modal__component_1sigs {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -4,13 +4,13 @@ import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/modern';
5
5
  import { ResponsiveContext } from './ResponsiveContext.js';
6
6
 
7
- const desktopStyles = {"wrapper":"modal__wrapper_1uxi5","component":"modal__component_1uxi5","fullscreen":"modal__fullscreen_1uxi5","s":"modal__s_1uxi5","m":"modal__m_1uxi5","l":"modal__l_1uxi5","xl":"modal__xl_1uxi5"};
7
+ const desktopStyles = {"wrapper":"modal__wrapper_3wrya","component":"modal__component_3wrya","fullscreen":"modal__fullscreen_3wrya","s":"modal__s_3wrya","m":"modal__m_3wrya","l":"modal__l_3wrya","xl":"modal__xl_3wrya"};
8
8
  require('./desktop/desktop.css')
9
9
 
10
- const mobileStyles = {"component":"modal__component_9mx07"};
10
+ const mobileStyles = {"component":"modal__component_1sigs"};
11
11
  require('./mobile/mobile.css')
12
12
 
13
- const transitions = {"appear":"modal__appear_xje8z","enter":"modal__enter_xje8z","appearActive":"modal__appearActive_xje8z","enterActive":"modal__enterActive_xje8z","exit":"modal__exit_xje8z","exitActive":"modal__exitActive_xje8z","exitDone":"modal__exitDone_xje8z"};
13
+ const transitions = {"appear":"modal__appear_1doyi","enter":"modal__enter_1doyi","appearActive":"modal__appearActive_1doyi","enterActive":"modal__enterActive_1doyi","exit":"modal__exit_1doyi","exitActive":"modal__exitActive_1doyi","exitDone":"modal__exitDone_1doyi"};
14
14
  require('./transitions.css')
15
15
 
16
16
  const Modal = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, view, dataTestId, ...restProps }, ref) => {
@@ -5,15 +5,6 @@ import { Controls } from './components/controls/Component.js';
5
5
  import { Footer } from './components/footer/Component.js';
6
6
  import { Header } from './components/header/Component.js';
7
7
  import { Modal } from './Component.js';
8
- import 'classnames';
9
- import './getDataTestId-d97458b3.js';
10
- import '@alfalab/hooks';
11
- import './Context.js';
12
- import '@alfalab/core-components-base-modal/modern';
13
- import './ResponsiveContext.js';
14
- import './layout.module-ddcf2052.js';
15
- import '@alfalab/core-components-navigation-bar/modern';
16
- import 'react-merge-refs';
17
8
 
18
9
  const ModalResponsiveComponent = forwardRef(({ children, breakpoint = 1024, defaultMatchMediaValue = true, ...restProps }, ref) => {
19
10
  const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
@@ -1,18 +1,16 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-d97458b3.js';
4
- import '@alfalab/hooks';
3
+ import { getDataTestId } from '@alfalab/core-components-shared/modern';
5
4
  import { ModalContext } from '../../Context.js';
6
5
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
- import '@alfalab/core-components-base-modal/modern';
8
6
 
9
- const desktopStyles = {"s":"modal__s_ums4m","m":"modal__m_ums4m","l":"modal__l_ums4m","xl":"modal__xl_ums4m","fullscreen":"modal__fullscreen_ums4m"};
7
+ const desktopStyles = {"s":"modal__s_eh7uu","m":"modal__m_eh7uu","l":"modal__l_eh7uu","xl":"modal__xl_eh7uu","fullscreen":"modal__fullscreen_eh7uu"};
10
8
  require('./desktop.css')
11
9
 
12
- const styles = {"content":"modal__content_11dkh","withHeader":"modal__withHeader_11dkh","flex":"modal__flex_11dkh"};
10
+ const styles = {"content":"modal__content_l807a","withHeader":"modal__withHeader_l807a","flex":"modal__flex_l807a"};
13
11
  require('./index.css')
14
12
 
15
- const mobileStyles = {"content":"modal__content_nkmyt"};
13
+ const mobileStyles = {"content":"modal__content_vl0td"};
16
14
  require('./mobile.css')
17
15
 
18
16
  const Content = ({ children, flex, className }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1ppdn */
1
+ /* hash: 10d55 */
2
2
  :root {
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__s_ums4m,
34
- .modal__m_ums4m,
35
- .modal__l_ums4m,
36
- .modal__xl_ums4m,
37
- .modal__fullscreen_ums4m {
33
+ } .modal__s_eh7uu,
34
+ .modal__m_eh7uu,
35
+ .modal__l_eh7uu,
36
+ .modal__xl_eh7uu,
37
+ .modal__fullscreen_eh7uu {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_ums4m:last-child, .modal__m_ums4m:last-child, .modal__l_ums4m:last-child, .modal__xl_ums4m:last-child, .modal__fullscreen_ums4m:last-child {
39
+ } .modal__s_eh7uu:last-child, .modal__m_eh7uu:last-child, .modal__l_eh7uu:last-child, .modal__xl_eh7uu:last-child, .modal__fullscreen_eh7uu:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 17xit */
1
+ /* hash: ilabg */
2
2
  :root {
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_11dkh {
30
+ } .modal__content_l807a {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_11dkh.modal__withHeader_11dkh {
35
+ } .modal__content_l807a.modal__withHeader_l807a {
36
36
  padding-top: 0;
37
- } .modal__flex_11dkh {
37
+ } .modal__flex_l807a {
38
38
  flex: 1;
39
39
  }