@alfalab/core-components-modal 9.1.1 → 9.2.0

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 (120) hide show
  1. package/Component.d.ts +1 -1
  2. package/Component.js +6 -5
  3. package/Component.responsive.d.ts +1 -1
  4. package/ResponsiveContext.js +1 -1
  5. package/components/content/Component.js +5 -4
  6. package/components/content/desktop.css +8 -8
  7. package/components/content/index.css +5 -5
  8. package/components/content/mobile.css +4 -4
  9. package/components/controls/Component.js +2 -2
  10. package/components/controls/index.css +2 -2
  11. package/components/footer/Component.js +6 -5
  12. package/components/footer/desktop.css +10 -10
  13. package/components/footer/index.css +5 -5
  14. package/components/footer/layout.css +18 -18
  15. package/components/footer/mobile.css +4 -4
  16. package/components/header/Component.js +5 -4
  17. package/components/header/desktop.css +16 -16
  18. package/components/header/index.css +5 -5
  19. package/components/header/mobile.css +5 -5
  20. package/consts.d.ts +12 -0
  21. package/consts.js +17 -0
  22. package/cssm/Component.d.ts +1 -1
  23. package/cssm/Component.js +3 -2
  24. package/cssm/Component.responsive.d.ts +1 -1
  25. package/cssm/ResponsiveContext.js +1 -1
  26. package/cssm/components/content/Component.js +2 -1
  27. package/cssm/components/content/desktop.module.css +6 -6
  28. package/cssm/components/content/index.module.css +1 -1
  29. package/cssm/components/content/mobile.module.css +1 -1
  30. package/cssm/components/footer/Component.js +2 -1
  31. package/cssm/components/footer/desktop.module.css +5 -5
  32. package/cssm/components/footer/index.module.css +1 -1
  33. package/cssm/components/footer/layout.module.css +1 -1
  34. package/cssm/components/footer/mobile.module.css +1 -1
  35. package/cssm/components/header/Component.js +2 -1
  36. package/cssm/components/header/desktop.module.css +9 -9
  37. package/cssm/components/header/index.module.css +1 -1
  38. package/cssm/components/header/mobile.module.css +1 -1
  39. package/cssm/consts.d.ts +12 -0
  40. package/cssm/consts.js +17 -0
  41. package/cssm/desktop/Component.desktop.d.ts +1 -1
  42. package/cssm/desktop/desktop.module.css +5 -5
  43. package/cssm/mobile/mobile.module.css +1 -1
  44. package/cssm/typings.d.ts +3 -2
  45. package/cssm/vars.css +1 -1
  46. package/desktop/Component.desktop.d.ts +1 -1
  47. package/desktop/desktop.css +10 -10
  48. package/esm/Component.d.ts +1 -1
  49. package/esm/Component.js +6 -5
  50. package/esm/Component.responsive.d.ts +1 -1
  51. package/esm/ResponsiveContext.js +1 -1
  52. package/esm/components/content/Component.js +5 -4
  53. package/esm/components/content/desktop.css +8 -8
  54. package/esm/components/content/index.css +5 -5
  55. package/esm/components/content/mobile.css +4 -4
  56. package/esm/components/controls/Component.js +2 -2
  57. package/esm/components/controls/index.css +2 -2
  58. package/esm/components/footer/Component.js +6 -5
  59. package/esm/components/footer/desktop.css +10 -10
  60. package/esm/components/footer/index.css +5 -5
  61. package/esm/components/footer/layout.css +18 -18
  62. package/esm/components/footer/mobile.css +4 -4
  63. package/esm/components/header/Component.js +5 -4
  64. package/esm/components/header/desktop.css +16 -16
  65. package/esm/components/header/index.css +5 -5
  66. package/esm/components/header/mobile.css +5 -5
  67. package/esm/consts.d.ts +12 -0
  68. package/esm/consts.js +13 -0
  69. package/esm/desktop/Component.desktop.d.ts +1 -1
  70. package/esm/desktop/desktop.css +10 -10
  71. package/esm/layout.module-5f9fd885.js +4 -0
  72. package/esm/mobile/mobile.css +3 -3
  73. package/esm/transitions.css +8 -8
  74. package/esm/typings.d.ts +3 -2
  75. package/layout.module-48d3e9a8.js +6 -0
  76. package/mobile/mobile.css +3 -3
  77. package/modern/Component.d.ts +1 -1
  78. package/modern/Component.js +6 -5
  79. package/modern/Component.responsive.d.ts +1 -1
  80. package/modern/ResponsiveContext.js +1 -1
  81. package/modern/components/content/Component.js +5 -4
  82. package/modern/components/content/desktop.css +8 -8
  83. package/modern/components/content/index.css +5 -5
  84. package/modern/components/content/mobile.css +4 -4
  85. package/modern/components/controls/Component.js +2 -2
  86. package/modern/components/controls/index.css +2 -2
  87. package/modern/components/footer/Component.js +6 -5
  88. package/modern/components/footer/desktop.css +10 -10
  89. package/modern/components/footer/index.css +5 -5
  90. package/modern/components/footer/layout.css +18 -18
  91. package/modern/components/footer/mobile.css +4 -4
  92. package/modern/components/header/Component.js +5 -4
  93. package/modern/components/header/desktop.css +16 -16
  94. package/modern/components/header/index.css +5 -5
  95. package/modern/components/header/mobile.css +5 -5
  96. package/modern/consts.d.ts +12 -0
  97. package/modern/consts.js +13 -0
  98. package/modern/desktop/Component.desktop.d.ts +1 -1
  99. package/modern/desktop/desktop.css +10 -10
  100. package/modern/layout.module-8b353bc6.js +4 -0
  101. package/modern/mobile/mobile.css +3 -3
  102. package/modern/transitions.css +8 -8
  103. package/modern/typings.d.ts +3 -2
  104. package/package.json +2 -2
  105. package/src/Component.tsx +3 -2
  106. package/src/ResponsiveContext.tsx +1 -1
  107. package/src/components/content/Component.tsx +2 -1
  108. package/src/components/content/desktop.module.css +4 -4
  109. package/src/components/footer/Component.tsx +2 -1
  110. package/src/components/footer/desktop.module.css +4 -4
  111. package/src/components/header/Component.tsx +2 -1
  112. package/src/components/header/desktop.module.css +8 -8
  113. package/src/consts.ts +11 -0
  114. package/src/desktop/desktop.module.css +4 -4
  115. package/src/typings.ts +3 -2
  116. package/transitions.css +8 -8
  117. package/typings.d.ts +3 -2
  118. package/esm/layout.module-4c70e469.js +0 -4
  119. package/layout.module-fffa9cc4.js +0 -6
  120. package/modern/layout.module-80dc989b.js +0 -4
@@ -1,5 +1,5 @@
1
- /* hash: 10d55 */
2
- :root {
1
+ /* hash: fjq9m */
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 */
5
5
  } :root {
@@ -30,12 +30,12 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .modal__s_eh7uu,
34
- .modal__m_eh7uu,
35
- .modal__l_eh7uu,
36
- .modal__xl_eh7uu,
37
- .modal__fullscreen_eh7uu {
33
+ } .modal__size-500_g8bth,
34
+ .modal__size-600_g8bth,
35
+ .modal__size-800_g8bth,
36
+ .modal__size-1140_g8bth,
37
+ .modal__fullscreen_g8bth {
38
38
  padding: var(--modal-s-content-paddings)
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 {
39
+ } .modal__size-500_g8bth:last-child, .modal__size-600_g8bth:last-child, .modal__size-800_g8bth:last-child, .modal__size-1140_g8bth:last-child, .modal__fullscreen_g8bth:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,5 +1,5 @@
1
- /* hash: ilabg */
2
- :root {
1
+ /* hash: 1wszh */
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 */
5
5
  } :root {
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__content_l807a {
30
+ } .modal__content_mz45x {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_l807a.modal__withHeader_l807a {
35
+ } .modal__content_mz45x.modal__withHeader_mz45x {
36
36
  padding-top: 0;
37
- } .modal__flex_l807a {
37
+ } .modal__flex_mz45x {
38
38
  flex: 1;
39
39
  }
@@ -1,5 +1,5 @@
1
- /* hash: 7j6c1 */
2
- :root {
1
+ /* hash: 18r1n */
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 */
5
5
  } :root {
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__content_vl0td {
31
+ } .modal__content_9nufn {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_vl0td:last-child {
33
+ } .modal__content_9nufn: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-4c70e469.js';
5
+ import { l as layoutStyles } from '../../layout.module-5f9fd885.js';
6
6
 
7
- var styles = {"component":"modal__component_ycyjd"};
7
+ var styles = {"component":"modal__component_13voh"};
8
8
  require('./index.css')
9
9
 
10
10
  var Controls = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 5gcyu */
2
- .modal__component_ycyjd {
1
+ /* hash: kd7v6 */
2
+ .modal__component_13voh {
3
3
  width: 100%;
4
4
  }
@@ -1,17 +1,18 @@
1
1
  import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
4
+ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
4
5
  import { ModalContext } from '../../Context.js';
5
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
6
- import { l as layoutStyles } from '../../layout.module-4c70e469.js';
7
+ import { l as layoutStyles } from '../../layout.module-5f9fd885.js';
7
8
 
8
- var desktopStyles = {"footer":"modal__footer_1qs2y","sticky":"modal__sticky_1qs2y","fullscreen":"modal__fullscreen_1qs2y","s":"modal__s_1qs2y","m":"modal__m_1qs2y","l":"modal__l_1qs2y","xl":"modal__xl_1qs2y"};
9
+ var desktopStyles = {"footer":"modal__footer_xf4ze","sticky":"modal__sticky_xf4ze","fullscreen":"modal__fullscreen_xf4ze","size-500":"modal__size-500_xf4ze","size-600":"modal__size-600_xf4ze","size-800":"modal__size-800_xf4ze","size-1140":"modal__size-1140_xf4ze"};
9
10
  require('./desktop.css')
10
11
 
11
- var styles = {"footer":"modal__footer_1h6cu","sticky":"modal__sticky_1h6cu","highlighted":"modal__highlighted_1h6cu"};
12
+ var styles = {"footer":"modal__footer_ntev1","sticky":"modal__sticky_ntev1","highlighted":"modal__highlighted_ntev1"};
12
13
  require('./index.css')
13
14
 
14
- var mobileStyles = {"footer":"modal__footer_juqaa","sticky":"modal__sticky_juqaa"};
15
+ var mobileStyles = {"footer":"modal__footer_ec0by","sticky":"modal__sticky_ec0by"};
15
16
  require('./mobile.css')
16
17
 
17
18
  var Footer = function (_a) {
@@ -27,7 +28,7 @@ var Footer = function (_a) {
27
28
  _b[styles.sticky] = sticky,
28
29
  _b[desktopStyles.footer] = view === 'desktop',
29
30
  _b[desktopStyles.sticky] = view === 'desktop' && sticky,
30
- _b[desktopStyles[size]] = view === 'desktop',
31
+ _b[desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop',
31
32
  _b[mobileStyles.footer] = view === 'mobile',
32
33
  _b[mobileStyles.sticky] = view === 'mobile' && sticky,
33
34
  _b)) }, children));
@@ -1,5 +1,5 @@
1
- /* hash: eqlak */
2
- :root {
1
+ /* hash: d8zri */
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 */
5
5
  } :root {
@@ -33,17 +33,17 @@
33
33
  /* mobile */
34
34
 
35
35
  /* paddings */
36
- } .modal__footer_1qs2y {
36
+ } .modal__footer_xf4ze {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_1qs2y {
39
+ } .modal__sticky_xf4ze {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_1qs2y.modal__fullscreen_1qs2y {
41
+ } .modal__sticky_xf4ze.modal__fullscreen_xf4ze {
42
42
  bottom: 0;
43
- } .modal__s_1qs2y,
44
- .modal__m_1qs2y,
45
- .modal__l_1qs2y,
46
- .modal__xl_1qs2y,
47
- .modal__fullscreen_1qs2y {
43
+ } .modal__size-500_xf4ze,
44
+ .modal__size-600_xf4ze,
45
+ .modal__size-800_xf4ze,
46
+ .modal__size-1140_xf4ze,
47
+ .modal__fullscreen_xf4ze {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,5 +1,5 @@
1
- /* hash: yktex */
2
- :root {
1
+ /* hash: x37vu */
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;
5
5
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_1h6cu {
35
+ } .modal__footer_ntev1 {
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_1h6cu {
39
+ } .modal__sticky_ntev1 {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_1h6cu {
42
+ } .modal__highlighted_ntev1 {
43
43
  background: var(--modal-footer-highlight-background);
44
44
  box-shadow: var(--modal-footer-highlight-box-shadow);
45
45
  }
@@ -1,5 +1,5 @@
1
- /* hash: qrn7m */
2
- :root {
1
+ /* hash: pa1oj */
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 */
5
5
  } :root {
@@ -31,35 +31,35 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_nuz7o {
34
+ } .modal__column_1tj5a {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_nuz7o > *:not(:last-child):not(:only-child) {
37
+ } .modal__column_1tj5a > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_nuz7o.modal__gap-16_nuz7o > *:not(:last-child):not(:only-child) {
39
+ } .modal__column_1tj5a.modal__gap-16_1tj5a > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .modal__column_nuz7o.modal__gap-24_nuz7o > *:not(:last-child):not(:only-child) {
41
+ } .modal__column_1tj5a.modal__gap-24_1tj5a > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .modal__column_nuz7o.modal__gap-32_nuz7o > *:not(:last-child):not(:only-child) {
43
+ } .modal__column_1tj5a.modal__gap-32_1tj5a > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .modal__start_nuz7o {
45
+ } .modal__start_1tj5a {
46
46
  justify-content: flex-start;
47
- } .modal__center_nuz7o {
47
+ } .modal__center_1tj5a {
48
48
  justify-content: center;
49
- } .modal__space-between_nuz7o {
49
+ } .modal__space-between_1tj5a {
50
50
  justify-content: space-between
51
- } .modal__space-between_nuz7o > * {
51
+ } .modal__space-between_1tj5a > * {
52
52
  flex: 1;
53
- } .modal__start_nuz7o,
54
- .modal__center_nuz7o,
55
- .modal__space-between_nuz7o {
53
+ } .modal__start_1tj5a,
54
+ .modal__center_1tj5a,
55
+ .modal__space-between_1tj5a {
56
56
  display: flex
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) {
57
+ } .modal__start_1tj5a > *:not(:last-child):not(:only-child), .modal__center_1tj5a > *:not(:last-child):not(:only-child), .modal__space-between_1tj5a > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--modal-footer-default-gap);
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) {
59
+ } .modal__start_1tj5a.modal__gap-16_1tj5a > *:not(:last-child):not(:only-child), .modal__center_1tj5a.modal__gap-16_1tj5a > *:not(:last-child):not(:only-child), .modal__space-between_1tj5a.modal__gap-16_1tj5a > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
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) {
61
+ } .modal__start_1tj5a.modal__gap-24_1tj5a > *:not(:last-child):not(:only-child), .modal__center_1tj5a.modal__gap-24_1tj5a > *:not(:last-child):not(:only-child), .modal__space-between_1tj5a.modal__gap-24_1tj5a > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
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) {
63
+ } .modal__start_1tj5a.modal__gap-32_1tj5a > *:not(:last-child):not(:only-child), .modal__center_1tj5a.modal__gap-32_1tj5a > *:not(:last-child):not(:only-child), .modal__space-between_1tj5a.modal__gap-32_1tj5a > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,5 +1,5 @@
1
- /* hash: 8vrxr */
2
- :root {
1
+ /* hash: 1t013 */
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 */
5
5
  } :root {
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__footer_juqaa {
31
+ } .modal__footer_ec0by {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_juqaa {
33
+ } .modal__sticky_ec0by {
34
34
  bottom: 0;
35
35
  }
@@ -3,16 +3,17 @@ import React, { useContext, 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';
6
+ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
6
7
  import { ModalContext } from '../../Context.js';
7
8
  import { ResponsiveContext } from '../../ResponsiveContext.js';
8
9
 
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"};
10
+ var desktopStyles = {"header":"modal__header_12aod","content":"modal__content_12aod","size-500":"modal__size-500_12aod","size-600":"modal__size-600_12aod","size-800":"modal__size-800_12aod","size-1140":"modal__size-1140_12aod","fullscreen":"modal__fullscreen_12aod","sticky":"modal__sticky_12aod"};
10
11
  require('./desktop.css')
11
12
 
12
- var styles = {"highlighted":"modal__highlighted_sxwc6","sticky":"modal__sticky_sxwc6","hasContent":"modal__hasContent_sxwc6"};
13
+ var styles = {"highlighted":"modal__highlighted_18700","sticky":"modal__sticky_18700","hasContent":"modal__hasContent_18700"};
13
14
  require('./index.css')
14
15
 
15
- var mobileStyles = {"header":"modal__header_ri5oc","sticky":"modal__sticky_ri5oc","content":"modal__content_ri5oc"};
16
+ var mobileStyles = {"header":"modal__header_1r43n","sticky":"modal__sticky_1r43n","content":"modal__content_1r43n"};
16
17
  require('./mobile.css')
17
18
 
18
19
  var Header = function (_a) {
@@ -30,7 +31,7 @@ var Header = function (_a) {
30
31
  _b[styles.hasContent] = hasContent,
31
32
  _b[desktopStyles.header] = view === 'desktop',
32
33
  _b[desktopStyles.sticky] = view === 'desktop' && sticky,
33
- _b[desktopStyles[size]] = view === 'desktop',
34
+ _b[desktopStyles[SIZE_TO_CLASSNAME_MAP[size]]] = view === 'desktop',
34
35
  _b[mobileStyles.header] = view === 'mobile',
35
36
  _b[mobileStyles.sticky] = view === 'mobile' && sticky,
36
37
  _b)), contentClassName: cn(contentClassName, (_c = {},
@@ -1,5 +1,5 @@
1
- /* hash: 1eyw9 */
2
- :root {
1
+ /* hash: 1gghs */
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 */
5
5
  } :root {
@@ -44,31 +44,31 @@
44
44
  /* mobile */
45
45
 
46
46
  /* paddings */
47
- } .modal__header_n1kpp {
47
+ } .modal__header_12aod {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_n1kpp {
50
+ } .modal__content_12aod {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__s_n1kpp .modal__content_n1kpp,
54
- .modal__m_n1kpp .modal__content_n1kpp {
53
+ } .modal__size-500_12aod .modal__content_12aod,
54
+ .modal__size-600_12aod .modal__content_12aod {
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_n1kpp .modal__content_n1kpp,
59
- .modal__xl_n1kpp .modal__content_n1kpp,
60
- .modal__fullscreen_n1kpp .modal__content_n1kpp {
58
+ } .modal__size-800_12aod .modal__content_12aod,
59
+ .modal__size-1140_12aod .modal__content_12aod,
60
+ .modal__fullscreen_12aod .modal__content_12aod {
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_n1kpp,
65
- .modal__m_n1kpp,
66
- .modal__l_n1kpp,
67
- .modal__xl_n1kpp,
68
- .modal__fullscreen_n1kpp {
64
+ } .modal__size-500_12aod,
65
+ .modal__size-600_12aod,
66
+ .modal__size-800_12aod,
67
+ .modal__size-1140_12aod,
68
+ .modal__fullscreen_12aod {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_n1kpp {
70
+ } .modal__sticky_12aod {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_n1kpp.modal__fullscreen_n1kpp {
72
+ } .modal__sticky_12aod.modal__fullscreen_12aod {
73
73
  top: 0;
74
74
  }
@@ -1,5 +1,5 @@
1
- /* hash: 3yqex */
2
- :root {
1
+ /* hash: 5gbxz */
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;
5
5
  --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -32,12 +32,12 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__highlighted_sxwc6 {
35
+ } .modal__highlighted_18700 {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_sxwc6 {
38
+ } .modal__sticky_18700 {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_sxwc6.modal__hasContent_sxwc6 {
41
+ } .modal__sticky_18700.modal__hasContent_18700 {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,5 +1,5 @@
1
- /* hash: ygodb */
2
- :root {
1
+ /* hash: 1ddj9 */
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 */
5
5
  } :root {
@@ -38,11 +38,11 @@
38
38
 
39
39
  /* paddings */
40
40
  --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
41
- } .modal__header_ri5oc {
41
+ } .modal__header_1r43n {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_ri5oc {
43
+ } .modal__sticky_1r43n {
44
44
  top: 0;
45
- } .modal__content_ri5oc {
45
+ } .modal__content_1r43n {
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);
@@ -0,0 +1,12 @@
1
+ declare const SIZE_TO_CLASSNAME_MAP: {
2
+ s: string;
3
+ m: string;
4
+ l: string;
5
+ xl: string;
6
+ fullscreen: string;
7
+ 500: string;
8
+ 600: string;
9
+ 800: string;
10
+ 1140: string;
11
+ };
12
+ export { SIZE_TO_CLASSNAME_MAP };
package/esm/consts.js ADDED
@@ -0,0 +1,13 @@
1
+ var SIZE_TO_CLASSNAME_MAP = {
2
+ s: 'size-500',
3
+ m: 'size-600',
4
+ l: 'size-800',
5
+ xl: 'size-1140',
6
+ fullscreen: 'fullscreen',
7
+ 500: 'size-500',
8
+ 600: 'size-600',
9
+ 800: 'size-800',
10
+ 1140: 'size-1140',
11
+ };
12
+
13
+ export { SIZE_TO_CLASSNAME_MAP };
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ControlsProps } from "../components/controls/index";
4
4
  import { HeaderProps } from "../components/header/Component";
5
5
  declare const ModalDesktop: React.ForwardRefExoticComponent<import("@alfalab/core-components-base-modal").BaseModalProps & {
6
- size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
6
+ size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140 | undefined;
7
7
  fullscreen?: boolean | undefined;
8
8
  fixedPosition?: boolean | undefined;
9
9
  hasCloser?: boolean | undefined;
@@ -1,5 +1,5 @@
1
- /* hash: 1bdhs */
2
- :root {
1
+ /* hash: a5mgv */
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 */
5
5
  } :root {
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_3wrya {
38
+ } .modal__wrapper_n49hs {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_3wrya {
41
+ } .modal__component_n49hs {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_3wrya {
45
+ } .modal__fullscreen_n49hs {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_3wrya .modal__component_3wrya {
48
+ } .modal__fullscreen_n49hs .modal__component_n49hs {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_3wrya {
51
+ } .modal__size-500_n49hs {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_3wrya {
53
+ } .modal__size-600_n49hs {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_3wrya {
55
+ } .modal__size-800_n49hs {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_3wrya {
57
+ } .modal__size-1140_n49hs {
58
58
  width: var(--modal-xl-width);
59
59
  }
@@ -0,0 +1,4 @@
1
+ var layoutStyles = {"column":"modal__column_1tj5a","gap-16":"modal__gap-16_1tj5a","gap-24":"modal__gap-24_1tj5a","gap-32":"modal__gap-32_1tj5a","start":"modal__start_1tj5a","center":"modal__center_1tj5a","space-between":"modal__space-between_1tj5a"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -1,5 +1,5 @@
1
- /* hash: 12xku */
2
- :root {
1
+ /* hash: 11fzb */
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 */
5
5
  } :root {
@@ -27,7 +27,7 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__component_1sigs {
30
+ } .modal__component_z5it3 {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -1,24 +1,24 @@
1
- /* hash: wuj8d */
2
- .modal__appear_1doyi,
3
- .modal__enter_1doyi {
1
+ /* hash: yc4rg */
2
+ .modal__appear_1bxuk,
3
+ .modal__enter_1bxuk {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1doyi,
9
- .modal__enterActive_1doyi {
8
+ .modal__appearActive_1bxuk,
9
+ .modal__enterActive_1bxuk {
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_1doyi {
15
+ .modal__exit_1bxuk {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1doyi,
21
- .modal__exitDone_1doyi {
20
+ .modal__exitActive_1bxuk,
21
+ .modal__exitDone_1bxuk {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;