@hh.ru/magritte-ui-tooltip 9.3.0 → 9.3.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.
Files changed (3) hide show
  1. package/Tooltip.js +1 -1
  2. package/index.css +36 -36
  3. package/package.json +4 -4
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-3-0","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_9-3-0","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_9-3-0","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_9-3-0","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_9-3-0","tooltip-small":"magritte-tooltip-small___W1eTg_9-3-0","tooltipSmall":"magritte-tooltip-small___W1eTg_9-3-0","tooltip-title":"magritte-tooltip-title___s-ekd_9-3-0","tooltipTitle":"magritte-tooltip-title___s-ekd_9-3-0","tooltip-close":"magritte-tooltip-close___B1qWh_9-3-0","tooltipClose":"magritte-tooltip-close___B1qWh_9-3-0","tooltip-enter":"magritte-tooltip-enter___cnped_9-3-0","tooltipEnter":"magritte-tooltip-enter___cnped_9-3-0","css-variables-element":"magritte-css-variables-element___yRnOI_9-3-0","cssVariablesElement":"magritte-css-variables-element___yRnOI_9-3-0","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_9-3-0","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_9-3-0","tooltip-exit":"magritte-tooltip-exit___IXkNp_9-3-0","tooltipExit":"magritte-tooltip-exit___IXkNp_9-3-0","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_9-3-0","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_9-3-0","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_9-3-0","tooltipButtons":"magritte-tooltip-buttons___kNN5e_9-3-0","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_9-3-0","tooltipArrow":"magritte-tooltip-arrow___7OOYT_9-3-0"};
14
+ var styles = {"tooltip":"magritte-tooltip___Hxyh2_9-3-1","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_9-3-1","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_9-3-1","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_9-3-1","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_9-3-1","tooltip-small":"magritte-tooltip-small___W1eTg_9-3-1","tooltipSmall":"magritte-tooltip-small___W1eTg_9-3-1","tooltip-title":"magritte-tooltip-title___s-ekd_9-3-1","tooltipTitle":"magritte-tooltip-title___s-ekd_9-3-1","tooltip-close":"magritte-tooltip-close___B1qWh_9-3-1","tooltipClose":"magritte-tooltip-close___B1qWh_9-3-1","tooltip-enter":"magritte-tooltip-enter___cnped_9-3-1","tooltipEnter":"magritte-tooltip-enter___cnped_9-3-1","css-variables-element":"magritte-css-variables-element___yRnOI_9-3-1","cssVariablesElement":"magritte-css-variables-element___yRnOI_9-3-1","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_9-3-1","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_9-3-1","tooltip-exit":"magritte-tooltip-exit___IXkNp_9-3-1","tooltipExit":"magritte-tooltip-exit___IXkNp_9-3-1","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_9-3-1","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_9-3-1","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_9-3-1","tooltipButtons":"magritte-tooltip-buttons___kNN5e_9-3-1","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_9-3-1","tooltipArrow":"magritte-tooltip-arrow___7OOYT_9-3-1"};
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-5:#ffffff;
16
16
  --magritte-color-component-tooltip-stroke-content-v21-4-5:#3B3B3B;
17
17
  }
18
- .magritte-tooltip___Hxyh2_9-3-0{
18
+ .magritte-tooltip___Hxyh2_9-3-1{
19
19
  position:relative;
20
20
  padding:16px;
21
21
  background:var(--magritte-color-component-tooltip-background-content-v21-4-5);
@@ -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-3-0{
35
+ .magritte-tooltip-with-buttons___pQzdt_9-3-1{
36
36
  padding:24px 24px 12px;
37
37
  --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v21-4-5) + 28px / 2 - 12px / 2 - 1px);
38
38
  --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v21-4-5);
39
39
  --magritte-tooltip-arrow-width:28px;
40
40
  --magritte-tooltip-arrow-height:12px;
41
41
  }
42
- .magritte-tooltip-with-close___2iNPt_9-3-0{
42
+ .magritte-tooltip-with-close___2iNPt_9-3-1{
43
43
  padding-right:56px;
44
44
  }
45
- .magritte-tooltip-small___W1eTg_9-3-0{
45
+ .magritte-tooltip-small___W1eTg_9-3-1{
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-5) + 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-3-0{
53
+ .magritte-tooltip-title___s-ekd_9-3-1{
54
54
  margin-bottom:4px;
55
55
  }
56
- .magritte-tooltip-close___B1qWh_9-3-0{
56
+ .magritte-tooltip-close___B1qWh_9-3-1{
57
57
  position:absolute;
58
58
  right:9px;
59
59
  top:9px;
60
60
  }
61
- .magritte-tooltip-with-buttons___pQzdt_9-3-0 .magritte-tooltip-close___B1qWh_9-3-0{
61
+ .magritte-tooltip-with-buttons___pQzdt_9-3-1 .magritte-tooltip-close___B1qWh_9-3-1{
62
62
  right:15px;
63
63
  top:15px;
64
64
  }
65
65
  @media (prefers-reduced-motion: no-preference){
66
- .magritte-tooltip-enter___cnped_9-3-0 .magritte-tooltip___Hxyh2_9-3-0{
66
+ .magritte-tooltip-enter___cnped_9-3-1 .magritte-tooltip___Hxyh2_9-3-1{
67
67
  opacity:0;
68
68
  }
69
- .magritte-css-variables-element___yRnOI_9-3-0,
70
- .magritte-tooltip-enter-active___M8qsm_9-3-0 .magritte-tooltip___Hxyh2_9-3-0{
69
+ .magritte-css-variables-element___yRnOI_9-3-1,
70
+ .magritte-tooltip-enter-active___M8qsm_9-3-1 .magritte-tooltip___Hxyh2_9-3-1{
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-5);
74
74
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-5);
75
75
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-5);
76
76
  }
77
- .magritte-tooltip-exit___IXkNp_9-3-0 .magritte-tooltip___Hxyh2_9-3-0{
77
+ .magritte-tooltip-exit___IXkNp_9-3-1 .magritte-tooltip___Hxyh2_9-3-1{
78
78
  opacity:1;
79
79
  }
80
- .magritte-tooltip-exit-active___QllYr_9-3-0 .magritte-tooltip___Hxyh2_9-3-0{
80
+ .magritte-tooltip-exit-active___QllYr_9-3-1 .magritte-tooltip___Hxyh2_9-3-1{
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-5);
84
84
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-5);
85
85
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-4-5);
86
86
  }
87
- .magritte-tooltip-exit-active___QllYr_9-3-0[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-0,
88
- .magritte-tooltip-enter___cnped_9-3-0[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-0{
87
+ .magritte-tooltip-exit-active___QllYr_9-3-1[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-1,
88
+ .magritte-tooltip-enter___cnped_9-3-1[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_9-3-1{
89
89
  transform:translateY(4px);
90
90
  }
91
- .magritte-tooltip-exit-active___QllYr_9-3-0[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-0,
92
- .magritte-tooltip-enter___cnped_9-3-0[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-0{
91
+ .magritte-tooltip-exit-active___QllYr_9-3-1[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-1,
92
+ .magritte-tooltip-enter___cnped_9-3-1[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_9-3-1{
93
93
  transform:translateY(-4px);
94
94
  }
95
- .magritte-tooltip-exit-active___QllYr_9-3-0[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-0,
96
- .magritte-tooltip-enter___cnped_9-3-0[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-0{
95
+ .magritte-tooltip-exit-active___QllYr_9-3-1[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-1,
96
+ .magritte-tooltip-enter___cnped_9-3-1[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_9-3-1{
97
97
  transform:translateX(-4px);
98
98
  }
99
- .magritte-tooltip-exit-active___QllYr_9-3-0[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-0,
100
- .magritte-tooltip-enter___cnped_9-3-0[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-0{
99
+ .magritte-tooltip-exit-active___QllYr_9-3-1[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-1,
100
+ .magritte-tooltip-enter___cnped_9-3-1[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_9-3-1{
101
101
  transform:translateX(4px);
102
102
  }
103
- .magritte-tooltip-enter-active___M8qsm_9-3-0[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_9-3-0{
103
+ .magritte-tooltip-enter-active___M8qsm_9-3-1[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_9-3-1{
104
104
  transform:translate(0, 0);
105
105
  }
106
106
  }
107
- .magritte-tooltip-buttons___kNN5e_9-3-0{
107
+ .magritte-tooltip-buttons___kNN5e_9-3-1{
108
108
  display:flex;
109
109
  gap:12px;
110
110
  margin:24px -12px 0;
111
111
  }
112
- .magritte-tooltip-with-close___2iNPt_9-3-0 .magritte-tooltip-buttons___kNN5e_9-3-0{
112
+ .magritte-tooltip-with-close___2iNPt_9-3-1 .magritte-tooltip-buttons___kNN5e_9-3-1{
113
113
  margin-right:-44px;
114
114
  }
115
- .magritte-tooltip-arrow___7OOYT_9-3-0{
115
+ .magritte-tooltip-arrow___7OOYT_9-3-1{
116
116
  position:absolute;
117
117
  }
118
- [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_9-3-0{
118
+ [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_9-3-1{
119
119
  top:calc(var(--magritte-tooltip-arrow-height) * -1);
120
120
  }
121
- [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_9-3-0{
121
+ [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0{
125
+ [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0,
129
- [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-0{
128
+ [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-1,
129
+ [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0{
132
+ [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_9-3-1{
133
133
  right:var(--magritte-tooltip-border-radius);
134
134
  }
135
- [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_9-3-0{
135
+ [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0{
139
+ [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0{
143
+ [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0,
147
- [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-0{
146
+ [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-1,
147
+ [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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-3-0{
150
+ [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_9-3-1{
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.3.0",
3
+ "version": "9.3.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,8 +24,8 @@
24
24
  "@hh.ru/magritte-internal-drop-base": "7.0.16",
25
25
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
26
26
  "@hh.ru/magritte-ui-breakpoint": "5.0.2",
27
- "@hh.ru/magritte-ui-button": "5.3.6",
28
- "@hh.ru/magritte-ui-icon": "11.0.3",
27
+ "@hh.ru/magritte-ui-button": "5.3.7",
28
+ "@hh.ru/magritte-ui-icon": "11.0.4",
29
29
  "@hh.ru/magritte-ui-layer": "3.0.2",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.2",
31
31
  "@hh.ru/magritte-ui-theme-provider": "1.1.47",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "60f0a536801fd876b2fee6b71e9f4c4d51e7d8f9"
41
+ "gitHead": "f9dfca47951bc523b16f5e48d28f77c37f8d30f9"
42
42
  }