@alfalab/core-components-modal 9.0.1 → 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 (136) 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 +6 -7
  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 +4 -5
  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.d.ts +1 -0
  31. package/cssm/shared/index.js +2 -1
  32. package/cssm/utils.d.ts +11 -1
  33. package/cssm/utils.js +18 -0
  34. package/desktop/Component.desktop.js +0 -9
  35. package/desktop/desktop.css +9 -9
  36. package/desktop/index.js +0 -16
  37. package/esm/Component.js +3 -3
  38. package/esm/Component.responsive.js +0 -9
  39. package/esm/components/content/Component.js +4 -6
  40. package/esm/components/content/desktop.css +7 -7
  41. package/esm/components/content/index.css +4 -4
  42. package/esm/components/content/mobile.css +3 -3
  43. package/esm/components/controls/Component.js +5 -6
  44. package/esm/components/controls/index.css +2 -2
  45. package/esm/components/controls/index.js +0 -6
  46. package/esm/components/footer/Component.js +5 -7
  47. package/esm/components/footer/desktop.css +9 -9
  48. package/esm/components/footer/index.css +4 -4
  49. package/esm/components/footer/layout.css +17 -17
  50. package/esm/components/footer/mobile.css +3 -3
  51. package/esm/components/header/Component.js +5 -7
  52. package/esm/components/header/desktop.css +15 -15
  53. package/esm/components/header/index.css +4 -4
  54. package/esm/components/header/mobile.css +4 -4
  55. package/esm/desktop/Component.desktop.js +0 -9
  56. package/esm/desktop/desktop.css +9 -9
  57. package/esm/desktop/index.js +0 -16
  58. package/esm/index.js +0 -17
  59. package/esm/layout.module-4c70e469.js +4 -0
  60. package/esm/mobile/Component.mobile.js +0 -9
  61. package/esm/mobile/index.js +0 -16
  62. package/esm/mobile/mobile.css +2 -2
  63. package/esm/shared/index.d.ts +1 -0
  64. package/esm/shared/index.js +1 -1
  65. package/esm/transitions.css +8 -8
  66. package/esm/utils.d.ts +11 -1
  67. package/esm/utils.js +15 -0
  68. package/index.js +0 -17
  69. package/layout.module-fffa9cc4.js +6 -0
  70. package/mobile/Component.mobile.js +0 -9
  71. package/mobile/index.js +0 -16
  72. package/mobile/mobile.css +2 -2
  73. package/modern/Component.js +3 -3
  74. package/modern/Component.responsive.js +0 -9
  75. package/modern/components/content/Component.js +4 -6
  76. package/modern/components/content/desktop.css +7 -7
  77. package/modern/components/content/index.css +4 -4
  78. package/modern/components/content/mobile.css +3 -3
  79. package/modern/components/controls/Component.js +4 -5
  80. package/modern/components/controls/index.css +2 -2
  81. package/modern/components/controls/index.js +0 -6
  82. package/modern/components/footer/Component.js +5 -7
  83. package/modern/components/footer/desktop.css +9 -9
  84. package/modern/components/footer/index.css +4 -4
  85. package/modern/components/footer/layout.css +17 -17
  86. package/modern/components/footer/mobile.css +3 -3
  87. package/modern/components/header/Component.js +5 -7
  88. package/modern/components/header/desktop.css +15 -15
  89. package/modern/components/header/index.css +4 -4
  90. package/modern/components/header/mobile.css +4 -4
  91. package/modern/desktop/Component.desktop.js +0 -9
  92. package/modern/desktop/desktop.css +9 -9
  93. package/modern/desktop/index.js +0 -15
  94. package/modern/index.js +0 -16
  95. package/modern/layout.module-80dc989b.js +4 -0
  96. package/modern/mobile/Component.mobile.js +0 -9
  97. package/modern/mobile/index.js +0 -15
  98. package/modern/mobile/mobile.css +2 -2
  99. package/modern/shared/index.d.ts +1 -0
  100. package/modern/shared/index.js +1 -1
  101. package/modern/transitions.css +8 -8
  102. package/modern/utils.d.ts +11 -1
  103. package/modern/utils.js +15 -0
  104. package/package.json +4 -3
  105. package/shared/index.d.ts +1 -0
  106. package/shared/index.js +2 -1
  107. package/src/components/controls/Component.tsx +1 -1
  108. package/src/components/header/Component.tsx +1 -1
  109. package/src/shared/index.ts +1 -0
  110. package/src/utils.ts +14 -0
  111. package/transitions.css +8 -8
  112. package/utils.d.ts +11 -1
  113. package/utils.js +18 -0
  114. package/browser-a216f694.d.ts +0 -6
  115. package/cssm/browser-a216f694.d.ts +0 -6
  116. package/cssm/getDataTestId-5c876d98.d.ts +0 -2
  117. package/cssm/getDataTestId-5c876d98.js +0 -8
  118. package/cssm/index-a5b021bd.d.ts +0 -70
  119. package/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  120. package/esm/browser-a216f694.d.ts +0 -6
  121. package/esm/getDataTestId-143c099f.d.ts +0 -2
  122. package/esm/getDataTestId-143c099f.js +0 -6
  123. package/esm/index-a5b021bd.d.ts +0 -70
  124. package/esm/layout.module-9932f3ea.js +0 -4
  125. package/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  126. package/getDataTestId-2c8d1d4f.d.ts +0 -2
  127. package/getDataTestId-2c8d1d4f.js +0 -8
  128. package/index-a5b021bd.d.ts +0 -70
  129. package/layout.module-61746462.js +0 -6
  130. package/modern/browser-a216f694.d.ts +0 -6
  131. package/modern/getDataTestId-a8aae71a.d.ts +0 -2
  132. package/modern/getDataTestId-a8aae71a.js +0 -6
  133. package/modern/index-a5b021bd.d.ts +0 -70
  134. package/modern/layout.module-bff97609.js +0 -4
  135. package/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
  136. package/useCustomWebkitScrollbar-a216f694.d.ts +0 -2
@@ -3,13 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var components_controls_Component = require('./Component.js');
6
- require('react');
7
- require('classnames');
8
- require('../../getDataTestId-5c876d98.js');
9
- require('@alfalab/hooks');
10
- require('../../ResponsiveContext.js');
11
- require('../footer/layout.module.css');
12
- require('./index.module.css');
13
6
 
14
7
 
15
8
 
@@ -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-5c876d98.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-5c876d98.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({}, restProps, { dataTestId: getDataTestId.getDataTestId(dataTestId, 'header'), 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-5c876d98.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-5c876d98.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-5c876d98.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-5c876d98.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-5c876d98.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
 
@@ -1,4 +1,5 @@
1
1
  export { ModalContext } from "../Context";
2
+ export { getModalTestIds } from "../utils";
2
3
  export type { HeaderProps as ModalHeaderProps } from "../components/header/Component";
3
4
  export type { FooterProps as ModalFooterProps } from "../components/footer/Component";
4
5
  export type { ContentProps as ModalContentProps } from "../typings";
@@ -3,8 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Context = require('../Context.js');
6
- require('@alfalab/core-components-base-modal/cssm');
6
+ var utils = require('../utils.js');
7
7
 
8
8
 
9
9
 
10
10
  exports.ModalContext = Context.ModalContext;
11
+ exports.getModalTestIds = utils.getModalTestIds;
package/cssm/utils.d.ts CHANGED
@@ -1 +1,11 @@
1
- export {};
1
+ declare function getModalTestIds(dataTestId: string): {
2
+ modal: string;
3
+ content: string;
4
+ footer: string;
5
+ controls: string;
6
+ header: string;
7
+ title: string;
8
+ closer: string;
9
+ backButton: string;
10
+ };
11
+ export { getModalTestIds };
package/cssm/utils.js CHANGED
@@ -1,2 +1,20 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
6
+
7
+ function getModalTestIds(dataTestId) {
8
+ return {
9
+ modal: dataTestId,
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'),
17
+ };
18
+ }
19
+
20
+ exports.getModalTestIds = getModalTestIds;
@@ -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-2c8d1d4f.js');
17
- require('@alfalab/hooks');
18
- require('../Context.js');
19
- require('../layout.module-61746462.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: 3bdu6 */
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_1ccgp {
38
+ } .modal__wrapper_3wrya {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_1ccgp {
41
+ } .modal__component_3wrya {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_1ccgp {
45
+ } .modal__fullscreen_3wrya {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_1ccgp .modal__component_1ccgp {
48
+ } .modal__fullscreen_3wrya .modal__component_3wrya {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__s_1ccgp {
51
+ } .modal__s_3wrya {
52
52
  width: var(--modal-s-width);
53
- } .modal__m_1ccgp {
53
+ } .modal__m_3wrya {
54
54
  width: var(--modal-m-width);
55
- } .modal__l_1ccgp {
55
+ } .modal__l_3wrya {
56
56
  width: var(--modal-l-width);
57
- } .modal__xl_1ccgp {
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-2c8d1d4f.js');
15
- require('@alfalab/hooks');
16
- require('../Context.js');
17
- require('../components/controls/Component.js');
18
- require('../layout.module-61746462.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_1ccgp","component":"modal__component_1ccgp","fullscreen":"modal__fullscreen_1ccgp","s":"modal__s_1ccgp","m":"modal__m_1ccgp","l":"modal__l_1ccgp","xl":"modal__xl_1ccgp"};
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_1odq1"};
11
+ var mobileStyles = {"component":"modal__component_1sigs"};
12
12
  require('./mobile/mobile.css')
13
13
 
14
- var transitions = {"appear":"modal__appear_24xq3","enter":"modal__enter_24xq3","appearActive":"modal__appearActive_24xq3","enterActive":"modal__enterActive_24xq3","exit":"modal__exit_24xq3","exitActive":"modal__exitActive_24xq3","exitDone":"modal__exitDone_24xq3"};
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-143c099f.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-9932f3ea.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-143c099f.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_15gj1","m":"modal__m_15gj1","l":"modal__l_15gj1","xl":"modal__xl_15gj1","fullscreen":"modal__fullscreen_15gj1"};
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_1ws0z","withHeader":"modal__withHeader_1ws0z","flex":"modal__flex_1ws0z"};
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_yw1nl"};
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: 1w9cp */
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_15gj1,
34
- .modal__m_15gj1,
35
- .modal__l_15gj1,
36
- .modal__xl_15gj1,
37
- .modal__fullscreen_15gj1 {
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_15gj1:last-child, .modal__m_15gj1:last-child, .modal__l_15gj1:last-child, .modal__xl_15gj1:last-child, .modal__fullscreen_15gj1: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: 1ehhv */
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_1ws0z {
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_1ws0z.modal__withHeader_1ws0z {
35
+ } .modal__content_l807a.modal__withHeader_l807a {
36
36
  padding-top: 0;
37
- } .modal__flex_1ws0z {
37
+ } .modal__flex_l807a {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: yi6fv */
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_yw1nl {
31
+ } .modal__content_vl0td {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_yw1nl:last-child {
33
+ } .modal__content_vl0td:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -1,16 +1,15 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-143c099f.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-9932f3ea.js';
5
+ import { l as layoutStyles } from '../../layout.module-4c70e469.js';
7
6
 
8
- var styles = {"component":"modal__component_1t3vp"};
7
+ var styles = {"component":"modal__component_ycyjd"};
9
8
  require('./index.css')
10
9
 
11
10
  var Controls = function (_a) {
12
- var primary = _a.primary, secondary = _a.secondary, _b = _a.gap, gap = _b === void 0 ? 16 : _b, _c = _a.layout, layoutProp = _c === void 0 ? 'start' : _c, _d = _a.mobileLayout, mobileLayout = _d === void 0 ? layoutProp : _d;
13
- var _e = useContext(ResponsiveContext), view = _e.view, dataTestId = _e.dataTestId;
11
+ var primary = _a.primary, secondary = _a.secondary, gap = _a.gap, _b = _a.layout, layoutProp = _b === void 0 ? 'start' : _b, _c = _a.mobileLayout, mobileLayout = _c === void 0 ? layoutProp : _c;
12
+ var _d = useContext(ResponsiveContext), view = _d.view, dataTestId = _d.dataTestId;
14
13
  var layout = view === 'mobile' ? mobileLayout : layoutProp;
15
14
  var shouldReverse = view === 'mobile' && layout !== 'column';
16
15
  return (React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'controls'), className: cn(styles.component, layoutStyles[layout], gap && layoutStyles["gap-".concat(gap)]) }, shouldReverse ? (React.createElement(React.Fragment, null,
@@ -1,4 +1,4 @@
1
- /* hash: d9khk */
2
- .modal__component_1t3vp {
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-143c099f.js';
5
- import '@alfalab/hooks';
6
- import '../../ResponsiveContext.js';
7
- import '../../layout.module-9932f3ea.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-143c099f.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-9932f3ea.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_86xrg","sticky":"modal__sticky_86xrg","fullscreen":"modal__fullscreen_86xrg","s":"modal__s_86xrg","m":"modal__m_86xrg","l":"modal__l_86xrg","xl":"modal__xl_86xrg"};
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_1d1m3","sticky":"modal__sticky_1d1m3","highlighted":"modal__highlighted_1d1m3"};
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_1o4x5","sticky":"modal__sticky_1o4x5"};
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: 182pi */
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_86xrg {
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_86xrg {
39
+ } .modal__sticky_1qs2y {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_86xrg.modal__fullscreen_86xrg {
41
+ } .modal__sticky_1qs2y.modal__fullscreen_1qs2y {
42
42
  bottom: 0;
43
- } .modal__s_86xrg,
44
- .modal__m_86xrg,
45
- .modal__l_86xrg,
46
- .modal__xl_86xrg,
47
- .modal__fullscreen_86xrg {
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
  }