@alfalab/core-components-popover 6.3.4 → 6.3.6

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 +5 -4
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_1bbjs","inner":"popover__inner_1bbjs","scrollableContent":"popover__scrollableContent_1bbjs","arrow":"popover__arrow_1bbjs","enter":"popover__enter_1bbjs","enterActive":"popover__enterActive_1bbjs","exit":"popover__exit_1bbjs","exitActive":"popover__exitActive_1bbjs"};
25
+ var styles = {"component":"popover__component_chanz","inner":"popover__inner_chanz","scrollableContent":"popover__scrollableContent_chanz","arrow":"popover__arrow_chanz","enter":"popover__enter_chanz","enterActive":"popover__enterActive_chanz","exit":"popover__exit_chanz","exitActive":"popover__exitActive_chanz"};
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_1bbjs","inner":"popover__inner_1bbjs","scrollableContent":"popover__scrollableContent_1bbjs","arrow":"popover__arrow_1bbjs","enter":"popover__enter_1bbjs","enterActive":"popover__enterActive_1bbjs","exit":"popover__exit_1bbjs","exitActive":"popover__exitActive_1bbjs"};
14
+ var styles = {"component":"popover__component_chanz","inner":"popover__inner_chanz","scrollableContent":"popover__scrollableContent_chanz","arrow":"popover__arrow_chanz","enter":"popover__enter_chanz","enterActive":"popover__enterActive_chanz","exit":"popover__exit_chanz","exitActive":"popover__exitActive_chanz"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9rb9r */
1
+ /* hash: 1rf7c */
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;
@@ -24,23 +24,23 @@
24
24
  } :root {
25
25
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1bbjs {
27
+ } .popover__component_chanz {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1bbjs {
30
+ } .popover__inner_chanz {
31
31
  position: relative;
32
32
  background-color: var(--color-light-modal-bg-primary);
33
33
  box-shadow: var(--shadow-m);
34
34
  border: 1px solid var(--popover-border-color);
35
35
  box-sizing: border-box;
36
36
  will-change: transform;
37
- } .popover__scrollableContent_1bbjs {
37
+ } .popover__scrollableContent_chanz {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1bbjs {
41
+ } .popover__arrow_chanz {
42
42
  z-index: 1;
43
- } .popover__arrow_1bbjs:after {
43
+ } .popover__arrow_chanz:after {
44
44
  content: '';
45
45
  display: block;
46
46
  position: absolute;
@@ -50,51 +50,51 @@
50
50
  border: 1px solid var(--popover-border-color);
51
51
  box-sizing: border-box;
52
52
  transform: rotate(45deg);
53
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs,
54
- .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs,
55
- .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs {
53
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz,
54
+ .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz,
55
+ .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz {
56
56
  right: 5px
57
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs:after {
57
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs,
62
- .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs,
63
- .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs {
61
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz,
62
+ .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz,
63
+ .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz {
64
64
  left: -7px
65
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs:after {
65
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs,
70
- .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs,
71
- .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs {
69
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz,
70
+ .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz,
71
+ .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz {
72
72
  bottom: 5px
73
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs:after {
73
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs,
78
- .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs,
79
- .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs {
77
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz,
78
+ .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz,
79
+ .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz {
80
80
  top: -7px
81
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs:after {
81
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1bbjs .popover__inner_1bbjs {
85
+ } .popover__enter_chanz .popover__inner_chanz {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1bbjs .popover__inner_1bbjs {
88
+ } .popover__enterActive_chanz .popover__inner_chanz {
89
89
  opacity: 1;
90
90
  transform: scale(1);
91
91
  transition-property: opacity, transform;
92
92
  transition-timing-function: ease-in-out;
93
93
  transition-duration: 150ms;
94
- } .popover__exit_1bbjs .popover__inner_1bbjs {
94
+ } .popover__exit_chanz .popover__inner_chanz {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1bbjs .popover__inner_1bbjs {
97
+ } .popover__exitActive_chanz .popover__inner_chanz {
98
98
  opacity: 0;
99
99
  transform: scale(0.98);
100
100
  transition-property: opacity, transform;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9rb9r */
1
+ /* hash: 1rf7c */
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;
@@ -24,23 +24,23 @@
24
24
  } :root {
25
25
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1bbjs {
27
+ } .popover__component_chanz {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1bbjs {
30
+ } .popover__inner_chanz {
31
31
  position: relative;
32
32
  background-color: var(--color-light-modal-bg-primary);
33
33
  box-shadow: var(--shadow-m);
34
34
  border: 1px solid var(--popover-border-color);
35
35
  box-sizing: border-box;
36
36
  will-change: transform;
37
- } .popover__scrollableContent_1bbjs {
37
+ } .popover__scrollableContent_chanz {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1bbjs {
41
+ } .popover__arrow_chanz {
42
42
  z-index: 1;
43
- } .popover__arrow_1bbjs:after {
43
+ } .popover__arrow_chanz:after {
44
44
  content: '';
45
45
  display: block;
46
46
  position: absolute;
@@ -50,51 +50,51 @@
50
50
  border: 1px solid var(--popover-border-color);
51
51
  box-sizing: border-box;
52
52
  transform: rotate(45deg);
53
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs,
54
- .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs,
55
- .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs {
53
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz,
54
+ .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz,
55
+ .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz {
56
56
  right: 5px
57
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs:after {
57
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs,
62
- .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs,
63
- .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs {
61
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz,
62
+ .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz,
63
+ .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz {
64
64
  left: -7px
65
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs:after {
65
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs,
70
- .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs,
71
- .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs {
69
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz,
70
+ .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz,
71
+ .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz {
72
72
  bottom: 5px
73
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs:after {
73
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs,
78
- .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs,
79
- .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs {
77
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz,
78
+ .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz,
79
+ .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz {
80
80
  top: -7px
81
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs:after {
81
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1bbjs .popover__inner_1bbjs {
85
+ } .popover__enter_chanz .popover__inner_chanz {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1bbjs .popover__inner_1bbjs {
88
+ } .popover__enterActive_chanz .popover__inner_chanz {
89
89
  opacity: 1;
90
90
  transform: scale(1);
91
91
  transition-property: opacity, transform;
92
92
  transition-timing-function: ease-in-out;
93
93
  transition-duration: 150ms;
94
- } .popover__exit_1bbjs .popover__inner_1bbjs {
94
+ } .popover__exit_chanz .popover__inner_chanz {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1bbjs .popover__inner_1bbjs {
97
+ } .popover__exitActive_chanz .popover__inner_chanz {
98
98
  opacity: 0;
99
99
  transform: scale(0.98);
100
100
  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_1bbjs","inner":"popover__inner_1bbjs","scrollableContent":"popover__scrollableContent_1bbjs","arrow":"popover__arrow_1bbjs","enter":"popover__enter_1bbjs","enterActive":"popover__enterActive_1bbjs","exit":"popover__exit_1bbjs","exitActive":"popover__exitActive_1bbjs"};
13
+ const styles = {"component":"popover__component_chanz","inner":"popover__inner_chanz","scrollableContent":"popover__scrollableContent_chanz","arrow":"popover__arrow_chanz","enter":"popover__enter_chanz","enterActive":"popover__enterActive_chanz","exit":"popover__exit_chanz","exitActive":"popover__exitActive_chanz"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9rb9r */
1
+ /* hash: 1rf7c */
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;
@@ -24,23 +24,23 @@
24
24
  } :root {
25
25
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1bbjs {
27
+ } .popover__component_chanz {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1bbjs {
30
+ } .popover__inner_chanz {
31
31
  position: relative;
32
32
  background-color: var(--color-light-modal-bg-primary);
33
33
  box-shadow: var(--shadow-m);
34
34
  border: 1px solid var(--popover-border-color);
35
35
  box-sizing: border-box;
36
36
  will-change: transform;
37
- } .popover__scrollableContent_1bbjs {
37
+ } .popover__scrollableContent_chanz {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1bbjs {
41
+ } .popover__arrow_chanz {
42
42
  z-index: 1;
43
- } .popover__arrow_1bbjs:after {
43
+ } .popover__arrow_chanz:after {
44
44
  content: '';
45
45
  display: block;
46
46
  position: absolute;
@@ -50,51 +50,51 @@
50
50
  border: 1px solid var(--popover-border-color);
51
51
  box-sizing: border-box;
52
52
  transform: rotate(45deg);
53
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs,
54
- .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs,
55
- .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs {
53
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz,
54
+ .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz,
55
+ .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz {
56
56
  right: 5px
57
- } .popover__component_1bbjs[data-popper-placement='left'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='left-end'] .popover__arrow_1bbjs:after {
57
+ } .popover__component_chanz[data-popper-placement='left'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='left-end'] .popover__arrow_chanz:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs,
62
- .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs,
63
- .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs {
61
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz,
62
+ .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz,
63
+ .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz {
64
64
  left: -7px
65
- } .popover__component_1bbjs[data-popper-placement='right'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='right-end'] .popover__arrow_1bbjs:after {
65
+ } .popover__component_chanz[data-popper-placement='right'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='right-end'] .popover__arrow_chanz:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs,
70
- .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs,
71
- .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs {
69
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz,
70
+ .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz,
71
+ .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz {
72
72
  bottom: 5px
73
- } .popover__component_1bbjs[data-popper-placement='top'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='top-end'] .popover__arrow_1bbjs:after {
73
+ } .popover__component_chanz[data-popper-placement='top'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='top-end'] .popover__arrow_chanz:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs,
78
- .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs,
79
- .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs {
77
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz,
78
+ .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz,
79
+ .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz {
80
80
  top: -7px
81
- } .popover__component_1bbjs[data-popper-placement='bottom'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-start'] .popover__arrow_1bbjs:after, .popover__component_1bbjs[data-popper-placement='bottom-end'] .popover__arrow_1bbjs:after {
81
+ } .popover__component_chanz[data-popper-placement='bottom'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-start'] .popover__arrow_chanz:after, .popover__component_chanz[data-popper-placement='bottom-end'] .popover__arrow_chanz:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1bbjs .popover__inner_1bbjs {
85
+ } .popover__enter_chanz .popover__inner_chanz {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1bbjs .popover__inner_1bbjs {
88
+ } .popover__enterActive_chanz .popover__inner_chanz {
89
89
  opacity: 1;
90
90
  transform: scale(1);
91
91
  transition-property: opacity, transform;
92
92
  transition-timing-function: ease-in-out;
93
93
  transition-duration: 150ms;
94
- } .popover__exit_1bbjs .popover__inner_1bbjs {
94
+ } .popover__exit_chanz .popover__inner_chanz {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1bbjs .popover__inner_1bbjs {
97
+ } .popover__exitActive_chanz .popover__inner_chanz {
98
98
  opacity: 0;
99
99
  transform: scale(0.98);
100
100
  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.4",
3
+ "version": "6.3.6",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,14 +10,15 @@
10
10
  "access": "public",
11
11
  "directory": "dist"
12
12
  },
13
+ "sideEffects": false,
13
14
  "peerDependencies": {
14
15
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
15
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
17
  },
17
18
  "dependencies": {
18
- "@alfalab/core-components-portal": "^3.3.4",
19
+ "@alfalab/core-components-portal": "^3.3.5",
19
20
  "@alfalab/core-components-stack": "^5.0.1",
20
- "@alfalab/hooks": "^1.13.0",
21
+ "@alfalab/hooks": "^1.13.1",
21
22
  "@juggle/resize-observer": "^3.3.1",
22
23
  "@popperjs/core": "^2.11.8",
23
24
  "classnames": "^2.5.1",
@@ -30,6 +31,6 @@
30
31
  "devDependencies": {
31
32
  "@types/react-transition-group": "^4.4.5"
32
33
  },
33
- "themesVersion": "13.6.0",
34
+ "themesVersion": "13.7.0",
34
35
  "varsVersion": "9.16.0"
35
36
  }