@alfalab/core-components-modal 7.0.15 → 8.0.1

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 (145) hide show
  1. package/Component.desktop.d.ts +0 -1
  2. package/Component.desktop.js +1 -2
  3. package/Component.js +3 -3
  4. package/Component.mobile.d.ts +0 -1
  5. package/Component.mobile.js +1 -2
  6. package/Component.responsive.d.ts +0 -1
  7. package/Component.responsive.js +1 -2
  8. package/components/content/Component.js +3 -3
  9. package/components/content/desktop.css +7 -7
  10. package/components/content/index.css +4 -4
  11. package/components/content/mobile.css +3 -3
  12. package/components/footer/Component.js +4 -4
  13. package/components/footer/desktop.css +9 -9
  14. package/components/footer/index.css +4 -4
  15. package/components/footer/layout.css +29 -29
  16. package/components/footer/mobile.css +3 -3
  17. package/components/header/Component.js +3 -3
  18. package/components/header/desktop.css +15 -15
  19. package/components/header/index.css +4 -4
  20. package/components/header/mobile.css +4 -4
  21. package/cssm/Component.desktop.d.ts +0 -1
  22. package/cssm/Component.desktop.js +1 -2
  23. package/cssm/Component.mobile.d.ts +0 -1
  24. package/cssm/Component.mobile.js +1 -2
  25. package/cssm/Component.responsive.d.ts +0 -1
  26. package/cssm/Component.responsive.js +1 -2
  27. package/cssm/desktop.d.ts +1 -1
  28. package/cssm/desktop.js +1 -1
  29. package/cssm/index.d.ts +2 -3
  30. package/cssm/index.js +4 -5
  31. package/cssm/mobile.d.ts +1 -1
  32. package/cssm/mobile.js +1 -1
  33. package/cssm/shared.d.ts +1 -0
  34. package/cssm/shared.js +10 -0
  35. package/desktop.css +9 -9
  36. package/desktop.d.ts +1 -1
  37. package/desktop.js +1 -1
  38. package/esm/Component.desktop.d.ts +0 -1
  39. package/esm/Component.desktop.js +1 -2
  40. package/esm/Component.js +3 -3
  41. package/esm/Component.mobile.d.ts +0 -1
  42. package/esm/Component.mobile.js +1 -2
  43. package/esm/Component.responsive.d.ts +0 -1
  44. package/esm/Component.responsive.js +1 -2
  45. package/esm/components/content/Component.js +3 -3
  46. package/esm/components/content/desktop.css +7 -7
  47. package/esm/components/content/index.css +4 -4
  48. package/esm/components/content/mobile.css +3 -3
  49. package/esm/components/footer/Component.js +4 -4
  50. package/esm/components/footer/desktop.css +9 -9
  51. package/esm/components/footer/index.css +4 -4
  52. package/esm/components/footer/layout.css +29 -29
  53. package/esm/components/footer/mobile.css +3 -3
  54. package/esm/components/header/Component.js +3 -3
  55. package/esm/components/header/desktop.css +15 -15
  56. package/esm/components/header/index.css +4 -4
  57. package/esm/components/header/mobile.css +4 -4
  58. package/esm/desktop.css +9 -9
  59. package/esm/desktop.d.ts +1 -1
  60. package/esm/desktop.js +1 -1
  61. package/esm/index.d.ts +2 -3
  62. package/esm/index.js +4 -4
  63. package/esm/mobile.css +2 -2
  64. package/esm/mobile.d.ts +1 -1
  65. package/esm/mobile.js +1 -1
  66. package/esm/shared.d.ts +1 -0
  67. package/esm/shared.js +2 -0
  68. package/esm/transitions.css +8 -8
  69. package/index.d.ts +2 -3
  70. package/index.js +4 -5
  71. package/mobile.css +2 -2
  72. package/mobile.d.ts +1 -1
  73. package/mobile.js +1 -1
  74. package/modern/Component.desktop.d.ts +0 -1
  75. package/modern/Component.desktop.js +1 -2
  76. package/modern/Component.js +3 -3
  77. package/modern/Component.mobile.d.ts +0 -1
  78. package/modern/Component.mobile.js +1 -2
  79. package/modern/Component.responsive.d.ts +0 -1
  80. package/modern/Component.responsive.js +1 -2
  81. package/modern/components/content/Component.js +3 -3
  82. package/modern/components/content/desktop.css +7 -7
  83. package/modern/components/content/index.css +4 -4
  84. package/modern/components/content/mobile.css +3 -3
  85. package/modern/components/footer/Component.js +4 -4
  86. package/modern/components/footer/desktop.css +9 -9
  87. package/modern/components/footer/index.css +4 -4
  88. package/modern/components/footer/layout.css +29 -29
  89. package/modern/components/footer/mobile.css +3 -3
  90. package/modern/components/header/Component.js +3 -3
  91. package/modern/components/header/desktop.css +15 -15
  92. package/modern/components/header/index.css +4 -4
  93. package/modern/components/header/mobile.css +4 -4
  94. package/modern/desktop.css +9 -9
  95. package/modern/desktop.d.ts +1 -1
  96. package/modern/desktop.js +1 -1
  97. package/modern/index.d.ts +2 -3
  98. package/modern/index.js +4 -4
  99. package/modern/mobile.css +2 -2
  100. package/modern/mobile.d.ts +1 -1
  101. package/modern/mobile.js +1 -1
  102. package/modern/shared.d.ts +1 -0
  103. package/modern/shared.js +2 -0
  104. package/modern/transitions.css +8 -8
  105. package/package.json +27 -3
  106. package/shared.d.ts +1 -0
  107. package/shared.js +10 -0
  108. package/src/Component.desktop.tsx +20 -0
  109. package/src/Component.mobile.tsx +17 -0
  110. package/src/Component.responsive.tsx +35 -0
  111. package/src/Component.tsx +93 -0
  112. package/src/Context.tsx +3 -0
  113. package/src/ResponsiveContext.tsx +8 -0
  114. package/src/components/content/Component.tsx +29 -0
  115. package/src/components/content/desktop.module.css +13 -0
  116. package/src/components/content/index.module.css +16 -0
  117. package/src/components/content/mobile.module.css +9 -0
  118. package/src/components/footer/Component.tsx +69 -0
  119. package/src/components/footer/desktop.module.css +22 -0
  120. package/src/components/footer/index.module.css +17 -0
  121. package/src/components/footer/layout.module.css +86 -0
  122. package/src/components/footer/mobile.module.css +9 -0
  123. package/src/components/header/Component.tsx +60 -0
  124. package/src/components/header/desktop.module.css +42 -0
  125. package/src/components/header/index.module.css +15 -0
  126. package/src/components/header/mobile.module.css +18 -0
  127. package/src/desktop.module.css +38 -0
  128. package/src/desktop.ts +2 -0
  129. package/src/index.ts +2 -0
  130. package/src/mobile.module.css +7 -0
  131. package/src/mobile.ts +2 -0
  132. package/src/shared.ts +1 -0
  133. package/src/transitions.module.css +24 -0
  134. package/src/typings.ts +63 -0
  135. package/src/utils.ts +90 -0
  136. package/src/vars.css +47 -0
  137. package/transitions.css +8 -8
  138. package/cssm/responsive.d.ts +0 -2
  139. package/cssm/responsive.js +0 -35
  140. package/esm/responsive.d.ts +0 -2
  141. package/esm/responsive.js +0 -14
  142. package/modern/responsive.d.ts +0 -2
  143. package/modern/responsive.js +0 -13
  144. package/responsive.d.ts +0 -2
  145. package/responsive.js +0 -22
package/cssm/desktop.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export * from "./Component.desktop";
2
- export {};
2
+ export { ModalDesktopProps } from "./typings";
package/cssm/desktop.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
- require('@alfalab/core-components-navigation-bar/cssm');
9
8
  require('./components/content/Component.js');
10
9
  require('classnames');
11
10
  require('./Context.js');
@@ -20,6 +19,7 @@ require('./components/footer/index.module.css');
20
19
  require('./components/footer/layout.module.css');
21
20
  require('./components/footer/mobile.module.css');
22
21
  require('./components/header/Component.js');
22
+ require('@alfalab/core-components-navigation-bar/cssm');
23
23
  require('./components/header/desktop.module.css');
24
24
  require('./components/header/index.module.css');
25
25
  require('./components/header/mobile.module.css');
package/cssm/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
- export * from "./responsive";
2
- export * from "./Context";
3
- export * from "./typings";
1
+ export { ModalResponsive as Modal } from "./Component.responsive";
2
+ export { ModalResponsiveProps as ModalProps } from "./typings";
package/cssm/index.js CHANGED
@@ -3,13 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
- var Context = require('./Context.js');
7
6
  require('tslib');
8
7
  require('react');
9
- require('@alfalab/core-components-navigation-bar/cssm');
10
8
  require('@alfalab/hooks');
11
9
  require('./components/content/Component.js');
12
10
  require('classnames');
11
+ require('./Context.js');
12
+ require('@alfalab/core-components-base-modal/cssm');
13
13
  require('./ResponsiveContext.js');
14
14
  require('./components/content/desktop.module.css');
15
15
  require('./components/content/index.module.css');
@@ -20,17 +20,16 @@ require('./components/footer/index.module.css');
20
20
  require('./components/footer/layout.module.css');
21
21
  require('./components/footer/mobile.module.css');
22
22
  require('./components/header/Component.js');
23
+ require('@alfalab/core-components-navigation-bar/cssm');
23
24
  require('./components/header/desktop.module.css');
24
25
  require('./components/header/index.module.css');
25
26
  require('./components/header/mobile.module.css');
26
27
  require('./Component.js');
27
28
  require('react-merge-refs');
28
- require('@alfalab/core-components-base-modal/cssm');
29
29
  require('./desktop.module.css');
30
30
  require('./mobile.module.css');
31
31
  require('./transitions.module.css');
32
32
 
33
33
 
34
34
 
35
- exports.ModalResponsive = Component_responsive.ModalResponsive;
36
- exports.ModalContext = Context.ModalContext;
35
+ exports.Modal = Component_responsive.ModalResponsive;
package/cssm/mobile.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export * from "./Component.mobile";
2
- export {};
2
+ export { ModalMobileProps } from "./typings";
package/cssm/mobile.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var Component_mobile = require('./Component.mobile.js');
6
6
  require('tslib');
7
7
  require('react');
8
- require('@alfalab/core-components-navigation-bar/cssm');
9
8
  require('./components/content/Component.js');
10
9
  require('classnames');
11
10
  require('./Context.js');
@@ -20,6 +19,7 @@ require('./components/footer/index.module.css');
20
19
  require('./components/footer/layout.module.css');
21
20
  require('./components/footer/mobile.module.css');
22
21
  require('./components/header/Component.js');
22
+ require('@alfalab/core-components-navigation-bar/cssm');
23
23
  require('./components/header/desktop.module.css');
24
24
  require('./components/header/index.module.css');
25
25
  require('./components/header/mobile.module.css');
@@ -0,0 +1 @@
1
+ export { ModalContext } from "./Context";
package/cssm/shared.js ADDED
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Context = require('./Context.js');
6
+ require('@alfalab/core-components-base-modal/cssm');
7
+
8
+
9
+
10
+ exports.ModalContext = Context.ModalContext;
package/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: fsbxz */
1
+ /* hash: 1mwij */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_1rzr2 {
38
+ } .modal__wrapper_ftxrp {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_1rzr2 {
41
+ } .modal__component_ftxrp {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_1rzr2 {
45
+ } .modal__fullscreen_ftxrp {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_1rzr2 .modal__component_1rzr2 {
48
+ } .modal__fullscreen_ftxrp .modal__component_ftxrp {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_1rzr2 {
51
+ } .modal__s_ftxrp {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_1rzr2 {
53
+ } .modal__m_ftxrp {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_1rzr2 {
55
+ } .modal__l_ftxrp {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_1rzr2 {
57
+ } .modal__xl_ftxrp {
58
58
  width: var(--modal-xl-width);
59
59
  }
package/desktop.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export * from "./Component.desktop";
2
- export {};
2
+ export { ModalDesktopProps } from "./typings";
package/desktop.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var Component_desktop = require('./Component.desktop.js');
6
6
  require('tslib');
7
7
  require('react');
8
- require('@alfalab/core-components-navigation-bar');
9
8
  require('./components/content/Component.js');
10
9
  require('classnames');
11
10
  require('./Context.js');
@@ -13,6 +12,7 @@ require('@alfalab/core-components-base-modal');
13
12
  require('./ResponsiveContext.js');
14
13
  require('./components/footer/Component.js');
15
14
  require('./components/header/Component.js');
15
+ require('@alfalab/core-components-navigation-bar');
16
16
  require('./Component.js');
17
17
  require('react-merge-refs');
18
18
 
@@ -10,6 +10,5 @@ declare const ModalDesktop: React.ForwardRefExoticComponent<BaseModalProps & {
10
10
  Content: React.FC<import("./typings").ContentProps>;
11
11
  Header: React.FC<import("./components/header/Component").HeaderProps>;
12
12
  Footer: React.FC<import("./components/footer/Component").FooterProps>;
13
- Closer: React.FC<import("@alfalab/core-components-navigation-bar").CloserProps>;
14
13
  };
15
14
  export { ModalDesktop };
@@ -1,6 +1,5 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import { Closer } from '@alfalab/core-components-navigation-bar/esm';
4
3
  import { Content } from './components/content/Component.js';
5
4
  import { Footer } from './components/footer/Component.js';
6
5
  import { Header } from './components/header/Component.js';
@@ -9,6 +8,7 @@ import 'classnames';
9
8
  import './Context.js';
10
9
  import '@alfalab/core-components-base-modal/esm';
11
10
  import './ResponsiveContext.js';
11
+ import '@alfalab/core-components-navigation-bar/esm';
12
12
  import 'react-merge-refs';
13
13
 
14
14
  var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });
@@ -16,7 +16,6 @@ var ModalDesktop = Object.assign(ModalDesktopComponent, {
16
16
  Content: Content,
17
17
  Header: Header,
18
18
  Footer: Footer,
19
- Closer: Closer,
20
19
  });
21
20
 
22
21
  export { ModalDesktop };
package/esm/Component.js CHANGED
@@ -5,13 +5,13 @@ import cn from 'classnames';
5
5
  import { BaseModal } from '@alfalab/core-components-base-modal/esm';
6
6
  import { ResponsiveContext } from './ResponsiveContext.js';
7
7
 
8
- var desktopStyles = {"wrapper":"modal__wrapper_1rzr2","component":"modal__component_1rzr2","fullscreen":"modal__fullscreen_1rzr2","s":"modal__s_1rzr2","m":"modal__m_1rzr2","l":"modal__l_1rzr2","xl":"modal__xl_1rzr2"};
8
+ var desktopStyles = {"wrapper":"modal__wrapper_ftxrp","component":"modal__component_ftxrp","fullscreen":"modal__fullscreen_ftxrp","s":"modal__s_ftxrp","m":"modal__m_ftxrp","l":"modal__l_ftxrp","xl":"modal__xl_ftxrp"};
9
9
  require('./desktop.css')
10
10
 
11
- var mobileStyles = {"component":"modal__component_1ysec"};
11
+ var mobileStyles = {"component":"modal__component_p9vh0"};
12
12
  require('./mobile.css')
13
13
 
14
- var transitions = {"appear":"modal__appear_moxsl","enter":"modal__enter_moxsl","appearActive":"modal__appearActive_moxsl","enterActive":"modal__enterActive_moxsl","exit":"modal__exit_moxsl","exitActive":"modal__exitActive_moxsl","exitDone":"modal__exitDone_moxsl"};
14
+ var transitions = {"appear":"modal__appear_1u7ur","enter":"modal__enter_1u7ur","appearActive":"modal__appearActive_1u7ur","enterActive":"modal__enterActive_1u7ur","exit":"modal__exit_1u7ur","exitActive":"modal__exitActive_1u7ur","exitDone":"modal__exitDone_1u7ur"};
15
15
  require('./transitions.css')
16
16
 
17
17
  var Modal = forwardRef(function (_a, ref) {
@@ -5,6 +5,5 @@ declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & Re
5
5
  Content: React.FC<import("./typings").ContentProps>;
6
6
  Header: React.FC<import("./components/header/Component").HeaderProps>;
7
7
  Footer: React.FC<import("./components/footer/Component").FooterProps>;
8
- Closer: React.FC<import("@alfalab/core-components-navigation-bar").CloserProps>;
9
8
  };
10
9
  export { ModalMobile };
@@ -1,6 +1,5 @@
1
1
  import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import { Closer } from '@alfalab/core-components-navigation-bar/esm';
4
3
  import { Content } from './components/content/Component.js';
5
4
  import { Footer } from './components/footer/Component.js';
6
5
  import { Header } from './components/header/Component.js';
@@ -9,6 +8,7 @@ import 'classnames';
9
8
  import './Context.js';
10
9
  import '@alfalab/core-components-base-modal/esm';
11
10
  import './ResponsiveContext.js';
11
+ import '@alfalab/core-components-navigation-bar/esm';
12
12
  import 'react-merge-refs';
13
13
 
14
14
  var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });
@@ -16,7 +16,6 @@ var ModalMobile = Object.assign(ModalMobileComponent, {
16
16
  Content: Content,
17
17
  Header: Header,
18
18
  Footer: Footer,
19
- Closer: Closer,
20
19
  });
21
20
 
22
21
  export { ModalMobile };
@@ -12,6 +12,5 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps &
12
12
  Header: React.FC<import("./components/header/Component").HeaderProps>;
13
13
  Content: React.FC<import("./typings").ContentProps>;
14
14
  Footer: React.FC<import("./components/footer/Component").FooterProps>;
15
- Closer: React.FC<import("@alfalab/core-components-navigation-bar").CloserProps>;
16
15
  };
17
16
  export { ModalResponsive };
@@ -1,6 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
- import { Closer } from '@alfalab/core-components-navigation-bar/esm';
4
3
  import { useMedia } from '@alfalab/hooks';
5
4
  import { Content } from './components/content/Component.js';
6
5
  import { Footer } from './components/footer/Component.js';
@@ -10,6 +9,7 @@ import 'classnames';
10
9
  import './Context.js';
11
10
  import '@alfalab/core-components-base-modal/esm';
12
11
  import './ResponsiveContext.js';
12
+ import '@alfalab/core-components-navigation-bar/esm';
13
13
  import 'react-merge-refs';
14
14
 
15
15
  var ModalResponsiveComponent = forwardRef(function (_a, ref) {
@@ -24,7 +24,6 @@ var ModalResponsive = Object.assign(ModalResponsiveComponent, {
24
24
  Header: Header,
25
25
  Content: Content,
26
26
  Footer: Footer,
27
- Closer: Closer,
28
27
  });
29
28
 
30
29
  export { ModalResponsive };
@@ -4,13 +4,13 @@ import { ModalContext } from '../../Context.js';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
5
  import '@alfalab/core-components-base-modal/esm';
6
6
 
7
- var desktopStyles = {"s":"modal__s_t8vv7","m":"modal__m_t8vv7","l":"modal__l_t8vv7","xl":"modal__xl_t8vv7","fullscreen":"modal__fullscreen_t8vv7"};
7
+ var desktopStyles = {"s":"modal__s_18e0n","m":"modal__m_18e0n","l":"modal__l_18e0n","xl":"modal__xl_18e0n","fullscreen":"modal__fullscreen_18e0n"};
8
8
  require('./desktop.css')
9
9
 
10
- var styles = {"content":"modal__content_9f5kc","withHeader":"modal__withHeader_9f5kc","flex":"modal__flex_9f5kc"};
10
+ var styles = {"content":"modal__content_4p3ye","withHeader":"modal__withHeader_4p3ye","flex":"modal__flex_4p3ye"};
11
11
  require('./index.css')
12
12
 
13
- var mobileStyles = {"content":"modal__content_kw748"};
13
+ var mobileStyles = {"content":"modal__content_rxun5"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ytra */
1
+ /* hash: r9wyo */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .modal__s_t8vv7,
34
- .modal__m_t8vv7,
35
- .modal__l_t8vv7,
36
- .modal__xl_t8vv7,
37
- .modal__fullscreen_t8vv7 {
33
+ } .modal__s_18e0n,
34
+ .modal__m_18e0n,
35
+ .modal__l_18e0n,
36
+ .modal__xl_18e0n,
37
+ .modal__fullscreen_18e0n {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_t8vv7:last-child, .modal__m_t8vv7:last-child, .modal__l_t8vv7:last-child, .modal__xl_t8vv7:last-child, .modal__fullscreen_t8vv7:last-child {
39
+ } .modal__s_18e0n:last-child, .modal__m_18e0n:last-child, .modal__l_18e0n:last-child, .modal__xl_18e0n:last-child, .modal__fullscreen_18e0n:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 10zjx */
1
+ /* hash: 9i24g */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__content_9f5kc {
30
+ } .modal__content_4p3ye {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_9f5kc.modal__withHeader_9f5kc {
35
+ } .modal__content_4p3ye.modal__withHeader_4p3ye {
36
36
  padding-top: 0;
37
- } .modal__flex_9f5kc {
37
+ } .modal__flex_4p3ye {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: 6e2tt */
1
+ /* hash: 15p0n */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__content_kw748 {
31
+ } .modal__content_rxun5 {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_kw748:last-child {
33
+ } .modal__content_rxun5:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -4,16 +4,16 @@ import { ModalContext } from '../../Context.js';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
5
  import '@alfalab/core-components-base-modal/esm';
6
6
 
7
- var desktopStyles = {"footer":"modal__footer_19966","sticky":"modal__sticky_19966","fullscreen":"modal__fullscreen_19966","s":"modal__s_19966","m":"modal__m_19966","l":"modal__l_19966","xl":"modal__xl_19966"};
7
+ var desktopStyles = {"footer":"modal__footer_f54rw","sticky":"modal__sticky_f54rw","fullscreen":"modal__fullscreen_f54rw","s":"modal__s_f54rw","m":"modal__m_f54rw","l":"modal__l_f54rw","xl":"modal__xl_f54rw"};
8
8
  require('./desktop.css')
9
9
 
10
- var styles = {"footer":"modal__footer_15r1y","sticky":"modal__sticky_15r1y","highlighted":"modal__highlighted_15r1y"};
10
+ var styles = {"footer":"modal__footer_7mbfl","sticky":"modal__sticky_7mbfl","highlighted":"modal__highlighted_7mbfl"};
11
11
  require('./index.css')
12
12
 
13
- var layoutStyles = {"column":"modal__column_1clmz","gap-16":"modal__gap-16_1clmz","gap-24":"modal__gap-24_1clmz","gap-32":"modal__gap-32_1clmz","column-mobile":"modal__column-mobile_1clmz","start":"modal__start_1clmz","center":"modal__center_1clmz","space-between":"modal__space-between_1clmz"};
13
+ var layoutStyles = {"column":"modal__column_1b952","gap-16":"modal__gap-16_1b952","gap-24":"modal__gap-24_1b952","gap-32":"modal__gap-32_1b952","column-mobile":"modal__column-mobile_1b952","start":"modal__start_1b952","center":"modal__center_1b952","space-between":"modal__space-between_1b952"};
14
14
  require('./layout.css')
15
15
 
16
- var mobileStyles = {"footer":"modal__footer_6n07z","sticky":"modal__sticky_6n07z"};
16
+ var mobileStyles = {"footer":"modal__footer_uj3re","sticky":"modal__sticky_uj3re"};
17
17
  require('./mobile.css')
18
18
 
19
19
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: qewh6 */
1
+ /* hash: 5nd3k */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,17 +33,17 @@
33
33
  /* mobile */
34
34
 
35
35
  /* paddings */
36
- } .modal__footer_19966 {
36
+ } .modal__footer_f54rw {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_19966 {
39
+ } .modal__sticky_f54rw {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_19966.modal__fullscreen_19966 {
41
+ } .modal__sticky_f54rw.modal__fullscreen_f54rw {
42
42
  bottom: 0;
43
- } .modal__s_19966,
44
- .modal__m_19966,
45
- .modal__l_19966,
46
- .modal__xl_19966,
47
- .modal__fullscreen_19966 {
43
+ } .modal__s_f54rw,
44
+ .modal__m_f54rw,
45
+ .modal__l_f54rw,
46
+ .modal__xl_f54rw,
47
+ .modal__fullscreen_f54rw {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1le62 */
1
+ /* hash: phl7w */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_15r1y {
35
+ } .modal__footer_7mbfl {
36
36
  width: 100%;
37
37
  box-sizing: border-box;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease;
39
- } .modal__sticky_15r1y {
39
+ } .modal__sticky_7mbfl {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_15r1y {
42
+ } .modal__highlighted_7mbfl {
43
43
  background: var(--modal-footer-highlight-background);
44
44
  box-shadow: var(--modal-footer-highlight-box-shadow);
45
45
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1lyln */
1
+ /* hash: hof0l */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,53 +31,53 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_1clmz {
34
+ } .modal__column_1b952 {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_1clmz > * {
37
+ } .modal__column_1b952 > * {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_1clmz > *:last-child,
40
- .modal__column_1clmz > *:only-child {
39
+ } .modal__column_1b952 > *:last-child,
40
+ .modal__column_1b952 > *:only-child {
41
41
  margin-bottom: 0;
42
- } .modal__column_1clmz.modal__gap-16_1clmz > * {
42
+ } .modal__column_1b952.modal__gap-16_1b952 > * {
43
43
  margin-bottom: var(--gap-m);
44
- } .modal__column_1clmz.modal__gap-24_1clmz > * {
44
+ } .modal__column_1b952.modal__gap-24_1b952 > * {
45
45
  margin-bottom: var(--gap-xl);
46
- } .modal__column_1clmz.modal__gap-32_1clmz > * {
46
+ } .modal__column_1b952.modal__gap-32_1b952 > * {
47
47
  margin-bottom: var(--gap-2xl);
48
- } .modal__column-mobile_1clmz {
48
+ } .modal__column-mobile_1b952 {
49
49
  flex-direction: column-reverse
50
- } .modal__column-mobile_1clmz > * {
50
+ } .modal__column-mobile_1b952 > * {
51
51
  margin-bottom: 0;
52
- } .modal__column-mobile_1clmz > *:last-child {
52
+ } .modal__column-mobile_1b952 > *:last-child {
53
53
  margin-bottom: var(--modal-footer-default-gap);
54
- } .modal__column-mobile_1clmz > *:only-child {
54
+ } .modal__column-mobile_1b952 > *:only-child {
55
55
  margin-bottom: 0;
56
- } .modal__start_1clmz {
56
+ } .modal__start_1b952 {
57
57
  justify-content: flex-start;
58
- } .modal__center_1clmz {
58
+ } .modal__center_1b952 {
59
59
  justify-content: center;
60
- } .modal__space-between_1clmz {
60
+ } .modal__space-between_1b952 {
61
61
  justify-content: space-between
62
- } .modal__space-between_1clmz > * {
62
+ } .modal__space-between_1b952 > * {
63
63
  flex: 1;
64
- } .modal__start_1clmz,
65
- .modal__center_1clmz,
66
- .modal__space-between_1clmz {
64
+ } .modal__start_1b952,
65
+ .modal__center_1b952,
66
+ .modal__space-between_1b952 {
67
67
  display: flex
68
- } .modal__start_1clmz > *, .modal__center_1clmz > *, .modal__space-between_1clmz > * {
68
+ } .modal__start_1b952 > *, .modal__center_1b952 > *, .modal__space-between_1b952 > * {
69
69
  margin-right: var(--modal-footer-default-gap);
70
- } .modal__start_1clmz > *:last-child,
71
- .modal__start_1clmz > *:only-child,
72
- .modal__center_1clmz > *:last-child,
73
- .modal__center_1clmz > *:only-child,
74
- .modal__space-between_1clmz > *:last-child,
75
- .modal__space-between_1clmz > *:only-child {
70
+ } .modal__start_1b952 > *:last-child,
71
+ .modal__start_1b952 > *:only-child,
72
+ .modal__center_1b952 > *:last-child,
73
+ .modal__center_1b952 > *:only-child,
74
+ .modal__space-between_1b952 > *:last-child,
75
+ .modal__space-between_1b952 > *:only-child {
76
76
  margin-right: 0;
77
- } .modal__start_1clmz.modal__gap-16_1clmz > *, .modal__center_1clmz.modal__gap-16_1clmz > *, .modal__space-between_1clmz.modal__gap-16_1clmz > * {
77
+ } .modal__start_1b952.modal__gap-16_1b952 > *, .modal__center_1b952.modal__gap-16_1b952 > *, .modal__space-between_1b952.modal__gap-16_1b952 > * {
78
78
  margin-right: var(--gap-m);
79
- } .modal__start_1clmz.modal__gap-24_1clmz > *, .modal__center_1clmz.modal__gap-24_1clmz > *, .modal__space-between_1clmz.modal__gap-24_1clmz > * {
79
+ } .modal__start_1b952.modal__gap-24_1b952 > *, .modal__center_1b952.modal__gap-24_1b952 > *, .modal__space-between_1b952.modal__gap-24_1b952 > * {
80
80
  margin-right: var(--gap-xl);
81
- } .modal__start_1clmz.modal__gap-32_1clmz > *, .modal__center_1clmz.modal__gap-32_1clmz > *, .modal__space-between_1clmz.modal__gap-32_1clmz > * {
81
+ } .modal__start_1b952.modal__gap-32_1b952 > *, .modal__center_1b952.modal__gap-32_1b952 > *, .modal__space-between_1b952.modal__gap-32_1b952 > * {
82
82
  margin-right: var(--gap-2xl);
83
83
  }
@@ -1,4 +1,4 @@
1
- /* hash: 5s3a6 */
1
+ /* hash: 171m9 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__footer_6n07z {
31
+ } .modal__footer_uj3re {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_6n07z {
33
+ } .modal__sticky_uj3re {
34
34
  bottom: 0;
35
35
  }
@@ -6,13 +6,13 @@ import { ModalContext } from '../../Context.js';
6
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
7
  import '@alfalab/core-components-base-modal/esm';
8
8
 
9
- var desktopStyles = {"header":"modal__header_yre31","content":"modal__content_yre31","s":"modal__s_yre31","m":"modal__m_yre31","l":"modal__l_yre31","xl":"modal__xl_yre31","fullscreen":"modal__fullscreen_yre31","sticky":"modal__sticky_yre31"};
9
+ var desktopStyles = {"header":"modal__header_1ihrt","content":"modal__content_1ihrt","s":"modal__s_1ihrt","m":"modal__m_1ihrt","l":"modal__l_1ihrt","xl":"modal__xl_1ihrt","fullscreen":"modal__fullscreen_1ihrt","sticky":"modal__sticky_1ihrt"};
10
10
  require('./desktop.css')
11
11
 
12
- var styles = {"highlighted":"modal__highlighted_rbbwl","sticky":"modal__sticky_rbbwl","hasContent":"modal__hasContent_rbbwl"};
12
+ var styles = {"highlighted":"modal__highlighted_1qh07","sticky":"modal__sticky_1qh07","hasContent":"modal__hasContent_1qh07"};
13
13
  require('./index.css')
14
14
 
15
- var mobileStyles = {"header":"modal__header_1mmus","sticky":"modal__sticky_1mmus","content":"modal__content_1mmus"};
15
+ var mobileStyles = {"header":"modal__header_18u3f","sticky":"modal__sticky_18u3f","content":"modal__content_18u3f"};
16
16
  require('./mobile.css')
17
17
 
18
18
  var Header = function (_a) {