@alfalab/core-components-popover 6.3.7 → 6.3.8

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 (7) hide show
  1. package/Component.js +1 -1
  2. package/esm/Component.js +1 -1
  3. package/esm/index.css +26 -26
  4. package/index.css +26 -26
  5. package/modern/Component.js +1 -1
  6. package/modern/index.css +26 -26
  7. package/package.json +3 -3
package/Component.js CHANGED
@@ -22,7 +22,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
24
24
 
25
- var styles = {"component":"popover__component_1orci","inner":"popover__inner_1orci","scrollableContent":"popover__scrollableContent_1orci","arrow":"popover__arrow_1orci","enter":"popover__enter_1orci","enterActive":"popover__enterActive_1orci","exit":"popover__exit_1orci","exitActive":"popover__exitActive_1orci"};
25
+ var styles = {"component":"popover__component_1ofz9","inner":"popover__inner_1ofz9","scrollableContent":"popover__scrollableContent_1ofz9","arrow":"popover__arrow_1ofz9","enter":"popover__enter_1ofz9","enterActive":"popover__enterActive_1ofz9","exit":"popover__exit_1ofz9","exitActive":"popover__exitActive_1ofz9"};
26
26
  require('./index.css')
27
27
 
28
28
  var DEFAULT_TRANSITION = {
package/esm/Component.js CHANGED
@@ -11,7 +11,7 @@ import { Stack } from '@alfalab/core-components-stack/esm';
11
11
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
12
12
  import { stackingOrder } from '@alfalab/stack-context';
13
13
 
14
- var styles = {"component":"popover__component_1orci","inner":"popover__inner_1orci","scrollableContent":"popover__scrollableContent_1orci","arrow":"popover__arrow_1orci","enter":"popover__enter_1orci","enterActive":"popover__enterActive_1orci","exit":"popover__exit_1orci","exitActive":"popover__exitActive_1orci"};
14
+ var styles = {"component":"popover__component_1ofz9","inner":"popover__inner_1ofz9","scrollableContent":"popover__scrollableContent_1ofz9","arrow":"popover__arrow_1ofz9","enter":"popover__enter_1ofz9","enterActive":"popover__enterActive_1ofz9","exit":"popover__exit_1ofz9","exitActive":"popover__exitActive_1ofz9"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a9pr */
1
+ /* hash: 2c15m */
2
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;
@@ -27,23 +27,23 @@
27
27
  } :root {
28
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
29
29
  --popover-border-color: transparent;
30
- } .popover__component_1orci {
30
+ } .popover__component_1ofz9 {
31
31
  background-color: transparent;
32
32
  color: var(--color-light-text-primary);
33
- } .popover__inner_1orci {
33
+ } .popover__inner_1ofz9 {
34
34
  position: relative;
35
35
  background-color: var(--color-light-modal-bg-primary);
36
36
  box-shadow: var(--shadow-m);
37
37
  border: 1px solid var(--popover-border-color);
38
38
  box-sizing: border-box;
39
39
  will-change: transform;
40
- } .popover__scrollableContent_1orci {
40
+ } .popover__scrollableContent_1ofz9 {
41
41
  position: relative;
42
42
  z-index: 2;
43
43
  overflow-y: auto;
44
- } .popover__arrow_1orci {
44
+ } .popover__arrow_1ofz9 {
45
45
  z-index: 1;
46
- } .popover__arrow_1orci:after {
46
+ } .popover__arrow_1ofz9:after {
47
47
  content: '';
48
48
  display: block;
49
49
  position: absolute;
@@ -53,51 +53,51 @@
53
53
  border: 1px solid var(--popover-border-color);
54
54
  box-sizing: border-box;
55
55
  transform: rotate(45deg);
56
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci,
57
- .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci,
58
- .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci {
56
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9,
57
+ .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9,
58
+ .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9 {
59
59
  right: 5px
60
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci:after {
60
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9:after {
61
61
  top: -6px;
62
62
  border-bottom: none;
63
63
  border-left: none;
64
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci,
65
- .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci,
66
- .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci {
64
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9,
65
+ .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9,
66
+ .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9 {
67
67
  left: -7px
68
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci:after {
68
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9:after {
69
69
  top: -6px;
70
70
  border-top: none;
71
71
  border-right: none;
72
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci,
73
- .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci,
74
- .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci {
72
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9,
73
+ .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9,
74
+ .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9 {
75
75
  bottom: 5px
76
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci:after {
76
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci,
81
- .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci,
82
- .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci {
80
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9,
81
+ .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9,
82
+ .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9 {
83
83
  top: -7px
84
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci:after {
84
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9:after {
85
85
  left: -6px;
86
86
  border-bottom: none;
87
87
  border-right: none;
88
- } .popover__enter_1orci .popover__inner_1orci {
88
+ } .popover__enter_1ofz9 .popover__inner_1ofz9 {
89
89
  opacity: 0;
90
90
  transform: scale(0.98);
91
- } .popover__enterActive_1orci .popover__inner_1orci {
91
+ } .popover__enterActive_1ofz9 .popover__inner_1ofz9 {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
- } .popover__exit_1orci .popover__inner_1orci {
97
+ } .popover__exit_1ofz9 .popover__inner_1ofz9 {
98
98
  opacity: 1;
99
99
  transform: scale(1);
100
- } .popover__exitActive_1orci .popover__inner_1orci {
100
+ } .popover__exitActive_1ofz9 .popover__inner_1ofz9 {
101
101
  opacity: 0;
102
102
  transform: scale(0.98);
103
103
  transition-property: opacity, transform;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a9pr */
1
+ /* hash: 2c15m */
2
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;
@@ -27,23 +27,23 @@
27
27
  } :root {
28
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
29
29
  --popover-border-color: transparent;
30
- } .popover__component_1orci {
30
+ } .popover__component_1ofz9 {
31
31
  background-color: transparent;
32
32
  color: var(--color-light-text-primary);
33
- } .popover__inner_1orci {
33
+ } .popover__inner_1ofz9 {
34
34
  position: relative;
35
35
  background-color: var(--color-light-modal-bg-primary);
36
36
  box-shadow: var(--shadow-m);
37
37
  border: 1px solid var(--popover-border-color);
38
38
  box-sizing: border-box;
39
39
  will-change: transform;
40
- } .popover__scrollableContent_1orci {
40
+ } .popover__scrollableContent_1ofz9 {
41
41
  position: relative;
42
42
  z-index: 2;
43
43
  overflow-y: auto;
44
- } .popover__arrow_1orci {
44
+ } .popover__arrow_1ofz9 {
45
45
  z-index: 1;
46
- } .popover__arrow_1orci:after {
46
+ } .popover__arrow_1ofz9:after {
47
47
  content: '';
48
48
  display: block;
49
49
  position: absolute;
@@ -53,51 +53,51 @@
53
53
  border: 1px solid var(--popover-border-color);
54
54
  box-sizing: border-box;
55
55
  transform: rotate(45deg);
56
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci,
57
- .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci,
58
- .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci {
56
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9,
57
+ .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9,
58
+ .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9 {
59
59
  right: 5px
60
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci:after {
60
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9:after {
61
61
  top: -6px;
62
62
  border-bottom: none;
63
63
  border-left: none;
64
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci,
65
- .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci,
66
- .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci {
64
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9,
65
+ .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9,
66
+ .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9 {
67
67
  left: -7px
68
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci:after {
68
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9:after {
69
69
  top: -6px;
70
70
  border-top: none;
71
71
  border-right: none;
72
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci,
73
- .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci,
74
- .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci {
72
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9,
73
+ .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9,
74
+ .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9 {
75
75
  bottom: 5px
76
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci:after {
76
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci,
81
- .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci,
82
- .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci {
80
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9,
81
+ .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9,
82
+ .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9 {
83
83
  top: -7px
84
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci:after {
84
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9:after {
85
85
  left: -6px;
86
86
  border-bottom: none;
87
87
  border-right: none;
88
- } .popover__enter_1orci .popover__inner_1orci {
88
+ } .popover__enter_1ofz9 .popover__inner_1ofz9 {
89
89
  opacity: 0;
90
90
  transform: scale(0.98);
91
- } .popover__enterActive_1orci .popover__inner_1orci {
91
+ } .popover__enterActive_1ofz9 .popover__inner_1ofz9 {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
- } .popover__exit_1orci .popover__inner_1orci {
97
+ } .popover__exit_1ofz9 .popover__inner_1ofz9 {
98
98
  opacity: 1;
99
99
  transform: scale(1);
100
- } .popover__exitActive_1orci .popover__inner_1orci {
100
+ } .popover__exitActive_1ofz9 .popover__inner_1ofz9 {
101
101
  opacity: 0;
102
102
  transform: scale(0.98);
103
103
  transition-property: opacity, transform;
package/modern/Component.js CHANGED
@@ -10,7 +10,7 @@ import { Stack } from '@alfalab/core-components-stack/modern';
10
10
  import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
11
11
  import { stackingOrder } from '@alfalab/stack-context';
12
12
 
13
- const styles = {"component":"popover__component_1orci","inner":"popover__inner_1orci","scrollableContent":"popover__scrollableContent_1orci","arrow":"popover__arrow_1orci","enter":"popover__enter_1orci","enterActive":"popover__enterActive_1orci","exit":"popover__exit_1orci","exitActive":"popover__exitActive_1orci"};
13
+ const styles = {"component":"popover__component_1ofz9","inner":"popover__inner_1ofz9","scrollableContent":"popover__scrollableContent_1ofz9","arrow":"popover__arrow_1ofz9","enter":"popover__enter_1ofz9","enterActive":"popover__enterActive_1ofz9","exit":"popover__exit_1ofz9","exitActive":"popover__exitActive_1ofz9"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1a9pr */
1
+ /* hash: 2c15m */
2
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;
@@ -27,23 +27,23 @@
27
27
  } :root {
28
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
29
29
  --popover-border-color: transparent;
30
- } .popover__component_1orci {
30
+ } .popover__component_1ofz9 {
31
31
  background-color: transparent;
32
32
  color: var(--color-light-text-primary);
33
- } .popover__inner_1orci {
33
+ } .popover__inner_1ofz9 {
34
34
  position: relative;
35
35
  background-color: var(--color-light-modal-bg-primary);
36
36
  box-shadow: var(--shadow-m);
37
37
  border: 1px solid var(--popover-border-color);
38
38
  box-sizing: border-box;
39
39
  will-change: transform;
40
- } .popover__scrollableContent_1orci {
40
+ } .popover__scrollableContent_1ofz9 {
41
41
  position: relative;
42
42
  z-index: 2;
43
43
  overflow-y: auto;
44
- } .popover__arrow_1orci {
44
+ } .popover__arrow_1ofz9 {
45
45
  z-index: 1;
46
- } .popover__arrow_1orci:after {
46
+ } .popover__arrow_1ofz9:after {
47
47
  content: '';
48
48
  display: block;
49
49
  position: absolute;
@@ -53,51 +53,51 @@
53
53
  border: 1px solid var(--popover-border-color);
54
54
  box-sizing: border-box;
55
55
  transform: rotate(45deg);
56
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci,
57
- .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci,
58
- .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci {
56
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9,
57
+ .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9,
58
+ .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9 {
59
59
  right: 5px
60
- } .popover__component_1orci[data-popper-placement='left'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='left-end'] .popover__arrow_1orci:after {
60
+ } .popover__component_1ofz9[data-popper-placement='left'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='left-end'] .popover__arrow_1ofz9:after {
61
61
  top: -6px;
62
62
  border-bottom: none;
63
63
  border-left: none;
64
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci,
65
- .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci,
66
- .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci {
64
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9,
65
+ .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9,
66
+ .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9 {
67
67
  left: -7px
68
- } .popover__component_1orci[data-popper-placement='right'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='right-end'] .popover__arrow_1orci:after {
68
+ } .popover__component_1ofz9[data-popper-placement='right'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='right-end'] .popover__arrow_1ofz9:after {
69
69
  top: -6px;
70
70
  border-top: none;
71
71
  border-right: none;
72
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci,
73
- .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci,
74
- .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci {
72
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9,
73
+ .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9,
74
+ .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9 {
75
75
  bottom: 5px
76
- } .popover__component_1orci[data-popper-placement='top'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='top-end'] .popover__arrow_1orci:after {
76
+ } .popover__component_1ofz9[data-popper-placement='top'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='top-end'] .popover__arrow_1ofz9:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci,
81
- .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci,
82
- .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci {
80
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9,
81
+ .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9,
82
+ .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9 {
83
83
  top: -7px
84
- } .popover__component_1orci[data-popper-placement='bottom'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-start'] .popover__arrow_1orci:after, .popover__component_1orci[data-popper-placement='bottom-end'] .popover__arrow_1orci:after {
84
+ } .popover__component_1ofz9[data-popper-placement='bottom'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-start'] .popover__arrow_1ofz9:after, .popover__component_1ofz9[data-popper-placement='bottom-end'] .popover__arrow_1ofz9:after {
85
85
  left: -6px;
86
86
  border-bottom: none;
87
87
  border-right: none;
88
- } .popover__enter_1orci .popover__inner_1orci {
88
+ } .popover__enter_1ofz9 .popover__inner_1ofz9 {
89
89
  opacity: 0;
90
90
  transform: scale(0.98);
91
- } .popover__enterActive_1orci .popover__inner_1orci {
91
+ } .popover__enterActive_1ofz9 .popover__inner_1ofz9 {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
- } .popover__exit_1orci .popover__inner_1orci {
97
+ } .popover__exit_1ofz9 .popover__inner_1ofz9 {
98
98
  opacity: 1;
99
99
  transform: scale(1);
100
- } .popover__exitActive_1orci .popover__inner_1orci {
100
+ } .popover__exitActive_1ofz9 .popover__inner_1ofz9 {
101
101
  opacity: 0;
102
102
  transform: scale(0.98);
103
103
  transition-property: opacity, transform;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "6.3.7",
3
+ "version": "6.3.8",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,7 +16,7 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-portal": "^3.3.6",
19
+ "@alfalab/core-components-portal": "^3.3.7",
20
20
  "@alfalab/core-components-stack": "^5.0.1",
21
21
  "@alfalab/hooks": "^1.13.1",
22
22
  "@juggle/resize-observer": "^3.3.1",
@@ -31,6 +31,6 @@
31
31
  "devDependencies": {
32
32
  "@types/react-transition-group": "^4.4.5"
33
33
  },
34
- "themesVersion": "13.7.0",
34
+ "themesVersion": "13.7.1",
35
35
  "varsVersion": "9.18.0"
36
36
  }