@alfalab/core-components-modal 3.0.2 → 4.0.3

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 +40 -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 +9 -9
  7. package/dist/components/content/Component.desktop.js +2 -2
  8. package/dist/components/content/Component.mobile.js +2 -2
  9. package/dist/components/content/desktop.css +20 -20
  10. package/dist/components/content/mobile.css +15 -15
  11. package/dist/components/footer/Component.desktop.js +2 -2
  12. package/dist/components/footer/Component.js +1 -1
  13. package/dist/components/footer/Component.mobile.js +2 -2
  14. package/dist/components/footer/desktop.css +20 -20
  15. package/dist/components/footer/layout.css +25 -25
  16. package/dist/components/footer/mobile.css +15 -15
  17. package/dist/components/header/Component.desktop.js +2 -2
  18. package/dist/components/header/Component.js +1 -1
  19. package/dist/components/header/Component.mobile.js +2 -2
  20. package/dist/components/header/desktop.css +24 -24
  21. package/dist/components/header/mobile.css +19 -19
  22. package/dist/cssm/components/closer/index.module.css +1 -1
  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 +9 -9
  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 +20 -20
  33. package/dist/esm/components/content/mobile.css +15 -15
  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 +20 -20
  38. package/dist/esm/components/footer/layout.css +25 -25
  39. package/dist/esm/components/footer/mobile.css +15 -15
  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 +24 -24
  44. package/dist/esm/components/header/mobile.css +19 -19
  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-0af128f1.js +4 -0
  53. package/dist/esm/{tslib.es6-5b22fba8.d.ts → tslib.es6-428cbd49.d.ts} +0 -0
  54. package/dist/esm/{tslib.es6-5b22fba8.js → tslib.es6-428cbd49.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 +9 -9
  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 +20 -20
  66. package/dist/modern/components/content/mobile.css +15 -15
  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 +20 -20
  71. package/dist/modern/components/footer/layout.css +25 -25
  72. package/dist/modern/components/footer/mobile.css +15 -15
  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 +24 -24
  76. package/dist/modern/components/header/mobile.css +19 -19
  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-0af128f1.js +4 -0
  85. package/dist/responsive.js +2 -2
  86. package/dist/transitions.css +8 -8
  87. package/dist/transitions.module-ac43ebc6.js +6 -0
  88. package/dist/{tslib.es6-5b726b20.d.ts → tslib.es6-6205675e.d.ts} +0 -0
  89. package/dist/{tslib.es6-5b726b20.js → tslib.es6-6205675e.js} +0 -0
  90. package/package.json +4 -4
  91. package/dist/esm/transitions.module-c34fafc2.js +0 -4
  92. package/dist/modern/transitions.module-c34fafc2.js +0 -4
  93. package/dist/transitions.module-815de616.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: epks1 */
1
+ /* hash: 1du39 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_1d6fi {
28
+ .modal__column_n86ia {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_1d6fi > * {
32
+ .modal__column_n86ia > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_1d6fi > *:last-child,
36
- .modal__column_1d6fi > *:only-child {
35
+ .modal__column_n86ia > *:last-child,
36
+ .modal__column_n86ia > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_1d6fi.modal__gap-16_1d6fi > * {
39
+ .modal__column_n86ia.modal__gap-16_n86ia > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_1d6fi.modal__gap-24_1d6fi > * {
42
+ .modal__column_n86ia.modal__gap-24_n86ia > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_1d6fi.modal__gap-32_1d6fi > * {
45
+ .modal__column_n86ia.modal__gap-32_n86ia > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_1d6fi {
48
+ .modal__start_n86ia {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_1d6fi {
51
+ .modal__center_n86ia {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_1d6fi {
54
+ .modal__space-between_n86ia {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_1d6fi > * {
57
+ .modal__space-between_n86ia > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_1d6fi,
61
- .modal__center_1d6fi,
62
- .modal__space-between_1d6fi {
60
+ .modal__start_n86ia,
61
+ .modal__center_n86ia,
62
+ .modal__space-between_n86ia {
63
63
  display: flex
64
64
  }
65
- .modal__start_1d6fi > *, .modal__center_1d6fi > *, .modal__space-between_1d6fi > * {
65
+ .modal__start_n86ia > *, .modal__center_n86ia > *, .modal__space-between_n86ia > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_1d6fi > *:last-child,
69
- .modal__start_1d6fi > *:only-child,
70
- .modal__center_1d6fi > *:last-child,
71
- .modal__center_1d6fi > *:only-child,
72
- .modal__space-between_1d6fi > *:last-child,
73
- .modal__space-between_1d6fi > *:only-child {
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 {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_1d6fi.modal__gap-16_1d6fi > *, .modal__center_1d6fi.modal__gap-16_1d6fi > *, .modal__space-between_1d6fi.modal__gap-16_1d6fi > * {
76
+ .modal__start_n86ia.modal__gap-16_n86ia > *, .modal__center_n86ia.modal__gap-16_n86ia > *, .modal__space-between_n86ia.modal__gap-16_n86ia > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_1d6fi.modal__gap-24_1d6fi > *, .modal__center_1d6fi.modal__gap-24_1d6fi > *, .modal__space-between_1d6fi.modal__gap-24_1d6fi > * {
79
+ .modal__start_n86ia.modal__gap-24_n86ia > *, .modal__center_n86ia.modal__gap-24_n86ia > *, .modal__space-between_n86ia.modal__gap-24_n86ia > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_1d6fi.modal__gap-32_1d6fi > *, .modal__center_1d6fi.modal__gap-32_1d6fi > *, .modal__space-between_1d6fi.modal__gap-32_1d6fi > * {
82
+ .modal__start_n86ia.modal__gap-32_n86ia > *, .modal__center_n86ia.modal__gap-32_n86ia > *, .modal__space-between_n86ia.modal__gap-32_n86ia > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1bc9n */
1
+ /* hash: 1x5pu */
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_d6q2c {
37
+ }.modal__footer_3nv7q {
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_d6q2c {
42
+ }.modal__sticky_3nv7q {
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_d6q2c {
46
+ }.modal__highlighted_3nv7q {
47
47
  background: var(--modal-footer-highlight-background);
48
48
  box-shadow: var(--modal-footer-highlight-box-shadow);
49
49
  }
@@ -165,13 +165,13 @@
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
- --color-static-status-green-tint-90: rgb(231, 246, 239);
170
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
171
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
172
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
173
- --color-static-status-red-tint-90: rgb(251, 232, 231);
174
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
168
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
169
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
170
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
171
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
172
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
173
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
174
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
175
175
  }
176
176
  :root {
177
177
  --color-dark-bg-accent: #ef3124;
@@ -590,7 +590,7 @@
590
590
  --modal-content-no-header-top-padding: var(--gap-2xl);
591
591
 
592
592
  /* closer */
593
- --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
593
+ --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
594
594
 
595
595
  /* sticky */
596
596
  --modal-footer-sticky-box-shadow: none;
@@ -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_12dmo {
605
+ .modal__footer_1mm0f {
606
606
 
607
607
  padding: var(--gap-xl) var(--gap-m);
608
608
  }
609
- .modal__highlighted_12dmo {
609
+ .modal__highlighted_1mm0f {
610
610
  }
611
- .modal__sticky_12dmo {
611
+ .modal__sticky_1mm0f {
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_tljtd modal__header_157wf","s":"modal__s_tljtd","m":"modal__m_tljtd","l":"modal__l_tljtd","fullscreen":"modal__fullscreen_tljtd","sticky":"modal__sticky_tljtd modal__sticky_157wf","highlighted":"modal__highlighted_tljtd modal__highlighted_157wf","content":"modal__content_tljtd modal__content_157wf","title":"modal__title_tljtd modal__title_157wf"};
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"};
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_1g8u5 modal__header_157wf","sticky":"modal__sticky_1g8u5 modal__sticky_157wf","highlighted":"modal__highlighted_1g8u5 modal__highlighted_157wf","content":"modal__content_1g8u5 modal__content_157wf","title":"modal__title_1g8u5 modal__title_157wf"};
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"};
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: zamxc */
1
+ /* hash: 5zfbo */
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_157wf {
48
+ }.modal__header_vp1kk {
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_157wf {
56
+ }.modal__highlighted_vp1kk {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_157wf {
59
+ }.modal__sticky_vp1kk {
60
60
  position: sticky;
61
- }.modal__content_157wf {
61
+ }.modal__content_vp1kk {
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_157wf {
69
+ }.modal__title_vp1kk {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -187,13 +187,13 @@
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
- --color-static-status-green-tint-90: rgb(231, 246, 239);
192
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
193
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
194
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
195
- --color-static-status-red-tint-90: rgb(251, 232, 231);
196
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
190
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
191
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
192
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
193
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
194
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
195
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
196
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
197
197
  }
198
198
  :root {
199
199
  --color-dark-bg-accent: #ef3124;
@@ -612,7 +612,7 @@
612
612
  --modal-content-no-header-top-padding: var(--gap-2xl);
613
613
 
614
614
  /* closer */
615
- --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
615
+ --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
616
616
 
617
617
  /* sticky */
618
618
  --modal-footer-sticky-box-shadow: none;
@@ -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_tljtd {
627
+ .modal__header_1g3gj {
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_tljtd {
633
+ .modal__s_1g3gj {
634
634
  padding: var(--modal-s-header-paddings);
635
635
  }
636
- .modal__m_tljtd {
636
+ .modal__m_1g3gj {
637
637
  padding: var(--modal-m-header-paddings);
638
638
  }
639
- .modal__l_tljtd,
640
- .modal__fullscreen_tljtd {
639
+ .modal__l_1g3gj,
640
+ .modal__fullscreen_1g3gj {
641
641
  min-height: var(--modal-header-l-min-height);
642
642
  padding: var(--modal-l-header-paddings);
643
643
  }
644
- .modal__sticky_tljtd {
644
+ .modal__sticky_1g3gj {
645
645
 
646
646
  top: calc(var(--modal-vertical-padding) * -1);
647
647
  }
648
- .modal__fullscreen_tljtd {
648
+ .modal__fullscreen_1g3gj {
649
649
  top: 0;
650
650
  }
651
- .modal__highlighted_tljtd {
651
+ .modal__highlighted_1g3gj {
652
652
  }
653
- .modal__content_tljtd {
653
+ .modal__content_1g3gj {
654
654
  }
655
- .modal__title_tljtd {
655
+ .modal__title_1g3gj {
656
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: uxh38 */
1
+ /* hash: 1a5jb */
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_157wf {
38
+ }.modal__header_vp1kk {
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_157wf {
46
+ }.modal__highlighted_vp1kk {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_157wf {
49
+ }.modal__sticky_vp1kk {
50
50
  position: sticky;
51
- }.modal__content_157wf {
51
+ }.modal__content_vp1kk {
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_157wf {
59
+ }.modal__title_vp1kk {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -177,13 +177,13 @@
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
- --color-static-status-green-tint-90: rgb(231, 246, 239);
182
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
183
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
184
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
185
- --color-static-status-red-tint-90: rgb(251, 232, 231);
186
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
180
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
181
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
182
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
183
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
184
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
185
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
186
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
187
187
  }
188
188
  :root {
189
189
  --color-dark-bg-accent: #ef3124;
@@ -602,7 +602,7 @@
602
602
  --modal-content-no-header-top-padding: var(--gap-2xl);
603
603
 
604
604
  /* closer */
605
- --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
605
+ --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
606
606
 
607
607
  /* sticky */
608
608
  --modal-footer-sticky-box-shadow: none;
@@ -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_1g8u5 {
617
+ .modal__header_dzsyt {
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_1g8u5 {
625
+ .modal__sticky_dzsyt {
626
626
 
627
627
  top: 0;
628
628
  }
629
- .modal__highlighted_1g8u5 {
629
+ .modal__highlighted_dzsyt {
630
630
  }
631
- .modal__content_1g8u5 {
631
+ .modal__content_dzsyt {
632
632
  }
633
- .modal__title_1g8u5 {
633
+ .modal__title_dzsyt {
634
634
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1ilv5 */
1
+ /* hash: 10fj5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_1g6u1 {
33
+ .modal__wrapper_1ffiq {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_1g6u1 {
37
+ .modal__component_1ffiq {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_1g6u1 {
42
+ .modal__fullscreen_1ffiq {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_1g6u1 .modal__component_1g6u1 {
46
+ .modal__fullscreen_1ffiq .modal__component_1ffiq {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_1g6u1 {
50
+ .modal__s_1ffiq {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_1g6u1 {
53
+ .modal__m_1ffiq {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_1g6u1 {
56
+ .modal__l_1ffiq {
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-c34fafc2.js';
15
+ import './transitions.module-0af128f1.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-c34fafc2.js';
15
+ import './transitions.module-0af128f1.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: 13pkx */
1
+ /* hash: 886n6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_1etis {
22
+ .modal__component_17xx7 {
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-c34fafc2.js';
10
+ import './transitions.module-0af128f1.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-c34fafc2.js';
15
+ import './transitions.module-0af128f1.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: 18wln */
2
- .modal__appear_odi84,
3
- .modal__enter_odi84 {
1
+ /* hash: 9s36r */
2
+ .modal__appear_1ki94,
3
+ .modal__enter_1ki94 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_odi84,
9
- .modal__enterActive_odi84 {
8
+ .modal__appearActive_1ki94,
9
+ .modal__enterActive_1ki94 {
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_odi84 {
15
+ .modal__exit_1ki94 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_odi84,
21
- .modal__exitDone_odi84 {
20
+ .modal__exitActive_1ki94,
21
+ .modal__exitDone_1ki94 {
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_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 };
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-5b726b20.js');
5
+ require('./tslib.es6-6205675e.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-815de616.js');
20
+ require('./transitions.module-ac43ebc6.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: 18wln */
2
- .modal__appear_odi84,
3
- .modal__enter_odi84 {
1
+ /* hash: 9s36r */
2
+ .modal__appear_1ki94,
3
+ .modal__enter_1ki94 {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_odi84,
9
- .modal__enterActive_odi84 {
8
+ .modal__appearActive_1ki94,
9
+ .modal__enterActive_1ki94 {
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_odi84 {
15
+ .modal__exit_1ki94 {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_odi84,
21
- .modal__exitDone_odi84 {
20
+ .modal__exitActive_1ki94,
21
+ .modal__exitDone_1ki94 {
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_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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-modal",
3
- "version": "3.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "access": "public"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-base-modal": "^3.0.2",
19
- "@alfalab/core-components-button": "^5.0.1",
18
+ "@alfalab/core-components-base-modal": "^3.1.0",
19
+ "@alfalab/core-components-button": "^5.0.3",
20
20
  "@alfalab/core-components-mq": "1.0.0",
21
21
  "classnames": "^2.2.6",
22
22
  "react-transition-group": "^4.3.0"
@@ -27,5 +27,5 @@
27
27
  "peerDependencies": {
28
28
  "react": "^16.9.0 || ^17.0.1"
29
29
  },
30
- "gitHead": "d5c570e62d70bb812383c22a968f6743e843e82b"
30
+ "gitHead": "d35b2d43cbc90ecb7665c682a2de13733bc03eb0"
31
31
  }
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_odi84","enter":"modal__enter_odi84","appearActive":"modal__appearActive_odi84","enterActive":"modal__enterActive_odi84","exit":"modal__exit_odi84","exitActive":"modal__exitActive_odi84","exitDone":"modal__exitDone_odi84"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,4 +0,0 @@
1
- var transitions = {"appear":"modal__appear_odi84","enter":"modal__enter_odi84","appearActive":"modal__appearActive_odi84","enterActive":"modal__enterActive_odi84","exit":"modal__exit_odi84","exitActive":"modal__exitActive_odi84","exitDone":"modal__exitDone_odi84"};
2
- require('./transitions.css')
3
-
4
- export { transitions as t };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var transitions = {"appear":"modal__appear_odi84","enter":"modal__enter_odi84","appearActive":"modal__appearActive_odi84","enterActive":"modal__enterActive_odi84","exit":"modal__exit_odi84","exitActive":"modal__exitActive_odi84","exitDone":"modal__exitDone_odi84"};
4
- require('./transitions.css')
5
-
6
- exports.transitions = transitions;