@alfalab/core-components-popover 6.0.6 → 6.0.8

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 (12) hide show
  1. package/Component.js +8 -32
  2. package/cssm/Component.js +7 -31
  3. package/cssm/index.js +3 -0
  4. package/cssm/index.module.css +4 -3
  5. package/esm/Component.js +2 -28
  6. package/esm/index.css +38 -37
  7. package/esm/index.js +1 -0
  8. package/index.css +38 -37
  9. package/index.js +3 -0
  10. package/modern/Component.js +1 -1
  11. package/modern/index.css +38 -37
  12. package/package.json +5 -4
package/Component.js CHANGED
@@ -1,5 +1,8 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
3
6
  var React = require('react');
4
7
  var mergeRefs = require('react-merge-refs');
5
8
  var reactPopper = require('react-popper');
@@ -17,34 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
17
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
21
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
19
22
 
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"};
23
+ var styles = {"component":"popover__component_t0vft","inner":"popover__inner_t0vft","scrollableContent":"popover__scrollableContent_t0vft","arrow":"popover__arrow_t0vft","arrowShift":"popover__arrowShift_t0vft","enter":"popover__enter_t0vft","enterActive":"popover__enterActive_t0vft","exit":"popover__exit_t0vft","exitActive":"popover__exitActive_t0vft"};
48
24
  require('./index.css')
49
25
 
50
26
  var DEFAULT_TRANSITION = {
@@ -99,8 +75,8 @@ var Popover = React.forwardRef(function (_a, ref) {
99
75
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
100
76
  }
101
77
  if (availableHeight) {
102
- modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
103
- modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
78
+ modifiers.push(tslib.__assign(tslib.__assign({}, maxSize__default.default), { options: {} }));
79
+ modifiers.push(tslib.__assign(tslib.__assign({}, availableHieghtModifier), { options: {} }));
104
80
  }
105
81
  return modifiers;
106
82
  }, [
@@ -164,14 +140,14 @@ var Popover = React.forwardRef(function (_a, ref) {
164
140
  var renderContent = function (computedZIndex) {
165
141
  var _a, _b;
166
142
  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 = {},
143
+ 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
144
  _a[styles.arrowShift] = arrowShift,
169
145
  _a)) }, attributes.popper),
170
146
  React__default.default.createElement("div", { className: cn__default.default(styles.inner, popperClassName), ref: innerRef },
171
147
  React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles.scrollableContent] = availableHeight, _b)) }, children),
172
148
  withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles.arrow, arrowClassName) })))));
173
149
  };
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) {
150
+ 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
151
  var _a;
176
152
  // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.
177
153
  if (innerRef.current &&
package/cssm/Component.js CHANGED
@@ -1,5 +1,8 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
3
6
  var React = require('react');
4
7
  var mergeRefs = require('react-merge-refs');
5
8
  var reactPopper = require('react-popper');
@@ -19,33 +22,6 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
22
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
20
23
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
21
24
 
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
25
  var DEFAULT_TRANSITION = {
50
26
  timeout: 150,
51
27
  };
@@ -98,8 +74,8 @@ var Popover = React.forwardRef(function (_a, ref) {
98
74
  modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });
99
75
  }
100
76
  if (availableHeight) {
101
- modifiers.push(__assign(__assign({}, maxSize__default.default), { options: {} }));
102
- modifiers.push(__assign(__assign({}, availableHieghtModifier), { options: {} }));
77
+ modifiers.push(tslib.__assign(tslib.__assign({}, maxSize__default.default), { options: {} }));
78
+ modifiers.push(tslib.__assign(tslib.__assign({}, availableHieghtModifier), { options: {} }));
103
79
  }
104
80
  return modifiers;
105
81
  }, [
@@ -163,14 +139,14 @@ var Popover = React.forwardRef(function (_a, ref) {
163
139
  var renderContent = function (computedZIndex) {
164
140
  var _a, _b;
165
141
  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 = {},
142
+ 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
143
  _a[styles__default.default.arrowShift] = arrowShift,
168
144
  _a)) }, attributes.popper),
169
145
  React__default.default.createElement("div", { className: cn__default.default(styles__default.default.inner, popperClassName), ref: innerRef },
170
146
  React__default.default.createElement("div", { className: cn__default.default((_b = {}, _b[styles__default.default.scrollableContent] = availableHeight, _b)) }, children),
171
147
  withArrow && (React__default.default.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn__default.default(styles__default.default.arrow, arrowClassName) })))));
172
148
  };
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) {
149
+ 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
150
  var _a;
175
151
  // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.
176
152
  if (innerRef.current &&
package/cssm/index.js CHANGED
@@ -1,6 +1,9 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
6
+ require('tslib');
4
7
  require('react');
5
8
  require('react-merge-refs');
6
9
  require('react-popper');
package/cssm/index.module.css CHANGED
@@ -1,11 +1,12 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
3
  --color-light-bg-primary: #fff;
4
- --color-light-text-primary: #0b1f35;
4
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
6
  } :root {
6
7
  } :root {
7
- } :root {
8
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
8
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
9
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
9
10
 
10
11
  /* Hard */
11
12
 
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_t0vft","inner":"popover__inner_t0vft","scrollableContent":"popover__scrollableContent_t0vft","arrow":"popover__arrow_t0vft","arrowShift":"popover__arrowShift_t0vft","enter":"popover__enter_t0vft","enterActive":"popover__enterActive_t0vft","exit":"popover__exit_t0vft","exitActive":"popover__exitActive_t0vft"};
39
13
  require('./index.css')
40
14
 
41
15
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: yjvam */
1
+ /* hash: gk0pc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-text-primary: #0b1f35;
5
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
7
  } :root {
7
8
  } :root {
8
- } :root {
9
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
9
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
10
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
10
11
 
11
12
  /* Hard */
12
13
 
@@ -19,23 +20,23 @@
19
20
  } :root {
20
21
  } :root {
21
22
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
23
+ } .popover__component_t0vft {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
26
+ } .popover__inner_t0vft {
26
27
  position: relative;
27
28
  background-color: var(--color-light-bg-primary);
28
29
  box-shadow: var(--shadow-m);
29
30
  border: 1px solid var(--popover-border-color);
30
31
  box-sizing: border-box;
31
32
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
33
+ } .popover__scrollableContent_t0vft {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
37
+ } .popover__arrow_t0vft {
37
38
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
39
+ } .popover__arrow_t0vft:after {
39
40
  content: '';
40
41
  display: block;
41
42
  position: absolute;
@@ -45,67 +46,67 @@
45
46
  border: 1px solid var(--popover-border-color);
46
47
  box-sizing: border-box;
47
48
  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 {
49
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft,
50
+ .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft,
51
+ .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft {
51
52
  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 {
53
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
57
+ } .popover__component_t0vft[data-popper-placement='left-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
57
58
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
59
+ } .popover__component_t0vft[data-popper-placement='left-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
59
60
  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 {
61
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft,
62
+ .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft,
63
+ .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft {
63
64
  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 {
65
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
69
+ } .popover__component_t0vft[data-popper-placement='right-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
69
70
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
71
+ } .popover__component_t0vft[data-popper-placement='right-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
71
72
  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 {
73
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft,
74
+ .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft,
75
+ .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft {
75
76
  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 {
77
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
81
+ } .popover__component_t0vft[data-popper-placement='top-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
81
82
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
83
+ } .popover__component_t0vft[data-popper-placement='top-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
83
84
  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 {
85
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft,
86
+ .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft,
87
+ .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft {
87
88
  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 {
89
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
93
+ } .popover__component_t0vft[data-popper-placement='bottom-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
93
94
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
95
+ } .popover__component_t0vft[data-popper-placement='bottom-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
95
96
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
97
+ } .popover__enter_t0vft .popover__inner_t0vft {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
100
+ } .popover__enterActive_t0vft .popover__inner_t0vft {
100
101
  opacity: 1;
101
102
  transform: scale(1);
102
103
  transition-property: opacity, transform;
103
104
  transition-timing-function: ease-in-out;
104
105
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
106
+ } .popover__exit_t0vft .popover__inner_t0vft {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
109
+ } .popover__exitActive_t0vft .popover__inner_t0vft {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  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,12 +1,13 @@
1
- /* hash: yjvam */
1
+ /* hash: gk0pc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-text-primary: #0b1f35;
5
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
7
  } :root {
7
8
  } :root {
8
- } :root {
9
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
9
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
10
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
10
11
 
11
12
  /* Hard */
12
13
 
@@ -19,23 +20,23 @@
19
20
  } :root {
20
21
  } :root {
21
22
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
23
+ } .popover__component_t0vft {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
26
+ } .popover__inner_t0vft {
26
27
  position: relative;
27
28
  background-color: var(--color-light-bg-primary);
28
29
  box-shadow: var(--shadow-m);
29
30
  border: 1px solid var(--popover-border-color);
30
31
  box-sizing: border-box;
31
32
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
33
+ } .popover__scrollableContent_t0vft {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
37
+ } .popover__arrow_t0vft {
37
38
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
39
+ } .popover__arrow_t0vft:after {
39
40
  content: '';
40
41
  display: block;
41
42
  position: absolute;
@@ -45,67 +46,67 @@
45
46
  border: 1px solid var(--popover-border-color);
46
47
  box-sizing: border-box;
47
48
  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 {
49
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft,
50
+ .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft,
51
+ .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft {
51
52
  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 {
53
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
57
+ } .popover__component_t0vft[data-popper-placement='left-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
57
58
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
59
+ } .popover__component_t0vft[data-popper-placement='left-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
59
60
  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 {
61
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft,
62
+ .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft,
63
+ .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft {
63
64
  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 {
65
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
69
+ } .popover__component_t0vft[data-popper-placement='right-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
69
70
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
71
+ } .popover__component_t0vft[data-popper-placement='right-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
71
72
  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 {
73
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft,
74
+ .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft,
75
+ .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft {
75
76
  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 {
77
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
81
+ } .popover__component_t0vft[data-popper-placement='top-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
81
82
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
83
+ } .popover__component_t0vft[data-popper-placement='top-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
83
84
  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 {
85
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft,
86
+ .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft,
87
+ .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft {
87
88
  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 {
89
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
93
+ } .popover__component_t0vft[data-popper-placement='bottom-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
93
94
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
95
+ } .popover__component_t0vft[data-popper-placement='bottom-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
95
96
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
97
+ } .popover__enter_t0vft .popover__inner_t0vft {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
100
+ } .popover__enterActive_t0vft .popover__inner_t0vft {
100
101
  opacity: 1;
101
102
  transform: scale(1);
102
103
  transition-property: opacity, transform;
103
104
  transition-timing-function: ease-in-out;
104
105
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
106
+ } .popover__exit_t0vft .popover__inner_t0vft {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
109
+ } .popover__exitActive_t0vft .popover__inner_t0vft {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  transition-property: opacity, transform;
package/index.js CHANGED
@@ -1,6 +1,9 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
6
+ require('tslib');
4
7
  require('react');
5
8
  require('react-merge-refs');
6
9
  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_t0vft","inner":"popover__inner_t0vft","scrollableContent":"popover__scrollableContent_t0vft","arrow":"popover__arrow_t0vft","arrowShift":"popover__arrowShift_t0vft","enter":"popover__enter_t0vft","enterActive":"popover__enterActive_t0vft","exit":"popover__exit_t0vft","exitActive":"popover__exitActive_t0vft"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: yjvam */
1
+ /* hash: gk0pc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff;
5
- --color-light-text-primary: #0b1f35;
5
+ --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
7
  } :root {
7
8
  } :root {
8
- } :root {
9
- --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
9
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
10
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
10
11
 
11
12
  /* Hard */
12
13
 
@@ -19,23 +20,23 @@
19
20
  } :root {
20
21
  } :root {
21
22
  --popover-border-color: transparent;
22
- } .popover__component_obrv4 {
23
+ } .popover__component_t0vft {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_obrv4 {
26
+ } .popover__inner_t0vft {
26
27
  position: relative;
27
28
  background-color: var(--color-light-bg-primary);
28
29
  box-shadow: var(--shadow-m);
29
30
  border: 1px solid var(--popover-border-color);
30
31
  box-sizing: border-box;
31
32
  will-change: transform;
32
- } .popover__scrollableContent_obrv4 {
33
+ } .popover__scrollableContent_t0vft {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_obrv4 {
37
+ } .popover__arrow_t0vft {
37
38
  z-index: 1;
38
- } .popover__arrow_obrv4:after {
39
+ } .popover__arrow_t0vft:after {
39
40
  content: '';
40
41
  display: block;
41
42
  position: absolute;
@@ -45,67 +46,67 @@
45
46
  border: 1px solid var(--popover-border-color);
46
47
  box-sizing: border-box;
47
48
  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 {
49
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft,
50
+ .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft,
51
+ .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft {
51
52
  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 {
53
+ } .popover__component_t0vft[data-popper-placement='left'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='left-end'] .popover__arrow_t0vft:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
57
+ } .popover__component_t0vft[data-popper-placement='left-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
57
58
  top: -7px;
58
- } .popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
59
+ } .popover__component_t0vft[data-popper-placement='left-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
59
60
  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 {
61
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft,
62
+ .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft,
63
+ .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft {
63
64
  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 {
65
+ } .popover__component_t0vft[data-popper-placement='right'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='right-end'] .popover__arrow_t0vft:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
69
+ } .popover__component_t0vft[data-popper-placement='right-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
69
70
  top: -7px;
70
- } .popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
71
+ } .popover__component_t0vft[data-popper-placement='right-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
71
72
  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 {
73
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft,
74
+ .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft,
75
+ .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft {
75
76
  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 {
77
+ } .popover__component_t0vft[data-popper-placement='top'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='top-end'] .popover__arrow_t0vft:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
81
+ } .popover__component_t0vft[data-popper-placement='top-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
81
82
  left: -17px;
82
- } .popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
83
+ } .popover__component_t0vft[data-popper-placement='top-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
83
84
  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 {
85
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft,
86
+ .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft,
87
+ .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft {
87
88
  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 {
89
+ } .popover__component_t0vft[data-popper-placement='bottom'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-start'] .popover__arrow_t0vft:after, .popover__component_t0vft[data-popper-placement='bottom-end'] .popover__arrow_t0vft:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
93
+ } .popover__component_t0vft[data-popper-placement='bottom-start'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
93
94
  left: -17px;
94
- } .popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
95
+ } .popover__component_t0vft[data-popper-placement='bottom-end'].popover__arrowShift_t0vft .popover__arrow_t0vft:after {
95
96
  left: 5px;
96
- } .popover__enter_obrv4 .popover__inner_obrv4 {
97
+ } .popover__enter_t0vft .popover__inner_t0vft {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_obrv4 .popover__inner_obrv4 {
100
+ } .popover__enterActive_t0vft .popover__inner_t0vft {
100
101
  opacity: 1;
101
102
  transform: scale(1);
102
103
  transition-property: opacity, transform;
103
104
  transition-timing-function: ease-in-out;
104
105
  transition-duration: 150ms;
105
- } .popover__exit_obrv4 .popover__inner_obrv4 {
106
+ } .popover__exit_t0vft .popover__inner_t0vft {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_obrv4 .popover__inner_obrv4 {
109
+ } .popover__exitActive_t0vft .popover__inner_t0vft {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  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.8",
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.4",
22
+ "@alfalab/core-components-stack": "^4.0.4",
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"