@alfalab/core-components-popover 8.0.4 → 8.0.5

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 (7) hide show
  1. package/esm/index.css +25 -25
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +25 -25
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +25 -25
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +5 -5
package/esm/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  :root {
14
14
  --popover-border-color: transparent;
15
15
  }
16
- .popover__component_1g9nc {
16
+ .popover__component_1spqa {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1spqa {
21
21
  position: relative;
22
22
  background-color: var(--color-light-modal-bg-primary);
23
23
  box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
25
25
  box-sizing: border-box;
26
26
  will-change: transform;
27
27
  }
28
- .popover__scrollableContent_1g9nc {
28
+ .popover__scrollableContent_1spqa {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1spqa {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1spqa:after {
37
37
  content: '';
38
38
  display: block;
39
39
  position: absolute;
@@ -44,62 +44,62 @@
44
44
  box-sizing: border-box;
45
45
  transform: rotate(45deg);
46
46
  }
47
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc,
48
- .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc,
49
- .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc {
47
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa,
48
+ .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa,
49
+ .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa {
50
50
  right: 5px;
51
51
  }
52
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc:after {
52
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa:after {
53
53
  top: var(--gap-6-neg);
54
54
  border-bottom: none;
55
55
  border-left: none;
56
56
  }
57
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc,
58
- .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc,
59
- .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc {
57
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa,
58
+ .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa,
59
+ .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa {
60
60
  left: -7px;
61
61
  }
62
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc:after {
62
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa:after {
63
63
  top: var(--gap-6-neg);
64
64
  border-top: none;
65
65
  border-right: none;
66
66
  }
67
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc,
68
- .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc,
69
- .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc {
67
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa,
68
+ .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa,
69
+ .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa {
70
70
  bottom: 5px;
71
71
  }
72
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc:after {
72
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa:after {
73
73
  left: var(--gap-6-neg);
74
74
  border-top: none;
75
75
  border-left: none;
76
76
  }
77
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc,
78
- .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc,
79
- .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc {
77
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa,
78
+ .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa,
79
+ .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa {
80
80
  top: -7px;
81
81
  }
82
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc:after {
82
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa:after {
83
83
  left: var(--gap-6-neg);
84
84
  border-bottom: none;
85
85
  border-right: none;
86
86
  }
87
- .popover__enter_1g9nc .popover__inner_1g9nc {
87
+ .popover__enter_1spqa .popover__inner_1spqa {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1spqa .popover__inner_1spqa {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
97
  }
98
- .popover__exit_1g9nc .popover__inner_1g9nc {
98
+ .popover__exit_1spqa .popover__inner_1spqa {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1spqa .popover__inner_1spqa {
103
103
  opacity: 0;
104
104
  transform: scale(0.98);
105
105
  transition-property: opacity, transform;
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"popover__component_1g9nc","inner":"popover__inner_1g9nc","scrollableContent":"popover__scrollableContent_1g9nc","arrow":"popover__arrow_1g9nc","enter":"popover__enter_1g9nc","enterActive":"popover__enterActive_1g9nc","exit":"popover__exit_1g9nc","exitActive":"popover__exitActive_1g9nc"};
3
+ var styles = {"component":"popover__component_1spqa","inner":"popover__inner_1spqa","scrollableContent":"popover__scrollableContent_1spqa","arrow":"popover__arrow_1spqa","enter":"popover__enter_1spqa","enterActive":"popover__enterActive_1spqa","exit":"popover__exit_1spqa","exitActive":"popover__exitActive_1spqa"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  :root {
14
14
  --popover-border-color: transparent;
15
15
  }
16
- .popover__component_1g9nc {
16
+ .popover__component_1spqa {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1spqa {
21
21
  position: relative;
22
22
  background-color: var(--color-light-modal-bg-primary);
23
23
  box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
25
25
  box-sizing: border-box;
26
26
  will-change: transform;
27
27
  }
28
- .popover__scrollableContent_1g9nc {
28
+ .popover__scrollableContent_1spqa {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1spqa {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1spqa:after {
37
37
  content: '';
38
38
  display: block;
39
39
  position: absolute;
@@ -44,62 +44,62 @@
44
44
  box-sizing: border-box;
45
45
  transform: rotate(45deg);
46
46
  }
47
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc,
48
- .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc,
49
- .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc {
47
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa,
48
+ .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa,
49
+ .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa {
50
50
  right: 5px;
51
51
  }
52
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc:after {
52
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa:after {
53
53
  top: var(--gap-6-neg);
54
54
  border-bottom: none;
55
55
  border-left: none;
56
56
  }
57
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc,
58
- .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc,
59
- .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc {
57
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa,
58
+ .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa,
59
+ .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa {
60
60
  left: -7px;
61
61
  }
62
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc:after {
62
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa:after {
63
63
  top: var(--gap-6-neg);
64
64
  border-top: none;
65
65
  border-right: none;
66
66
  }
67
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc,
68
- .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc,
69
- .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc {
67
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa,
68
+ .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa,
69
+ .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa {
70
70
  bottom: 5px;
71
71
  }
72
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc:after {
72
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa:after {
73
73
  left: var(--gap-6-neg);
74
74
  border-top: none;
75
75
  border-left: none;
76
76
  }
77
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc,
78
- .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc,
79
- .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc {
77
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa,
78
+ .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa,
79
+ .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa {
80
80
  top: -7px;
81
81
  }
82
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc:after {
82
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa:after {
83
83
  left: var(--gap-6-neg);
84
84
  border-bottom: none;
85
85
  border-right: none;
86
86
  }
87
- .popover__enter_1g9nc .popover__inner_1g9nc {
87
+ .popover__enter_1spqa .popover__inner_1spqa {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1spqa .popover__inner_1spqa {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
97
  }
98
- .popover__exit_1g9nc .popover__inner_1g9nc {
98
+ .popover__exit_1spqa .popover__inner_1spqa {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1spqa .popover__inner_1spqa {
103
103
  opacity: 0;
104
104
  transform: scale(0.98);
105
105
  transition-property: opacity, transform;
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"popover__component_1g9nc","inner":"popover__inner_1g9nc","scrollableContent":"popover__scrollableContent_1g9nc","arrow":"popover__arrow_1g9nc","enter":"popover__enter_1g9nc","enterActive":"popover__enterActive_1g9nc","exit":"popover__exit_1g9nc","exitActive":"popover__exitActive_1g9nc"};
5
+ var styles = {"component":"popover__component_1spqa","inner":"popover__inner_1spqa","scrollableContent":"popover__scrollableContent_1spqa","arrow":"popover__arrow_1spqa","enter":"popover__enter_1spqa","enterActive":"popover__enterActive_1spqa","exit":"popover__exit_1spqa","exitActive":"popover__exitActive_1spqa"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  :root {
14
14
  --popover-border-color: transparent;
15
15
  }
16
- .popover__component_1g9nc {
16
+ .popover__component_1spqa {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1spqa {
21
21
  position: relative;
22
22
  background-color: var(--color-light-modal-bg-primary);
23
23
  box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
25
25
  box-sizing: border-box;
26
26
  will-change: transform;
27
27
  }
28
- .popover__scrollableContent_1g9nc {
28
+ .popover__scrollableContent_1spqa {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1spqa {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1spqa:after {
37
37
  content: '';
38
38
  display: block;
39
39
  position: absolute;
@@ -44,62 +44,62 @@
44
44
  box-sizing: border-box;
45
45
  transform: rotate(45deg);
46
46
  }
47
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc,
48
- .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc,
49
- .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc {
47
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa,
48
+ .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa,
49
+ .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa {
50
50
  right: 5px;
51
51
  }
52
- .popover__component_1g9nc[data-popper-placement='left'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='left-end'] .popover__arrow_1g9nc:after {
52
+ .popover__component_1spqa[data-popper-placement='left'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='left-end'] .popover__arrow_1spqa:after {
53
53
  top: var(--gap-6-neg);
54
54
  border-bottom: none;
55
55
  border-left: none;
56
56
  }
57
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc,
58
- .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc,
59
- .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc {
57
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa,
58
+ .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa,
59
+ .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa {
60
60
  left: -7px;
61
61
  }
62
- .popover__component_1g9nc[data-popper-placement='right'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='right-end'] .popover__arrow_1g9nc:after {
62
+ .popover__component_1spqa[data-popper-placement='right'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='right-end'] .popover__arrow_1spqa:after {
63
63
  top: var(--gap-6-neg);
64
64
  border-top: none;
65
65
  border-right: none;
66
66
  }
67
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc,
68
- .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc,
69
- .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc {
67
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa,
68
+ .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa,
69
+ .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa {
70
70
  bottom: 5px;
71
71
  }
72
- .popover__component_1g9nc[data-popper-placement='top'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='top-end'] .popover__arrow_1g9nc:after {
72
+ .popover__component_1spqa[data-popper-placement='top'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='top-end'] .popover__arrow_1spqa:after {
73
73
  left: var(--gap-6-neg);
74
74
  border-top: none;
75
75
  border-left: none;
76
76
  }
77
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc,
78
- .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc,
79
- .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc {
77
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa,
78
+ .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa,
79
+ .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa {
80
80
  top: -7px;
81
81
  }
82
- .popover__component_1g9nc[data-popper-placement='bottom'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-start'] .popover__arrow_1g9nc:after, .popover__component_1g9nc[data-popper-placement='bottom-end'] .popover__arrow_1g9nc:after {
82
+ .popover__component_1spqa[data-popper-placement='bottom'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-start'] .popover__arrow_1spqa:after, .popover__component_1spqa[data-popper-placement='bottom-end'] .popover__arrow_1spqa:after {
83
83
  left: var(--gap-6-neg);
84
84
  border-bottom: none;
85
85
  border-right: none;
86
86
  }
87
- .popover__enter_1g9nc .popover__inner_1g9nc {
87
+ .popover__enter_1spqa .popover__inner_1spqa {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1spqa .popover__inner_1spqa {
92
92
  opacity: 1;
93
93
  transform: scale(1);
94
94
  transition-property: opacity, transform;
95
95
  transition-timing-function: ease-in-out;
96
96
  transition-duration: 150ms;
97
97
  }
98
- .popover__exit_1g9nc .popover__inner_1g9nc {
98
+ .popover__exit_1spqa .popover__inner_1spqa {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1spqa .popover__inner_1spqa {
103
103
  opacity: 0;
104
104
  transform: scale(0.98);
105
105
  transition-property: opacity, transform;
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"popover__component_1g9nc","inner":"popover__inner_1g9nc","scrollableContent":"popover__scrollableContent_1g9nc","arrow":"popover__arrow_1g9nc","enter":"popover__enter_1g9nc","enterActive":"popover__enterActive_1g9nc","exit":"popover__exit_1g9nc","exitActive":"popover__exitActive_1g9nc"};
3
+ const styles = {"component":"popover__component_1spqa","inner":"popover__inner_1spqa","scrollableContent":"popover__scrollableContent_1spqa","arrow":"popover__arrow_1spqa","enter":"popover__enter_1spqa","enterActive":"popover__enterActive_1spqa","exit":"popover__exit_1spqa","exitActive":"popover__exitActive_1spqa"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popover",
3
- "version": "8.0.4",
3
+ "version": "8.0.5",
4
4
  "description": "Popover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,10 +13,10 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-portal": "^5.0.1",
17
- "@alfalab/core-components-shared": "^2.2.0",
16
+ "@alfalab/core-components-portal": "^5.0.2",
17
+ "@alfalab/core-components-shared": "^2.2.1",
18
18
  "@alfalab/core-components-stack": "^7.0.1",
19
- "@alfalab/hooks": "^1.13.1",
19
+ "@alfalab/hooks": "^1.17.0",
20
20
  "@juggle/resize-observer": "^3.3.1",
21
21
  "@popperjs/core": "^2.11.8",
22
22
  "@types/react-transition-group": "^4.4.12",
@@ -37,5 +37,5 @@
37
37
  "directory": "dist"
38
38
  },
39
39
  "themesVersion": "15.1.0",
40
- "varsVersion": "11.0.2"
40
+ "varsVersion": "11.1.0"
41
41
  }