@alfalab/core-components-modal 4.0.5 → 4.0.6

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 (93) 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.d.ts +3 -3
  5. package/dist/Component.responsive.js +2 -2
  6. package/dist/components/closer/Component.js +2 -2
  7. package/dist/components/closer/index.css +8 -8
  8. package/dist/components/content/Component.desktop.js +2 -2
  9. package/dist/components/content/Component.mobile.js +2 -2
  10. package/dist/components/content/desktop.css +12 -12
  11. package/dist/components/content/mobile.css +7 -7
  12. package/dist/components/footer/Component.desktop.js +2 -2
  13. package/dist/components/footer/Component.js +1 -1
  14. package/dist/components/footer/Component.mobile.js +2 -2
  15. package/dist/components/footer/desktop.css +12 -12
  16. package/dist/components/footer/layout.css +25 -25
  17. package/dist/components/footer/mobile.css +7 -7
  18. package/dist/components/header/Component.desktop.js +2 -2
  19. package/dist/components/header/Component.js +1 -1
  20. package/dist/components/header/Component.mobile.js +2 -2
  21. package/dist/components/header/desktop.css +16 -16
  22. package/dist/components/header/mobile.css +11 -11
  23. package/dist/desktop.css +8 -8
  24. package/dist/desktop.js +2 -2
  25. package/dist/esm/Component.desktop.js +3 -3
  26. package/dist/esm/Component.mobile.js +3 -3
  27. package/dist/esm/Component.responsive.js +2 -2
  28. package/dist/esm/components/closer/Component.js +2 -2
  29. package/dist/esm/components/closer/index.css +8 -8
  30. package/dist/esm/components/content/Component.desktop.js +2 -2
  31. package/dist/esm/components/content/Component.mobile.js +2 -2
  32. package/dist/esm/components/content/desktop.css +12 -12
  33. package/dist/esm/components/content/mobile.css +7 -7
  34. package/dist/esm/components/footer/Component.desktop.js +2 -2
  35. package/dist/esm/components/footer/Component.js +1 -1
  36. package/dist/esm/components/footer/Component.mobile.js +2 -2
  37. package/dist/esm/components/footer/desktop.css +12 -12
  38. package/dist/esm/components/footer/layout.css +25 -25
  39. package/dist/esm/components/footer/mobile.css +7 -7
  40. package/dist/esm/components/header/Component.desktop.js +2 -2
  41. package/dist/esm/components/header/Component.js +1 -1
  42. package/dist/esm/components/header/Component.mobile.js +2 -2
  43. package/dist/esm/components/header/desktop.css +16 -16
  44. package/dist/esm/components/header/mobile.css +11 -11
  45. package/dist/esm/desktop.css +8 -8
  46. package/dist/esm/desktop.js +2 -2
  47. package/dist/esm/index.js +2 -2
  48. package/dist/esm/mobile.css +2 -2
  49. package/dist/esm/mobile.js +2 -2
  50. package/dist/esm/responsive.js +2 -2
  51. package/dist/esm/transitions.css +8 -8
  52. package/dist/esm/transitions.module-57d58ab1.js +4 -0
  53. package/dist/esm/{tslib.es6-44154213.d.ts → tslib.es6-980e4c5b.d.ts} +0 -0
  54. package/dist/esm/{tslib.es6-44154213.js → tslib.es6-980e4c5b.js} +0 -0
  55. package/dist/index.js +2 -2
  56. package/dist/mobile.css +2 -2
  57. package/dist/mobile.js +2 -2
  58. package/dist/modern/Component.desktop.js +2 -2
  59. package/dist/modern/Component.mobile.js +2 -2
  60. package/dist/modern/Component.responsive.js +1 -1
  61. package/dist/modern/components/closer/Component.js +1 -1
  62. package/dist/modern/components/closer/index.css +8 -8
  63. package/dist/modern/components/content/Component.desktop.js +1 -1
  64. package/dist/modern/components/content/Component.mobile.js +1 -1
  65. package/dist/modern/components/content/desktop.css +12 -12
  66. package/dist/modern/components/content/mobile.css +7 -7
  67. package/dist/modern/components/footer/Component.desktop.js +1 -1
  68. package/dist/modern/components/footer/Component.js +1 -1
  69. package/dist/modern/components/footer/Component.mobile.js +1 -1
  70. package/dist/modern/components/footer/desktop.css +12 -12
  71. package/dist/modern/components/footer/layout.css +25 -25
  72. package/dist/modern/components/footer/mobile.css +7 -7
  73. package/dist/modern/components/header/Component.desktop.js +1 -1
  74. package/dist/modern/components/header/Component.mobile.js +1 -1
  75. package/dist/modern/components/header/desktop.css +16 -16
  76. package/dist/modern/components/header/mobile.css +11 -11
  77. package/dist/modern/desktop.css +8 -8
  78. package/dist/modern/desktop.js +1 -1
  79. package/dist/modern/index.js +1 -1
  80. package/dist/modern/mobile.css +2 -2
  81. package/dist/modern/mobile.js +1 -1
  82. package/dist/modern/responsive.js +1 -1
  83. package/dist/modern/transitions.css +8 -8
  84. package/dist/modern/transitions.module-57d58ab1.js +4 -0
  85. package/dist/responsive.js +2 -2
  86. package/dist/transitions.css +8 -8
  87. package/dist/transitions.module-c3a97687.js +6 -0
  88. package/dist/{tslib.es6-33bab17e.d.ts → tslib.es6-4580f410.d.ts} +0 -0
  89. package/dist/{tslib.es6-33bab17e.js → tslib.es6-4580f410.js} +0 -0
  90. package/package.json +3 -3
  91. package/dist/esm/transitions.module-027dd21d.js +0 -4
  92. package/dist/modern/transitions.module-027dd21d.js +0 -4
  93. package/dist/transitions.module-ac51ff87.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_1izrd modal__footer_mi4zw","highlighted":"modal__highlighted_1izrd modal__highlighted_mi4zw","sticky":"modal__sticky_1izrd modal__sticky_mi4zw","fullscreen":"modal__fullscreen_1izrd","s":"modal__s_1izrd","m":"modal__m_1izrd","l":"modal__l_1izrd"};
7
+ var styles = {"footer":"modal__footer_vue3z modal__footer_1ydvs","highlighted":"modal__highlighted_vue3z modal__highlighted_1ydvs","sticky":"modal__sticky_vue3z modal__sticky_1ydvs","fullscreen":"modal__fullscreen_vue3z","s":"modal__s_vue3z","m":"modal__m_vue3z","l":"modal__l_vue3z"};
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_ppltf","gap-16":"modal__gap-16_ppltf","gap-24":"modal__gap-24_ppltf","gap-32":"modal__gap-32_ppltf","start":"modal__start_ppltf","center":"modal__center_ppltf","space-between":"modal__space-between_ppltf"};
6
+ var layoutStyles = {"column":"modal__column_2k8js","gap-16":"modal__gap-16_2k8js","gap-24":"modal__gap-24_2k8js","gap-32":"modal__gap-32_2k8js","start":"modal__start_2k8js","center":"modal__center_2k8js","space-between":"modal__space-between_2k8js"};
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_1s6ab modal__footer_mi4zw","highlighted":"modal__highlighted_1s6ab modal__highlighted_mi4zw","sticky":"modal__sticky_1s6ab modal__sticky_mi4zw"};
7
+ var styles = {"footer":"modal__footer_1sge0 modal__footer_1ydvs","highlighted":"modal__highlighted_1sge0 modal__highlighted_1ydvs","sticky":"modal__sticky_1sge0 modal__sticky_1ydvs"};
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: fxlfm */
1
+ /* hash: hrah7 */
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_mi4zw {
45
+ }.modal__footer_1ydvs {
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_mi4zw {
50
+ }.modal__sticky_1ydvs {
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_mi4zw {
54
+ }.modal__highlighted_1ydvs {
55
55
  background: var(--modal-footer-highlight-background);
56
56
  box-shadow: var(--modal-footer-highlight-box-shadow);
57
57
  }
@@ -610,27 +610,27 @@
610
610
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
611
611
  --modal-footer-highlight-background: var(--color-light-bg-primary);
612
612
  }
613
- .modal__footer_1izrd {
613
+ .modal__footer_vue3z {
614
614
 
615
615
  border-bottom-left-radius: var(--modal-border-radius);
616
616
  border-bottom-right-radius: var(--modal-border-radius);
617
617
  }
618
- .modal__highlighted_1izrd {
618
+ .modal__highlighted_vue3z {
619
619
  }
620
- .modal__sticky_1izrd {
620
+ .modal__sticky_vue3z {
621
621
 
622
622
  bottom: calc(var(--modal-vertical-padding) * -1);
623
623
  }
624
- .modal__fullscreen_1izrd {
624
+ .modal__fullscreen_vue3z {
625
625
  bottom: 0;
626
626
  }
627
- .modal__s_1izrd {
627
+ .modal__s_vue3z {
628
628
  padding: var(--modal-s-footer-paddings);
629
629
  }
630
- .modal__m_1izrd {
630
+ .modal__m_vue3z {
631
631
  padding: var(--modal-m-footer-paddings);
632
632
  }
633
- .modal__l_1izrd,
634
- .modal__fullscreen_1izrd {
633
+ .modal__l_vue3z,
634
+ .modal__fullscreen_vue3z {
635
635
  padding: var(--modal-l-footer-paddings);
636
636
  }
@@ -1,4 +1,4 @@
1
- /* hash: kkymr */
1
+ /* hash: menod */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_ppltf {
28
+ .modal__column_2k8js {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_ppltf > * {
32
+ .modal__column_2k8js > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_ppltf > *:last-child,
36
- .modal__column_ppltf > *:only-child {
35
+ .modal__column_2k8js > *:last-child,
36
+ .modal__column_2k8js > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_ppltf.modal__gap-16_ppltf > * {
39
+ .modal__column_2k8js.modal__gap-16_2k8js > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_ppltf.modal__gap-24_ppltf > * {
42
+ .modal__column_2k8js.modal__gap-24_2k8js > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_ppltf.modal__gap-32_ppltf > * {
45
+ .modal__column_2k8js.modal__gap-32_2k8js > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_ppltf {
48
+ .modal__start_2k8js {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_ppltf {
51
+ .modal__center_2k8js {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_ppltf {
54
+ .modal__space-between_2k8js {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_ppltf > * {
57
+ .modal__space-between_2k8js > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_ppltf,
61
- .modal__center_ppltf,
62
- .modal__space-between_ppltf {
60
+ .modal__start_2k8js,
61
+ .modal__center_2k8js,
62
+ .modal__space-between_2k8js {
63
63
  display: flex
64
64
  }
65
- .modal__start_ppltf > *, .modal__center_ppltf > *, .modal__space-between_ppltf > * {
65
+ .modal__start_2k8js > *, .modal__center_2k8js > *, .modal__space-between_2k8js > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_ppltf > *:last-child,
69
- .modal__start_ppltf > *:only-child,
70
- .modal__center_ppltf > *:last-child,
71
- .modal__center_ppltf > *:only-child,
72
- .modal__space-between_ppltf > *:last-child,
73
- .modal__space-between_ppltf > *:only-child {
68
+ .modal__start_2k8js > *:last-child,
69
+ .modal__start_2k8js > *:only-child,
70
+ .modal__center_2k8js > *:last-child,
71
+ .modal__center_2k8js > *:only-child,
72
+ .modal__space-between_2k8js > *:last-child,
73
+ .modal__space-between_2k8js > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_ppltf.modal__gap-16_ppltf > *, .modal__center_ppltf.modal__gap-16_ppltf > *, .modal__space-between_ppltf.modal__gap-16_ppltf > * {
76
+ .modal__start_2k8js.modal__gap-16_2k8js > *, .modal__center_2k8js.modal__gap-16_2k8js > *, .modal__space-between_2k8js.modal__gap-16_2k8js > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_ppltf.modal__gap-24_ppltf > *, .modal__center_ppltf.modal__gap-24_ppltf > *, .modal__space-between_ppltf.modal__gap-24_ppltf > * {
79
+ .modal__start_2k8js.modal__gap-24_2k8js > *, .modal__center_2k8js.modal__gap-24_2k8js > *, .modal__space-between_2k8js.modal__gap-24_2k8js > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_ppltf.modal__gap-32_ppltf > *, .modal__center_ppltf.modal__gap-32_ppltf > *, .modal__space-between_ppltf.modal__gap-32_ppltf > * {
82
+ .modal__start_2k8js.modal__gap-32_2k8js > *, .modal__center_2k8js.modal__gap-32_2k8js > *, .modal__space-between_2k8js.modal__gap-32_2k8js > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1hbul */
1
+ /* hash: 7jwkd */
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_mi4zw {
37
+ }.modal__footer_1ydvs {
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_mi4zw {
42
+ }.modal__sticky_1ydvs {
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_mi4zw {
46
+ }.modal__highlighted_1ydvs {
47
47
  background: var(--modal-footer-highlight-background);
48
48
  box-shadow: var(--modal-footer-highlight-box-shadow);
49
49
  }
@@ -602,13 +602,13 @@
602
602
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
603
603
  --modal-footer-highlight-background: var(--color-light-bg-primary);
604
604
  }
605
- .modal__footer_1s6ab {
605
+ .modal__footer_1sge0 {
606
606
 
607
607
  padding: var(--gap-xl) var(--gap-m);
608
608
  }
609
- .modal__highlighted_1s6ab {
609
+ .modal__highlighted_1sge0 {
610
610
  }
611
- .modal__sticky_1s6ab {
611
+ .modal__sticky_1sge0 {
612
612
 
613
613
  bottom: 0;
614
614
  }
@@ -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_8tzjx modal__header_11nnx","s":"modal__s_8tzjx","m":"modal__m_8tzjx","l":"modal__l_8tzjx","fullscreen":"modal__fullscreen_8tzjx","sticky":"modal__sticky_8tzjx modal__sticky_11nnx","highlighted":"modal__highlighted_8tzjx modal__highlighted_11nnx","content":"modal__content_8tzjx modal__content_11nnx","title":"modal__title_8tzjx modal__title_11nnx"};
9
+ var styles = {"header":"modal__header_11dwz modal__header_1u7ld","s":"modal__s_11dwz","m":"modal__m_11dwz","l":"modal__l_11dwz","fullscreen":"modal__fullscreen_11dwz","sticky":"modal__sticky_11dwz modal__sticky_1u7ld","highlighted":"modal__highlighted_11dwz modal__highlighted_1u7ld","content":"modal__content_11dwz modal__content_1u7ld","title":"modal__title_11dwz modal__title_1u7ld"};
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_1hrz0 modal__header_11nnx","sticky":"modal__sticky_1hrz0 modal__sticky_11nnx","highlighted":"modal__highlighted_1hrz0 modal__highlighted_11nnx","content":"modal__content_1hrz0 modal__content_11nnx","title":"modal__title_1hrz0 modal__title_11nnx"};
9
+ var styles = {"header":"modal__header_1i22q modal__header_1u7ld","sticky":"modal__sticky_1i22q modal__sticky_1u7ld","highlighted":"modal__highlighted_1i22q modal__highlighted_1u7ld","content":"modal__content_1i22q modal__content_1u7ld","title":"modal__title_1i22q modal__title_1u7ld"};
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: 18s7p */
1
+ /* hash: ra3do */
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_11nnx {
48
+ }.modal__header_1u7ld {
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_11nnx {
56
+ }.modal__highlighted_1u7ld {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_11nnx {
59
+ }.modal__sticky_1u7ld {
60
60
  position: sticky;
61
- }.modal__content_11nnx {
61
+ }.modal__content_1u7ld {
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_11nnx {
69
+ }.modal__title_1u7ld {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -624,33 +624,33 @@
624
624
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
625
625
  --modal-footer-highlight-background: var(--color-light-bg-primary);
626
626
  }
627
- .modal__header_8tzjx {
627
+ .modal__header_11dwz {
628
628
 
629
629
  min-height: var(--modal-header-min-height);
630
630
  border-top-left-radius: var(--modal-border-radius);
631
631
  border-top-right-radius: var(--modal-border-radius);
632
632
  }
633
- .modal__s_8tzjx {
633
+ .modal__s_11dwz {
634
634
  padding: var(--modal-s-header-paddings);
635
635
  }
636
- .modal__m_8tzjx {
636
+ .modal__m_11dwz {
637
637
  padding: var(--modal-m-header-paddings);
638
638
  }
639
- .modal__l_8tzjx,
640
- .modal__fullscreen_8tzjx {
639
+ .modal__l_11dwz,
640
+ .modal__fullscreen_11dwz {
641
641
  min-height: var(--modal-header-l-min-height);
642
642
  padding: var(--modal-l-header-paddings);
643
643
  }
644
- .modal__sticky_8tzjx {
644
+ .modal__sticky_11dwz {
645
645
 
646
646
  top: calc(var(--modal-vertical-padding) * -1);
647
647
  }
648
- .modal__fullscreen_8tzjx {
648
+ .modal__fullscreen_11dwz {
649
649
  top: 0;
650
650
  }
651
- .modal__highlighted_8tzjx {
651
+ .modal__highlighted_11dwz {
652
652
  }
653
- .modal__content_8tzjx {
653
+ .modal__content_11dwz {
654
654
  }
655
- .modal__title_8tzjx {
655
+ .modal__title_11dwz {
656
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: hy99g */
1
+ /* hash: pr4a1 */
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_11nnx {
38
+ }.modal__header_1u7ld {
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_11nnx {
46
+ }.modal__highlighted_1u7ld {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_11nnx {
49
+ }.modal__sticky_1u7ld {
50
50
  position: sticky;
51
- }.modal__content_11nnx {
51
+ }.modal__content_1u7ld {
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_11nnx {
59
+ }.modal__title_1u7ld {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -614,7 +614,7 @@
614
614
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
615
615
  --modal-footer-highlight-background: var(--color-light-bg-primary);
616
616
  }
617
- .modal__header_1hrz0 {
617
+ .modal__header_1i22q {
618
618
 
619
619
  text-align: center;
620
620
  flex-direction: row-reverse;
@@ -622,13 +622,13 @@
622
622
  padding-right: var(--gap-4xl);
623
623
  padding-left: 0;
624
624
  }
625
- .modal__sticky_1hrz0 {
625
+ .modal__sticky_1i22q {
626
626
 
627
627
  top: 0;
628
628
  }
629
- .modal__highlighted_1hrz0 {
629
+ .modal__highlighted_1i22q {
630
630
  }
631
- .modal__content_1hrz0 {
631
+ .modal__content_1i22q {
632
632
  }
633
- .modal__title_1hrz0 {
633
+ .modal__title_1i22q {
634
634
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1pt25 */
1
+ /* hash: 10jw5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_118yl {
33
+ .modal__wrapper_10yuv {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_118yl {
37
+ .modal__component_10yuv {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_118yl {
42
+ .modal__fullscreen_10yuv {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_118yl .modal__component_118yl {
46
+ .modal__fullscreen_10yuv .modal__component_10yuv {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_118yl {
50
+ .modal__s_10yuv {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_118yl {
53
+ .modal__m_10yuv {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_118yl {
56
+ .modal__l_10yuv {
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-027dd21d.js';
15
+ import './transitions.module-57d58ab1.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-027dd21d.js';
15
+ import './transitions.module-57d58ab1.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: 1b0z0 */
1
+ /* hash: nbd9h */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_89hle {
22
+ .modal__component_9iy5l {
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-027dd21d.js';
10
+ import './transitions.module-57d58ab1.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-027dd21d.js';
15
+ import './transitions.module-57d58ab1.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: 1317t */
2
- .modal__appear_1vgvn,
3
- .modal__enter_1vgvn {
1
+ /* hash: fbm25 */
2
+ .modal__appear_1wqc8,
3
+ .modal__enter_1wqc8 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1vgvn,
9
- .modal__enterActive_1vgvn {
8
+ .modal__appearActive_1wqc8,
9
+ .modal__enterActive_1wqc8 {
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_1vgvn {
15
+ .modal__exit_1wqc8 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1vgvn,
21
- .modal__exitDone_1vgvn {
20
+ .modal__exitActive_1wqc8,
21
+ .modal__exitDone_1wqc8 {
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_1wqc8","enter":"modal__enter_1wqc8","appearActive":"modal__appearActive_1wqc8","enterActive":"modal__enterActive_1wqc8","exit":"modal__exit_1wqc8","exitActive":"modal__exitActive_1wqc8","exitDone":"modal__exitDone_1wqc8"};
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-33bab17e.js');
5
+ require('./tslib.es6-4580f410.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-ac51ff87.js');
20
+ require('./transitions.module-c3a97687.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: 1317t */
2
- .modal__appear_1vgvn,
3
- .modal__enter_1vgvn {
1
+ /* hash: fbm25 */
2
+ .modal__appear_1wqc8,
3
+ .modal__enter_1wqc8 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1vgvn,
9
- .modal__enterActive_1vgvn {
8
+ .modal__appearActive_1wqc8,
9
+ .modal__enterActive_1wqc8 {
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_1vgvn {
15
+ .modal__exit_1wqc8 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1vgvn,
21
- .modal__exitDone_1vgvn {
20
+ .modal__exitActive_1wqc8,
21
+ .modal__exitDone_1wqc8 {
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_1wqc8","enter":"modal__enter_1wqc8","appearActive":"modal__appearActive_1wqc8","enterActive":"modal__enterActive_1wqc8","exit":"modal__exit_1wqc8","exitActive":"modal__exitActive_1wqc8","exitDone":"modal__exitDone_1wqc8"};
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.5",
3
+ "version": "4.0.6",
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.1.0",
19
- "@alfalab/core-components-button": "^5.0.5",
19
+ "@alfalab/core-components-button": "^5.1.0",
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": "48cb31b47c9ac5d7ff92314684699edb9d6d68f0"
30
+ "gitHead": "d5b56eb1bd377ac6da09c7826de36ae6f0d1a152"
31
31
  }
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_1vgvn","enter":"modal__enter_1vgvn","appearActive":"modal__appearActive_1vgvn","enterActive":"modal__enterActive_1vgvn","exit":"modal__exit_1vgvn","exitActive":"modal__exitActive_1vgvn","exitDone":"modal__exitDone_1vgvn"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_1vgvn","enter":"modal__enter_1vgvn","appearActive":"modal__appearActive_1vgvn","enterActive":"modal__enterActive_1vgvn","exit":"modal__exit_1vgvn","exitActive":"modal__exitActive_1vgvn","exitDone":"modal__exitDone_1vgvn"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var transitions = {"appear":"modal__appear_1vgvn","enter":"modal__enter_1vgvn","appearActive":"modal__appearActive_1vgvn","enterActive":"modal__enterActive_1vgvn","exit":"modal__exit_1vgvn","exitActive":"modal__exitActive_1vgvn","exitDone":"modal__exitDone_1vgvn"};
4
- require('./transitions.css')
5
-
6
- exports.transitions = transitions;