@hh.ru/magritte-ui-alert 1.3.17 → 1.3.19

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