@alfalab/core-components-popover 5.7.1 → 5.7.4

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 (26) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/{dist/Component.d.ts → Component.d.ts} +0 -0
  3. package/{dist/Component.js → Component.js} +3 -3
  4. package/{dist/cssm → cssm}/Component.d.ts +0 -0
  5. package/{dist/cssm → cssm}/Component.js +4 -4
  6. package/{dist/cssm → cssm}/index.d.ts +0 -0
  7. package/{dist/cssm → cssm}/index.js +2 -2
  8. package/{dist/cssm → cssm}/index.module.css +0 -0
  9. package/{dist/esm → esm}/Component.d.ts +0 -0
  10. package/{dist/esm → esm}/Component.js +6 -6
  11. package/esm/index.css +130 -0
  12. package/{dist/esm → esm}/index.d.ts +0 -0
  13. package/{dist/esm → esm}/index.js +2 -2
  14. package/index.css +130 -0
  15. package/{dist/index.d.ts → index.d.ts} +0 -0
  16. package/{dist/index.js → index.js} +0 -0
  17. package/{dist/modern → modern}/Component.d.ts +0 -0
  18. package/{dist/modern → modern}/Component.js +6 -6
  19. package/modern/index.css +130 -0
  20. package/{dist/modern → modern}/index.d.ts +0 -0
  21. package/{dist/modern → modern}/index.js +2 -2
  22. package/package.json +9 -12
  23. package/{dist/send-stats.js → send-stats.js} +0 -0
  24. package/dist/esm/index.css +0 -130
  25. package/dist/index.css +0 -130
  26. package/dist/modern/index.css +0 -130
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [5.7.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.3...@alfalab/core-components-popover@5.7.4) (2022-07-15)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
12
+
13
+
14
+
15
+
16
+
17
+ ## [5.7.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.2...@alfalab/core-components-popover@5.7.3) (2022-07-14)
18
+
19
+ **Note:** Version bump only for package @alfalab/core-components-popover
20
+
21
+
22
+
23
+
24
+
25
+ ## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.1...@alfalab/core-components-popover@5.7.2) (2022-07-11)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * fixed 'window is not defined' error ([#126](https://github.com/core-ds/core-components/issues/126)) ([f4e9ca5](https://github.com/core-ds/core-components/commit/f4e9ca54ed52fb328d21c85b7efa8176a90dcb6e))
31
+
32
+
33
+
34
+
35
+
6
36
  ## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.0...@alfalab/core-components-popover@5.7.1) (2022-07-01)
7
37
 
8
38
 
@@ -267,4 +297,5 @@ remove z-index, add stack component
267
297
 
268
298
  ### Bug Fixes
269
299
 
300
+
270
301
  * update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
package/{dist/Component.d.ts → Component.d.ts} RENAMED
File without changes
package/{dist/Component.js → Component.js} RENAMED
@@ -46,7 +46,7 @@ var __assign = function () {
46
46
  return __assign.apply(this, arguments);
47
47
  };
48
48
 
49
- var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
49
+ var styles = {"component":"popover__component_16226","inner":"popover__inner_16226","scrollableContent":"popover__scrollableContent_16226","arrow":"popover__arrow_16226","arrowShift":"popover__arrowShift_16226","enter":"popover__enter_16226","enterActive":"popover__enterActive_16226","exit":"popover__exit_16226","exitActive":"popover__exitActive_16226"};
50
50
  require('./index.css')
51
51
 
52
52
  var DEFAULT_TRANSITION = {
@@ -72,7 +72,6 @@ var availableHieghtModifier = {
72
72
  }
73
73
  },
74
74
  };
75
- var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
76
75
  /**
77
76
  * Минимальный размер anchorElement,
78
77
  * при котором возможно смещение стрелочки относительно центра
@@ -141,7 +140,8 @@ var Popover = React.forwardRef(function (_a, ref) {
141
140
  });
142
141
  React.useEffect(function () {
143
142
  if (useAnchorWidth) {
144
- var observer_1 = new ResizeObserver(updatePopoverWidth);
143
+ var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
144
+ var observer_1 = new ResizeObserver_1(updatePopoverWidth);
145
145
  if (anchorElement) {
146
146
  observer_1.observe(anchorElement);
147
147
  }
package/{dist/cssm → cssm}/Component.d.ts RENAMED
File without changes
package/{dist/cssm → cssm}/Component.js RENAMED
@@ -9,8 +9,8 @@ var reactPopper = require('react-popper');
9
9
  var maxSize = require('popper-max-size-modifier');
10
10
  var mergeRefs = require('react-merge-refs');
11
11
  var resizeObserver = require('@juggle/resize-observer');
12
- var coreComponentsStack = require('@alfalab/core-components-stack/dist/cssm');
13
- var coreComponentsPortal = require('@alfalab/core-components-portal/dist/cssm');
12
+ var coreComponentsStack = require('@alfalab/core-components-stack/cssm');
13
+ var coreComponentsPortal = require('@alfalab/core-components-portal/cssm');
14
14
  var styles = require('./index.module.css');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -71,7 +71,6 @@ var availableHieghtModifier = {
71
71
  }
72
72
  },
73
73
  };
74
- var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
75
74
  /**
76
75
  * Минимальный размер anchorElement,
77
76
  * при котором возможно смещение стрелочки относительно центра
@@ -140,7 +139,8 @@ var Popover = React.forwardRef(function (_a, ref) {
140
139
  });
141
140
  React.useEffect(function () {
142
141
  if (useAnchorWidth) {
143
- var observer_1 = new ResizeObserver(updatePopoverWidth);
142
+ var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
143
+ var observer_1 = new ResizeObserver_1(updatePopoverWidth);
144
144
  if (anchorElement) {
145
145
  observer_1.observe(anchorElement);
146
146
  }
package/{dist/cssm → cssm}/index.d.ts RENAMED
File without changes
package/{dist/cssm → cssm}/index.js RENAMED
@@ -10,8 +10,8 @@ require('react-popper');
10
10
  require('popper-max-size-modifier');
11
11
  require('react-merge-refs');
12
12
  require('@juggle/resize-observer');
13
- require('@alfalab/core-components-stack/dist/cssm');
14
- require('@alfalab/core-components-portal/dist/cssm');
13
+ require('@alfalab/core-components-stack/cssm');
14
+ require('@alfalab/core-components-portal/cssm');
15
15
  require('./index.module.css');
16
16
 
17
17
 
package/{dist/cssm → cssm}/index.module.css RENAMED
File without changes
package/{dist/esm → esm}/Component.d.ts RENAMED
File without changes
package/{dist/esm → esm}/Component.js RENAMED
@@ -4,9 +4,9 @@ import { CSSTransition } from 'react-transition-group';
4
4
  import { usePopper } from 'react-popper';
5
5
  import maxSize from 'popper-max-size-modifier';
6
6
  import mergeRefs from 'react-merge-refs';
7
- import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
8
- import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/esm';
9
- import { Portal } from '@alfalab/core-components-portal/dist/esm';
7
+ import { ResizeObserver } from '@juggle/resize-observer';
8
+ import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
9
+ import { Portal } from '@alfalab/core-components-portal/esm';
10
10
 
11
11
  /*! *****************************************************************************
12
12
  Copyright (c) Microsoft Corporation.
@@ -35,7 +35,7 @@ var __assign = function () {
35
35
  return __assign.apply(this, arguments);
36
36
  };
37
37
 
38
- var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
38
+ var styles = {"component":"popover__component_16226","inner":"popover__inner_16226","scrollableContent":"popover__scrollableContent_16226","arrow":"popover__arrow_16226","arrowShift":"popover__arrowShift_16226","enter":"popover__enter_16226","enterActive":"popover__enterActive_16226","exit":"popover__exit_16226","exitActive":"popover__exitActive_16226"};
39
39
  require('./index.css')
40
40
 
41
41
  var DEFAULT_TRANSITION = {
@@ -61,7 +61,6 @@ var availableHieghtModifier = {
61
61
  }
62
62
  },
63
63
  };
64
- var ResizeObserver = window.ResizeObserver || ResizeObserver$1;
65
64
  /**
66
65
  * Минимальный размер anchorElement,
67
66
  * при котором возможно смещение стрелочки относительно центра
@@ -130,7 +129,8 @@ var Popover = forwardRef(function (_a, ref) {
130
129
  });
131
130
  useEffect(function () {
132
131
  if (useAnchorWidth) {
133
- var observer_1 = new ResizeObserver(updatePopoverWidth);
132
+ var ResizeObserver_1 = window.ResizeObserver || ResizeObserver;
133
+ var observer_1 = new ResizeObserver_1(updatePopoverWidth);
134
134
  if (anchorElement) {
135
135
  observer_1.observe(anchorElement);
136
136
  }
package/esm/index.css ADDED
@@ -0,0 +1,130 @@
1
+ /* hash: 144c4 */
2
+ :root {
3
+ --color-light-bg-primary: #fff;
4
+ --color-light-text-primary: #0b1f35;
5
+ }
6
+ :root {
7
+ --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ }
15
+ :root {
16
+ --popover-border-color: transparent;
17
+ }
18
+ .popover__component_16226 {
19
+ background-color: transparent;
20
+ color: var(--color-light-text-primary);
21
+ }
22
+ .popover__inner_16226 {
23
+ position: relative;
24
+ background-color: var(--color-light-bg-primary);
25
+ box-shadow: var(--shadow-m);
26
+ border: 1px solid var(--popover-border-color);
27
+ transition-property: opacity, transform;
28
+ transition-timing-function: ease-in-out;
29
+ box-sizing: border-box;
30
+ will-change: transform;
31
+ }
32
+ .popover__scrollableContent_16226 {
33
+ position: relative;
34
+ z-index: 2;
35
+ overflow-y: auto;
36
+ }
37
+ .popover__arrow_16226 {
38
+ z-index: 1;
39
+ }
40
+ .popover__arrow_16226:after {
41
+ content: '';
42
+ display: block;
43
+ position: absolute;
44
+ width: 12px;
45
+ height: 12px;
46
+ background-color: var(--color-light-bg-primary);
47
+ border: 1px solid var(--popover-border-color);
48
+ box-sizing: border-box;
49
+ transform: rotate(45deg);
50
+ }
51
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226,
52
+ .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226,
53
+ .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226 {
54
+ right: 5px
55
+ }
56
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226:after {
57
+ top: -6px;
58
+ border-bottom: none;
59
+ border-left: none;
60
+ }
61
+ .popover__component_16226[data-popper-placement='left-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
62
+ top: -7px;
63
+ }
64
+ .popover__component_16226[data-popper-placement='left-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
65
+ top: -5px;
66
+ }
67
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226,
68
+ .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226,
69
+ .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226 {
70
+ left: -7px
71
+ }
72
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226:after {
73
+ top: -6px;
74
+ border-top: none;
75
+ border-right: none;
76
+ }
77
+ .popover__component_16226[data-popper-placement='right-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
78
+ top: -7px;
79
+ }
80
+ .popover__component_16226[data-popper-placement='right-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
81
+ top: -5px;
82
+ }
83
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226,
84
+ .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226,
85
+ .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226 {
86
+ bottom: 5px
87
+ }
88
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226:after {
89
+ left: -6px;
90
+ border-top: none;
91
+ border-left: none;
92
+ }
93
+ .popover__component_16226[data-popper-placement='top-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
94
+ left: -17px;
95
+ }
96
+ .popover__component_16226[data-popper-placement='top-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
97
+ left: 5px;
98
+ }
99
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226,
100
+ .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226,
101
+ .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226 {
102
+ top: -7px
103
+ }
104
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226:after {
105
+ left: -6px;
106
+ border-bottom: none;
107
+ border-right: none;
108
+ }
109
+ .popover__component_16226[data-popper-placement='bottom-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
110
+ left: -17px;
111
+ }
112
+ .popover__component_16226[data-popper-placement='bottom-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
113
+ left: 5px;
114
+ }
115
+ .popover__enter_16226 .popover__inner_16226 {
116
+ opacity: 0;
117
+ transform: scale(0.98);
118
+ }
119
+ .popover__enterActive_16226 .popover__inner_16226 {
120
+ opacity: 1;
121
+ transform: scale(1);
122
+ }
123
+ .popover__exit_16226 .popover__inner_16226 {
124
+ opacity: 1;
125
+ transform: scale(1);
126
+ }
127
+ .popover__exitActive_16226 .popover__inner_16226 {
128
+ opacity: 0;
129
+ transform: scale(0.98);
130
+ }
package/{dist/esm → esm}/index.d.ts RENAMED
File without changes
package/{dist/esm → esm}/index.js RENAMED
@@ -6,5 +6,5 @@ import 'react-popper';
6
6
  import 'popper-max-size-modifier';
7
7
  import 'react-merge-refs';
8
8
  import '@juggle/resize-observer';
9
- import '@alfalab/core-components-stack/dist/esm';
10
- import '@alfalab/core-components-portal/dist/esm';
9
+ import '@alfalab/core-components-stack/esm';
10
+ import '@alfalab/core-components-portal/esm';
package/index.css ADDED
@@ -0,0 +1,130 @@
1
+ /* hash: 144c4 */
2
+ :root {
3
+ --color-light-bg-primary: #fff;
4
+ --color-light-text-primary: #0b1f35;
5
+ }
6
+ :root {
7
+ --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ }
15
+ :root {
16
+ --popover-border-color: transparent;
17
+ }
18
+ .popover__component_16226 {
19
+ background-color: transparent;
20
+ color: var(--color-light-text-primary);
21
+ }
22
+ .popover__inner_16226 {
23
+ position: relative;
24
+ background-color: var(--color-light-bg-primary);
25
+ box-shadow: var(--shadow-m);
26
+ border: 1px solid var(--popover-border-color);
27
+ transition-property: opacity, transform;
28
+ transition-timing-function: ease-in-out;
29
+ box-sizing: border-box;
30
+ will-change: transform;
31
+ }
32
+ .popover__scrollableContent_16226 {
33
+ position: relative;
34
+ z-index: 2;
35
+ overflow-y: auto;
36
+ }
37
+ .popover__arrow_16226 {
38
+ z-index: 1;
39
+ }
40
+ .popover__arrow_16226:after {
41
+ content: '';
42
+ display: block;
43
+ position: absolute;
44
+ width: 12px;
45
+ height: 12px;
46
+ background-color: var(--color-light-bg-primary);
47
+ border: 1px solid var(--popover-border-color);
48
+ box-sizing: border-box;
49
+ transform: rotate(45deg);
50
+ }
51
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226,
52
+ .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226,
53
+ .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226 {
54
+ right: 5px
55
+ }
56
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226:after {
57
+ top: -6px;
58
+ border-bottom: none;
59
+ border-left: none;
60
+ }
61
+ .popover__component_16226[data-popper-placement='left-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
62
+ top: -7px;
63
+ }
64
+ .popover__component_16226[data-popper-placement='left-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
65
+ top: -5px;
66
+ }
67
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226,
68
+ .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226,
69
+ .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226 {
70
+ left: -7px
71
+ }
72
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226:after {
73
+ top: -6px;
74
+ border-top: none;
75
+ border-right: none;
76
+ }
77
+ .popover__component_16226[data-popper-placement='right-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
78
+ top: -7px;
79
+ }
80
+ .popover__component_16226[data-popper-placement='right-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
81
+ top: -5px;
82
+ }
83
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226,
84
+ .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226,
85
+ .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226 {
86
+ bottom: 5px
87
+ }
88
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226:after {
89
+ left: -6px;
90
+ border-top: none;
91
+ border-left: none;
92
+ }
93
+ .popover__component_16226[data-popper-placement='top-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
94
+ left: -17px;
95
+ }
96
+ .popover__component_16226[data-popper-placement='top-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
97
+ left: 5px;
98
+ }
99
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226,
100
+ .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226,
101
+ .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226 {
102
+ top: -7px
103
+ }
104
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226:after {
105
+ left: -6px;
106
+ border-bottom: none;
107
+ border-right: none;
108
+ }
109
+ .popover__component_16226[data-popper-placement='bottom-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
110
+ left: -17px;
111
+ }
112
+ .popover__component_16226[data-popper-placement='bottom-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
113
+ left: 5px;
114
+ }
115
+ .popover__enter_16226 .popover__inner_16226 {
116
+ opacity: 0;
117
+ transform: scale(0.98);
118
+ }
119
+ .popover__enterActive_16226 .popover__inner_16226 {
120
+ opacity: 1;
121
+ transform: scale(1);
122
+ }
123
+ .popover__exit_16226 .popover__inner_16226 {
124
+ opacity: 1;
125
+ transform: scale(1);
126
+ }
127
+ .popover__exitActive_16226 .popover__inner_16226 {
128
+ opacity: 0;
129
+ transform: scale(0.98);
130
+ }
package/{dist/index.d.ts → index.d.ts} RENAMED
File without changes
package/{dist/index.js → index.js} RENAMED
File without changes
package/{dist/modern → modern}/Component.d.ts RENAMED
File without changes
package/{dist/modern → modern}/Component.js RENAMED
@@ -4,11 +4,11 @@ import { CSSTransition } from 'react-transition-group';
4
4
  import { usePopper } from 'react-popper';
5
5
  import maxSize from 'popper-max-size-modifier';
6
6
  import mergeRefs from 'react-merge-refs';
7
- import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
8
- import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/modern';
9
- import { Portal } from '@alfalab/core-components-portal/dist/modern';
7
+ import { ResizeObserver } from '@juggle/resize-observer';
8
+ import { stackingOrder, Stack } from '@alfalab/core-components-stack/modern';
9
+ import { Portal } from '@alfalab/core-components-portal/modern';
10
10
 
11
- var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
11
+ var styles = {"component":"popover__component_16226","inner":"popover__inner_16226","scrollableContent":"popover__scrollableContent_16226","arrow":"popover__arrow_16226","arrowShift":"popover__arrowShift_16226","enter":"popover__enter_16226","enterActive":"popover__enterActive_16226","exit":"popover__exit_16226","exitActive":"popover__exitActive_16226"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
@@ -33,7 +33,6 @@ const availableHieghtModifier = {
33
33
  }
34
34
  },
35
35
  };
36
- const ResizeObserver = window.ResizeObserver || ResizeObserver$1;
37
36
  /**
38
37
  * Минимальный размер anchorElement,
39
38
  * при котором возможно смещение стрелочки относительно центра
@@ -101,7 +100,8 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
101
100
  });
102
101
  useEffect(() => {
103
102
  if (useAnchorWidth) {
104
- const observer = new ResizeObserver(updatePopoverWidth);
103
+ const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
104
+ const observer = new ResizeObserver$1(updatePopoverWidth);
105
105
  if (anchorElement) {
106
106
  observer.observe(anchorElement);
107
107
  }
package/modern/index.css ADDED
@@ -0,0 +1,130 @@
1
+ /* hash: 144c4 */
2
+ :root {
3
+ --color-light-bg-primary: #fff;
4
+ --color-light-text-primary: #0b1f35;
5
+ }
6
+ :root {
7
+ --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ }
15
+ :root {
16
+ --popover-border-color: transparent;
17
+ }
18
+ .popover__component_16226 {
19
+ background-color: transparent;
20
+ color: var(--color-light-text-primary);
21
+ }
22
+ .popover__inner_16226 {
23
+ position: relative;
24
+ background-color: var(--color-light-bg-primary);
25
+ box-shadow: var(--shadow-m);
26
+ border: 1px solid var(--popover-border-color);
27
+ transition-property: opacity, transform;
28
+ transition-timing-function: ease-in-out;
29
+ box-sizing: border-box;
30
+ will-change: transform;
31
+ }
32
+ .popover__scrollableContent_16226 {
33
+ position: relative;
34
+ z-index: 2;
35
+ overflow-y: auto;
36
+ }
37
+ .popover__arrow_16226 {
38
+ z-index: 1;
39
+ }
40
+ .popover__arrow_16226:after {
41
+ content: '';
42
+ display: block;
43
+ position: absolute;
44
+ width: 12px;
45
+ height: 12px;
46
+ background-color: var(--color-light-bg-primary);
47
+ border: 1px solid var(--popover-border-color);
48
+ box-sizing: border-box;
49
+ transform: rotate(45deg);
50
+ }
51
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226,
52
+ .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226,
53
+ .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226 {
54
+ right: 5px
55
+ }
56
+ .popover__component_16226[data-popper-placement='left'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='left-end'] .popover__arrow_16226:after {
57
+ top: -6px;
58
+ border-bottom: none;
59
+ border-left: none;
60
+ }
61
+ .popover__component_16226[data-popper-placement='left-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
62
+ top: -7px;
63
+ }
64
+ .popover__component_16226[data-popper-placement='left-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
65
+ top: -5px;
66
+ }
67
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226,
68
+ .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226,
69
+ .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226 {
70
+ left: -7px
71
+ }
72
+ .popover__component_16226[data-popper-placement='right'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='right-end'] .popover__arrow_16226:after {
73
+ top: -6px;
74
+ border-top: none;
75
+ border-right: none;
76
+ }
77
+ .popover__component_16226[data-popper-placement='right-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
78
+ top: -7px;
79
+ }
80
+ .popover__component_16226[data-popper-placement='right-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
81
+ top: -5px;
82
+ }
83
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226,
84
+ .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226,
85
+ .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226 {
86
+ bottom: 5px
87
+ }
88
+ .popover__component_16226[data-popper-placement='top'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='top-end'] .popover__arrow_16226:after {
89
+ left: -6px;
90
+ border-top: none;
91
+ border-left: none;
92
+ }
93
+ .popover__component_16226[data-popper-placement='top-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
94
+ left: -17px;
95
+ }
96
+ .popover__component_16226[data-popper-placement='top-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
97
+ left: 5px;
98
+ }
99
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226,
100
+ .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226,
101
+ .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226 {
102
+ top: -7px
103
+ }
104
+ .popover__component_16226[data-popper-placement='bottom'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-start'] .popover__arrow_16226:after, .popover__component_16226[data-popper-placement='bottom-end'] .popover__arrow_16226:after {
105
+ left: -6px;
106
+ border-bottom: none;
107
+ border-right: none;
108
+ }
109
+ .popover__component_16226[data-popper-placement='bottom-start'].popover__arrowShift_16226 .popover__arrow_16226:after {
110
+ left: -17px;
111
+ }
112
+ .popover__component_16226[data-popper-placement='bottom-end'].popover__arrowShift_16226 .popover__arrow_16226:after {
113
+ left: 5px;
114
+ }
115
+ .popover__enter_16226 .popover__inner_16226 {
116
+ opacity: 0;
117
+ transform: scale(0.98);
118
+ }
119
+ .popover__enterActive_16226 .popover__inner_16226 {
120
+ opacity: 1;
121
+ transform: scale(1);
122
+ }
123
+ .popover__exit_16226 .popover__inner_16226 {
124
+ opacity: 1;
125
+ transform: scale(1);
126
+ }
127
+ .popover__exitActive_16226 .popover__inner_16226 {
128
+ opacity: 0;
129
+ transform: scale(0.98);
130
+ }
package/{dist/modern → modern}/index.d.ts RENAMED
File without changes
package/{dist/modern → modern}/index.js RENAMED
@@ -5,6 +5,6 @@ import 'react-popper';
5
5
  import 'popper-max-size-modifier';
6
6
  import 'react-merge-refs';
7
7
  import '@juggle/resize-observer';
8
- import '@alfalab/core-components-stack/dist/modern';
9
- import '@alfalab/core-components-portal/dist/modern';
8
+ import '@alfalab/core-components-stack/modern';
9
+ import '@alfalab/core-components-portal/modern';
10
10
  export { Popover } from './Component.js';
package/package.json CHANGED
@@ -1,27 +1,25 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "5.7.1",
3
+ "version": "5.7.4",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
- "main": "dist/index.js",
8
- "module": "./dist/esm/index.js",
9
- "files": [
10
- "dist"
11
- ],
7
+ "main": "index.js",
8
+ "module": "./esm/index.js",
12
9
  "scripts": {
13
- "postinstall": "node ./dist/send-stats.js > /dev/null 2>&1 || exit 0"
10
+ "postinstall": "node ./send-stats.js > /dev/null 2>&1 || exit 0"
14
11
  },
15
12
  "publishConfig": {
16
- "access": "public"
13
+ "access": "public",
14
+ "directory": "dist"
17
15
  },
18
16
  "peerDependencies": {
19
17
  "react": "^16.9.0 || ^17.0.1",
20
18
  "react-dom": "^16.9.0 || ^17.0.1"
21
19
  },
22
20
  "dependencies": {
23
- "@alfalab/core-components-portal": "^2.0.3",
24
- "@alfalab/core-components-stack": "^3.0.3",
21
+ "@alfalab/core-components-portal": "^2.0.5",
22
+ "@alfalab/core-components-stack": "^3.0.5",
25
23
  "@juggle/resize-observer": "^3.3.1",
26
24
  "@popperjs/core": "^2.3.3",
27
25
  "classnames": "^2.2.6",
@@ -32,6 +30,5 @@
32
30
  },
33
31
  "devDependencies": {
34
32
  "@types/react-transition-group": "^4.2.4"
35
- },
36
- "gitHead": "a1e54f5b2894447f4a6c80347706c27f855d5710"
33
+ }
37
34
  }
package/{dist/send-stats.js → send-stats.js} RENAMED
File without changes
package/dist/esm/index.css DELETED
@@ -1,130 +0,0 @@
1
- /* hash: 1csvh */
2
- :root {
3
- --color-light-bg-primary: #fff;
4
- --color-light-text-primary: #0b1f35;
5
- }
6
- :root {
7
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
-
9
- /* Hard */
10
-
11
- /* Up */
12
-
13
- /* Hard up */
14
- }
15
- :root {
16
- --popover-border-color: transparent;
17
- }
18
- .popover__component_fzavu {
19
- background-color: transparent;
20
- color: var(--color-light-text-primary);
21
- }
22
- .popover__inner_fzavu {
23
- position: relative;
24
- background-color: var(--color-light-bg-primary);
25
- box-shadow: var(--shadow-m);
26
- border: 1px solid var(--popover-border-color);
27
- transition-property: opacity, transform;
28
- transition-timing-function: ease-in-out;
29
- box-sizing: border-box;
30
- will-change: transform;
31
- }
32
- .popover__scrollableContent_fzavu {
33
- position: relative;
34
- z-index: 2;
35
- overflow-y: auto;
36
- }
37
- .popover__arrow_fzavu {
38
- z-index: 1;
39
- }
40
- .popover__arrow_fzavu:after {
41
- content: '';
42
- display: block;
43
- position: absolute;
44
- width: 12px;
45
- height: 12px;
46
- background-color: var(--color-light-bg-primary);
47
- border: 1px solid var(--popover-border-color);
48
- box-sizing: border-box;
49
- transform: rotate(45deg);
50
- }
51
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
52
- .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
53
- .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
54
- right: 5px
55
- }
56
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
57
- top: -6px;
58
- border-bottom: none;
59
- border-left: none;
60
- }
61
- .popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
62
- top: -7px;
63
- }
64
- .popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
65
- top: -5px;
66
- }
67
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
68
- .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
69
- .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
70
- left: -7px
71
- }
72
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
73
- top: -6px;
74
- border-top: none;
75
- border-right: none;
76
- }
77
- .popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
78
- top: -7px;
79
- }
80
- .popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
81
- top: -5px;
82
- }
83
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
84
- .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
85
- .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
86
- bottom: 5px
87
- }
88
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
89
- left: -6px;
90
- border-top: none;
91
- border-left: none;
92
- }
93
- .popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
94
- left: -17px;
95
- }
96
- .popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
97
- left: 5px;
98
- }
99
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
100
- .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
101
- .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
102
- top: -7px
103
- }
104
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
105
- left: -6px;
106
- border-bottom: none;
107
- border-right: none;
108
- }
109
- .popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
110
- left: -17px;
111
- }
112
- .popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
113
- left: 5px;
114
- }
115
- .popover__enter_fzavu .popover__inner_fzavu {
116
- opacity: 0;
117
- transform: scale(0.98);
118
- }
119
- .popover__enterActive_fzavu .popover__inner_fzavu {
120
- opacity: 1;
121
- transform: scale(1);
122
- }
123
- .popover__exit_fzavu .popover__inner_fzavu {
124
- opacity: 1;
125
- transform: scale(1);
126
- }
127
- .popover__exitActive_fzavu .popover__inner_fzavu {
128
- opacity: 0;
129
- transform: scale(0.98);
130
- }
package/dist/index.css DELETED
@@ -1,130 +0,0 @@
1
- /* hash: 1csvh */
2
- :root {
3
- --color-light-bg-primary: #fff;
4
- --color-light-text-primary: #0b1f35;
5
- }
6
- :root {
7
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
-
9
- /* Hard */
10
-
11
- /* Up */
12
-
13
- /* Hard up */
14
- }
15
- :root {
16
- --popover-border-color: transparent;
17
- }
18
- .popover__component_fzavu {
19
- background-color: transparent;
20
- color: var(--color-light-text-primary);
21
- }
22
- .popover__inner_fzavu {
23
- position: relative;
24
- background-color: var(--color-light-bg-primary);
25
- box-shadow: var(--shadow-m);
26
- border: 1px solid var(--popover-border-color);
27
- transition-property: opacity, transform;
28
- transition-timing-function: ease-in-out;
29
- box-sizing: border-box;
30
- will-change: transform;
31
- }
32
- .popover__scrollableContent_fzavu {
33
- position: relative;
34
- z-index: 2;
35
- overflow-y: auto;
36
- }
37
- .popover__arrow_fzavu {
38
- z-index: 1;
39
- }
40
- .popover__arrow_fzavu:after {
41
- content: '';
42
- display: block;
43
- position: absolute;
44
- width: 12px;
45
- height: 12px;
46
- background-color: var(--color-light-bg-primary);
47
- border: 1px solid var(--popover-border-color);
48
- box-sizing: border-box;
49
- transform: rotate(45deg);
50
- }
51
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
52
- .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
53
- .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
54
- right: 5px
55
- }
56
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
57
- top: -6px;
58
- border-bottom: none;
59
- border-left: none;
60
- }
61
- .popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
62
- top: -7px;
63
- }
64
- .popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
65
- top: -5px;
66
- }
67
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
68
- .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
69
- .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
70
- left: -7px
71
- }
72
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
73
- top: -6px;
74
- border-top: none;
75
- border-right: none;
76
- }
77
- .popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
78
- top: -7px;
79
- }
80
- .popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
81
- top: -5px;
82
- }
83
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
84
- .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
85
- .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
86
- bottom: 5px
87
- }
88
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
89
- left: -6px;
90
- border-top: none;
91
- border-left: none;
92
- }
93
- .popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
94
- left: -17px;
95
- }
96
- .popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
97
- left: 5px;
98
- }
99
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
100
- .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
101
- .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
102
- top: -7px
103
- }
104
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
105
- left: -6px;
106
- border-bottom: none;
107
- border-right: none;
108
- }
109
- .popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
110
- left: -17px;
111
- }
112
- .popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
113
- left: 5px;
114
- }
115
- .popover__enter_fzavu .popover__inner_fzavu {
116
- opacity: 0;
117
- transform: scale(0.98);
118
- }
119
- .popover__enterActive_fzavu .popover__inner_fzavu {
120
- opacity: 1;
121
- transform: scale(1);
122
- }
123
- .popover__exit_fzavu .popover__inner_fzavu {
124
- opacity: 1;
125
- transform: scale(1);
126
- }
127
- .popover__exitActive_fzavu .popover__inner_fzavu {
128
- opacity: 0;
129
- transform: scale(0.98);
130
- }
package/dist/modern/index.css DELETED
@@ -1,130 +0,0 @@
1
- /* hash: 1csvh */
2
- :root {
3
- --color-light-bg-primary: #fff;
4
- --color-light-text-primary: #0b1f35;
5
- }
6
- :root {
7
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
-
9
- /* Hard */
10
-
11
- /* Up */
12
-
13
- /* Hard up */
14
- }
15
- :root {
16
- --popover-border-color: transparent;
17
- }
18
- .popover__component_fzavu {
19
- background-color: transparent;
20
- color: var(--color-light-text-primary);
21
- }
22
- .popover__inner_fzavu {
23
- position: relative;
24
- background-color: var(--color-light-bg-primary);
25
- box-shadow: var(--shadow-m);
26
- border: 1px solid var(--popover-border-color);
27
- transition-property: opacity, transform;
28
- transition-timing-function: ease-in-out;
29
- box-sizing: border-box;
30
- will-change: transform;
31
- }
32
- .popover__scrollableContent_fzavu {
33
- position: relative;
34
- z-index: 2;
35
- overflow-y: auto;
36
- }
37
- .popover__arrow_fzavu {
38
- z-index: 1;
39
- }
40
- .popover__arrow_fzavu:after {
41
- content: '';
42
- display: block;
43
- position: absolute;
44
- width: 12px;
45
- height: 12px;
46
- background-color: var(--color-light-bg-primary);
47
- border: 1px solid var(--popover-border-color);
48
- box-sizing: border-box;
49
- transform: rotate(45deg);
50
- }
51
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
52
- .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
53
- .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
54
- right: 5px
55
- }
56
- .popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
57
- top: -6px;
58
- border-bottom: none;
59
- border-left: none;
60
- }
61
- .popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
62
- top: -7px;
63
- }
64
- .popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
65
- top: -5px;
66
- }
67
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
68
- .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
69
- .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
70
- left: -7px
71
- }
72
- .popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
73
- top: -6px;
74
- border-top: none;
75
- border-right: none;
76
- }
77
- .popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
78
- top: -7px;
79
- }
80
- .popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
81
- top: -5px;
82
- }
83
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
84
- .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
85
- .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
86
- bottom: 5px
87
- }
88
- .popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
89
- left: -6px;
90
- border-top: none;
91
- border-left: none;
92
- }
93
- .popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
94
- left: -17px;
95
- }
96
- .popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
97
- left: 5px;
98
- }
99
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
100
- .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
101
- .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
102
- top: -7px
103
- }
104
- .popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
105
- left: -6px;
106
- border-bottom: none;
107
- border-right: none;
108
- }
109
- .popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
110
- left: -17px;
111
- }
112
- .popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
113
- left: 5px;
114
- }
115
- .popover__enter_fzavu .popover__inner_fzavu {
116
- opacity: 0;
117
- transform: scale(0.98);
118
- }
119
- .popover__enterActive_fzavu .popover__inner_fzavu {
120
- opacity: 1;
121
- transform: scale(1);
122
- }
123
- .popover__exit_fzavu .popover__inner_fzavu {
124
- opacity: 1;
125
- transform: scale(1);
126
- }
127
- .popover__exitActive_fzavu .popover__inner_fzavu {
128
- opacity: 0;
129
- transform: scale(0.98);
130
- }