@alfalab/core-components-modal 6.1.9 → 6.1.10

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 (76) hide show
  1. package/Component.desktop.js +1 -1
  2. package/Component.js +4 -4
  3. package/Component.mobile.js +1 -1
  4. package/Component.responsive.js +1 -1
  5. package/components/closer/Component.js +2 -2
  6. package/components/closer/index.css +4 -4
  7. package/components/content/Component.js +3 -3
  8. package/components/content/desktop.css +8 -8
  9. package/components/content/index.css +3 -3
  10. package/components/content/mobile.css +3 -3
  11. package/components/footer/Component.js +4 -4
  12. package/components/footer/desktop.css +9 -9
  13. package/components/footer/index.css +4 -4
  14. package/components/footer/layout.css +25 -25
  15. package/components/footer/mobile.css +3 -3
  16. package/components/header/Component.js +4 -4
  17. package/components/header/desktop.css +17 -17
  18. package/components/header/index.css +15 -15
  19. package/components/header/mobile.css +3 -3
  20. package/desktop.css +9 -9
  21. package/desktop.js +1 -1
  22. package/esm/Component.desktop.js +1 -1
  23. package/esm/Component.js +4 -4
  24. package/esm/Component.mobile.js +1 -1
  25. package/esm/Component.responsive.js +1 -1
  26. package/esm/components/closer/Component.js +2 -2
  27. package/esm/components/closer/index.css +4 -4
  28. package/esm/components/content/Component.js +3 -3
  29. package/esm/components/content/desktop.css +8 -8
  30. package/esm/components/content/index.css +3 -3
  31. package/esm/components/content/mobile.css +3 -3
  32. package/esm/components/footer/Component.js +4 -4
  33. package/esm/components/footer/desktop.css +9 -9
  34. package/esm/components/footer/index.css +4 -4
  35. package/esm/components/footer/layout.css +25 -25
  36. package/esm/components/footer/mobile.css +3 -3
  37. package/esm/components/header/Component.js +4 -4
  38. package/esm/components/header/desktop.css +17 -17
  39. package/esm/components/header/index.css +15 -15
  40. package/esm/components/header/mobile.css +3 -3
  41. package/esm/desktop.css +9 -9
  42. package/esm/desktop.js +1 -1
  43. package/esm/index.js +1 -1
  44. package/esm/mobile.css +2 -2
  45. package/esm/mobile.js +1 -1
  46. package/esm/responsive.js +1 -1
  47. package/esm/transitions.css +8 -8
  48. package/esm/{tslib.es6-079b23b6.d.ts → tslib.es6-ea50c2fb.d.ts} +0 -0
  49. package/esm/{tslib.es6-079b23b6.js → tslib.es6-ea50c2fb.js} +0 -0
  50. package/index.js +1 -1
  51. package/mobile.css +2 -2
  52. package/mobile.js +1 -1
  53. package/modern/Component.js +3 -3
  54. package/modern/components/closer/Component.js +1 -1
  55. package/modern/components/closer/index.css +4 -4
  56. package/modern/components/content/Component.js +3 -3
  57. package/modern/components/content/desktop.css +8 -8
  58. package/modern/components/content/index.css +3 -3
  59. package/modern/components/content/mobile.css +3 -3
  60. package/modern/components/footer/Component.js +4 -4
  61. package/modern/components/footer/desktop.css +9 -9
  62. package/modern/components/footer/index.css +4 -4
  63. package/modern/components/footer/layout.css +25 -25
  64. package/modern/components/footer/mobile.css +3 -3
  65. package/modern/components/header/Component.js +3 -3
  66. package/modern/components/header/desktop.css +17 -17
  67. package/modern/components/header/index.css +15 -15
  68. package/modern/components/header/mobile.css +3 -3
  69. package/modern/desktop.css +9 -9
  70. package/modern/mobile.css +2 -2
  71. package/modern/transitions.css +8 -8
  72. package/package.json +3 -3
  73. package/responsive.js +1 -1
  74. package/transitions.css +8 -8
  75. /package/{tslib.es6-9ab4bb88.d.ts → tslib.es6-4b35fd3b.d.ts} +0 -0
  76. /package/{tslib.es6-9ab4bb88.js → tslib.es6-4b35fd3b.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
3
+ var tslib_es6 = require('./tslib.es6-4b35fd3b.js');
4
4
  var React = require('react');
5
5
  var components_closer_Component = require('./components/closer/Component.js');
6
6
  var components_content_Component = require('./components/content/Component.js');
package/Component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
3
+ var tslib_es6 = require('./tslib.es6-4b35fd3b.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var desktopStyles = {"wrapper":"modal__wrapper_paj31","component":"modal__component_paj31","fullscreen":"modal__fullscreen_paj31","s":"modal__s_paj31","m":"modal__m_paj31","l":"modal__l_paj31","xl":"modal__xl_paj31"};
16
+ var desktopStyles = {"wrapper":"modal__wrapper_ha58h","component":"modal__component_ha58h","fullscreen":"modal__fullscreen_ha58h","s":"modal__s_ha58h","m":"modal__m_ha58h","l":"modal__l_ha58h","xl":"modal__xl_ha58h"};
17
17
  require('./desktop.css')
18
18
 
19
- var mobileStyles = {"component":"modal__component_1sz6y"};
19
+ var mobileStyles = {"component":"modal__component_a3n66"};
20
20
  require('./mobile.css')
21
21
 
22
- var transitions = {"appear":"modal__appear_10g9m","enter":"modal__enter_10g9m","appearActive":"modal__appearActive_10g9m","enterActive":"modal__enterActive_10g9m","exit":"modal__exit_10g9m","exitActive":"modal__exitActive_10g9m","exitDone":"modal__exitDone_10g9m"};
22
+ var transitions = {"appear":"modal__appear_1gltw","enter":"modal__enter_1gltw","appearActive":"modal__appearActive_1gltw","enterActive":"modal__enterActive_1gltw","exit":"modal__exit_1gltw","exitActive":"modal__exitActive_1gltw","exitDone":"modal__exitDone_1gltw"};
23
23
  require('./transitions.css')
24
24
 
25
25
  var Modal = React.forwardRef(function (_a, ref) {
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
3
+ var tslib_es6 = require('./tslib.es6-4b35fd3b.js');
4
4
  var React = require('react');
5
5
  var components_closer_Component = require('./components/closer/Component.js');
6
6
  var components_content_Component = require('./components/content/Component.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-9ab4bb88.js');
3
+ var tslib_es6 = require('./tslib.es6-4b35fd3b.js');
4
4
  var React = require('react');
5
5
  var hooks = require('@alfalab/hooks');
6
6
  var components_closer_Component = require('./components/closer/Component.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../../tslib.es6-9ab4bb88.js');
3
+ var tslib_es6 = require('../../tslib.es6-4b35fd3b.js');
4
4
  var React = require('react');
5
5
  var cn = require('classnames');
6
6
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"closer":"modal__closer_111nj","button":"modal__button_111nj","sticky":"modal__sticky_111nj"};
16
+ var styles = {"closer":"modal__closer_t19p2","button":"modal__button_t19p2","sticky":"modal__sticky_t19p2"};
17
17
  require('./index.css')
18
18
 
19
19
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 9lgf5 */
1
+ /* hash: 1yyg1 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
@@ -30,7 +30,7 @@
30
30
  /* mobile */
31
31
  } :root {
32
32
  --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
33
- } .modal__closer_111nj {
33
+ } .modal__closer_t19p2 {
34
34
  flex-shrink: 0;
35
35
  width: 48px;
36
36
  height: 48px;
@@ -38,12 +38,12 @@
38
38
  display: flex;
39
39
  align-items: center;
40
40
  justify-content: center;
41
- } .modal__button_111nj {
41
+ } .modal__button_t19p2 {
42
42
  background: var(--modal-closer-bg-color);
43
43
  -webkit-backdrop-filter: blur(10px);
44
44
  backdrop-filter: blur(10px);
45
45
  border-radius: 50px;
46
- } .modal__sticky_111nj {
46
+ } .modal__sticky_t19p2 {
47
47
  position: sticky;
48
48
  top: calc(var(--modal-vertical-padding) * -1);
49
49
  }
@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var desktopStyles = {"s":"modal__s_1ymbg","m":"modal__m_1ymbg","l":"modal__l_1ymbg","xl":"modal__xl_1ymbg","fullscreen":"modal__fullscreen_1ymbg"};
14
+ var desktopStyles = {"s":"modal__s_1igr7","m":"modal__m_1igr7","l":"modal__l_1igr7","xl":"modal__xl_1igr7","fullscreen":"modal__fullscreen_1igr7"};
15
15
  require('./desktop.css')
16
16
 
17
- var styles = {"content":"modal__content_2ovk2","flex":"modal__flex_2ovk2"};
17
+ var styles = {"content":"modal__content_1lkfc","flex":"modal__flex_1lkfc"};
18
18
  require('./index.css')
19
19
 
20
- var mobileStyles = {"content":"modal__content_vcp1c"};
20
+ var mobileStyles = {"content":"modal__content_13d2v"};
21
21
  require('./mobile.css')
22
22
 
23
23
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: jhs5y */
1
+ /* hash: 1agne */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -28,15 +28,15 @@
28
28
  /* desktop */
29
29
 
30
30
  /* mobile */
31
- } .modal__s_1ymbg,
32
- .modal__m_1ymbg {
31
+ } .modal__s_1igr7,
32
+ .modal__m_1igr7 {
33
33
  padding: var(--modal-s-content-paddings)
34
- } .modal__s_1ymbg:last-child, .modal__m_1ymbg:last-child {
34
+ } .modal__s_1igr7:last-child, .modal__m_1igr7:last-child {
35
35
  padding-bottom: var(--modal-s-content-only-bottom-padding);
36
- } .modal__l_1ymbg,
37
- .modal__xl_1ymbg,
38
- .modal__fullscreen_1ymbg {
36
+ } .modal__l_1igr7,
37
+ .modal__xl_1igr7,
38
+ .modal__fullscreen_1igr7 {
39
39
  padding: 0 var(--gap-6xl)
40
- } .modal__l_1ymbg:last-child, .modal__xl_1ymbg:last-child, .modal__fullscreen_1ymbg:last-child {
40
+ } .modal__l_1igr7:last-child, .modal__xl_1igr7:last-child, .modal__fullscreen_1igr7:last-child {
41
41
  padding-bottom: var(--gap-6xl);
42
42
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1e0lo */
1
+ /* hash: 5ycv9 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -25,9 +25,9 @@
25
25
  /* desktop */
26
26
 
27
27
  /* mobile */
28
- } .modal__content_2ovk2 {
28
+ } .modal__content_1lkfc {
29
29
  box-sizing: border-box;
30
30
  width: 100%;
31
- } .modal__flex_2ovk2 {
31
+ } .modal__flex_1lkfc {
32
32
  flex: 1;
33
33
  }
@@ -1,4 +1,4 @@
1
- /* hash: 19mqa */
1
+ /* hash: xey08 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -26,8 +26,8 @@
26
26
  /* desktop */
27
27
 
28
28
  /* mobile */
29
- } .modal__content_vcp1c {
29
+ } .modal__content_13d2v {
30
30
  padding: 0 var(--gap-m)
31
- } .modal__content_vcp1c:last-child {
31
+ } .modal__content_13d2v:last-child {
32
32
  padding-bottom: var(--gap-m);
33
33
  }
@@ -11,16 +11,16 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var desktopStyles = {"footer":"modal__footer_1qa3q","sticky":"modal__sticky_1qa3q","fullscreen":"modal__fullscreen_1qa3q","s":"modal__s_1qa3q","m":"modal__m_1qa3q","l":"modal__l_1qa3q","xl":"modal__xl_1qa3q"};
14
+ var desktopStyles = {"footer":"modal__footer_1a4jg","sticky":"modal__sticky_1a4jg","fullscreen":"modal__fullscreen_1a4jg","s":"modal__s_1a4jg","m":"modal__m_1a4jg","l":"modal__l_1a4jg","xl":"modal__xl_1a4jg"};
15
15
  require('./desktop.css')
16
16
 
17
- var styles = {"footer":"modal__footer_1kbht","sticky":"modal__sticky_1kbht","highlighted":"modal__highlighted_1kbht"};
17
+ var styles = {"footer":"modal__footer_145xj","sticky":"modal__sticky_145xj","highlighted":"modal__highlighted_145xj"};
18
18
  require('./index.css')
19
19
 
20
- var layoutStyles = {"column":"modal__column_nczz1","gap-16":"modal__gap-16_nczz1","gap-24":"modal__gap-24_nczz1","gap-32":"modal__gap-32_nczz1","start":"modal__start_nczz1","center":"modal__center_nczz1","space-between":"modal__space-between_nczz1"};
20
+ var layoutStyles = {"column":"modal__column_77fp9","gap-16":"modal__gap-16_77fp9","gap-24":"modal__gap-24_77fp9","gap-32":"modal__gap-32_77fp9","start":"modal__start_77fp9","center":"modal__center_77fp9","space-between":"modal__space-between_77fp9"};
21
21
  require('./layout.css')
22
22
 
23
- var mobileStyles = {"footer":"modal__footer_te7v1","sticky":"modal__sticky_te7v1"};
23
+ var mobileStyles = {"footer":"modal__footer_11elp","sticky":"modal__sticky_11elp"};
24
24
  require('./mobile.css')
25
25
 
26
26
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: o9zy7 */
1
+ /* hash: lfh7c */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -33,18 +33,18 @@
33
33
  /* desktop */
34
34
 
35
35
  /* mobile */
36
- } .modal__footer_1qa3q {
36
+ } .modal__footer_1a4jg {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_1qa3q {
39
+ } .modal__sticky_1a4jg {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_1qa3q.modal__fullscreen_1qa3q {
41
+ } .modal__sticky_1a4jg.modal__fullscreen_1a4jg {
42
42
  bottom: 0;
43
- } .modal__s_1qa3q,
44
- .modal__m_1qa3q {
43
+ } .modal__s_1a4jg,
44
+ .modal__m_1a4jg {
45
45
  padding: var(--modal-s-footer-paddings);
46
- } .modal__l_1qa3q,
47
- .modal__xl_1qa3q,
48
- .modal__fullscreen_1qa3q {
46
+ } .modal__l_1a4jg,
47
+ .modal__xl_1a4jg,
48
+ .modal__fullscreen_1a4jg {
49
49
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
50
50
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1uunr */
1
+ /* hash: 1s050 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -30,14 +30,14 @@
30
30
  /* desktop */
31
31
 
32
32
  /* mobile */
33
- } .modal__footer_1kbht {
33
+ } .modal__footer_145xj {
34
34
  width: 100%;
35
35
  box-sizing: border-box;
36
36
  transition: box-shadow 0.2s ease, background 0.2s ease;
37
- } .modal__sticky_1kbht {
37
+ } .modal__sticky_145xj {
38
38
  background: var(--modal-footer-background);
39
39
  position: sticky;
40
- } .modal__highlighted_1kbht {
40
+ } .modal__highlighted_145xj {
41
41
  background: var(--modal-footer-highlight-background);
42
42
  box-shadow: var(--modal-footer-highlight-box-shadow);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1qolr */
1
+ /* hash: 1nu30 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -29,45 +29,45 @@
29
29
  /* desktop */
30
30
 
31
31
  /* mobile */
32
- } .modal__column_nczz1 {
32
+ } .modal__column_77fp9 {
33
33
  display: flex;
34
34
  flex-direction: column
35
- } .modal__column_nczz1 > * {
35
+ } .modal__column_77fp9 > * {
36
36
  margin-bottom: var(--modal-footer-default-gap);
37
- } .modal__column_nczz1 > *:last-child,
38
- .modal__column_nczz1 > *:only-child {
37
+ } .modal__column_77fp9 > *:last-child,
38
+ .modal__column_77fp9 > *:only-child {
39
39
  margin-bottom: 0;
40
- } .modal__column_nczz1.modal__gap-16_nczz1 > * {
40
+ } .modal__column_77fp9.modal__gap-16_77fp9 > * {
41
41
  margin-bottom: var(--gap-m);
42
- } .modal__column_nczz1.modal__gap-24_nczz1 > * {
42
+ } .modal__column_77fp9.modal__gap-24_77fp9 > * {
43
43
  margin-bottom: var(--gap-xl);
44
- } .modal__column_nczz1.modal__gap-32_nczz1 > * {
44
+ } .modal__column_77fp9.modal__gap-32_77fp9 > * {
45
45
  margin-bottom: var(--gap-2xl);
46
- } .modal__start_nczz1 {
46
+ } .modal__start_77fp9 {
47
47
  justify-content: flex-start;
48
- } .modal__center_nczz1 {
48
+ } .modal__center_77fp9 {
49
49
  justify-content: center;
50
- } .modal__space-between_nczz1 {
50
+ } .modal__space-between_77fp9 {
51
51
  justify-content: space-between
52
- } .modal__space-between_nczz1 > * {
52
+ } .modal__space-between_77fp9 > * {
53
53
  flex: 1;
54
- } .modal__start_nczz1,
55
- .modal__center_nczz1,
56
- .modal__space-between_nczz1 {
54
+ } .modal__start_77fp9,
55
+ .modal__center_77fp9,
56
+ .modal__space-between_77fp9 {
57
57
  display: flex
58
- } .modal__start_nczz1 > *, .modal__center_nczz1 > *, .modal__space-between_nczz1 > * {
58
+ } .modal__start_77fp9 > *, .modal__center_77fp9 > *, .modal__space-between_77fp9 > * {
59
59
  margin-right: var(--modal-footer-default-gap);
60
- } .modal__start_nczz1 > *:last-child,
61
- .modal__start_nczz1 > *:only-child,
62
- .modal__center_nczz1 > *:last-child,
63
- .modal__center_nczz1 > *:only-child,
64
- .modal__space-between_nczz1 > *:last-child,
65
- .modal__space-between_nczz1 > *:only-child {
60
+ } .modal__start_77fp9 > *:last-child,
61
+ .modal__start_77fp9 > *:only-child,
62
+ .modal__center_77fp9 > *:last-child,
63
+ .modal__center_77fp9 > *:only-child,
64
+ .modal__space-between_77fp9 > *:last-child,
65
+ .modal__space-between_77fp9 > *:only-child {
66
66
  margin-right: 0;
67
- } .modal__start_nczz1.modal__gap-16_nczz1 > *, .modal__center_nczz1.modal__gap-16_nczz1 > *, .modal__space-between_nczz1.modal__gap-16_nczz1 > * {
67
+ } .modal__start_77fp9.modal__gap-16_77fp9 > *, .modal__center_77fp9.modal__gap-16_77fp9 > *, .modal__space-between_77fp9.modal__gap-16_77fp9 > * {
68
68
  margin-right: var(--gap-m);
69
- } .modal__start_nczz1.modal__gap-24_nczz1 > *, .modal__center_nczz1.modal__gap-24_nczz1 > *, .modal__space-between_nczz1.modal__gap-24_nczz1 > * {
69
+ } .modal__start_77fp9.modal__gap-24_77fp9 > *, .modal__center_77fp9.modal__gap-24_77fp9 > *, .modal__space-between_77fp9.modal__gap-24_77fp9 > * {
70
70
  margin-right: var(--gap-xl);
71
- } .modal__start_nczz1.modal__gap-32_nczz1 > *, .modal__center_nczz1.modal__gap-32_nczz1 > *, .modal__space-between_nczz1.modal__gap-32_nczz1 > * {
71
+ } .modal__start_77fp9.modal__gap-32_77fp9 > *, .modal__center_77fp9.modal__gap-32_77fp9 > *, .modal__space-between_77fp9.modal__gap-32_77fp9 > * {
72
72
  margin-right: var(--gap-2xl);
73
73
  }
@@ -1,4 +1,4 @@
1
- /* hash: l9dbv */
1
+ /* hash: uxhr0 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -26,8 +26,8 @@
26
26
  /* desktop */
27
27
 
28
28
  /* mobile */
29
- } .modal__footer_te7v1 {
29
+ } .modal__footer_11elp {
30
30
  padding: var(--gap-m);
31
- } .modal__sticky_te7v1 {
31
+ } .modal__sticky_11elp {
32
32
  bottom: 0;
33
33
  }
@@ -7,7 +7,7 @@ var Context = require('../../Context.js');
7
7
  var ResponsiveContext = require('../../ResponsiveContext.js');
8
8
  var components_closer_Component = require('../closer/Component.js');
9
9
  require('@alfalab/core-components-base-modal');
10
- require('../../tslib.es6-9ab4bb88.js');
10
+ require('../../tslib.es6-4b35fd3b.js');
11
11
  require('@alfalab/core-components-icon-button');
12
12
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
13
13
 
@@ -21,13 +21,13 @@ var getDataTestId = function (dataTestId, element) {
21
21
  return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
22
22
  };
23
23
 
24
- var desktopStyles = {"header":"modal__header_10rwy","content":"modal__content_10rwy","s":"modal__s_10rwy","m":"modal__m_10rwy","l":"modal__l_10rwy","xl":"modal__xl_10rwy","fullscreen":"modal__fullscreen_10rwy","hasContent":"modal__hasContent_10rwy","sticky":"modal__sticky_10rwy"};
24
+ var desktopStyles = {"header":"modal__header_kmcoz","content":"modal__content_kmcoz","s":"modal__s_kmcoz","m":"modal__m_kmcoz","l":"modal__l_kmcoz","xl":"modal__xl_kmcoz","fullscreen":"modal__fullscreen_kmcoz","hasContent":"modal__hasContent_kmcoz","sticky":"modal__sticky_kmcoz"};
25
25
  require('./desktop.css')
26
26
 
27
- var styles = {"header":"modal__header_1abcs","hasContent":"modal__hasContent_1abcs","highlighted":"modal__highlighted_1abcs","sticky":"modal__sticky_1abcs","content":"modal__content_1abcs","title":"modal__title_1abcs","addon":"modal__addon_1abcs","closer":"modal__closer_1abcs","left":"modal__left_1abcs","center":"modal__center_1abcs","right":"modal__right_1abcs","trim":"modal__trim_1abcs"};
27
+ var styles = {"header":"modal__header_u5sir","hasContent":"modal__hasContent_u5sir","highlighted":"modal__highlighted_u5sir","sticky":"modal__sticky_u5sir","content":"modal__content_u5sir","title":"modal__title_u5sir","addon":"modal__addon_u5sir","closer":"modal__closer_u5sir","left":"modal__left_u5sir","center":"modal__center_u5sir","right":"modal__right_u5sir","trim":"modal__trim_u5sir"};
28
28
  require('./index.css')
29
29
 
30
- var mobileStyles = {"sticky":"modal__sticky_a9mmw","content":"modal__content_a9mmw"};
30
+ var mobileStyles = {"sticky":"modal__sticky_ia0hh","content":"modal__content_ia0hh"};
31
31
  require('./mobile.css')
32
32
 
33
33
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: vkd7z */
1
+ /* hash: 9e146 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -43,36 +43,36 @@
43
43
  --modal-header-desktop-font-family: var(--font-family-system);
44
44
 
45
45
  /* mobile */
46
- } .modal__header_10rwy {
46
+ } .modal__header_kmcoz {
47
47
  border-top-left-radius: var(--modal-border-radius);
48
48
  border-top-right-radius: var(--modal-border-radius);
49
- } .modal__content_10rwy {
49
+ } .modal__content_kmcoz {
50
50
  font-weight: var(--modal-header-desktop-font-weight);
51
51
  font-family: var(--modal-header-desktop-font-family);
52
- } .modal__s_10rwy .modal__content_10rwy,
53
- .modal__m_10rwy .modal__content_10rwy {
52
+ } .modal__s_kmcoz .modal__content_kmcoz,
53
+ .modal__m_kmcoz .modal__content_kmcoz {
54
54
  padding: var(--modal-s-header-desktop-content-paddings);
55
55
  font-size: var(--modal-s-header-desktop-font-size);
56
56
  line-height: var(--modal-s-header-desktop-line-height);
57
- } .modal__l_10rwy .modal__content_10rwy,
58
- .modal__xl_10rwy .modal__content_10rwy,
59
- .modal__fullscreen_10rwy .modal__content_10rwy {
57
+ } .modal__l_kmcoz .modal__content_kmcoz,
58
+ .modal__xl_kmcoz .modal__content_kmcoz,
59
+ .modal__fullscreen_kmcoz .modal__content_kmcoz {
60
60
  padding: var(--modal-l-header-desktop-content-paddings);
61
61
  font-size: var(--modal-l-header-desktop-font-size);
62
62
  line-height: var(--modal-l-header-desktop-line-height);
63
- } .modal__s_10rwy,
64
- .modal__m_10rwy {
63
+ } .modal__s_kmcoz,
64
+ .modal__m_kmcoz {
65
65
  padding: var(--modal-s-header-paddings)
66
- } .modal__s_10rwy:not(.modal__hasContent_10rwy), .modal__m_10rwy:not(.modal__hasContent_10rwy) {
66
+ } .modal__s_kmcoz:not(.modal__hasContent_kmcoz), .modal__m_kmcoz:not(.modal__hasContent_kmcoz) {
67
67
  padding-bottom: 0;
68
- } .modal__l_10rwy,
69
- .modal__xl_10rwy,
70
- .modal__fullscreen_10rwy {
68
+ } .modal__l_kmcoz,
69
+ .modal__xl_kmcoz,
70
+ .modal__fullscreen_kmcoz {
71
71
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
72
- } .modal__l_10rwy:not(.modal__hasContent_10rwy), .modal__xl_10rwy:not(.modal__hasContent_10rwy), .modal__fullscreen_10rwy:not(.modal__hasContent_10rwy) {
72
+ } .modal__l_kmcoz:not(.modal__hasContent_kmcoz), .modal__xl_kmcoz:not(.modal__hasContent_kmcoz), .modal__fullscreen_kmcoz:not(.modal__hasContent_kmcoz) {
73
73
  padding-bottom: var(--gap-m);
74
- } .modal__sticky_10rwy {
74
+ } .modal__sticky_kmcoz {
75
75
  top: calc(var(--modal-vertical-padding) * -1)
76
- } .modal__sticky_10rwy.modal__fullscreen_10rwy {
76
+ } .modal__sticky_kmcoz.modal__fullscreen_kmcoz {
77
77
  top: 0;
78
78
  }
@@ -1,4 +1,4 @@
1
- /* hash: pknb9 */
1
+ /* hash: 3eb7f */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -29,48 +29,48 @@
29
29
  /* desktop */
30
30
 
31
31
  /* mobile */
32
- } .modal__header_1abcs {
32
+ } .modal__header_u5sir {
33
33
  width: 100%;
34
34
  box-sizing: border-box;
35
35
  display: flex;
36
36
  align-items: stretch;
37
37
  justify-content: space-between;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease
39
- } .modal__header_1abcs:not(.modal__hasContent_1abcs) {
39
+ } .modal__header_u5sir:not(.modal__hasContent_u5sir) {
40
40
  pointer-events: none;
41
- } .modal__highlighted_1abcs {
41
+ } .modal__highlighted_u5sir {
42
42
  background: var(--modal-header-highlight-background);
43
43
  box-shadow: var(--modal-header-highlight-box-shadow);
44
- } .modal__sticky_1abcs {
44
+ } .modal__sticky_u5sir {
45
45
  position: sticky;
46
46
  z-index: 1
47
- } .modal__sticky_1abcs.modal__hasContent_1abcs {
47
+ } .modal__sticky_u5sir.modal__hasContent_u5sir {
48
48
  background: var(--modal-header-background);
49
- } .modal__content_1abcs {
49
+ } .modal__content_u5sir {
50
50
  flex-grow: 1;
51
- } .modal__title_1abcs {
51
+ } .modal__title_u5sir {
52
52
  word-break: break-word;
53
- } .modal__addon_1abcs {
53
+ } .modal__addon_u5sir {
54
54
  min-width: 48px;
55
55
  height: 48px;
56
56
  display: flex;
57
57
  justify-content: center;
58
58
  align-items: center;
59
59
  pointer-events: all;
60
- } .modal__closer_1abcs {
60
+ } .modal__closer_u5sir {
61
61
  margin-left: auto;
62
- } .modal__left_1abcs {
62
+ } .modal__left_u5sir {
63
63
  justify-content: flex-start;
64
64
  text-align: left;
65
- } .modal__center_1abcs {
65
+ } .modal__center_u5sir {
66
66
  justify-content: center;
67
67
  text-align: center;
68
- } .modal__right_1abcs {
68
+ } .modal__right_u5sir {
69
69
  justify-content: flex-end;
70
70
  text-align: right;
71
- } .modal__trim_1abcs {
71
+ } .modal__trim_u5sir {
72
72
  overflow: hidden
73
- } .modal__trim_1abcs .modal__title_1abcs {
73
+ } .modal__trim_u5sir .modal__title_u5sir {
74
74
  overflow: hidden;
75
75
  white-space: nowrap;
76
76
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: 12ltd */
1
+ /* hash: 1c9xs */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -35,9 +35,9 @@
35
35
  --modal-header-mobile-line-height: 24px;
36
36
  --modal-header-mobile-font-family: var(--font-family-system);
37
37
  --modal-header-mobile-font-weight: bold;
38
- } .modal__sticky_a9mmw {
38
+ } .modal__sticky_ia0hh {
39
39
  top: 0;
40
- } .modal__content_a9mmw {
40
+ } .modal__content_ia0hh {
41
41
  font-size: var(--modal-header-mobile-font-size);
42
42
  line-height: var(--modal-header-mobile-line-height);
43
43
  font-family: var(--modal-header-mobile-font-family);
package/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: darmm */
1
+ /* hash: 3mn7h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  } :root {
@@ -33,25 +33,25 @@
33
33
  /* desktop */
34
34
 
35
35
  /* mobile */
36
- } .modal__wrapper_paj31 {
36
+ } .modal__wrapper_ha58h {
37
37
  padding-top: var(--modal-vertical-padding);
38
38
  padding-bottom: var(--modal-vertical-padding);
39
- } .modal__component_paj31 {
39
+ } .modal__component_ha58h {
40
40
  width: 100%;
41
41
  max-width: 100%;
42
42
  border-radius: var(--modal-border-radius);
43
- } .modal__fullscreen_paj31 {
43
+ } .modal__fullscreen_ha58h {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
- } .modal__fullscreen_paj31 .modal__component_paj31 {
46
+ } .modal__fullscreen_ha58h .modal__component_ha58h {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
- } .modal__s_paj31 {
49
+ } .modal__s_ha58h {
50
50
  width: var(--modal-s-width);
51
- } .modal__m_paj31 {
51
+ } .modal__m_ha58h {
52
52
  width: var(--modal-m-width);
53
- } .modal__l_paj31 {
53
+ } .modal__l_ha58h {
54
54
  width: var(--modal-l-width);
55
- } .modal__xl_paj31 {
55
+ } .modal__xl_ha58h {
56
56
  width: var(--modal-xl-width);
57
57
  }
package/desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_desktop = require('./Component.desktop.js');
4
- require('./tslib.es6-9ab4bb88.js');
4
+ require('./tslib.es6-4b35fd3b.js');
5
5
  require('react');
6
6
  require('./components/closer/Component.js');
7
7
  require('classnames');
@@ -1,4 +1,4 @@
1
- import { _ as __assign } from './tslib.es6-079b23b6.js';
1
+ import { _ as __assign } from './tslib.es6-ea50c2fb.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { Closer } from './components/closer/Component.js';
4
4
  import { Content } from './components/content/Component.js';
package/esm/Component.js CHANGED
@@ -1,17 +1,17 @@
1
- import { a as __rest, _ as __assign } from './tslib.es6-079b23b6.js';
1
+ import { a as __rest, _ as __assign } from './tslib.es6-ea50c2fb.js';
2
2
  import React, { forwardRef, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
6
  import { ResponsiveContext } from './ResponsiveContext.js';
7
7
 
8
- var desktopStyles = {"wrapper":"modal__wrapper_paj31","component":"modal__component_paj31","fullscreen":"modal__fullscreen_paj31","s":"modal__s_paj31","m":"modal__m_paj31","l":"modal__l_paj31","xl":"modal__xl_paj31"};
8
+ var desktopStyles = {"wrapper":"modal__wrapper_ha58h","component":"modal__component_ha58h","fullscreen":"modal__fullscreen_ha58h","s":"modal__s_ha58h","m":"modal__m_ha58h","l":"modal__l_ha58h","xl":"modal__xl_ha58h"};
9
9
  require('./desktop.css')
10
10
 
11
- var mobileStyles = {"component":"modal__component_1sz6y"};
11
+ var mobileStyles = {"component":"modal__component_a3n66"};
12
12
  require('./mobile.css')
13
13
 
14
- var transitions = {"appear":"modal__appear_10g9m","enter":"modal__enter_10g9m","appearActive":"modal__appearActive_10g9m","enterActive":"modal__enterActive_10g9m","exit":"modal__exit_10g9m","exitActive":"modal__exitActive_10g9m","exitDone":"modal__exitDone_10g9m"};
14
+ var transitions = {"appear":"modal__appear_1gltw","enter":"modal__enter_1gltw","appearActive":"modal__appearActive_1gltw","enterActive":"modal__enterActive_1gltw","exit":"modal__exit_1gltw","exitActive":"modal__exitActive_1gltw","exitDone":"modal__exitDone_1gltw"};
15
15
  require('./transitions.css')
16
16
 
17
17
  var Modal = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __assign } from './tslib.es6-079b23b6.js';
1
+ import { _ as __assign } from './tslib.es6-ea50c2fb.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { Closer } from './components/closer/Component.js';
4
4
  import { Content } from './components/content/Component.js';
@@ -1,4 +1,4 @@
1
- import { a as __rest, _ as __assign } from './tslib.es6-079b23b6.js';
1
+ import { a as __rest, _ as __assign } from './tslib.es6-ea50c2fb.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { useMedia } from '@alfalab/hooks';
4
4
  import { Closer } from './components/closer/Component.js';