@hh.ru/magritte-ui-alert 1.3.24 → 1.3.26

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/Alert.js +1 -1
  2. package/index.css +113 -627
  3. package/package.json +4 -4
package/Alert.js CHANGED
@@ -12,7 +12,7 @@ import { InternalLayerName } from '@hh.ru/magritte-internal-layer-name';
12
12
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
13
13
  import { Layer } from '@hh.ru/magritte-ui-layer';
14
14
 
15
- var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_1-3-24","animationTimeout":"magritte-animation-timeout___cwIwT_1-3-24","enter-animation-active":"magritte-enter-animation-active___Qti02_1-3-24","enterAnimationActive":"magritte-enter-animation-active___Qti02_1-3-24","exit-animation-active":"magritte-exit-animation-active___deHqY_1-3-24","exitAnimationActive":"magritte-exit-animation-active___deHqY_1-3-24","opacity-animation":"magritte-opacity-animation___m7RYi_1-3-24","opacityAnimation":"magritte-opacity-animation___m7RYi_1-3-24","enter-animation":"magritte-enter-animation___CbUHN_1-3-24","enterAnimation":"magritte-enter-animation___CbUHN_1-3-24","exit-animation":"magritte-exit-animation___d2AJ4_1-3-24","exitAnimation":"magritte-exit-animation___d2AJ4_1-3-24","overlay":"magritte-overlay___hMlKJ_1-3-24","mobile-container":"magritte-mobile-container___dQRCl_1-3-24","mobileContainer":"magritte-mobile-container___dQRCl_1-3-24","desktop-container":"magritte-desktop-container___26vkq_1-3-24","desktopContainer":"magritte-desktop-container___26vkq_1-3-24","main":"magritte-main___iCU-E_1-3-24","icon":"magritte-icon___fLpa-_1-3-24","icon_neutral":"magritte-icon_neutral___Jyl3l_1-3-24","iconNeutral":"magritte-icon_neutral___Jyl3l_1-3-24","icon_accent":"magritte-icon_accent___Nn-T1_1-3-24","iconAccent":"magritte-icon_accent___Nn-T1_1-3-24","icon_positive":"magritte-icon_positive___OU9Zu_1-3-24","iconPositive":"magritte-icon_positive___OU9Zu_1-3-24","icon_warning":"magritte-icon_warning___7BbUi_1-3-24","iconWarning":"magritte-icon_warning___7BbUi_1-3-24","icon_negative":"magritte-icon_negative___s0OA8_1-3-24","iconNegative":"magritte-icon_negative___s0OA8_1-3-24","title":"magritte-title___yG219_1-3-24","description":"magritte-description___KeNoT_1-3-24","buttons":"magritte-buttons___lyxBC_1-3-24","buttons_vertical":"magritte-buttons_vertical___8lPCo_1-3-24","buttonsVertical":"magritte-buttons_vertical___8lPCo_1-3-24"};
15
+ var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_1-3-26","animationTimeout":"magritte-animation-timeout___cwIwT_1-3-26","enter-animation-active":"magritte-enter-animation-active___Qti02_1-3-26","enterAnimationActive":"magritte-enter-animation-active___Qti02_1-3-26","exit-animation-active":"magritte-exit-animation-active___deHqY_1-3-26","exitAnimationActive":"magritte-exit-animation-active___deHqY_1-3-26","opacity-animation":"magritte-opacity-animation___m7RYi_1-3-26","opacityAnimation":"magritte-opacity-animation___m7RYi_1-3-26","enter-animation":"magritte-enter-animation___CbUHN_1-3-26","enterAnimation":"magritte-enter-animation___CbUHN_1-3-26","exit-animation":"magritte-exit-animation___d2AJ4_1-3-26","exitAnimation":"magritte-exit-animation___d2AJ4_1-3-26","overlay":"magritte-overlay___hMlKJ_1-3-26","mobile-container":"magritte-mobile-container___dQRCl_1-3-26","mobileContainer":"magritte-mobile-container___dQRCl_1-3-26","desktop-container":"magritte-desktop-container___26vkq_1-3-26","desktopContainer":"magritte-desktop-container___26vkq_1-3-26","main":"magritte-main___iCU-E_1-3-26","icon":"magritte-icon___fLpa-_1-3-26","icon_neutral":"magritte-icon_neutral___Jyl3l_1-3-26","iconNeutral":"magritte-icon_neutral___Jyl3l_1-3-26","icon_accent":"magritte-icon_accent___Nn-T1_1-3-26","iconAccent":"magritte-icon_accent___Nn-T1_1-3-26","icon_positive":"magritte-icon_positive___OU9Zu_1-3-26","iconPositive":"magritte-icon_positive___OU9Zu_1-3-26","icon_warning":"magritte-icon_warning___7BbUi_1-3-26","iconWarning":"magritte-icon_warning___7BbUi_1-3-26","icon_negative":"magritte-icon_negative___s0OA8_1-3-26","iconNegative":"magritte-icon_negative___s0OA8_1-3-26","title":"magritte-title___yG219_1-3-26","description":"magritte-description___KeNoT_1-3-26","buttons":"magritte-buttons___lyxBC_1-3-26","buttons_vertical":"magritte-buttons_vertical___8lPCo_1-3-26","buttonsVertical":"magritte-buttons_vertical___8lPCo_1-3-26"};
16
16
 
17
17
  const OPACITY_ANIMATION_CLASSES = {
18
18
  enter: classnames(styles.opacityAnimation, styles.enterAnimation),
package/index.css CHANGED
@@ -1,634 +1,120 @@
1
1
  :root{
2
- --magritte-color-background-primary-v20-1-0:#ffffff;
3
- --magritte-color-background-secondary-v20-1-0:#F1F4F9;
4
- --magritte-color-background-accent-secondary-v20-1-0:#EDF6FF;
5
- --magritte-color-background-positive-secondary-v20-1-0:#E8F9EC;
6
- --magritte-color-background-negative-secondary-v20-1-0:#FEF2EF;
7
- --magritte-color-background-warning-secondary-v20-1-0:#FFF3E6;
8
- --magritte-color-text-primary-v20-1-0:#000000;
9
- --magritte-color-text-secondary-v20-1-0:#768694;
10
- --magritte-color-icon-tertiary-v20-1-0:#AABBCA;
11
- --magritte-color-icon-accent-v20-1-0:#0070ff;
12
- --magritte-color-icon-positive-v20-1-0:#0dc267;
13
- --magritte-color-icon-negative-v20-1-0:#ff4d3a;
14
- --magritte-color-icon-warning-secondary-v20-1-0:#fdb972;
15
- --magritte-color-component-_overlay-background-content-v20-1-0:#20262b99;
2
+ --magritte-color-background-primary-v21-1-0:#ffffff;
3
+ --magritte-color-background-secondary-v21-1-0:#F1F4F9;
4
+ --magritte-color-background-accent-secondary-v21-1-0:#EDF6FF;
5
+ --magritte-color-background-positive-secondary-v21-1-0:#E8F9EC;
6
+ --magritte-color-background-negative-secondary-v21-1-0:#FEF2EF;
7
+ --magritte-color-background-warning-secondary-v21-1-0:#FFF3E6;
8
+ --magritte-color-text-primary-v21-1-0:#000000;
9
+ --magritte-color-text-secondary-v21-1-0:#768694;
10
+ --magritte-color-icon-tertiary-v21-1-0:#AABBCA;
11
+ --magritte-color-icon-accent-v21-1-0:#0070ff;
12
+ --magritte-color-icon-positive-v21-1-0:#0dc267;
13
+ --magritte-color-icon-negative-v21-1-0:#ff4d3a;
14
+ --magritte-color-icon-warning-secondary-v21-1-0:#fdb972;
15
+ --magritte-color-component-_overlay-background-content-v21-1-0:#20262b99;
16
16
  }
17
17
  :root{
18
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"hh sans";
19
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:500;
20
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
21
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
22
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
23
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
24
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
25
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
26
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"hh sans";
27
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:500;
28
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
29
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
30
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
31
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
32
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
33
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
34
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"hh sans";
35
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:500;
36
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
37
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
38
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
39
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
40
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
41
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
42
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"hh sans";
43
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:500;
44
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
45
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
46
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
47
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
48
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
49
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
50
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"hh sans";
51
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:500;
52
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
53
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
54
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
55
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
56
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
57
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
58
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"hh sans";
59
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:500;
60
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
61
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
62
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
63
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
64
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
65
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
66
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"hh sans";
67
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:500;
68
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
69
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
70
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
71
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
72
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
73
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
74
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"hh sans";
75
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:500;
76
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
77
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
78
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
79
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
80
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
81
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
82
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"hh sans";
83
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:500;
84
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
85
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
86
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
87
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
88
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
89
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
90
- --magritte-typography-label-1-regular-font-family-v20-1-0:"hh sans";
91
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
92
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
93
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
94
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
95
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
96
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
97
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
98
- --magritte-typography-label-2-regular-font-family-v20-1-0:"hh sans";
99
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
100
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
101
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
102
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
103
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
104
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
105
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
106
- --magritte-typography-label-3-regular-font-family-v20-1-0:"hh sans";
107
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
108
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
109
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
110
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
111
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
112
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
113
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
114
- --magritte-typography-label-4-regular-font-family-v20-1-0:"hh sans";
115
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
116
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
117
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
118
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
119
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
120
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
121
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
122
- --magritte-typography-label-5-regular-font-family-v20-1-0:"hh sans";
123
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
124
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
125
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
126
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
127
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
128
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
129
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
130
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"hh sans";
131
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
132
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
133
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
134
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
135
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
136
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
137
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
138
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"hh sans";
139
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
140
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
141
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
142
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
143
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
144
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
145
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
146
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"hh sans";
147
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
148
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
149
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
150
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
151
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
152
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
153
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
154
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"hh sans";
155
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
156
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
157
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
158
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
159
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
160
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
161
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
162
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"hh sans";
163
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:500;
164
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
165
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
166
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
167
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
168
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
169
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
170
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"hh sans";
171
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:500;
172
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
173
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
174
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
175
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
176
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
177
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
178
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"hh sans";
179
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:500;
180
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
181
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
182
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
183
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
184
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
185
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
186
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"hh sans";
187
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
188
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
189
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
190
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
191
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
192
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
193
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
194
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"hh sans";
195
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
196
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
197
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
198
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
199
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
200
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
201
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
202
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"hh sans";
203
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:500;
204
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
205
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
206
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
207
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
208
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
209
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
210
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"hh sans";
211
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:500;
212
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
213
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
214
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
215
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
216
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
217
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
218
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"hh sans";
219
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:500;
220
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
221
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
222
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
223
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
224
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
225
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
226
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"hh sans";
227
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:500;
228
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
229
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
230
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
231
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
232
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
233
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
234
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"hh sans";
235
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:500;
236
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
237
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
238
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
239
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
240
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
241
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
242
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"hh sans";
243
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:400;
244
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
245
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
246
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
247
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
248
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
249
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
250
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"hh sans";
251
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:400;
252
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
253
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
254
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
255
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
256
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
257
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
258
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"hh sans";
259
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:400;
260
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
261
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
262
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
263
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
264
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
265
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
266
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"hh sans";
267
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:400;
268
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
269
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
270
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
271
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
272
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
273
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
274
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"hh sans";
275
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:400;
276
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
277
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
278
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
279
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
280
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
281
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
282
- --magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
283
- --magritte-semantic-animation-ease-in-out-200-duration-v20-1-0:200ms;
284
- --magritte-static-border-radius-600-v20-1-0:24px;
18
+ --magritte-typography-title-4-semibold-font-family-v21-1-0:"hh sans";
19
+ --magritte-typography-title-4-semibold-font-weight-v21-1-0:500;
20
+ --magritte-typography-title-4-semibold-line-height-v21-1-0:32px;
21
+ --magritte-typography-title-4-semibold-font-size-v21-1-0:22px;
22
+ --magritte-typography-title-4-semibold-letter-spacing-v21-1-0:-0.0075em;
23
+ --magritte-typography-title-4-semibold-text-indent-v21-1-0:0px;
24
+ --magritte-typography-title-4-semibold-text-transform-v21-1-0:none;
25
+ --magritte-typography-title-4-semibold-text-decoration-v21-1-0:none;
26
+ --magritte-typography-paragraph-2-regular-font-family-v21-1-0:"hh sans";
27
+ --magritte-typography-paragraph-2-regular-font-weight-v21-1-0:400;
28
+ --magritte-typography-paragraph-2-regular-line-height-v21-1-0:26px;
29
+ --magritte-typography-paragraph-2-regular-font-size-v21-1-0:16px;
30
+ --magritte-typography-paragraph-2-regular-letter-spacing-v21-1-0:0.005em;
31
+ --magritte-typography-paragraph-2-regular-text-indent-v21-1-0:0px;
32
+ --magritte-typography-paragraph-2-regular-text-transform-v21-1-0:none;
33
+ --magritte-typography-paragraph-2-regular-text-decoration-v21-1-0:none;
34
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
35
+ --magritte-semantic-animation-ease-in-out-200-duration-v21-1-0:200ms;
36
+ --magritte-static-border-radius-600-v21-1-0:24px;
285
37
  }
286
38
  .magritte-night-theme{
287
- --magritte-color-background-primary-v20-1-0:#1B1B1B;
288
- --magritte-color-background-secondary-v20-1-0:#303030;
289
- --magritte-color-background-accent-secondary-v20-1-0:#222D3D;
290
- --magritte-color-background-positive-secondary-v20-1-0:#16321F;
291
- --magritte-color-background-negative-secondary-v20-1-0:#3D2622;
292
- --magritte-color-background-warning-secondary-v20-1-0:#3D270E;
293
- --magritte-color-text-primary-v20-1-0:#ffffff;
294
- --magritte-color-text-secondary-v20-1-0:#ABABAB;
295
- --magritte-color-icon-tertiary-v20-1-0:#767676;
296
- --magritte-color-icon-accent-v20-1-0:#5e9eff;
297
- --magritte-color-icon-positive-v20-1-0:#10b55f;
298
- --magritte-color-icon-negative-v20-1-0:#ff4d3a;
299
- --magritte-color-icon-warning-secondary-v20-1-0:#9c5b03;
300
- --magritte-color-component-_overlay-background-content-v20-1-0:#26262699;
301
- }
302
- .magritte-with-inter{
303
- --magritte-typography-title-1-semibold-font-family-v20-1-0:"Inter";
304
- --magritte-typography-title-1-semibold-font-weight-v20-1-0:600;
305
- --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
306
- --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
307
- --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
308
- --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
309
- --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
310
- --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
311
- --magritte-typography-title-2-semibold-font-family-v20-1-0:"Inter";
312
- --magritte-typography-title-2-semibold-font-weight-v20-1-0:600;
313
- --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
314
- --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
315
- --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
316
- --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
317
- --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
318
- --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
319
- --magritte-typography-title-3-semibold-font-family-v20-1-0:"Inter";
320
- --magritte-typography-title-3-semibold-font-weight-v20-1-0:600;
321
- --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
322
- --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
323
- --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
324
- --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
325
- --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
326
- --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
327
- --magritte-typography-title-4-semibold-font-family-v20-1-0:"Inter";
328
- --magritte-typography-title-4-semibold-font-weight-v20-1-0:600;
329
- --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
330
- --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
331
- --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
332
- --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
333
- --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
334
- --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
335
- --magritte-typography-title-5-semibold-font-family-v20-1-0:"Inter";
336
- --magritte-typography-title-5-semibold-font-weight-v20-1-0:600;
337
- --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
338
- --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
339
- --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
340
- --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
341
- --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
342
- --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
343
- --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"Inter";
344
- --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:600;
345
- --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
346
- --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
347
- --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
348
- --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
349
- --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
350
- --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
351
- --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"Inter";
352
- --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:600;
353
- --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
354
- --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
355
- --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
356
- --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
357
- --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
358
- --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
359
- --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"Inter";
360
- --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:600;
361
- --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
362
- --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
363
- --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
364
- --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
365
- --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
366
- --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
367
- --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"Inter";
368
- --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:600;
369
- --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
370
- --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
371
- --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
372
- --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
373
- --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
374
- --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
375
- --magritte-typography-label-1-regular-font-family-v20-1-0:"Inter";
376
- --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
377
- --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
378
- --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
379
- --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
380
- --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
381
- --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
382
- --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
383
- --magritte-typography-label-2-regular-font-family-v20-1-0:"Inter";
384
- --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
385
- --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
386
- --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
387
- --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
388
- --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
389
- --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
390
- --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
391
- --magritte-typography-label-3-regular-font-family-v20-1-0:"Inter";
392
- --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
393
- --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
394
- --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
395
- --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
396
- --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
397
- --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
398
- --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
399
- --magritte-typography-label-4-regular-font-family-v20-1-0:"Inter";
400
- --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
401
- --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
402
- --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
403
- --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
404
- --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
405
- --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
406
- --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
407
- --magritte-typography-label-5-regular-font-family-v20-1-0:"Inter";
408
- --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
409
- --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
410
- --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
411
- --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
412
- --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
413
- --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
414
- --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
415
- --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"Inter";
416
- --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
417
- --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
418
- --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
419
- --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
420
- --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
421
- --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
422
- --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
423
- --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"Inter";
424
- --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
425
- --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
426
- --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
427
- --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
428
- --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
429
- --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
430
- --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
431
- --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"Inter";
432
- --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
433
- --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
434
- --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
435
- --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
436
- --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
437
- --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
438
- --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
439
- --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"Inter";
440
- --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
441
- --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
442
- --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
443
- --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
444
- --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
445
- --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
446
- --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
447
- --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"Inter";
448
- --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:600;
449
- --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
450
- --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
451
- --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
452
- --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
453
- --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
454
- --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
455
- --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"Inter";
456
- --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:600;
457
- --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
458
- --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
459
- --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
460
- --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
461
- --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
462
- --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
463
- --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"Inter";
464
- --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:600;
465
- --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
466
- --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
467
- --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
468
- --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
469
- --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
470
- --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
471
- --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"Inter";
472
- --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
473
- --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
474
- --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
475
- --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
476
- --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
477
- --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
478
- --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
479
- --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"Inter";
480
- --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
481
- --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
482
- --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
483
- --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
484
- --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
485
- --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
486
- --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
487
- --magritte-typography-_custom-1-medium-font-family-v20-1-0:"Inter";
488
- --magritte-typography-_custom-1-medium-font-weight-v20-1-0:undefined;
489
- --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
490
- --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
491
- --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
492
- --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
493
- --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
494
- --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
495
- --magritte-typography-_custom-2-medium-font-family-v20-1-0:"Inter";
496
- --magritte-typography-_custom-2-medium-font-weight-v20-1-0:undefined;
497
- --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
498
- --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
499
- --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
500
- --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
501
- --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
502
- --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
503
- --magritte-typography-_custom-3-medium-font-family-v20-1-0:"Inter";
504
- --magritte-typography-_custom-3-medium-font-weight-v20-1-0:undefined;
505
- --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
506
- --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
507
- --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
508
- --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
509
- --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
510
- --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
511
- --magritte-typography-_custom-4-medium-font-family-v20-1-0:"Inter";
512
- --magritte-typography-_custom-4-medium-font-weight-v20-1-0:undefined;
513
- --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
514
- --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
515
- --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
516
- --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
517
- --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
518
- --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
519
- --magritte-typography-_custom-5-medium-font-family-v20-1-0:"Inter";
520
- --magritte-typography-_custom-5-medium-font-weight-v20-1-0:undefined;
521
- --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
522
- --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
523
- --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
524
- --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
525
- --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
526
- --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
527
- --magritte-typography-_custom-1-italic-font-family-v20-1-0:"Inter";
528
- --magritte-typography-_custom-1-italic-font-weight-v20-1-0:200;
529
- --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
530
- --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
531
- --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
532
- --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
533
- --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
534
- --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
535
- --magritte-typography-_custom-2-italic-font-family-v20-1-0:"Inter";
536
- --magritte-typography-_custom-2-italic-font-weight-v20-1-0:200;
537
- --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
538
- --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
539
- --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
540
- --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
541
- --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
542
- --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
543
- --magritte-typography-_custom-3-italic-font-family-v20-1-0:"Inter";
544
- --magritte-typography-_custom-3-italic-font-weight-v20-1-0:200;
545
- --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
546
- --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
547
- --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
548
- --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
549
- --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
550
- --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
551
- --magritte-typography-_custom-4-italic-font-family-v20-1-0:"Inter";
552
- --magritte-typography-_custom-4-italic-font-weight-v20-1-0:200;
553
- --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
554
- --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
555
- --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
556
- --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
557
- --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
558
- --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
559
- --magritte-typography-_custom-5-italic-font-family-v20-1-0:"Inter";
560
- --magritte-typography-_custom-5-italic-font-weight-v20-1-0:200;
561
- --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
562
- --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
563
- --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
564
- --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
565
- --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
566
- --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
567
- }
568
- .magritte-animation-timeout___cwIwT_1-3-24{
39
+ --magritte-color-background-primary-v21-1-0:#1B1B1B;
40
+ --magritte-color-background-secondary-v21-1-0:#303030;
41
+ --magritte-color-background-accent-secondary-v21-1-0:#222D3D;
42
+ --magritte-color-background-positive-secondary-v21-1-0:#16321F;
43
+ --magritte-color-background-negative-secondary-v21-1-0:#3D2622;
44
+ --magritte-color-background-warning-secondary-v21-1-0:#3D270E;
45
+ --magritte-color-text-primary-v21-1-0:#ffffff;
46
+ --magritte-color-text-secondary-v21-1-0:#ABABAB;
47
+ --magritte-color-icon-tertiary-v21-1-0:#767676;
48
+ --magritte-color-icon-accent-v21-1-0:#5e9eff;
49
+ --magritte-color-icon-positive-v21-1-0:#10b55f;
50
+ --magritte-color-icon-negative-v21-1-0:#ff4d3a;
51
+ --magritte-color-icon-warning-secondary-v21-1-0:#9c5b03;
52
+ --magritte-color-component-_overlay-background-content-v21-1-0:#26262699;
53
+ }
54
+ .magritte-animation-timeout___cwIwT_1-3-26{
569
55
  --enter-animation-duration:0ms;
570
56
  --exit-animation-duration:0ms;
571
57
  }
572
58
  @media (prefers-reduced-motion: no-preference){
573
- .magritte-animation-timeout___cwIwT_1-3-24{
574
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
575
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v20-1-0);
59
+ .magritte-animation-timeout___cwIwT_1-3-26{
60
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-1-0);
61
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-1-0);
576
62
  }
577
63
  }
578
- .magritte-enter-animation-active___Qti02_1-3-24{
64
+ .magritte-enter-animation-active___Qti02_1-3-26{
579
65
  transition-property:transform, opacity;
580
66
  transition-duration:var(--enter-animation-duration);
581
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
67
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0);
582
68
  }
583
- .magritte-exit-animation-active___deHqY_1-3-24{
69
+ .magritte-exit-animation-active___deHqY_1-3-26{
584
70
  transition-property:transform, opacity;
585
71
  transition-duration:var(--exit-animation-duration);
586
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v20-1-0);
72
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0);
587
73
  }
588
- .magritte-opacity-animation___m7RYi_1-3-24{
74
+ .magritte-opacity-animation___m7RYi_1-3-26{
589
75
  pointer-events:none;
590
76
  }
591
- .magritte-opacity-animation___m7RYi_1-3-24.magritte-enter-animation___CbUHN_1-3-24{
77
+ .magritte-opacity-animation___m7RYi_1-3-26.magritte-enter-animation___CbUHN_1-3-26{
592
78
  opacity:0;
593
79
  }
594
- .magritte-opacity-animation___m7RYi_1-3-24.magritte-enter-animation-active___Qti02_1-3-24{
80
+ .magritte-opacity-animation___m7RYi_1-3-26.magritte-enter-animation-active___Qti02_1-3-26{
595
81
  opacity:1;
596
82
  }
597
- .magritte-opacity-animation___m7RYi_1-3-24.magritte-exit-animation___d2AJ4_1-3-24{
83
+ .magritte-opacity-animation___m7RYi_1-3-26.magritte-exit-animation___d2AJ4_1-3-26{
598
84
  opacity:1;
599
85
  }
600
- .magritte-opacity-animation___m7RYi_1-3-24.magritte-exit-animation-active___deHqY_1-3-24{
86
+ .magritte-opacity-animation___m7RYi_1-3-26.magritte-exit-animation-active___deHqY_1-3-26{
601
87
  opacity:0;
602
88
  }
603
- .magritte-overlay___hMlKJ_1-3-24{
89
+ .magritte-overlay___hMlKJ_1-3-26{
604
90
  display:flex;
605
91
  align-items:center;
606
92
  justify-content:center;
607
93
  position:fixed;
608
94
  inset:0;
609
- background-color:var(--magritte-color-component-_overlay-background-content-v20-1-0);
95
+ background-color:var(--magritte-color-component-_overlay-background-content-v21-1-0);
610
96
  }
611
- .magritte-mobile-container___dQRCl_1-3-24,
612
- .magritte-desktop-container___26vkq_1-3-24{
613
- background-color:var(--magritte-color-background-primary-v20-1-0);
614
- border-radius:var(--magritte-static-border-radius-600-v20-1-0);
97
+ .magritte-mobile-container___dQRCl_1-3-26,
98
+ .magritte-desktop-container___26vkq_1-3-26{
99
+ background-color:var(--magritte-color-background-primary-v21-1-0);
100
+ border-radius:var(--magritte-static-border-radius-600-v21-1-0);
615
101
  }
616
- .magritte-mobile-container___dQRCl_1-3-24{
102
+ .magritte-mobile-container___dQRCl_1-3-26{
617
103
  position:fixed;
618
104
  inset:auto 12px 16px;
619
105
  max-width:400px;
620
106
  margin:auto;
621
107
  }
622
- .magritte-desktop-container___26vkq_1-3-24{
108
+ .magritte-desktop-container___26vkq_1-3-26{
623
109
  width:400px;
624
110
  }
625
- .magritte-main___iCU-E_1-3-24{
111
+ .magritte-main___iCU-E_1-3-26{
626
112
  display:flex;
627
113
  flex-direction:column;
628
114
  align-items:center;
629
115
  padding:32px 32px 12px;
630
116
  }
631
- .magritte-icon___fLpa-_1-3-24{
117
+ .magritte-icon___fLpa-_1-3-26{
632
118
  display:flex;
633
119
  align-items:center;
634
120
  justify-content:center;
@@ -637,56 +123,56 @@
637
123
  border-radius:50%;
638
124
  margin-bottom:24px;
639
125
  }
640
- .magritte-icon_neutral___Jyl3l_1-3-24{
641
- background-color:var(--magritte-color-background-secondary-v20-1-0);
642
- --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v20-1-0);
643
- }
644
- .magritte-icon_accent___Nn-T1_1-3-24{
645
- background-color:var(--magritte-color-background-accent-secondary-v20-1-0);
646
- --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v20-1-0);
647
- }
648
- .magritte-icon_positive___OU9Zu_1-3-24{
649
- background-color:var(--magritte-color-background-positive-secondary-v20-1-0);
650
- --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v20-1-0);
651
- }
652
- .magritte-icon_warning___7BbUi_1-3-24{
653
- background-color:var(--magritte-color-background-warning-secondary-v20-1-0);
654
- --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v20-1-0);
655
- }
656
- .magritte-icon_negative___s0OA8_1-3-24{
657
- background-color:var(--magritte-color-background-negative-secondary-v20-1-0);
658
- --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v20-1-0);
659
- }
660
- .magritte-title___yG219_1-3-24{
661
- font-family:var(--magritte-typography-title-4-semibold-font-family-v20-1-0);
662
- font-weight:var(--magritte-typography-title-4-semibold-font-weight-v20-1-0);
663
- line-height:var(--magritte-typography-title-4-semibold-line-height-v20-1-0);
664
- font-size:var(--magritte-typography-title-4-semibold-font-size-v20-1-0);
665
- letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v20-1-0);
666
- text-indent:var(--magritte-typography-title-4-semibold-text-indent-v20-1-0);
667
- text-transform:var(--magritte-typography-title-4-semibold-text-transform-v20-1-0);
668
- text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v20-1-0);
669
- color:var(--magritte-color-text-primary-v20-1-0);
126
+ .magritte-icon_neutral___Jyl3l_1-3-26{
127
+ background-color:var(--magritte-color-background-secondary-v21-1-0);
128
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v21-1-0);
129
+ }
130
+ .magritte-icon_accent___Nn-T1_1-3-26{
131
+ background-color:var(--magritte-color-background-accent-secondary-v21-1-0);
132
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v21-1-0);
133
+ }
134
+ .magritte-icon_positive___OU9Zu_1-3-26{
135
+ background-color:var(--magritte-color-background-positive-secondary-v21-1-0);
136
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v21-1-0);
137
+ }
138
+ .magritte-icon_warning___7BbUi_1-3-26{
139
+ background-color:var(--magritte-color-background-warning-secondary-v21-1-0);
140
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v21-1-0);
141
+ }
142
+ .magritte-icon_negative___s0OA8_1-3-26{
143
+ background-color:var(--magritte-color-background-negative-secondary-v21-1-0);
144
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v21-1-0);
145
+ }
146
+ .magritte-title___yG219_1-3-26{
147
+ font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
148
+ font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
149
+ line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
150
+ font-size:var(--magritte-typography-title-4-semibold-font-size-v21-1-0);
151
+ letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v21-1-0);
152
+ text-indent:var(--magritte-typography-title-4-semibold-text-indent-v21-1-0);
153
+ text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
154
+ text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
155
+ color:var(--magritte-color-text-primary-v21-1-0);
670
156
  text-align:center;
671
157
  }
672
- .magritte-description___KeNoT_1-3-24{
673
- font-family:var(--magritte-typography-paragraph-2-regular-font-family-v20-1-0);
674
- font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v20-1-0);
675
- line-height:var(--magritte-typography-paragraph-2-regular-line-height-v20-1-0);
676
- font-size:var(--magritte-typography-paragraph-2-regular-font-size-v20-1-0);
677
- letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0);
678
- text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v20-1-0);
679
- text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v20-1-0);
680
- text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v20-1-0);
681
- color:var(--magritte-color-text-secondary-v20-1-0);
158
+ .magritte-description___KeNoT_1-3-26{
159
+ font-family:var(--magritte-typography-paragraph-2-regular-font-family-v21-1-0);
160
+ font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v21-1-0);
161
+ line-height:var(--magritte-typography-paragraph-2-regular-line-height-v21-1-0);
162
+ font-size:var(--magritte-typography-paragraph-2-regular-font-size-v21-1-0);
163
+ letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v21-1-0);
164
+ text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v21-1-0);
165
+ text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v21-1-0);
166
+ text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v21-1-0);
167
+ color:var(--magritte-color-text-secondary-v21-1-0);
682
168
  text-align:center;
683
169
  margin-top:6px;
684
170
  }
685
- .magritte-buttons___lyxBC_1-3-24{
171
+ .magritte-buttons___lyxBC_1-3-26{
686
172
  display:flex;
687
173
  gap:12px;
688
174
  padding:12px;
689
175
  }
690
- .magritte-buttons_vertical___8lPCo_1-3-24{
176
+ .magritte-buttons_vertical___8lPCo_1-3-26{
691
177
  flex-direction:column;
692
178
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-alert",
3
- "version": "1.3.24",
3
+ "version": "1.3.26",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,11 +24,11 @@
24
24
  "@hh.ru/magritte-common-modal-helper": "1.2.7",
25
25
  "@hh.ru/magritte-common-mouse": "1.1.13",
26
26
  "@hh.ru/magritte-common-use-swipe": "3.1.3",
27
- "@hh.ru/magritte-design-tokens": "20.1.0",
27
+ "@hh.ru/magritte-design-tokens": "21.1.0",
28
28
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
29
29
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
30
30
  "@hh.ru/magritte-ui-layer": "2.1.2",
31
- "@hh.ru/magritte-ui-theme-provider": "1.1.35"
31
+ "@hh.ru/magritte-ui-theme-provider": "1.1.37"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "classnames": ">=2.3.2",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "1b9a7be1dc135d37af5b592a39ef95e89aaa3285"
42
+ "gitHead": "6ae3dbd40e749f4dfd123c76295ec05afc2c79e0"
43
43
  }