@hh.ru/magritte-ui-tooltip 8.0.14 → 8.0.16

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 +64 -594
  3. package/package.json +9 -9
package/Tooltip.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_8-0-14","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_8-0-14","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_8-0-14","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_8-0-14","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_8-0-14","tooltip-small":"magritte-tooltip-small___W1eTg_8-0-14","tooltipSmall":"magritte-tooltip-small___W1eTg_8-0-14","tooltip-title":"magritte-tooltip-title___s-ekd_8-0-14","tooltipTitle":"magritte-tooltip-title___s-ekd_8-0-14","tooltip-close":"magritte-tooltip-close___B1qWh_8-0-14","tooltipClose":"magritte-tooltip-close___B1qWh_8-0-14","tooltip-enter":"magritte-tooltip-enter___cnped_8-0-14","tooltipEnter":"magritte-tooltip-enter___cnped_8-0-14","css-variables-element":"magritte-css-variables-element___yRnOI_8-0-14","cssVariablesElement":"magritte-css-variables-element___yRnOI_8-0-14","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_8-0-14","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_8-0-14","tooltip-exit":"magritte-tooltip-exit___IXkNp_8-0-14","tooltipExit":"magritte-tooltip-exit___IXkNp_8-0-14","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_8-0-14","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_8-0-14","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_8-0-14","tooltipButtons":"magritte-tooltip-buttons___kNN5e_8-0-14","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_8-0-14","tooltipArrow":"magritte-tooltip-arrow___7OOYT_8-0-14"};
16
+ var styles = {"tooltip":"magritte-tooltip___Hxyh2_8-0-16","tooltip-with-buttons":"magritte-tooltip-with-buttons___pQzdt_8-0-16","tooltipWithButtons":"magritte-tooltip-with-buttons___pQzdt_8-0-16","tooltip-with-close":"magritte-tooltip-with-close___2iNPt_8-0-16","tooltipWithClose":"magritte-tooltip-with-close___2iNPt_8-0-16","tooltip-small":"magritte-tooltip-small___W1eTg_8-0-16","tooltipSmall":"magritte-tooltip-small___W1eTg_8-0-16","tooltip-title":"magritte-tooltip-title___s-ekd_8-0-16","tooltipTitle":"magritte-tooltip-title___s-ekd_8-0-16","tooltip-close":"magritte-tooltip-close___B1qWh_8-0-16","tooltipClose":"magritte-tooltip-close___B1qWh_8-0-16","tooltip-enter":"magritte-tooltip-enter___cnped_8-0-16","tooltipEnter":"magritte-tooltip-enter___cnped_8-0-16","css-variables-element":"magritte-css-variables-element___yRnOI_8-0-16","cssVariablesElement":"magritte-css-variables-element___yRnOI_8-0-16","tooltip-enter-active":"magritte-tooltip-enter-active___M8qsm_8-0-16","tooltipEnterActive":"magritte-tooltip-enter-active___M8qsm_8-0-16","tooltip-exit":"magritte-tooltip-exit___IXkNp_8-0-16","tooltipExit":"magritte-tooltip-exit___IXkNp_8-0-16","tooltip-exit-active":"magritte-tooltip-exit-active___QllYr_8-0-16","tooltipExitActive":"magritte-tooltip-exit-active___QllYr_8-0-16","tooltip-buttons":"magritte-tooltip-buttons___kNN5e_8-0-16","tooltipButtons":"magritte-tooltip-buttons___kNN5e_8-0-16","tooltip-arrow":"magritte-tooltip-arrow___7OOYT_8-0-16","tooltipArrow":"magritte-tooltip-arrow___7OOYT_8-0-16"};
17
17
 
18
18
  const CSS_CLASSES = {
19
19
  enter: styles.tooltipEnter,
package/index.css CHANGED
@@ -1,682 +1,152 @@
1
1
  :root{
2
- --magritte-color-component-tooltip-background-content-v20-1-0:#000000;
3
- --magritte-color-component-tooltip-text-content-v20-1-0:#ffffff;
4
- --magritte-color-component-tooltip-stroke-content-v20-1-0:#3B3B3B;
2
+ --magritte-color-component-tooltip-background-content-v21-0-0:#000000;
3
+ --magritte-color-component-tooltip-text-content-v21-0-0:#ffffff;
4
+ --magritte-color-component-tooltip-stroke-content-v21-0-0:#3B3B3B;
5
5
  }
6
6
  :root{
7
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"hh sans";
8
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:500;
9
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
10
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
11
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
12
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
13
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
14
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
15
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"hh sans";
16
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:500;
17
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
18
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
19
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
20
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
21
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
22
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
23
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"hh sans";
24
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:500;
25
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
26
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
27
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
28
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
29
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
30
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
31
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"hh sans";
32
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:500;
33
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
34
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
35
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
36
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
37
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
38
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
39
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"hh sans";
40
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:500;
41
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
42
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
43
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
44
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
45
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
46
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
47
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"hh sans";
48
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:500;
49
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
50
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
51
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
52
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
53
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
54
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
55
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"hh sans";
56
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:500;
57
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
58
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
59
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
60
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
61
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
62
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
63
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"hh sans";
64
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:500;
65
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
66
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
67
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
68
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
69
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
70
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
71
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"hh sans";
72
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:500;
73
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
74
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
75
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
76
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
77
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
78
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
79
- --magritte-typography-label-1-regular-font-family-v20-1-0:"hh sans";
80
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
81
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
82
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
83
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
84
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
85
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
86
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
87
- --magritte-typography-label-2-regular-font-family-v20-1-0:"hh sans";
88
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
89
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
90
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
91
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
92
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
93
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
94
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
95
- --magritte-typography-label-3-regular-font-family-v20-1-0:"hh sans";
96
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
97
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
98
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
99
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
100
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
101
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
102
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
103
- --magritte-typography-label-4-regular-font-family-v20-1-0:"hh sans";
104
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
105
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
106
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
107
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
108
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
109
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
110
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
111
- --magritte-typography-label-5-regular-font-family-v20-1-0:"hh sans";
112
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
113
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
114
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
115
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
116
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
117
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
118
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
119
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"hh sans";
120
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
121
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
122
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
123
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
124
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
125
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
126
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
127
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"hh sans";
128
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
129
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
130
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
131
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
132
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
133
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
134
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
135
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"hh sans";
136
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
137
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
138
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
139
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
140
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
141
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
142
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
143
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"hh sans";
144
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
145
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
146
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
147
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
148
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
149
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
150
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
151
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"hh sans";
152
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:500;
153
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
154
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
155
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
156
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
157
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
158
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
159
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"hh sans";
160
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:500;
161
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
162
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
163
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
164
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
165
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
166
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
167
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"hh sans";
168
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:500;
169
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
170
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
171
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
172
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
173
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
174
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
175
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"hh sans";
176
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
177
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
178
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
179
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
180
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
181
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
182
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
183
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"hh sans";
184
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
185
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
186
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
187
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
188
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
189
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
190
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
191
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"hh sans";
192
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:500;
193
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
194
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
195
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
196
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
197
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
198
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
199
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"hh sans";
200
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:500;
201
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
202
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
203
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
204
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
205
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
206
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
207
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"hh sans";
208
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:500;
209
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
210
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
211
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
212
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
213
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
214
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
215
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"hh sans";
216
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:500;
217
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
218
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
219
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
220
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
221
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
222
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
223
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"hh sans";
224
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:500;
225
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
226
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
227
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
228
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
229
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
230
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
231
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"hh sans";
232
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:400;
233
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
234
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
235
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
236
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
237
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
238
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
239
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"hh sans";
240
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:400;
241
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
242
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
243
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
244
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
245
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
246
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
247
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"hh sans";
248
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:400;
249
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
250
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
251
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
252
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
253
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
254
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
255
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"hh sans";
256
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:400;
257
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
258
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
259
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
260
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
261
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
262
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
263
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"hh sans";
264
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:400;
265
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
266
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
267
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
268
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
269
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
270
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
271
- --magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
272
- --magritte-semantic-animation-ease-in-out-200-duration-v20-1-0:200ms;
273
- --magritte-static-border-radius-300-v20-1-0:12px;
274
- --magritte-static-border-radius-400-v20-1-0:16px;
275
- --magritte-static-border-radius-600-v20-1-0:24px;
7
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v21-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
8
+ --magritte-semantic-animation-ease-in-out-200-duration-v21-0-0:200ms;
9
+ --magritte-static-border-radius-300-v21-0-0:12px;
10
+ --magritte-static-border-radius-400-v21-0-0:16px;
11
+ --magritte-static-border-radius-600-v21-0-0:24px;
276
12
  }
277
13
  .magritte-night-theme{
278
- --magritte-color-component-tooltip-background-content-v20-1-0:#000000;
279
- --magritte-color-component-tooltip-text-content-v20-1-0:#ffffff;
280
- --magritte-color-component-tooltip-stroke-content-v20-1-0:#3B3B3B;
14
+ --magritte-color-component-tooltip-background-content-v21-0-0:#000000;
15
+ --magritte-color-component-tooltip-text-content-v21-0-0:#ffffff;
16
+ --magritte-color-component-tooltip-stroke-content-v21-0-0:#3B3B3B;
281
17
  }
282
- .magritte-with-inter{
283
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"Inter";
284
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:600;
285
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
286
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
287
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
288
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
289
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
290
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
291
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"Inter";
292
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:600;
293
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
294
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
295
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
296
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
297
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
298
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
299
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"Inter";
300
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:600;
301
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
302
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
303
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
304
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
305
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
306
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
307
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"Inter";
308
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:600;
309
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
310
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
311
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
312
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
313
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
314
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
315
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"Inter";
316
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:600;
317
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
318
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
319
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
320
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
321
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
322
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
323
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"Inter";
324
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:600;
325
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
326
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
327
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
328
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
329
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
330
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
331
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"Inter";
332
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:600;
333
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
334
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
335
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
336
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
337
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
338
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
339
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"Inter";
340
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:600;
341
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
342
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
343
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
344
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
345
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
346
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
347
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"Inter";
348
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:600;
349
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
350
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
351
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
352
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
353
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
354
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
355
- --magritte-typography-label-1-regular-font-family-v20-1-0:"Inter";
356
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
357
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
358
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
359
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
360
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
361
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
362
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
363
- --magritte-typography-label-2-regular-font-family-v20-1-0:"Inter";
364
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
365
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
366
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
367
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
368
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
369
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
370
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
371
- --magritte-typography-label-3-regular-font-family-v20-1-0:"Inter";
372
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
373
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
374
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
375
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
376
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
377
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
378
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
379
- --magritte-typography-label-4-regular-font-family-v20-1-0:"Inter";
380
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
381
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
382
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
383
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
384
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
385
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
386
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
387
- --magritte-typography-label-5-regular-font-family-v20-1-0:"Inter";
388
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
389
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
390
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
391
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
392
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
393
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
394
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
395
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"Inter";
396
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
397
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
398
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
399
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
400
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
401
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
402
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
403
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"Inter";
404
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
405
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
406
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
407
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
408
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
409
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
410
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
411
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"Inter";
412
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
413
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
414
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
415
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
416
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
417
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
418
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
419
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"Inter";
420
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
421
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
422
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
423
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
424
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
425
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
426
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
427
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"Inter";
428
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:600;
429
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
430
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
431
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
432
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
433
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
434
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
435
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"Inter";
436
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:600;
437
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
438
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
439
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
440
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
441
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
442
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
443
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"Inter";
444
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:600;
445
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
446
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
447
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
448
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
449
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
450
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
451
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"Inter";
452
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
453
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
454
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
455
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
456
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
457
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
458
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
459
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"Inter";
460
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
461
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
462
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
463
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
464
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
465
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
466
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
467
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"Inter";
468
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:undefined;
469
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
470
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
471
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
472
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
473
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
474
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
475
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"Inter";
476
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:undefined;
477
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
478
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
479
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
480
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
481
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
482
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
483
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"Inter";
484
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:undefined;
485
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
486
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
487
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
488
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
489
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
490
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
491
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"Inter";
492
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:undefined;
493
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
494
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
495
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
496
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
497
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
498
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
499
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"Inter";
500
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:undefined;
501
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
502
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
503
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
504
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
505
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
506
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
507
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"Inter";
508
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:200;
509
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
510
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
511
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
512
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
513
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
514
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
515
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"Inter";
516
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:200;
517
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
518
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
519
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
520
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
521
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
522
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
523
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"Inter";
524
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:200;
525
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
526
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
527
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
528
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
529
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
530
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
531
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"Inter";
532
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:200;
533
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
534
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
535
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
536
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
537
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
538
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
539
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"Inter";
540
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:200;
541
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
542
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
543
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
544
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
545
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
546
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
547
- }
548
- .magritte-tooltip___Hxyh2_8-0-14{
18
+ .magritte-tooltip___Hxyh2_8-0-16{
549
19
  position:relative;
550
20
  padding:16px;
551
- background:var(--magritte-color-component-tooltip-background-content-v20-1-0);
21
+ background:var(--magritte-color-component-tooltip-background-content-v21-0-0);
552
22
  border-radius:var(--magritte-tooltip-border-radius);
553
- border:1px solid var(--magritte-color-component-tooltip-stroke-content-v20-1-0);
23
+ border:1px solid var(--magritte-color-component-tooltip-stroke-content-v21-0-0);
554
24
  box-sizing:border-box;
555
25
  word-wrap:break-word;
556
26
  min-height:60px;
557
- --magritte-ui-text-color-override:var(--magritte-color-component-tooltip-text-content-v20-1-0);
558
- --magritte-ui-tooltip-arrow-fill:var(--magritte-color-component-tooltip-background-content-v20-1-0);
559
- --magritte-ui-tooltip-arrow-stroke:var(--magritte-color-component-tooltip-stroke-content-v20-1-0);
560
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v20-1-0) + 28px / 2 - 12px / 2 - 1px);
561
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v20-1-0);
27
+ --magritte-ui-text-color-override:var(--magritte-color-component-tooltip-text-content-v21-0-0);
28
+ --magritte-ui-tooltip-arrow-fill:var(--magritte-color-component-tooltip-background-content-v21-0-0);
29
+ --magritte-ui-tooltip-arrow-stroke:var(--magritte-color-component-tooltip-stroke-content-v21-0-0);
30
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-400-v21-0-0) + 28px / 2 - 12px / 2 - 1px);
31
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-400-v21-0-0);
562
32
  --magritte-tooltip-arrow-width:28px;
563
33
  --magritte-tooltip-arrow-height:12px;
564
34
  }
565
- .magritte-tooltip-with-buttons___pQzdt_8-0-14{
35
+ .magritte-tooltip-with-buttons___pQzdt_8-0-16{
566
36
  padding:24px 24px 12px;
567
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v20-1-0) + 28px / 2 - 12px / 2 - 1px);
568
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v20-1-0);
37
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-600-v21-0-0) + 28px / 2 - 12px / 2 - 1px);
38
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-600-v21-0-0);
569
39
  --magritte-tooltip-arrow-width:28px;
570
40
  --magritte-tooltip-arrow-height:12px;
571
41
  }
572
- .magritte-tooltip-with-close___2iNPt_8-0-14{
42
+ .magritte-tooltip-with-close___2iNPt_8-0-16{
573
43
  padding-right:56px;
574
44
  }
575
- .magritte-tooltip-small___W1eTg_8-0-14{
45
+ .magritte-tooltip-small___W1eTg_8-0-16{
576
46
  padding:8px 12px;
577
47
  min-height:0;
578
- --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v20-1-0) + 18px / 2 - 12px / 2 - 1px);
579
- --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v20-1-0);
48
+ --magritte-tooltip-arrow-vertical-gap:calc(var(--magritte-static-border-radius-300-v21-0-0) + 18px / 2 - 12px / 2 - 1px);
49
+ --magritte-tooltip-border-radius:var(--magritte-static-border-radius-300-v21-0-0);
580
50
  --magritte-tooltip-arrow-width:18px;
581
51
  --magritte-tooltip-arrow-height:12px;
582
52
  }
583
- .magritte-tooltip-title___s-ekd_8-0-14{
53
+ .magritte-tooltip-title___s-ekd_8-0-16{
584
54
  margin-bottom:4px;
585
55
  }
586
- .magritte-tooltip-close___B1qWh_8-0-14{
56
+ .magritte-tooltip-close___B1qWh_8-0-16{
587
57
  position:absolute;
588
58
  right:9px;
589
59
  top:9px;
590
60
  }
591
- .magritte-tooltip-with-buttons___pQzdt_8-0-14 .magritte-tooltip-close___B1qWh_8-0-14{
61
+ .magritte-tooltip-with-buttons___pQzdt_8-0-16 .magritte-tooltip-close___B1qWh_8-0-16{
592
62
  right:15px;
593
63
  top:15px;
594
64
  }
595
65
  @media (prefers-reduced-motion: no-preference){
596
- .magritte-tooltip-enter___cnped_8-0-14 .magritte-tooltip___Hxyh2_8-0-14{
66
+ .magritte-tooltip-enter___cnped_8-0-16 .magritte-tooltip___Hxyh2_8-0-16{
597
67
  opacity:0;
598
68
  }
599
- .magritte-css-variables-element___yRnOI_8-0-14,
600
- .magritte-tooltip-enter-active___M8qsm_8-0-14 .magritte-tooltip___Hxyh2_8-0-14{
69
+ .magritte-css-variables-element___yRnOI_8-0-16,
70
+ .magritte-tooltip-enter-active___M8qsm_8-0-16 .magritte-tooltip___Hxyh2_8-0-16{
601
71
  opacity:1;
602
72
  transition-property:opacity, transform;
603
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
604
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
605
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
73
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-0-0);
74
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-0-0);
75
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-0-0);
606
76
  }
607
- .magritte-tooltip-exit___IXkNp_8-0-14 .magritte-tooltip___Hxyh2_8-0-14{
77
+ .magritte-tooltip-exit___IXkNp_8-0-16 .magritte-tooltip___Hxyh2_8-0-16{
608
78
  opacity:1;
609
79
  }
610
- .magritte-tooltip-exit-active___QllYr_8-0-14 .magritte-tooltip___Hxyh2_8-0-14{
80
+ .magritte-tooltip-exit-active___QllYr_8-0-16 .magritte-tooltip___Hxyh2_8-0-16{
611
81
  opacity:0;
612
82
  transition-property:opacity, transform;
613
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
614
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
615
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
83
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-0-0);
84
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-0-0);
85
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-0-0);
616
86
  }
617
- .magritte-tooltip-exit-active___QllYr_8-0-14[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-14,
618
- .magritte-tooltip-enter___cnped_8-0-14[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-14{
87
+ .magritte-tooltip-exit-active___QllYr_8-0-16[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-16,
88
+ .magritte-tooltip-enter___cnped_8-0-16[data-magritte-drop-base-direction='bottom'] .magritte-tooltip___Hxyh2_8-0-16{
619
89
  transform:translateY(4px);
620
90
  }
621
- .magritte-tooltip-exit-active___QllYr_8-0-14[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-14,
622
- .magritte-tooltip-enter___cnped_8-0-14[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-14{
91
+ .magritte-tooltip-exit-active___QllYr_8-0-16[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-16,
92
+ .magritte-tooltip-enter___cnped_8-0-16[data-magritte-drop-base-direction='top'] .magritte-tooltip___Hxyh2_8-0-16{
623
93
  transform:translateY(-4px);
624
94
  }
625
- .magritte-tooltip-exit-active___QllYr_8-0-14[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-14,
626
- .magritte-tooltip-enter___cnped_8-0-14[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-14{
95
+ .magritte-tooltip-exit-active___QllYr_8-0-16[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-16,
96
+ .magritte-tooltip-enter___cnped_8-0-16[data-magritte-drop-base-direction='left'] .magritte-tooltip___Hxyh2_8-0-16{
627
97
  transform:translateX(-4px);
628
98
  }
629
- .magritte-tooltip-exit-active___QllYr_8-0-14[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-14,
630
- .magritte-tooltip-enter___cnped_8-0-14[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-14{
99
+ .magritte-tooltip-exit-active___QllYr_8-0-16[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-16,
100
+ .magritte-tooltip-enter___cnped_8-0-16[data-magritte-drop-base-direction='right'] .magritte-tooltip___Hxyh2_8-0-16{
631
101
  transform:translateX(4px);
632
102
  }
633
- .magritte-tooltip-enter-active___M8qsm_8-0-14[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_8-0-14{
103
+ .magritte-tooltip-enter-active___M8qsm_8-0-16[data-magritte-drop-base-direction] .magritte-tooltip___Hxyh2_8-0-16{
634
104
  transform:translate(0, 0);
635
105
  }
636
106
  }
637
- .magritte-tooltip-buttons___kNN5e_8-0-14{
107
+ .magritte-tooltip-buttons___kNN5e_8-0-16{
638
108
  display:flex;
639
109
  gap:12px;
640
110
  margin:24px -12px 0;
641
111
  }
642
- .magritte-tooltip-with-close___2iNPt_8-0-14 .magritte-tooltip-buttons___kNN5e_8-0-14{
112
+ .magritte-tooltip-with-close___2iNPt_8-0-16 .magritte-tooltip-buttons___kNN5e_8-0-16{
643
113
  margin-right:-44px;
644
114
  }
645
- .magritte-tooltip-arrow___7OOYT_8-0-14{
115
+ .magritte-tooltip-arrow___7OOYT_8-0-16{
646
116
  position:absolute;
647
117
  }
648
- [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-14{
118
+ [data-magritte-drop-base-direction='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-16{
649
119
  top:calc(var(--magritte-tooltip-arrow-height) * -1);
650
120
  }
651
- [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_8-0-14{
121
+ [data-magritte-drop-base-direction='top'] .magritte-tooltip-arrow___7OOYT_8-0-16{
652
122
  bottom:calc(var(--magritte-tooltip-arrow-height) * -1);
653
123
  transform:rotate(180deg);
654
124
  }
655
- [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_8-0-14{
125
+ [data-magritte-drop-base-alignment='left'] .magritte-tooltip-arrow___7OOYT_8-0-16{
656
126
  left:var(--magritte-tooltip-border-radius);
657
127
  }
658
- [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-14,
659
- [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-14{
128
+ [data-magritte-drop-base-direction='top'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-16,
129
+ [data-magritte-drop-base-direction='bottom'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-16{
660
130
  left:calc(50% - var(--magritte-tooltip-arrow-width) / 2);
661
131
  }
662
- [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_8-0-14{
132
+ [data-magritte-drop-base-alignment='right'] .magritte-tooltip-arrow___7OOYT_8-0-16{
663
133
  right:var(--magritte-tooltip-border-radius);
664
134
  }
665
- [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_8-0-14{
135
+ [data-magritte-drop-base-direction='left'] .magritte-tooltip-arrow___7OOYT_8-0-16{
666
136
  right:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
667
137
  transform:rotate(90deg);
668
138
  }
669
- [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_8-0-14{
139
+ [data-magritte-drop-base-direction='right'] .magritte-tooltip-arrow___7OOYT_8-0-16{
670
140
  left:calc(-1 * (var(--magritte-tooltip-arrow-width) / 2 + var(--magritte-tooltip-arrow-height) / 2));
671
141
  transform:rotate(-90deg);
672
142
  }
673
- [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_8-0-14{
143
+ [data-magritte-drop-base-alignment='top'] .magritte-tooltip-arrow___7OOYT_8-0-16{
674
144
  top:var(--magritte-tooltip-arrow-vertical-gap);
675
145
  }
676
- [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-14,
677
- [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-14{
146
+ [data-magritte-drop-base-direction='left'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-16,
147
+ [data-magritte-drop-base-direction='right'][data-magritte-drop-base-alignment='center'] .magritte-tooltip-arrow___7OOYT_8-0-16{
678
148
  top:calc(50% - var(--magritte-tooltip-arrow-height) / 2);
679
149
  }
680
- [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-14{
150
+ [data-magritte-drop-base-alignment='bottom'] .magritte-tooltip-arrow___7OOYT_8-0-16{
681
151
  bottom:var(--magritte-tooltip-arrow-vertical-gap);
682
152
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-tooltip",
3
- "version": "8.0.14",
3
+ "version": "8.0.16",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,16 +21,16 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
24
- "@hh.ru/magritte-design-tokens": "20.1.0",
25
- "@hh.ru/magritte-internal-drop-base": "7.0.10",
24
+ "@hh.ru/magritte-design-tokens": "21.0.0",
25
+ "@hh.ru/magritte-internal-drop-base": "7.0.11",
26
26
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
27
- "@hh.ru/magritte-ui-action": "4.4.22",
27
+ "@hh.ru/magritte-ui-action": "4.4.23",
28
28
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
29
- "@hh.ru/magritte-ui-button": "5.2.14",
30
- "@hh.ru/magritte-ui-icon": "7.9.10",
29
+ "@hh.ru/magritte-ui-button": "5.2.15",
30
+ "@hh.ru/magritte-ui-icon": "7.9.11",
31
31
  "@hh.ru/magritte-ui-layer": "2.1.2",
32
- "@hh.ru/magritte-ui-theme-provider": "1.1.35",
33
- "@hh.ru/magritte-ui-typography": "3.0.25"
32
+ "@hh.ru/magritte-ui-theme-provider": "1.1.36",
33
+ "@hh.ru/magritte-ui-typography": "3.0.26"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "classnames": ">=2.3.2",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "1f85c1274063f28c68e856b26db4540e4f210fa1"
42
+ "gitHead": "d969104667bac3470d222588ac719c4fc9cd06d6"
43
43
  }