@hh.ru/magritte-ui-tooltip 9.3.17 → 10.0.1

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.
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 = {"medium-tooltip-with-buttons-params":"magritte-medium-tooltip-with-buttons-params___krjlq_9-3-17","mediumTooltipWithButtonsParams":"magritte-medium-tooltip-with-buttons-params___krjlq_9-3-17","medium-tooltip-params":"magritte-medium-tooltip-params___2qZnY_9-3-17","mediumTooltipParams":"magritte-medium-tooltip-params___2qZnY_9-3-17","small-tooltip-params":"magritte-small-tooltip-params___N8y51_9-3-17","smallTooltipParams":"magritte-small-tooltip-params___N8y51_9-3-17","tooltip":"magritte-tooltip___Hxyh2_9-3-17","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_9-3-17","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_9-3-17","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_9-3-17","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_9-3-17","tooltip-small":"magritte-tooltip-small___W1eTg_9-3-17","tooltipSmall":"magritte-tooltip-small___W1eTg_9-3-17","tooltip-title":"magritte-tooltip-title___s-ekd_9-3-17","tooltipTitle":"magritte-tooltip-title___s-ekd_9-3-17","tooltip-close":"magritte-tooltip-close___B1qWh_9-3-17","tooltipClose":"magritte-tooltip-close___B1qWh_9-3-17","tooltip-enter":"magritte-tooltip-enter___cnped_9-3-17","tooltipEnter":"magritte-tooltip-enter___cnped_9-3-17","css-variables-element":"magritte-css-variables-element___yRnOI_9-3-17","cssVariablesElement":"magritte-css-variables-element___yRnOI_9-3-17","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_9-3-17","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_9-3-17","tooltip-exit":"magritte-tooltip-exit___IXkNp_9-3-17","tooltipExit":"magritte-tooltip-exit___IXkNp_9-3-17","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_9-3-17","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_9-3-17","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_9-3-17","tooltipButtons":"magritte-tooltip-buttons___kNN5e_9-3-17","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_9-3-17","tooltipArrow":"magritte-tooltip-arrow___7OOYT_9-3-17"};
14
+ var styles = {"medium-tooltip-with-buttons-params":"magritte-medium-tooltip-with-buttons-params___krjlq_10-0-1","mediumTooltipWithButtonsParams":"magritte-medium-tooltip-with-buttons-params___krjlq_10-0-1","medium-tooltip-params":"magritte-medium-tooltip-params___2qZnY_10-0-1","mediumTooltipParams":"magritte-medium-tooltip-params___2qZnY_10-0-1","small-tooltip-params":"magritte-small-tooltip-params___N8y51_10-0-1","smallTooltipParams":"magritte-small-tooltip-params___N8y51_10-0-1","tooltip":"magritte-tooltip___Hxyh2_10-0-1","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_10-0-1","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_10-0-1","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_10-0-1","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_10-0-1","tooltip-small":"magritte-tooltip-small___W1eTg_10-0-1","tooltipSmall":"magritte-tooltip-small___W1eTg_10-0-1","tooltip-title":"magritte-tooltip-title___s-ekd_10-0-1","tooltipTitle":"magritte-tooltip-title___s-ekd_10-0-1","tooltip-close":"magritte-tooltip-close___B1qWh_10-0-1","tooltipClose":"magritte-tooltip-close___B1qWh_10-0-1","tooltip-enter":"magritte-tooltip-enter___cnped_10-0-1","tooltipEnter":"magritte-tooltip-enter___cnped_10-0-1","css-variables-element":"magritte-css-variables-element___yRnOI_10-0-1","cssVariablesElement":"magritte-css-variables-element___yRnOI_10-0-1","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_10-0-1","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_10-0-1","tooltip-exit":"magritte-tooltip-exit___IXkNp_10-0-1","tooltipExit":"magritte-tooltip-exit___IXkNp_10-0-1","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_10-0-1","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_10-0-1","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_10-0-1","tooltipButtons":"magritte-tooltip-buttons___kNN5e_10-0-1","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_10-0-1","tooltipArrow":"magritte-tooltip-arrow___7OOYT_10-0-1"};
15
15
 
16
16
  const CSS_CLASSES = {
17
17
  enter: styles.tooltipEnter,
package/index.css CHANGED
@@ -1,47 +1,52 @@
1
1
  :root{
2
- --magritte-color-component-tooltip-background-content-v22-0-0:#000000;
3
- --magritte-color-component-tooltip-text-content-v22-0-0:#ffffff;
4
- --magritte-color-component-tooltip-stroke-content-v22-0-0:#3B3B3B;
2
+ --magritte-color-component-tooltip-background-content-v22-1-0:#000000;
3
+ --magritte-color-component-tooltip-text-content-v22-1-0:#ffffff;
4
+ --magritte-color-component-tooltip-stroke-content-v22-1-0:#3B3B3B;
5
5
  }
6
6
  :root{
7
- --magritte-semantic-animation-ease-in-out-200-timing-function-v22-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
8
- --magritte-semantic-animation-ease-in-out-200-duration-v22-0-0:200ms;
9
- --magritte-static-border-radius-300-v22-0-0:12px;
10
- --magritte-static-border-radius-400-v22-0-0:16px;
11
- --magritte-static-border-radius-600-v22-0-0:24px;
7
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
8
+ --magritte-semantic-animation-ease-in-out-200-duration-v22-1-0:200ms;
9
+ --magritte-static-border-radius-300-v22-1-0:12px;
10
+ --magritte-static-border-radius-400-v22-1-0:16px;
11
+ --magritte-static-border-radius-600-v22-1-0:24px;
12
12
  }
13
13
  .magritte-night-theme{
14
- --magritte-color-component-tooltip-background-content-v22-0-0:#000000;
15
- --magritte-color-component-tooltip-text-content-v22-0-0:#ffffff;
16
- --magritte-color-component-tooltip-stroke-content-v22-0-0:#3B3B3B;
17
- }
18
- .magritte-medium-tooltip-with-buttons-params___krjlq_9-3-17{
19
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
20
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v22-0-0) + 28px / 2 - 12px / 2 - 1px);
21
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v22-0-0);
14
+ --magritte-color-component-tooltip-background-content-v22-1-0:#000000;
15
+ --magritte-color-component-tooltip-text-content-v22-1-0:#ffffff;
16
+ --magritte-color-component-tooltip-stroke-content-v22-1-0:#3B3B3B;
17
+ }
18
+ .magritte-zp-day-theme{
19
+ --magritte-color-component-tooltip-background-content-v22-1-0:#000000;
20
+ --magritte-color-component-tooltip-text-content-v22-1-0:#ffffff;
21
+ --magritte-color-component-tooltip-stroke-content-v22-1-0:#3B3B3B;
22
+ }
23
+ .magritte-medium-tooltip-with-buttons-params___krjlq_10-0-1{
24
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
25
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v22-1-0) + 28px / 2 - 12px / 2 - 1px);
26
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v22-1-0);
22
27
  --magritte-tooltip-arrow-width:28px;
23
28
  --magritte-tooltip-arrow-height:12px;
24
29
  }
25
- .magritte-medium-tooltip-params___2qZnY_9-3-17{
26
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
27
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v22-0-0) + 28px / 2 - 12px / 2 - 1px);
28
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v22-0-0);
30
+ .magritte-medium-tooltip-params___2qZnY_10-0-1{
31
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
32
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v22-1-0) + 28px / 2 - 12px / 2 - 1px);
33
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v22-1-0);
29
34
  --magritte-tooltip-arrow-width:28px;
30
35
  --magritte-tooltip-arrow-height:12px;
31
36
  }
32
- .magritte-small-tooltip-params___N8y51_9-3-17{
33
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
34
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v22-0-0) + 18px / 2 - 12px / 2 - 1px);
35
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v22-0-0);
37
+ .magritte-small-tooltip-params___N8y51_10-0-1{
38
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
39
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v22-1-0) + 18px / 2 - 12px / 2 - 1px);
40
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v22-1-0);
36
41
  --magritte-tooltip-arrow-width:18px;
37
42
  --magritte-tooltip-arrow-height:12px;
38
43
  }
39
- .magritte-tooltip___Hxyh2_9-3-17{
44
+ .magritte-tooltip___Hxyh2_10-0-1{
40
45
  position:relative;
41
46
  padding:16px;
42
- background:var(--magritte-color-component-tooltip-background-content-v22-0-0);
47
+ background:var(--magritte-color-component-tooltip-background-content-v22-1-0);
43
48
  border-radius:var(--magritte-tooltip-border-radius);
44
- border:1px solid var(--magritte-color-component-tooltip-stroke-content-v22-0-0);
49
+ border:1px solid var(--magritte-color-component-tooltip-stroke-content-v22-1-0);
45
50
  box-sizing:border-box;
46
51
  word-wrap:break-word;
47
52
  min-height:60px;
@@ -50,130 +55,130 @@
50
55
  word-spacing:normal;
51
56
  direction:ltr;
52
57
  text-decoration:none;
53
- --magritte-ui-text-color-override:var(--magritte-color-component-tooltip-text-content-v22-0-0);
54
- --magritte-ui-tooltip-arrow-fill:var(--magritte-color-component-tooltip-background-content-v22-0-0);
55
- --magritte-ui-tooltip-arrow-stroke:var(--magritte-color-component-tooltip-stroke-content-v22-0-0);
56
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
57
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v22-0-0) + 28px / 2 - 12px / 2 - 1px);
58
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v22-0-0);
58
+ --magritte-ui-text-color-override:var(--magritte-color-component-tooltip-text-content-v22-1-0);
59
+ --magritte-ui-tooltip-arrow-fill:var(--magritte-color-component-tooltip-background-content-v22-1-0);
60
+ --magritte-ui-tooltip-arrow-stroke:var(--magritte-color-component-tooltip-stroke-content-v22-1-0);
61
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
62
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v22-1-0) + 28px / 2 - 12px / 2 - 1px);
63
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v22-1-0);
59
64
  --magritte-tooltip-arrow-width:28px;
60
65
  --magritte-tooltip-arrow-height:12px;
61
66
  }
62
- .magritte-tooltip-with-buttons___pQzdt_9-3-17{
67
+ .magritte-tooltip-with-buttons___pQzdt_10-0-1{
63
68
  padding:24px 24px 12px;
64
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
65
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v22-0-0) + 28px / 2 - 12px / 2 - 1px);
66
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v22-0-0);
69
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
70
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v22-1-0) + 28px / 2 - 12px / 2 - 1px);
71
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v22-1-0);
67
72
  --magritte-tooltip-arrow-width:28px;
68
73
  --magritte-tooltip-arrow-height:12px;
69
74
  }
70
- .magritte-tooltip-with-close___2iNPt_9-3-17{
75
+ .magritte-tooltip-with-close___2iNPt_10-0-1{
71
76
  padding-right:56px;
72
77
  }
73
- .magritte-tooltip-small___W1eTg_9-3-17{
78
+ .magritte-tooltip-small___W1eTg_10-0-1{
74
79
  padding:8px 12px;
75
80
  min-height:0;
76
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
77
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v22-0-0) + 18px / 2 - 12px / 2 - 1px);
78
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v22-0-0);
81
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
82
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v22-1-0) + 18px / 2 - 12px / 2 - 1px);
83
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v22-1-0);
79
84
  --magritte-tooltip-arrow-width:18px;
80
85
  --magritte-tooltip-arrow-height:12px;
81
86
  }
82
- .magritte-tooltip-title___s-ekd_9-3-17{
87
+ .magritte-tooltip-title___s-ekd_10-0-1{
83
88
  margin-bottom:4px;
84
89
  }
85
- .magritte-tooltip-close___B1qWh_9-3-17{
90
+ .magritte-tooltip-close___B1qWh_10-0-1{
86
91
  position:absolute;
87
92
  right:9px;
88
93
  top:9px;
89
94
  }
90
- .magritte-tooltip-with-buttons___pQzdt_9-3-17 .magritte-tooltip-close___B1qWh_9-3-17{
95
+ .magritte-tooltip-with-buttons___pQzdt_10-0-1 .magritte-tooltip-close___B1qWh_10-0-1{
91
96
  right:15px;
92
97
  top:15px;
93
98
  }
94
99
  @media (prefers-reduced-motion: no-preference){
95
- .magritte-tooltip-enter___cnped_9-3-17 .magritte-tooltip___Hxyh2_9-3-17{
100
+ .magritte-tooltip-enter___cnped_10-0-1 .magritte-tooltip___Hxyh2_10-0-1{
96
101
  opacity:0;
97
102
  }
98
- .magritte-css-variables-element___yRnOI_9-3-17,
99
- .magritte-tooltip-enter-active___M8qsm_9-3-17 .magritte-tooltip___Hxyh2_9-3-17{
103
+ .magritte-css-variables-element___yRnOI_10-0-1,
104
+ .magritte-tooltip-enter-active___M8qsm_10-0-1 .magritte-tooltip___Hxyh2_10-0-1{
100
105
  opacity:1;
101
106
  transition-property:opacity, transform;
102
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
103
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-0-0);
107
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
108
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0);
104
109
  }
105
- .magritte-tooltip-exit___IXkNp_9-3-17 .magritte-tooltip___Hxyh2_9-3-17{
110
+ .magritte-tooltip-exit___IXkNp_10-0-1 .magritte-tooltip___Hxyh2_10-0-1{
106
111
  opacity:1;
107
112
  }
108
- .magritte-tooltip-exit-active___QllYr_9-3-17 .magritte-tooltip___Hxyh2_9-3-17{
113
+ .magritte-tooltip-exit-active___QllYr_10-0-1 .magritte-tooltip___Hxyh2_10-0-1{
109
114
  opacity:0;
110
115
  transition-property:opacity, transform;
111
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-0-0);
112
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-0-0);
116
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
117
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0);
113
118
  }
114
- .magritte-tooltip-exit-active___QllYr_9-3-17[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-17,
115
- .magritte-tooltip-enter___cnped_9-3-17[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-17{
119
+ .magritte-tooltip-exit-active___QllYr_10-0-1[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_10-0-1,
120
+ .magritte-tooltip-enter___cnped_10-0-1[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_10-0-1{
116
121
  transform:translateY(4px);
117
122
  }
118
- .magritte-tooltip-exit-active___QllYr_9-3-17[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-17,
119
- .magritte-tooltip-enter___cnped_9-3-17[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-17{
123
+ .magritte-tooltip-exit-active___QllYr_10-0-1[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_10-0-1,
124
+ .magritte-tooltip-enter___cnped_10-0-1[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_10-0-1{
120
125
  transform:translateY(-4px);
121
126
  }
122
- .magritte-tooltip-exit-active___QllYr_9-3-17[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-17,
123
- .magritte-tooltip-enter___cnped_9-3-17[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-17{
127
+ .magritte-tooltip-exit-active___QllYr_10-0-1[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_10-0-1,
128
+ .magritte-tooltip-enter___cnped_10-0-1[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_10-0-1{
124
129
  transform:translateX(-4px);
125
130
  }
126
- .magritte-tooltip-exit-active___QllYr_9-3-17[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-17,
127
- .magritte-tooltip-enter___cnped_9-3-17[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-17{
131
+ .magritte-tooltip-exit-active___QllYr_10-0-1[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_10-0-1,
132
+ .magritte-tooltip-enter___cnped_10-0-1[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_10-0-1{
128
133
  transform:translateX(4px);
129
134
  }
130
- .magritte-tooltip-enter-active___M8qsm_9-3-17[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_9-3-17{
135
+ .magritte-tooltip-enter-active___M8qsm_10-0-1[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_10-0-1{
131
136
  transform:translate(0, 0);
132
137
  }
133
138
  }
134
- .magritte-tooltip-buttons___kNN5e_9-3-17{
139
+ .magritte-tooltip-buttons___kNN5e_10-0-1{
135
140
  display:flex;
136
141
  gap:12px;
137
142
  margin:24px -12px 0;
138
143
  }
139
- .magritte-tooltip-with-close___2iNPt_9-3-17 .magritte-tooltip-buttons___kNN5e_9-3-17{
144
+ .magritte-tooltip-with-close___2iNPt_10-0-1 .magritte-tooltip-buttons___kNN5e_10-0-1{
140
145
  margin-right:-44px;
141
146
  }
142
- .magritte-tooltip-arrow___7OOYT_9-3-17{
147
+ .magritte-tooltip-arrow___7OOYT_10-0-1{
143
148
  position:absolute;
144
149
  }
145
- [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_9-3-17{
150
+ [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_10-0-1{
146
151
  top:calc(var(--magritte-tooltip-arrow-height) * -1);
147
152
  }
148
- [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_9-3-17{
153
+ [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_10-0-1{
149
154
  bottom:calc(var(--magritte-tooltip-arrow-height) * -1);
150
155
  transform:rotate(180deg);
151
156
  }
152
- [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_9-3-17{
157
+ [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_10-0-1{
153
158
  left:var(--magritte-tooltip-border-radius);
154
159
  }
155
- [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-17,
156
- [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-17{
160
+ [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_10-0-1,
161
+ [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_10-0-1{
157
162
  left:calc(50% - var(--magritte-tooltip-arrow-width) / 2);
158
163
  }
159
- [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_9-3-17{
164
+ [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_10-0-1{
160
165
  right:var(--magritte-tooltip-border-radius);
161
166
  }
162
- [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_9-3-17{
167
+ [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_10-0-1{
163
168
  right:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
164
169
  transform:rotate(90deg);
165
170
  }
166
- [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_9-3-17{
171
+ [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_10-0-1{
167
172
  left:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
168
173
  transform:rotate(-90deg);
169
174
  }
170
- [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_9-3-17{
175
+ [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_10-0-1{
171
176
  top:var(--magritte-tooltip-arrow-vertical-gap);
172
177
  }
173
- [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-17,
174
- [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-17{
178
+ [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_10-0-1,
179
+ [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_10-0-1{
175
180
  top:calc(50% - var(--magritte-tooltip-arrow-height) / 2);
176
181
  }
177
- [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_9-3-17{
182
+ [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_10-0-1{
178
183
  bottom:var(--magritte-tooltip-arrow-vertical-gap);
179
184
  }
package/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export * from '@hh.ru/magritte-ui-tooltip/TooltipHover';
2
2
  export * from '@hh.ru/magritte-ui-tooltip/Tooltip';
3
3
  export * from '@hh.ru/magritte-ui-tooltip/types';
4
- export * from '@hh.ru/magritte-ui-theme-provider';
package/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import './index.css';
2
2
  export { TooltipHover } from './TooltipHover.js';
3
3
  export { Tooltip } from './Tooltip.js';
4
- export * from '@hh.ru/magritte-ui-theme-provider';
5
4
  import 'react/jsx-runtime';
6
5
  import 'react';
7
6
  import '@hh.ru/magritte-common-use-multiple-refs';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
package/index.mock.d.ts CHANGED
@@ -1,6 +1,4 @@
1
1
  import { ForwardRefExoticComponent } from 'react';
2
2
  export * from '@hh.ru/magritte-ui-tooltip/types';
3
- declare const ThemeProvider: any;
4
- export { ThemeProvider };
5
3
  export declare const Tooltip: ForwardRefExoticComponent<Record<string, unknown>>;
6
4
  export declare const TooltipHover: ForwardRefExoticComponent<Record<string, unknown>>;
package/index.mock.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import './index.css';
2
2
  import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
3
3
 
4
- // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
5
- const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
6
4
  const Tooltip = mockComponent('Tooltip', undefined, {
7
5
  withChildren: true,
8
6
  });
@@ -10,5 +8,5 @@ const TooltipHover = mockComponent('TooltipHover', undefined, {
10
8
  withChildren: true,
11
9
  });
12
10
 
13
- export { ThemeProvider, Tooltip, TooltipHover };
11
+ export { Tooltip, TooltipHover };
14
12
  //# sourceMappingURL=index.mock.js.map
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-tooltip/types';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport const Tooltip: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Tooltip', undefined, {\n withChildren: true,\n});\n\nexport const TooltipHover: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'TooltipHover',\n undefined,\n {\n withChildren: true,\n }\n);\n"],"names":[],"mappings":";;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;MAI3E,OAAO,GAAuD,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3G,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-tooltip/types';\n\nexport const Tooltip: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Tooltip', undefined, {\n withChildren: true,\n});\n\nexport const TooltipHover: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'TooltipHover',\n undefined,\n {\n withChildren: true,\n }\n);\n"],"names":[],"mappings":";;MAMa,OAAO,GAAuD,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3G,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tooltip",
3
- "version": "9.3.17",
3
+ "version": "10.0.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,16 +20,15 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
23
- "@hh.ru/magritte-design-tokens": "22.0.0",
23
+ "@hh.ru/magritte-design-tokens": "22.1.0",
24
24
  "@hh.ru/magritte-internal-drop-base": "7.0.18",
25
25
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
26
- "@hh.ru/magritte-ui-breakpoint": "5.0.3",
27
- "@hh.ru/magritte-ui-button": "5.4.3",
28
- "@hh.ru/magritte-ui-icon": "11.1.0",
26
+ "@hh.ru/magritte-ui-breakpoint": "6.0.0",
27
+ "@hh.ru/magritte-ui-button": "6.0.1",
28
+ "@hh.ru/magritte-ui-icon": "12.0.0",
29
29
  "@hh.ru/magritte-ui-layer": "3.0.2",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.4",
31
- "@hh.ru/magritte-ui-theme-provider": "1.1.51",
32
- "@hh.ru/magritte-ui-typography": "3.0.47"
31
+ "@hh.ru/magritte-ui-typography": "4.0.0"
33
32
  },
34
33
  "peerDependencies": {
35
34
  "classnames": ">=2.3.2",
@@ -38,5 +37,5 @@
38
37
  "publishConfig": {
39
38
  "access": "public"
40
39
  },
41
- "gitHead": "5b83b8f36a1aa79857e35ef038d9d32abef39be0"
40
+ "gitHead": "3683d6878ef11d2912f1bcda4bd1112735fb0493"
42
41
  }