@alfalab/core-components-modal 9.1.0 → 9.1.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 (124) hide show
  1. package/Component.js +3 -3
  2. package/Component.responsive.js +0 -9
  3. package/components/content/Component.js +5 -7
  4. package/components/content/desktop.css +7 -7
  5. package/components/content/index.css +4 -4
  6. package/components/content/mobile.css +3 -3
  7. package/components/controls/Component.js +4 -5
  8. package/components/controls/index.css +2 -2
  9. package/components/controls/index.js +0 -6
  10. package/components/footer/Component.js +6 -8
  11. package/components/footer/desktop.css +9 -9
  12. package/components/footer/index.css +4 -4
  13. package/components/footer/layout.css +17 -17
  14. package/components/footer/mobile.css +3 -3
  15. package/components/header/Component.js +5 -7
  16. package/components/header/desktop.css +15 -15
  17. package/components/header/index.css +4 -4
  18. package/components/header/mobile.css +4 -4
  19. package/cssm/Component.responsive.js +0 -22
  20. package/cssm/components/content/Component.js +2 -4
  21. package/cssm/components/controls/Component.js +2 -3
  22. package/cssm/components/controls/index.js +0 -7
  23. package/cssm/components/footer/Component.js +2 -4
  24. package/cssm/components/header/Component.js +2 -4
  25. package/cssm/desktop/Component.desktop.js +0 -22
  26. package/cssm/desktop/index.js +0 -29
  27. package/cssm/index.js +0 -30
  28. package/cssm/mobile/Component.mobile.js +0 -22
  29. package/cssm/mobile/index.js +0 -29
  30. package/cssm/shared/index.js +0 -4
  31. package/cssm/utils.js +8 -10
  32. package/desktop/Component.desktop.js +0 -9
  33. package/desktop/desktop.css +9 -9
  34. package/desktop/index.js +0 -16
  35. package/esm/Component.js +3 -3
  36. package/esm/Component.responsive.js +0 -9
  37. package/esm/components/content/Component.js +4 -6
  38. package/esm/components/content/desktop.css +7 -7
  39. package/esm/components/content/index.css +4 -4
  40. package/esm/components/content/mobile.css +3 -3
  41. package/esm/components/controls/Component.js +3 -4
  42. package/esm/components/controls/index.css +2 -2
  43. package/esm/components/controls/index.js +0 -6
  44. package/esm/components/footer/Component.js +5 -7
  45. package/esm/components/footer/desktop.css +9 -9
  46. package/esm/components/footer/index.css +4 -4
  47. package/esm/components/footer/layout.css +17 -17
  48. package/esm/components/footer/mobile.css +3 -3
  49. package/esm/components/header/Component.js +4 -6
  50. package/esm/components/header/desktop.css +15 -15
  51. package/esm/components/header/index.css +4 -4
  52. package/esm/components/header/mobile.css +4 -4
  53. package/esm/desktop/Component.desktop.js +0 -9
  54. package/esm/desktop/desktop.css +9 -9
  55. package/esm/desktop/index.js +0 -16
  56. package/esm/index.js +0 -17
  57. package/esm/layout.module-4c70e469.js +4 -0
  58. package/esm/mobile/Component.mobile.js +0 -9
  59. package/esm/mobile/index.js +0 -16
  60. package/esm/mobile/mobile.css +2 -2
  61. package/esm/shared/index.js +0 -4
  62. package/esm/transitions.css +8 -8
  63. package/esm/utils.js +1 -3
  64. package/index.js +0 -17
  65. package/layout.module-fffa9cc4.js +6 -0
  66. package/mobile/Component.mobile.js +0 -9
  67. package/mobile/index.js +0 -16
  68. package/mobile/mobile.css +2 -2
  69. package/modern/Component.js +3 -3
  70. package/modern/Component.responsive.js +0 -9
  71. package/modern/components/content/Component.js +4 -6
  72. package/modern/components/content/desktop.css +7 -7
  73. package/modern/components/content/index.css +4 -4
  74. package/modern/components/content/mobile.css +3 -3
  75. package/modern/components/controls/Component.js +3 -4
  76. package/modern/components/controls/index.css +2 -2
  77. package/modern/components/controls/index.js +0 -6
  78. package/modern/components/footer/Component.js +5 -7
  79. package/modern/components/footer/desktop.css +9 -9
  80. package/modern/components/footer/index.css +4 -4
  81. package/modern/components/footer/layout.css +17 -17
  82. package/modern/components/footer/mobile.css +3 -3
  83. package/modern/components/header/Component.js +4 -6
  84. package/modern/components/header/desktop.css +15 -15
  85. package/modern/components/header/index.css +4 -4
  86. package/modern/components/header/mobile.css +4 -4
  87. package/modern/desktop/Component.desktop.js +0 -9
  88. package/modern/desktop/desktop.css +9 -9
  89. package/modern/desktop/index.js +0 -15
  90. package/modern/index.js +0 -16
  91. package/modern/layout.module-80dc989b.js +4 -0
  92. package/modern/mobile/Component.mobile.js +0 -9
  93. package/modern/mobile/index.js +0 -15
  94. package/modern/mobile/mobile.css +2 -2
  95. package/modern/shared/index.js +0 -4
  96. package/modern/transitions.css +8 -8
  97. package/modern/utils.js +1 -3
  98. package/package.json +3 -2
  99. package/shared/index.js +0 -4
  100. package/transitions.css +8 -8
  101. package/utils.js +8 -10
  102. package/browser-a216f694.d.ts +0 -6
  103. package/cssm/browser-a216f694.d.ts +0 -6
  104. package/cssm/getDataTestId-73ea38f8.d.ts +0 -3
  105. package/cssm/getDataTestId-73ea38f8.js +0 -8
  106. package/cssm/index-a5b021bd.d.ts +0 -70
  107. package/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  108. package/esm/browser-a216f694.d.ts +0 -6
  109. package/esm/getDataTestId-2d1786d3.d.ts +0 -3
  110. package/esm/getDataTestId-2d1786d3.js +0 -6
  111. package/esm/index-a5b021bd.d.ts +0 -70
  112. package/esm/layout.module-efa3674d.js +0 -4
  113. package/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  114. package/getDataTestId-2aafdd4d.d.ts +0 -3
  115. package/getDataTestId-2aafdd4d.js +0 -8
  116. package/index-a5b021bd.d.ts +0 -70
  117. package/layout.module-b10563a0.js +0 -6
  118. package/modern/browser-a216f694.d.ts +0 -6
  119. package/modern/getDataTestId-d97458b3.d.ts +0 -3
  120. package/modern/getDataTestId-d97458b3.js +0 -6
  121. package/modern/index-a5b021bd.d.ts +0 -70
  122. package/modern/layout.module-ddcf2052.js +0 -4
  123. package/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  124. package/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
@@ -4,15 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- var getDataTestId = require('../../getDataTestId-73ea38f8.js');
8
- require('@alfalab/hooks');
7
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
9
8
  var Context = require('../../Context.js');
10
9
  var ResponsiveContext = require('../../ResponsiveContext.js');
11
10
  var desktopStyles = require('./desktop.module.css');
12
11
  var styles = require('./index.module.css');
13
12
  var layoutStyles = require('./layout.module.css');
14
13
  var mobileStyles = require('./mobile.module.css');
15
- require('@alfalab/core-components-base-modal/cssm');
16
14
 
17
15
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
18
16
 
@@ -31,7 +29,7 @@ var Footer = function (_a) {
31
29
  React.useEffect(function () {
32
30
  setHasFooter(true);
33
31
  }, [setHasFooter]);
34
- return (React__default.default.createElement("div", { "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer'), className: cn__default.default(styles__default.default.footer, className, layoutStyles__default.default[layout], gap && layoutStyles__default.default["gap-".concat(gap)], (_b = {},
32
+ return (React__default.default.createElement("div", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), className: cn__default.default(styles__default.default.footer, className, layoutStyles__default.default[layout], gap && layoutStyles__default.default["gap-".concat(gap)], (_b = {},
35
33
  _b[styles__default.default.highlighted] = sticky && footerHighlighted,
36
34
  _b[styles__default.default.sticky] = sticky,
37
35
  _b[desktopStyles__default.default.footer] = view === 'desktop',
@@ -6,14 +6,12 @@ var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsNavigationBar = require('@alfalab/core-components-navigation-bar/cssm');
9
- var getDataTestId = require('../../getDataTestId-73ea38f8.js');
10
- require('@alfalab/hooks');
9
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
11
10
  var Context = require('../../Context.js');
12
11
  var ResponsiveContext = require('../../ResponsiveContext.js');
13
12
  var desktopStyles = require('./desktop.module.css');
14
13
  var styles = require('./index.module.css');
15
14
  var mobileStyles = require('./mobile.module.css');
16
- require('@alfalab/core-components-base-modal/cssm');
17
15
 
18
16
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
19
17
 
@@ -32,7 +30,7 @@ var Header = function (_a) {
32
30
  setHasHeader(true);
33
31
  }, [setHasHeader]);
34
32
  var hasContent = Boolean(title || children);
35
- return (React__default.default.createElement(coreComponentsNavigationBar.NavigationBar, tslib.__assign({ dataTestId: getDataTestId.getDataTestId(dataTestId, 'header') }, restProps, { scrollableParentRef: parentRef, hasCloser: hasCloser, sticky: sticky, view: view, title: title, onClose: onClose, className: cn__default.default(className, (_b = {},
33
+ return (React__default.default.createElement(coreComponentsNavigationBar.NavigationBar, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header') }, restProps, { scrollableParentRef: parentRef, hasCloser: hasCloser, sticky: sticky, view: view, title: title, onClose: onClose, className: cn__default.default(className, (_b = {},
36
34
  _b[styles__default.default.highlighted] = hasContent && sticky && headerHighlighted,
37
35
  _b[styles__default.default.sticky] = sticky,
38
36
  _b[styles__default.default.hasContent] = hasContent,
@@ -9,28 +9,6 @@ var components_content_Component = require('../components/content/Component.js')
9
9
  var components_controls_Component = require('../components/controls/Component.js');
10
10
  var components_footer_Component = require('../components/footer/Component.js');
11
11
  var components_header_Component = require('../components/header/Component.js');
12
- require('react-merge-refs');
13
- require('classnames');
14
- require('@alfalab/core-components-base-modal/cssm');
15
- require('../ResponsiveContext.js');
16
- require('./desktop.module.css');
17
- require('../mobile/mobile.module.css');
18
- require('../transitions.module.css');
19
- require('../getDataTestId-73ea38f8.js');
20
- require('@alfalab/hooks');
21
- require('../Context.js');
22
- require('../components/content/desktop.module.css');
23
- require('../components/content/index.module.css');
24
- require('../components/content/mobile.module.css');
25
- require('../components/footer/layout.module.css');
26
- require('../components/controls/index.module.css');
27
- require('../components/footer/desktop.module.css');
28
- require('../components/footer/index.module.css');
29
- require('../components/footer/mobile.module.css');
30
- require('@alfalab/core-components-navigation-bar/cssm');
31
- require('../components/header/desktop.module.css');
32
- require('../components/header/index.module.css');
33
- require('../components/header/mobile.module.css');
34
12
 
35
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
36
14
 
@@ -3,35 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var desktop_Component_desktop = require('./Component.desktop.js');
6
- require('tslib');
7
- require('react');
8
- require('../Component.js');
9
- require('react-merge-refs');
10
- require('classnames');
11
- require('@alfalab/core-components-base-modal/cssm');
12
- require('../ResponsiveContext.js');
13
- require('./desktop.module.css');
14
- require('../mobile/mobile.module.css');
15
- require('../transitions.module.css');
16
- require('../components/content/Component.js');
17
- require('../getDataTestId-73ea38f8.js');
18
- require('@alfalab/hooks');
19
- require('../Context.js');
20
- require('../components/content/desktop.module.css');
21
- require('../components/content/index.module.css');
22
- require('../components/content/mobile.module.css');
23
- require('../components/controls/Component.js');
24
- require('../components/footer/layout.module.css');
25
- require('../components/controls/index.module.css');
26
- require('../components/footer/Component.js');
27
- require('../components/footer/desktop.module.css');
28
- require('../components/footer/index.module.css');
29
- require('../components/footer/mobile.module.css');
30
- require('../components/header/Component.js');
31
- require('@alfalab/core-components-navigation-bar/cssm');
32
- require('../components/header/desktop.module.css');
33
- require('../components/header/index.module.css');
34
- require('../components/header/mobile.module.css');
35
6
 
36
7
 
37
8
 
package/cssm/index.js CHANGED
@@ -3,36 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component_responsive = require('./Component.responsive.js');
6
- require('tslib');
7
- require('react');
8
- require('@alfalab/core-components-mq/cssm');
9
- require('./components/content/Component.js');
10
- require('classnames');
11
- require('./getDataTestId-73ea38f8.js');
12
- require('@alfalab/hooks');
13
- require('./Context.js');
14
- require('@alfalab/core-components-base-modal/cssm');
15
- require('./ResponsiveContext.js');
16
- require('./components/content/desktop.module.css');
17
- require('./components/content/index.module.css');
18
- require('./components/content/mobile.module.css');
19
- require('./components/controls/Component.js');
20
- require('./components/footer/layout.module.css');
21
- require('./components/controls/index.module.css');
22
- require('./components/footer/Component.js');
23
- require('./components/footer/desktop.module.css');
24
- require('./components/footer/index.module.css');
25
- require('./components/footer/mobile.module.css');
26
- require('./components/header/Component.js');
27
- require('@alfalab/core-components-navigation-bar/cssm');
28
- require('./components/header/desktop.module.css');
29
- require('./components/header/index.module.css');
30
- require('./components/header/mobile.module.css');
31
- require('./Component.js');
32
- require('react-merge-refs');
33
- require('./desktop/desktop.module.css');
34
- require('./mobile/mobile.module.css');
35
- require('./transitions.module.css');
36
6
 
37
7
 
38
8
 
@@ -9,28 +9,6 @@ var components_content_Component = require('../components/content/Component.js')
9
9
  var components_controls_Component = require('../components/controls/Component.js');
10
10
  var components_footer_Component = require('../components/footer/Component.js');
11
11
  var components_header_Component = require('../components/header/Component.js');
12
- require('react-merge-refs');
13
- require('classnames');
14
- require('@alfalab/core-components-base-modal/cssm');
15
- require('../ResponsiveContext.js');
16
- require('../desktop/desktop.module.css');
17
- require('./mobile.module.css');
18
- require('../transitions.module.css');
19
- require('../getDataTestId-73ea38f8.js');
20
- require('@alfalab/hooks');
21
- require('../Context.js');
22
- require('../components/content/desktop.module.css');
23
- require('../components/content/index.module.css');
24
- require('../components/content/mobile.module.css');
25
- require('../components/footer/layout.module.css');
26
- require('../components/controls/index.module.css');
27
- require('../components/footer/desktop.module.css');
28
- require('../components/footer/index.module.css');
29
- require('../components/footer/mobile.module.css');
30
- require('@alfalab/core-components-navigation-bar/cssm');
31
- require('../components/header/desktop.module.css');
32
- require('../components/header/index.module.css');
33
- require('../components/header/mobile.module.css');
34
12
 
35
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
36
14
 
@@ -3,35 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var mobile_Component_mobile = require('./Component.mobile.js');
6
- require('tslib');
7
- require('react');
8
- require('../Component.js');
9
- require('react-merge-refs');
10
- require('classnames');
11
- require('@alfalab/core-components-base-modal/cssm');
12
- require('../ResponsiveContext.js');
13
- require('../desktop/desktop.module.css');
14
- require('./mobile.module.css');
15
- require('../transitions.module.css');
16
- require('../components/content/Component.js');
17
- require('../getDataTestId-73ea38f8.js');
18
- require('@alfalab/hooks');
19
- require('../Context.js');
20
- require('../components/content/desktop.module.css');
21
- require('../components/content/index.module.css');
22
- require('../components/content/mobile.module.css');
23
- require('../components/controls/Component.js');
24
- require('../components/footer/layout.module.css');
25
- require('../components/controls/index.module.css');
26
- require('../components/footer/Component.js');
27
- require('../components/footer/desktop.module.css');
28
- require('../components/footer/index.module.css');
29
- require('../components/footer/mobile.module.css');
30
- require('../components/header/Component.js');
31
- require('@alfalab/core-components-navigation-bar/cssm');
32
- require('../components/header/desktop.module.css');
33
- require('../components/header/index.module.css');
34
- require('../components/header/mobile.module.css');
35
6
 
36
7
 
37
8
 
@@ -4,10 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Context = require('../Context.js');
6
6
  var utils = require('../utils.js');
7
- require('@alfalab/core-components-base-modal/cssm');
8
- require('../getDataTestId-73ea38f8.js');
9
- require('react');
10
- require('@alfalab/hooks');
11
7
 
12
8
 
13
9
 
package/cssm/utils.js CHANGED
@@ -2,20 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var getDataTestId = require('./getDataTestId-73ea38f8.js');
6
- require('react');
7
- require('@alfalab/hooks');
5
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
8
6
 
9
7
  function getModalTestIds(dataTestId) {
10
8
  return {
11
9
  modal: dataTestId,
12
- content: getDataTestId.getDataTestId(dataTestId, 'content'),
13
- footer: getDataTestId.getDataTestId(dataTestId, 'footer'),
14
- controls: getDataTestId.getDataTestId(dataTestId, 'controls'),
15
- header: getDataTestId.getDataTestId(dataTestId, 'header'),
16
- title: getDataTestId.getDataTestId(dataTestId, 'header-title'),
17
- closer: getDataTestId.getDataTestId(dataTestId, 'header-closer'),
18
- backButton: getDataTestId.getDataTestId(dataTestId, 'header-back-button'),
10
+ content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
11
+ footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
12
+ controls: coreComponentsShared.getDataTestId(dataTestId, 'controls'),
13
+ header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
14
+ title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
15
+ closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
16
+ backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
19
17
  };
20
18
  }
21
19
 
@@ -9,15 +9,6 @@ var components_content_Component = require('../components/content/Component.js')
9
9
  var components_controls_Component = require('../components/controls/Component.js');
10
10
  var components_footer_Component = require('../components/footer/Component.js');
11
11
  var components_header_Component = require('../components/header/Component.js');
12
- require('react-merge-refs');
13
- require('classnames');
14
- require('@alfalab/core-components-base-modal');
15
- require('../ResponsiveContext.js');
16
- require('../getDataTestId-2aafdd4d.js');
17
- require('@alfalab/hooks');
18
- require('../Context.js');
19
- require('../layout.module-b10563a0.js');
20
- require('@alfalab/core-components-navigation-bar');
21
12
 
22
13
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
23
14
 
@@ -1,4 +1,4 @@
1
- /* hash: 1su50 */
1
+ /* hash: 1bdhs */
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_1uxi5 {
38
+ } .modal__wrapper_3wrya {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_1uxi5 {
41
+ } .modal__component_3wrya {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_1uxi5 {
45
+ } .modal__fullscreen_3wrya {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_1uxi5 .modal__component_1uxi5 {
48
+ } .modal__fullscreen_3wrya .modal__component_3wrya {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_1uxi5 {
51
+ } .modal__s_3wrya {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_1uxi5 {
53
+ } .modal__m_3wrya {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_1uxi5 {
55
+ } .modal__l_3wrya {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_1uxi5 {
57
+ } .modal__xl_3wrya {
58
58
  width: var(--modal-xl-width);
59
59
  }
package/desktop/index.js CHANGED
@@ -3,22 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var desktop_Component_desktop = require('./Component.desktop.js');
6
- require('tslib');
7
- require('react');
8
- require('../Component.js');
9
- require('react-merge-refs');
10
- require('classnames');
11
- require('@alfalab/core-components-base-modal');
12
- require('../ResponsiveContext.js');
13
- require('../components/content/Component.js');
14
- require('../getDataTestId-2aafdd4d.js');
15
- require('@alfalab/hooks');
16
- require('../Context.js');
17
- require('../components/controls/Component.js');
18
- require('../layout.module-b10563a0.js');
19
- require('../components/footer/Component.js');
20
- require('../components/header/Component.js');
21
- require('@alfalab/core-components-navigation-bar');
22
6
 
23
7
 
24
8
 
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_1uxi5","component":"modal__component_1uxi5","fullscreen":"modal__fullscreen_1uxi5","s":"modal__s_1uxi5","m":"modal__m_1uxi5","l":"modal__l_1uxi5","xl":"modal__xl_1uxi5"};
8
+ var desktopStyles = {"wrapper":"modal__wrapper_3wrya","component":"modal__component_3wrya","fullscreen":"modal__fullscreen_3wrya","s":"modal__s_3wrya","m":"modal__m_3wrya","l":"modal__l_3wrya","xl":"modal__xl_3wrya"};
9
9
  require('./desktop/desktop.css')
10
10
 
11
- var mobileStyles = {"component":"modal__component_9mx07"};
11
+ var mobileStyles = {"component":"modal__component_1sigs"};
12
12
  require('./mobile/mobile.css')
13
13
 
14
- var transitions = {"appear":"modal__appear_xje8z","enter":"modal__enter_xje8z","appearActive":"modal__appearActive_xje8z","enterActive":"modal__enterActive_xje8z","exit":"modal__exit_xje8z","exitActive":"modal__exitActive_xje8z","exitDone":"modal__exitDone_xje8z"};
14
+ var transitions = {"appear":"modal__appear_1doyi","enter":"modal__enter_1doyi","appearActive":"modal__appearActive_1doyi","enterActive":"modal__enterActive_1doyi","exit":"modal__exit_1doyi","exitActive":"modal__exitActive_1doyi","exitDone":"modal__exitDone_1doyi"};
15
15
  require('./transitions.css')
16
16
 
17
17
  var Modal = forwardRef(function (_a, ref) {
@@ -6,15 +6,6 @@ import { Controls } from './components/controls/Component.js';
6
6
  import { Footer } from './components/footer/Component.js';
7
7
  import { Header } from './components/header/Component.js';
8
8
  import { Modal } from './Component.js';
9
- import 'classnames';
10
- import './getDataTestId-2d1786d3.js';
11
- import '@alfalab/hooks';
12
- import './Context.js';
13
- import '@alfalab/core-components-base-modal/esm';
14
- import './ResponsiveContext.js';
15
- import './layout.module-efa3674d.js';
16
- import '@alfalab/core-components-navigation-bar/esm';
17
- import 'react-merge-refs';
18
9
 
19
10
  var ModalResponsiveComponent = forwardRef(function (_a, ref) {
20
11
  var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, restProps = __rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
@@ -1,18 +1,16 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-2d1786d3.js';
4
- import '@alfalab/hooks';
3
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
4
  import { ModalContext } from '../../Context.js';
6
5
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
- import '@alfalab/core-components-base-modal/esm';
8
6
 
9
- var desktopStyles = {"s":"modal__s_ums4m","m":"modal__m_ums4m","l":"modal__l_ums4m","xl":"modal__xl_ums4m","fullscreen":"modal__fullscreen_ums4m"};
7
+ var desktopStyles = {"s":"modal__s_eh7uu","m":"modal__m_eh7uu","l":"modal__l_eh7uu","xl":"modal__xl_eh7uu","fullscreen":"modal__fullscreen_eh7uu"};
10
8
  require('./desktop.css')
11
9
 
12
- var styles = {"content":"modal__content_11dkh","withHeader":"modal__withHeader_11dkh","flex":"modal__flex_11dkh"};
10
+ var styles = {"content":"modal__content_l807a","withHeader":"modal__withHeader_l807a","flex":"modal__flex_l807a"};
13
11
  require('./index.css')
14
12
 
15
- var mobileStyles = {"content":"modal__content_nkmyt"};
13
+ var mobileStyles = {"content":"modal__content_vl0td"};
16
14
  require('./mobile.css')
17
15
 
18
16
  var Content = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ppdn */
1
+ /* hash: 10d55 */
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_ums4m,
34
- .modal__m_ums4m,
35
- .modal__l_ums4m,
36
- .modal__xl_ums4m,
37
- .modal__fullscreen_ums4m {
33
+ } .modal__s_eh7uu,
34
+ .modal__m_eh7uu,
35
+ .modal__l_eh7uu,
36
+ .modal__xl_eh7uu,
37
+ .modal__fullscreen_eh7uu {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__s_ums4m:last-child, .modal__m_ums4m:last-child, .modal__l_ums4m:last-child, .modal__xl_ums4m:last-child, .modal__fullscreen_ums4m:last-child {
39
+ } .modal__s_eh7uu:last-child, .modal__m_eh7uu:last-child, .modal__l_eh7uu:last-child, .modal__xl_eh7uu:last-child, .modal__fullscreen_eh7uu:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 17xit */
1
+ /* hash: ilabg */
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_11dkh {
30
+ } .modal__content_l807a {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_11dkh.modal__withHeader_11dkh {
35
+ } .modal__content_l807a.modal__withHeader_l807a {
36
36
  padding-top: 0;
37
- } .modal__flex_11dkh {
37
+ } .modal__flex_l807a {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: oztjz */
1
+ /* hash: 7j6c1 */
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_nkmyt {
31
+ } .modal__content_vl0td {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_nkmyt:last-child {
33
+ } .modal__content_vl0td:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -1,11 +1,10 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-2d1786d3.js';
4
- import '@alfalab/hooks';
3
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
6
- import { l as layoutStyles } from '../../layout.module-efa3674d.js';
5
+ import { l as layoutStyles } from '../../layout.module-4c70e469.js';
7
6
 
8
- var styles = {"component":"modal__component_16dcd"};
7
+ var styles = {"component":"modal__component_ycyjd"};
9
8
  require('./index.css')
10
9
 
11
10
  var Controls = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1n0ts */
2
- .modal__component_16dcd {
1
+ /* hash: 5gcyu */
2
+ .modal__component_ycyjd {
3
3
  width: 100%;
4
4
  }
@@ -1,7 +1 @@
1
1
  export { Controls } from './Component.js';
2
- import 'react';
3
- import 'classnames';
4
- import '../../getDataTestId-2d1786d3.js';
5
- import '@alfalab/hooks';
6
- import '../../ResponsiveContext.js';
7
- import '../../layout.module-efa3674d.js';
@@ -1,19 +1,17 @@
1
1
  import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-2d1786d3.js';
4
- import '@alfalab/hooks';
3
+ import { getDataTestId } from '@alfalab/core-components-shared/esm';
5
4
  import { ModalContext } from '../../Context.js';
6
5
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
- import { l as layoutStyles } from '../../layout.module-efa3674d.js';
8
- import '@alfalab/core-components-base-modal/esm';
6
+ import { l as layoutStyles } from '../../layout.module-4c70e469.js';
9
7
 
10
- var desktopStyles = {"footer":"modal__footer_7wj6i","sticky":"modal__sticky_7wj6i","fullscreen":"modal__fullscreen_7wj6i","s":"modal__s_7wj6i","m":"modal__m_7wj6i","l":"modal__l_7wj6i","xl":"modal__xl_7wj6i"};
8
+ var desktopStyles = {"footer":"modal__footer_1qs2y","sticky":"modal__sticky_1qs2y","fullscreen":"modal__fullscreen_1qs2y","s":"modal__s_1qs2y","m":"modal__m_1qs2y","l":"modal__l_1qs2y","xl":"modal__xl_1qs2y"};
11
9
  require('./desktop.css')
12
10
 
13
- var styles = {"footer":"modal__footer_1xbx4","sticky":"modal__sticky_1xbx4","highlighted":"modal__highlighted_1xbx4"};
11
+ var styles = {"footer":"modal__footer_1h6cu","sticky":"modal__sticky_1h6cu","highlighted":"modal__highlighted_1h6cu"};
14
12
  require('./index.css')
15
13
 
16
- var mobileStyles = {"footer":"modal__footer_bucfp","sticky":"modal__sticky_bucfp"};
14
+ var mobileStyles = {"footer":"modal__footer_juqaa","sticky":"modal__sticky_juqaa"};
17
15
  require('./mobile.css')
18
16
 
19
17
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 142ts */
1
+ /* hash: eqlak */
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_7wj6i {
36
+ } .modal__footer_1qs2y {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_7wj6i {
39
+ } .modal__sticky_1qs2y {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_7wj6i.modal__fullscreen_7wj6i {
41
+ } .modal__sticky_1qs2y.modal__fullscreen_1qs2y {
42
42
  bottom: 0;
43
- } .modal__s_7wj6i,
44
- .modal__m_7wj6i,
45
- .modal__l_7wj6i,
46
- .modal__xl_7wj6i,
47
- .modal__fullscreen_7wj6i {
43
+ } .modal__s_1qs2y,
44
+ .modal__m_1qs2y,
45
+ .modal__l_1qs2y,
46
+ .modal__xl_1qs2y,
47
+ .modal__fullscreen_1qs2y {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1nx1w */
1
+ /* hash: yktex */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_1xbx4 {
35
+ } .modal__footer_1h6cu {
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_1xbx4 {
39
+ } .modal__sticky_1h6cu {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_1xbx4 {
42
+ } .modal__highlighted_1h6cu {
43
43
  background: var(--modal-footer-highlight-background);
44
44
  box-shadow: var(--modal-footer-highlight-box-shadow);
45
45
  }