@alfalab/core-components-popover 6.3.0 → 6.3.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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +1 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +27 -27
  5. package/index.css +27 -27
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +27 -27
  8. package/package.json +4 -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_1m1im","inner":"popover__inner_1m1im","scrollableContent":"popover__scrollableContent_1m1im","arrow":"popover__arrow_1m1im","enter":"popover__enter_1m1im","enterActive":"popover__enterActive_1m1im","exit":"popover__exit_1m1im","exitActive":"popover__exitActive_1m1im"};
25
+ var styles = {"component":"popover__component_xez8o","inner":"popover__inner_xez8o","scrollableContent":"popover__scrollableContent_xez8o","arrow":"popover__arrow_xez8o","enter":"popover__enter_xez8o","enterActive":"popover__enterActive_xez8o","exit":"popover__exit_xez8o","exitActive":"popover__exitActive_xez8o"};
26
26
  require('./index.css')
27
27
 
28
28
  var DEFAULT_TRANSITION = {
package/cssm/index.module.css CHANGED
@@ -21,7 +21,7 @@
21
21
  /* новые значения, используйте их */
22
22
  } :root {
23
23
  } :root {
24
- } :root {
24
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
25
25
  --popover-border-color: transparent;
26
26
  } .component {
27
27
  background-color: transparent;
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_1m1im","inner":"popover__inner_1m1im","scrollableContent":"popover__scrollableContent_1m1im","arrow":"popover__arrow_1m1im","enter":"popover__enter_1m1im","enterActive":"popover__enterActive_1m1im","exit":"popover__exit_1m1im","exitActive":"popover__exitActive_1m1im"};
14
+ var styles = {"component":"popover__component_xez8o","inner":"popover__inner_xez8o","scrollableContent":"popover__scrollableContent_xez8o","arrow":"popover__arrow_xez8o","enter":"popover__enter_xez8o","enterActive":"popover__enterActive_xez8o","exit":"popover__exit_xez8o","exitActive":"popover__exitActive_xez8o"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1k3j3 */
1
+ /* hash: 1yuhh */
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;
@@ -22,25 +22,25 @@
22
22
  /* новые значения, используйте их */
23
23
  } :root {
24
24
  } :root {
25
- } :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1m1im {
27
+ } .popover__component_xez8o {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1m1im {
30
+ } .popover__inner_xez8o {
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_1m1im {
37
+ } .popover__scrollableContent_xez8o {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1m1im {
41
+ } .popover__arrow_xez8o {
42
42
  z-index: 1;
43
- } .popover__arrow_1m1im:after {
43
+ } .popover__arrow_xez8o: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_1m1im[data-popper-placement='left'] .popover__arrow_1m1im,
54
- .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im,
55
- .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im {
53
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o,
54
+ .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o,
55
+ .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o {
56
56
  right: 5px
57
- } .popover__component_1m1im[data-popper-placement='left'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im:after {
57
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im,
62
- .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im,
63
- .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im {
61
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o,
62
+ .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o,
63
+ .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o {
64
64
  left: -7px
65
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im:after {
65
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im,
70
- .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im,
71
- .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im {
69
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o,
70
+ .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o,
71
+ .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o {
72
72
  bottom: 5px
73
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im:after {
73
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im,
78
- .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im,
79
- .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im {
77
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o,
78
+ .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o,
79
+ .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o {
80
80
  top: -7px
81
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im:after {
81
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1m1im .popover__inner_1m1im {
85
+ } .popover__enter_xez8o .popover__inner_xez8o {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1m1im .popover__inner_1m1im {
88
+ } .popover__enterActive_xez8o .popover__inner_xez8o {
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_1m1im .popover__inner_1m1im {
94
+ } .popover__exit_xez8o .popover__inner_xez8o {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1m1im .popover__inner_1m1im {
97
+ } .popover__exitActive_xez8o .popover__inner_xez8o {
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: 1k3j3 */
1
+ /* hash: 1yuhh */
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;
@@ -22,25 +22,25 @@
22
22
  /* новые значения, используйте их */
23
23
  } :root {
24
24
  } :root {
25
- } :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1m1im {
27
+ } .popover__component_xez8o {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1m1im {
30
+ } .popover__inner_xez8o {
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_1m1im {
37
+ } .popover__scrollableContent_xez8o {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1m1im {
41
+ } .popover__arrow_xez8o {
42
42
  z-index: 1;
43
- } .popover__arrow_1m1im:after {
43
+ } .popover__arrow_xez8o: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_1m1im[data-popper-placement='left'] .popover__arrow_1m1im,
54
- .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im,
55
- .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im {
53
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o,
54
+ .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o,
55
+ .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o {
56
56
  right: 5px
57
- } .popover__component_1m1im[data-popper-placement='left'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im:after {
57
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im,
62
- .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im,
63
- .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im {
61
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o,
62
+ .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o,
63
+ .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o {
64
64
  left: -7px
65
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im:after {
65
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im,
70
- .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im,
71
- .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im {
69
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o,
70
+ .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o,
71
+ .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o {
72
72
  bottom: 5px
73
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im:after {
73
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im,
78
- .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im,
79
- .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im {
77
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o,
78
+ .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o,
79
+ .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o {
80
80
  top: -7px
81
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im:after {
81
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1m1im .popover__inner_1m1im {
85
+ } .popover__enter_xez8o .popover__inner_xez8o {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1m1im .popover__inner_1m1im {
88
+ } .popover__enterActive_xez8o .popover__inner_xez8o {
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_1m1im .popover__inner_1m1im {
94
+ } .popover__exit_xez8o .popover__inner_xez8o {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1m1im .popover__inner_1m1im {
97
+ } .popover__exitActive_xez8o .popover__inner_xez8o {
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_1m1im","inner":"popover__inner_1m1im","scrollableContent":"popover__scrollableContent_1m1im","arrow":"popover__arrow_1m1im","enter":"popover__enter_1m1im","enterActive":"popover__enterActive_1m1im","exit":"popover__exit_1m1im","exitActive":"popover__exitActive_1m1im"};
13
+ const styles = {"component":"popover__component_xez8o","inner":"popover__inner_xez8o","scrollableContent":"popover__scrollableContent_xez8o","arrow":"popover__arrow_xez8o","enter":"popover__enter_xez8o","enterActive":"popover__enterActive_xez8o","exit":"popover__exit_xez8o","exitActive":"popover__exitActive_xez8o"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1k3j3 */
1
+ /* hash: 1yuhh */
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;
@@ -22,25 +22,25 @@
22
22
  /* новые значения, используйте их */
23
23
  } :root {
24
24
  } :root {
25
- } :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
  --popover-border-color: transparent;
27
- } .popover__component_1m1im {
27
+ } .popover__component_xez8o {
28
28
  background-color: transparent;
29
29
  color: var(--color-light-text-primary);
30
- } .popover__inner_1m1im {
30
+ } .popover__inner_xez8o {
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_1m1im {
37
+ } .popover__scrollableContent_xez8o {
38
38
  position: relative;
39
39
  z-index: 2;
40
40
  overflow-y: auto;
41
- } .popover__arrow_1m1im {
41
+ } .popover__arrow_xez8o {
42
42
  z-index: 1;
43
- } .popover__arrow_1m1im:after {
43
+ } .popover__arrow_xez8o: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_1m1im[data-popper-placement='left'] .popover__arrow_1m1im,
54
- .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im,
55
- .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im {
53
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o,
54
+ .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o,
55
+ .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o {
56
56
  right: 5px
57
- } .popover__component_1m1im[data-popper-placement='left'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='left-end'] .popover__arrow_1m1im:after {
57
+ } .popover__component_xez8o[data-popper-placement='left'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='left-end'] .popover__arrow_xez8o:after {
58
58
  top: -6px;
59
59
  border-bottom: none;
60
60
  border-left: none;
61
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im,
62
- .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im,
63
- .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im {
61
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o,
62
+ .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o,
63
+ .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o {
64
64
  left: -7px
65
- } .popover__component_1m1im[data-popper-placement='right'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='right-end'] .popover__arrow_1m1im:after {
65
+ } .popover__component_xez8o[data-popper-placement='right'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='right-end'] .popover__arrow_xez8o:after {
66
66
  top: -6px;
67
67
  border-top: none;
68
68
  border-right: none;
69
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im,
70
- .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im,
71
- .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im {
69
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o,
70
+ .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o,
71
+ .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o {
72
72
  bottom: 5px
73
- } .popover__component_1m1im[data-popper-placement='top'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='top-end'] .popover__arrow_1m1im:after {
73
+ } .popover__component_xez8o[data-popper-placement='top'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='top-end'] .popover__arrow_xez8o:after {
74
74
  left: -6px;
75
75
  border-top: none;
76
76
  border-left: none;
77
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im,
78
- .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im,
79
- .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im {
77
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o,
78
+ .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o,
79
+ .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o {
80
80
  top: -7px
81
- } .popover__component_1m1im[data-popper-placement='bottom'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-start'] .popover__arrow_1m1im:after, .popover__component_1m1im[data-popper-placement='bottom-end'] .popover__arrow_1m1im:after {
81
+ } .popover__component_xez8o[data-popper-placement='bottom'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-start'] .popover__arrow_xez8o:after, .popover__component_xez8o[data-popper-placement='bottom-end'] .popover__arrow_xez8o:after {
82
82
  left: -6px;
83
83
  border-bottom: none;
84
84
  border-right: none;
85
- } .popover__enter_1m1im .popover__inner_1m1im {
85
+ } .popover__enter_xez8o .popover__inner_xez8o {
86
86
  opacity: 0;
87
87
  transform: scale(0.98);
88
- } .popover__enterActive_1m1im .popover__inner_1m1im {
88
+ } .popover__enterActive_xez8o .popover__inner_xez8o {
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_1m1im .popover__inner_1m1im {
94
+ } .popover__exit_xez8o .popover__inner_xez8o {
95
95
  opacity: 1;
96
96
  transform: scale(1);
97
- } .popover__exitActive_1m1im .popover__inner_1m1im {
97
+ } .popover__exitActive_xez8o .popover__inner_xez8o {
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.0",
3
+ "version": "6.3.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.3.1",
18
+ "@alfalab/core-components-portal": "^3.3.3",
19
19
  "@alfalab/core-components-stack": "^5.0.0",
20
20
  "@alfalab/hooks": "^1.13.0",
21
21
  "@juggle/resize-observer": "^3.3.1",
@@ -30,6 +30,6 @@
30
30
  "devDependencies": {
31
31
  "@types/react-transition-group": "^4.4.5"
32
32
  },
33
- "themesVersion": "13.1.0",
34
- "varsVersion": "9.12.0"
33
+ "themesVersion": "13.4.0",
34
+ "varsVersion": "9.13.1"
35
35
  }