@alfalab/core-components-modal 4.0.2 → 4.0.6

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 +32 -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 +12 -19
  10. package/dist/components/content/mobile.css +7 -14
  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 +12 -19
  15. package/dist/components/footer/layout.css +25 -25
  16. package/dist/components/footer/mobile.css +7 -14
  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 +16 -23
  21. package/dist/components/header/mobile.css +11 -18
  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 +12 -19
  32. package/dist/esm/components/content/mobile.css +7 -14
  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 +12 -19
  37. package/dist/esm/components/footer/layout.css +25 -25
  38. package/dist/esm/components/footer/mobile.css +7 -14
  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 +16 -23
  43. package/dist/esm/components/header/mobile.css +11 -18
  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-57d58ab1.js +4 -0
  52. package/dist/esm/{tslib.es6-07601d96.d.ts → tslib.es6-980e4c5b.d.ts} +0 -0
  53. package/dist/esm/{tslib.es6-07601d96.js → tslib.es6-980e4c5b.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 +12 -19
  65. package/dist/modern/components/content/mobile.css +7 -14
  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 +12 -19
  70. package/dist/modern/components/footer/layout.css +25 -25
  71. package/dist/modern/components/footer/mobile.css +7 -14
  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 +16 -23
  75. package/dist/modern/components/header/mobile.css +11 -18
  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-57d58ab1.js +4 -0
  84. package/dist/responsive.js +2 -2
  85. package/dist/transitions.css +8 -8
  86. package/dist/transitions.module-c3a97687.js +6 -0
  87. package/dist/{tslib.es6-201c0358.d.ts → tslib.es6-4580f410.d.ts} +0 -0
  88. package/dist/{tslib.es6-201c0358.js → tslib.es6-4580f410.js} +0 -0
  89. package/package.json +4 -4
  90. package/dist/esm/transitions.module-7a80e043.js +0 -4
  91. package/dist/modern/transitions.module-7a80e043.js +0 -4
  92. package/dist/transitions.module-b1f4dde5.js +0 -6
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../../tslib.es6-201c0358.js');
5
+ var tslib_es6 = require('../../tslib.es6-4580f410.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
- 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"};
18
+ var styles = {"header":"modal__header_1i22q modal__header_1u7ld","sticky":"modal__sticky_1i22q modal__sticky_1u7ld","highlighted":"modal__highlighted_1i22q modal__highlighted_1u7ld","content":"modal__content_1i22q modal__content_1u7ld","title":"modal__title_1i22q modal__title_1u7ld"};
19
19
  require('./mobile.css')
20
20
 
21
21
  var HeaderMobile = function (props) { return React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ styles: styles }, props)); };
@@ -1,4 +1,4 @@
1
- /* hash: 1m0tj */
1
+ /* hash: ra3do */
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_118zk {
48
+ }.modal__header_1u7ld {
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_118zk {
56
+ }.modal__highlighted_1u7ld {
57
57
  background: var(--modal-header-highlight-background);
58
58
  box-shadow: var(--modal-header-highlight-box-shadow);
59
- }.modal__sticky_118zk {
59
+ }.modal__sticky_1u7ld {
60
60
  position: sticky;
61
- }.modal__content_118zk {
61
+ }.modal__content_1u7ld {
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_118zk {
69
+ }.modal__title_1u7ld {
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_1lnej {
627
+ .modal__header_11dwz {
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_1lnej {
633
+ .modal__s_11dwz {
641
634
  padding: var(--modal-s-header-paddings);
642
635
  }
643
- .modal__m_1lnej {
636
+ .modal__m_11dwz {
644
637
  padding: var(--modal-m-header-paddings);
645
638
  }
646
- .modal__l_1lnej,
647
- .modal__fullscreen_1lnej {
639
+ .modal__l_11dwz,
640
+ .modal__fullscreen_11dwz {
648
641
  min-height: var(--modal-header-l-min-height);
649
642
  padding: var(--modal-l-header-paddings);
650
643
  }
651
- .modal__sticky_1lnej {
644
+ .modal__sticky_11dwz {
652
645
 
653
646
  top: calc(var(--modal-vertical-padding) * -1);
654
647
  }
655
- .modal__fullscreen_1lnej {
648
+ .modal__fullscreen_11dwz {
656
649
  top: 0;
657
650
  }
658
- .modal__highlighted_1lnej {
651
+ .modal__highlighted_11dwz {
659
652
  }
660
- .modal__content_1lnej {
653
+ .modal__content_11dwz {
661
654
  }
662
- .modal__title_1lnej {
655
+ .modal__title_11dwz {
663
656
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1khuf */
1
+ /* hash: pr4a1 */
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_118zk {
38
+ }.modal__header_1u7ld {
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_118zk {
46
+ }.modal__highlighted_1u7ld {
47
47
  background: var(--modal-header-highlight-background);
48
48
  box-shadow: var(--modal-header-highlight-box-shadow);
49
- }.modal__sticky_118zk {
49
+ }.modal__sticky_1u7ld {
50
50
  position: sticky;
51
- }.modal__content_118zk {
51
+ }.modal__content_1u7ld {
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_118zk {
59
+ }.modal__title_1u7ld {
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_191d7 {
617
+ .modal__header_1i22q {
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_191d7 {
625
+ .modal__sticky_1i22q {
633
626
 
634
627
  top: 0;
635
628
  }
636
- .modal__highlighted_191d7 {
629
+ .modal__highlighted_1i22q {
637
630
  }
638
- .modal__content_191d7 {
631
+ .modal__content_1i22q {
639
632
  }
640
- .modal__title_191d7 {
633
+ .modal__title_1i22q {
641
634
  }
package/dist/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vama */
1
+ /* hash: 10jw5 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -30,29 +30,29 @@
30
30
 
31
31
  /* scroll */
32
32
  }
33
- .modal__wrapper_nzo1c {
33
+ .modal__wrapper_10yuv {
34
34
  padding-top: var(--modal-vertical-padding);
35
35
  padding-bottom: var(--modal-vertical-padding);
36
36
  }
37
- .modal__component_nzo1c {
37
+ .modal__component_10yuv {
38
38
  width: 100%;
39
39
  max-width: 100%;
40
40
  border-radius: var(--modal-border-radius);
41
41
  }
42
- .modal__fullscreen_nzo1c {
42
+ .modal__fullscreen_10yuv {
43
43
  padding-top: 0;
44
44
  padding-bottom: 0
45
45
  }
46
- .modal__fullscreen_nzo1c .modal__component_nzo1c {
46
+ .modal__fullscreen_10yuv .modal__component_10yuv {
47
47
  flex: 1;
48
48
  border-radius: 0;
49
49
  }
50
- .modal__s_nzo1c {
50
+ .modal__s_10yuv {
51
51
  width: var(--modal-s-width);
52
52
  }
53
- .modal__m_nzo1c {
53
+ .modal__m_10yuv {
54
54
  width: var(--modal-m-width);
55
55
  }
56
- .modal__l_nzo1c {
56
+ .modal__l_10yuv {
57
57
  width: var(--modal-l-width);
58
58
  }
package/dist/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-201c0358.js');
5
+ require('./tslib.es6-4580f410.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
  var Component_desktop = require('./Component.desktop.js');
20
- require('./transitions.module-b1f4dde5.js');
20
+ require('./transitions.module-c3a97687.js');
21
21
 
22
22
 
23
23
 
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
2
2
  import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
@@ -12,9 +12,9 @@ import './components/content/Component.js';
12
12
  import { ContentDesktop } from './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import { FooterDesktop } from './components/footer/Component.desktop.js';
15
- import { t as transitions } from './transitions.module-7a80e043.js';
15
+ import { t as transitions } from './transitions.module-57d58ab1.js';
16
16
 
17
- var styles = {"wrapper":"modal__wrapper_nzo1c","component":"modal__component_nzo1c","fullscreen":"modal__fullscreen_nzo1c","s":"modal__s_nzo1c","m":"modal__m_nzo1c","l":"modal__l_nzo1c"};
17
+ var styles = {"wrapper":"modal__wrapper_10yuv","component":"modal__component_10yuv","fullscreen":"modal__fullscreen_10yuv","s":"modal__s_10yuv","m":"modal__m_10yuv","l":"modal__l_10yuv"};
18
18
  require('./desktop.css')
19
19
 
20
20
  var ModalDesktopComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
2
2
  import React, { forwardRef, isValidElement, cloneElement } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
@@ -8,13 +8,13 @@ import { Closer } from './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 { t as transitions } from './transitions.module-7a80e043.js';
11
+ import { t as transitions } from './transitions.module-57d58ab1.js';
12
12
  import { useMedia } from '@alfalab/hooks';
13
13
  import { HeaderMobile } from './components/header/Component.mobile.js';
14
14
  import { ContentMobile } from './components/content/Component.mobile.js';
15
15
  import { FooterMobile } from './components/footer/Component.mobile.js';
16
16
 
17
- var styles = {"component":"modal__component_ys9oh"};
17
+ var styles = {"component":"modal__component_9iy5l"};
18
18
  require('./mobile.css')
19
19
 
20
20
  var ModalMobileComponent = forwardRef(function (_a, ref) {
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-980e4c5b.js';
2
2
  import React, { forwardRef, useMemo, useContext } from '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 { ModalDesktop } from './Component.desktop.js';
16
- import './transitions.module-7a80e043.js';
16
+ import './transitions.module-57d58ab1.js';
17
17
  import { useMedia } from '@alfalab/hooks';
18
18
  import './components/header/Component.mobile.js';
19
19
  import './components/content/Component.mobile.js';
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
2
2
  import React, { useContext, useCallback } from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import { ModalContext } from '../../Context.js';
6
6
  import { Button } from '@alfalab/core-components-button/dist/esm';
7
7
 
8
- var styles = {"closer":"modal__closer_5sxp7","left":"modal__left_5sxp7","right":"modal__right_5sxp7","fullscreen":"modal__fullscreen_5sxp7"};
8
+ var styles = {"closer":"modal__closer_10bi9","left":"modal__left_10bi9","right":"modal__right_10bi9","fullscreen":"modal__fullscreen_10bi9"};
9
9
  require('./index.css')
10
10
 
11
11
  var Closer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1rlb3 */
1
+ /* hash: nax6n */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,7 +24,7 @@
24
24
 
25
25
  /* scroll */
26
26
  }
27
- .modal__closer_5sxp7 {
27
+ .modal__closer_10bi9 {
28
28
  width: 48px;
29
29
  height: 48px;
30
30
  background-image: var(--modal-closer-icon);
@@ -33,20 +33,20 @@
33
33
  flex-shrink: 0;
34
34
  transition: opacity 0.2s ease-out
35
35
  }
36
- .modal__closer_5sxp7:hover {
36
+ .modal__closer_10bi9:hover {
37
37
  opacity: 0.7;
38
38
  }
39
- .modal__closer_5sxp7:active {
39
+ .modal__closer_10bi9:active {
40
40
  opacity: 0.5;
41
41
  }
42
- .modal__left_5sxp7,
43
- .modal__right_5sxp7 {
42
+ .modal__left_10bi9,
43
+ .modal__right_10bi9 {
44
44
  position: sticky;
45
45
  top: calc(var(--modal-vertical-padding) * -1);
46
46
  }
47
- .modal__right_5sxp7 {
47
+ .modal__right_10bi9 {
48
48
  margin-left: auto;
49
49
  }
50
- .modal__fullscreen_5sxp7 {
50
+ .modal__fullscreen_10bi9 {
51
51
  top: 0;
52
52
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"content":"modal__content_q93yy modal__content_1namw","flex":"modal__flex_q93yy modal__flex_1namw","s":"modal__s_q93yy","m":"modal__m_q93yy","l":"modal__l_q93yy","fullscreen":"modal__fullscreen_q93yy"};
8
+ var styles = {"content":"modal__content_la7h0 modal__content_ufzbz","flex":"modal__flex_la7h0 modal__flex_ufzbz","s":"modal__s_la7h0","m":"modal__m_la7h0","l":"modal__l_la7h0","fullscreen":"modal__fullscreen_la7h0"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var ContentDesktop = function (_a) {
@@ -1,11 +1,11 @@
1
- import { a as __assign } from '../../tslib.es6-07601d96.js';
1
+ import { a as __assign } from '../../tslib.es6-980e4c5b.js';
2
2
  import React from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"content":"modal__content_js4dj modal__content_1namw","flex":"modal__flex_js4dj modal__flex_1namw"};
8
+ var styles = {"content":"modal__content_y6uri modal__content_ufzbz","flex":"modal__flex_y6uri modal__flex_ufzbz"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var ContentMobile = function (props) { return (React.createElement(Content, __assign({ styles: styles }, props))); };
@@ -1,4 +1,4 @@
1
- /* hash: 1pnux */
1
+ /* hash: ldh0p */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -34,14 +34,14 @@
34
34
  /* sticky */
35
35
 
36
36
  /* scroll */
37
- }.modal__content_1namw {
37
+ }.modal__content_ufzbz {
38
38
  box-sizing: border-box;
39
39
  width: 100%
40
- }.modal__content_1namw:first-child {
40
+ }.modal__content_ufzbz:first-child {
41
41
  padding-top: var(--modal-content-no-header-top-padding);
42
- }.modal__content_1namw:last-child {
42
+ }.modal__content_ufzbz:last-child {
43
43
  padding-bottom: var(--modal-content-no-footer-bottom-padding);
44
- }.modal__flex_1namw {
44
+ }.modal__flex_ufzbz {
45
45
  flex: 1 1 auto;
46
46
  }
47
47
  :root {
@@ -162,19 +162,12 @@
162
162
  --color-static-status-purple: #673ab7;
163
163
  --color-static-status-red: #d91d0b;
164
164
  --color-static-status-teal: #219187;
165
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
166
165
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
167
- --color-static-status-green-tint-90: rgb(231, 246, 239);
168
166
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
169
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
170
167
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
171
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
172
168
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
173
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
174
169
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
175
- --color-static-status-red-tint-90: rgb(251, 232, 231);
176
170
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
177
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
178
171
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
179
172
  }
180
173
  :root {
@@ -606,20 +599,20 @@
606
599
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
607
600
  --modal-footer-highlight-background: var(--color-light-bg-primary);
608
601
  }
609
- .modal__content_q93yy {
602
+ .modal__content_la7h0 {
610
603
  }
611
- .modal__flex_q93yy {
604
+ .modal__flex_la7h0 {
612
605
  }
613
- .modal__s_q93yy {
606
+ .modal__s_la7h0 {
614
607
  padding: var(--modal-s-content-paddings);
615
608
  }
616
- .modal__m_q93yy {
609
+ .modal__m_la7h0 {
617
610
  padding: var(--modal-m-content-paddings);
618
611
  }
619
- .modal__l_q93yy,
620
- .modal__fullscreen_q93yy {
612
+ .modal__l_la7h0,
613
+ .modal__fullscreen_la7h0 {
621
614
  padding: var(--modal-l-content-paddings)
622
615
  }
623
- .modal__l_q93yy:last-child, .modal__fullscreen_q93yy:last-child {
616
+ .modal__l_la7h0:last-child, .modal__fullscreen_la7h0:last-child {
624
617
  padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
625
618
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1bt4w */
1
+ /* hash: 7ir00 */
2
2
  :root {
3
3
  }:root {
4
4
  }:root {
@@ -30,14 +30,14 @@
30
30
  /* sticky */
31
31
 
32
32
  /* scroll */
33
- }.modal__content_1namw {
33
+ }.modal__content_ufzbz {
34
34
  box-sizing: border-box;
35
35
  width: 100%
36
- }.modal__content_1namw:first-child {
36
+ }.modal__content_ufzbz:first-child {
37
37
  padding-top: var(--modal-content-no-header-top-padding);
38
- }.modal__content_1namw:last-child {
38
+ }.modal__content_ufzbz:last-child {
39
39
  padding-bottom: var(--modal-content-no-footer-bottom-padding);
40
- }.modal__flex_1namw {
40
+ }.modal__flex_ufzbz {
41
41
  flex: 1 1 auto;
42
42
  }
43
43
  :root {
@@ -158,19 +158,12 @@
158
158
  --color-static-status-purple: #673ab7;
159
159
  --color-static-status-red: #d91d0b;
160
160
  --color-static-status-teal: #219187;
161
- --color-static-status-blue-tint-90: rgb(230, 242, 255);
162
161
  --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
163
- --color-static-status-green-tint-90: rgb(231, 246, 239);
164
162
  --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
165
- --color-static-status-grey-tint-90: rgb(240, 242, 243);
166
163
  --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
167
- --color-static-status-orange-tint-90: rgb(252, 240, 230);
168
164
  --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
169
- --color-static-status-purple-tint-90: rgb(240, 235, 248);
170
165
  --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
171
- --color-static-status-red-tint-90: rgb(251, 232, 231);
172
166
  --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
173
- --color-static-status-teal-tint-90: rgb(233, 244, 243);
174
167
  --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
175
168
  }
176
169
  :root {
@@ -602,9 +595,9 @@
602
595
  --modal-footer-highlight-box-shadow: var(--shadow-s-up);
603
596
  --modal-footer-highlight-background: var(--color-light-bg-primary);
604
597
  }
605
- .modal__content_js4dj {
598
+ .modal__content_y6uri {
606
599
 
607
600
  padding: 0 var(--gap-m) 0;
608
601
  }
609
- .modal__flex_js4dj {
602
+ .modal__flex_y6uri {
610
603
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-07601d96.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-980e4c5b.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Footer } from './Component.js';
7
7
 
8
- var styles = {"footer":"modal__footer_y0dxx modal__footer_1x51a","highlighted":"modal__highlighted_y0dxx modal__highlighted_1x51a","sticky":"modal__sticky_y0dxx modal__sticky_1x51a","fullscreen":"modal__fullscreen_y0dxx","s":"modal__s_y0dxx","m":"modal__m_y0dxx","l":"modal__l_y0dxx"};
8
+ var styles = {"footer":"modal__footer_vue3z modal__footer_1ydvs","highlighted":"modal__highlighted_vue3z modal__highlighted_1ydvs","sticky":"modal__sticky_vue3z modal__sticky_1ydvs","fullscreen":"modal__fullscreen_vue3z","s":"modal__s_vue3z","m":"modal__m_vue3z","l":"modal__l_vue3z"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var FooterDesktop = function (_a) {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import '@alfalab/core-components-base-modal/dist/esm';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var layoutStyles = {"column":"modal__column_1u4e8","gap-16":"modal__gap-16_1u4e8","gap-24":"modal__gap-24_1u4e8","gap-32":"modal__gap-32_1u4e8","start":"modal__start_1u4e8","center":"modal__center_1u4e8","space-between":"modal__space-between_1u4e8"};
6
+ var layoutStyles = {"column":"modal__column_2k8js","gap-16":"modal__gap-16_2k8js","gap-24":"modal__gap-24_2k8js","gap-32":"modal__gap-32_2k8js","start":"modal__start_2k8js","center":"modal__center_2k8js","space-between":"modal__space-between_2k8js"};
7
7
  require('./layout.css')
8
8
 
9
9
  var Footer = function (_a) {
@@ -1,11 +1,11 @@
1
- import { a as __assign } from '../../tslib.es6-07601d96.js';
1
+ import { a as __assign } from '../../tslib.es6-980e4c5b.js';
2
2
  import React from 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Footer } from './Component.js';
7
7
 
8
- var styles = {"footer":"modal__footer_rkg7d modal__footer_1x51a","highlighted":"modal__highlighted_rkg7d modal__highlighted_1x51a","sticky":"modal__sticky_rkg7d modal__sticky_1x51a"};
8
+ var styles = {"footer":"modal__footer_1sge0 modal__footer_1ydvs","highlighted":"modal__highlighted_1sge0 modal__highlighted_1ydvs","sticky":"modal__sticky_1sge0 modal__sticky_1ydvs"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var FooterMobile = function (props) { return React.createElement(Footer, __assign({ styles: styles }, props)); };