@alfalab/core-components-modal 8.1.2 → 8.1.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 (100) hide show
  1. package/Component.js +5 -5
  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/Component.js +2 -2
  16. package/cssm/Component.responsive.js +2 -2
  17. package/{Component.desktop.d.ts → cssm/desktop/Component.desktop.d.ts} +3 -3
  18. package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +20 -20
  19. package/cssm/desktop/index.d.ts +1 -1
  20. package/cssm/desktop/index.js +9 -9
  21. package/cssm/index.js +2 -2
  22. package/cssm/mobile/Component.mobile.d.ts +9 -0
  23. package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +20 -20
  24. package/cssm/mobile/index.d.ts +1 -1
  25. package/cssm/mobile/index.js +9 -9
  26. package/{cssm → desktop}/Component.desktop.d.ts +3 -3
  27. package/{Component.desktop.js → desktop/Component.desktop.js} +7 -7
  28. package/{modern → desktop}/desktop.css +9 -9
  29. package/desktop/index.d.ts +1 -1
  30. package/desktop/index.js +6 -6
  31. package/esm/Component.js +5 -5
  32. package/esm/components/content/Component.js +3 -3
  33. package/esm/components/content/desktop.css +7 -7
  34. package/esm/components/content/index.css +4 -4
  35. package/esm/components/content/mobile.css +3 -3
  36. package/esm/components/footer/Component.js +4 -4
  37. package/esm/components/footer/desktop.css +9 -9
  38. package/esm/components/footer/index.css +4 -4
  39. package/esm/components/footer/layout.css +29 -29
  40. package/esm/components/footer/mobile.css +3 -3
  41. package/esm/components/header/Component.js +3 -3
  42. package/esm/components/header/desktop.css +15 -15
  43. package/esm/components/header/index.css +4 -4
  44. package/esm/components/header/mobile.css +4 -4
  45. package/esm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +3 -3
  46. package/esm/{Component.desktop.js → desktop/Component.desktop.js} +7 -7
  47. package/{desktop.css → esm/desktop/desktop.css} +9 -9
  48. package/esm/desktop/index.d.ts +1 -1
  49. package/esm/desktop/index.js +5 -5
  50. package/esm/mobile/Component.mobile.d.ts +9 -0
  51. package/esm/{Component.mobile.js → mobile/Component.mobile.js} +7 -7
  52. package/esm/mobile/index.d.ts +1 -1
  53. package/esm/mobile/index.js +5 -5
  54. package/{modern → esm/mobile}/mobile.css +2 -2
  55. package/esm/transitions.css +8 -8
  56. package/mobile/Component.mobile.d.ts +9 -0
  57. package/{Component.mobile.js → mobile/Component.mobile.js} +7 -7
  58. package/mobile/index.d.ts +1 -1
  59. package/mobile/index.js +6 -6
  60. package/{esm → mobile}/mobile.css +2 -2
  61. package/modern/Component.js +5 -5
  62. package/modern/components/content/Component.js +3 -3
  63. package/modern/components/content/desktop.css +7 -7
  64. package/modern/components/content/index.css +4 -4
  65. package/modern/components/content/mobile.css +3 -3
  66. package/modern/components/footer/Component.js +4 -4
  67. package/modern/components/footer/desktop.css +9 -9
  68. package/modern/components/footer/index.css +4 -4
  69. package/modern/components/footer/layout.css +29 -29
  70. package/modern/components/footer/mobile.css +3 -3
  71. package/modern/components/header/Component.js +3 -3
  72. package/modern/components/header/desktop.css +15 -15
  73. package/modern/components/header/index.css +4 -4
  74. package/modern/components/header/mobile.css +4 -4
  75. package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +3 -3
  76. package/modern/{Component.desktop.js → desktop/Component.desktop.js} +7 -7
  77. package/{esm → modern/desktop}/desktop.css +9 -9
  78. package/modern/desktop/index.d.ts +1 -1
  79. package/modern/desktop/index.js +5 -5
  80. package/modern/mobile/Component.mobile.d.ts +9 -0
  81. package/modern/{Component.mobile.js → mobile/Component.mobile.js} +7 -7
  82. package/modern/mobile/index.d.ts +1 -1
  83. package/modern/mobile/index.js +5 -5
  84. package/{mobile.css → modern/mobile/mobile.css} +2 -2
  85. package/modern/transitions.css +8 -8
  86. package/package.json +2 -2
  87. package/src/Component.tsx +2 -2
  88. package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +5 -5
  89. package/src/{desktop.module.css → desktop/desktop.module.css} +1 -1
  90. package/src/desktop/index.ts +1 -1
  91. package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +5 -5
  92. package/src/mobile/index.ts +1 -1
  93. package/src/{mobile.module.css → mobile/mobile.module.css} +1 -1
  94. package/transitions.css +8 -8
  95. package/Component.mobile.d.ts +0 -9
  96. package/cssm/Component.mobile.d.ts +0 -9
  97. package/esm/Component.mobile.d.ts +0 -9
  98. package/modern/Component.mobile.d.ts +0 -9
  99. /package/cssm/{desktop.module.css → desktop/desktop.module.css} +0 -0
  100. /package/cssm/{mobile.module.css → mobile/mobile.module.css} +0 -0
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_oyxvg","component":"modal__component_oyxvg","fullscreen":"modal__fullscreen_oyxvg","s":"modal__s_oyxvg","m":"modal__m_oyxvg","l":"modal__l_oyxvg","xl":"modal__xl_oyxvg"};
19
- require('./desktop.css')
18
+ var desktopStyles = {"wrapper":"modal__wrapper_6hdpw","component":"modal__component_6hdpw","fullscreen":"modal__fullscreen_6hdpw","s":"modal__s_6hdpw","m":"modal__m_6hdpw","l":"modal__l_6hdpw","xl":"modal__xl_6hdpw"};
19
+ require('./desktop/desktop.css')
20
20
 
21
- var mobileStyles = {"component":"modal__component_153xo"};
22
- require('./mobile.css')
21
+ var mobileStyles = {"component":"modal__component_o9513"};
22
+ require('./mobile/mobile.css')
23
23
 
24
- var transitions = {"appear":"modal__appear_b0sx6","enter":"modal__enter_b0sx6","appearActive":"modal__appearActive_b0sx6","enterActive":"modal__enterActive_b0sx6","exit":"modal__exit_b0sx6","exitActive":"modal__exitActive_b0sx6","exitDone":"modal__exitDone_b0sx6"};
24
+ var transitions = {"appear":"modal__appear_4lmkq","enter":"modal__enter_4lmkq","appearActive":"modal__appearActive_4lmkq","enterActive":"modal__enterActive_4lmkq","exit":"modal__exit_4lmkq","exitActive":"modal__exitActive_4lmkq","exitDone":"modal__exitDone_4lmkq"};
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_1j8a8","m":"modal__m_1j8a8","l":"modal__l_1j8a8","xl":"modal__xl_1j8a8","fullscreen":"modal__fullscreen_1j8a8"};
16
+ var desktopStyles = {"s":"modal__s_1pngk","m":"modal__m_1pngk","l":"modal__l_1pngk","xl":"modal__xl_1pngk","fullscreen":"modal__fullscreen_1pngk"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"content":"modal__content_1nw5s","withHeader":"modal__withHeader_1nw5s","flex":"modal__flex_1nw5s"};
19
+ var styles = {"content":"modal__content_1ubc5","withHeader":"modal__withHeader_1ubc5","flex":"modal__flex_1ubc5"};
20
20
  require('./index.css')
21
21
 
22
- var mobileStyles = {"content":"modal__content_isuje"};
22
+ var mobileStyles = {"content":"modal__content_q4eh8"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1gm5g */
1
+ /* hash: 4tvbu */
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_1j8a8,
34
- .modal__m_1j8a8,
35
- .modal__l_1j8a8,
36
- .modal__xl_1j8a8,
37
- .modal__fullscreen_1j8a8 {
33
+ } .modal__s_1pngk,
34
+ .modal__m_1pngk,
35
+ .modal__l_1pngk,
36
+ .modal__xl_1pngk,
37
+ .modal__fullscreen_1pngk {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_1j8a8:last-child, .modal__m_1j8a8:last-child, .modal__l_1j8a8:last-child, .modal__xl_1j8a8:last-child, .modal__fullscreen_1j8a8:last-child {
39
+ } .modal__s_1pngk:last-child, .modal__m_1pngk:last-child, .modal__l_1pngk:last-child, .modal__xl_1pngk:last-child, .modal__fullscreen_1pngk:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: yuamb */
1
+ /* hash: 1m34j */
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_1nw5s {
30
+ } .modal__content_1ubc5 {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_1nw5s.modal__withHeader_1nw5s {
35
+ } .modal__content_1ubc5.modal__withHeader_1ubc5 {
36
36
  padding-top: 0;
37
- } .modal__flex_1nw5s {
37
+ } .modal__flex_1ubc5 {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1n5nv */
1
+ /* hash: 11k7f */
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_isuje {
31
+ } .modal__content_q4eh8 {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_isuje:last-child {
33
+ } .modal__content_q4eh8: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_1yc6m","sticky":"modal__sticky_1yc6m","fullscreen":"modal__fullscreen_1yc6m","s":"modal__s_1yc6m","m":"modal__m_1yc6m","l":"modal__l_1yc6m","xl":"modal__xl_1yc6m"};
16
+ var desktopStyles = {"footer":"modal__footer_kfufc","sticky":"modal__sticky_kfufc","fullscreen":"modal__fullscreen_kfufc","s":"modal__s_kfufc","m":"modal__m_kfufc","l":"modal__l_kfufc","xl":"modal__xl_kfufc"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"footer":"modal__footer_1qtda","sticky":"modal__sticky_1qtda","highlighted":"modal__highlighted_1qtda"};
19
+ var styles = {"footer":"modal__footer_cx131","sticky":"modal__sticky_cx131","highlighted":"modal__highlighted_cx131"};
20
20
  require('./index.css')
21
21
 
22
- var layoutStyles = {"column":"modal__column_vf2vc","gap-16":"modal__gap-16_vf2vc","gap-24":"modal__gap-24_vf2vc","gap-32":"modal__gap-32_vf2vc","column-mobile":"modal__column-mobile_vf2vc","start":"modal__start_vf2vc","center":"modal__center_vf2vc","space-between":"modal__space-between_vf2vc"};
22
+ var layoutStyles = {"column":"modal__column_1gjuq","gap-16":"modal__gap-16_1gjuq","gap-24":"modal__gap-24_1gjuq","gap-32":"modal__gap-32_1gjuq","column-mobile":"modal__column-mobile_1gjuq","start":"modal__start_1gjuq","center":"modal__center_1gjuq","space-between":"modal__space-between_1gjuq"};
23
23
  require('./layout.css')
24
24
 
25
- var mobileStyles = {"footer":"modal__footer_le3nn","sticky":"modal__sticky_le3nn"};
25
+ var mobileStyles = {"footer":"modal__footer_159cp","sticky":"modal__sticky_159cp"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: uzllf */
1
+ /* hash: wcit7 */
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_1yc6m {
36
+ } .modal__footer_kfufc {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_1yc6m {
39
+ } .modal__sticky_kfufc {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_1yc6m.modal__fullscreen_1yc6m {
41
+ } .modal__sticky_kfufc.modal__fullscreen_kfufc {
42
42
  bottom: 0;
43
- } .modal__s_1yc6m,
44
- .modal__m_1yc6m,
45
- .modal__l_1yc6m,
46
- .modal__xl_1yc6m,
47
- .modal__fullscreen_1yc6m {
43
+ } .modal__s_kfufc,
44
+ .modal__m_kfufc,
45
+ .modal__l_kfufc,
46
+ .modal__xl_kfufc,
47
+ .modal__fullscreen_kfufc {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1ettp */
1
+ /* hash: 1g6qx */
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_1qtda {
35
+ } .modal__footer_cx131 {
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_1qtda {
39
+ } .modal__sticky_cx131 {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_1qtda {
42
+ } .modal__highlighted_cx131 {
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: 170ni */
1
+ /* hash: 18dkq */
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_vf2vc {
34
+ } .modal__column_1gjuq {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_vf2vc > * {
37
+ } .modal__column_1gjuq > * {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_vf2vc > *:last-child,
40
- .modal__column_vf2vc > *:only-child {
39
+ } .modal__column_1gjuq > *:last-child,
40
+ .modal__column_1gjuq > *:only-child {
41
41
  margin-bottom: 0;
42
- } .modal__column_vf2vc.modal__gap-16_vf2vc > * {
42
+ } .modal__column_1gjuq.modal__gap-16_1gjuq > * {
43
43
  margin-bottom: var(--gap-m);
44
- } .modal__column_vf2vc.modal__gap-24_vf2vc > * {
44
+ } .modal__column_1gjuq.modal__gap-24_1gjuq > * {
45
45
  margin-bottom: var(--gap-xl);
46
- } .modal__column_vf2vc.modal__gap-32_vf2vc > * {
46
+ } .modal__column_1gjuq.modal__gap-32_1gjuq > * {
47
47
  margin-bottom: var(--gap-2xl);
48
- } .modal__column-mobile_vf2vc {
48
+ } .modal__column-mobile_1gjuq {
49
49
  flex-direction: column-reverse
50
- } .modal__column-mobile_vf2vc > * {
50
+ } .modal__column-mobile_1gjuq > * {
51
51
  margin-bottom: 0;
52
- } .modal__column-mobile_vf2vc > *:last-child {
52
+ } .modal__column-mobile_1gjuq > *:last-child {
53
53
  margin-bottom: var(--modal-footer-default-gap);
54
- } .modal__column-mobile_vf2vc > *:only-child {
54
+ } .modal__column-mobile_1gjuq > *:only-child {
55
55
  margin-bottom: 0;
56
- } .modal__start_vf2vc {
56
+ } .modal__start_1gjuq {
57
57
  justify-content: flex-start;
58
- } .modal__center_vf2vc {
58
+ } .modal__center_1gjuq {
59
59
  justify-content: center;
60
- } .modal__space-between_vf2vc {
60
+ } .modal__space-between_1gjuq {
61
61
  justify-content: space-between
62
- } .modal__space-between_vf2vc > * {
62
+ } .modal__space-between_1gjuq > * {
63
63
  flex: 1;
64
- } .modal__start_vf2vc,
65
- .modal__center_vf2vc,
66
- .modal__space-between_vf2vc {
64
+ } .modal__start_1gjuq,
65
+ .modal__center_1gjuq,
66
+ .modal__space-between_1gjuq {
67
67
  display: flex
68
- } .modal__start_vf2vc > *, .modal__center_vf2vc > *, .modal__space-between_vf2vc > * {
68
+ } .modal__start_1gjuq > *, .modal__center_1gjuq > *, .modal__space-between_1gjuq > * {
69
69
  margin-right: var(--modal-footer-default-gap);
70
- } .modal__start_vf2vc > *:last-child,
71
- .modal__start_vf2vc > *:only-child,
72
- .modal__center_vf2vc > *:last-child,
73
- .modal__center_vf2vc > *:only-child,
74
- .modal__space-between_vf2vc > *:last-child,
75
- .modal__space-between_vf2vc > *:only-child {
70
+ } .modal__start_1gjuq > *:last-child,
71
+ .modal__start_1gjuq > *:only-child,
72
+ .modal__center_1gjuq > *:last-child,
73
+ .modal__center_1gjuq > *:only-child,
74
+ .modal__space-between_1gjuq > *:last-child,
75
+ .modal__space-between_1gjuq > *:only-child {
76
76
  margin-right: 0;
77
- } .modal__start_vf2vc.modal__gap-16_vf2vc > *, .modal__center_vf2vc.modal__gap-16_vf2vc > *, .modal__space-between_vf2vc.modal__gap-16_vf2vc > * {
77
+ } .modal__start_1gjuq.modal__gap-16_1gjuq > *, .modal__center_1gjuq.modal__gap-16_1gjuq > *, .modal__space-between_1gjuq.modal__gap-16_1gjuq > * {
78
78
  margin-right: var(--gap-m);
79
- } .modal__start_vf2vc.modal__gap-24_vf2vc > *, .modal__center_vf2vc.modal__gap-24_vf2vc > *, .modal__space-between_vf2vc.modal__gap-24_vf2vc > * {
79
+ } .modal__start_1gjuq.modal__gap-24_1gjuq > *, .modal__center_1gjuq.modal__gap-24_1gjuq > *, .modal__space-between_1gjuq.modal__gap-24_1gjuq > * {
80
80
  margin-right: var(--gap-xl);
81
- } .modal__start_vf2vc.modal__gap-32_vf2vc > *, .modal__center_vf2vc.modal__gap-32_vf2vc > *, .modal__space-between_vf2vc.modal__gap-32_vf2vc > * {
81
+ } .modal__start_1gjuq.modal__gap-32_1gjuq > *, .modal__center_1gjuq.modal__gap-32_1gjuq > *, .modal__space-between_1gjuq.modal__gap-32_1gjuq > * {
82
82
  margin-right: var(--gap-2xl);
83
83
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1oi9h */
1
+ /* hash: zxa5z */
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_le3nn {
31
+ } .modal__footer_159cp {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_le3nn {
33
+ } .modal__sticky_159cp {
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_12npl","content":"modal__content_12npl","s":"modal__s_12npl","m":"modal__m_12npl","l":"modal__l_12npl","xl":"modal__xl_12npl","fullscreen":"modal__fullscreen_12npl","sticky":"modal__sticky_12npl"};
18
+ var desktopStyles = {"header":"modal__header_1k8x9","content":"modal__content_1k8x9","s":"modal__s_1k8x9","m":"modal__m_1k8x9","l":"modal__l_1k8x9","xl":"modal__xl_1k8x9","fullscreen":"modal__fullscreen_1k8x9","sticky":"modal__sticky_1k8x9"};
19
19
  require('./desktop.css')
20
20
 
21
- var styles = {"highlighted":"modal__highlighted_1amy0","sticky":"modal__sticky_1amy0","hasContent":"modal__hasContent_1amy0"};
21
+ var styles = {"highlighted":"modal__highlighted_1s85n","sticky":"modal__sticky_1s85n","hasContent":"modal__hasContent_1s85n"};
22
22
  require('./index.css')
23
23
 
24
- var mobileStyles = {"header":"modal__header_zp3c0","sticky":"modal__sticky_zp3c0","content":"modal__content_zp3c0"};
24
+ var mobileStyles = {"header":"modal__header_vulyt","sticky":"modal__sticky_vulyt","content":"modal__content_vulyt"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1v7wk */
1
+ /* hash: juq5o */
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_12npl {
47
+ } .modal__header_1k8x9 {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_12npl {
50
+ } .modal__content_1k8x9 {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__s_12npl .modal__content_12npl,
54
- .modal__m_12npl .modal__content_12npl {
53
+ } .modal__s_1k8x9 .modal__content_1k8x9,
54
+ .modal__m_1k8x9 .modal__content_1k8x9 {
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_12npl .modal__content_12npl,
59
- .modal__xl_12npl .modal__content_12npl,
60
- .modal__fullscreen_12npl .modal__content_12npl {
58
+ } .modal__l_1k8x9 .modal__content_1k8x9,
59
+ .modal__xl_1k8x9 .modal__content_1k8x9,
60
+ .modal__fullscreen_1k8x9 .modal__content_1k8x9 {
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_12npl,
65
- .modal__m_12npl,
66
- .modal__l_12npl,
67
- .modal__xl_12npl,
68
- .modal__fullscreen_12npl {
64
+ } .modal__s_1k8x9,
65
+ .modal__m_1k8x9,
66
+ .modal__l_1k8x9,
67
+ .modal__xl_1k8x9,
68
+ .modal__fullscreen_1k8x9 {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_12npl {
70
+ } .modal__sticky_1k8x9 {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_12npl.modal__fullscreen_12npl {
72
+ } .modal__sticky_1k8x9.modal__fullscreen_1k8x9 {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: k7qps */
1
+ /* hash: 17voc */
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_1amy0 {
35
+ } .modal__highlighted_1s85n {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_1amy0 {
38
+ } .modal__sticky_1s85n {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_1amy0.modal__hasContent_1amy0 {
41
+ } .modal__sticky_1s85n.modal__hasContent_1s85n {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: f21v1 */
1
+ /* hash: kasc9 */
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_zp3c0 {
41
+ } .modal__header_vulyt {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_zp3c0 {
43
+ } .modal__sticky_vulyt {
44
44
  top: 0;
45
- } .modal__content_zp3c0 {
45
+ } .modal__content_vulyt {
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);
package/cssm/Component.js CHANGED
@@ -8,8 +8,8 @@ var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
9
9
  var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
10
10
  var ResponsiveContext = require('./ResponsiveContext.js');
11
- var desktopStyles = require('./desktop.module.css');
12
- var mobileStyles = require('./mobile.module.css');
11
+ var desktopStyles = require('./desktop/desktop.module.css');
12
+ var mobileStyles = require('./mobile/mobile.module.css');
13
13
  var transitions = require('./transitions.module.css');
14
14
 
15
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -25,8 +25,8 @@ require('./components/header/desktop.module.css');
25
25
  require('./components/header/index.module.css');
26
26
  require('./components/header/mobile.module.css');
27
27
  require('react-merge-refs');
28
- require('./desktop.module.css');
29
- require('./mobile.module.css');
28
+ require('./desktop/desktop.module.css');
29
+ require('./mobile/mobile.module.css');
30
30
  require('./transitions.module.css');
31
31
 
32
32
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -7,8 +7,8 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
7
7
  fixedPosition?: boolean | undefined;
8
8
  hasCloser?: boolean | undefined;
9
9
  } & React.RefAttributes<HTMLDivElement>> & {
10
- Content: React.FC<import("./typings").ContentProps>;
11
- Header: React.FC<import("./components/header/Component").HeaderProps>;
12
- Footer: React.FC<import("./components/footer/Component").FooterProps>;
10
+ Content: React.FC<import("../typings").ContentProps>;
11
+ Header: React.FC<import("../components/header/Component").HeaderProps>;
12
+ Footer: React.FC<import("../components/footer/Component").FooterProps>;
13
13
  };
14
14
  export { ModalDesktop };
@@ -4,29 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var components_content_Component = require('./components/content/Component.js');
8
- var components_footer_Component = require('./components/footer/Component.js');
9
- var components_header_Component = require('./components/header/Component.js');
10
- var Component = require('./Component.js');
7
+ var Component = require('../Component.js');
8
+ var components_content_Component = require('../components/content/Component.js');
9
+ var components_footer_Component = require('../components/footer/Component.js');
10
+ var components_header_Component = require('../components/header/Component.js');
11
+ require('react-merge-refs');
11
12
  require('classnames');
12
- require('./Context.js');
13
13
  require('@alfalab/core-components-base-modal/cssm');
14
- require('./ResponsiveContext.js');
15
- require('./components/content/desktop.module.css');
16
- require('./components/content/index.module.css');
17
- require('./components/content/mobile.module.css');
18
- require('./components/footer/desktop.module.css');
19
- require('./components/footer/index.module.css');
20
- require('./components/footer/layout.module.css');
21
- require('./components/footer/mobile.module.css');
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('react-merge-refs');
14
+ require('../ResponsiveContext.js');
27
15
  require('./desktop.module.css');
28
- require('./mobile.module.css');
29
- require('./transitions.module.css');
16
+ require('../mobile/mobile.module.css');
17
+ require('../transitions.module.css');
18
+ require('../Context.js');
19
+ require('../components/content/desktop.module.css');
20
+ require('../components/content/index.module.css');
21
+ require('../components/content/mobile.module.css');
22
+ require('../components/footer/desktop.module.css');
23
+ require('../components/footer/index.module.css');
24
+ require('../components/footer/layout.module.css');
25
+ require('../components/footer/mobile.module.css');
26
+ require('@alfalab/core-components-navigation-bar/cssm');
27
+ require('../components/header/desktop.module.css');
28
+ require('../components/header/index.module.css');
29
+ require('../components/header/mobile.module.css');
30
30
 
31
31
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
32
32
 
@@ -1,2 +1,2 @@
1
- export * from "../Component.desktop";
1
+ export * from "./Component.desktop";
2
2
  export { ModalDesktopProps } from "../typings";
@@ -2,14 +2,19 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var Component_desktop = require('../Component.desktop.js');
5
+ var desktop_Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
- require('../components/content/Component.js');
8
+ require('../Component.js');
9
+ require('react-merge-refs');
9
10
  require('classnames');
10
- require('../Context.js');
11
11
  require('@alfalab/core-components-base-modal/cssm');
12
12
  require('../ResponsiveContext.js');
13
+ require('./desktop.module.css');
14
+ require('../mobile/mobile.module.css');
15
+ require('../transitions.module.css');
16
+ require('../components/content/Component.js');
17
+ require('../Context.js');
13
18
  require('../components/content/desktop.module.css');
14
19
  require('../components/content/index.module.css');
15
20
  require('../components/content/mobile.module.css');
@@ -23,12 +28,7 @@ require('@alfalab/core-components-navigation-bar/cssm');
23
28
  require('../components/header/desktop.module.css');
24
29
  require('../components/header/index.module.css');
25
30
  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
31
 
32
32
 
33
33
 
34
- exports.ModalDesktop = Component_desktop.ModalDesktop;
34
+ exports.ModalDesktop = desktop_Component_desktop.ModalDesktop;
package/cssm/index.js CHANGED
@@ -26,8 +26,8 @@ require('./components/header/index.module.css');
26
26
  require('./components/header/mobile.module.css');
27
27
  require('./Component.js');
28
28
  require('react-merge-refs');
29
- require('./desktop.module.css');
30
- require('./mobile.module.css');
29
+ require('./desktop/desktop.module.css');
30
+ require('./mobile/mobile.module.css');
31
31
  require('./transitions.module.css');
32
32
 
33
33
 
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ModalMobileProps } from "../typings";
4
+ declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
5
+ Content: React.FC<import("../typings").ContentProps>;
6
+ Header: React.FC<import("../components/header/Component").HeaderProps>;
7
+ Footer: React.FC<import("../components/footer/Component").FooterProps>;
8
+ };
9
+ export { ModalMobile };