@alfalab/core-components-modal 8.0.8 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) 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/footer/Component.js +4 -4
  7. package/components/footer/desktop.css +9 -9
  8. package/components/footer/index.css +4 -4
  9. package/components/footer/layout.css +29 -29
  10. package/components/footer/mobile.css +3 -3
  11. package/components/header/Component.js +3 -3
  12. package/components/header/desktop.css +15 -15
  13. package/components/header/index.css +4 -4
  14. package/components/header/mobile.css +4 -4
  15. package/cssm/desktop/index.d.ts +2 -0
  16. package/cssm/desktop/index.js +34 -0
  17. package/cssm/mobile/index.d.ts +2 -0
  18. package/cssm/mobile/index.js +34 -0
  19. package/cssm/shared/index.d.ts +1 -0
  20. package/cssm/{shared.js → shared/index.js} +1 -1
  21. package/cssm/utils.d.ts +1 -5
  22. package/cssm/utils.js +0 -78
  23. package/desktop/index.d.ts +2 -0
  24. package/{desktop.js → desktop/index.js} +7 -7
  25. package/desktop/package.json +3 -0
  26. package/desktop.css +9 -9
  27. package/esm/Component.js +3 -3
  28. package/esm/components/content/Component.js +3 -3
  29. package/esm/components/content/desktop.css +7 -7
  30. package/esm/components/content/index.css +4 -4
  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 +29 -29
  36. package/esm/components/footer/mobile.css +3 -3
  37. package/esm/components/header/Component.js +3 -3
  38. package/esm/components/header/desktop.css +15 -15
  39. package/esm/components/header/index.css +4 -4
  40. package/esm/components/header/mobile.css +4 -4
  41. package/esm/desktop/index.d.ts +2 -0
  42. package/esm/desktop/index.js +13 -0
  43. package/esm/desktop.css +9 -9
  44. package/esm/mobile/index.d.ts +2 -0
  45. package/esm/mobile/index.js +13 -0
  46. package/esm/mobile.css +2 -2
  47. package/esm/shared/index.d.ts +1 -0
  48. package/esm/{shared.js → shared/index.js} +1 -1
  49. package/esm/transitions.css +8 -8
  50. package/esm/utils.d.ts +1 -5
  51. package/esm/utils.js +0 -72
  52. package/mobile/index.d.ts +2 -0
  53. package/{mobile.js → mobile/index.js} +7 -7
  54. package/mobile/package.json +3 -0
  55. package/mobile.css +2 -2
  56. package/modern/Component.js +3 -3
  57. package/modern/components/content/Component.js +3 -3
  58. package/modern/components/content/desktop.css +7 -7
  59. package/modern/components/content/index.css +4 -4
  60. package/modern/components/content/mobile.css +3 -3
  61. package/modern/components/footer/Component.js +4 -4
  62. package/modern/components/footer/desktop.css +9 -9
  63. package/modern/components/footer/index.css +4 -4
  64. package/modern/components/footer/layout.css +29 -29
  65. package/modern/components/footer/mobile.css +3 -3
  66. package/modern/components/header/Component.js +3 -3
  67. package/modern/components/header/desktop.css +15 -15
  68. package/modern/components/header/index.css +4 -4
  69. package/modern/components/header/mobile.css +4 -4
  70. package/modern/desktop/index.d.ts +2 -0
  71. package/modern/desktop/index.js +12 -0
  72. package/modern/desktop.css +9 -9
  73. package/modern/mobile/index.d.ts +2 -0
  74. package/modern/mobile/index.js +12 -0
  75. package/modern/mobile.css +2 -2
  76. package/modern/shared/index.d.ts +1 -0
  77. package/modern/{shared.js → shared/index.js} +1 -1
  78. package/modern/transitions.css +8 -8
  79. package/modern/utils.d.ts +1 -5
  80. package/modern/utils.js +0 -71
  81. package/package.json +3 -27
  82. package/shared/index.d.ts +1 -0
  83. package/{shared.js → shared/index.js} +1 -1
  84. package/shared/package.json +3 -0
  85. package/src/desktop/index.ts +2 -0
  86. package/src/desktop/package.json +3 -0
  87. package/src/mobile/index.ts +2 -0
  88. package/src/mobile/package.json +3 -0
  89. package/src/shared/index.ts +1 -0
  90. package/src/shared/package.json +3 -0
  91. package/src/utils.ts +0 -90
  92. package/transitions.css +8 -8
  93. package/utils.d.ts +1 -5
  94. package/utils.js +0 -78
  95. package/cssm/desktop.d.ts +0 -2
  96. package/cssm/desktop.js +0 -34
  97. package/cssm/mobile.d.ts +0 -2
  98. package/cssm/mobile.js +0 -34
  99. package/cssm/shared.d.ts +0 -1
  100. package/desktop.d.ts +0 -2
  101. package/esm/desktop.d.ts +0 -2
  102. package/esm/desktop.js +0 -13
  103. package/esm/mobile.d.ts +0 -2
  104. package/esm/mobile.js +0 -13
  105. package/esm/shared.d.ts +0 -1
  106. package/mobile.d.ts +0 -2
  107. package/modern/desktop.d.ts +0 -2
  108. package/modern/desktop.js +0 -12
  109. package/modern/mobile.d.ts +0 -2
  110. package/modern/mobile.js +0 -12
  111. package/modern/shared.d.ts +0 -1
  112. package/shared.d.ts +0 -1
  113. package/src/desktop.ts +0 -2
  114. package/src/mobile.ts +0 -2
  115. package/src/shared.ts +0 -1
package/Component.js CHANGED
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var desktopStyles = {"wrapper":"modal__wrapper_1ko8i","component":"modal__component_1ko8i","fullscreen":"modal__fullscreen_1ko8i","s":"modal__s_1ko8i","m":"modal__m_1ko8i","l":"modal__l_1ko8i","xl":"modal__xl_1ko8i"};
18
+ var desktopStyles = {"wrapper":"modal__wrapper_167uq","component":"modal__component_167uq","fullscreen":"modal__fullscreen_167uq","s":"modal__s_167uq","m":"modal__m_167uq","l":"modal__l_167uq","xl":"modal__xl_167uq"};
19
19
  require('./desktop.css')
20
20
 
21
- var mobileStyles = {"component":"modal__component_1uflh"};
21
+ var mobileStyles = {"component":"modal__component_5uq6m"};
22
22
  require('./mobile.css')
23
23
 
24
- var transitions = {"appear":"modal__appear_1eyra","enter":"modal__enter_1eyra","appearActive":"modal__appearActive_1eyra","enterActive":"modal__enterActive_1eyra","exit":"modal__exit_1eyra","exitActive":"modal__exitActive_1eyra","exitDone":"modal__exitDone_1eyra"};
24
+ var transitions = {"appear":"modal__appear_1gfnf","enter":"modal__enter_1gfnf","appearActive":"modal__appearActive_1gfnf","enterActive":"modal__enterActive_1gfnf","exit":"modal__exit_1gfnf","exitActive":"modal__exitActive_1gfnf","exitDone":"modal__exitDone_1gfnf"};
25
25
  require('./transitions.css')
26
26
 
27
27
  var Modal = React.forwardRef(function (_a, ref) {
@@ -13,13 +13,13 @@ 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 desktopStyles = {"s":"modal__s_1dag6","m":"modal__m_1dag6","l":"modal__l_1dag6","xl":"modal__xl_1dag6","fullscreen":"modal__fullscreen_1dag6"};
16
+ var desktopStyles = {"s":"modal__s_jxtkt","m":"modal__m_jxtkt","l":"modal__l_jxtkt","xl":"modal__xl_jxtkt","fullscreen":"modal__fullscreen_jxtkt"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"content":"modal__content_1q3c8","withHeader":"modal__withHeader_1q3c8","flex":"modal__flex_1q3c8"};
19
+ var styles = {"content":"modal__content_15q29","withHeader":"modal__withHeader_15q29","flex":"modal__flex_15q29"};
20
20
  require('./index.css')
21
21
 
22
- var mobileStyles = {"content":"modal__content_14lgy"};
22
+ var mobileStyles = {"content":"modal__content_ydwak"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1l9pr */
1
+ /* hash: 155my */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .modal__s_1dag6,
34
- .modal__m_1dag6,
35
- .modal__l_1dag6,
36
- .modal__xl_1dag6,
37
- .modal__fullscreen_1dag6 {
33
+ } .modal__s_jxtkt,
34
+ .modal__m_jxtkt,
35
+ .modal__l_jxtkt,
36
+ .modal__xl_jxtkt,
37
+ .modal__fullscreen_jxtkt {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_1dag6:last-child, .modal__m_1dag6:last-child, .modal__l_1dag6:last-child, .modal__xl_1dag6:last-child, .modal__fullscreen_1dag6:last-child {
39
+ } .modal__s_jxtkt:last-child, .modal__m_jxtkt:last-child, .modal__l_jxtkt:last-child, .modal__xl_jxtkt:last-child, .modal__fullscreen_jxtkt:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1kbr3 */
1
+ /* hash: 4dwx9 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__content_1q3c8 {
30
+ } .modal__content_15q29 {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_1q3c8.modal__withHeader_1q3c8 {
35
+ } .modal__content_15q29.modal__withHeader_15q29 {
36
36
  padding-top: 0;
37
- } .modal__flex_1q3c8 {
37
+ } .modal__flex_15q29 {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: b3cjr */
1
+ /* hash: rawxc */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__content_14lgy {
31
+ } .modal__content_ydwak {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_14lgy:last-child {
33
+ } .modal__content_ydwak:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -13,16 +13,16 @@ 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 desktopStyles = {"footer":"modal__footer_17ap8","sticky":"modal__sticky_17ap8","fullscreen":"modal__fullscreen_17ap8","s":"modal__s_17ap8","m":"modal__m_17ap8","l":"modal__l_17ap8","xl":"modal__xl_17ap8"};
16
+ var desktopStyles = {"footer":"modal__footer_7e790","sticky":"modal__sticky_7e790","fullscreen":"modal__fullscreen_7e790","s":"modal__s_7e790","m":"modal__m_7e790","l":"modal__l_7e790","xl":"modal__xl_7e790"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"footer":"modal__footer_75yn4","sticky":"modal__sticky_75yn4","highlighted":"modal__highlighted_75yn4"};
19
+ var styles = {"footer":"modal__footer_xb83m","sticky":"modal__sticky_xb83m","highlighted":"modal__highlighted_xb83m"};
20
20
  require('./index.css')
21
21
 
22
- var layoutStyles = {"column":"modal__column_e0jny","gap-16":"modal__gap-16_e0jny","gap-24":"modal__gap-24_e0jny","gap-32":"modal__gap-32_e0jny","column-mobile":"modal__column-mobile_e0jny","start":"modal__start_e0jny","center":"modal__center_e0jny","space-between":"modal__space-between_e0jny"};
22
+ var layoutStyles = {"column":"modal__column_1d55q","gap-16":"modal__gap-16_1d55q","gap-24":"modal__gap-24_1d55q","gap-32":"modal__gap-32_1d55q","column-mobile":"modal__column-mobile_1d55q","start":"modal__start_1d55q","center":"modal__center_1d55q","space-between":"modal__space-between_1d55q"};
23
23
  require('./layout.css')
24
24
 
25
- var mobileStyles = {"footer":"modal__footer_1onrc","sticky":"modal__sticky_1onrc"};
25
+ var mobileStyles = {"footer":"modal__footer_szxgp","sticky":"modal__sticky_szxgp"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ul5cv */
1
+ /* hash: 1x08l */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,17 +33,17 @@
33
33
  /* mobile */
34
34
 
35
35
  /* paddings */
36
- } .modal__footer_17ap8 {
36
+ } .modal__footer_7e790 {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_17ap8 {
39
+ } .modal__sticky_7e790 {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_17ap8.modal__fullscreen_17ap8 {
41
+ } .modal__sticky_7e790.modal__fullscreen_7e790 {
42
42
  bottom: 0;
43
- } .modal__s_17ap8,
44
- .modal__m_17ap8,
45
- .modal__l_17ap8,
46
- .modal__xl_17ap8,
47
- .modal__fullscreen_17ap8 {
43
+ } .modal__s_7e790,
44
+ .modal__m_7e790,
45
+ .modal__l_7e790,
46
+ .modal__xl_7e790,
47
+ .modal__fullscreen_7e790 {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: xlhbo */
1
+ /* hash: 10t7u */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_75yn4 {
35
+ } .modal__footer_xb83m {
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_75yn4 {
39
+ } .modal__sticky_xb83m {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_75yn4 {
42
+ } .modal__highlighted_xb83m {
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: 16m79 */
1
+ /* hash: t01nh */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,53 +31,53 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_e0jny {
34
+ } .modal__column_1d55q {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_e0jny > * {
37
+ } .modal__column_1d55q > * {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_e0jny > *:last-child,
40
- .modal__column_e0jny > *:only-child {
39
+ } .modal__column_1d55q > *:last-child,
40
+ .modal__column_1d55q > *:only-child {
41
41
  margin-bottom: 0;
42
- } .modal__column_e0jny.modal__gap-16_e0jny > * {
42
+ } .modal__column_1d55q.modal__gap-16_1d55q > * {
43
43
  margin-bottom: var(--gap-m);
44
- } .modal__column_e0jny.modal__gap-24_e0jny > * {
44
+ } .modal__column_1d55q.modal__gap-24_1d55q > * {
45
45
  margin-bottom: var(--gap-xl);
46
- } .modal__column_e0jny.modal__gap-32_e0jny > * {
46
+ } .modal__column_1d55q.modal__gap-32_1d55q > * {
47
47
  margin-bottom: var(--gap-2xl);
48
- } .modal__column-mobile_e0jny {
48
+ } .modal__column-mobile_1d55q {
49
49
  flex-direction: column-reverse
50
- } .modal__column-mobile_e0jny > * {
50
+ } .modal__column-mobile_1d55q > * {
51
51
  margin-bottom: 0;
52
- } .modal__column-mobile_e0jny > *:last-child {
52
+ } .modal__column-mobile_1d55q > *:last-child {
53
53
  margin-bottom: var(--modal-footer-default-gap);
54
- } .modal__column-mobile_e0jny > *:only-child {
54
+ } .modal__column-mobile_1d55q > *:only-child {
55
55
  margin-bottom: 0;
56
- } .modal__start_e0jny {
56
+ } .modal__start_1d55q {
57
57
  justify-content: flex-start;
58
- } .modal__center_e0jny {
58
+ } .modal__center_1d55q {
59
59
  justify-content: center;
60
- } .modal__space-between_e0jny {
60
+ } .modal__space-between_1d55q {
61
61
  justify-content: space-between
62
- } .modal__space-between_e0jny > * {
62
+ } .modal__space-between_1d55q > * {
63
63
  flex: 1;
64
- } .modal__start_e0jny,
65
- .modal__center_e0jny,
66
- .modal__space-between_e0jny {
64
+ } .modal__start_1d55q,
65
+ .modal__center_1d55q,
66
+ .modal__space-between_1d55q {
67
67
  display: flex
68
- } .modal__start_e0jny > *, .modal__center_e0jny > *, .modal__space-between_e0jny > * {
68
+ } .modal__start_1d55q > *, .modal__center_1d55q > *, .modal__space-between_1d55q > * {
69
69
  margin-right: var(--modal-footer-default-gap);
70
- } .modal__start_e0jny > *:last-child,
71
- .modal__start_e0jny > *:only-child,
72
- .modal__center_e0jny > *:last-child,
73
- .modal__center_e0jny > *:only-child,
74
- .modal__space-between_e0jny > *:last-child,
75
- .modal__space-between_e0jny > *:only-child {
70
+ } .modal__start_1d55q > *:last-child,
71
+ .modal__start_1d55q > *:only-child,
72
+ .modal__center_1d55q > *:last-child,
73
+ .modal__center_1d55q > *:only-child,
74
+ .modal__space-between_1d55q > *:last-child,
75
+ .modal__space-between_1d55q > *:only-child {
76
76
  margin-right: 0;
77
- } .modal__start_e0jny.modal__gap-16_e0jny > *, .modal__center_e0jny.modal__gap-16_e0jny > *, .modal__space-between_e0jny.modal__gap-16_e0jny > * {
77
+ } .modal__start_1d55q.modal__gap-16_1d55q > *, .modal__center_1d55q.modal__gap-16_1d55q > *, .modal__space-between_1d55q.modal__gap-16_1d55q > * {
78
78
  margin-right: var(--gap-m);
79
- } .modal__start_e0jny.modal__gap-24_e0jny > *, .modal__center_e0jny.modal__gap-24_e0jny > *, .modal__space-between_e0jny.modal__gap-24_e0jny > * {
79
+ } .modal__start_1d55q.modal__gap-24_1d55q > *, .modal__center_1d55q.modal__gap-24_1d55q > *, .modal__space-between_1d55q.modal__gap-24_1d55q > * {
80
80
  margin-right: var(--gap-xl);
81
- } .modal__start_e0jny.modal__gap-32_e0jny > *, .modal__center_e0jny.modal__gap-32_e0jny > *, .modal__space-between_e0jny.modal__gap-32_e0jny > * {
81
+ } .modal__start_1d55q.modal__gap-32_1d55q > *, .modal__center_1d55q.modal__gap-32_1d55q > *, .modal__space-between_1d55q.modal__gap-32_1d55q > * {
82
82
  margin-right: var(--gap-2xl);
83
83
  }
@@ -1,4 +1,4 @@
1
- /* hash: qabfp */
1
+ /* hash: 1msup */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__footer_1onrc {
31
+ } .modal__footer_szxgp {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_1onrc {
33
+ } .modal__sticky_szxgp {
34
34
  bottom: 0;
35
35
  }
@@ -15,13 +15,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var desktopStyles = {"header":"modal__header_1c5e4","content":"modal__content_1c5e4","s":"modal__s_1c5e4","m":"modal__m_1c5e4","l":"modal__l_1c5e4","xl":"modal__xl_1c5e4","fullscreen":"modal__fullscreen_1c5e4","sticky":"modal__sticky_1c5e4"};
18
+ var desktopStyles = {"header":"modal__header_1sdmc","content":"modal__content_1sdmc","s":"modal__s_1sdmc","m":"modal__m_1sdmc","l":"modal__l_1sdmc","xl":"modal__xl_1sdmc","fullscreen":"modal__fullscreen_1sdmc","sticky":"modal__sticky_1sdmc"};
19
19
  require('./desktop.css')
20
20
 
21
- var styles = {"highlighted":"modal__highlighted_2au8r","sticky":"modal__sticky_2au8r","hasContent":"modal__hasContent_2au8r"};
21
+ var styles = {"highlighted":"modal__highlighted_9jpv3","sticky":"modal__sticky_9jpv3","hasContent":"modal__hasContent_9jpv3"};
22
22
  require('./index.css')
23
23
 
24
- var mobileStyles = {"header":"modal__header_1ya3e","sticky":"modal__sticky_1ya3e","content":"modal__content_1ya3e"};
24
+ var mobileStyles = {"header":"modal__header_12m9i","sticky":"modal__sticky_12m9i","content":"modal__content_12m9i"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: i3cpb */
1
+ /* hash: xvhcs */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,31 +44,31 @@
44
44
  /* mobile */
45
45
 
46
46
  /* paddings */
47
- } .modal__header_1c5e4 {
47
+ } .modal__header_1sdmc {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_1c5e4 {
50
+ } .modal__content_1sdmc {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__s_1c5e4 .modal__content_1c5e4,
54
- .modal__m_1c5e4 .modal__content_1c5e4 {
53
+ } .modal__s_1sdmc .modal__content_1sdmc,
54
+ .modal__m_1sdmc .modal__content_1sdmc {
55
55
  padding: var(--modal-s-header-desktop-content-paddings);
56
56
  font-size: var(--modal-s-header-desktop-font-size);
57
57
  line-height: var(--modal-s-header-desktop-line-height);
58
- } .modal__l_1c5e4 .modal__content_1c5e4,
59
- .modal__xl_1c5e4 .modal__content_1c5e4,
60
- .modal__fullscreen_1c5e4 .modal__content_1c5e4 {
58
+ } .modal__l_1sdmc .modal__content_1sdmc,
59
+ .modal__xl_1sdmc .modal__content_1sdmc,
60
+ .modal__fullscreen_1sdmc .modal__content_1sdmc {
61
61
  padding: var(--modal-l-header-desktop-content-paddings);
62
62
  font-size: var(--modal-l-header-desktop-font-size);
63
63
  line-height: var(--modal-l-header-desktop-line-height);
64
- } .modal__s_1c5e4,
65
- .modal__m_1c5e4,
66
- .modal__l_1c5e4,
67
- .modal__xl_1c5e4,
68
- .modal__fullscreen_1c5e4 {
64
+ } .modal__s_1sdmc,
65
+ .modal__m_1sdmc,
66
+ .modal__l_1sdmc,
67
+ .modal__xl_1sdmc,
68
+ .modal__fullscreen_1sdmc {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_1c5e4 {
70
+ } .modal__sticky_1sdmc {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_1c5e4.modal__fullscreen_1c5e4 {
72
+ } .modal__sticky_1sdmc.modal__fullscreen_1sdmc {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: paeqt */
1
+ /* hash: 12wkd */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -32,12 +32,12 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__highlighted_2au8r {
35
+ } .modal__highlighted_9jpv3 {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_2au8r {
38
+ } .modal__sticky_9jpv3 {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_2au8r.modal__hasContent_2au8r {
41
+ } .modal__sticky_9jpv3.modal__hasContent_9jpv3 {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: antlz */
1
+ /* hash: wci95 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,11 +38,11 @@
38
38
 
39
39
  /* paddings */
40
40
  --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
41
- } .modal__header_1ya3e {
41
+ } .modal__header_12m9i {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_1ya3e {
43
+ } .modal__sticky_12m9i {
44
44
  top: 0;
45
- } .modal__content_1ya3e {
45
+ } .modal__content_12m9i {
46
46
  font-size: var(--modal-header-mobile-font-size);
47
47
  line-height: var(--modal-header-mobile-line-height);
48
48
  font-family: var(--modal-header-mobile-font-family);
@@ -0,0 +1,2 @@
1
+ export * from "../Component.desktop";
2
+ export { ModalDesktopProps } from "../typings";
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Component_desktop = require('../Component.desktop.js');
6
+ require('tslib');
7
+ require('react');
8
+ require('../components/content/Component.js');
9
+ require('classnames');
10
+ require('../Context.js');
11
+ require('@alfalab/core-components-base-modal/cssm');
12
+ require('../ResponsiveContext.js');
13
+ require('../components/content/desktop.module.css');
14
+ require('../components/content/index.module.css');
15
+ require('../components/content/mobile.module.css');
16
+ require('../components/footer/Component.js');
17
+ require('../components/footer/desktop.module.css');
18
+ require('../components/footer/index.module.css');
19
+ require('../components/footer/layout.module.css');
20
+ require('../components/footer/mobile.module.css');
21
+ require('../components/header/Component.js');
22
+ require('@alfalab/core-components-navigation-bar/cssm');
23
+ require('../components/header/desktop.module.css');
24
+ require('../components/header/index.module.css');
25
+ require('../components/header/mobile.module.css');
26
+ require('../Component.js');
27
+ require('react-merge-refs');
28
+ require('../desktop.module.css');
29
+ require('../mobile.module.css');
30
+ require('../transitions.module.css');
31
+
32
+
33
+
34
+ exports.ModalDesktop = Component_desktop.ModalDesktop;
@@ -0,0 +1,2 @@
1
+ export * from "../Component.mobile";
2
+ export { ModalMobileProps } from "../typings";
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Component_mobile = require('../Component.mobile.js');
6
+ require('tslib');
7
+ require('react');
8
+ require('../components/content/Component.js');
9
+ require('classnames');
10
+ require('../Context.js');
11
+ require('@alfalab/core-components-base-modal/cssm');
12
+ require('../ResponsiveContext.js');
13
+ require('../components/content/desktop.module.css');
14
+ require('../components/content/index.module.css');
15
+ require('../components/content/mobile.module.css');
16
+ require('../components/footer/Component.js');
17
+ require('../components/footer/desktop.module.css');
18
+ require('../components/footer/index.module.css');
19
+ require('../components/footer/layout.module.css');
20
+ require('../components/footer/mobile.module.css');
21
+ require('../components/header/Component.js');
22
+ require('@alfalab/core-components-navigation-bar/cssm');
23
+ require('../components/header/desktop.module.css');
24
+ require('../components/header/index.module.css');
25
+ require('../components/header/mobile.module.css');
26
+ require('../Component.js');
27
+ require('react-merge-refs');
28
+ require('../desktop.module.css');
29
+ require('../mobile.module.css');
30
+ require('../transitions.module.css');
31
+
32
+
33
+
34
+ exports.ModalMobile = Component_mobile.ModalMobile;
@@ -0,0 +1 @@
1
+ export { ModalContext } from "../Context";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Context = require('./Context.js');
5
+ var Context = require('../Context.js');
6
6
  require('@alfalab/core-components-base-modal/cssm');
7
7
 
8
8
 
package/cssm/utils.d.ts CHANGED
@@ -1,5 +1 @@
1
- declare function isScrolledToTop(target: HTMLElement): boolean;
2
- declare function isScrolledToBottom(target: HTMLElement): boolean;
3
- declare function hasScrollbar(target: HTMLElement): boolean;
4
- declare const handleContainer: (container: HTMLElement) => () => void;
5
- export { isScrolledToTop, isScrolledToBottom, hasScrollbar, handleContainer };
1
+ export {};
package/cssm/utils.js CHANGED
@@ -1,80 +1,2 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- function isScrolledToTop(target) {
6
- return target.scrollTop === 0;
7
- }
8
- function isScrolledToBottom(target) {
9
- return target.scrollHeight - target.offsetHeight === target.scrollTop;
10
- }
11
- function hasScrollbar(target) {
12
- return target.scrollHeight > target.clientHeight;
13
- }
14
- var getScrollbarSize = function () {
15
- var scrollDiv = document.createElement('div');
16
- scrollDiv.style.width = '99px';
17
- scrollDiv.style.height = '99px';
18
- scrollDiv.style.position = 'absolute';
19
- scrollDiv.style.top = '-9999px';
20
- scrollDiv.style.overflow = 'scroll';
21
- document.body.appendChild(scrollDiv);
22
- var scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
23
- document.body.removeChild(scrollDiv);
24
- return scrollbarSize;
25
- };
26
- var isOverflowing = function (container) {
27
- if (document.body === container) {
28
- return window.innerWidth > document.documentElement.clientWidth;
29
- }
30
- return container.scrollHeight > container.clientHeight;
31
- };
32
- var getPaddingRight = function (node) { return parseInt(window.getComputedStyle(node).paddingRight, 10) || 0; };
33
- var handleContainer = function (container) {
34
- var restoreStyle = [];
35
- if (isOverflowing(container)) {
36
- // Вычисляет размер до применения `overflow hidden` для избежания скачков
37
- var scrollbarSize = getScrollbarSize();
38
- restoreStyle.push({
39
- value: container.style.paddingRight,
40
- key: 'padding-right',
41
- el: container,
42
- });
43
- // Вычисляем стили, чтобы получить реальный `padding` c шириной сколлбара
44
- // eslint-disable-next-line no-param-reassign
45
- container.style.paddingRight = "".concat(getPaddingRight(container) + scrollbarSize, "px");
46
- }
47
- var parent = container.parentElement;
48
- var scrollContainer =
49
- // TODO: заменить на optional chaining
50
- parent &&
51
- parent.nodeName === 'HTML' &&
52
- window.getComputedStyle(parent).overflowY === 'scroll'
53
- ? parent
54
- : container;
55
- // Блокируем скролл даже если отсутствует скроллбар
56
- if (scrollContainer.style.overflow !== 'hidden') {
57
- restoreStyle.push({
58
- value: scrollContainer.style.overflow,
59
- key: 'overflow',
60
- el: scrollContainer,
61
- });
62
- }
63
- scrollContainer.style.overflow = 'hidden';
64
- return function () {
65
- restoreStyle.forEach(function (_a) {
66
- var value = _a.value, el = _a.el, key = _a.key;
67
- if (value) {
68
- el.style.setProperty(key, value);
69
- }
70
- else {
71
- el.style.removeProperty(key);
72
- }
73
- });
74
- };
75
- };
76
-
77
- exports.handleContainer = handleContainer;
78
- exports.hasScrollbar = hasScrollbar;
79
- exports.isScrolledToBottom = isScrolledToBottom;
80
- exports.isScrolledToTop = isScrolledToTop;
@@ -0,0 +1,2 @@
1
+ export * from "../Component.desktop";
2
+ export { ModalDesktopProps } from "../typings";