@alfalab/core-components-modal 4.0.1 → 4.0.5

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 +32 -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 -19
  11. package/dist/components/content/mobile.css +7 -14
  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 -19
  16. package/dist/components/footer/layout.css +25 -25
  17. package/dist/components/footer/mobile.css +7 -14
  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 -23
  22. package/dist/components/header/mobile.css +11 -18
  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 -19
  33. package/dist/esm/components/content/mobile.css +7 -14
  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 -19
  38. package/dist/esm/components/footer/layout.css +25 -25
  39. package/dist/esm/components/footer/mobile.css +7 -14
  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 -23
  44. package/dist/esm/components/header/mobile.css +11 -18
  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-027dd21d.js +4 -0
  53. package/dist/esm/{tslib.es6-5d3a812f.d.ts → tslib.es6-44154213.d.ts} +0 -0
  54. package/dist/esm/{tslib.es6-5d3a812f.js → tslib.es6-44154213.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 -19
  66. package/dist/modern/components/content/mobile.css +7 -14
  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 -19
  71. package/dist/modern/components/footer/layout.css +25 -25
  72. package/dist/modern/components/footer/mobile.css +7 -14
  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 -23
  76. package/dist/modern/components/header/mobile.css +11 -18
  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-027dd21d.js +4 -0
  85. package/dist/responsive.js +2 -2
  86. package/dist/transitions.css +8 -8
  87. package/dist/transitions.module-ac51ff87.js +6 -0
  88. package/dist/{tslib.es6-810343ad.d.ts → tslib.es6-33bab17e.d.ts} +0 -0
  89. package/dist/{tslib.es6-810343ad.js → tslib.es6-33bab17e.js} +0 -0
  90. package/package.json +4 -4
  91. package/dist/esm/transitions.module-4c2889a7.js +0 -4
  92. package/dist/modern/transitions.module-4c2889a7.js +0 -4
  93. package/dist/transitions.module-ad7c107c.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: 1aobl */
1
+ /* hash: fxlfm */
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_mi4zw {
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_mi4zw {
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_mi4zw {
55
55
  background: var(--modal-footer-highlight-background);
56
56
  box-shadow: var(--modal-footer-highlight-box-shadow);
57
57
  }
@@ -173,19 +173,12 @@
173
173
  --color-static-status-purple: #673ab7;
174
174
  --color-static-status-red: #d91d0b;
175
175
  --color-static-status-teal: #219187;
176
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
177
176
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
178
- --color-static-status-green-tint-90: rgb(231, 246, 239);
179
177
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
180
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
181
178
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
182
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
183
179
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
184
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
185
180
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
186
- --color-static-status-red-tint-90: rgb(251, 232, 231);
187
181
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
188
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
189
182
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
190
183
  }
191
184
  :root {
@@ -617,27 +610,27 @@
617
610
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
618
611
  --modal-footer-highlight-background: var(--color-light-bg-primary);
619
612
  }
620
- .modal__footer_1xo4g {
613
+ .modal__footer_1izrd {
621
614
 
622
615
  border-bottom-left-radius: var(--modal-border-radius);
623
616
  border-bottom-right-radius: var(--modal-border-radius);
624
617
  }
625
- .modal__highlighted_1xo4g {
618
+ .modal__highlighted_1izrd {
626
619
  }
627
- .modal__sticky_1xo4g {
620
+ .modal__sticky_1izrd {
628
621
 
629
622
  bottom: calc(var(--modal-vertical-padding) * -1);
630
623
  }
631
- .modal__fullscreen_1xo4g {
624
+ .modal__fullscreen_1izrd {
632
625
  bottom: 0;
633
626
  }
634
- .modal__s_1xo4g {
627
+ .modal__s_1izrd {
635
628
  padding: var(--modal-s-footer-paddings);
636
629
  }
637
- .modal__m_1xo4g {
630
+ .modal__m_1izrd {
638
631
  padding: var(--modal-m-footer-paddings);
639
632
  }
640
- .modal__l_1xo4g,
641
- .modal__fullscreen_1xo4g {
633
+ .modal__l_1izrd,
634
+ .modal__fullscreen_1izrd {
642
635
  padding: var(--modal-l-footer-paddings);
643
636
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1fbos */
1
+ /* hash: kkymr */
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_ppltf {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_ur0p9 > * {
32
+ .modal__column_ppltf > * {
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_ppltf > *:last-child,
36
+ .modal__column_ppltf > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_ur0p9.modal__gap-16_ur0p9 > * {
39
+ .modal__column_ppltf.modal__gap-16_ppltf > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_ur0p9.modal__gap-24_ur0p9 > * {
42
+ .modal__column_ppltf.modal__gap-24_ppltf > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_ur0p9.modal__gap-32_ur0p9 > * {
45
+ .modal__column_ppltf.modal__gap-32_ppltf > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_ur0p9 {
48
+ .modal__start_ppltf {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_ur0p9 {
51
+ .modal__center_ppltf {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_ur0p9 {
54
+ .modal__space-between_ppltf {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_ur0p9 > * {
57
+ .modal__space-between_ppltf > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_ur0p9,
61
- .modal__center_ur0p9,
62
- .modal__space-between_ur0p9 {
60
+ .modal__start_ppltf,
61
+ .modal__center_ppltf,
62
+ .modal__space-between_ppltf {
63
63
  display: flex
64
64
  }
65
- .modal__start_ur0p9 > *, .modal__center_ur0p9 > *, .modal__space-between_ur0p9 > * {
65
+ .modal__start_ppltf > *, .modal__center_ppltf > *, .modal__space-between_ppltf > * {
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_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 {
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_ppltf.modal__gap-16_ppltf > *, .modal__center_ppltf.modal__gap-16_ppltf > *, .modal__space-between_ppltf.modal__gap-16_ppltf > * {
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_ppltf.modal__gap-24_ppltf > *, .modal__center_ppltf.modal__gap-24_ppltf > *, .modal__space-between_ppltf.modal__gap-24_ppltf > * {
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_ppltf.modal__gap-32_ppltf > *, .modal__center_ppltf.modal__gap-32_ppltf > *, .modal__space-between_ppltf.modal__gap-32_ppltf > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: d1gp4 */
1
+ /* hash: 1hbul */
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_mi4zw {
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_mi4zw {
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_mi4zw {
47
47
  background: var(--modal-footer-highlight-background);
48
48
  box-shadow: var(--modal-footer-highlight-box-shadow);
49
49
  }
@@ -165,19 +165,12 @@
165
165
  --color-static-status-purple: #673ab7;
166
166
  --color-static-status-red: #d91d0b;
167
167
  --color-static-status-teal: #219187;
168
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
169
168
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
170
- --color-static-status-green-tint-90: rgb(231, 246, 239);
171
169
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
172
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
173
170
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
174
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
175
171
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
176
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
177
172
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
178
- --color-static-status-red-tint-90: rgb(251, 232, 231);
179
173
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
180
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
181
174
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
182
175
  }
183
176
  :root {
@@ -609,13 +602,13 @@
609
602
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
610
603
  --modal-footer-highlight-background: var(--color-light-bg-primary);
611
604
  }
612
- .modal__footer_1328l {
605
+ .modal__footer_1s6ab {
613
606
 
614
607
  padding: var(--gap-xl) var(--gap-m);
615
608
  }
616
- .modal__highlighted_1328l {
609
+ .modal__highlighted_1s6ab {
617
610
  }
618
- .modal__sticky_1328l {
611
+ .modal__sticky_1s6ab {
619
612
 
620
613
  bottom: 0;
621
614
  }
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-5d3a812f.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-44154213.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -7,7 +7,7 @@ import '@alfalab/core-components-button/dist/esm';
7
7
  import '../closer/Component.js';
8
8
  import { Header } from './Component.js';
9
9
 
10
- 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"};
10
+ 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"};
11
11
  require('./desktop.css')
12
12
 
13
13
  var HeaderDesktop = function (_a) {
@@ -1,4 +1,4 @@
1
- import '../../tslib.es6-5d3a812f.js';
1
+ import '../../tslib.es6-44154213.js';
2
2
  import React, { useContext, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -1,4 +1,4 @@
1
- import { a as __assign } from '../../tslib.es6-5d3a812f.js';
1
+ import { a as __assign } from '../../tslib.es6-44154213.js';
2
2
  import React from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -7,7 +7,7 @@ import '@alfalab/core-components-button/dist/esm';
7
7
  import '../closer/Component.js';
8
8
  import { Header } from './Component.js';
9
9
 
10
- 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"};
10
+ 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"};
11
11
  require('./mobile.css')
12
12
 
13
13
  var HeaderMobile = function (props) { return React.createElement(Header, __assign({ styles: styles }, props)); };
@@ -1,4 +1,4 @@
1
- /* hash: 4htsl */
1
+ /* hash: 18s7p */
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_11nnx {
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_11nnx {
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_11nnx {
60
60
  position: sticky;
61
- }.modal__content_xwdld {
61
+ }.modal__content_11nnx {
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_11nnx {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -187,19 +187,12 @@
187
187
  --color-static-status-purple: #673ab7;
188
188
  --color-static-status-red: #d91d0b;
189
189
  --color-static-status-teal: #219187;
190
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
191
190
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
192
- --color-static-status-green-tint-90: rgb(231, 246, 239);
193
191
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
194
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
195
192
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
196
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
197
193
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
198
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
199
194
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
200
- --color-static-status-red-tint-90: rgb(251, 232, 231);
201
195
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
202
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
203
196
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
204
197
  }
205
198
  :root {
@@ -631,33 +624,33 @@
631
624
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
632
625
  --modal-footer-highlight-background: var(--color-light-bg-primary);
633
626
  }
634
- .modal__header_ma0zj {
627
+ .modal__header_8tzjx {
635
628
 
636
629
  min-height: var(--modal-header-min-height);
637
630
  border-top-left-radius: var(--modal-border-radius);
638
631
  border-top-right-radius: var(--modal-border-radius);
639
632
  }
640
- .modal__s_ma0zj {
633
+ .modal__s_8tzjx {
641
634
  padding: var(--modal-s-header-paddings);
642
635
  }
643
- .modal__m_ma0zj {
636
+ .modal__m_8tzjx {
644
637
  padding: var(--modal-m-header-paddings);
645
638
  }
646
- .modal__l_ma0zj,
647
- .modal__fullscreen_ma0zj {
639
+ .modal__l_8tzjx,
640
+ .modal__fullscreen_8tzjx {
648
641
  min-height: var(--modal-header-l-min-height);
649
642
  padding: var(--modal-l-header-paddings);
650
643
  }
651
- .modal__sticky_ma0zj {
644
+ .modal__sticky_8tzjx {
652
645
 
653
646
  top: calc(var(--modal-vertical-padding) * -1);
654
647
  }
655
- .modal__fullscreen_ma0zj {
648
+ .modal__fullscreen_8tzjx {
656
649
  top: 0;
657
650
  }
658
- .modal__highlighted_ma0zj {
651
+ .modal__highlighted_8tzjx {
659
652
  }
660
- .modal__content_ma0zj {
653
+ .modal__content_8tzjx {
661
654
  }
662
- .modal__title_ma0zj {
655
+ .modal__title_8tzjx {
663
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: v8oes */
1
+ /* hash: hy99g */
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_11nnx {
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_11nnx {
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_11nnx {
50
50
  position: sticky;
51
- }.modal__content_xwdld {
51
+ }.modal__content_11nnx {
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_11nnx {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -177,19 +177,12 @@
177
177
  --color-static-status-purple: #673ab7;
178
178
  --color-static-status-red: #d91d0b;
179
179
  --color-static-status-teal: #219187;
180
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
181
180
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
182
- --color-static-status-green-tint-90: rgb(231, 246, 239);
183
181
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
184
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
185
182
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
186
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
187
183
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
188
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
189
184
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
190
- --color-static-status-red-tint-90: rgb(251, 232, 231);
191
185
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
192
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
193
186
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
194
187
  }
195
188
  :root {
@@ -621,7 +614,7 @@
621
614
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
622
615
  --modal-footer-highlight-background: var(--color-light-bg-primary);
623
616
  }
624
- .modal__header_1kj5l {
617
+ .modal__header_1hrz0 {
625
618
 
626
619
  text-align: center;
627
620
  flex-direction: row-reverse;
@@ -629,13 +622,13 @@
629
622
  padding-right: var(--gap-4xl);
630
623
  padding-left: 0;
631
624
  }
632
- .modal__sticky_1kj5l {
625
+ .modal__sticky_1hrz0 {
633
626
 
634
627
  top: 0;
635
628
  }
636
- .modal__highlighted_1kj5l {
629
+ .modal__highlighted_1hrz0 {
637
630
  }
638
- .modal__content_1kj5l {
631
+ .modal__content_1hrz0 {
639
632
  }
640
- .modal__title_1kj5l {
633
+ .modal__title_1hrz0 {
641
634
  }
@@ -1,4 +1,4 @@
1
- /* hash: lio9c */
1
+ /* hash: 1pt25 */
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_118yl {
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_118yl {
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_118yl {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_1fi84 .modal__component_1fi84 {
46
+ .modal__fullscreen_118yl .modal__component_118yl {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_1fi84 {
50
+ .modal__s_118yl {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_1fi84 {
53
+ .modal__m_118yl {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_1fi84 {
56
+ .modal__l_118yl {
57
57
  width: var(--modal-l-width);
58
58
  }
@@ -1,4 +1,4 @@
1
- import './tslib.es6-5d3a812f.js';
1
+ import './tslib.es6-44154213.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -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-4c2889a7.js';
16
+ import './transitions.module-027dd21d.js';
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-5d3a812f.js';
1
+ import './tslib.es6-44154213.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -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-4c2889a7.js';
16
+ import './transitions.module-027dd21d.js';
17
17
  import '@alfalab/hooks';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- /* hash: 6ql44 */
1
+ /* hash: 1b0z0 */
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_89hle {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
@@ -1,4 +1,4 @@
1
- import './tslib.es6-5d3a812f.js';
1
+ import './tslib.es6-44154213.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -8,7 +8,7 @@ import './components/closer/Component.js';
8
8
  import './components/header/Component.js';
9
9
  import './components/content/Component.js';
10
10
  import './components/footer/Component.js';
11
- import './transitions.module-4c2889a7.js';
11
+ import './transitions.module-027dd21d.js';
12
12
  import '@alfalab/hooks';
13
13
  import './components/header/Component.mobile.js';
14
14
  import './components/content/Component.mobile.js';
@@ -1,4 +1,4 @@
1
- import './tslib.es6-5d3a812f.js';
1
+ import './tslib.es6-44154213.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
@@ -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-4c2889a7.js';
16
+ import './transitions.module-027dd21d.js';
17
17
  import '@alfalab/hooks';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,24 +1,24 @@
1
- /* hash: 8ahnp */
2
- .modal__appear_bov38,
3
- .modal__enter_bov38 {
1
+ /* hash: 1317t */
2
+ .modal__appear_1vgvn,
3
+ .modal__enter_1vgvn {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_bov38,
9
- .modal__enterActive_bov38 {
8
+ .modal__appearActive_1vgvn,
9
+ .modal__enterActive_1vgvn {
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_1vgvn {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_bov38,
21
- .modal__exitDone_bov38 {
20
+ .modal__exitActive_1vgvn,
21
+ .modal__exitDone_1vgvn {
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_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 };
package/dist/index.js CHANGED
@@ -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-33bab17e.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-ac51ff87.js');
21
21
  require('@alfalab/hooks');
22
22
  require('./components/header/Component.mobile.js');
23
23
  require('./components/content/Component.mobile.js');
package/dist/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6ql44 */
1
+ /* hash: 1b0z0 */
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_89hle {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }