@alfalab/core-components-modal 5.1.1 → 5.1.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 (106) 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 +4 -4
  7. package/dist/components/content/Component.desktop.js +2 -2
  8. package/dist/components/content/Component.js +1 -1
  9. package/dist/components/content/Component.mobile.js +2 -2
  10. package/dist/components/content/desktop.css +8 -8
  11. package/dist/components/content/index.css +3 -3
  12. package/dist/components/content/mobile.css +3 -3
  13. package/dist/components/footer/Component.desktop.js +2 -2
  14. package/dist/components/footer/Component.js +2 -2
  15. package/dist/components/footer/Component.mobile.js +2 -2
  16. package/dist/components/footer/desktop.css +9 -9
  17. package/dist/components/footer/index.css +4 -4
  18. package/dist/components/footer/layout.css +25 -25
  19. package/dist/components/footer/mobile.css +3 -3
  20. package/dist/components/header/Component.desktop.js +2 -2
  21. package/dist/components/header/Component.js +1 -1
  22. package/dist/components/header/Component.mobile.js +2 -2
  23. package/dist/components/header/desktop.css +17 -17
  24. package/dist/components/header/index.css +15 -15
  25. package/dist/components/header/mobile.css +3 -3
  26. package/dist/cssm/Component.responsive.d.ts +1 -1
  27. package/dist/desktop.css +9 -9
  28. package/dist/desktop.js +2 -2
  29. package/dist/esm/Component.desktop.js +3 -3
  30. package/dist/esm/Component.mobile.js +3 -3
  31. package/dist/esm/Component.responsive.js +2 -2
  32. package/dist/esm/components/closer/Component.js +2 -2
  33. package/dist/esm/components/closer/index.css +4 -4
  34. package/dist/esm/components/content/Component.desktop.js +2 -2
  35. package/dist/esm/components/content/Component.js +1 -1
  36. package/dist/esm/components/content/Component.mobile.js +2 -2
  37. package/dist/esm/components/content/desktop.css +8 -8
  38. package/dist/esm/components/content/index.css +3 -3
  39. package/dist/esm/components/content/mobile.css +3 -3
  40. package/dist/esm/components/footer/Component.desktop.js +2 -2
  41. package/dist/esm/components/footer/Component.js +2 -2
  42. package/dist/esm/components/footer/Component.mobile.js +2 -2
  43. package/dist/esm/components/footer/desktop.css +9 -9
  44. package/dist/esm/components/footer/index.css +4 -4
  45. package/dist/esm/components/footer/layout.css +25 -25
  46. package/dist/esm/components/footer/mobile.css +3 -3
  47. package/dist/esm/components/header/Component.desktop.js +2 -2
  48. package/dist/esm/components/header/Component.js +1 -1
  49. package/dist/esm/components/header/Component.mobile.js +2 -2
  50. package/dist/esm/components/header/desktop.css +17 -17
  51. package/dist/esm/components/header/index.css +15 -15
  52. package/dist/esm/components/header/mobile.css +3 -3
  53. package/dist/esm/desktop.css +9 -9
  54. package/dist/esm/desktop.js +2 -2
  55. package/dist/esm/index.js +2 -2
  56. package/dist/esm/mobile.css +2 -2
  57. package/dist/esm/mobile.js +2 -2
  58. package/dist/esm/responsive.js +2 -2
  59. package/dist/esm/transitions.css +8 -8
  60. package/dist/esm/transitions.module-bde35ddf.js +4 -0
  61. package/dist/esm/{tslib.es6-67d2fa12.d.ts → tslib.es6-77c642b5.d.ts} +0 -0
  62. package/dist/esm/{tslib.es6-67d2fa12.js → tslib.es6-77c642b5.js} +0 -0
  63. package/dist/index.js +2 -2
  64. package/dist/mobile.css +2 -2
  65. package/dist/mobile.js +2 -2
  66. package/dist/modern/Component.desktop.js +2 -2
  67. package/dist/modern/Component.mobile.js +2 -2
  68. package/dist/modern/Component.responsive.js +1 -1
  69. package/dist/modern/components/closer/Component.js +1 -1
  70. package/dist/modern/components/closer/index.css +4 -4
  71. package/dist/modern/components/content/Component.desktop.js +1 -1
  72. package/dist/modern/components/content/Component.js +1 -1
  73. package/dist/modern/components/content/Component.mobile.js +1 -1
  74. package/dist/modern/components/content/desktop.css +8 -8
  75. package/dist/modern/components/content/index.css +3 -3
  76. package/dist/modern/components/content/mobile.css +3 -3
  77. package/dist/modern/components/footer/Component.desktop.js +1 -1
  78. package/dist/modern/components/footer/Component.js +2 -2
  79. package/dist/modern/components/footer/Component.mobile.js +1 -1
  80. package/dist/modern/components/footer/desktop.css +9 -9
  81. package/dist/modern/components/footer/index.css +4 -4
  82. package/dist/modern/components/footer/layout.css +25 -25
  83. package/dist/modern/components/footer/mobile.css +3 -3
  84. package/dist/modern/components/header/Component.desktop.js +1 -1
  85. package/dist/modern/components/header/Component.js +1 -1
  86. package/dist/modern/components/header/Component.mobile.js +1 -1
  87. package/dist/modern/components/header/desktop.css +17 -17
  88. package/dist/modern/components/header/index.css +15 -15
  89. package/dist/modern/components/header/mobile.css +3 -3
  90. package/dist/modern/desktop.css +9 -9
  91. package/dist/modern/desktop.js +1 -1
  92. package/dist/modern/index.js +1 -1
  93. package/dist/modern/mobile.css +2 -2
  94. package/dist/modern/mobile.js +1 -1
  95. package/dist/modern/responsive.js +1 -1
  96. package/dist/modern/transitions.css +8 -8
  97. package/dist/modern/transitions.module-bde35ddf.js +4 -0
  98. package/dist/responsive.js +2 -2
  99. package/dist/transitions.css +8 -8
  100. package/dist/transitions.module-5dcba89f.js +6 -0
  101. package/dist/{tslib.es6-6aa4ba0a.d.ts → tslib.es6-776208bd.d.ts} +0 -0
  102. package/dist/{tslib.es6-6aa4ba0a.js → tslib.es6-776208bd.js} +0 -0
  103. package/package.json +4 -4
  104. package/dist/esm/transitions.module-5d43b58c.js +0 -4
  105. package/dist/modern/transitions.module-5d43b58c.js +0 -4
  106. package/dist/transitions.module-3e3ab6e1.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: 13esf */
1
+ /* hash: 1i9y9 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,22 +31,22 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__footer_1uftm {
34
+ .modal__footer_z70tb {
35
35
  border-bottom-left-radius: var(--modal-border-radius);
36
36
  border-bottom-right-radius: var(--modal-border-radius);
37
37
  }
38
- .modal__sticky_1uftm {
38
+ .modal__sticky_z70tb {
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  }
41
- .modal__sticky_1uftm.modal__fullscreen_1uftm {
41
+ .modal__sticky_z70tb.modal__fullscreen_z70tb {
42
42
  bottom: 0;
43
43
  }
44
- .modal__s_1uftm,
45
- .modal__m_1uftm {
44
+ .modal__s_z70tb,
45
+ .modal__m_z70tb {
46
46
  padding: var(--modal-s-footer-paddings);
47
47
  }
48
- .modal__l_1uftm,
49
- .modal__xl_1uftm,
50
- .modal__fullscreen_1uftm {
48
+ .modal__l_z70tb,
49
+ .modal__xl_z70tb,
50
+ .modal__fullscreen_z70tb {
51
51
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1c87m */
1
+ /* hash: 1r3dg */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
26
26
 
27
27
  /* mobile */
28
28
  }
29
- .modal__footer_40cfp {
29
+ .modal__footer_t8ewa {
30
30
  width: 100%;
31
31
  box-sizing: border-box;
32
32
  transition: box-shadow 0.2s ease, background 0.2s ease;
33
33
  }
34
- .modal__sticky_40cfp {
34
+ .modal__sticky_t8ewa {
35
35
  background: var(--modal-footer-background);
36
36
  position: sticky;
37
37
  }
38
- .modal__highlighted_40cfp {
38
+ .modal__highlighted_t8ewa {
39
39
  background: var(--modal-footer-highlight-background);
40
40
  box-shadow: var(--modal-footer-highlight-box-shadow);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1825m */
1
+ /* hash: 1mxbg */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__column_115o1 {
28
+ .modal__column_1vb14 {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_115o1 > * {
32
+ .modal__column_1vb14 > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_115o1 > *:last-child,
36
- .modal__column_115o1 > *:only-child {
35
+ .modal__column_1vb14 > *:last-child,
36
+ .modal__column_1vb14 > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_115o1.modal__gap-16_115o1 > * {
39
+ .modal__column_1vb14.modal__gap-16_1vb14 > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_115o1.modal__gap-24_115o1 > * {
42
+ .modal__column_1vb14.modal__gap-24_1vb14 > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_115o1.modal__gap-32_115o1 > * {
45
+ .modal__column_1vb14.modal__gap-32_1vb14 > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_115o1 {
48
+ .modal__start_1vb14 {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_115o1 {
51
+ .modal__center_1vb14 {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_115o1 {
54
+ .modal__space-between_1vb14 {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_115o1 > * {
57
+ .modal__space-between_1vb14 > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_115o1,
61
- .modal__center_115o1,
62
- .modal__space-between_115o1 {
60
+ .modal__start_1vb14,
61
+ .modal__center_1vb14,
62
+ .modal__space-between_1vb14 {
63
63
  display: flex
64
64
  }
65
- .modal__start_115o1 > *, .modal__center_115o1 > *, .modal__space-between_115o1 > * {
65
+ .modal__start_1vb14 > *, .modal__center_1vb14 > *, .modal__space-between_1vb14 > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_115o1 > *:last-child,
69
- .modal__start_115o1 > *:only-child,
70
- .modal__center_115o1 > *:last-child,
71
- .modal__center_115o1 > *:only-child,
72
- .modal__space-between_115o1 > *:last-child,
73
- .modal__space-between_115o1 > *:only-child {
68
+ .modal__start_1vb14 > *:last-child,
69
+ .modal__start_1vb14 > *:only-child,
70
+ .modal__center_1vb14 > *:last-child,
71
+ .modal__center_1vb14 > *:only-child,
72
+ .modal__space-between_1vb14 > *:last-child,
73
+ .modal__space-between_1vb14 > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_115o1.modal__gap-16_115o1 > *, .modal__center_115o1.modal__gap-16_115o1 > *, .modal__space-between_115o1.modal__gap-16_115o1 > * {
76
+ .modal__start_1vb14.modal__gap-16_1vb14 > *, .modal__center_1vb14.modal__gap-16_1vb14 > *, .modal__space-between_1vb14.modal__gap-16_1vb14 > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_115o1.modal__gap-24_115o1 > *, .modal__center_115o1.modal__gap-24_115o1 > *, .modal__space-between_115o1.modal__gap-24_115o1 > * {
79
+ .modal__start_1vb14.modal__gap-24_1vb14 > *, .modal__center_1vb14.modal__gap-24_1vb14 > *, .modal__space-between_1vb14.modal__gap-24_1vb14 > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_115o1.modal__gap-32_115o1 > *, .modal__center_115o1.modal__gap-32_115o1 > *, .modal__space-between_115o1.modal__gap-32_115o1 > * {
82
+ .modal__start_1vb14.modal__gap-32_1vb14 > *, .modal__center_1vb14.modal__gap-32_1vb14 > *, .modal__space-between_1vb14.modal__gap-32_1vb14 > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1fczo */
1
+ /* hash: yzvj0 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_1rtdj {
25
+ .modal__footer_4l4yf {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_1rtdj {
28
+ .modal__sticky_4l4yf {
29
29
  bottom: 0;
30
30
  }
@@ -7,7 +7,7 @@ import '@alfalab/core-components-icon-button/dist/modern';
7
7
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
8
  import { Closer } from '../closer/Component.js';
9
9
 
10
- var styles = {"header":"modal__header_1fb0b","content":"modal__content_1fb0b","s":"modal__s_1fb0b","m":"modal__m_1fb0b","l":"modal__l_1fb0b","xl":"modal__xl_1fb0b","fullscreen":"modal__fullscreen_1fb0b","hasContent":"modal__hasContent_1fb0b","sticky":"modal__sticky_1fb0b"};
10
+ var styles = {"header":"modal__header_1mu1e","content":"modal__content_1mu1e","s":"modal__s_1mu1e","m":"modal__m_1mu1e","l":"modal__l_1mu1e","xl":"modal__xl_1mu1e","fullscreen":"modal__fullscreen_1mu1e","hasContent":"modal__hasContent_1mu1e","sticky":"modal__sticky_1mu1e"};
11
11
  require('./desktop.css')
12
12
 
13
13
  const HeaderDesktop = ({ size, className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, ...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 styles = {"header":"modal__header_1e6tw","hasContent":"modal__hasContent_1e6tw","highlighted":"modal__highlighted_1e6tw","sticky":"modal__sticky_1e6tw","content":"modal__content_1e6tw","title":"modal__title_1e6tw","addon":"modal__addon_1e6tw","closer":"modal__closer_1e6tw","left":"modal__left_1e6tw","center":"modal__center_1e6tw","right":"modal__right_1e6tw","trim":"modal__trim_1e6tw"};
6
+ var styles = {"header":"modal__header_1wdh8","hasContent":"modal__hasContent_1wdh8","highlighted":"modal__highlighted_1wdh8","sticky":"modal__sticky_1wdh8","content":"modal__content_1wdh8","title":"modal__title_1wdh8","addon":"modal__addon_1wdh8","closer":"modal__closer_1wdh8","left":"modal__left_1wdh8","center":"modal__center_1wdh8","right":"modal__right_1wdh8","trim":"modal__trim_1wdh8"};
7
7
  require('./index.css')
8
8
 
9
9
  const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, }) => {
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
8
  import { Closer } from '../closer/Component.js';
9
9
  import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
10
10
 
11
- var styles = {"sticky":"modal__sticky_me3qj","content":"modal__content_me3qj"};
11
+ var styles = {"sticky":"modal__sticky_m21ya","content":"modal__content_m21ya"};
12
12
  require('./mobile.css')
13
13
 
14
14
  const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
@@ -1,4 +1,4 @@
1
- /* hash: 1cxlc */
1
+ /* hash: f2nio */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_1fb0b {
46
+ .modal__header_1mu1e {
47
47
  border-top-left-radius: var(--modal-border-radius);
48
48
  border-top-right-radius: var(--modal-border-radius);
49
49
  }
50
- .modal__content_1fb0b {
50
+ .modal__content_1mu1e {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
53
  }
54
- .modal__s_1fb0b .modal__content_1fb0b,
55
- .modal__m_1fb0b .modal__content_1fb0b {
54
+ .modal__s_1mu1e .modal__content_1mu1e,
55
+ .modal__m_1mu1e .modal__content_1mu1e {
56
56
  padding: var(--modal-s-header-desktop-content-paddings);
57
57
  font-size: var(--modal-s-header-desktop-font-size);
58
58
  line-height: var(--modal-s-header-desktop-line-height);
59
59
  }
60
- .modal__l_1fb0b .modal__content_1fb0b,
61
- .modal__xl_1fb0b .modal__content_1fb0b,
62
- .modal__fullscreen_1fb0b .modal__content_1fb0b {
60
+ .modal__l_1mu1e .modal__content_1mu1e,
61
+ .modal__xl_1mu1e .modal__content_1mu1e,
62
+ .modal__fullscreen_1mu1e .modal__content_1mu1e {
63
63
  padding: var(--modal-l-header-desktop-content-paddings);
64
64
  font-size: var(--modal-l-header-desktop-font-size);
65
65
  line-height: var(--modal-l-header-desktop-line-height);
66
66
  }
67
- .modal__s_1fb0b,
68
- .modal__m_1fb0b {
67
+ .modal__s_1mu1e,
68
+ .modal__m_1mu1e {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_1fb0b:not(.modal__hasContent_1fb0b), .modal__m_1fb0b:not(.modal__hasContent_1fb0b) {
71
+ .modal__s_1mu1e:not(.modal__hasContent_1mu1e), .modal__m_1mu1e:not(.modal__hasContent_1mu1e) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_1fb0b,
75
- .modal__xl_1fb0b,
76
- .modal__fullscreen_1fb0b {
74
+ .modal__l_1mu1e,
75
+ .modal__xl_1mu1e,
76
+ .modal__fullscreen_1mu1e {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_1fb0b:not(.modal__hasContent_1fb0b), .modal__xl_1fb0b:not(.modal__hasContent_1fb0b), .modal__fullscreen_1fb0b:not(.modal__hasContent_1fb0b) {
79
+ .modal__l_1mu1e:not(.modal__hasContent_1mu1e), .modal__xl_1mu1e:not(.modal__hasContent_1mu1e), .modal__fullscreen_1mu1e:not(.modal__hasContent_1mu1e) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_1fb0b {
82
+ .modal__sticky_1mu1e {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_1fb0b.modal__fullscreen_1fb0b {
85
+ .modal__sticky_1mu1e.modal__fullscreen_1mu1e {
86
86
  top: 0;
87
87
  }
@@ -1,4 +1,4 @@
1
- /* hash: 5nzzs */
1
+ /* hash: 16u68 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__header_1e6tw {
28
+ .modal__header_1wdh8 {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  display: flex;
@@ -33,26 +33,26 @@
33
33
  justify-content: space-between;
34
34
  transition: box-shadow 0.2s ease, background 0.2s ease
35
35
  }
36
- .modal__header_1e6tw:not(.modal__hasContent_1e6tw) {
36
+ .modal__header_1wdh8:not(.modal__hasContent_1wdh8) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_1e6tw {
39
+ .modal__highlighted_1wdh8 {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_1e6tw {
43
+ .modal__sticky_1wdh8 {
44
44
  position: sticky
45
45
  }
46
- .modal__sticky_1e6tw.modal__hasContent_1e6tw {
46
+ .modal__sticky_1wdh8.modal__hasContent_1wdh8 {
47
47
  background: var(--modal-header-background);
48
48
  }
49
- .modal__content_1e6tw {
49
+ .modal__content_1wdh8 {
50
50
  flex-grow: 1;
51
51
  }
52
- .modal__title_1e6tw {
52
+ .modal__title_1wdh8 {
53
53
  word-break: break-word;
54
54
  }
55
- .modal__addon_1e6tw {
55
+ .modal__addon_1wdh8 {
56
56
  min-width: 48px;
57
57
  height: 48px;
58
58
  display: flex;
@@ -60,25 +60,25 @@
60
60
  align-items: center;
61
61
  pointer-events: all;
62
62
  }
63
- .modal__closer_1e6tw {
63
+ .modal__closer_1wdh8 {
64
64
  margin-left: auto;
65
65
  }
66
- .modal__left_1e6tw {
66
+ .modal__left_1wdh8 {
67
67
  justify-content: flex-start;
68
68
  text-align: left;
69
69
  }
70
- .modal__center_1e6tw {
70
+ .modal__center_1wdh8 {
71
71
  justify-content: center;
72
72
  text-align: center;
73
73
  }
74
- .modal__right_1e6tw {
74
+ .modal__right_1wdh8 {
75
75
  justify-content: flex-end;
76
76
  text-align: right;
77
77
  }
78
- .modal__trim_1e6tw {
78
+ .modal__trim_1wdh8 {
79
79
  overflow: hidden
80
80
  }
81
- .modal__trim_1e6tw .modal__title_1e6tw {
81
+ .modal__trim_1wdh8 .modal__title_1wdh8 {
82
82
  overflow: hidden;
83
83
  white-space: nowrap;
84
84
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: jmkpc */
1
+ /* hash: bzozd */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -33,10 +33,10 @@
33
33
  --modal-header-mobile-font-family: var(--font-family-system);
34
34
  --modal-header-mobile-font-weight: bold;
35
35
  }
36
- .modal__sticky_me3qj {
36
+ .modal__sticky_m21ya {
37
37
  top: 0;
38
38
  }
39
- .modal__content_me3qj {
39
+ .modal__content_m21ya {
40
40
  font-size: var(--modal-header-mobile-font-size);
41
41
  line-height: var(--modal-header-mobile-line-height);
42
42
  font-family: var(--modal-header-mobile-font-family);
@@ -1,4 +1,4 @@
1
- /* hash: x4rys */
1
+ /* hash: 1yldh */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_opsmj {
34
+ .modal__wrapper_h14hj {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_opsmj {
38
+ .modal__component_h14hj {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_opsmj {
43
+ .modal__fullscreen_h14hj {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_opsmj .modal__component_opsmj {
47
+ .modal__fullscreen_h14hj .modal__component_h14hj {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_opsmj {
51
+ .modal__s_h14hj {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_opsmj {
54
+ .modal__m_h14hj {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_opsmj {
57
+ .modal__l_h14hj {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_opsmj {
60
+ .modal__xl_h14hj {
61
61
  width: var(--modal-xl-width);
62
62
  }
@@ -13,4 +13,4 @@ import './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import './components/footer/Component.desktop.js';
15
15
  export { ModalDesktop } from './Component.desktop.js';
16
- import './transitions.module-5d43b58c.js';
16
+ import './transitions.module-bde35ddf.js';
@@ -13,7 +13,7 @@ import './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import './components/footer/Component.desktop.js';
15
15
  import './Component.desktop.js';
16
- import './transitions.module-5d43b58c.js';
16
+ import './transitions.module-bde35ddf.js';
17
17
  import '@alfalab/icons-glyph/CrossMIcon';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- /* hash: 1r5bm */
1
+ /* hash: 1y62i */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__component_1xl7o {
22
+ .modal__component_3ns0c {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/CrossHeavyMIcon';
8
8
  import './components/closer/Component.js';
9
9
  import './components/content/Component.js';
10
10
  import './components/footer/Component.js';
11
- import './transitions.module-5d43b58c.js';
11
+ import './transitions.module-bde35ddf.js';
12
12
  import '@alfalab/icons-glyph/CrossMIcon';
13
13
  import './components/header/Component.mobile.js';
14
14
  import './components/content/Component.mobile.js';
@@ -13,7 +13,7 @@ import './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import './components/footer/Component.desktop.js';
15
15
  import './Component.desktop.js';
16
- import './transitions.module-5d43b58c.js';
16
+ import './transitions.module-bde35ddf.js';
17
17
  import '@alfalab/icons-glyph/CrossMIcon';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,24 +1,24 @@
1
- /* hash: 1sp85 */
2
- .modal__appear_rtmwa,
3
- .modal__enter_rtmwa {
1
+ /* hash: ouzr1 */
2
+ .modal__appear_1a5yq,
3
+ .modal__enter_1a5yq {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_rtmwa,
9
- .modal__enterActive_rtmwa {
8
+ .modal__appearActive_1a5yq,
9
+ .modal__enterActive_1a5yq {
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_rtmwa {
15
+ .modal__exit_1a5yq {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_rtmwa,
21
- .modal__exitDone_rtmwa {
20
+ .modal__exitActive_1a5yq,
21
+ .modal__exitDone_1a5yq {
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_1a5yq","enter":"modal__enter_1a5yq","appearActive":"modal__appearActive_1a5yq","enterActive":"modal__enterActive_1a5yq","exit":"modal__exit_1a5yq","exitActive":"modal__exitActive_1a5yq","exitDone":"modal__exitDone_1a5yq"};
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-6aa4ba0a.js');
5
+ require('./tslib.es6-776208bd.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -18,7 +18,7 @@ require('./components/content/Component.desktop.js');
18
18
  require('./components/footer/Component.js');
19
19
  require('./components/footer/Component.desktop.js');
20
20
  require('./Component.desktop.js');
21
- require('./transitions.module-3e3ab6e1.js');
21
+ require('./transitions.module-5dcba89f.js');
22
22
  require('@alfalab/icons-glyph/CrossMIcon');
23
23
  require('./components/header/Component.mobile.js');
24
24
  require('./components/content/Component.mobile.js');
@@ -1,24 +1,24 @@
1
- /* hash: 1sp85 */
2
- .modal__appear_rtmwa,
3
- .modal__enter_rtmwa {
1
+ /* hash: ouzr1 */
2
+ .modal__appear_1a5yq,
3
+ .modal__enter_1a5yq {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_rtmwa,
9
- .modal__enterActive_rtmwa {
8
+ .modal__appearActive_1a5yq,
9
+ .modal__enterActive_1a5yq {
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_rtmwa {
15
+ .modal__exit_1a5yq {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_rtmwa,
21
- .modal__exitDone_rtmwa {
20
+ .modal__exitActive_1a5yq,
21
+ .modal__exitDone_1a5yq {
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_1a5yq","enter":"modal__enter_1a5yq","appearActive":"modal__appearActive_1a5yq","enterActive":"modal__enterActive_1a5yq","exit":"modal__exit_1a5yq","exitActive":"modal__exitActive_1a5yq","exitDone":"modal__exitDone_1a5yq"};
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": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@alfalab/core-components-base-modal": "^4.0.2",
19
- "@alfalab/core-components-button": "^5.1.5",
20
- "@alfalab/core-components-icon-button": "^4.1.10",
19
+ "@alfalab/core-components-button": "^5.1.6",
20
+ "@alfalab/core-components-icon-button": "^4.1.11",
21
21
  "@alfalab/core-components-mq": "1.0.0",
22
22
  "classnames": "2.2.6",
23
23
  "react-transition-group": "4.4.1"
@@ -28,5 +28,5 @@
28
28
  "peerDependencies": {
29
29
  "react": "^16.9.0 || ^17.0.1"
30
30
  },
31
- "gitHead": "b44d81f1c42835fa6946c4bf15aee99abe2b4b96"
31
+ "gitHead": "d86d1207351d2e8dceb0519cbb0b64c06aaa6884"
32
32
  }
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_rtmwa","enter":"modal__enter_rtmwa","appearActive":"modal__appearActive_rtmwa","enterActive":"modal__enterActive_rtmwa","exit":"modal__exit_rtmwa","exitActive":"modal__exitActive_rtmwa","exitDone":"modal__exitDone_rtmwa"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_rtmwa","enter":"modal__enter_rtmwa","appearActive":"modal__appearActive_rtmwa","enterActive":"modal__enterActive_rtmwa","exit":"modal__exit_rtmwa","exitActive":"modal__exitActive_rtmwa","exitDone":"modal__exitDone_rtmwa"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var transitions = {"appear":"modal__appear_rtmwa","enter":"modal__enter_rtmwa","appearActive":"modal__appearActive_rtmwa","enterActive":"modal__enterActive_rtmwa","exit":"modal__exit_rtmwa","exitActive":"modal__exitActive_rtmwa","exitDone":"modal__exitDone_rtmwa"};
4
- require('./transitions.css')
5
-
6
- exports.transitions = transitions;