@hh.ru/magritte-ui-tooltip 6.1.9 → 6.1.10

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/TooltipBase.js +1 -1
  2. package/index.css +39 -39
  3. package/package.json +4 -4
package/TooltipBase.js CHANGED
@@ -13,7 +13,7 @@ import { TooltipArrow } from './TooltipArrow.js';
13
13
  import { Text } from '@hh.ru/magritte-ui-typography';
14
14
  import { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';
15
15
 
16
- var styles = {"tooltip":"magritte-tooltip___Hxyh2_6-1-9","tooltip-with-action":"magritte-tooltip-with-action___aYbOD_6-1-9","tooltipWithAction":"magritte-tooltip-with-action___aYbOD_6-1-9","tooltip-title":"magritte-tooltip-title___s-ekd_6-1-9","tooltipTitle":"magritte-tooltip-title___s-ekd_6-1-9","tooltip-close":"magritte-tooltip-close___B1qWh_6-1-9","tooltipClose":"magritte-tooltip-close___B1qWh_6-1-9","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_6-1-9","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_6-1-9","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_6-1-9","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_6-1-9","css-variables-element":"magritte-css-variables-element___yRnOI_6-1-9","cssVariablesElement":"magritte-css-variables-element___yRnOI_6-1-9","tooltip-enter-done":"magritte-tooltip-enter-done___ceiob_6-1-9","tooltipEnterDone":"magritte-tooltip-enter-done___ceiob_6-1-9","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_6-1-9","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_6-1-9","tooltip-direction-bottom":"magritte-tooltip-direction-bottom___Z-QlF_6-1-9","tooltipDirectionBottom":"magritte-tooltip-direction-bottom___Z-QlF_6-1-9","tooltip-direction-top":"magritte-tooltip-direction-top___7D3L-_6-1-9","tooltipDirectionTop":"magritte-tooltip-direction-top___7D3L-_6-1-9","tooltip-direction-left":"magritte-tooltip-direction-left___-gcHH_6-1-9","tooltipDirectionLeft":"magritte-tooltip-direction-left___-gcHH_6-1-9","tooltip-direction-right":"magritte-tooltip-direction-right___KgFDu_6-1-9","tooltipDirectionRight":"magritte-tooltip-direction-right___KgFDu_6-1-9","tooltip-actions":"magritte-tooltip-actions___gN8ad_6-1-9","tooltipActions":"magritte-tooltip-actions___gN8ad_6-1-9","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_6-1-9","tooltipArrow":"magritte-tooltip-arrow___7OOYT_6-1-9","tooltip-alignment-left":"magritte-tooltip-alignment-left___BQPgG_6-1-9","tooltipAlignmentLeft":"magritte-tooltip-alignment-left___BQPgG_6-1-9","tooltip-alignment-center":"magritte-tooltip-alignment-center___FuX8d_6-1-9","tooltipAlignmentCenter":"magritte-tooltip-alignment-center___FuX8d_6-1-9","tooltip-alignment-right":"magritte-tooltip-alignment-right___bzmhg_6-1-9","tooltipAlignmentRight":"magritte-tooltip-alignment-right___bzmhg_6-1-9","tooltip-alignment-top":"magritte-tooltip-alignment-top___qLAji_6-1-9","tooltipAlignmentTop":"magritte-tooltip-alignment-top___qLAji_6-1-9","tooltip-alignment-bottom":"magritte-tooltip-alignment-bottom___v2JlH_6-1-9","tooltipAlignmentBottom":"magritte-tooltip-alignment-bottom___v2JlH_6-1-9"};
16
+ var styles = {"tooltip":"magritte-tooltip___Hxyh2_6-1-10","tooltip-with-action":"magritte-tooltip-with-action___aYbOD_6-1-10","tooltipWithAction":"magritte-tooltip-with-action___aYbOD_6-1-10","tooltip-title":"magritte-tooltip-title___s-ekd_6-1-10","tooltipTitle":"magritte-tooltip-title___s-ekd_6-1-10","tooltip-close":"magritte-tooltip-close___B1qWh_6-1-10","tooltipClose":"magritte-tooltip-close___B1qWh_6-1-10","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_6-1-10","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_6-1-10","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_6-1-10","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_6-1-10","css-variables-element":"magritte-css-variables-element___yRnOI_6-1-10","cssVariablesElement":"magritte-css-variables-element___yRnOI_6-1-10","tooltip-enter-done":"magritte-tooltip-enter-done___ceiob_6-1-10","tooltipEnterDone":"magritte-tooltip-enter-done___ceiob_6-1-10","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_6-1-10","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_6-1-10","tooltip-direction-bottom":"magritte-tooltip-direction-bottom___Z-QlF_6-1-10","tooltipDirectionBottom":"magritte-tooltip-direction-bottom___Z-QlF_6-1-10","tooltip-direction-top":"magritte-tooltip-direction-top___7D3L-_6-1-10","tooltipDirectionTop":"magritte-tooltip-direction-top___7D3L-_6-1-10","tooltip-direction-left":"magritte-tooltip-direction-left___-gcHH_6-1-10","tooltipDirectionLeft":"magritte-tooltip-direction-left___-gcHH_6-1-10","tooltip-direction-right":"magritte-tooltip-direction-right___KgFDu_6-1-10","tooltipDirectionRight":"magritte-tooltip-direction-right___KgFDu_6-1-10","tooltip-actions":"magritte-tooltip-actions___gN8ad_6-1-10","tooltipActions":"magritte-tooltip-actions___gN8ad_6-1-10","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_6-1-10","tooltipArrow":"magritte-tooltip-arrow___7OOYT_6-1-10","tooltip-alignment-left":"magritte-tooltip-alignment-left___BQPgG_6-1-10","tooltipAlignmentLeft":"magritte-tooltip-alignment-left___BQPgG_6-1-10","tooltip-alignment-center":"magritte-tooltip-alignment-center___FuX8d_6-1-10","tooltipAlignmentCenter":"magritte-tooltip-alignment-center___FuX8d_6-1-10","tooltip-alignment-right":"magritte-tooltip-alignment-right___bzmhg_6-1-10","tooltipAlignmentRight":"magritte-tooltip-alignment-right___bzmhg_6-1-10","tooltip-alignment-top":"magritte-tooltip-alignment-top___qLAji_6-1-10","tooltipAlignmentTop":"magritte-tooltip-alignment-top___qLAji_6-1-10","tooltip-alignment-bottom":"magritte-tooltip-alignment-bottom___v2JlH_6-1-10","tooltipAlignmentBottom":"magritte-tooltip-alignment-bottom___v2JlH_6-1-10"};
17
17
 
18
18
  const CSS_CLASSES = {
19
19
  enterActive: styles.tooltipEnterActive,
package/index.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --magritte-color-component-tooltip-text-content-v18-2-1:#ffffff;
15
15
  --magritte-color-component-tooltip-stroke-content-v18-2-1:#3B3B3B;
16
16
  }
17
- .magritte-tooltip___Hxyh2_6-1-9{
17
+ .magritte-tooltip___Hxyh2_6-1-10{
18
18
  position:relative;
19
19
  padding:16px;
20
20
  border-radius:var(--magritte-static-border-radius-400-v18-2-1);
@@ -27,129 +27,129 @@
27
27
  --magritte-ui-tooltip-arrow-fill:var(--magritte-color-component-tooltip-background-content-v18-2-1);
28
28
  --magritte-ui-tooltip-arrow-stroke:var(--magritte-color-component-tooltip-stroke-content-v18-2-1);
29
29
  }
30
- .magritte-tooltip-with-action___aYbOD_6-1-9{
30
+ .magritte-tooltip-with-action___aYbOD_6-1-10{
31
31
  border-bottom-left-radius:var(--magritte-static-border-radius-600-v18-2-1);
32
32
  border-bottom-right-radius:var(--magritte-static-border-radius-600-v18-2-1);
33
33
  }
34
- .magritte-tooltip-title___s-ekd_6-1-9{
34
+ .magritte-tooltip-title___s-ekd_6-1-10{
35
35
  margin-bottom:4px;
36
36
  }
37
- .magritte-tooltip-close___B1qWh_6-1-9{
37
+ .magritte-tooltip-close___B1qWh_6-1-10{
38
38
  position:absolute;
39
39
  right:9px;
40
40
  top:9px;
41
41
  }
42
- .magritte-tooltip-with-close___2iNPt_6-1-9{
42
+ .magritte-tooltip-with-close___2iNPt_6-1-10{
43
43
  padding-right:40px;
44
44
  }
45
45
  @media (prefers-reduced-motion: no-preference){
46
- .magritte-tooltip-enter-active___M8qsm_6-1-9 .magritte-tooltip___Hxyh2_6-1-9{
46
+ .magritte-tooltip-enter-active___M8qsm_6-1-10 .magritte-tooltip___Hxyh2_6-1-10{
47
47
  opacity:0;
48
48
  }
49
- .magritte-css-variables-element___yRnOI_6-1-9,
50
- .magritte-tooltip-enter-done___ceiob_6-1-9 .magritte-tooltip___Hxyh2_6-1-9{
49
+ .magritte-css-variables-element___yRnOI_6-1-10,
50
+ .magritte-tooltip-enter-done___ceiob_6-1-10 .magritte-tooltip___Hxyh2_6-1-10{
51
51
  opacity:1;
52
52
  transition:all var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
53
53
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
54
54
  }
55
- .magritte-tooltip-exit-active___QllYr_6-1-9 .magritte-tooltip___Hxyh2_6-1-9{
55
+ .magritte-tooltip-exit-active___QllYr_6-1-10 .magritte-tooltip___Hxyh2_6-1-10{
56
56
  opacity:0;
57
57
  transition:all var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
58
58
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
59
59
  }
60
- .magritte-tooltip-exit-active___QllYr_6-1-9 .magritte-tooltip-direction-bottom___Z-QlF_6-1-9{
60
+ .magritte-tooltip-exit-active___QllYr_6-1-10 .magritte-tooltip-direction-bottom___Z-QlF_6-1-10{
61
61
  transform:translateY(4px);
62
62
  }
63
- .magritte-tooltip-enter-active___M8qsm_6-1-9 .magritte-tooltip-direction-bottom___Z-QlF_6-1-9{
63
+ .magritte-tooltip-enter-active___M8qsm_6-1-10 .magritte-tooltip-direction-bottom___Z-QlF_6-1-10{
64
64
  transform:translateY(4px);
65
65
  }
66
- .magritte-tooltip-enter-done___ceiob_6-1-9 .magritte-tooltip-direction-bottom___Z-QlF_6-1-9{
66
+ .magritte-tooltip-enter-done___ceiob_6-1-10 .magritte-tooltip-direction-bottom___Z-QlF_6-1-10{
67
67
  transform:translateY(0%);
68
68
  }
69
- .magritte-tooltip-exit-active___QllYr_6-1-9 .magritte-tooltip-direction-top___7D3L-_6-1-9{
69
+ .magritte-tooltip-exit-active___QllYr_6-1-10 .magritte-tooltip-direction-top___7D3L-_6-1-10{
70
70
  transform:translateY(-4px);
71
71
  }
72
- .magritte-tooltip-enter-active___M8qsm_6-1-9 .magritte-tooltip-direction-top___7D3L-_6-1-9{
72
+ .magritte-tooltip-enter-active___M8qsm_6-1-10 .magritte-tooltip-direction-top___7D3L-_6-1-10{
73
73
  transform:translateY(-4px);
74
74
  }
75
- .magritte-tooltip-enter-done___ceiob_6-1-9 .magritte-tooltip-direction-top___7D3L-_6-1-9{
75
+ .magritte-tooltip-enter-done___ceiob_6-1-10 .magritte-tooltip-direction-top___7D3L-_6-1-10{
76
76
  transform:translateY(0%);
77
77
  }
78
- .magritte-tooltip-exit-active___QllYr_6-1-9 .magritte-tooltip-direction-left___-gcHH_6-1-9{
78
+ .magritte-tooltip-exit-active___QllYr_6-1-10 .magritte-tooltip-direction-left___-gcHH_6-1-10{
79
79
  transform:translateX(-4px);
80
80
  }
81
- .magritte-tooltip-enter-active___M8qsm_6-1-9 .magritte-tooltip-direction-left___-gcHH_6-1-9{
81
+ .magritte-tooltip-enter-active___M8qsm_6-1-10 .magritte-tooltip-direction-left___-gcHH_6-1-10{
82
82
  transform:translateX(-4px);
83
83
  }
84
- .magritte-tooltip-enter-done___ceiob_6-1-9 .magritte-tooltip-direction-left___-gcHH_6-1-9{
84
+ .magritte-tooltip-enter-done___ceiob_6-1-10 .magritte-tooltip-direction-left___-gcHH_6-1-10{
85
85
  transform:translateX(0%);
86
86
  }
87
- .magritte-tooltip-exit-active___QllYr_6-1-9 .magritte-tooltip-direction-right___KgFDu_6-1-9{
87
+ .magritte-tooltip-exit-active___QllYr_6-1-10 .magritte-tooltip-direction-right___KgFDu_6-1-10{
88
88
  transform:translateX(4px);
89
89
  }
90
- .magritte-tooltip-enter-active___M8qsm_6-1-9 .magritte-tooltip-direction-right___KgFDu_6-1-9{
90
+ .magritte-tooltip-enter-active___M8qsm_6-1-10 .magritte-tooltip-direction-right___KgFDu_6-1-10{
91
91
  transform:translateX(4px);
92
92
  }
93
- .magritte-tooltip-enter-done___ceiob_6-1-9 .magritte-tooltip-direction-right___KgFDu_6-1-9{
93
+ .magritte-tooltip-enter-done___ceiob_6-1-10 .magritte-tooltip-direction-right___KgFDu_6-1-10{
94
94
  transform:translateX(0%);
95
95
  }
96
96
  }
97
- .magritte-tooltip-actions___gN8ad_6-1-9{
97
+ .magritte-tooltip-actions___gN8ad_6-1-10{
98
98
  display:flex;
99
99
  gap:12px;
100
100
  margin-top:16px;
101
101
  flex-flow:wrap;
102
102
  }
103
- .magritte-css-variables-element___yRnOI_6-1-9{
103
+ .magritte-css-variables-element___yRnOI_6-1-10{
104
104
  top:28px;
105
105
  right:15px;
106
106
  bottom:24px;
107
107
  left:calc(var(--magritte-static-border-radius-600-v18-2-1) - 12px / 2 + 28px /2 );
108
108
  }
109
- .magritte-tooltip-arrow___7OOYT_6-1-9{
109
+ .magritte-tooltip-arrow___7OOYT_6-1-10{
110
110
  position:absolute;
111
111
  }
112
- .magritte-tooltip-direction-bottom___Z-QlF_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
112
+ .magritte-tooltip-direction-bottom___Z-QlF_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
113
113
  top:-12px;
114
114
  }
115
- .magritte-tooltip-direction-top___7D3L-_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
115
+ .magritte-tooltip-direction-top___7D3L-_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
116
116
  bottom:-12px;
117
117
  transform:rotate(180deg);
118
118
  }
119
- .magritte-tooltip-alignment-left___BQPgG_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
119
+ .magritte-tooltip-alignment-left___BQPgG_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
120
120
  left:15px;
121
121
  }
122
- .magritte-tooltip-alignment-left___BQPgG_6-1-9.magritte-tooltip-direction-top___7D3L-_6-1-9.magritte-tooltip-with-action___aYbOD_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
122
+ .magritte-tooltip-alignment-left___BQPgG_6-1-10.magritte-tooltip-direction-top___7D3L-_6-1-10.magritte-tooltip-with-action___aYbOD_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
123
123
  left:calc(var(--magritte-static-border-radius-600-v18-2-1) - 12px/2 + 28px/2);
124
124
  }
125
- .magritte-tooltip-direction-top___7D3L-_6-1-9.magritte-tooltip-alignment-center___FuX8d_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9,
126
- .magritte-tooltip-direction-bottom___Z-QlF_6-1-9.magritte-tooltip-alignment-center___FuX8d_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
125
+ .magritte-tooltip-direction-top___7D3L-_6-1-10.magritte-tooltip-alignment-center___FuX8d_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10,
126
+ .magritte-tooltip-direction-bottom___Z-QlF_6-1-10.magritte-tooltip-alignment-center___FuX8d_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
127
127
  left:calc(50% - 28px/2);
128
128
  }
129
- .magritte-tooltip-alignment-right___bzmhg_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
129
+ .magritte-tooltip-alignment-right___bzmhg_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
130
130
  right:15px;
131
131
  }
132
- .magritte-tooltip-alignment-right___bzmhg_6-1-9.magritte-tooltip-direction-top___7D3L-_6-1-9.magritte-tooltip-with-action___aYbOD_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
132
+ .magritte-tooltip-alignment-right___bzmhg_6-1-10.magritte-tooltip-direction-top___7D3L-_6-1-10.magritte-tooltip-with-action___aYbOD_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
133
133
  right:calc(var(--magritte-static-border-radius-600-v18-2-1) - 12px/2 + 28px/2);
134
134
  }
135
- .magritte-tooltip-direction-left___-gcHH_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
135
+ .magritte-tooltip-direction-left___-gcHH_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
136
136
  right:-20px;
137
137
  transform:rotate(90deg);
138
138
  }
139
- .magritte-tooltip-direction-right___KgFDu_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
139
+ .magritte-tooltip-direction-right___KgFDu_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
140
140
  left:-20px;
141
141
  transform:rotate(-90deg);
142
142
  }
143
- .magritte-tooltip-alignment-top___qLAji_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
143
+ .magritte-tooltip-alignment-top___qLAji_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
144
144
  top:24px;
145
145
  }
146
- .magritte-tooltip-direction-left___-gcHH_6-1-9.magritte-tooltip-alignment-center___FuX8d_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9,
147
- .magritte-tooltip-direction-right___KgFDu_6-1-9.magritte-tooltip-alignment-center___FuX8d_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
146
+ .magritte-tooltip-direction-left___-gcHH_6-1-10.magritte-tooltip-alignment-center___FuX8d_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10,
147
+ .magritte-tooltip-direction-right___KgFDu_6-1-10.magritte-tooltip-alignment-center___FuX8d_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
148
148
  top:calc(50% - 12px/2);
149
149
  }
150
- .magritte-tooltip-alignment-bottom___v2JlH_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
150
+ .magritte-tooltip-alignment-bottom___v2JlH_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
151
151
  bottom:24px;
152
152
  }
153
- .magritte-tooltip-alignment-bottom___v2JlH_6-1-9.magritte-tooltip-with-action___aYbOD_6-1-9 .magritte-tooltip-arrow___7OOYT_6-1-9{
153
+ .magritte-tooltip-alignment-bottom___v2JlH_6-1-10.magritte-tooltip-with-action___aYbOD_6-1-10 .magritte-tooltip-arrow___7OOYT_6-1-10{
154
154
  bottom:calc(var(--magritte-static-border-radius-600-v18-2-1) - 12px/2 + 28px/2);
155
155
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tooltip",
3
- "version": "6.1.9",
3
+ "version": "6.1.10",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,9 +23,9 @@
23
23
  "@hh.ru/magritte-design-tokens": "18.2.1",
24
24
  "@hh.ru/magritte-internal-drop-base": "6.0.2",
25
25
  "@hh.ru/magritte-internal-layer-name": "2.1.2",
26
- "@hh.ru/magritte-ui-action": "4.3.11",
26
+ "@hh.ru/magritte-ui-action": "4.3.12",
27
27
  "@hh.ru/magritte-ui-breakpoint": "4.0.3",
28
- "@hh.ru/magritte-ui-button": "5.0.2",
28
+ "@hh.ru/magritte-ui-button": "5.0.3",
29
29
  "@hh.ru/magritte-ui-icon": "7.1.9",
30
30
  "@hh.ru/magritte-ui-layer": "2.0.5",
31
31
  "@hh.ru/magritte-ui-theme-provider": "1.1.25",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "072f997a89b2060db44c7c18f664937e4d617be3"
41
+ "gitHead": "07811bb36acfa5d6b622e7376d04736612344b19"
42
42
  }