@hh.ru/magritte-ui-tooltip 9.2.3 → 9.2.4

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 (3) hide show
  1. package/Tooltip.js +1 -1
  2. package/index.css +36 -36
  3. package/package.json +3 -3
package/Tooltip.js CHANGED
@@ -11,7 +11,7 @@ import { TooltipArrow } from './TooltipArrow.js';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
12
  import { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';
13
13
 
14
- var styles = {"tooltip":"magritte-tooltip___Hxyh2_9-2-3","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_9-2-3","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_9-2-3","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_9-2-3","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_9-2-3","tooltip-small":"magritte-tooltip-small___W1eTg_9-2-3","tooltipSmall":"magritte-tooltip-small___W1eTg_9-2-3","tooltip-title":"magritte-tooltip-title___s-ekd_9-2-3","tooltipTitle":"magritte-tooltip-title___s-ekd_9-2-3","tooltip-close":"magritte-tooltip-close___B1qWh_9-2-3","tooltipClose":"magritte-tooltip-close___B1qWh_9-2-3","tooltip-enter":"magritte-tooltip-enter___cnped_9-2-3","tooltipEnter":"magritte-tooltip-enter___cnped_9-2-3","css-variables-element":"magritte-css-variables-element___yRnOI_9-2-3","cssVariablesElement":"magritte-css-variables-element___yRnOI_9-2-3","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_9-2-3","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_9-2-3","tooltip-exit":"magritte-tooltip-exit___IXkNp_9-2-3","tooltipExit":"magritte-tooltip-exit___IXkNp_9-2-3","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_9-2-3","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_9-2-3","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_9-2-3","tooltipButtons":"magritte-tooltip-buttons___kNN5e_9-2-3","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_9-2-3","tooltipArrow":"magritte-tooltip-arrow___7OOYT_9-2-3"};
14
+ var styles = {"tooltip":"magritte-tooltip___Hxyh2_9-2-4","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_9-2-4","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_9-2-4","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_9-2-4","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_9-2-4","tooltip-small":"magritte-tooltip-small___W1eTg_9-2-4","tooltipSmall":"magritte-tooltip-small___W1eTg_9-2-4","tooltip-title":"magritte-tooltip-title___s-ekd_9-2-4","tooltipTitle":"magritte-tooltip-title___s-ekd_9-2-4","tooltip-close":"magritte-tooltip-close___B1qWh_9-2-4","tooltipClose":"magritte-tooltip-close___B1qWh_9-2-4","tooltip-enter":"magritte-tooltip-enter___cnped_9-2-4","tooltipEnter":"magritte-tooltip-enter___cnped_9-2-4","css-variables-element":"magritte-css-variables-element___yRnOI_9-2-4","cssVariablesElement":"magritte-css-variables-element___yRnOI_9-2-4","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_9-2-4","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_9-2-4","tooltip-exit":"magritte-tooltip-exit___IXkNp_9-2-4","tooltipExit":"magritte-tooltip-exit___IXkNp_9-2-4","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_9-2-4","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_9-2-4","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_9-2-4","tooltipButtons":"magritte-tooltip-buttons___kNN5e_9-2-4","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_9-2-4","tooltipArrow":"magritte-tooltip-arrow___7OOYT_9-2-4"};
15
15
 
16
16
  const CSS_CLASSES = {
17
17
  enter: styles.tooltipEnter,
package/index.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --magritte-color-component-tooltip-text-content-v21-4-0:#ffffff;
16
16
  --magritte-color-component-tooltip-stroke-content-v21-4-0:#3B3B3B;
17
17
  }
18
- .magritte-tooltip___Hxyh2_9-2-3{
18
+ .magritte-tooltip___Hxyh2_9-2-4{
19
19
  position:relative;
20
20
  padding:16px;
21
21
  background:var(--magritte-color-component-tooltip-background-content-v21-4-0);
@@ -32,17 +32,17 @@
32
32
  --magritte-tooltip-arrow-width:28px;
33
33
  --magritte-tooltip-arrow-height:12px;
34
34
  }
35
- .magritte-tooltip-with-buttons___pQzdt_9-2-3{
35
+ .magritte-tooltip-with-buttons___pQzdt_9-2-4{
36
36
  padding:24px 24px 12px;
37
37
  --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v21-4-0) + 28px / 2 - 12px / 2 - 1px);
38
38
  --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v21-4-0);
39
39
  --magritte-tooltip-arrow-width:28px;
40
40
  --magritte-tooltip-arrow-height:12px;
41
41
  }
42
- .magritte-tooltip-with-close___2iNPt_9-2-3{
42
+ .magritte-tooltip-with-close___2iNPt_9-2-4{
43
43
  padding-right:56px;
44
44
  }
45
- .magritte-tooltip-small___W1eTg_9-2-3{
45
+ .magritte-tooltip-small___W1eTg_9-2-4{
46
46
  padding:8px 12px;
47
47
  min-height:0;
48
48
  --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v21-4-0) + 18px / 2 - 12px / 2 - 1px);
@@ -50,103 +50,103 @@
50
50
  --magritte-tooltip-arrow-width:18px;
51
51
  --magritte-tooltip-arrow-height:12px;
52
52
  }
53
- .magritte-tooltip-title___s-ekd_9-2-3{
53
+ .magritte-tooltip-title___s-ekd_9-2-4{
54
54
  margin-bottom:4px;
55
55
  }
56
- .magritte-tooltip-close___B1qWh_9-2-3{
56
+ .magritte-tooltip-close___B1qWh_9-2-4{
57
57
  position:absolute;
58
58
  right:9px;
59
59
  top:9px;
60
60
  }
61
- .magritte-tooltip-with-buttons___pQzdt_9-2-3 .magritte-tooltip-close___B1qWh_9-2-3{
61
+ .magritte-tooltip-with-buttons___pQzdt_9-2-4 .magritte-tooltip-close___B1qWh_9-2-4{
62
62
  right:15px;
63
63
  top:15px;
64
64
  }
65
65
  @media (prefers-reduced-motion: no-preference){
66
- .magritte-tooltip-enter___cnped_9-2-3 .magritte-tooltip___Hxyh2_9-2-3{
66
+ .magritte-tooltip-enter___cnped_9-2-4 .magritte-tooltip___Hxyh2_9-2-4{
67
67
  opacity:0;
68
68
  }
69
- .magritte-css-variables-element___yRnOI_9-2-3,
70
- .magritte-tooltip-enter-active___M8qsm_9-2-3 .magritte-tooltip___Hxyh2_9-2-3{
69
+ .magritte-css-variables-element___yRnOI_9-2-4,
70
+ .magritte-tooltip-enter-active___M8qsm_9-2-4 .magritte-tooltip___Hxyh2_9-2-4{
71
71
  opacity:1;
72
72
  transition-property:opacity, transform;
73
73
  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-0);
74
74
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-0);
75
75
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-0);
76
76
  }
77
- .magritte-tooltip-exit___IXkNp_9-2-3 .magritte-tooltip___Hxyh2_9-2-3{
77
+ .magritte-tooltip-exit___IXkNp_9-2-4 .magritte-tooltip___Hxyh2_9-2-4{
78
78
  opacity:1;
79
79
  }
80
- .magritte-tooltip-exit-active___QllYr_9-2-3 .magritte-tooltip___Hxyh2_9-2-3{
80
+ .magritte-tooltip-exit-active___QllYr_9-2-4 .magritte-tooltip___Hxyh2_9-2-4{
81
81
  opacity:0;
82
82
  transition-property:opacity, transform;
83
83
  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-0);
84
84
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-0);
85
85
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-0);
86
86
  }
87
- .magritte-tooltip-exit-active___QllYr_9-2-3[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-2-3,
88
- .magritte-tooltip-enter___cnped_9-2-3[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-2-3{
87
+ .magritte-tooltip-exit-active___QllYr_9-2-4[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-2-4,
88
+ .magritte-tooltip-enter___cnped_9-2-4[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-2-4{
89
89
  transform:translateY(4px);
90
90
  }
91
- .magritte-tooltip-exit-active___QllYr_9-2-3[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-2-3,
92
- .magritte-tooltip-enter___cnped_9-2-3[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-2-3{
91
+ .magritte-tooltip-exit-active___QllYr_9-2-4[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-2-4,
92
+ .magritte-tooltip-enter___cnped_9-2-4[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-2-4{
93
93
  transform:translateY(-4px);
94
94
  }
95
- .magritte-tooltip-exit-active___QllYr_9-2-3[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-2-3,
96
- .magritte-tooltip-enter___cnped_9-2-3[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-2-3{
95
+ .magritte-tooltip-exit-active___QllYr_9-2-4[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-2-4,
96
+ .magritte-tooltip-enter___cnped_9-2-4[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-2-4{
97
97
  transform:translateX(-4px);
98
98
  }
99
- .magritte-tooltip-exit-active___QllYr_9-2-3[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-2-3,
100
- .magritte-tooltip-enter___cnped_9-2-3[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-2-3{
99
+ .magritte-tooltip-exit-active___QllYr_9-2-4[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-2-4,
100
+ .magritte-tooltip-enter___cnped_9-2-4[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-2-4{
101
101
  transform:translateX(4px);
102
102
  }
103
- .magritte-tooltip-enter-active___M8qsm_9-2-3[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_9-2-3{
103
+ .magritte-tooltip-enter-active___M8qsm_9-2-4[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_9-2-4{
104
104
  transform:translate(0, 0);
105
105
  }
106
106
  }
107
- .magritte-tooltip-buttons___kNN5e_9-2-3{
107
+ .magritte-tooltip-buttons___kNN5e_9-2-4{
108
108
  display:flex;
109
109
  gap:12px;
110
110
  margin:24px -12px 0;
111
111
  }
112
- .magritte-tooltip-with-close___2iNPt_9-2-3 .magritte-tooltip-buttons___kNN5e_9-2-3{
112
+ .magritte-tooltip-with-close___2iNPt_9-2-4 .magritte-tooltip-buttons___kNN5e_9-2-4{
113
113
  margin-right:-44px;
114
114
  }
115
- .magritte-tooltip-arrow___7OOYT_9-2-3{
115
+ .magritte-tooltip-arrow___7OOYT_9-2-4{
116
116
  position:absolute;
117
117
  }
118
- [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_9-2-3{
118
+ [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_9-2-4{
119
119
  top:calc(var(--magritte-tooltip-arrow-height) * -1);
120
120
  }
121
- [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_9-2-3{
121
+ [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_9-2-4{
122
122
  bottom:calc(var(--magritte-tooltip-arrow-height) * -1);
123
123
  transform:rotate(180deg);
124
124
  }
125
- [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_9-2-3{
125
+ [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_9-2-4{
126
126
  left:var(--magritte-tooltip-border-radius);
127
127
  }
128
- [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-3,
129
- [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-3{
128
+ [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-4,
129
+ [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-4{
130
130
  left:calc(50% - var(--magritte-tooltip-arrow-width) / 2);
131
131
  }
132
- [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_9-2-3{
132
+ [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_9-2-4{
133
133
  right:var(--magritte-tooltip-border-radius);
134
134
  }
135
- [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_9-2-3{
135
+ [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_9-2-4{
136
136
  right:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
137
137
  transform:rotate(90deg);
138
138
  }
139
- [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_9-2-3{
139
+ [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_9-2-4{
140
140
  left:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
141
141
  transform:rotate(-90deg);
142
142
  }
143
- [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_9-2-3{
143
+ [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_9-2-4{
144
144
  top:var(--magritte-tooltip-arrow-vertical-gap);
145
145
  }
146
- [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-3,
147
- [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-3{
146
+ [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-4,
147
+ [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-2-4{
148
148
  top:calc(50% - var(--magritte-tooltip-arrow-height) / 2);
149
149
  }
150
- [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_9-2-3{
150
+ [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_9-2-4{
151
151
  bottom:var(--magritte-tooltip-arrow-vertical-gap);
152
152
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tooltip",
3
- "version": "9.2.3",
3
+ "version": "9.2.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -22,7 +22,7 @@
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
24
24
  "@hh.ru/magritte-design-tokens": "21.4.0",
25
- "@hh.ru/magritte-internal-drop-base": "7.0.13",
25
+ "@hh.ru/magritte-internal-drop-base": "7.0.14",
26
26
  "@hh.ru/magritte-internal-layer-name": "3.0.0",
27
27
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
28
28
  "@hh.ru/magritte-ui-button": "5.3.1",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "7ba02d5feb5c5dc67ba5aef9f921c5cf104fb698"
42
+ "gitHead": "01047f32ccca7abfe65b3139858e2be8ab4d7ca6"
43
43
  }