@alfalab/core-components-modal 4.0.3 → 4.0.4

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-27fb7ca1.js +4 -0
  53. package/dist/esm/{tslib.es6-428cbd49.d.ts → tslib.es6-bb547226.d.ts} +0 -0
  54. package/dist/esm/{tslib.es6-428cbd49.js → tslib.es6-bb547226.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-27fb7ca1.js +4 -0
  85. package/dist/responsive.js +2 -2
  86. package/dist/transitions.css +8 -8
  87. package/dist/transitions.module-93050b58.js +6 -0
  88. package/dist/{tslib.es6-6205675e.d.ts → tslib.es6-a1add9a7.d.ts} +0 -0
  89. package/dist/{tslib.es6-6205675e.js → tslib.es6-a1add9a7.js} +0 -0
  90. package/package.json +3 -3
  91. package/dist/esm/transitions.module-0af128f1.js +0 -4
  92. package/dist/modern/transitions.module-0af128f1.js +0 -4
  93. package/dist/transitions.module-ac43ebc6.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_13kbx modal__footer_3nv7q","highlighted":"modal__highlighted_13kbx modal__highlighted_3nv7q","sticky":"modal__sticky_13kbx modal__sticky_3nv7q","fullscreen":"modal__fullscreen_13kbx","s":"modal__s_13kbx","m":"modal__m_13kbx","l":"modal__l_13kbx"};
7
+ var styles = {"footer":"modal__footer_ihh20 modal__footer_7pnbw","highlighted":"modal__highlighted_ihh20 modal__highlighted_7pnbw","sticky":"modal__sticky_ihh20 modal__sticky_7pnbw","fullscreen":"modal__fullscreen_ihh20","s":"modal__s_ihh20","m":"modal__m_ihh20","l":"modal__l_ihh20"};
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_n86ia","gap-16":"modal__gap-16_n86ia","gap-24":"modal__gap-24_n86ia","gap-32":"modal__gap-32_n86ia","start":"modal__start_n86ia","center":"modal__center_n86ia","space-between":"modal__space-between_n86ia"};
6
+ var layoutStyles = {"column":"modal__column_17pcr","gap-16":"modal__gap-16_17pcr","gap-24":"modal__gap-24_17pcr","gap-32":"modal__gap-32_17pcr","start":"modal__start_17pcr","center":"modal__center_17pcr","space-between":"modal__space-between_17pcr"};
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_1mm0f modal__footer_3nv7q","highlighted":"modal__highlighted_1mm0f modal__highlighted_3nv7q","sticky":"modal__sticky_1mm0f modal__sticky_3nv7q"};
7
+ var styles = {"footer":"modal__footer_wmde8 modal__footer_7pnbw","highlighted":"modal__highlighted_wmde8 modal__highlighted_7pnbw","sticky":"modal__sticky_wmde8 modal__sticky_7pnbw"};
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: 196q2 */
1
+ /* hash: rolqp */
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_3nv7q {
45
+ }.modal__footer_7pnbw {
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_3nv7q {
50
+ }.modal__sticky_7pnbw {
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_3nv7q {
54
+ }.modal__highlighted_7pnbw {
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_13kbx {
613
+ .modal__footer_ihh20 {
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_13kbx {
618
+ .modal__highlighted_ihh20 {
619
619
  }
620
- .modal__sticky_13kbx {
620
+ .modal__sticky_ihh20 {
621
621
 
622
622
  bottom: calc(var(--modal-vertical-padding) * -1);
623
623
  }
624
- .modal__fullscreen_13kbx {
624
+ .modal__fullscreen_ihh20 {
625
625
  bottom: 0;
626
626
  }
627
- .modal__s_13kbx {
627
+ .modal__s_ihh20 {
628
628
  padding: var(--modal-s-footer-paddings);
629
629
  }
630
- .modal__m_13kbx {
630
+ .modal__m_ihh20 {
631
631
  padding: var(--modal-m-footer-paddings);
632
632
  }
633
- .modal__l_13kbx,
634
- .modal__fullscreen_13kbx {
633
+ .modal__l_ihh20,
634
+ .modal__fullscreen_ihh20 {
635
635
  padding: var(--modal-l-footer-paddings);
636
636
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1du39 */
1
+ /* hash: wbyxu */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_n86ia {
28
+ .modal__column_17pcr {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_n86ia > * {
32
+ .modal__column_17pcr > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_n86ia > *:last-child,
36
- .modal__column_n86ia > *:only-child {
35
+ .modal__column_17pcr > *:last-child,
36
+ .modal__column_17pcr > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_n86ia.modal__gap-16_n86ia > * {
39
+ .modal__column_17pcr.modal__gap-16_17pcr > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_n86ia.modal__gap-24_n86ia > * {
42
+ .modal__column_17pcr.modal__gap-24_17pcr > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_n86ia.modal__gap-32_n86ia > * {
45
+ .modal__column_17pcr.modal__gap-32_17pcr > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_n86ia {
48
+ .modal__start_17pcr {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_n86ia {
51
+ .modal__center_17pcr {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_n86ia {
54
+ .modal__space-between_17pcr {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_n86ia > * {
57
+ .modal__space-between_17pcr > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_n86ia,
61
- .modal__center_n86ia,
62
- .modal__space-between_n86ia {
60
+ .modal__start_17pcr,
61
+ .modal__center_17pcr,
62
+ .modal__space-between_17pcr {
63
63
  display: flex
64
64
  }
65
- .modal__start_n86ia > *, .modal__center_n86ia > *, .modal__space-between_n86ia > * {
65
+ .modal__start_17pcr > *, .modal__center_17pcr > *, .modal__space-between_17pcr > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_n86ia > *:last-child,
69
- .modal__start_n86ia > *:only-child,
70
- .modal__center_n86ia > *:last-child,
71
- .modal__center_n86ia > *:only-child,
72
- .modal__space-between_n86ia > *:last-child,
73
- .modal__space-between_n86ia > *:only-child {
68
+ .modal__start_17pcr > *:last-child,
69
+ .modal__start_17pcr > *:only-child,
70
+ .modal__center_17pcr > *:last-child,
71
+ .modal__center_17pcr > *:only-child,
72
+ .modal__space-between_17pcr > *:last-child,
73
+ .modal__space-between_17pcr > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_n86ia.modal__gap-16_n86ia > *, .modal__center_n86ia.modal__gap-16_n86ia > *, .modal__space-between_n86ia.modal__gap-16_n86ia > * {
76
+ .modal__start_17pcr.modal__gap-16_17pcr > *, .modal__center_17pcr.modal__gap-16_17pcr > *, .modal__space-between_17pcr.modal__gap-16_17pcr > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_n86ia.modal__gap-24_n86ia > *, .modal__center_n86ia.modal__gap-24_n86ia > *, .modal__space-between_n86ia.modal__gap-24_n86ia > * {
79
+ .modal__start_17pcr.modal__gap-24_17pcr > *, .modal__center_17pcr.modal__gap-24_17pcr > *, .modal__space-between_17pcr.modal__gap-24_17pcr > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_n86ia.modal__gap-32_n86ia > *, .modal__center_n86ia.modal__gap-32_n86ia > *, .modal__space-between_n86ia.modal__gap-32_n86ia > * {
82
+ .modal__start_17pcr.modal__gap-32_17pcr > *, .modal__center_17pcr.modal__gap-32_17pcr > *, .modal__space-between_17pcr.modal__gap-32_17pcr > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1x5pu */
1
+ /* hash: ndrtj */
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_3nv7q {
37
+ }.modal__footer_7pnbw {
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_3nv7q {
42
+ }.modal__sticky_7pnbw {
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_3nv7q {
46
+ }.modal__highlighted_7pnbw {
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_1mm0f {
605
+ .modal__footer_wmde8 {
606
606
 
607
607
  padding: var(--gap-xl) var(--gap-m);
608
608
  }
609
- .modal__highlighted_1mm0f {
609
+ .modal__highlighted_wmde8 {
610
610
  }
611
- .modal__sticky_1mm0f {
611
+ .modal__sticky_wmde8 {
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_1g3gj modal__header_vp1kk","s":"modal__s_1g3gj","m":"modal__m_1g3gj","l":"modal__l_1g3gj","fullscreen":"modal__fullscreen_1g3gj","sticky":"modal__sticky_1g3gj modal__sticky_vp1kk","highlighted":"modal__highlighted_1g3gj modal__highlighted_vp1kk","content":"modal__content_1g3gj modal__content_vp1kk","title":"modal__title_1g3gj modal__title_vp1kk"};
9
+ var styles = {"header":"modal__header_z8d23 modal__header_1hqu9","s":"modal__s_z8d23","m":"modal__m_z8d23","l":"modal__l_z8d23","fullscreen":"modal__fullscreen_z8d23","sticky":"modal__sticky_z8d23 modal__sticky_1hqu9","highlighted":"modal__highlighted_z8d23 modal__highlighted_1hqu9","content":"modal__content_z8d23 modal__content_1hqu9","title":"modal__title_z8d23 modal__title_1hqu9"};
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_dzsyt modal__header_vp1kk","sticky":"modal__sticky_dzsyt modal__sticky_vp1kk","highlighted":"modal__highlighted_dzsyt modal__highlighted_vp1kk","content":"modal__content_dzsyt modal__content_vp1kk","title":"modal__title_dzsyt modal__title_vp1kk"};
9
+ var styles = {"header":"modal__header_1jqux modal__header_1hqu9","sticky":"modal__sticky_1jqux modal__sticky_1hqu9","highlighted":"modal__highlighted_1jqux modal__highlighted_1hqu9","content":"modal__content_1jqux modal__content_1hqu9","title":"modal__title_1jqux modal__title_1hqu9"};
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: 5zfbo */
1
+ /* hash: 7t4d9 */
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_vp1kk {
48
+ }.modal__header_1hqu9 {
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_vp1kk {
56
+ }.modal__highlighted_1hqu9 {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_vp1kk {
59
+ }.modal__sticky_1hqu9 {
60
60
  position: sticky;
61
- }.modal__content_vp1kk {
61
+ }.modal__content_1hqu9 {
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_vp1kk {
69
+ }.modal__title_1hqu9 {
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_1g3gj {
627
+ .modal__header_z8d23 {
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_1g3gj {
633
+ .modal__s_z8d23 {
634
634
  padding: var(--modal-s-header-paddings);
635
635
  }
636
- .modal__m_1g3gj {
636
+ .modal__m_z8d23 {
637
637
  padding: var(--modal-m-header-paddings);
638
638
  }
639
- .modal__l_1g3gj,
640
- .modal__fullscreen_1g3gj {
639
+ .modal__l_z8d23,
640
+ .modal__fullscreen_z8d23 {
641
641
  min-height: var(--modal-header-l-min-height);
642
642
  padding: var(--modal-l-header-paddings);
643
643
  }
644
- .modal__sticky_1g3gj {
644
+ .modal__sticky_z8d23 {
645
645
 
646
646
  top: calc(var(--modal-vertical-padding) * -1);
647
647
  }
648
- .modal__fullscreen_1g3gj {
648
+ .modal__fullscreen_z8d23 {
649
649
  top: 0;
650
650
  }
651
- .modal__highlighted_1g3gj {
651
+ .modal__highlighted_z8d23 {
652
652
  }
653
- .modal__content_1g3gj {
653
+ .modal__content_z8d23 {
654
654
  }
655
- .modal__title_1g3gj {
655
+ .modal__title_z8d23 {
656
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1a5jb */
1
+ /* hash: dl9xf */
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_vp1kk {
38
+ }.modal__header_1hqu9 {
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_vp1kk {
46
+ }.modal__highlighted_1hqu9 {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_vp1kk {
49
+ }.modal__sticky_1hqu9 {
50
50
  position: sticky;
51
- }.modal__content_vp1kk {
51
+ }.modal__content_1hqu9 {
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_vp1kk {
59
+ }.modal__title_1hqu9 {
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_dzsyt {
617
+ .modal__header_1jqux {
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_dzsyt {
625
+ .modal__sticky_1jqux {
626
626
 
627
627
  top: 0;
628
628
  }
629
- .modal__highlighted_dzsyt {
629
+ .modal__highlighted_1jqux {
630
630
  }
631
- .modal__content_dzsyt {
631
+ .modal__content_1jqux {
632
632
  }
633
- .modal__title_dzsyt {
633
+ .modal__title_1jqux {
634
634
  }
@@ -1,4 +1,4 @@
1
- /* hash: 10fj5 */
1
+ /* hash: b6d4x */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_1ffiq {
33
+ .modal__wrapper_19ee7 {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_1ffiq {
37
+ .modal__component_19ee7 {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_1ffiq {
42
+ .modal__fullscreen_19ee7 {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_1ffiq .modal__component_1ffiq {
46
+ .modal__fullscreen_19ee7 .modal__component_19ee7 {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_1ffiq {
50
+ .modal__s_19ee7 {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_1ffiq {
53
+ .modal__m_19ee7 {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_1ffiq {
56
+ .modal__l_19ee7 {
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-0af128f1.js';
15
+ import './transitions.module-27fb7ca1.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-0af128f1.js';
15
+ import './transitions.module-27fb7ca1.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: 886n6 */
1
+ /* hash: 3ue93 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_17xx7 {
22
+ .modal__component_yovf0 {
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-0af128f1.js';
10
+ import './transitions.module-27fb7ca1.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-0af128f1.js';
15
+ import './transitions.module-27fb7ca1.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: 9s36r */
2
- .modal__appear_1ki94,
3
- .modal__enter_1ki94 {
1
+ /* hash: 5easn */
2
+ .modal__appear_f4zg2,
3
+ .modal__enter_f4zg2 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1ki94,
9
- .modal__enterActive_1ki94 {
8
+ .modal__appearActive_f4zg2,
9
+ .modal__enterActive_f4zg2 {
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_1ki94 {
15
+ .modal__exit_f4zg2 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1ki94,
21
- .modal__exitDone_1ki94 {
20
+ .modal__exitActive_f4zg2,
21
+ .modal__exitDone_f4zg2 {
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_f4zg2","enter":"modal__enter_f4zg2","appearActive":"modal__appearActive_f4zg2","enterActive":"modal__enterActive_f4zg2","exit":"modal__exit_f4zg2","exitActive":"modal__exitActive_f4zg2","exitDone":"modal__exitDone_f4zg2"};
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-6205675e.js');
5
+ require('./tslib.es6-a1add9a7.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-ac43ebc6.js');
20
+ require('./transitions.module-93050b58.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: 9s36r */
2
- .modal__appear_1ki94,
3
- .modal__enter_1ki94 {
1
+ /* hash: 5easn */
2
+ .modal__appear_f4zg2,
3
+ .modal__enter_f4zg2 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1ki94,
9
- .modal__enterActive_1ki94 {
8
+ .modal__appearActive_f4zg2,
9
+ .modal__enterActive_f4zg2 {
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_1ki94 {
15
+ .modal__exit_f4zg2 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1ki94,
21
- .modal__exitDone_1ki94 {
20
+ .modal__exitActive_f4zg2,
21
+ .modal__exitDone_f4zg2 {
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_f4zg2","enter":"modal__enter_f4zg2","appearActive":"modal__appearActive_f4zg2","enterActive":"modal__enterActive_f4zg2","exit":"modal__exit_f4zg2","exitActive":"modal__exitActive_f4zg2","exitDone":"modal__exitDone_f4zg2"};
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.3",
3
+ "version": "4.0.4",
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.3",
19
+ "@alfalab/core-components-button": "^5.0.4",
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": "d35b2d43cbc90ecb7665c682a2de13733bc03eb0"
30
+ "gitHead": "86f898b81b12d809e5e43e3dbb557a7e9629a2e5"
31
31
  }
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_1ki94","enter":"modal__enter_1ki94","appearActive":"modal__appearActive_1ki94","enterActive":"modal__enterActive_1ki94","exit":"modal__exit_1ki94","exitActive":"modal__exitActive_1ki94","exitDone":"modal__exitDone_1ki94"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_1ki94","enter":"modal__enter_1ki94","appearActive":"modal__appearActive_1ki94","enterActive":"modal__enterActive_1ki94","exit":"modal__exit_1ki94","exitActive":"modal__exitActive_1ki94","exitDone":"modal__exitDone_1ki94"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var transitions = {"appear":"modal__appear_1ki94","enter":"modal__enter_1ki94","appearActive":"modal__appearActive_1ki94","enterActive":"modal__enterActive_1ki94","exit":"modal__exit_1ki94","exitActive":"modal__exitActive_1ki94","exitDone":"modal__exitDone_1ki94"};
4
- require('./transitions.css')
5
-
6
- exports.transitions = transitions;