@alfalab/core-components-modal 7.0.11 → 7.0.13

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 (54) 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 +5 -4
  7. package/components/footer/desktop.css +9 -9
  8. package/components/footer/index.css +4 -4
  9. package/components/footer/layout.css +33 -25
  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/components/footer/Component.js +1 -0
  16. package/cssm/components/footer/layout.module.css +8 -0
  17. package/desktop.css +9 -9
  18. package/esm/Component.js +3 -3
  19. package/esm/components/content/Component.js +3 -3
  20. package/esm/components/content/desktop.css +7 -7
  21. package/esm/components/content/index.css +4 -4
  22. package/esm/components/content/mobile.css +3 -3
  23. package/esm/components/footer/Component.js +5 -4
  24. package/esm/components/footer/desktop.css +9 -9
  25. package/esm/components/footer/index.css +4 -4
  26. package/esm/components/footer/layout.css +33 -25
  27. package/esm/components/footer/mobile.css +3 -3
  28. package/esm/components/header/Component.js +3 -3
  29. package/esm/components/header/desktop.css +15 -15
  30. package/esm/components/header/index.css +4 -4
  31. package/esm/components/header/mobile.css +4 -4
  32. package/esm/desktop.css +9 -9
  33. package/esm/mobile.css +2 -2
  34. package/esm/transitions.css +8 -8
  35. package/mobile.css +2 -2
  36. package/modern/Component.js +3 -3
  37. package/modern/components/content/Component.js +3 -3
  38. package/modern/components/content/desktop.css +7 -7
  39. package/modern/components/content/index.css +4 -4
  40. package/modern/components/content/mobile.css +3 -3
  41. package/modern/components/footer/Component.js +5 -4
  42. package/modern/components/footer/desktop.css +9 -9
  43. package/modern/components/footer/index.css +4 -4
  44. package/modern/components/footer/layout.css +33 -25
  45. package/modern/components/footer/mobile.css +3 -3
  46. package/modern/components/header/Component.js +3 -3
  47. package/modern/components/header/desktop.css +15 -15
  48. package/modern/components/header/index.css +4 -4
  49. package/modern/components/header/mobile.css +4 -4
  50. package/modern/desktop.css +9 -9
  51. package/modern/mobile.css +2 -2
  52. package/modern/transitions.css +8 -8
  53. package/package.json +3 -3
  54. package/transitions.css +8 -8
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_u41gn","component":"modal__component_u41gn","fullscreen":"modal__fullscreen_u41gn","s":"modal__s_u41gn","m":"modal__m_u41gn","l":"modal__l_u41gn","xl":"modal__xl_u41gn"};
18
+ var desktopStyles = {"wrapper":"modal__wrapper_e9axt","component":"modal__component_e9axt","fullscreen":"modal__fullscreen_e9axt","s":"modal__s_e9axt","m":"modal__m_e9axt","l":"modal__l_e9axt","xl":"modal__xl_e9axt"};
19
19
  require('./desktop.css')
20
20
 
21
- var mobileStyles = {"component":"modal__component_xa222"};
21
+ var mobileStyles = {"component":"modal__component_us2lm"};
22
22
  require('./mobile.css')
23
23
 
24
- var transitions = {"appear":"modal__appear_1dhi6","enter":"modal__enter_1dhi6","appearActive":"modal__appearActive_1dhi6","enterActive":"modal__enterActive_1dhi6","exit":"modal__exit_1dhi6","exitActive":"modal__exitActive_1dhi6","exitDone":"modal__exitDone_1dhi6"};
24
+ var transitions = {"appear":"modal__appear_6bvsi","enter":"modal__enter_6bvsi","appearActive":"modal__appearActive_6bvsi","enterActive":"modal__enterActive_6bvsi","exit":"modal__exit_6bvsi","exitActive":"modal__exitActive_6bvsi","exitDone":"modal__exitDone_6bvsi"};
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_1r25u","m":"modal__m_1r25u","l":"modal__l_1r25u","xl":"modal__xl_1r25u","fullscreen":"modal__fullscreen_1r25u"};
16
+ var desktopStyles = {"s":"modal__s_1jyel","m":"modal__m_1jyel","l":"modal__l_1jyel","xl":"modal__xl_1jyel","fullscreen":"modal__fullscreen_1jyel"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"content":"modal__content_lfgjj","withHeader":"modal__withHeader_lfgjj","flex":"modal__flex_lfgjj"};
19
+ var styles = {"content":"modal__content_6pj8k","withHeader":"modal__withHeader_6pj8k","flex":"modal__flex_6pj8k"};
20
20
  require('./index.css')
21
21
 
22
- var mobileStyles = {"content":"modal__content_u27dm"};
22
+ var mobileStyles = {"content":"modal__content_g445u"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fx30s */
1
+ /* hash: 13wz2 */
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_1r25u,
34
- .modal__m_1r25u,
35
- .modal__l_1r25u,
36
- .modal__xl_1r25u,
37
- .modal__fullscreen_1r25u {
33
+ } .modal__s_1jyel,
34
+ .modal__m_1jyel,
35
+ .modal__l_1jyel,
36
+ .modal__xl_1jyel,
37
+ .modal__fullscreen_1jyel {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_1r25u:last-child, .modal__m_1r25u:last-child, .modal__l_1r25u:last-child, .modal__xl_1r25u:last-child, .modal__fullscreen_1r25u:last-child {
39
+ } .modal__s_1jyel:last-child, .modal__m_1jyel:last-child, .modal__l_1jyel:last-child, .modal__xl_1jyel:last-child, .modal__fullscreen_1jyel:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: kv45h */
1
+ /* hash: 18v07 */
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_lfgjj {
30
+ } .modal__content_6pj8k {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_lfgjj.modal__withHeader_lfgjj {
35
+ } .modal__content_6pj8k.modal__withHeader_6pj8k {
36
36
  padding-top: 0;
37
- } .modal__flex_lfgjj {
37
+ } .modal__flex_6pj8k {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: miilx */
1
+ /* hash: z44s1 */
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_u27dm {
31
+ } .modal__content_g445u {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_u27dm:last-child {
33
+ } .modal__content_g445u: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_1c9xs","sticky":"modal__sticky_1c9xs","fullscreen":"modal__fullscreen_1c9xs","s":"modal__s_1c9xs","m":"modal__m_1c9xs","l":"modal__l_1c9xs","xl":"modal__xl_1c9xs"};
16
+ var desktopStyles = {"footer":"modal__footer_193n7","sticky":"modal__sticky_193n7","fullscreen":"modal__fullscreen_193n7","s":"modal__s_193n7","m":"modal__m_193n7","l":"modal__l_193n7","xl":"modal__xl_193n7"};
17
17
  require('./desktop.css')
18
18
 
19
- var styles = {"footer":"modal__footer_g0l9y","sticky":"modal__sticky_g0l9y","highlighted":"modal__highlighted_g0l9y"};
19
+ var styles = {"footer":"modal__footer_1z0o1","sticky":"modal__sticky_1z0o1","highlighted":"modal__highlighted_1z0o1"};
20
20
  require('./index.css')
21
21
 
22
- var layoutStyles = {"column":"modal__column_9cu1f","gap-16":"modal__gap-16_9cu1f","gap-24":"modal__gap-24_9cu1f","gap-32":"modal__gap-32_9cu1f","start":"modal__start_9cu1f","center":"modal__center_9cu1f","space-between":"modal__space-between_9cu1f"};
22
+ var layoutStyles = {"column":"modal__column_fthmu","gap-16":"modal__gap-16_fthmu","gap-24":"modal__gap-24_fthmu","gap-32":"modal__gap-32_fthmu","column-mobile":"modal__column-mobile_fthmu","start":"modal__start_fthmu","center":"modal__center_fthmu","space-between":"modal__space-between_fthmu"};
23
23
  require('./layout.css')
24
24
 
25
- var mobileStyles = {"footer":"modal__footer_1hj8d","sticky":"modal__sticky_1hj8d"};
25
+ var mobileStyles = {"footer":"modal__footer_1tcsy","sticky":"modal__sticky_1tcsy"};
26
26
  require('./mobile.css')
27
27
 
28
28
  var Footer = function (_a) {
@@ -41,6 +41,7 @@ var Footer = function (_a) {
41
41
  _b[desktopStyles[size]] = view === 'desktop',
42
42
  _b[mobileStyles.footer] = view === 'mobile',
43
43
  _b[mobileStyles.sticky] = view === 'mobile' && sticky,
44
+ _b[layoutStyles["".concat(layout, "-mobile")]] = view === 'mobile',
44
45
  _b)) }, children));
45
46
  };
46
47
 
@@ -1,4 +1,4 @@
1
- /* hash: aagp2 */
1
+ /* hash: jkr8f */
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_1c9xs {
36
+ } .modal__footer_193n7 {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_1c9xs {
39
+ } .modal__sticky_193n7 {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_1c9xs.modal__fullscreen_1c9xs {
41
+ } .modal__sticky_193n7.modal__fullscreen_193n7 {
42
42
  bottom: 0;
43
- } .modal__s_1c9xs,
44
- .modal__m_1c9xs,
45
- .modal__l_1c9xs,
46
- .modal__xl_1c9xs,
47
- .modal__fullscreen_1c9xs {
43
+ } .modal__s_193n7,
44
+ .modal__m_193n7,
45
+ .modal__l_193n7,
46
+ .modal__xl_193n7,
47
+ .modal__fullscreen_193n7 {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: 2hhsh */
1
+ /* hash: brsbu */
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_g0l9y {
35
+ } .modal__footer_1z0o1 {
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_g0l9y {
39
+ } .modal__sticky_1z0o1 {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_g0l9y {
42
+ } .modal__highlighted_1z0o1 {
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: 15u5v */
1
+ /* hash: 1f4ge */
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,45 +31,53 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_9cu1f {
34
+ } .modal__column_fthmu {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_9cu1f > * {
37
+ } .modal__column_fthmu > * {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_9cu1f > *:last-child,
40
- .modal__column_9cu1f > *:only-child {
39
+ } .modal__column_fthmu > *:last-child,
40
+ .modal__column_fthmu > *:only-child {
41
41
  margin-bottom: 0;
42
- } .modal__column_9cu1f.modal__gap-16_9cu1f > * {
42
+ } .modal__column_fthmu.modal__gap-16_fthmu > * {
43
43
  margin-bottom: var(--gap-m);
44
- } .modal__column_9cu1f.modal__gap-24_9cu1f > * {
44
+ } .modal__column_fthmu.modal__gap-24_fthmu > * {
45
45
  margin-bottom: var(--gap-xl);
46
- } .modal__column_9cu1f.modal__gap-32_9cu1f > * {
46
+ } .modal__column_fthmu.modal__gap-32_fthmu > * {
47
47
  margin-bottom: var(--gap-2xl);
48
- } .modal__start_9cu1f {
48
+ } .modal__column-mobile_fthmu {
49
+ flex-direction: column-reverse
50
+ } .modal__column-mobile_fthmu > * {
51
+ margin-bottom: 0;
52
+ } .modal__column-mobile_fthmu > *:last-child {
53
+ margin-bottom: var(--modal-footer-default-gap);
54
+ } .modal__column-mobile_fthmu > *:only-child {
55
+ margin-bottom: 0;
56
+ } .modal__start_fthmu {
49
57
  justify-content: flex-start;
50
- } .modal__center_9cu1f {
58
+ } .modal__center_fthmu {
51
59
  justify-content: center;
52
- } .modal__space-between_9cu1f {
60
+ } .modal__space-between_fthmu {
53
61
  justify-content: space-between
54
- } .modal__space-between_9cu1f > * {
62
+ } .modal__space-between_fthmu > * {
55
63
  flex: 1;
56
- } .modal__start_9cu1f,
57
- .modal__center_9cu1f,
58
- .modal__space-between_9cu1f {
64
+ } .modal__start_fthmu,
65
+ .modal__center_fthmu,
66
+ .modal__space-between_fthmu {
59
67
  display: flex
60
- } .modal__start_9cu1f > *, .modal__center_9cu1f > *, .modal__space-between_9cu1f > * {
68
+ } .modal__start_fthmu > *, .modal__center_fthmu > *, .modal__space-between_fthmu > * {
61
69
  margin-right: var(--modal-footer-default-gap);
62
- } .modal__start_9cu1f > *:last-child,
63
- .modal__start_9cu1f > *:only-child,
64
- .modal__center_9cu1f > *:last-child,
65
- .modal__center_9cu1f > *:only-child,
66
- .modal__space-between_9cu1f > *:last-child,
67
- .modal__space-between_9cu1f > *:only-child {
70
+ } .modal__start_fthmu > *:last-child,
71
+ .modal__start_fthmu > *:only-child,
72
+ .modal__center_fthmu > *:last-child,
73
+ .modal__center_fthmu > *:only-child,
74
+ .modal__space-between_fthmu > *:last-child,
75
+ .modal__space-between_fthmu > *:only-child {
68
76
  margin-right: 0;
69
- } .modal__start_9cu1f.modal__gap-16_9cu1f > *, .modal__center_9cu1f.modal__gap-16_9cu1f > *, .modal__space-between_9cu1f.modal__gap-16_9cu1f > * {
77
+ } .modal__start_fthmu.modal__gap-16_fthmu > *, .modal__center_fthmu.modal__gap-16_fthmu > *, .modal__space-between_fthmu.modal__gap-16_fthmu > * {
70
78
  margin-right: var(--gap-m);
71
- } .modal__start_9cu1f.modal__gap-24_9cu1f > *, .modal__center_9cu1f.modal__gap-24_9cu1f > *, .modal__space-between_9cu1f.modal__gap-24_9cu1f > * {
79
+ } .modal__start_fthmu.modal__gap-24_fthmu > *, .modal__center_fthmu.modal__gap-24_fthmu > *, .modal__space-between_fthmu.modal__gap-24_fthmu > * {
72
80
  margin-right: var(--gap-xl);
73
- } .modal__start_9cu1f.modal__gap-32_9cu1f > *, .modal__center_9cu1f.modal__gap-32_9cu1f > *, .modal__space-between_9cu1f.modal__gap-32_9cu1f > * {
81
+ } .modal__start_fthmu.modal__gap-32_fthmu > *, .modal__center_fthmu.modal__gap-32_fthmu > *, .modal__space-between_fthmu.modal__gap-32_fthmu > * {
74
82
  margin-right: var(--gap-2xl);
75
83
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1oork */
1
+ /* hash: esysp */
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_1hj8d {
31
+ } .modal__footer_1tcsy {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_1hj8d {
33
+ } .modal__sticky_1tcsy {
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_1h5h6","content":"modal__content_1h5h6","s":"modal__s_1h5h6","m":"modal__m_1h5h6","l":"modal__l_1h5h6","xl":"modal__xl_1h5h6","fullscreen":"modal__fullscreen_1h5h6","sticky":"modal__sticky_1h5h6"};
18
+ var desktopStyles = {"header":"modal__header_lb23l","content":"modal__content_lb23l","s":"modal__s_lb23l","m":"modal__m_lb23l","l":"modal__l_lb23l","xl":"modal__xl_lb23l","fullscreen":"modal__fullscreen_lb23l","sticky":"modal__sticky_lb23l"};
19
19
  require('./desktop.css')
20
20
 
21
- var styles = {"highlighted":"modal__highlighted_10e6f","sticky":"modal__sticky_10e6f","hasContent":"modal__hasContent_10e6f"};
21
+ var styles = {"highlighted":"modal__highlighted_11i9n","sticky":"modal__sticky_11i9n","hasContent":"modal__hasContent_11i9n"};
22
22
  require('./index.css')
23
23
 
24
- var mobileStyles = {"header":"modal__header_iqihz","sticky":"modal__sticky_iqihz","content":"modal__content_iqihz"};
24
+ var mobileStyles = {"header":"modal__header_dox3l","sticky":"modal__sticky_dox3l","content":"modal__content_dox3l"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var Header = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: jy4r4 */
1
+ /* hash: anu7s */
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_1h5h6 {
47
+ } .modal__header_lb23l {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_1h5h6 {
50
+ } .modal__content_lb23l {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__s_1h5h6 .modal__content_1h5h6,
54
- .modal__m_1h5h6 .modal__content_1h5h6 {
53
+ } .modal__s_lb23l .modal__content_lb23l,
54
+ .modal__m_lb23l .modal__content_lb23l {
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_1h5h6 .modal__content_1h5h6,
59
- .modal__xl_1h5h6 .modal__content_1h5h6,
60
- .modal__fullscreen_1h5h6 .modal__content_1h5h6 {
58
+ } .modal__l_lb23l .modal__content_lb23l,
59
+ .modal__xl_lb23l .modal__content_lb23l,
60
+ .modal__fullscreen_lb23l .modal__content_lb23l {
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_1h5h6,
65
- .modal__m_1h5h6,
66
- .modal__l_1h5h6,
67
- .modal__xl_1h5h6,
68
- .modal__fullscreen_1h5h6 {
64
+ } .modal__s_lb23l,
65
+ .modal__m_lb23l,
66
+ .modal__l_lb23l,
67
+ .modal__xl_lb23l,
68
+ .modal__fullscreen_lb23l {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_1h5h6 {
70
+ } .modal__sticky_lb23l {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_1h5h6.modal__fullscreen_1h5h6 {
72
+ } .modal__sticky_lb23l.modal__fullscreen_lb23l {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: srtuj */
1
+ /* hash: jhjb7 */
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_10e6f {
35
+ } .modal__highlighted_11i9n {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_10e6f {
38
+ } .modal__sticky_11i9n {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_10e6f.modal__hasContent_10e6f {
41
+ } .modal__sticky_11i9n.modal__hasContent_11i9n {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: htedw */
1
+ /* hash: 1rp75 */
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_iqihz {
41
+ } .modal__header_dox3l {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_iqihz {
43
+ } .modal__sticky_dox3l {
44
44
  top: 0;
45
- } .modal__content_iqihz {
45
+ } .modal__content_dox3l {
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);
@@ -37,6 +37,7 @@ var Footer = function (_a) {
37
37
  _b[desktopStyles__default.default[size]] = view === 'desktop',
38
38
  _b[mobileStyles__default.default.footer] = view === 'mobile',
39
39
  _b[mobileStyles__default.default.sticky] = view === 'mobile' && sticky,
40
+ _b[layoutStyles__default.default["".concat(layout, "-mobile")]] = view === 'mobile',
40
41
  _b)) }, children));
41
42
  };
42
43
 
@@ -44,6 +44,14 @@
44
44
  margin-bottom: var(--gap-xl);
45
45
  } .column.gap-32 > * {
46
46
  margin-bottom: var(--gap-2xl);
47
+ } .column-mobile {
48
+ flex-direction: column-reverse
49
+ } .column-mobile > * {
50
+ margin-bottom: 0;
51
+ } .column-mobile > *:last-child {
52
+ margin-bottom: var(--modal-footer-default-gap);
53
+ } .column-mobile > *:only-child {
54
+ margin-bottom: 0;
47
55
  } .start {
48
56
  justify-content: flex-start;
49
57
  } .center {
package/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1yp07 */
1
+ /* hash: 1m3e1 */
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 */
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_u41gn {
38
+ } .modal__wrapper_e9axt {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_u41gn {
41
+ } .modal__component_e9axt {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_u41gn {
45
+ } .modal__fullscreen_e9axt {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_u41gn .modal__component_u41gn {
48
+ } .modal__fullscreen_e9axt .modal__component_e9axt {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_u41gn {
51
+ } .modal__s_e9axt {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_u41gn {
53
+ } .modal__m_e9axt {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_u41gn {
55
+ } .modal__l_e9axt {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_u41gn {
57
+ } .modal__xl_e9axt {
58
58
  width: var(--modal-xl-width);
59
59
  }
package/esm/Component.js CHANGED
@@ -5,13 +5,13 @@ import cn from 'classnames';
5
5
  import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
6
  import { ResponsiveContext } from './ResponsiveContext.js';
7
7
 
8
- var desktopStyles = {"wrapper":"modal__wrapper_u41gn","component":"modal__component_u41gn","fullscreen":"modal__fullscreen_u41gn","s":"modal__s_u41gn","m":"modal__m_u41gn","l":"modal__l_u41gn","xl":"modal__xl_u41gn"};
8
+ var desktopStyles = {"wrapper":"modal__wrapper_e9axt","component":"modal__component_e9axt","fullscreen":"modal__fullscreen_e9axt","s":"modal__s_e9axt","m":"modal__m_e9axt","l":"modal__l_e9axt","xl":"modal__xl_e9axt"};
9
9
  require('./desktop.css')
10
10
 
11
- var mobileStyles = {"component":"modal__component_xa222"};
11
+ var mobileStyles = {"component":"modal__component_us2lm"};
12
12
  require('./mobile.css')
13
13
 
14
- var transitions = {"appear":"modal__appear_1dhi6","enter":"modal__enter_1dhi6","appearActive":"modal__appearActive_1dhi6","enterActive":"modal__enterActive_1dhi6","exit":"modal__exit_1dhi6","exitActive":"modal__exitActive_1dhi6","exitDone":"modal__exitDone_1dhi6"};
14
+ var transitions = {"appear":"modal__appear_6bvsi","enter":"modal__enter_6bvsi","appearActive":"modal__appearActive_6bvsi","enterActive":"modal__enterActive_6bvsi","exit":"modal__exit_6bvsi","exitActive":"modal__exitActive_6bvsi","exitDone":"modal__exitDone_6bvsi"};
15
15
  require('./transitions.css')
16
16
 
17
17
  var Modal = forwardRef(function (_a, ref) {
@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
5
  import '@alfalab/core-components-base-modal/esm';
6
6
 
7
- var desktopStyles = {"s":"modal__s_1r25u","m":"modal__m_1r25u","l":"modal__l_1r25u","xl":"modal__xl_1r25u","fullscreen":"modal__fullscreen_1r25u"};
7
+ var desktopStyles = {"s":"modal__s_1jyel","m":"modal__m_1jyel","l":"modal__l_1jyel","xl":"modal__xl_1jyel","fullscreen":"modal__fullscreen_1jyel"};
8
8
  require('./desktop.css')
9
9
 
10
- var styles = {"content":"modal__content_lfgjj","withHeader":"modal__withHeader_lfgjj","flex":"modal__flex_lfgjj"};
10
+ var styles = {"content":"modal__content_6pj8k","withHeader":"modal__withHeader_6pj8k","flex":"modal__flex_6pj8k"};
11
11
  require('./index.css')
12
12
 
13
- var mobileStyles = {"content":"modal__content_u27dm"};
13
+ var mobileStyles = {"content":"modal__content_g445u"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fx30s */
1
+ /* hash: 13wz2 */
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_1r25u,
34
- .modal__m_1r25u,
35
- .modal__l_1r25u,
36
- .modal__xl_1r25u,
37
- .modal__fullscreen_1r25u {
33
+ } .modal__s_1jyel,
34
+ .modal__m_1jyel,
35
+ .modal__l_1jyel,
36
+ .modal__xl_1jyel,
37
+ .modal__fullscreen_1jyel {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_1r25u:last-child, .modal__m_1r25u:last-child, .modal__l_1r25u:last-child, .modal__xl_1r25u:last-child, .modal__fullscreen_1r25u:last-child {
39
+ } .modal__s_1jyel:last-child, .modal__m_1jyel:last-child, .modal__l_1jyel:last-child, .modal__xl_1jyel:last-child, .modal__fullscreen_1jyel:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: kv45h */
1
+ /* hash: 18v07 */
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_lfgjj {
30
+ } .modal__content_6pj8k {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_lfgjj.modal__withHeader_lfgjj {
35
+ } .modal__content_6pj8k.modal__withHeader_6pj8k {
36
36
  padding-top: 0;
37
- } .modal__flex_lfgjj {
37
+ } .modal__flex_6pj8k {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: miilx */
1
+ /* hash: z44s1 */
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_u27dm {
31
+ } .modal__content_g445u {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_u27dm:last-child {
33
+ } .modal__content_g445u:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }