@alfalab/core-components-popover 6.0.7 → 6.0.9

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 +3 -1
  2. package/cssm/Component.js +2 -0
  3. package/cssm/index.js +2 -0
  4. package/cssm/index.module.css +4 -3
  5. package/esm/Component.js +1 -1
  6. package/esm/index.css +38 -37
  7. package/index.css +38 -37
  8. package/index.js +2 -0
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +38 -37
  11. package/package.json +3 -6
  12. package/send-stats.js +0 -82
package/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
@@ -18,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
21
  var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
20
22
 
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"};
23
+ var styles = {"component":"popover__component_15gnr","inner":"popover__inner_15gnr","scrollableContent":"popover__scrollableContent_15gnr","arrow":"popover__arrow_15gnr","arrowShift":"popover__arrowShift_15gnr","enter":"popover__enter_15gnr","enterActive":"popover__enterActive_15gnr","exit":"popover__exit_15gnr","exitActive":"popover__exitActive_15gnr"};
22
24
  require('./index.css')
23
25
 
24
26
  var DEFAULT_TRANSITION = {
package/cssm/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
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
@@ -9,7 +9,7 @@ import maxSize from 'popper-max-size-modifier';
9
9
  import { Portal } from '@alfalab/core-components-portal/esm';
10
10
  import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
11
11
 
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"};
12
+ var styles = {"component":"popover__component_15gnr","inner":"popover__inner_15gnr","scrollableContent":"popover__scrollableContent_15gnr","arrow":"popover__arrow_15gnr","arrowShift":"popover__arrowShift_15gnr","enter":"popover__enter_15gnr","enterActive":"popover__enterActive_15gnr","exit":"popover__exit_15gnr","exitActive":"popover__exitActive_15gnr"};
13
13
  require('./index.css')
14
14
 
15
15
  var DEFAULT_TRANSITION = {
package/esm/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: 43xrh */
1
+ /* hash: 1nyfl */
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_1r45r {
23
+ } .popover__component_15gnr {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_1r45r {
26
+ } .popover__inner_15gnr {
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_1r45r {
33
+ } .popover__scrollableContent_15gnr {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_1r45r {
37
+ } .popover__arrow_15gnr {
37
38
  z-index: 1;
38
- } .popover__arrow_1r45r:after {
39
+ } .popover__arrow_15gnr: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_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 {
49
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr,
50
+ .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr,
51
+ .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr {
51
52
  right: 5px
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
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
+ } .popover__component_15gnr[data-popper-placement='left-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
57
58
  top: -7px;
58
- } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
+ } .popover__component_15gnr[data-popper-placement='left-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
59
60
  top: -5px;
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 {
61
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr,
62
+ .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr,
63
+ .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr {
63
64
  left: -7px
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
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
+ } .popover__component_15gnr[data-popper-placement='right-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
69
70
  top: -7px;
70
- } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
+ } .popover__component_15gnr[data-popper-placement='right-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
71
72
  top: -5px;
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 {
73
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr,
74
+ .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr,
75
+ .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr {
75
76
  bottom: 5px
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
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
+ } .popover__component_15gnr[data-popper-placement='top-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
81
82
  left: -17px;
82
- } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
+ } .popover__component_15gnr[data-popper-placement='top-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
83
84
  left: 5px;
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 {
85
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr,
86
+ .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr,
87
+ .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr {
87
88
  top: -7px
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
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
+ } .popover__component_15gnr[data-popper-placement='bottom-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
93
94
  left: -17px;
94
- } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
+ } .popover__component_15gnr[data-popper-placement='bottom-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
95
96
  left: 5px;
96
- } .popover__enter_1r45r .popover__inner_1r45r {
97
+ } .popover__enter_15gnr .popover__inner_15gnr {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_1r45r .popover__inner_1r45r {
100
+ } .popover__enterActive_15gnr .popover__inner_15gnr {
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_1r45r .popover__inner_1r45r {
106
+ } .popover__exit_15gnr .popover__inner_15gnr {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_1r45r .popover__inner_1r45r {
109
+ } .popover__exitActive_15gnr .popover__inner_15gnr {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  transition-property: opacity, transform;
package/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: 43xrh */
1
+ /* hash: 1nyfl */
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_1r45r {
23
+ } .popover__component_15gnr {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_1r45r {
26
+ } .popover__inner_15gnr {
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_1r45r {
33
+ } .popover__scrollableContent_15gnr {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_1r45r {
37
+ } .popover__arrow_15gnr {
37
38
  z-index: 1;
38
- } .popover__arrow_1r45r:after {
39
+ } .popover__arrow_15gnr: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_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 {
49
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr,
50
+ .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr,
51
+ .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr {
51
52
  right: 5px
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
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
+ } .popover__component_15gnr[data-popper-placement='left-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
57
58
  top: -7px;
58
- } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
+ } .popover__component_15gnr[data-popper-placement='left-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
59
60
  top: -5px;
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 {
61
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr,
62
+ .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr,
63
+ .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr {
63
64
  left: -7px
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
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
+ } .popover__component_15gnr[data-popper-placement='right-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
69
70
  top: -7px;
70
- } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
+ } .popover__component_15gnr[data-popper-placement='right-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
71
72
  top: -5px;
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 {
73
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr,
74
+ .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr,
75
+ .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr {
75
76
  bottom: 5px
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
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
+ } .popover__component_15gnr[data-popper-placement='top-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
81
82
  left: -17px;
82
- } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
+ } .popover__component_15gnr[data-popper-placement='top-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
83
84
  left: 5px;
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 {
85
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr,
86
+ .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr,
87
+ .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr {
87
88
  top: -7px
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
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
+ } .popover__component_15gnr[data-popper-placement='bottom-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
93
94
  left: -17px;
94
- } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
+ } .popover__component_15gnr[data-popper-placement='bottom-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
95
96
  left: 5px;
96
- } .popover__enter_1r45r .popover__inner_1r45r {
97
+ } .popover__enter_15gnr .popover__inner_15gnr {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_1r45r .popover__inner_1r45r {
100
+ } .popover__enterActive_15gnr .popover__inner_15gnr {
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_1r45r .popover__inner_1r45r {
106
+ } .popover__exit_15gnr .popover__inner_15gnr {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_1r45r .popover__inner_1r45r {
109
+ } .popover__exitActive_15gnr .popover__inner_15gnr {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  transition-property: opacity, transform;
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
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_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"};
11
+ const styles = {"component":"popover__component_15gnr","inner":"popover__inner_15gnr","scrollableContent":"popover__scrollableContent_15gnr","arrow":"popover__arrow_15gnr","arrowShift":"popover__arrowShift_15gnr","enter":"popover__enter_15gnr","enterActive":"popover__enterActive_15gnr","exit":"popover__exit_15gnr","exitActive":"popover__exitActive_15gnr"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
package/modern/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /* hash: 43xrh */
1
+ /* hash: 1nyfl */
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_1r45r {
23
+ } .popover__component_15gnr {
23
24
  background-color: transparent;
24
25
  color: var(--color-light-text-primary);
25
- } .popover__inner_1r45r {
26
+ } .popover__inner_15gnr {
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_1r45r {
33
+ } .popover__scrollableContent_15gnr {
33
34
  position: relative;
34
35
  z-index: 2;
35
36
  overflow-y: auto;
36
- } .popover__arrow_1r45r {
37
+ } .popover__arrow_15gnr {
37
38
  z-index: 1;
38
- } .popover__arrow_1r45r:after {
39
+ } .popover__arrow_15gnr: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_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 {
49
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr,
50
+ .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr,
51
+ .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr {
51
52
  right: 5px
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
+ } .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr:after {
53
54
  top: -6px;
54
55
  border-bottom: none;
55
56
  border-left: none;
56
- } .popover__component_1r45r[data-popper-placement='left-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
57
+ } .popover__component_15gnr[data-popper-placement='left-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
57
58
  top: -7px;
58
- } .popover__component_1r45r[data-popper-placement='left-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
59
+ } .popover__component_15gnr[data-popper-placement='left-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
59
60
  top: -5px;
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 {
61
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr,
62
+ .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr,
63
+ .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr {
63
64
  left: -7px
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
+ } .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr:after {
65
66
  top: -6px;
66
67
  border-top: none;
67
68
  border-right: none;
68
- } .popover__component_1r45r[data-popper-placement='right-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
69
+ } .popover__component_15gnr[data-popper-placement='right-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
69
70
  top: -7px;
70
- } .popover__component_1r45r[data-popper-placement='right-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
71
+ } .popover__component_15gnr[data-popper-placement='right-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
71
72
  top: -5px;
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 {
73
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr,
74
+ .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr,
75
+ .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr {
75
76
  bottom: 5px
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
+ } .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr:after {
77
78
  left: -6px;
78
79
  border-top: none;
79
80
  border-left: none;
80
- } .popover__component_1r45r[data-popper-placement='top-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
81
+ } .popover__component_15gnr[data-popper-placement='top-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
81
82
  left: -17px;
82
- } .popover__component_1r45r[data-popper-placement='top-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
83
+ } .popover__component_15gnr[data-popper-placement='top-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
83
84
  left: 5px;
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 {
85
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr,
86
+ .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr,
87
+ .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr {
87
88
  top: -7px
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
+ } .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr:after {
89
90
  left: -6px;
90
91
  border-bottom: none;
91
92
  border-right: none;
92
- } .popover__component_1r45r[data-popper-placement='bottom-start'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
93
+ } .popover__component_15gnr[data-popper-placement='bottom-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
93
94
  left: -17px;
94
- } .popover__component_1r45r[data-popper-placement='bottom-end'].popover__arrowShift_1r45r .popover__arrow_1r45r:after {
95
+ } .popover__component_15gnr[data-popper-placement='bottom-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
95
96
  left: 5px;
96
- } .popover__enter_1r45r .popover__inner_1r45r {
97
+ } .popover__enter_15gnr .popover__inner_15gnr {
97
98
  opacity: 0;
98
99
  transform: scale(0.98);
99
- } .popover__enterActive_1r45r .popover__inner_1r45r {
100
+ } .popover__enterActive_15gnr .popover__inner_15gnr {
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_1r45r .popover__inner_1r45r {
106
+ } .popover__exit_15gnr .popover__inner_15gnr {
106
107
  opacity: 1;
107
108
  transform: scale(1);
108
- } .popover__exitActive_1r45r .popover__inner_1r45r {
109
+ } .popover__exitActive_15gnr .popover__inner_15gnr {
109
110
  opacity: 0;
110
111
  transform: scale(0.98);
111
112
  transition-property: opacity, transform;
package/package.json CHANGED
@@ -1,14 +1,11 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "6.0.7",
3
+ "version": "6.0.9",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "main": "index.js",
8
8
  "module": "./esm/index.js",
9
- "scripts": {
10
- "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
11
- },
12
9
  "publishConfig": {
13
10
  "access": "public",
14
11
  "directory": "dist"
@@ -18,8 +15,8 @@
18
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
19
16
  },
20
17
  "dependencies": {
21
- "@alfalab/core-components-portal": "^3.1.3",
22
- "@alfalab/core-components-stack": "^4.0.3",
18
+ "@alfalab/core-components-portal": "^3.1.5",
19
+ "@alfalab/core-components-stack": "^4.0.4",
23
20
  "@juggle/resize-observer": "^3.3.1",
24
21
  "@popperjs/core": "^2.3.3",
25
22
  "classnames": "^2.3.1",
package/send-stats.js DELETED
@@ -1,82 +0,0 @@
1
- const http = require('http');
2
- const fs = require('fs');
3
- const { promisify } = require('util');
4
- const path = require('path');
5
-
6
- const readFile = promisify(fs.readFile);
7
-
8
- async function main() {
9
- const remoteHost = process.env.NIS_HOST || 'digital';
10
- const remotePort = process.env.NIS_PORT || 80;
11
- const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
12
-
13
- try {
14
- const [_, node, os, arch] =
15
- /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
16
- const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
17
- const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
18
-
19
- let ownPackageJson, packageJson;
20
-
21
- try {
22
- const result = await Promise.all([
23
- readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
24
- readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
25
- ]);
26
-
27
- ownPackageJson = JSON.parse(result[0]);
28
- packageJson = JSON.parse(result[1]);
29
- } catch (err) {
30
- ownPackageJson = '';
31
- packageJson = '';
32
- }
33
-
34
- const data = {
35
- node,
36
- npm,
37
- yarn,
38
- os,
39
- arch,
40
- ownPackageJson: JSON.stringify(ownPackageJson),
41
- packageJson: JSON.stringify(packageJson),
42
- };
43
-
44
- const body = JSON.stringify(data);
45
-
46
- const options = {
47
- host: remoteHost,
48
- port: remotePort,
49
- path: remotePath,
50
- method: 'POST',
51
- headers: {
52
- 'Content-Type': 'application/json',
53
- 'Content-Length': body.length,
54
- },
55
- };
56
-
57
- return new Promise((resolve, reject) => {
58
- const req = http.request(options, (res) => {
59
- res.on('end', () => {
60
- resolve();
61
- });
62
- });
63
-
64
- req.on('error', () => {
65
- reject();
66
- });
67
-
68
- req.write(body);
69
- req.end();
70
- });
71
- } catch (error) {
72
- throw error;
73
- }
74
- }
75
-
76
- main()
77
- .then(() => {
78
- process.exit(0);
79
- })
80
- .catch(() => {
81
- process.exit(0);
82
- });