@alfalab/core-components-popover 8.0.4 → 8.0.5-alfasans

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 +7 -7
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_1wgte {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1wgte {
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_1wgte {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1wgte {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1wgte: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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte,
48
+ .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte,
49
+ .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte,
58
+ .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte,
59
+ .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte,
68
+ .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte,
69
+ .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte,
78
+ .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte,
79
+ .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte: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_1wgte .popover__inner_1wgte {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1wgte .popover__inner_1wgte {
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_1wgte .popover__inner_1wgte {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1wgte .popover__inner_1wgte {
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_1wgte","inner":"popover__inner_1wgte","scrollableContent":"popover__scrollableContent_1wgte","arrow":"popover__arrow_1wgte","enter":"popover__enter_1wgte","enterActive":"popover__enterActive_1wgte","exit":"popover__exit_1wgte","exitActive":"popover__exitActive_1wgte"};
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_1wgte {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1wgte {
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_1wgte {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1wgte {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1wgte: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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte,
48
+ .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte,
49
+ .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte,
58
+ .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte,
59
+ .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte,
68
+ .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte,
69
+ .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte,
78
+ .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte,
79
+ .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte: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_1wgte .popover__inner_1wgte {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1wgte .popover__inner_1wgte {
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_1wgte .popover__inner_1wgte {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1wgte .popover__inner_1wgte {
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_1wgte","inner":"popover__inner_1wgte","scrollableContent":"popover__scrollableContent_1wgte","arrow":"popover__arrow_1wgte","enter":"popover__enter_1wgte","enterActive":"popover__enterActive_1wgte","exit":"popover__exit_1wgte","exitActive":"popover__exitActive_1wgte"};
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_1wgte {
17
17
  background-color: transparent;
18
18
  color: var(--color-light-text-primary);
19
19
  }
20
- .popover__inner_1g9nc {
20
+ .popover__inner_1wgte {
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_1wgte {
29
29
  position: relative;
30
30
  z-index: 2;
31
31
  overflow-y: auto;
32
32
  }
33
- .popover__arrow_1g9nc {
33
+ .popover__arrow_1wgte {
34
34
  z-index: 1;
35
35
  }
36
- .popover__arrow_1g9nc:after {
36
+ .popover__arrow_1wgte: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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte,
48
+ .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte,
49
+ .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='left'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='left-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte,
58
+ .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte,
59
+ .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='right'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='right-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte,
68
+ .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte,
69
+ .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='top'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='top-end'] .popover__arrow_1wgte: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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte,
78
+ .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte,
79
+ .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte {
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_1wgte[data-popper-placement='bottom'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-start'] .popover__arrow_1wgte:after, .popover__component_1wgte[data-popper-placement='bottom-end'] .popover__arrow_1wgte: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_1wgte .popover__inner_1wgte {
88
88
  opacity: 0;
89
89
  transform: scale(0.98);
90
90
  }
91
- .popover__enterActive_1g9nc .popover__inner_1g9nc {
91
+ .popover__enterActive_1wgte .popover__inner_1wgte {
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_1wgte .popover__inner_1wgte {
99
99
  opacity: 1;
100
100
  transform: scale(1);
101
101
  }
102
- .popover__exitActive_1g9nc .popover__inner_1g9nc {
102
+ .popover__exitActive_1wgte .popover__inner_1wgte {
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_1wgte","inner":"popover__inner_1wgte","scrollableContent":"popover__scrollableContent_1wgte","arrow":"popover__arrow_1wgte","enter":"popover__enter_1wgte","enterActive":"popover__enterActive_1wgte","exit":"popover__exit_1wgte","exitActive":"popover__exitActive_1wgte"};
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-alfasans",
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",
18
- "@alfalab/core-components-stack": "^7.0.1",
19
- "@alfalab/hooks": "^1.13.1",
16
+ "@alfalab/core-components-portal": "5.0.2-alfasans",
17
+ "@alfalab/core-components-shared": "2.2.1-alfasans",
18
+ "@alfalab/core-components-stack": "7.0.1-alfasans",
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",
@@ -36,6 +36,6 @@
36
36
  "access": "public",
37
37
  "directory": "dist"
38
38
  },
39
- "themesVersion": "15.1.0",
40
- "varsVersion": "11.0.2"
39
+ "themesVersion": "15.1.0-alfasans",
40
+ "varsVersion": "11.1.0-alfasans"
41
41
  }