@alfalab/core-components-popover 6.2.1 → 6.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/Component.js +2 -1
  2. package/cssm/Component.js +1 -0
  3. package/cssm/index.js +0 -12
  4. package/cssm/index.module.css +2 -2
  5. package/esm/Component.js +2 -1
  6. package/esm/index.css +28 -28
  7. package/esm/index.js +0 -11
  8. package/index.css +28 -28
  9. package/index.js +0 -11
  10. package/modern/Component.js +2 -1
  11. package/modern/index.css +28 -28
  12. package/modern/index.js +0 -10
  13. package/package.json +2 -2
  14. package/src/Component.tsx +2 -0
package/Component.js CHANGED
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
23
23
 
24
- var styles = {"component":"popover__component_dqu0o","inner":"popover__inner_dqu0o","scrollableContent":"popover__scrollableContent_dqu0o","arrow":"popover__arrow_dqu0o","enter":"popover__enter_dqu0o","enterActive":"popover__enterActive_dqu0o","exit":"popover__exit_dqu0o","exitActive":"popover__exitActive_dqu0o"};
24
+ var styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
25
25
  require('./index.css')
26
26
 
27
27
  var DEFAULT_TRANSITION = {
@@ -161,5 +161,6 @@ var Popover = React.forwardRef(function (_a, ref) {
161
161
  (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
162
162
  } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
163
163
  });
164
+ Popover.displayName = 'Popover';
164
165
 
165
166
  exports.Popover = Popover;
package/cssm/Component.js CHANGED
@@ -160,5 +160,6 @@ var Popover = React.forwardRef(function (_a, ref) {
160
160
  (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
161
161
  } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
162
162
  });
163
+ Popover.displayName = 'Popover';
163
164
 
164
165
  exports.Popover = Popover;
package/cssm/index.js CHANGED
@@ -3,18 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('react-merge-refs');
9
- require('react-popper');
10
- require('react-transition-group');
11
- require('@juggle/resize-observer');
12
- require('classnames');
13
- require('popper-max-size-modifier');
14
- require('@alfalab/core-components-portal/cssm');
15
- require('@alfalab/core-components-stack/cssm');
16
- require('@alfalab/hooks');
17
- require('./index.module.css');
18
6
 
19
7
 
20
8
 
package/cssm/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
- :root {
1
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
3
  --color-light-modal-bg-primary: #fff;
4
- --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
package/esm/Component.js CHANGED
@@ -10,7 +10,7 @@ import { Portal } from '@alfalab/core-components-portal/esm';
10
10
  import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
11
11
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
12
12
 
13
- var styles = {"component":"popover__component_dqu0o","inner":"popover__inner_dqu0o","scrollableContent":"popover__scrollableContent_dqu0o","arrow":"popover__arrow_dqu0o","enter":"popover__enter_dqu0o","enterActive":"popover__enterActive_dqu0o","exit":"popover__exit_dqu0o","exitActive":"popover__exitActive_dqu0o"};
13
+ var styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
14
14
  require('./index.css')
15
15
 
16
16
  var DEFAULT_TRANSITION = {
@@ -150,5 +150,6 @@ var Popover = forwardRef(function (_a, ref) {
150
150
  (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
151
151
  } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
152
152
  });
153
+ Popover.displayName = 'Popover';
153
154
 
154
155
  export { Popover };
package/esm/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 1f2q9 */
2
- :root {
1
+ /* hash: 1rit7 */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
5
- --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -20,23 +20,23 @@
20
20
  } :root {
21
21
  } :root {
22
22
  --popover-border-color: transparent;
23
- } .popover__component_dqu0o {
23
+ } .popover__component_trlps {
24
24
  background-color: transparent;
25
25
  color: var(--color-light-text-primary);
26
- } .popover__inner_dqu0o {
26
+ } .popover__inner_trlps {
27
27
  position: relative;
28
28
  background-color: var(--color-light-modal-bg-primary);
29
29
  box-shadow: var(--shadow-m);
30
30
  border: 1px solid var(--popover-border-color);
31
31
  box-sizing: border-box;
32
32
  will-change: transform;
33
- } .popover__scrollableContent_dqu0o {
33
+ } .popover__scrollableContent_trlps {
34
34
  position: relative;
35
35
  z-index: 2;
36
36
  overflow-y: auto;
37
- } .popover__arrow_dqu0o {
37
+ } .popover__arrow_trlps {
38
38
  z-index: 1;
39
- } .popover__arrow_dqu0o:after {
39
+ } .popover__arrow_trlps:after {
40
40
  content: '';
41
41
  display: block;
42
42
  position: absolute;
@@ -46,51 +46,51 @@
46
46
  border: 1px solid var(--popover-border-color);
47
47
  box-sizing: border-box;
48
48
  transform: rotate(45deg);
49
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o,
50
- .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o,
51
- .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o {
49
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps,
50
+ .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps,
51
+ .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps {
52
52
  right: 5px
53
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o:after {
53
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps:after {
54
54
  top: -6px;
55
55
  border-bottom: none;
56
56
  border-left: none;
57
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o,
58
- .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o,
59
- .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o {
57
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps,
58
+ .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps,
59
+ .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps {
60
60
  left: -7px
61
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o:after {
61
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps:after {
62
62
  top: -6px;
63
63
  border-top: none;
64
64
  border-right: none;
65
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o,
66
- .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o,
67
- .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o {
65
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps,
66
+ .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps,
67
+ .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps {
68
68
  bottom: 5px
69
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o:after {
69
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps:after {
70
70
  left: -6px;
71
71
  border-top: none;
72
72
  border-left: none;
73
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o,
74
- .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o,
75
- .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o {
73
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps,
74
+ .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps,
75
+ .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps {
76
76
  top: -7px
77
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o:after {
77
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps:after {
78
78
  left: -6px;
79
79
  border-bottom: none;
80
80
  border-right: none;
81
- } .popover__enter_dqu0o .popover__inner_dqu0o {
81
+ } .popover__enter_trlps .popover__inner_trlps {
82
82
  opacity: 0;
83
83
  transform: scale(0.98);
84
- } .popover__enterActive_dqu0o .popover__inner_dqu0o {
84
+ } .popover__enterActive_trlps .popover__inner_trlps {
85
85
  opacity: 1;
86
86
  transform: scale(1);
87
87
  transition-property: opacity, transform;
88
88
  transition-timing-function: ease-in-out;
89
89
  transition-duration: 150ms;
90
- } .popover__exit_dqu0o .popover__inner_dqu0o {
90
+ } .popover__exit_trlps .popover__inner_trlps {
91
91
  opacity: 1;
92
92
  transform: scale(1);
93
- } .popover__exitActive_dqu0o .popover__inner_dqu0o {
93
+ } .popover__exitActive_trlps .popover__inner_trlps {
94
94
  opacity: 0;
95
95
  transform: scale(0.98);
96
96
  transition-property: opacity, transform;
package/esm/index.js CHANGED
@@ -1,12 +1 @@
1
1
  export { Popover } from './Component.js';
2
- import 'tslib';
3
- import 'react';
4
- import 'react-merge-refs';
5
- import 'react-popper';
6
- import 'react-transition-group';
7
- import '@juggle/resize-observer';
8
- import 'classnames';
9
- import 'popper-max-size-modifier';
10
- import '@alfalab/core-components-portal/esm';
11
- import '@alfalab/core-components-stack/esm';
12
- import '@alfalab/hooks';
package/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 1f2q9 */
2
- :root {
1
+ /* hash: 1rit7 */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
5
- --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -20,23 +20,23 @@
20
20
  } :root {
21
21
  } :root {
22
22
  --popover-border-color: transparent;
23
- } .popover__component_dqu0o {
23
+ } .popover__component_trlps {
24
24
  background-color: transparent;
25
25
  color: var(--color-light-text-primary);
26
- } .popover__inner_dqu0o {
26
+ } .popover__inner_trlps {
27
27
  position: relative;
28
28
  background-color: var(--color-light-modal-bg-primary);
29
29
  box-shadow: var(--shadow-m);
30
30
  border: 1px solid var(--popover-border-color);
31
31
  box-sizing: border-box;
32
32
  will-change: transform;
33
- } .popover__scrollableContent_dqu0o {
33
+ } .popover__scrollableContent_trlps {
34
34
  position: relative;
35
35
  z-index: 2;
36
36
  overflow-y: auto;
37
- } .popover__arrow_dqu0o {
37
+ } .popover__arrow_trlps {
38
38
  z-index: 1;
39
- } .popover__arrow_dqu0o:after {
39
+ } .popover__arrow_trlps:after {
40
40
  content: '';
41
41
  display: block;
42
42
  position: absolute;
@@ -46,51 +46,51 @@
46
46
  border: 1px solid var(--popover-border-color);
47
47
  box-sizing: border-box;
48
48
  transform: rotate(45deg);
49
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o,
50
- .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o,
51
- .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o {
49
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps,
50
+ .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps,
51
+ .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps {
52
52
  right: 5px
53
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o:after {
53
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps:after {
54
54
  top: -6px;
55
55
  border-bottom: none;
56
56
  border-left: none;
57
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o,
58
- .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o,
59
- .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o {
57
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps,
58
+ .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps,
59
+ .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps {
60
60
  left: -7px
61
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o:after {
61
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps:after {
62
62
  top: -6px;
63
63
  border-top: none;
64
64
  border-right: none;
65
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o,
66
- .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o,
67
- .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o {
65
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps,
66
+ .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps,
67
+ .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps {
68
68
  bottom: 5px
69
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o:after {
69
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps:after {
70
70
  left: -6px;
71
71
  border-top: none;
72
72
  border-left: none;
73
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o,
74
- .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o,
75
- .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o {
73
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps,
74
+ .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps,
75
+ .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps {
76
76
  top: -7px
77
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o:after {
77
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps:after {
78
78
  left: -6px;
79
79
  border-bottom: none;
80
80
  border-right: none;
81
- } .popover__enter_dqu0o .popover__inner_dqu0o {
81
+ } .popover__enter_trlps .popover__inner_trlps {
82
82
  opacity: 0;
83
83
  transform: scale(0.98);
84
- } .popover__enterActive_dqu0o .popover__inner_dqu0o {
84
+ } .popover__enterActive_trlps .popover__inner_trlps {
85
85
  opacity: 1;
86
86
  transform: scale(1);
87
87
  transition-property: opacity, transform;
88
88
  transition-timing-function: ease-in-out;
89
89
  transition-duration: 150ms;
90
- } .popover__exit_dqu0o .popover__inner_dqu0o {
90
+ } .popover__exit_trlps .popover__inner_trlps {
91
91
  opacity: 1;
92
92
  transform: scale(1);
93
- } .popover__exitActive_dqu0o .popover__inner_dqu0o {
93
+ } .popover__exitActive_trlps .popover__inner_trlps {
94
94
  opacity: 0;
95
95
  transform: scale(0.98);
96
96
  transition-property: opacity, transform;
package/index.js CHANGED
@@ -3,17 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var Component = require('./Component.js');
6
- require('tslib');
7
- require('react');
8
- require('react-merge-refs');
9
- require('react-popper');
10
- require('react-transition-group');
11
- require('@juggle/resize-observer');
12
- require('classnames');
13
- require('popper-max-size-modifier');
14
- require('@alfalab/core-components-portal');
15
- require('@alfalab/core-components-stack');
16
- require('@alfalab/hooks');
17
6
 
18
7
 
19
8
 
package/modern/Component.js CHANGED
@@ -9,7 +9,7 @@ import { Portal } from '@alfalab/core-components-portal/modern';
9
9
  import { Stack, stackingOrder } from '@alfalab/core-components-stack/modern';
10
10
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
11
11
 
12
- const styles = {"component":"popover__component_dqu0o","inner":"popover__inner_dqu0o","scrollableContent":"popover__scrollableContent_dqu0o","arrow":"popover__arrow_dqu0o","enter":"popover__enter_dqu0o","enterActive":"popover__enterActive_dqu0o","exit":"popover__exit_dqu0o","exitActive":"popover__exitActive_dqu0o"};
12
+ const styles = {"component":"popover__component_trlps","inner":"popover__inner_trlps","scrollableContent":"popover__scrollableContent_trlps","arrow":"popover__arrow_trlps","enter":"popover__enter_trlps","enterActive":"popover__enterActive_trlps","exit":"popover__exit_trlps","exitActive":"popover__exitActive_trlps"};
13
13
  require('./index.css')
14
14
 
15
15
  const DEFAULT_TRANSITION = {
@@ -146,5 +146,6 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
146
146
  transition?.onEntering?.(node, isAppearing);
147
147
  } }, renderContent(computedZIndex))) : (open && renderContent(computedZIndex))))));
148
148
  });
149
+ Popover.displayName = 'Popover';
149
150
 
150
151
  export { Popover };
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 1f2q9 */
2
- :root {
1
+ /* hash: 1rit7 */
2
+ :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
5
- --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -20,23 +20,23 @@
20
20
  } :root {
21
21
  } :root {
22
22
  --popover-border-color: transparent;
23
- } .popover__component_dqu0o {
23
+ } .popover__component_trlps {
24
24
  background-color: transparent;
25
25
  color: var(--color-light-text-primary);
26
- } .popover__inner_dqu0o {
26
+ } .popover__inner_trlps {
27
27
  position: relative;
28
28
  background-color: var(--color-light-modal-bg-primary);
29
29
  box-shadow: var(--shadow-m);
30
30
  border: 1px solid var(--popover-border-color);
31
31
  box-sizing: border-box;
32
32
  will-change: transform;
33
- } .popover__scrollableContent_dqu0o {
33
+ } .popover__scrollableContent_trlps {
34
34
  position: relative;
35
35
  z-index: 2;
36
36
  overflow-y: auto;
37
- } .popover__arrow_dqu0o {
37
+ } .popover__arrow_trlps {
38
38
  z-index: 1;
39
- } .popover__arrow_dqu0o:after {
39
+ } .popover__arrow_trlps:after {
40
40
  content: '';
41
41
  display: block;
42
42
  position: absolute;
@@ -46,51 +46,51 @@
46
46
  border: 1px solid var(--popover-border-color);
47
47
  box-sizing: border-box;
48
48
  transform: rotate(45deg);
49
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o,
50
- .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o,
51
- .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o {
49
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps,
50
+ .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps,
51
+ .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps {
52
52
  right: 5px
53
- } .popover__component_dqu0o[data-popper-placement='left'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='left-end'] .popover__arrow_dqu0o:after {
53
+ } .popover__component_trlps[data-popper-placement='left'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='left-end'] .popover__arrow_trlps:after {
54
54
  top: -6px;
55
55
  border-bottom: none;
56
56
  border-left: none;
57
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o,
58
- .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o,
59
- .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o {
57
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps,
58
+ .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps,
59
+ .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps {
60
60
  left: -7px
61
- } .popover__component_dqu0o[data-popper-placement='right'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='right-end'] .popover__arrow_dqu0o:after {
61
+ } .popover__component_trlps[data-popper-placement='right'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='right-end'] .popover__arrow_trlps:after {
62
62
  top: -6px;
63
63
  border-top: none;
64
64
  border-right: none;
65
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o,
66
- .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o,
67
- .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o {
65
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps,
66
+ .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps,
67
+ .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps {
68
68
  bottom: 5px
69
- } .popover__component_dqu0o[data-popper-placement='top'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='top-end'] .popover__arrow_dqu0o:after {
69
+ } .popover__component_trlps[data-popper-placement='top'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='top-end'] .popover__arrow_trlps:after {
70
70
  left: -6px;
71
71
  border-top: none;
72
72
  border-left: none;
73
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o,
74
- .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o,
75
- .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o {
73
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps,
74
+ .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps,
75
+ .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps {
76
76
  top: -7px
77
- } .popover__component_dqu0o[data-popper-placement='bottom'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-start'] .popover__arrow_dqu0o:after, .popover__component_dqu0o[data-popper-placement='bottom-end'] .popover__arrow_dqu0o:after {
77
+ } .popover__component_trlps[data-popper-placement='bottom'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-start'] .popover__arrow_trlps:after, .popover__component_trlps[data-popper-placement='bottom-end'] .popover__arrow_trlps:after {
78
78
  left: -6px;
79
79
  border-bottom: none;
80
80
  border-right: none;
81
- } .popover__enter_dqu0o .popover__inner_dqu0o {
81
+ } .popover__enter_trlps .popover__inner_trlps {
82
82
  opacity: 0;
83
83
  transform: scale(0.98);
84
- } .popover__enterActive_dqu0o .popover__inner_dqu0o {
84
+ } .popover__enterActive_trlps .popover__inner_trlps {
85
85
  opacity: 1;
86
86
  transform: scale(1);
87
87
  transition-property: opacity, transform;
88
88
  transition-timing-function: ease-in-out;
89
89
  transition-duration: 150ms;
90
- } .popover__exit_dqu0o .popover__inner_dqu0o {
90
+ } .popover__exit_trlps .popover__inner_trlps {
91
91
  opacity: 1;
92
92
  transform: scale(1);
93
- } .popover__exitActive_dqu0o .popover__inner_dqu0o {
93
+ } .popover__exitActive_trlps .popover__inner_trlps {
94
94
  opacity: 0;
95
95
  transform: scale(0.98);
96
96
  transition-property: opacity, transform;
package/modern/index.js CHANGED
@@ -1,11 +1 @@
1
1
  export { Popover } from './Component.js';
2
- import 'react';
3
- import 'react-merge-refs';
4
- import 'react-popper';
5
- import 'react-transition-group';
6
- import '@juggle/resize-observer';
7
- import 'classnames';
8
- import 'popper-max-size-modifier';
9
- import '@alfalab/core-components-portal/modern';
10
- import '@alfalab/core-components-stack/modern';
11
- import '@alfalab/hooks';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "6.2.1",
3
+ "version": "6.2.2",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-portal": "^3.2.0",
18
+ "@alfalab/core-components-portal": "^3.2.1",
19
19
  "@alfalab/core-components-stack": "^4.1.0",
20
20
  "@alfalab/hooks": "^1.13.0",
21
21
  "@juggle/resize-observer": "^3.3.1",
package/src/Component.tsx CHANGED
@@ -397,3 +397,5 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
397
397
  );
398
398
  },
399
399
  );
400
+
401
+ Popover.displayName = 'Popover';