@alfalab/core-components-modal 9.2.2 → 9.2.3

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