@alfalab/core-components-popover 6.3.5 → 6.3.7

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 +3 -0
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +29 -26
  5. package/index.css +29 -26
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +29 -26
  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_1o4df","inner":"popover__inner_1o4df","scrollableContent":"popover__scrollableContent_1o4df","arrow":"popover__arrow_1o4df","enter":"popover__enter_1o4df","enterActive":"popover__enterActive_1o4df","exit":"popover__exit_1o4df","exitActive":"popover__exitActive_1o4df"};
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"};
26
26
  require('./index.css')
27
27
 
28
28
  var DEFAULT_TRANSITION = {
package/cssm/index.module.css CHANGED
@@ -19,6 +19,9 @@
19
19
  } :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 */
20
20
 
21
21
  /* новые значения, используйте их */
22
+
23
+ /* no-unit может приводить к проблемам в calc (#1559) */
24
+ /* stylelint-disable-next-line length-zero-no-unit */
22
25
  } :root {
23
26
  } :root {
24
27
  } /* сбрасывает синюю подсветку при нажатии */ :root {
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_1o4df","inner":"popover__inner_1o4df","scrollableContent":"popover__scrollableContent_1o4df","arrow":"popover__arrow_1o4df","enter":"popover__enter_1o4df","enterActive":"popover__enterActive_1o4df","exit":"popover__exit_1o4df","exitActive":"popover__exitActive_1o4df"};
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"};
15
15
  require('./index.css')
16
16
 
17
17
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10brw */
1
+ /* hash: 1a9pr */
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;
@@ -20,27 +20,30 @@
20
20
  } :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 */
21
21
 
22
22
  /* новые значения, используйте их */
23
+
24
+ /* no-unit может приводить к проблемам в calc (#1559) */
25
+ /* stylelint-disable-next-line length-zero-no-unit */
23
26
  } :root {
24
27
  } :root {
25
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
29
  --popover-border-color: transparent;
27
- } .popover__component_1o4df {
30
+ } .popover__component_1orci {
28
31
  background-color: transparent;
29
32
  color: var(--color-light-text-primary);
30
- } .popover__inner_1o4df {
33
+ } .popover__inner_1orci {
31
34
  position: relative;
32
35
  background-color: var(--color-light-modal-bg-primary);
33
36
  box-shadow: var(--shadow-m);
34
37
  border: 1px solid var(--popover-border-color);
35
38
  box-sizing: border-box;
36
39
  will-change: transform;
37
- } .popover__scrollableContent_1o4df {
40
+ } .popover__scrollableContent_1orci {
38
41
  position: relative;
39
42
  z-index: 2;
40
43
  overflow-y: auto;
41
- } .popover__arrow_1o4df {
44
+ } .popover__arrow_1orci {
42
45
  z-index: 1;
43
- } .popover__arrow_1o4df:after {
46
+ } .popover__arrow_1orci:after {
44
47
  content: '';
45
48
  display: block;
46
49
  position: absolute;
@@ -50,51 +53,51 @@
50
53
  border: 1px solid var(--popover-border-color);
51
54
  box-sizing: border-box;
52
55
  transform: rotate(45deg);
53
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df,
54
- .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df,
55
- .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df {
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
59
  right: 5px
57
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df:after {
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 {
58
61
  top: -6px;
59
62
  border-bottom: none;
60
63
  border-left: none;
61
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df,
62
- .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df,
63
- .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df {
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
67
  left: -7px
65
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df:after {
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 {
66
69
  top: -6px;
67
70
  border-top: none;
68
71
  border-right: none;
69
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df,
70
- .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df,
71
- .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df {
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
75
  bottom: 5px
73
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df:after {
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 {
74
77
  left: -6px;
75
78
  border-top: none;
76
79
  border-left: none;
77
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df,
78
- .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df,
79
- .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df {
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
83
  top: -7px
81
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df:after {
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 {
82
85
  left: -6px;
83
86
  border-bottom: none;
84
87
  border-right: none;
85
- } .popover__enter_1o4df .popover__inner_1o4df {
88
+ } .popover__enter_1orci .popover__inner_1orci {
86
89
  opacity: 0;
87
90
  transform: scale(0.98);
88
- } .popover__enterActive_1o4df .popover__inner_1o4df {
91
+ } .popover__enterActive_1orci .popover__inner_1orci {
89
92
  opacity: 1;
90
93
  transform: scale(1);
91
94
  transition-property: opacity, transform;
92
95
  transition-timing-function: ease-in-out;
93
96
  transition-duration: 150ms;
94
- } .popover__exit_1o4df .popover__inner_1o4df {
97
+ } .popover__exit_1orci .popover__inner_1orci {
95
98
  opacity: 1;
96
99
  transform: scale(1);
97
- } .popover__exitActive_1o4df .popover__inner_1o4df {
100
+ } .popover__exitActive_1orci .popover__inner_1orci {
98
101
  opacity: 0;
99
102
  transform: scale(0.98);
100
103
  transition-property: opacity, transform;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10brw */
1
+ /* hash: 1a9pr */
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;
@@ -20,27 +20,30 @@
20
20
  } :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 */
21
21
 
22
22
  /* новые значения, используйте их */
23
+
24
+ /* no-unit может приводить к проблемам в calc (#1559) */
25
+ /* stylelint-disable-next-line length-zero-no-unit */
23
26
  } :root {
24
27
  } :root {
25
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
29
  --popover-border-color: transparent;
27
- } .popover__component_1o4df {
30
+ } .popover__component_1orci {
28
31
  background-color: transparent;
29
32
  color: var(--color-light-text-primary);
30
- } .popover__inner_1o4df {
33
+ } .popover__inner_1orci {
31
34
  position: relative;
32
35
  background-color: var(--color-light-modal-bg-primary);
33
36
  box-shadow: var(--shadow-m);
34
37
  border: 1px solid var(--popover-border-color);
35
38
  box-sizing: border-box;
36
39
  will-change: transform;
37
- } .popover__scrollableContent_1o4df {
40
+ } .popover__scrollableContent_1orci {
38
41
  position: relative;
39
42
  z-index: 2;
40
43
  overflow-y: auto;
41
- } .popover__arrow_1o4df {
44
+ } .popover__arrow_1orci {
42
45
  z-index: 1;
43
- } .popover__arrow_1o4df:after {
46
+ } .popover__arrow_1orci:after {
44
47
  content: '';
45
48
  display: block;
46
49
  position: absolute;
@@ -50,51 +53,51 @@
50
53
  border: 1px solid var(--popover-border-color);
51
54
  box-sizing: border-box;
52
55
  transform: rotate(45deg);
53
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df,
54
- .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df,
55
- .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df {
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
59
  right: 5px
57
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df:after {
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 {
58
61
  top: -6px;
59
62
  border-bottom: none;
60
63
  border-left: none;
61
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df,
62
- .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df,
63
- .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df {
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
67
  left: -7px
65
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df:after {
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 {
66
69
  top: -6px;
67
70
  border-top: none;
68
71
  border-right: none;
69
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df,
70
- .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df,
71
- .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df {
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
75
  bottom: 5px
73
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df:after {
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 {
74
77
  left: -6px;
75
78
  border-top: none;
76
79
  border-left: none;
77
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df,
78
- .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df,
79
- .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df {
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
83
  top: -7px
81
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df:after {
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 {
82
85
  left: -6px;
83
86
  border-bottom: none;
84
87
  border-right: none;
85
- } .popover__enter_1o4df .popover__inner_1o4df {
88
+ } .popover__enter_1orci .popover__inner_1orci {
86
89
  opacity: 0;
87
90
  transform: scale(0.98);
88
- } .popover__enterActive_1o4df .popover__inner_1o4df {
91
+ } .popover__enterActive_1orci .popover__inner_1orci {
89
92
  opacity: 1;
90
93
  transform: scale(1);
91
94
  transition-property: opacity, transform;
92
95
  transition-timing-function: ease-in-out;
93
96
  transition-duration: 150ms;
94
- } .popover__exit_1o4df .popover__inner_1o4df {
97
+ } .popover__exit_1orci .popover__inner_1orci {
95
98
  opacity: 1;
96
99
  transform: scale(1);
97
- } .popover__exitActive_1o4df .popover__inner_1o4df {
100
+ } .popover__exitActive_1orci .popover__inner_1orci {
98
101
  opacity: 0;
99
102
  transform: scale(0.98);
100
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_1o4df","inner":"popover__inner_1o4df","scrollableContent":"popover__scrollableContent_1o4df","arrow":"popover__arrow_1o4df","enter":"popover__enter_1o4df","enterActive":"popover__enterActive_1o4df","exit":"popover__exit_1o4df","exitActive":"popover__exitActive_1o4df"};
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"};
14
14
  require('./index.css')
15
15
 
16
16
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10brw */
1
+ /* hash: 1a9pr */
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;
@@ -20,27 +20,30 @@
20
20
  } :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 */
21
21
 
22
22
  /* новые значения, используйте их */
23
+
24
+ /* no-unit может приводить к проблемам в calc (#1559) */
25
+ /* stylelint-disable-next-line length-zero-no-unit */
23
26
  } :root {
24
27
  } :root {
25
28
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
29
  --popover-border-color: transparent;
27
- } .popover__component_1o4df {
30
+ } .popover__component_1orci {
28
31
  background-color: transparent;
29
32
  color: var(--color-light-text-primary);
30
- } .popover__inner_1o4df {
33
+ } .popover__inner_1orci {
31
34
  position: relative;
32
35
  background-color: var(--color-light-modal-bg-primary);
33
36
  box-shadow: var(--shadow-m);
34
37
  border: 1px solid var(--popover-border-color);
35
38
  box-sizing: border-box;
36
39
  will-change: transform;
37
- } .popover__scrollableContent_1o4df {
40
+ } .popover__scrollableContent_1orci {
38
41
  position: relative;
39
42
  z-index: 2;
40
43
  overflow-y: auto;
41
- } .popover__arrow_1o4df {
44
+ } .popover__arrow_1orci {
42
45
  z-index: 1;
43
- } .popover__arrow_1o4df:after {
46
+ } .popover__arrow_1orci:after {
44
47
  content: '';
45
48
  display: block;
46
49
  position: absolute;
@@ -50,51 +53,51 @@
50
53
  border: 1px solid var(--popover-border-color);
51
54
  box-sizing: border-box;
52
55
  transform: rotate(45deg);
53
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df,
54
- .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df,
55
- .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df {
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
59
  right: 5px
57
- } .popover__component_1o4df[data-popper-placement='left'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='left-end'] .popover__arrow_1o4df:after {
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 {
58
61
  top: -6px;
59
62
  border-bottom: none;
60
63
  border-left: none;
61
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df,
62
- .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df,
63
- .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df {
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
67
  left: -7px
65
- } .popover__component_1o4df[data-popper-placement='right'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='right-end'] .popover__arrow_1o4df:after {
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 {
66
69
  top: -6px;
67
70
  border-top: none;
68
71
  border-right: none;
69
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df,
70
- .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df,
71
- .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df {
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
75
  bottom: 5px
73
- } .popover__component_1o4df[data-popper-placement='top'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='top-end'] .popover__arrow_1o4df:after {
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 {
74
77
  left: -6px;
75
78
  border-top: none;
76
79
  border-left: none;
77
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df,
78
- .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df,
79
- .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df {
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
83
  top: -7px
81
- } .popover__component_1o4df[data-popper-placement='bottom'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-start'] .popover__arrow_1o4df:after, .popover__component_1o4df[data-popper-placement='bottom-end'] .popover__arrow_1o4df:after {
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 {
82
85
  left: -6px;
83
86
  border-bottom: none;
84
87
  border-right: none;
85
- } .popover__enter_1o4df .popover__inner_1o4df {
88
+ } .popover__enter_1orci .popover__inner_1orci {
86
89
  opacity: 0;
87
90
  transform: scale(0.98);
88
- } .popover__enterActive_1o4df .popover__inner_1o4df {
91
+ } .popover__enterActive_1orci .popover__inner_1orci {
89
92
  opacity: 1;
90
93
  transform: scale(1);
91
94
  transition-property: opacity, transform;
92
95
  transition-timing-function: ease-in-out;
93
96
  transition-duration: 150ms;
94
- } .popover__exit_1o4df .popover__inner_1o4df {
97
+ } .popover__exit_1orci .popover__inner_1orci {
95
98
  opacity: 1;
96
99
  transform: scale(1);
97
- } .popover__exitActive_1o4df .popover__inner_1o4df {
100
+ } .popover__exitActive_1orci .popover__inner_1orci {
98
101
  opacity: 0;
99
102
  transform: scale(0.98);
100
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.5",
3
+ "version": "6.3.7",
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.5",
19
+ "@alfalab/core-components-portal": "^3.3.6",
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.6.0",
35
- "varsVersion": "9.16.0"
34
+ "themesVersion": "13.7.0",
35
+ "varsVersion": "9.18.0"
36
36
  }