@alfalab/core-components-modal 6.1.0 → 6.1.2

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-270dfeed.d.ts → tslib.es6-2d38acb6.d.ts} +0 -0
  49. package/esm/{tslib.es6-270dfeed.js → tslib.es6-2d38acb6.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-c33750f3.d.ts → tslib.es6-caf91dd0.d.ts} +0 -0
  76. /package/{tslib.es6-c33750f3.js → tslib.es6-caf91dd0.js} +0 -0
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-c33750f3.js');
5
+ var tslib_es6 = require('./tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-icon-button');
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-c33750f3.js');
5
+ var tslib_es6 = require('./tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
17
17
 
18
- var desktopStyles = {"wrapper":"modal__wrapper_xnsi1","component":"modal__component_xnsi1","fullscreen":"modal__fullscreen_xnsi1","s":"modal__s_xnsi1","m":"modal__m_xnsi1","l":"modal__l_xnsi1","xl":"modal__xl_xnsi1"};
18
+ var desktopStyles = {"wrapper":"modal__wrapper_137qh","component":"modal__component_137qh","fullscreen":"modal__fullscreen_137qh","s":"modal__s_137qh","m":"modal__m_137qh","l":"modal__l_137qh","xl":"modal__xl_137qh"};
19
19
  require('./desktop.css')
20
20
 
21
- var mobileStyles = {"component":"modal__component_8mm50"};
21
+ var mobileStyles = {"component":"modal__component_13o6d"};
22
22
  require('./mobile.css')
23
23
 
24
- var transitions = {"appear":"modal__appear_n9uu6","enter":"modal__enter_n9uu6","appearActive":"modal__appearActive_n9uu6","enterActive":"modal__enterActive_n9uu6","exit":"modal__exit_n9uu6","exitActive":"modal__exitActive_n9uu6","exitDone":"modal__exitDone_n9uu6"};
24
+ var transitions = {"appear":"modal__appear_1ibf2","enter":"modal__enter_1ibf2","appearActive":"modal__appearActive_1ibf2","enterActive":"modal__enterActive_1ibf2","exit":"modal__exit_1ibf2","exitActive":"modal__exitActive_1ibf2","exitDone":"modal__exitDone_1ibf2"};
25
25
  require('./transitions.css')
26
26
 
27
27
  var Modal = React.forwardRef(function (_a, ref) {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-c33750f3.js');
5
+ var tslib_es6 = require('./tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-icon-button');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-c33750f3.js');
5
+ var tslib_es6 = require('./tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-icon-button');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-c33750f3.js');
5
+ var tslib_es6 = require('../../tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
17
 
18
- var styles = {"closer":"modal__closer_hjyxy","button":"modal__button_hjyxy","sticky":"modal__sticky_hjyxy"};
18
+ var styles = {"closer":"modal__closer_n3wxk","button":"modal__button_n3wxk","sticky":"modal__sticky_n3wxk"};
19
19
  require('./index.css')
20
20
 
21
21
  /**
@@ -1,4 +1,4 @@
1
- /* hash: rqprz */
1
+ /* hash: 1i2tq */
2
2
  :root {
3
3
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
4
4
  }
@@ -29,7 +29,7 @@
29
29
  :root {
30
30
  --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
31
31
  }
32
- .modal__closer_hjyxy {
32
+ .modal__closer_n3wxk {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -38,13 +38,13 @@
38
38
  align-items: center;
39
39
  justify-content: center;
40
40
  }
41
- .modal__button_hjyxy {
41
+ .modal__button_n3wxk {
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
46
  }
47
- .modal__sticky_hjyxy {
47
+ .modal__sticky_n3wxk {
48
48
  position: sticky;
49
49
  top: calc(var(--modal-vertical-padding) * -1);
50
50
  }
@@ -13,13 +13,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- var desktopStyles = {"s":"modal__s_1jxs8","m":"modal__m_1jxs8","l":"modal__l_1jxs8","xl":"modal__xl_1jxs8","fullscreen":"modal__fullscreen_1jxs8"};
16
+ var desktopStyles = {"s":"modal__s_ow7zx","m":"modal__m_ow7zx","l":"modal__l_ow7zx","xl":"modal__xl_ow7zx","fullscreen":"modal__fullscreen_ow7zx"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"content":"modal__content_fvac6","flex":"modal__flex_fvac6"};
19
+ var styles = {"content":"modal__content_1juu5","flex":"modal__flex_1juu5"};
20
20
  require('./index.css')
21
21
 
22
- var mobileStyles = {"content":"modal__content_1ma9v"};
22
+ var mobileStyles = {"content":"modal__content_1gqbw"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: wq4uq */
1
+ /* hash: tl13g */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,18 +24,18 @@
24
24
 
25
25
  /* mobile */
26
26
  }
27
- .modal__s_1jxs8,
28
- .modal__m_1jxs8 {
27
+ .modal__s_ow7zx,
28
+ .modal__m_ow7zx {
29
29
  padding: var(--modal-s-content-paddings)
30
30
  }
31
- .modal__s_1jxs8:last-child, .modal__m_1jxs8:last-child {
31
+ .modal__s_ow7zx:last-child, .modal__m_ow7zx:last-child {
32
32
  padding-bottom: var(--modal-s-content-only-bottom-padding);
33
33
  }
34
- .modal__l_1jxs8,
35
- .modal__xl_1jxs8,
36
- .modal__fullscreen_1jxs8 {
34
+ .modal__l_ow7zx,
35
+ .modal__xl_ow7zx,
36
+ .modal__fullscreen_ow7zx {
37
37
  padding: 0 var(--gap-6xl)
38
38
  }
39
- .modal__l_1jxs8:last-child, .modal__xl_1jxs8:last-child, .modal__fullscreen_1jxs8:last-child {
39
+ .modal__l_ow7zx:last-child, .modal__xl_ow7zx:last-child, .modal__fullscreen_ow7zx:last-child {
40
40
  padding-bottom: var(--gap-6xl);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 11o5z */
1
+ /* hash: mtz6f */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,10 +19,10 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__content_fvac6 {
22
+ .modal__content_1juu5 {
23
23
  box-sizing: border-box;
24
24
  width: 100%;
25
25
  }
26
- .modal__flex_fvac6 {
26
+ .modal__flex_1juu5 {
27
27
  flex: 1;
28
28
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1i7nt */
1
+ /* hash: gjbp2 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__content_1ma9v {
25
+ .modal__content_1gqbw {
26
26
  padding: 0 var(--gap-m)
27
27
  }
28
- .modal__content_1ma9v:last-child {
28
+ .modal__content_1gqbw:last-child {
29
29
  padding-bottom: var(--gap-m);
30
30
  }
@@ -13,16 +13,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- var desktopStyles = {"footer":"modal__footer_13q8p","sticky":"modal__sticky_13q8p","fullscreen":"modal__fullscreen_13q8p","s":"modal__s_13q8p","m":"modal__m_13q8p","l":"modal__l_13q8p","xl":"modal__xl_13q8p"};
16
+ var desktopStyles = {"footer":"modal__footer_1v63e","sticky":"modal__sticky_1v63e","fullscreen":"modal__fullscreen_1v63e","s":"modal__s_1v63e","m":"modal__m_1v63e","l":"modal__l_1v63e","xl":"modal__xl_1v63e"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"footer":"modal__footer_5wos0","sticky":"modal__sticky_5wos0","highlighted":"modal__highlighted_5wos0"};
19
+ var styles = {"footer":"modal__footer_xcjh3","sticky":"modal__sticky_xcjh3","highlighted":"modal__highlighted_xcjh3"};
20
20
  require('./index.css')
21
21
 
22
- var layoutStyles = {"column":"modal__column_t4yq9","gap-16":"modal__gap-16_t4yq9","gap-24":"modal__gap-24_t4yq9","gap-32":"modal__gap-32_t4yq9","start":"modal__start_t4yq9","center":"modal__center_t4yq9","space-between":"modal__space-between_t4yq9"};
22
+ var layoutStyles = {"column":"modal__column_s8znt","gap-16":"modal__gap-16_s8znt","gap-24":"modal__gap-24_s8znt","gap-32":"modal__gap-32_s8znt","start":"modal__start_s8znt","center":"modal__center_s8znt","space-between":"modal__space-between_s8znt"};
23
23
  require('./layout.css')
24
24
 
25
- var mobileStyles = {"footer":"modal__footer_y6ay7","sticky":"modal__sticky_y6ay7"};
25
+ var mobileStyles = {"footer":"modal__footer_17byh","sticky":"modal__sticky_17byh"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1pj4d */
1
+ /* hash: 12b3i */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,22 +31,22 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__footer_13q8p {
34
+ .modal__footer_1v63e {
35
35
  border-bottom-left-radius: var(--modal-border-radius);
36
36
  border-bottom-right-radius: var(--modal-border-radius);
37
37
  }
38
- .modal__sticky_13q8p {
38
+ .modal__sticky_1v63e {
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  }
41
- .modal__sticky_13q8p.modal__fullscreen_13q8p {
41
+ .modal__sticky_1v63e.modal__fullscreen_1v63e {
42
42
  bottom: 0;
43
43
  }
44
- .modal__s_13q8p,
45
- .modal__m_13q8p {
44
+ .modal__s_1v63e,
45
+ .modal__m_1v63e {
46
46
  padding: var(--modal-s-footer-paddings);
47
47
  }
48
- .modal__l_13q8p,
49
- .modal__xl_13q8p,
50
- .modal__fullscreen_13q8p {
48
+ .modal__l_1v63e,
49
+ .modal__xl_1v63e,
50
+ .modal__fullscreen_1v63e {
51
51
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1hq5g */
1
+ /* hash: 1b4ip */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
26
26
 
27
27
  /* mobile */
28
28
  }
29
- .modal__footer_5wos0 {
29
+ .modal__footer_xcjh3 {
30
30
  width: 100%;
31
31
  box-sizing: border-box;
32
32
  transition: box-shadow 0.2s ease, background 0.2s ease;
33
33
  }
34
- .modal__sticky_5wos0 {
34
+ .modal__sticky_xcjh3 {
35
35
  background: var(--modal-footer-background);
36
36
  position: sticky;
37
37
  }
38
- .modal__highlighted_5wos0 {
38
+ .modal__highlighted_xcjh3 {
39
39
  background: var(--modal-footer-highlight-background);
40
40
  box-shadow: var(--modal-footer-highlight-box-shadow);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: m1phe */
1
+ /* hash: 16ygp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__column_t4yq9 {
28
+ .modal__column_s8znt {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_t4yq9 > * {
32
+ .modal__column_s8znt > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_t4yq9 > *:last-child,
36
- .modal__column_t4yq9 > *:only-child {
35
+ .modal__column_s8znt > *:last-child,
36
+ .modal__column_s8znt > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_t4yq9.modal__gap-16_t4yq9 > * {
39
+ .modal__column_s8znt.modal__gap-16_s8znt > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_t4yq9.modal__gap-24_t4yq9 > * {
42
+ .modal__column_s8znt.modal__gap-24_s8znt > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_t4yq9.modal__gap-32_t4yq9 > * {
45
+ .modal__column_s8znt.modal__gap-32_s8znt > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_t4yq9 {
48
+ .modal__start_s8znt {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_t4yq9 {
51
+ .modal__center_s8znt {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_t4yq9 {
54
+ .modal__space-between_s8znt {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_t4yq9 > * {
57
+ .modal__space-between_s8znt > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_t4yq9,
61
- .modal__center_t4yq9,
62
- .modal__space-between_t4yq9 {
60
+ .modal__start_s8znt,
61
+ .modal__center_s8znt,
62
+ .modal__space-between_s8znt {
63
63
  display: flex
64
64
  }
65
- .modal__start_t4yq9 > *, .modal__center_t4yq9 > *, .modal__space-between_t4yq9 > * {
65
+ .modal__start_s8znt > *, .modal__center_s8znt > *, .modal__space-between_s8znt > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_t4yq9 > *:last-child,
69
- .modal__start_t4yq9 > *:only-child,
70
- .modal__center_t4yq9 > *:last-child,
71
- .modal__center_t4yq9 > *:only-child,
72
- .modal__space-between_t4yq9 > *:last-child,
73
- .modal__space-between_t4yq9 > *:only-child {
68
+ .modal__start_s8znt > *:last-child,
69
+ .modal__start_s8znt > *:only-child,
70
+ .modal__center_s8znt > *:last-child,
71
+ .modal__center_s8znt > *:only-child,
72
+ .modal__space-between_s8znt > *:last-child,
73
+ .modal__space-between_s8znt > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_t4yq9.modal__gap-16_t4yq9 > *, .modal__center_t4yq9.modal__gap-16_t4yq9 > *, .modal__space-between_t4yq9.modal__gap-16_t4yq9 > * {
76
+ .modal__start_s8znt.modal__gap-16_s8znt > *, .modal__center_s8znt.modal__gap-16_s8znt > *, .modal__space-between_s8znt.modal__gap-16_s8znt > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_t4yq9.modal__gap-24_t4yq9 > *, .modal__center_t4yq9.modal__gap-24_t4yq9 > *, .modal__space-between_t4yq9.modal__gap-24_t4yq9 > * {
79
+ .modal__start_s8znt.modal__gap-24_s8znt > *, .modal__center_s8znt.modal__gap-24_s8znt > *, .modal__space-between_s8znt.modal__gap-24_s8znt > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_t4yq9.modal__gap-32_t4yq9 > *, .modal__center_t4yq9.modal__gap-32_t4yq9 > *, .modal__space-between_t4yq9.modal__gap-32_t4yq9 > * {
82
+ .modal__start_s8znt.modal__gap-32_s8znt > *, .modal__center_s8znt.modal__gap-32_s8znt > *, .modal__space-between_s8znt.modal__gap-32_s8znt > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 433uw */
1
+ /* hash: 1bt42 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_y6ay7 {
25
+ .modal__footer_17byh {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_y6ay7 {
28
+ .modal__sticky_17byh {
29
29
  bottom: 0;
30
30
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../tslib.es6-c33750f3.js');
5
+ require('../../tslib.es6-caf91dd0.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  require('@alfalab/core-components-icon-button');
@@ -23,13 +23,13 @@ var getDataTestId = function (dataTestId, element) {
23
23
  return dataTestId ? "" + dataTestId + elementPart : undefined;
24
24
  };
25
25
 
26
- var desktopStyles = {"header":"modal__header_e81yg","content":"modal__content_e81yg","s":"modal__s_e81yg","m":"modal__m_e81yg","l":"modal__l_e81yg","xl":"modal__xl_e81yg","fullscreen":"modal__fullscreen_e81yg","hasContent":"modal__hasContent_e81yg","sticky":"modal__sticky_e81yg"};
26
+ var desktopStyles = {"header":"modal__header_1ltbb","content":"modal__content_1ltbb","s":"modal__s_1ltbb","m":"modal__m_1ltbb","l":"modal__l_1ltbb","xl":"modal__xl_1ltbb","fullscreen":"modal__fullscreen_1ltbb","hasContent":"modal__hasContent_1ltbb","sticky":"modal__sticky_1ltbb"};
27
27
  require('./desktop.css')
28
28
 
29
- var styles = {"header":"modal__header_1uxnt","hasContent":"modal__hasContent_1uxnt","highlighted":"modal__highlighted_1uxnt","sticky":"modal__sticky_1uxnt","content":"modal__content_1uxnt","title":"modal__title_1uxnt","addon":"modal__addon_1uxnt","closer":"modal__closer_1uxnt","left":"modal__left_1uxnt","center":"modal__center_1uxnt","right":"modal__right_1uxnt","trim":"modal__trim_1uxnt"};
29
+ var styles = {"header":"modal__header_13ht4","hasContent":"modal__hasContent_13ht4","highlighted":"modal__highlighted_13ht4","sticky":"modal__sticky_13ht4","content":"modal__content_13ht4","title":"modal__title_13ht4","addon":"modal__addon_13ht4","closer":"modal__closer_13ht4","left":"modal__left_13ht4","center":"modal__center_13ht4","right":"modal__right_13ht4","trim":"modal__trim_13ht4"};
30
30
  require('./index.css')
31
31
 
32
- var mobileStyles = {"sticky":"modal__sticky_trb8k","content":"modal__content_trb8k"};
32
+ var mobileStyles = {"sticky":"modal__sticky_klnpo","content":"modal__content_klnpo"};
33
33
  require('./mobile.css')
34
34
 
35
35
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 3gzzu */
1
+ /* hash: 1rjiu */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_e81yg {
46
+ .modal__header_1ltbb {
47
47
  border-top-left-radius: var(--modal-border-radius);
48
48
  border-top-right-radius: var(--modal-border-radius);
49
49
  }
50
- .modal__content_e81yg {
50
+ .modal__content_1ltbb {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
53
  }
54
- .modal__s_e81yg .modal__content_e81yg,
55
- .modal__m_e81yg .modal__content_e81yg {
54
+ .modal__s_1ltbb .modal__content_1ltbb,
55
+ .modal__m_1ltbb .modal__content_1ltbb {
56
56
  padding: var(--modal-s-header-desktop-content-paddings);
57
57
  font-size: var(--modal-s-header-desktop-font-size);
58
58
  line-height: var(--modal-s-header-desktop-line-height);
59
59
  }
60
- .modal__l_e81yg .modal__content_e81yg,
61
- .modal__xl_e81yg .modal__content_e81yg,
62
- .modal__fullscreen_e81yg .modal__content_e81yg {
60
+ .modal__l_1ltbb .modal__content_1ltbb,
61
+ .modal__xl_1ltbb .modal__content_1ltbb,
62
+ .modal__fullscreen_1ltbb .modal__content_1ltbb {
63
63
  padding: var(--modal-l-header-desktop-content-paddings);
64
64
  font-size: var(--modal-l-header-desktop-font-size);
65
65
  line-height: var(--modal-l-header-desktop-line-height);
66
66
  }
67
- .modal__s_e81yg,
68
- .modal__m_e81yg {
67
+ .modal__s_1ltbb,
68
+ .modal__m_1ltbb {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_e81yg:not(.modal__hasContent_e81yg), .modal__m_e81yg:not(.modal__hasContent_e81yg) {
71
+ .modal__s_1ltbb:not(.modal__hasContent_1ltbb), .modal__m_1ltbb:not(.modal__hasContent_1ltbb) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_e81yg,
75
- .modal__xl_e81yg,
76
- .modal__fullscreen_e81yg {
74
+ .modal__l_1ltbb,
75
+ .modal__xl_1ltbb,
76
+ .modal__fullscreen_1ltbb {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_e81yg:not(.modal__hasContent_e81yg), .modal__xl_e81yg:not(.modal__hasContent_e81yg), .modal__fullscreen_e81yg:not(.modal__hasContent_e81yg) {
79
+ .modal__l_1ltbb:not(.modal__hasContent_1ltbb), .modal__xl_1ltbb:not(.modal__hasContent_1ltbb), .modal__fullscreen_1ltbb:not(.modal__hasContent_1ltbb) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_e81yg {
82
+ .modal__sticky_1ltbb {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_e81yg.modal__fullscreen_e81yg {
85
+ .modal__sticky_1ltbb.modal__fullscreen_1ltbb {
86
86
  top: 0;
87
87
  }
@@ -1,4 +1,4 @@
1
- /* hash: cap39 */
1
+ /* hash: k9xil */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__header_1uxnt {
28
+ .modal__header_13ht4 {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  display: flex;
@@ -33,27 +33,27 @@
33
33
  justify-content: space-between;
34
34
  transition: box-shadow 0.2s ease, background 0.2s ease
35
35
  }
36
- .modal__header_1uxnt:not(.modal__hasContent_1uxnt) {
36
+ .modal__header_13ht4:not(.modal__hasContent_13ht4) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_1uxnt {
39
+ .modal__highlighted_13ht4 {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_1uxnt {
43
+ .modal__sticky_13ht4 {
44
44
  position: sticky;
45
45
  z-index: 1
46
46
  }
47
- .modal__sticky_1uxnt.modal__hasContent_1uxnt {
47
+ .modal__sticky_13ht4.modal__hasContent_13ht4 {
48
48
  background: var(--modal-header-background);
49
49
  }
50
- .modal__content_1uxnt {
50
+ .modal__content_13ht4 {
51
51
  flex-grow: 1;
52
52
  }
53
- .modal__title_1uxnt {
53
+ .modal__title_13ht4 {
54
54
  word-break: break-word;
55
55
  }
56
- .modal__addon_1uxnt {
56
+ .modal__addon_13ht4 {
57
57
  min-width: 48px;
58
58
  height: 48px;
59
59
  display: flex;
@@ -61,25 +61,25 @@
61
61
  align-items: center;
62
62
  pointer-events: all;
63
63
  }
64
- .modal__closer_1uxnt {
64
+ .modal__closer_13ht4 {
65
65
  margin-left: auto;
66
66
  }
67
- .modal__left_1uxnt {
67
+ .modal__left_13ht4 {
68
68
  justify-content: flex-start;
69
69
  text-align: left;
70
70
  }
71
- .modal__center_1uxnt {
71
+ .modal__center_13ht4 {
72
72
  justify-content: center;
73
73
  text-align: center;
74
74
  }
75
- .modal__right_1uxnt {
75
+ .modal__right_13ht4 {
76
76
  justify-content: flex-end;
77
77
  text-align: right;
78
78
  }
79
- .modal__trim_1uxnt {
79
+ .modal__trim_13ht4 {
80
80
  overflow: hidden
81
81
  }
82
- .modal__trim_1uxnt .modal__title_1uxnt {
82
+ .modal__trim_13ht4 .modal__title_13ht4 {
83
83
  overflow: hidden;
84
84
  white-space: nowrap;
85
85
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: v3fhy */
1
+ /* hash: vebhn */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -33,10 +33,10 @@
33
33
  --modal-header-mobile-font-family: var(--font-family-system);
34
34
  --modal-header-mobile-font-weight: bold;
35
35
  }
36
- .modal__sticky_trb8k {
36
+ .modal__sticky_klnpo {
37
37
  top: 0;
38
38
  }
39
- .modal__content_trb8k {
39
+ .modal__content_klnpo {
40
40
  font-size: var(--modal-header-mobile-font-size);
41
41
  line-height: var(--modal-header-mobile-line-height);
42
42
  font-family: var(--modal-header-mobile-font-family);
package/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: g50x5 */
1
+ /* hash: 1ls4y */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_xnsi1 {
34
+ .modal__wrapper_137qh {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_xnsi1 {
38
+ .modal__component_137qh {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_xnsi1 {
43
+ .modal__fullscreen_137qh {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_xnsi1 .modal__component_xnsi1 {
47
+ .modal__fullscreen_137qh .modal__component_137qh {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_xnsi1 {
51
+ .modal__s_137qh {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_xnsi1 {
54
+ .modal__m_137qh {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_xnsi1 {
57
+ .modal__l_137qh {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_xnsi1 {
60
+ .modal__xl_137qh {
61
61
  width: var(--modal-xl-width);
62
62
  }
package/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-c33750f3.js');
5
+ require('./tslib.es6-caf91dd0.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-icon-button');
@@ -1,4 +1,4 @@
1
- import { _ as __assign } from './tslib.es6-270dfeed.js';
1
+ import { _ as __assign } from './tslib.es6-2d38acb6.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-icon-button/esm';