@alfalab/core-components-modal 3.0.1 → 4.0.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 (92) hide show
  1. package/CHANGELOG.md +43 -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 +8 -8
  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 +19 -12
  10. package/dist/components/content/mobile.css +14 -7
  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 +19 -12
  15. package/dist/components/footer/layout.css +25 -25
  16. package/dist/components/footer/mobile.css +14 -7
  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 +23 -16
  21. package/dist/components/header/mobile.css +18 -11
  22. package/dist/desktop.css +8 -8
  23. package/dist/desktop.js +2 -2
  24. package/dist/esm/Component.desktop.js +3 -3
  25. package/dist/esm/Component.mobile.js +3 -3
  26. package/dist/esm/Component.responsive.js +2 -2
  27. package/dist/esm/components/closer/Component.js +2 -2
  28. package/dist/esm/components/closer/index.css +8 -8
  29. package/dist/esm/components/content/Component.desktop.js +2 -2
  30. package/dist/esm/components/content/Component.mobile.js +2 -2
  31. package/dist/esm/components/content/desktop.css +19 -12
  32. package/dist/esm/components/content/mobile.css +14 -7
  33. package/dist/esm/components/footer/Component.desktop.js +2 -2
  34. package/dist/esm/components/footer/Component.js +1 -1
  35. package/dist/esm/components/footer/Component.mobile.js +2 -2
  36. package/dist/esm/components/footer/desktop.css +19 -12
  37. package/dist/esm/components/footer/layout.css +25 -25
  38. package/dist/esm/components/footer/mobile.css +14 -7
  39. package/dist/esm/components/header/Component.desktop.js +2 -2
  40. package/dist/esm/components/header/Component.js +1 -1
  41. package/dist/esm/components/header/Component.mobile.js +2 -2
  42. package/dist/esm/components/header/desktop.css +23 -16
  43. package/dist/esm/components/header/mobile.css +18 -11
  44. package/dist/esm/desktop.css +8 -8
  45. package/dist/esm/desktop.js +2 -2
  46. package/dist/esm/index.js +2 -2
  47. package/dist/esm/mobile.css +2 -2
  48. package/dist/esm/mobile.js +2 -2
  49. package/dist/esm/responsive.js +2 -2
  50. package/dist/esm/transitions.css +8 -8
  51. package/dist/esm/transitions.module-7a80e043.js +4 -0
  52. package/dist/esm/{tslib.es6-33db3ec8.d.ts → tslib.es6-07601d96.d.ts} +0 -0
  53. package/dist/esm/{tslib.es6-33db3ec8.js → tslib.es6-07601d96.js} +0 -0
  54. package/dist/index.js +2 -2
  55. package/dist/mobile.css +2 -2
  56. package/dist/mobile.js +2 -2
  57. package/dist/modern/Component.desktop.js +2 -2
  58. package/dist/modern/Component.mobile.js +2 -2
  59. package/dist/modern/Component.responsive.js +1 -1
  60. package/dist/modern/components/closer/Component.js +1 -1
  61. package/dist/modern/components/closer/index.css +8 -8
  62. package/dist/modern/components/content/Component.desktop.js +1 -1
  63. package/dist/modern/components/content/Component.mobile.js +1 -1
  64. package/dist/modern/components/content/desktop.css +19 -12
  65. package/dist/modern/components/content/mobile.css +14 -7
  66. package/dist/modern/components/footer/Component.desktop.js +1 -1
  67. package/dist/modern/components/footer/Component.js +1 -1
  68. package/dist/modern/components/footer/Component.mobile.js +1 -1
  69. package/dist/modern/components/footer/desktop.css +19 -12
  70. package/dist/modern/components/footer/layout.css +25 -25
  71. package/dist/modern/components/footer/mobile.css +14 -7
  72. package/dist/modern/components/header/Component.desktop.js +1 -1
  73. package/dist/modern/components/header/Component.mobile.js +1 -1
  74. package/dist/modern/components/header/desktop.css +23 -16
  75. package/dist/modern/components/header/mobile.css +18 -11
  76. package/dist/modern/desktop.css +8 -8
  77. package/dist/modern/desktop.js +1 -1
  78. package/dist/modern/index.js +1 -1
  79. package/dist/modern/mobile.css +2 -2
  80. package/dist/modern/mobile.js +1 -1
  81. package/dist/modern/responsive.js +1 -1
  82. package/dist/modern/transitions.css +8 -8
  83. package/dist/modern/transitions.module-7a80e043.js +4 -0
  84. package/dist/responsive.js +2 -2
  85. package/dist/transitions.css +8 -8
  86. package/dist/transitions.module-b1f4dde5.js +6 -0
  87. package/dist/{tslib.es6-9ba169bb.d.ts → tslib.es6-201c0358.d.ts} +0 -0
  88. package/dist/{tslib.es6-9ba169bb.js → tslib.es6-201c0358.js} +0 -0
  89. package/package.json +3 -3
  90. package/dist/esm/transitions.module-15613e30.js +0 -4
  91. package/dist/modern/transitions.module-15613e30.js +0 -4
  92. package/dist/transitions.module-1b92fd3b.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: 1trdz */
1
+ /* hash: 1ci0m */
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_1jib3 {
45
+ }.modal__footer_1x51a {
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_1jib3 {
50
+ }.modal__sticky_1x51a {
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_1jib3 {
54
+ }.modal__highlighted_1x51a {
55
55
  background: var(--modal-footer-highlight-background);
56
56
  box-shadow: var(--modal-footer-highlight-box-shadow);
57
57
  }
@@ -174,12 +174,19 @@
174
174
  --color-static-status-red: #d91d0b;
175
175
  --color-static-status-teal: #219187;
176
176
  --color-static-status-blue-tint-90: rgb(230, 242, 255);
177
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
177
178
  --color-static-status-green-tint-90: rgb(231, 246, 239);
179
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
178
180
  --color-static-status-grey-tint-90: rgb(240, 242, 243);
181
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
179
182
  --color-static-status-orange-tint-90: rgb(252, 240, 230);
183
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
180
184
  --color-static-status-purple-tint-90: rgb(240, 235, 248);
185
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
181
186
  --color-static-status-red-tint-90: rgb(251, 232, 231);
187
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
182
188
  --color-static-status-teal-tint-90: rgb(233, 244, 243);
189
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
183
190
  }
184
191
  :root {
185
192
  --color-dark-bg-accent: #ef3124;
@@ -610,27 +617,27 @@
610
617
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
611
618
  --modal-footer-highlight-background: var(--color-light-bg-primary);
612
619
  }
613
- .modal__footer_1ne08 {
620
+ .modal__footer_y0dxx {
614
621
 
615
622
  border-bottom-left-radius: var(--modal-border-radius);
616
623
  border-bottom-right-radius: var(--modal-border-radius);
617
624
  }
618
- .modal__highlighted_1ne08 {
625
+ .modal__highlighted_y0dxx {
619
626
  }
620
- .modal__sticky_1ne08 {
627
+ .modal__sticky_y0dxx {
621
628
 
622
629
  bottom: calc(var(--modal-vertical-padding) * -1);
623
630
  }
624
- .modal__fullscreen_1ne08 {
631
+ .modal__fullscreen_y0dxx {
625
632
  bottom: 0;
626
633
  }
627
- .modal__s_1ne08 {
634
+ .modal__s_y0dxx {
628
635
  padding: var(--modal-s-footer-paddings);
629
636
  }
630
- .modal__m_1ne08 {
637
+ .modal__m_y0dxx {
631
638
  padding: var(--modal-m-footer-paddings);
632
639
  }
633
- .modal__l_1ne08,
634
- .modal__fullscreen_1ne08 {
640
+ .modal__l_y0dxx,
641
+ .modal__fullscreen_y0dxx {
635
642
  padding: var(--modal-l-footer-paddings);
636
643
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1yer6 */
1
+ /* hash: 1h5dt */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* scroll */
27
27
  }
28
- .modal__column_kgwhd {
28
+ .modal__column_1u4e8 {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_kgwhd > * {
32
+ .modal__column_1u4e8 > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_kgwhd > *:last-child,
36
- .modal__column_kgwhd > *:only-child {
35
+ .modal__column_1u4e8 > *:last-child,
36
+ .modal__column_1u4e8 > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_kgwhd.modal__gap-16_kgwhd > * {
39
+ .modal__column_1u4e8.modal__gap-16_1u4e8 > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_kgwhd.modal__gap-24_kgwhd > * {
42
+ .modal__column_1u4e8.modal__gap-24_1u4e8 > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_kgwhd.modal__gap-32_kgwhd > * {
45
+ .modal__column_1u4e8.modal__gap-32_1u4e8 > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_kgwhd {
48
+ .modal__start_1u4e8 {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_kgwhd {
51
+ .modal__center_1u4e8 {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_kgwhd {
54
+ .modal__space-between_1u4e8 {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_kgwhd > * {
57
+ .modal__space-between_1u4e8 > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_kgwhd,
61
- .modal__center_kgwhd,
62
- .modal__space-between_kgwhd {
60
+ .modal__start_1u4e8,
61
+ .modal__center_1u4e8,
62
+ .modal__space-between_1u4e8 {
63
63
  display: flex
64
64
  }
65
- .modal__start_kgwhd > *, .modal__center_kgwhd > *, .modal__space-between_kgwhd > * {
65
+ .modal__start_1u4e8 > *, .modal__center_1u4e8 > *, .modal__space-between_1u4e8 > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_kgwhd > *:last-child,
69
- .modal__start_kgwhd > *:only-child,
70
- .modal__center_kgwhd > *:last-child,
71
- .modal__center_kgwhd > *:only-child,
72
- .modal__space-between_kgwhd > *:last-child,
73
- .modal__space-between_kgwhd > *:only-child {
68
+ .modal__start_1u4e8 > *:last-child,
69
+ .modal__start_1u4e8 > *:only-child,
70
+ .modal__center_1u4e8 > *:last-child,
71
+ .modal__center_1u4e8 > *:only-child,
72
+ .modal__space-between_1u4e8 > *:last-child,
73
+ .modal__space-between_1u4e8 > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_kgwhd.modal__gap-16_kgwhd > *, .modal__center_kgwhd.modal__gap-16_kgwhd > *, .modal__space-between_kgwhd.modal__gap-16_kgwhd > * {
76
+ .modal__start_1u4e8.modal__gap-16_1u4e8 > *, .modal__center_1u4e8.modal__gap-16_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-16_1u4e8 > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_kgwhd.modal__gap-24_kgwhd > *, .modal__center_kgwhd.modal__gap-24_kgwhd > *, .modal__space-between_kgwhd.modal__gap-24_kgwhd > * {
79
+ .modal__start_1u4e8.modal__gap-24_1u4e8 > *, .modal__center_1u4e8.modal__gap-24_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-24_1u4e8 > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_kgwhd.modal__gap-32_kgwhd > *, .modal__center_kgwhd.modal__gap-32_kgwhd > *, .modal__space-between_kgwhd.modal__gap-32_kgwhd > * {
82
+ .modal__start_1u4e8.modal__gap-32_1u4e8 > *, .modal__center_1u4e8.modal__gap-32_1u4e8 > *, .modal__space-between_1u4e8.modal__gap-32_1u4e8 > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: yypu5 */
1
+ /* hash: 12amp */
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_1jib3 {
37
+ }.modal__footer_1x51a {
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_1jib3 {
42
+ }.modal__sticky_1x51a {
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_1jib3 {
46
+ }.modal__highlighted_1x51a {
47
47
  background: var(--modal-footer-highlight-background);
48
48
  box-shadow: var(--modal-footer-highlight-box-shadow);
49
49
  }
@@ -166,12 +166,19 @@
166
166
  --color-static-status-red: #d91d0b;
167
167
  --color-static-status-teal: #219187;
168
168
  --color-static-status-blue-tint-90: rgb(230, 242, 255);
169
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
169
170
  --color-static-status-green-tint-90: rgb(231, 246, 239);
171
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
170
172
  --color-static-status-grey-tint-90: rgb(240, 242, 243);
173
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
171
174
  --color-static-status-orange-tint-90: rgb(252, 240, 230);
175
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
172
176
  --color-static-status-purple-tint-90: rgb(240, 235, 248);
177
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
173
178
  --color-static-status-red-tint-90: rgb(251, 232, 231);
179
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
174
180
  --color-static-status-teal-tint-90: rgb(233, 244, 243);
181
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
175
182
  }
176
183
  :root {
177
184
  --color-dark-bg-accent: #ef3124;
@@ -602,13 +609,13 @@
602
609
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
603
610
  --modal-footer-highlight-background: var(--color-light-bg-primary);
604
611
  }
605
- .modal__footer_1oysq {
612
+ .modal__footer_rkg7d {
606
613
 
607
614
  padding: var(--gap-xl) var(--gap-m);
608
615
  }
609
- .modal__highlighted_1oysq {
616
+ .modal__highlighted_rkg7d {
610
617
  }
611
- .modal__sticky_1oysq {
618
+ .modal__sticky_rkg7d {
612
619
 
613
620
  bottom: 0;
614
621
  }
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-33db3ec8.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-07601d96.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_w0sf8 modal__header_cide9","s":"modal__s_w0sf8","m":"modal__m_w0sf8","l":"modal__l_w0sf8","fullscreen":"modal__fullscreen_w0sf8","sticky":"modal__sticky_w0sf8 modal__sticky_cide9","highlighted":"modal__highlighted_w0sf8 modal__highlighted_cide9","content":"modal__content_w0sf8 modal__content_cide9","title":"modal__title_w0sf8 modal__title_cide9"};
10
+ var styles = {"header":"modal__header_1lnej modal__header_118zk","s":"modal__s_1lnej","m":"modal__m_1lnej","l":"modal__l_1lnej","fullscreen":"modal__fullscreen_1lnej","sticky":"modal__sticky_1lnej modal__sticky_118zk","highlighted":"modal__highlighted_1lnej modal__highlighted_118zk","content":"modal__content_1lnej modal__content_118zk","title":"modal__title_1lnej modal__title_118zk"};
11
11
  require('./desktop.css')
12
12
 
13
13
  var HeaderDesktop = function (_a) {
@@ -1,4 +1,4 @@
1
- import '../../tslib.es6-33db3ec8.js';
1
+ import '../../tslib.es6-07601d96.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-33db3ec8.js';
1
+ import { a as __assign } from '../../tslib.es6-07601d96.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_gcl93 modal__header_cide9","sticky":"modal__sticky_gcl93 modal__sticky_cide9","highlighted":"modal__highlighted_gcl93 modal__highlighted_cide9","content":"modal__content_gcl93 modal__content_cide9","title":"modal__title_gcl93 modal__title_cide9"};
10
+ var styles = {"header":"modal__header_191d7 modal__header_118zk","sticky":"modal__sticky_191d7 modal__sticky_118zk","highlighted":"modal__highlighted_191d7 modal__highlighted_118zk","content":"modal__content_191d7 modal__content_118zk","title":"modal__title_191d7 modal__title_118zk"};
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: 13ain */
1
+ /* hash: 1m0tj */
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_cide9 {
48
+ }.modal__header_118zk {
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_cide9 {
56
+ }.modal__highlighted_118zk {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_cide9 {
59
+ }.modal__sticky_118zk {
60
60
  position: sticky;
61
- }.modal__content_cide9 {
61
+ }.modal__content_118zk {
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_cide9 {
69
+ }.modal__title_118zk {
70
70
  word-break: break-word;
71
71
  }
72
72
  :root {
@@ -188,12 +188,19 @@
188
188
  --color-static-status-red: #d91d0b;
189
189
  --color-static-status-teal: #219187;
190
190
  --color-static-status-blue-tint-90: rgb(230, 242, 255);
191
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
191
192
  --color-static-status-green-tint-90: rgb(231, 246, 239);
193
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
192
194
  --color-static-status-grey-tint-90: rgb(240, 242, 243);
195
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
193
196
  --color-static-status-orange-tint-90: rgb(252, 240, 230);
197
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
194
198
  --color-static-status-purple-tint-90: rgb(240, 235, 248);
199
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
195
200
  --color-static-status-red-tint-90: rgb(251, 232, 231);
201
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
196
202
  --color-static-status-teal-tint-90: rgb(233, 244, 243);
203
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
197
204
  }
198
205
  :root {
199
206
  --color-dark-bg-accent: #ef3124;
@@ -624,33 +631,33 @@
624
631
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
625
632
  --modal-footer-highlight-background: var(--color-light-bg-primary);
626
633
  }
627
- .modal__header_w0sf8 {
634
+ .modal__header_1lnej {
628
635
 
629
636
  min-height: var(--modal-header-min-height);
630
637
  border-top-left-radius: var(--modal-border-radius);
631
638
  border-top-right-radius: var(--modal-border-radius);
632
639
  }
633
- .modal__s_w0sf8 {
640
+ .modal__s_1lnej {
634
641
  padding: var(--modal-s-header-paddings);
635
642
  }
636
- .modal__m_w0sf8 {
643
+ .modal__m_1lnej {
637
644
  padding: var(--modal-m-header-paddings);
638
645
  }
639
- .modal__l_w0sf8,
640
- .modal__fullscreen_w0sf8 {
646
+ .modal__l_1lnej,
647
+ .modal__fullscreen_1lnej {
641
648
  min-height: var(--modal-header-l-min-height);
642
649
  padding: var(--modal-l-header-paddings);
643
650
  }
644
- .modal__sticky_w0sf8 {
651
+ .modal__sticky_1lnej {
645
652
 
646
653
  top: calc(var(--modal-vertical-padding) * -1);
647
654
  }
648
- .modal__fullscreen_w0sf8 {
655
+ .modal__fullscreen_1lnej {
649
656
  top: 0;
650
657
  }
651
- .modal__highlighted_w0sf8 {
658
+ .modal__highlighted_1lnej {
652
659
  }
653
- .modal__content_w0sf8 {
660
+ .modal__content_1lnej {
654
661
  }
655
- .modal__title_w0sf8 {
662
+ .modal__title_1lnej {
656
663
  }
@@ -1,4 +1,4 @@
1
- /* hash: ijx9m */
1
+ /* hash: 1khuf */
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_cide9 {
38
+ }.modal__header_118zk {
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_cide9 {
46
+ }.modal__highlighted_118zk {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_cide9 {
49
+ }.modal__sticky_118zk {
50
50
  position: sticky;
51
- }.modal__content_cide9 {
51
+ }.modal__content_118zk {
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_cide9 {
59
+ }.modal__title_118zk {
60
60
  word-break: break-word;
61
61
  }
62
62
  :root {
@@ -178,12 +178,19 @@
178
178
  --color-static-status-red: #d91d0b;
179
179
  --color-static-status-teal: #219187;
180
180
  --color-static-status-blue-tint-90: rgb(230, 242, 255);
181
+ --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
181
182
  --color-static-status-green-tint-90: rgb(231, 246, 239);
183
+ --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
182
184
  --color-static-status-grey-tint-90: rgb(240, 242, 243);
185
+ --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
183
186
  --color-static-status-orange-tint-90: rgb(252, 240, 230);
187
+ --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
184
188
  --color-static-status-purple-tint-90: rgb(240, 235, 248);
189
+ --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
185
190
  --color-static-status-red-tint-90: rgb(251, 232, 231);
191
+ --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
186
192
  --color-static-status-teal-tint-90: rgb(233, 244, 243);
193
+ --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
187
194
  }
188
195
  :root {
189
196
  --color-dark-bg-accent: #ef3124;
@@ -614,7 +621,7 @@
614
621
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
615
622
  --modal-footer-highlight-background: var(--color-light-bg-primary);
616
623
  }
617
- .modal__header_gcl93 {
624
+ .modal__header_191d7 {
618
625
 
619
626
  text-align: center;
620
627
  flex-direction: row-reverse;
@@ -622,13 +629,13 @@
622
629
  padding-right: var(--gap-4xl);
623
630
  padding-left: 0;
624
631
  }
625
- .modal__sticky_gcl93 {
632
+ .modal__sticky_191d7 {
626
633
 
627
634
  top: 0;
628
635
  }
629
- .modal__highlighted_gcl93 {
636
+ .modal__highlighted_191d7 {
630
637
  }
631
- .modal__content_gcl93 {
638
+ .modal__content_191d7 {
632
639
  }
633
- .modal__title_gcl93 {
640
+ .modal__title_191d7 {
634
641
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1uzez */
1
+ /* hash: 1vama */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_h1yvd {
33
+ .modal__wrapper_nzo1c {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_h1yvd {
37
+ .modal__component_nzo1c {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_h1yvd {
42
+ .modal__fullscreen_nzo1c {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_h1yvd .modal__component_h1yvd {
46
+ .modal__fullscreen_nzo1c .modal__component_nzo1c {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_h1yvd {
50
+ .modal__s_nzo1c {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_h1yvd {
53
+ .modal__m_nzo1c {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_h1yvd {
56
+ .modal__l_nzo1c {
57
57
  width: var(--modal-l-width);
58
58
  }
@@ -1,4 +1,4 @@
1
- import './tslib.es6-33db3ec8.js';
1
+ import './tslib.es6-07601d96.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-15613e30.js';
16
+ import './transitions.module-7a80e043.js';
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-33db3ec8.js';
1
+ import './tslib.es6-07601d96.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-15613e30.js';
16
+ import './transitions.module-7a80e043.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: x5lur */
1
+ /* hash: 1i23f */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_1r4ld {
22
+ .modal__component_ys9oh {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
@@ -1,4 +1,4 @@
1
- import './tslib.es6-33db3ec8.js';
1
+ import './tslib.es6-07601d96.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-15613e30.js';
11
+ import './transitions.module-7a80e043.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-33db3ec8.js';
1
+ import './tslib.es6-07601d96.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-15613e30.js';
16
+ import './transitions.module-7a80e043.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: 12cml */
2
- .modal__appear_10okt,
3
- .modal__enter_10okt {
1
+ /* hash: 1jlzy */
2
+ .modal__appear_1bcll,
3
+ .modal__enter_1bcll {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_10okt,
9
- .modal__enterActive_10okt {
8
+ .modal__appearActive_1bcll,
9
+ .modal__enterActive_1bcll {
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_10okt {
15
+ .modal__exit_1bcll {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_10okt,
21
- .modal__exitDone_10okt {
20
+ .modal__exitActive_1bcll,
21
+ .modal__exitDone_1bcll {
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_1bcll","enter":"modal__enter_1bcll","appearActive":"modal__appearActive_1bcll","enterActive":"modal__enterActive_1bcll","exit":"modal__exit_1bcll","exitActive":"modal__exitActive_1bcll","exitDone":"modal__exitDone_1bcll"};
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-9ba169bb.js');
5
+ require('./tslib.es6-201c0358.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-1b92fd3b.js');
20
+ require('./transitions.module-b1f4dde5.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: x5lur */
1
+ /* hash: 1i23f */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* scroll */
21
21
  }
22
- .modal__component_1r4ld {
22
+ .modal__component_ys9oh {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }