@alfalab/core-components-modal 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/Component.desktop.js +3 -3
  3. package/dist/Component.mobile.js +3 -3
  4. package/dist/Component.responsive.js +2 -2
  5. package/dist/components/closer/Component.js +2 -2
  6. package/dist/components/closer/index.css +8 -8
  7. package/dist/components/content/Component.desktop.js +2 -2
  8. package/dist/components/content/Component.mobile.js +2 -2
  9. package/dist/components/content/desktop.css +12 -12
  10. package/dist/components/content/mobile.css +7 -7
  11. package/dist/components/footer/Component.desktop.js +2 -2
  12. package/dist/components/footer/Component.js +1 -1
  13. package/dist/components/footer/Component.mobile.js +2 -2
  14. package/dist/components/footer/desktop.css +12 -12
  15. package/dist/components/footer/layout.css +25 -25
  16. package/dist/components/footer/mobile.css +7 -7
  17. package/dist/components/header/Component.desktop.js +2 -2
  18. package/dist/components/header/Component.js +1 -1
  19. package/dist/components/header/Component.mobile.js +2 -2
  20. package/dist/components/header/desktop.css +16 -16
  21. package/dist/components/header/mobile.css +11 -11
  22. package/dist/desktop.css +8 -8
  23. package/dist/desktop.js +2 -2
  24. package/dist/esm/Component.desktop.js +3 -3
  25. package/dist/esm/Component.mobile.js +3 -3
  26. package/dist/esm/Component.responsive.js +2 -2
  27. package/dist/esm/components/closer/Component.js +2 -2
  28. package/dist/esm/components/closer/index.css +8 -8
  29. package/dist/esm/components/content/Component.desktop.js +2 -2
  30. package/dist/esm/components/content/Component.mobile.js +2 -2
  31. package/dist/esm/components/content/desktop.css +12 -12
  32. package/dist/esm/components/content/mobile.css +7 -7
  33. package/dist/esm/components/footer/Component.desktop.js +2 -2
  34. package/dist/esm/components/footer/Component.js +1 -1
  35. package/dist/esm/components/footer/Component.mobile.js +2 -2
  36. package/dist/esm/components/footer/desktop.css +12 -12
  37. package/dist/esm/components/footer/layout.css +25 -25
  38. package/dist/esm/components/footer/mobile.css +7 -7
  39. package/dist/esm/components/header/Component.desktop.js +2 -2
  40. package/dist/esm/components/header/Component.js +1 -1
  41. package/dist/esm/components/header/Component.mobile.js +2 -2
  42. package/dist/esm/components/header/desktop.css +16 -16
  43. package/dist/esm/components/header/mobile.css +11 -11
  44. package/dist/esm/desktop.css +8 -8
  45. package/dist/esm/desktop.js +2 -2
  46. package/dist/esm/index.js +2 -2
  47. package/dist/esm/mobile.css +2 -2
  48. package/dist/esm/mobile.js +2 -2
  49. package/dist/esm/responsive.js +2 -2
  50. package/dist/esm/transitions.css +8 -8
  51. package/dist/esm/transitions.module-7a80e043.js +4 -0
  52. package/dist/esm/{tslib.es6-5d3a812f.d.ts → tslib.es6-07601d96.d.ts} +0 -0
  53. package/dist/esm/{tslib.es6-5d3a812f.js → tslib.es6-07601d96.js} +0 -0
  54. package/dist/index.js +2 -2
  55. package/dist/mobile.css +2 -2
  56. package/dist/mobile.js +2 -2
  57. package/dist/modern/Component.desktop.js +2 -2
  58. package/dist/modern/Component.mobile.js +2 -2
  59. package/dist/modern/Component.responsive.js +1 -1
  60. package/dist/modern/components/closer/Component.js +1 -1
  61. package/dist/modern/components/closer/index.css +8 -8
  62. package/dist/modern/components/content/Component.desktop.js +1 -1
  63. package/dist/modern/components/content/Component.mobile.js +1 -1
  64. package/dist/modern/components/content/desktop.css +12 -12
  65. package/dist/modern/components/content/mobile.css +7 -7
  66. package/dist/modern/components/footer/Component.desktop.js +1 -1
  67. package/dist/modern/components/footer/Component.js +1 -1
  68. package/dist/modern/components/footer/Component.mobile.js +1 -1
  69. package/dist/modern/components/footer/desktop.css +12 -12
  70. package/dist/modern/components/footer/layout.css +25 -25
  71. package/dist/modern/components/footer/mobile.css +7 -7
  72. package/dist/modern/components/header/Component.desktop.js +1 -1
  73. package/dist/modern/components/header/Component.mobile.js +1 -1
  74. package/dist/modern/components/header/desktop.css +16 -16
  75. package/dist/modern/components/header/mobile.css +11 -11
  76. package/dist/modern/desktop.css +8 -8
  77. package/dist/modern/desktop.js +1 -1
  78. package/dist/modern/index.js +1 -1
  79. package/dist/modern/mobile.css +2 -2
  80. package/dist/modern/mobile.js +1 -1
  81. package/dist/modern/responsive.js +1 -1
  82. package/dist/modern/transitions.css +8 -8
  83. package/dist/modern/transitions.module-7a80e043.js +4 -0
  84. package/dist/responsive.js +2 -2
  85. package/dist/transitions.css +8 -8
  86. package/dist/transitions.module-b1f4dde5.js +6 -0
  87. package/dist/{tslib.es6-810343ad.d.ts → tslib.es6-201c0358.d.ts} +0 -0
  88. package/dist/{tslib.es6-810343ad.js → tslib.es6-201c0358.js} +0 -0
  89. package/package.json +3 -3
  90. package/dist/esm/transitions.module-4c2889a7.js +0 -4
  91. package/dist/modern/transitions.module-4c2889a7.js +0 -4
  92. package/dist/transitions.module-ad7c107c.js +0 -6
@@ -4,7 +4,7 @@ import '@alfalab/core-components-base-modal/dist/modern';
4
4
  import '../../Context.js';
5
5
  import { Footer } from './Component.js';
6
6
 
7
- var styles = {"footer":"modal__footer_1xo4g modal__footer_1tsfb","highlighted":"modal__highlighted_1xo4g modal__highlighted_1tsfb","sticky":"modal__sticky_1xo4g modal__sticky_1tsfb","fullscreen":"modal__fullscreen_1xo4g","s":"modal__s_1xo4g","m":"modal__m_1xo4g","l":"modal__l_1xo4g"};
7
+ var styles = {"footer":"modal__footer_y0dxx modal__footer_1x51a","highlighted":"modal__highlighted_y0dxx modal__highlighted_1x51a","sticky":"modal__sticky_y0dxx modal__sticky_1x51a","fullscreen":"modal__fullscreen_y0dxx","s":"modal__s_y0dxx","m":"modal__m_y0dxx","l":"modal__l_y0dxx"};
8
8
  require('./desktop.css')
9
9
 
10
10
  const FooterDesktop = ({ size, className, fullscreen, ...restProps }) => (React.createElement(Footer, Object.assign({ className: cn(className, size && styles[size], fullscreen && styles.fullscreen), styles: styles }, restProps)));
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/dist/modern';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var layoutStyles = {"column":"modal__column_ur0p9","gap-16":"modal__gap-16_ur0p9","gap-24":"modal__gap-24_ur0p9","gap-32":"modal__gap-32_ur0p9","start":"modal__start_ur0p9","center":"modal__center_ur0p9","space-between":"modal__space-between_ur0p9"};
6
+ var layoutStyles = {"column":"modal__column_1u4e8","gap-16":"modal__gap-16_1u4e8","gap-24":"modal__gap-24_1u4e8","gap-32":"modal__gap-32_1u4e8","start":"modal__start_1u4e8","center":"modal__center_1u4e8","space-between":"modal__space-between_1u4e8"};
7
7
  require('./layout.css')
8
8
 
9
9
  const Footer = ({ children, className, sticky, layout = 'start', gap, styles, }) => {
@@ -4,7 +4,7 @@ import '@alfalab/core-components-base-modal/dist/modern';
4
4
  import '../../Context.js';
5
5
  import { Footer } from './Component.js';
6
6
 
7
- var styles = {"footer":"modal__footer_1328l modal__footer_1tsfb","highlighted":"modal__highlighted_1328l modal__highlighted_1tsfb","sticky":"modal__sticky_1328l modal__sticky_1tsfb"};
7
+ var styles = {"footer":"modal__footer_rkg7d modal__footer_1x51a","highlighted":"modal__highlighted_rkg7d modal__highlighted_1x51a","sticky":"modal__sticky_rkg7d modal__sticky_1x51a"};
8
8
  require('./mobile.css')
9
9
 
10
10
  const FooterMobile = props => React.createElement(Footer, Object.assign({ styles: styles }, props));
@@ -1,4 +1,4 @@
1
- /* hash: 1aobl */
1
+ /* hash: 1ci0m */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -42,16 +42,16 @@
42
42
  /* scroll */
43
43
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
44
44
  --modal-footer-highlight-background: var(--color-light-bg-primary);
45
- }.modal__footer_1tsfb {
45
+ }.modal__footer_1x51a {
46
46
  width: 100%;
47
47
  box-sizing: border-box;
48
48
  transition: box-shadow 0.2s ease, background 0.2s ease;
49
49
  background: var(--modal-header-background);
50
- }.modal__sticky_1tsfb {
50
+ }.modal__sticky_1x51a {
51
51
  background: var(--modal-footer-sticky-background);
52
52
  box-shadow: var(--modal-footer-sticky-box-shadow);
53
53
  position: sticky;
54
- }.modal__highlighted_1tsfb {
54
+ }.modal__highlighted_1x51a {
55
55
  background: var(--modal-footer-highlight-background);
56
56
  box-shadow: var(--modal-footer-highlight-box-shadow);
57
57
  }
@@ -617,27 +617,27 @@
617
617
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
618
618
  --modal-footer-highlight-background: var(--color-light-bg-primary);
619
619
  }
620
- .modal__footer_1xo4g {
620
+ .modal__footer_y0dxx {
621
621
 
622
622
  border-bottom-left-radius: var(--modal-border-radius);
623
623
  border-bottom-right-radius: var(--modal-border-radius);
624
624
  }
625
- .modal__highlighted_1xo4g {
625
+ .modal__highlighted_y0dxx {
626
626
  }
627
- .modal__sticky_1xo4g {
627
+ .modal__sticky_y0dxx {
628
628
 
629
629
  bottom: calc(var(--modal-vertical-padding) * -1);
630
630
  }
631
- .modal__fullscreen_1xo4g {
631
+ .modal__fullscreen_y0dxx {
632
632
  bottom: 0;
633
633
  }
634
- .modal__s_1xo4g {
634
+ .modal__s_y0dxx {
635
635
  padding: var(--modal-s-footer-paddings);
636
636
  }
637
- .modal__m_1xo4g {
637
+ .modal__m_y0dxx {
638
638
  padding: var(--modal-m-footer-paddings);
639
639
  }
640
- .modal__l_1xo4g,
641
- .modal__fullscreen_1xo4g {
640
+ .modal__l_y0dxx,
641
+ .modal__fullscreen_y0dxx {
642
642
  padding: var(--modal-l-footer-paddings);
643
643
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1fbos */
1
+ /* hash: 1h5dt */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_ur0p9 {
28
+ .modal__column_1u4e8 {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_ur0p9 > * {
32
+ .modal__column_1u4e8 > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_ur0p9 > *:last-child,
36
- .modal__column_ur0p9 > *:only-child {
35
+ .modal__column_1u4e8 > *:last-child,
36
+ .modal__column_1u4e8 > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_ur0p9.modal__gap-16_ur0p9 > * {
39
+ .modal__column_1u4e8.modal__gap-16_1u4e8 > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_ur0p9.modal__gap-24_ur0p9 > * {
42
+ .modal__column_1u4e8.modal__gap-24_1u4e8 > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_ur0p9.modal__gap-32_ur0p9 > * {
45
+ .modal__column_1u4e8.modal__gap-32_1u4e8 > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_ur0p9 {
48
+ .modal__start_1u4e8 {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_ur0p9 {
51
+ .modal__center_1u4e8 {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_ur0p9 {
54
+ .modal__space-between_1u4e8 {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_ur0p9 > * {
57
+ .modal__space-between_1u4e8 > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_ur0p9,
61
- .modal__center_ur0p9,
62
- .modal__space-between_ur0p9 {
60
+ .modal__start_1u4e8,
61
+ .modal__center_1u4e8,
62
+ .modal__space-between_1u4e8 {
63
63
  display: flex
64
64
  }
65
- .modal__start_ur0p9 > *, .modal__center_ur0p9 > *, .modal__space-between_ur0p9 > * {
65
+ .modal__start_1u4e8 > *, .modal__center_1u4e8 > *, .modal__space-between_1u4e8 > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_ur0p9 > *:last-child,
69
- .modal__start_ur0p9 > *:only-child,
70
- .modal__center_ur0p9 > *:last-child,
71
- .modal__center_ur0p9 > *:only-child,
72
- .modal__space-between_ur0p9 > *:last-child,
73
- .modal__space-between_ur0p9 > *:only-child {
68
+ .modal__start_1u4e8 > *:last-child,
69
+ .modal__start_1u4e8 > *:only-child,
70
+ .modal__center_1u4e8 > *:last-child,
71
+ .modal__center_1u4e8 > *:only-child,
72
+ .modal__space-between_1u4e8 > *:last-child,
73
+ .modal__space-between_1u4e8 > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_ur0p9.modal__gap-16_ur0p9 > *, .modal__center_ur0p9.modal__gap-16_ur0p9 > *, .modal__space-between_ur0p9.modal__gap-16_ur0p9 > * {
76
+ .modal__start_1u4e8.modal__gap-16_1u4e8 > *, .modal__center_1u4e8.modal__gap-16_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-16_1u4e8 > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_ur0p9.modal__gap-24_ur0p9 > *, .modal__center_ur0p9.modal__gap-24_ur0p9 > *, .modal__space-between_ur0p9.modal__gap-24_ur0p9 > * {
79
+ .modal__start_1u4e8.modal__gap-24_1u4e8 > *, .modal__center_1u4e8.modal__gap-24_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-24_1u4e8 > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_ur0p9.modal__gap-32_ur0p9 > *, .modal__center_ur0p9.modal__gap-32_ur0p9 > *, .modal__space-between_ur0p9.modal__gap-32_ur0p9 > * {
82
+ .modal__start_1u4e8.modal__gap-32_1u4e8 > *, .modal__center_1u4e8.modal__gap-32_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-32_1u4e8 > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: d1gp4 */
1
+ /* hash: 12amp */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -34,16 +34,16 @@
34
34
  /* scroll */
35
35
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
36
36
  --modal-footer-highlight-background: var(--color-light-bg-primary);
37
- }.modal__footer_1tsfb {
37
+ }.modal__footer_1x51a {
38
38
  width: 100%;
39
39
  box-sizing: border-box;
40
40
  transition: box-shadow 0.2s ease, background 0.2s ease;
41
41
  background: var(--modal-header-background);
42
- }.modal__sticky_1tsfb {
42
+ }.modal__sticky_1x51a {
43
43
  background: var(--modal-footer-sticky-background);
44
44
  box-shadow: var(--modal-footer-sticky-box-shadow);
45
45
  position: sticky;
46
- }.modal__highlighted_1tsfb {
46
+ }.modal__highlighted_1x51a {
47
47
  background: var(--modal-footer-highlight-background);
48
48
  box-shadow: var(--modal-footer-highlight-box-shadow);
49
49
  }
@@ -609,13 +609,13 @@
609
609
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
610
610
  --modal-footer-highlight-background: var(--color-light-bg-primary);
611
611
  }
612
- .modal__footer_1328l {
612
+ .modal__footer_rkg7d {
613
613
 
614
614
  padding: var(--gap-xl) var(--gap-m);
615
615
  }
616
- .modal__highlighted_1328l {
616
+ .modal__highlighted_rkg7d {
617
617
  }
618
- .modal__sticky_1328l {
618
+ .modal__sticky_rkg7d {
619
619
 
620
620
  bottom: 0;
621
621
  }
@@ -6,7 +6,7 @@ import '@alfalab/core-components-button/dist/modern';
6
6
  import '../closer/Component.js';
7
7
  import { Header } from './Component.js';
8
8
 
9
- var styles = {"header":"modal__header_ma0zj modal__header_xwdld","s":"modal__s_ma0zj","m":"modal__m_ma0zj","l":"modal__l_ma0zj","fullscreen":"modal__fullscreen_ma0zj","sticky":"modal__sticky_ma0zj modal__sticky_xwdld","highlighted":"modal__highlighted_ma0zj modal__highlighted_xwdld","content":"modal__content_ma0zj modal__content_xwdld","title":"modal__title_ma0zj modal__title_xwdld"};
9
+ var styles = {"header":"modal__header_1lnej modal__header_118zk","s":"modal__s_1lnej","m":"modal__m_1lnej","l":"modal__l_1lnej","fullscreen":"modal__fullscreen_1lnej","sticky":"modal__sticky_1lnej modal__sticky_118zk","highlighted":"modal__highlighted_1lnej modal__highlighted_118zk","content":"modal__content_1lnej modal__content_118zk","title":"modal__title_1lnej modal__title_118zk"};
10
10
  require('./desktop.css')
11
11
 
12
12
  const HeaderDesktop = ({ size, className, fullscreen, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, size && styles[size], fullscreen && styles.fullscreen), styles: styles }, restProps)));
@@ -6,7 +6,7 @@ import '@alfalab/core-components-button/dist/modern';
6
6
  import '../closer/Component.js';
7
7
  import { Header } from './Component.js';
8
8
 
9
- var styles = {"header":"modal__header_1kj5l modal__header_xwdld","sticky":"modal__sticky_1kj5l modal__sticky_xwdld","highlighted":"modal__highlighted_1kj5l modal__highlighted_xwdld","content":"modal__content_1kj5l modal__content_xwdld","title":"modal__title_1kj5l modal__title_xwdld"};
9
+ var styles = {"header":"modal__header_191d7 modal__header_118zk","sticky":"modal__sticky_191d7 modal__sticky_118zk","highlighted":"modal__highlighted_191d7 modal__highlighted_118zk","content":"modal__content_191d7 modal__content_118zk","title":"modal__title_191d7 modal__title_118zk"};
10
10
  require('./mobile.css')
11
11
 
12
12
  const HeaderMobile = props => React.createElement(Header, Object.assign({ styles: styles }, props));
@@ -1,4 +1,4 @@
1
- /* hash: 4htsl */
1
+ /* hash: 1m0tj */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -45,7 +45,7 @@
45
45
  /* scroll */
46
46
  --modal-header-highlight-box-shadow: var(--shadow-s);
47
47
  --modal-header-highlight-background: var(--color-light-bg-primary);
48
- }.modal__header_xwdld {
48
+ }.modal__header_118zk {
49
49
  width: 100%;
50
50
  box-sizing: border-box;
51
51
  display: flex;
@@ -53,12 +53,12 @@
53
53
  justify-content: flex-end;
54
54
  transition: box-shadow 0.2s ease, background 0.2s ease;
55
55
  background: var(--modal-header-background);
56
- }.modal__highlighted_xwdld {
56
+ }.modal__highlighted_118zk {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_xwdld {
59
+ }.modal__sticky_118zk {
60
60
  position: sticky;
61
- }.modal__content_xwdld {
61
+ }.modal__content_118zk {
62
62
  font-size: 24px;
63
63
  line-height: 32px;
64
64
  font-weight: 500;
@@ -66,7 +66,7 @@
66
66
  font-family: var(--font-family-styrene);
67
67
  flex-grow: 1;
68
68
  margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
69
- }.modal__title_xwdld {
69
+ }.modal__title_118zk {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -631,33 +631,33 @@
631
631
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
632
632
  --modal-footer-highlight-background: var(--color-light-bg-primary);
633
633
  }
634
- .modal__header_ma0zj {
634
+ .modal__header_1lnej {
635
635
 
636
636
  min-height: var(--modal-header-min-height);
637
637
  border-top-left-radius: var(--modal-border-radius);
638
638
  border-top-right-radius: var(--modal-border-radius);
639
639
  }
640
- .modal__s_ma0zj {
640
+ .modal__s_1lnej {
641
641
  padding: var(--modal-s-header-paddings);
642
642
  }
643
- .modal__m_ma0zj {
643
+ .modal__m_1lnej {
644
644
  padding: var(--modal-m-header-paddings);
645
645
  }
646
- .modal__l_ma0zj,
647
- .modal__fullscreen_ma0zj {
646
+ .modal__l_1lnej,
647
+ .modal__fullscreen_1lnej {
648
648
  min-height: var(--modal-header-l-min-height);
649
649
  padding: var(--modal-l-header-paddings);
650
650
  }
651
- .modal__sticky_ma0zj {
651
+ .modal__sticky_1lnej {
652
652
 
653
653
  top: calc(var(--modal-vertical-padding) * -1);
654
654
  }
655
- .modal__fullscreen_ma0zj {
655
+ .modal__fullscreen_1lnej {
656
656
  top: 0;
657
657
  }
658
- .modal__highlighted_ma0zj {
658
+ .modal__highlighted_1lnej {
659
659
  }
660
- .modal__content_ma0zj {
660
+ .modal__content_1lnej {
661
661
  }
662
- .modal__title_ma0zj {
662
+ .modal__title_1lnej {
663
663
  }
@@ -1,4 +1,4 @@
1
- /* hash: v8oes */
1
+ /* hash: 1khuf */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -35,7 +35,7 @@
35
35
  /* scroll */
36
36
  --modal-header-highlight-box-shadow: var(--shadow-s);
37
37
  --modal-header-highlight-background: var(--color-light-bg-primary);
38
- }.modal__header_xwdld {
38
+ }.modal__header_118zk {
39
39
  width: 100%;
40
40
  box-sizing: border-box;
41
41
  display: flex;
@@ -43,12 +43,12 @@
43
43
  justify-content: flex-end;
44
44
  transition: box-shadow 0.2s ease, background 0.2s ease;
45
45
  background: var(--modal-header-background);
46
- }.modal__highlighted_xwdld {
46
+ }.modal__highlighted_118zk {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_xwdld {
49
+ }.modal__sticky_118zk {
50
50
  position: sticky;
51
- }.modal__content_xwdld {
51
+ }.modal__content_118zk {
52
52
  font-size: 24px;
53
53
  line-height: 32px;
54
54
  font-weight: 500;
@@ -56,7 +56,7 @@
56
56
  font-family: var(--font-family-styrene);
57
57
  flex-grow: 1;
58
58
  margin: var(--gap-xs) var(--gap-m) var(--gap-xs) 0;
59
- }.modal__title_xwdld {
59
+ }.modal__title_118zk {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -621,7 +621,7 @@
621
621
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
622
622
  --modal-footer-highlight-background: var(--color-light-bg-primary);
623
623
  }
624
- .modal__header_1kj5l {
624
+ .modal__header_191d7 {
625
625
 
626
626
  text-align: center;
627
627
  flex-direction: row-reverse;
@@ -629,13 +629,13 @@
629
629
  padding-right: var(--gap-4xl);
630
630
  padding-left: 0;
631
631
  }
632
- .modal__sticky_1kj5l {
632
+ .modal__sticky_191d7 {
633
633
 
634
634
  top: 0;
635
635
  }
636
- .modal__highlighted_1kj5l {
636
+ .modal__highlighted_191d7 {
637
637
  }
638
- .modal__content_1kj5l {
638
+ .modal__content_191d7 {
639
639
  }
640
- .modal__title_1kj5l {
640
+ .modal__title_191d7 {
641
641
  }
@@ -1,4 +1,4 @@
1
- /* hash: lio9c */
1
+ /* hash: 1vama */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_1fi84 {
33
+ .modal__wrapper_nzo1c {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_1fi84 {
37
+ .modal__component_nzo1c {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_1fi84 {
42
+ .modal__fullscreen_nzo1c {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_1fi84 .modal__component_1fi84 {
46
+ .modal__fullscreen_nzo1c .modal__component_nzo1c {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_1fi84 {
50
+ .modal__s_nzo1c {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_1fi84 {
53
+ .modal__m_nzo1c {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_1fi84 {
56
+ .modal__l_nzo1c {
57
57
  width: var(--modal-l-width);
58
58
  }
@@ -12,4 +12,4 @@ import './components/content/Component.desktop.js';
12
12
  import './components/footer/Component.js';
13
13
  import './components/footer/Component.desktop.js';
14
14
  export { ModalDesktop } from './Component.desktop.js';
15
- import './transitions.module-4c2889a7.js';
15
+ import './transitions.module-7a80e043.js';
@@ -12,7 +12,7 @@ import './components/content/Component.desktop.js';
12
12
  import './components/footer/Component.js';
13
13
  import './components/footer/Component.desktop.js';
14
14
  import './Component.desktop.js';
15
- import './transitions.module-4c2889a7.js';
15
+ import './transitions.module-7a80e043.js';
16
16
  import '@alfalab/hooks';
17
17
  import './components/header/Component.mobile.js';
18
18
  import './components/content/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- /* hash: 6ql44 */
1
+ /* hash: 1i23f */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_124vn {
22
+ .modal__component_ys9oh {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
@@ -7,7 +7,7 @@ import './components/closer/Component.js';
7
7
  import './components/header/Component.js';
8
8
  import './components/content/Component.js';
9
9
  import './components/footer/Component.js';
10
- import './transitions.module-4c2889a7.js';
10
+ import './transitions.module-7a80e043.js';
11
11
  import '@alfalab/hooks';
12
12
  import './components/header/Component.mobile.js';
13
13
  import './components/content/Component.mobile.js';
@@ -12,7 +12,7 @@ import './components/content/Component.desktop.js';
12
12
  import './components/footer/Component.js';
13
13
  import './components/footer/Component.desktop.js';
14
14
  import './Component.desktop.js';
15
- import './transitions.module-4c2889a7.js';
15
+ import './transitions.module-7a80e043.js';
16
16
  import '@alfalab/hooks';
17
17
  import './components/header/Component.mobile.js';
18
18
  import './components/content/Component.mobile.js';
@@ -1,24 +1,24 @@
1
- /* hash: 8ahnp */
2
- .modal__appear_bov38,
3
- .modal__enter_bov38 {
1
+ /* hash: 1jlzy */
2
+ .modal__appear_1bcll,
3
+ .modal__enter_1bcll {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_bov38,
9
- .modal__enterActive_bov38 {
8
+ .modal__appearActive_1bcll,
9
+ .modal__enterActive_1bcll {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_bov38 {
15
+ .modal__exit_1bcll {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_bov38,
21
- .modal__exitDone_bov38 {
20
+ .modal__exitActive_1bcll,
21
+ .modal__exitDone_1bcll {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -0,0 +1,4 @@
1
+ var transitions = {"appear":"modal__appear_1bcll","enter":"modal__enter_1bcll","appearActive":"modal__appearActive_1bcll","enterActive":"modal__enterActive_1bcll","exit":"modal__exit_1bcll","exitActive":"modal__exitActive_1bcll","exitDone":"modal__exitDone_1bcll"};
2
+ require('./transitions.css')
3
+
4
+ export { transitions as t };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-810343ad.js');
5
+ require('./tslib.es6-201c0358.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -17,7 +17,7 @@ require('./components/content/Component.desktop.js');
17
17
  require('./components/footer/Component.js');
18
18
  require('./components/footer/Component.desktop.js');
19
19
  require('./Component.desktop.js');
20
- require('./transitions.module-ad7c107c.js');
20
+ require('./transitions.module-b1f4dde5.js');
21
21
  require('@alfalab/hooks');
22
22
  require('./components/header/Component.mobile.js');
23
23
  require('./components/content/Component.mobile.js');
@@ -1,24 +1,24 @@
1
- /* hash: 8ahnp */
2
- .modal__appear_bov38,
3
- .modal__enter_bov38 {
1
+ /* hash: 1jlzy */
2
+ .modal__appear_1bcll,
3
+ .modal__enter_1bcll {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_bov38,
9
- .modal__enterActive_bov38 {
8
+ .modal__appearActive_1bcll,
9
+ .modal__enterActive_1bcll {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_bov38 {
15
+ .modal__exit_1bcll {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_bov38,
21
- .modal__exitDone_bov38 {
20
+ .modal__exitActive_1bcll,
21
+ .modal__exitDone_1bcll {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var transitions = {"appear":"modal__appear_1bcll","enter":"modal__enter_1bcll","appearActive":"modal__appearActive_1bcll","enterActive":"modal__enterActive_1bcll","exit":"modal__exit_1bcll","exitActive":"modal__exitActive_1bcll","exitDone":"modal__exitDone_1bcll"};
4
+ require('./transitions.css')
5
+
6
+ exports.transitions = transitions;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-modal",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@alfalab/core-components-base-modal": "^3.0.2",
19
- "@alfalab/core-components-button": "^5.0.2",
19
+ "@alfalab/core-components-button": "^5.0.3",
20
20
  "@alfalab/core-components-mq": "1.0.0",
21
21
  "classnames": "^2.2.6",
22
22
  "react-transition-group": "^4.3.0"
@@ -27,5 +27,5 @@
27
27
  "peerDependencies": {
28
28
  "react": "^16.9.0 || ^17.0.1"
29
29
  },
30
- "gitHead": "d4a8810ad1d1c3a94bdc680b2e6f5875102ceff7"
30
+ "gitHead": "94999e533968aa575e92106dffa8bbbb8e7ac71d"
31
31
  }
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_bov38","enter":"modal__enter_bov38","appearActive":"modal__appearActive_bov38","enterActive":"modal__enterActive_bov38","exit":"modal__exit_bov38","exitActive":"modal__exitActive_bov38","exitDone":"modal__exitDone_bov38"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_bov38","enter":"modal__enter_bov38","appearActive":"modal__appearActive_bov38","enterActive":"modal__enterActive_bov38","exit":"modal__exit_bov38","exitActive":"modal__exitActive_bov38","exitDone":"modal__exitDone_bov38"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var transitions = {"appear":"modal__appear_bov38","enter":"modal__enter_bov38","appearActive":"modal__appearActive_bov38","enterActive":"modal__enterActive_bov38","exit":"modal__exit_bov38","exitActive":"modal__exitActive_bov38","exitDone":"modal__exitDone_bov38"};
4
- require('./transitions.css')
5
-
6
- exports.transitions = transitions;