@alfalab/core-components-popover 6.0.6 → 6.0.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 (11) hide show
  1. package/Component.js +6 -32
  2. package/cssm/Component.js +5 -31
  3. package/cssm/index.js +1 -0
  4. package/esm/Component.js +2 -28
  5. package/esm/index.css +34 -34
  6. package/esm/index.js +1 -0
  7. package/index.css +34 -34
  8. package/index.js +1 -0
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +34 -34
  11. package/package.json +5 -4
package/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var mergeRefs = require('react-merge-refs');
5
6
  var reactPopper = require('react-popper');
@@ -17,34 +18,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
17
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
19
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
19
20
 
20
- /******************************************************************************
21
- Copyright (c) Microsoft Corporation.
22
-
23
- Permission to use, copy, modify, and/or distribute this software for any
24
- purpose with or without fee is hereby granted.
25
-
26
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
27
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
28
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
29
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
30
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
31
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
32
- PERFORMANCE OF THIS SOFTWARE.
33
- ***************************************************************************** */
34
- var __assign = function () {
35
- __assign = Object.assign || function __assign(t) {
36
- for (var s, i = 1, n = arguments.length; i < n; i++) {
37
- s = arguments[i];
38
- for (var p in s)
39
- if (Object.prototype.hasOwnProperty.call(s, p))
40
- t[p] = s[p];
41
- }
42
- return t;
43
- };
44
- return __assign.apply(this, arguments);
45
- };
46
-
47
- var styles = {"component":"popover__component_obrv4","inner":"popover__inner_obrv4","scrollableContent":"popover__scrollableContent_obrv4","arrow":"popover__arrow_obrv4","arrowShift":"popover__arrowShift_obrv4","enter":"popover__enter_obrv4","enterActive":"popover__enterActive_obrv4","exit":"popover__exit_obrv4","exitActive":"popover__exitActive_obrv4"};
21
+ var styles = {"component":"popover__component_1r45r","inner":"popover__inner_1r45r","scrollableContent":"popover__scrollableContent_1r45r","arrow":"popover__arrow_1r45r","arrowShift":"popover__arrowShift_1r45r","enter":"popover__enter_1r45r","enterActive":"popover__enterActive_1r45r","exit":"popover__exit_1r45r","exitActive":"popover__exitActive_1r45r"};
48
22
  require('./index.css')
49
23
 
50
24
  var DEFAULT_TRANSITION = {
@@ -99,8 +73,8 @@ var Popover = React.forwardRef(function (_a, ref) {
99
73
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
100
74
  }
101
75
  if (availableHeight) {
102
- modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
103
- modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
76
+ modifiers.push(tslib.__assign(tslib.__assign({}, maxSize__default.default), { options: {} }));
77
+ modifiers.push(tslib.__assign(tslib.__assign({}, availableHieghtModifier), { options: {} }));
104
78
  }
105
79
  return modifiers;
106
80
  }, [
@@ -164,14 +138,14 @@ var Popover = React.forwardRef(function (_a, ref) {
164
138
  var renderContent = function (computedZIndex) {
165
139
  var _a, _b;
166
140
  var _c;
167
- return (React__default.default.createElement("div", __assign({ ref: mergeRefs__default.default([ref, popperRef, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles.component, className, (_a = {},
141
+ return (React__default.default.createElement("div", tslib.__assign({ ref: mergeRefs__default.default([ref, popperRef, setPopperElement]), style: tslib.__assign(tslib.__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles.component, className, (_a = {},
168
142
  _a[styles.arrowShift] = arrowShift,
169
143
  _a)) }, attributes.popper),
170
144
  React__default.default.createElement("div", { className: cn__default.default(styles.inner, popperClassName), ref: innerRef },
171
145
  React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles.scrollableContent] = availableHeight, _b)) }, children),
172
146
  withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles.arrow, arrowClassName) })))));
173
147
  };
174
- return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, nodeRef: popperRef }, transition, { in: open, onEntering: function (node, isAppearing) {
148
+ return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, nodeRef: popperRef }, transition, { in: open, onEntering: function (node, isAppearing) {
175
149
  var _a;
176
150
  // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.
177
151
  if (innerRef.current &&
package/cssm/Component.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var tslib = require('tslib');
3
4
  var React = require('react');
4
5
  var mergeRefs = require('react-merge-refs');
5
6
  var reactPopper = require('react-popper');
@@ -19,33 +20,6 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
20
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
20
21
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
21
22
 
22
- /******************************************************************************
23
- Copyright (c) Microsoft Corporation.
24
-
25
- Permission to use, copy, modify, and/or distribute this software for any
26
- purpose with or without fee is hereby granted.
27
-
28
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
29
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
30
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
31
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
32
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
33
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
34
- PERFORMANCE OF THIS SOFTWARE.
35
- ***************************************************************************** */
36
- var __assign = function () {
37
- __assign = Object.assign || function __assign(t) {
38
- for (var s, i = 1, n = arguments.length; i < n; i++) {
39
- s = arguments[i];
40
- for (var p in s)
41
- if (Object.prototype.hasOwnProperty.call(s, p))
42
- t[p] = s[p];
43
- }
44
- return t;
45
- };
46
- return __assign.apply(this, arguments);
47
- };
48
-
49
23
  var DEFAULT_TRANSITION = {
50
24
  timeout: 150,
51
25
  };
@@ -98,8 +72,8 @@ var Popover = React.forwardRef(function (_a, ref) {
98
72
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
99
73
  }
100
74
  if (availableHeight) {
101
- modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
102
- modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
75
+ modifiers.push(tslib.__assign(tslib.__assign({}, maxSize__default.default), { options: {} }));
76
+ modifiers.push(tslib.__assign(tslib.__assign({}, availableHieghtModifier), { options: {} }));
103
77
  }
104
78
  return modifiers;
105
79
  }, [
@@ -163,14 +137,14 @@ var Popover = React.forwardRef(function (_a, ref) {
163
137
  var renderContent = function (computedZIndex) {
164
138
  var _a, _b;
165
139
  var _c;
166
- return (React__default.default.createElement("div", __assign({ ref: mergeRefs__default.default([ref, popperRef, setPopperElement]), style: __assign(__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, className, (_a = {},
140
+ return (React__default.default.createElement("div", tslib.__assign({ ref: mergeRefs__default.default([ref, popperRef, setPopperElement]), style: tslib.__assign(tslib.__assign({ zIndex: computedZIndex, width: useAnchorWidth ? referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.offsetWidth : undefined }, popperStyles.popper), (((_c = popperStyles.popper) === null || _c === void 0 ? void 0 : _c.transform) ? null : { visibility: 'hidden' })), "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, className, (_a = {},
167
141
  _a[styles__default.default.arrowShift] = arrowShift,
168
142
  _a)) }, attributes.popper),
169
143
  React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, popperClassName), ref: innerRef },
170
144
  React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles__default.default.scrollableContent] = availableHeight, _b)) }, children),
171
145
  withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles__default.default.arrow, arrowClassName) })))));
172
146
  };
173
- return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, nodeRef: popperRef }, transition, { in: open, onEntering: function (node, isAppearing) {
147
+ return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, nodeRef: popperRef }, transition, { in: open, onEntering: function (node, isAppearing) {
174
148
  var _a;
175
149
  // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.
176
150
  if (innerRef.current &&
package/cssm/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-merge-refs');
6
7
  require('react-popper');
package/esm/Component.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { __assign } from 'tslib';
1
2
  import React, { forwardRef, useState, useRef, useMemo, useEffect } from 'react';
2
3
  import mergeRefs from 'react-merge-refs';
3
4
  import { usePopper } from 'react-popper';
@@ -8,34 +9,7 @@ import maxSize from 'popper-max-size-modifier';
8
9
  import { Portal } from '@alfalab/core-components-portal/esm';
9
10
  import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
10
11
 
11
- /******************************************************************************
12
- Copyright (c) Microsoft Corporation.
13
-
14
- Permission to use, copy, modify, and/or distribute this software for any
15
- purpose with or without fee is hereby granted.
16
-
17
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
18
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
19
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
20
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
21
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
22
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
23
- PERFORMANCE OF THIS SOFTWARE.
24
- ***************************************************************************** */
25
- var __assign = function () {
26
- __assign = Object.assign || function __assign(t) {
27
- for (var s, i = 1, n = arguments.length; i < n; i++) {
28
- s = arguments[i];
29
- for (var p in s)
30
- if (Object.prototype.hasOwnProperty.call(s, p))
31
- t[p] = s[p];
32
- }
33
- return t;
34
- };
35
- return __assign.apply(this, arguments);
36
- };
37
-
38
- var styles = {"component":"popover__component_obrv4","inner":"popover__inner_obrv4","scrollableContent":"popover__scrollableContent_obrv4","arrow":"popover__arrow_obrv4","arrowShift":"popover__arrowShift_obrv4","enter":"popover__enter_obrv4","enterActive":"popover__enterActive_obrv4","exit":"popover__exit_obrv4","exitActive":"popover__exitActive_obrv4"};
12
+ var styles = {"component":"popover__component_1r45r","inner":"popover__inner_1r45r","scrollableContent":"popover__scrollableContent_1r45r","arrow":"popover__arrow_1r45r","arrowShift":"popover__arrowShift_1r45r","enter":"popover__enter_1r45r","enterActive":"popover__enterActive_1r45r","exit":"popover__exit_1r45r","exitActive":"popover__exitActive_1r45r"};
39
13
  require('./index.css')
40
14
 
41
15
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: yjvam */
1
+ /* hash: 43xrh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -19,23 +19,23 @@
19
19
  } :root {
20
20
  } :root {
21
21
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
22
+ } .popover__component_1r45r {
23
23
  background-color: transparent;
24
24
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
25
+ } .popover__inner_1r45r {
26
26
  position: relative;
27
27
  background-color: var(--color-light-bg-primary);
28
28
  box-shadow: var(--shadow-m);
29
29
  border: 1px solid var(--popover-border-color);
30
30
  box-sizing: border-box;
31
31
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
32
+ } .popover__scrollableContent_1r45r {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
36
+ } .popover__arrow_1r45r {
37
37
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
38
+ } .popover__arrow_1r45r:after {
39
39
  content: '';
40
40
  display: block;
41
41
  position: absolute;
@@ -45,67 +45,67 @@
45
45
  border: 1px solid var(--popover-border-color);
46
46
  box-sizing: border-box;
47
47
  transform: rotate(45deg);
48
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4,
49
- .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4,
50
- .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4 {
48
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r,
49
+ .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r,
50
+ .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r {
51
51
  right: 5px
52
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4:after {
52
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r:after {
53
53
  top: -6px;
54
54
  border-bottom: none;
55
55
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
56
+ } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
57
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
58
+ } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
59
  top: -5px;
60
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4,
61
- .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4,
62
- .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4 {
60
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r,
61
+ .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r,
62
+ .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r {
63
63
  left: -7px
64
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4:after {
64
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r:after {
65
65
  top: -6px;
66
66
  border-top: none;
67
67
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
68
+ } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
69
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
70
+ } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
71
  top: -5px;
72
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4,
73
- .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4,
74
- .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4 {
72
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r,
73
+ .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r,
74
+ .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r {
75
75
  bottom: 5px
76
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4:after {
76
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
80
+ } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
81
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
82
+ } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
83
  left: 5px;
84
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4,
85
- .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4,
86
- .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4 {
84
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r,
85
+ .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r,
86
+ .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r {
87
87
  top: -7px
88
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4:after {
88
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r:after {
89
89
  left: -6px;
90
90
  border-bottom: none;
91
91
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
92
+ } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
93
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
94
+ } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
95
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
96
+ } .popover__enter_1r45r .popover__inner_1r45r {
97
97
  opacity: 0;
98
98
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
99
+ } .popover__enterActive_1r45r .popover__inner_1r45r {
100
100
  opacity: 1;
101
101
  transform: scale(1);
102
102
  transition-property: opacity, transform;
103
103
  transition-timing-function: ease-in-out;
104
104
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
105
+ } .popover__exit_1r45r .popover__inner_1r45r {
106
106
  opacity: 1;
107
107
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
108
+ } .popover__exitActive_1r45r .popover__inner_1r45r {
109
109
  opacity: 0;
110
110
  transform: scale(0.98);
111
111
  transition-property: opacity, transform;
package/esm/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Popover } from './Component.js';
2
+ import 'tslib';
2
3
  import 'react';
3
4
  import 'react-merge-refs';
4
5
  import 'react-popper';
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: yjvam */
1
+ /* hash: 43xrh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -19,23 +19,23 @@
19
19
  } :root {
20
20
  } :root {
21
21
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
22
+ } .popover__component_1r45r {
23
23
  background-color: transparent;
24
24
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
25
+ } .popover__inner_1r45r {
26
26
  position: relative;
27
27
  background-color: var(--color-light-bg-primary);
28
28
  box-shadow: var(--shadow-m);
29
29
  border: 1px solid var(--popover-border-color);
30
30
  box-sizing: border-box;
31
31
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
32
+ } .popover__scrollableContent_1r45r {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
36
+ } .popover__arrow_1r45r {
37
37
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
38
+ } .popover__arrow_1r45r:after {
39
39
  content: '';
40
40
  display: block;
41
41
  position: absolute;
@@ -45,67 +45,67 @@
45
45
  border: 1px solid var(--popover-border-color);
46
46
  box-sizing: border-box;
47
47
  transform: rotate(45deg);
48
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4,
49
- .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4,
50
- .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4 {
48
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r,
49
+ .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r,
50
+ .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r {
51
51
  right: 5px
52
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4:after {
52
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r:after {
53
53
  top: -6px;
54
54
  border-bottom: none;
55
55
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
56
+ } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
57
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
58
+ } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
59
  top: -5px;
60
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4,
61
- .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4,
62
- .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4 {
60
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r,
61
+ .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r,
62
+ .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r {
63
63
  left: -7px
64
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4:after {
64
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r:after {
65
65
  top: -6px;
66
66
  border-top: none;
67
67
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
68
+ } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
69
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
70
+ } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
71
  top: -5px;
72
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4,
73
- .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4,
74
- .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4 {
72
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r,
73
+ .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r,
74
+ .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r {
75
75
  bottom: 5px
76
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4:after {
76
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
80
+ } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
81
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
82
+ } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
83
  left: 5px;
84
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4,
85
- .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4,
86
- .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4 {
84
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r,
85
+ .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r,
86
+ .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r {
87
87
  top: -7px
88
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4:after {
88
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r:after {
89
89
  left: -6px;
90
90
  border-bottom: none;
91
91
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
92
+ } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
93
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
94
+ } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
95
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
96
+ } .popover__enter_1r45r .popover__inner_1r45r {
97
97
  opacity: 0;
98
98
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
99
+ } .popover__enterActive_1r45r .popover__inner_1r45r {
100
100
  opacity: 1;
101
101
  transform: scale(1);
102
102
  transition-property: opacity, transform;
103
103
  transition-timing-function: ease-in-out;
104
104
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
105
+ } .popover__exit_1r45r .popover__inner_1r45r {
106
106
  opacity: 1;
107
107
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
108
+ } .popover__exitActive_1r45r .popover__inner_1r45r {
109
109
  opacity: 0;
110
110
  transform: scale(0.98);
111
111
  transition-property: opacity, transform;
package/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component = require('./Component.js');
4
+ require('tslib');
4
5
  require('react');
5
6
  require('react-merge-refs');
6
7
  require('react-popper');
package/modern/Component.js CHANGED
@@ -8,7 +8,7 @@ import maxSize from 'popper-max-size-modifier';
8
8
  import { Portal } from '@alfalab/core-components-portal/modern';
9
9
  import { Stack, stackingOrder } from '@alfalab/core-components-stack/modern';
10
10
 
11
- const styles = {"component":"popover__component_obrv4","inner":"popover__inner_obrv4","scrollableContent":"popover__scrollableContent_obrv4","arrow":"popover__arrow_obrv4","arrowShift":"popover__arrowShift_obrv4","enter":"popover__enter_obrv4","enterActive":"popover__enterActive_obrv4","exit":"popover__exit_obrv4","exitActive":"popover__exitActive_obrv4"};
11
+ const styles = {"component":"popover__component_1r45r","inner":"popover__inner_1r45r","scrollableContent":"popover__scrollableContent_1r45r","arrow":"popover__arrow_1r45r","arrowShift":"popover__arrowShift_1r45r","enter":"popover__enter_1r45r","enterActive":"popover__enterActive_1r45r","exit":"popover__exit_1r45r","exitActive":"popover__exitActive_1r45r"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: yjvam */
1
+ /* hash: 43xrh */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
@@ -19,23 +19,23 @@
19
19
  } :root {
20
20
  } :root {
21
21
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
22
+ } .popover__component_1r45r {
23
23
  background-color: transparent;
24
24
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
25
+ } .popover__inner_1r45r {
26
26
  position: relative;
27
27
  background-color: var(--color-light-bg-primary);
28
28
  box-shadow: var(--shadow-m);
29
29
  border: 1px solid var(--popover-border-color);
30
30
  box-sizing: border-box;
31
31
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
32
+ } .popover__scrollableContent_1r45r {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
36
+ } .popover__arrow_1r45r {
37
37
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
38
+ } .popover__arrow_1r45r:after {
39
39
  content: '';
40
40
  display: block;
41
41
  position: absolute;
@@ -45,67 +45,67 @@
45
45
  border: 1px solid var(--popover-border-color);
46
46
  box-sizing: border-box;
47
47
  transform: rotate(45deg);
48
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4,
49
- .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4,
50
- .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4 {
48
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r,
49
+ .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r,
50
+ .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r {
51
51
  right: 5px
52
- } .popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4:after {
52
+ } .popover__component_1r45r[data-popper-placement='left'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='left-end'] .popover__arrow_1r45r:after {
53
53
  top: -6px;
54
54
  border-bottom: none;
55
55
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
56
+ } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
57
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
58
+ } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
59
  top: -5px;
60
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4,
61
- .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4,
62
- .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4 {
60
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r,
61
+ .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r,
62
+ .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r {
63
63
  left: -7px
64
- } .popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4:after {
64
+ } .popover__component_1r45r[data-popper-placement='right'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='right-end'] .popover__arrow_1r45r:after {
65
65
  top: -6px;
66
66
  border-top: none;
67
67
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
68
+ } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
69
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
70
+ } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
71
  top: -5px;
72
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4,
73
- .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4,
74
- .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4 {
72
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r,
73
+ .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r,
74
+ .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r {
75
75
  bottom: 5px
76
- } .popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4:after {
76
+ } .popover__component_1r45r[data-popper-placement='top'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='top-end'] .popover__arrow_1r45r:after {
77
77
  left: -6px;
78
78
  border-top: none;
79
79
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
80
+ } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
81
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
82
+ } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
83
  left: 5px;
84
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4,
85
- .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4,
86
- .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4 {
84
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r,
85
+ .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r,
86
+ .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r {
87
87
  top: -7px
88
- } .popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4:after {
88
+ } .popover__component_1r45r[data-popper-placement='bottom'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-start'] .popover__arrow_1r45r:after, .popover__component_1r45r[data-popper-placement='bottom-end'] .popover__arrow_1r45r:after {
89
89
  left: -6px;
90
90
  border-bottom: none;
91
91
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
92
+ } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
93
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
94
+ } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
95
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
96
+ } .popover__enter_1r45r .popover__inner_1r45r {
97
97
  opacity: 0;
98
98
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
99
+ } .popover__enterActive_1r45r .popover__inner_1r45r {
100
100
  opacity: 1;
101
101
  transform: scale(1);
102
102
  transition-property: opacity, transform;
103
103
  transition-timing-function: ease-in-out;
104
104
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
105
+ } .popover__exit_1r45r .popover__inner_1r45r {
106
106
  opacity: 1;
107
107
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
108
+ } .popover__exitActive_1r45r .popover__inner_1r45r {
109
109
  opacity: 0;
110
110
  transform: scale(0.98);
111
111
  transition-property: opacity, transform;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "6.0.6",
3
+ "version": "6.0.7",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -18,15 +18,16 @@
18
18
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
19
  },
20
20
  "dependencies": {
21
- "@alfalab/core-components-portal": "^3.1.2",
22
- "@alfalab/core-components-stack": "^4.0.2",
21
+ "@alfalab/core-components-portal": "^3.1.3",
22
+ "@alfalab/core-components-stack": "^4.0.3",
23
23
  "@juggle/resize-observer": "^3.3.1",
24
24
  "@popperjs/core": "^2.3.3",
25
25
  "classnames": "^2.3.1",
26
26
  "popper-max-size-modifier": "^0.2.0",
27
27
  "react-merge-refs": "^1.1.0",
28
28
  "react-popper": "^2.3.0",
29
- "react-transition-group": "^4.4.5"
29
+ "react-transition-group": "^4.4.5",
30
+ "tslib": "^2.4.0"
30
31
  },
31
32
  "devDependencies": {
32
33
  "@types/react-transition-group": "^4.4.5"