@hh.ru/magritte-ui-alert 3.0.0 → 3.0.2

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 +133 -130
  3. package/package.json +4 -4
package/Alert.js CHANGED
@@ -11,7 +11,7 @@ import { useSwipe } from '@hh.ru/magritte-common-use-swipe';
11
11
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
12
12
  import { Layer } from '@hh.ru/magritte-ui-layer';
13
13
 
14
- var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_3-0-0","animationTimeout":"magritte-animation-timeout___cwIwT_3-0-0","enter-animation-active":"magritte-enter-animation-active___Qti02_3-0-0","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-0-0","exit-animation-active":"magritte-exit-animation-active___deHqY_3-0-0","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-0-0","opacity-animation":"magritte-opacity-animation___m7RYi_3-0-0","opacityAnimation":"magritte-opacity-animation___m7RYi_3-0-0","enter-animation":"magritte-enter-animation___CbUHN_3-0-0","enterAnimation":"magritte-enter-animation___CbUHN_3-0-0","exit-animation":"magritte-exit-animation___d2AJ4_3-0-0","exitAnimation":"magritte-exit-animation___d2AJ4_3-0-0","overlay":"magritte-overlay___hMlKJ_3-0-0","mobile-container":"magritte-mobile-container___dQRCl_3-0-0","mobileContainer":"magritte-mobile-container___dQRCl_3-0-0","desktop-container":"magritte-desktop-container___26vkq_3-0-0","desktopContainer":"magritte-desktop-container___26vkq_3-0-0","main":"magritte-main___iCU-E_3-0-0","icon":"magritte-icon___fLpa-_3-0-0","icon_neutral":"magritte-icon_neutral___Jyl3l_3-0-0","iconNeutral":"magritte-icon_neutral___Jyl3l_3-0-0","icon_accent":"magritte-icon_accent___Nn-T1_3-0-0","iconAccent":"magritte-icon_accent___Nn-T1_3-0-0","icon_positive":"magritte-icon_positive___OU9Zu_3-0-0","iconPositive":"magritte-icon_positive___OU9Zu_3-0-0","icon_warning":"magritte-icon_warning___7BbUi_3-0-0","iconWarning":"magritte-icon_warning___7BbUi_3-0-0","icon_negative":"magritte-icon_negative___s0OA8_3-0-0","iconNegative":"magritte-icon_negative___s0OA8_3-0-0","title":"magritte-title___yG219_3-0-0","description":"magritte-description___KeNoT_3-0-0","buttons":"magritte-buttons___lyxBC_3-0-0","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-0-0","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-0-0"};
14
+ var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_3-0-2","animationTimeout":"magritte-animation-timeout___cwIwT_3-0-2","enter-animation-active":"magritte-enter-animation-active___Qti02_3-0-2","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-0-2","exit-animation-active":"magritte-exit-animation-active___deHqY_3-0-2","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-0-2","opacity-animation":"magritte-opacity-animation___m7RYi_3-0-2","opacityAnimation":"magritte-opacity-animation___m7RYi_3-0-2","enter-animation":"magritte-enter-animation___CbUHN_3-0-2","enterAnimation":"magritte-enter-animation___CbUHN_3-0-2","exit-animation":"magritte-exit-animation___d2AJ4_3-0-2","exitAnimation":"magritte-exit-animation___d2AJ4_3-0-2","overlay":"magritte-overlay___hMlKJ_3-0-2","mobile-container":"magritte-mobile-container___dQRCl_3-0-2","mobileContainer":"magritte-mobile-container___dQRCl_3-0-2","desktop-container":"magritte-desktop-container___26vkq_3-0-2","desktopContainer":"magritte-desktop-container___26vkq_3-0-2","main":"magritte-main___iCU-E_3-0-2","icon":"magritte-icon___fLpa-_3-0-2","icon_neutral":"magritte-icon_neutral___Jyl3l_3-0-2","iconNeutral":"magritte-icon_neutral___Jyl3l_3-0-2","icon_accent":"magritte-icon_accent___Nn-T1_3-0-2","iconAccent":"magritte-icon_accent___Nn-T1_3-0-2","icon_positive":"magritte-icon_positive___OU9Zu_3-0-2","iconPositive":"magritte-icon_positive___OU9Zu_3-0-2","icon_warning":"magritte-icon_warning___7BbUi_3-0-2","iconWarning":"magritte-icon_warning___7BbUi_3-0-2","icon_negative":"magritte-icon_negative___s0OA8_3-0-2","iconNegative":"magritte-icon_negative___s0OA8_3-0-2","title":"magritte-title___yG219_3-0-2","description":"magritte-description___KeNoT_3-0-2","buttons":"magritte-buttons___lyxBC_3-0-2","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-0-2","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-0-2"};
15
15
 
16
16
  const OPACITY_ANIMATION_CLASSES = {
17
17
  enter: classnames(styles.opacityAnimation, styles.enterAnimation),
package/index.css CHANGED
@@ -1,136 +1,139 @@
1
1
  :root{
2
- --magritte-color-background-primary-v22-1-0:#ffffff;
3
- --magritte-color-background-secondary-v22-1-0:#F1F4F9;
4
- --magritte-color-background-accent-secondary-v22-1-0:#EDF6FF;
5
- --magritte-color-background-positive-secondary-v22-1-0:#E8F9EC;
6
- --magritte-color-background-negative-secondary-v22-1-0:#FEF2EF;
7
- --magritte-color-background-warning-secondary-v22-1-0:#FFF3E6;
8
- --magritte-color-text-primary-v22-1-0:#000000;
9
- --magritte-color-text-secondary-v22-1-0:#768694;
10
- --magritte-color-icon-tertiary-v22-1-0:#AABBCA;
11
- --magritte-color-icon-accent-v22-1-0:#0070ff;
12
- --magritte-color-icon-positive-v22-1-0:#0dc267;
13
- --magritte-color-icon-negative-v22-1-0:#ff4d3a;
14
- --magritte-color-icon-warning-secondary-v22-1-0:#fdb972;
15
- --magritte-color-component-_overlay-background-content-v22-1-0:#20262b99;
16
- }
2
+ --magritte-color-background-primary-v23-0-0:#ffffff;
3
+ --magritte-color-background-secondary-v23-0-0:#F1F4F9;
4
+ --magritte-color-background-accent-secondary-v23-0-0:#EDF6FF;
5
+ --magritte-color-background-positive-secondary-v23-0-0:#E8F9EC;
6
+ --magritte-color-background-negative-secondary-v23-0-0:#FEF2EF;
7
+ --magritte-color-background-warning-secondary-v23-0-0:#FFF3E6;
8
+ --magritte-color-text-primary-v23-0-0:#000000;
9
+ --magritte-color-text-secondary-v23-0-0:#768694;
10
+ --magritte-color-icon-tertiary-v23-0-0:#AABBCA;
11
+ --magritte-color-icon-accent-v23-0-0:#0070ff;
12
+ --magritte-color-icon-positive-v23-0-0:#0dc267;
13
+ --magritte-color-icon-negative-v23-0-0:#ff4d3a;
14
+ --magritte-color-icon-warning-secondary-v23-0-0:#fdb972;
15
+ --magritte-color-component-_overlay-background-content-v23-0-0:#20262b99;
16
+ }
17
+
17
18
  :root{
18
- --magritte-typography-title-4-semibold-font-family-v22-1-0:"hh sans";
19
- --magritte-typography-title-4-semibold-font-weight-v22-1-0:500;
20
- --magritte-typography-title-4-semibold-line-height-v22-1-0:32px;
21
- --magritte-typography-title-4-semibold-font-size-v22-1-0:22px;
22
- --magritte-typography-title-4-semibold-letter-spacing-v22-1-0:-0.0075em;
23
- --magritte-typography-title-4-semibold-text-indent-v22-1-0:0px;
24
- --magritte-typography-title-4-semibold-text-transform-v22-1-0:none;
25
- --magritte-typography-title-4-semibold-text-decoration-v22-1-0:none;
26
- --magritte-typography-paragraph-2-regular-font-family-v22-1-0:"hh sans";
27
- --magritte-typography-paragraph-2-regular-font-weight-v22-1-0:400;
28
- --magritte-typography-paragraph-2-regular-line-height-v22-1-0:26px;
29
- --magritte-typography-paragraph-2-regular-font-size-v22-1-0:16px;
30
- --magritte-typography-paragraph-2-regular-letter-spacing-v22-1-0:0.005em;
31
- --magritte-typography-paragraph-2-regular-text-indent-v22-1-0:0px;
32
- --magritte-typography-paragraph-2-regular-text-transform-v22-1-0:none;
33
- --magritte-typography-paragraph-2-regular-text-decoration-v22-1-0:none;
34
- --magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
35
- --magritte-semantic-animation-ease-in-out-200-duration-v22-1-0:200ms;
36
- --magritte-static-border-radius-600-v22-1-0:24px;
37
- }
19
+ --magritte-typography-title-4-semibold-font-family-v23-0-0:"hh sans";
20
+ --magritte-typography-title-4-semibold-font-weight-v23-0-0:500;
21
+ --magritte-typography-title-4-semibold-line-height-v23-0-0:32px;
22
+ --magritte-typography-title-4-semibold-font-size-v23-0-0:22px;
23
+ --magritte-typography-title-4-semibold-letter-spacing-v23-0-0:-0.0075em;
24
+ --magritte-typography-title-4-semibold-text-indent-v23-0-0:0px;
25
+ --magritte-typography-title-4-semibold-text-transform-v23-0-0:none;
26
+ --magritte-typography-title-4-semibold-text-decoration-v23-0-0:none;
27
+ --magritte-typography-paragraph-2-regular-font-family-v23-0-0:"hh sans";
28
+ --magritte-typography-paragraph-2-regular-font-weight-v23-0-0:400;
29
+ --magritte-typography-paragraph-2-regular-line-height-v23-0-0:26px;
30
+ --magritte-typography-paragraph-2-regular-font-size-v23-0-0:16px;
31
+ --magritte-typography-paragraph-2-regular-letter-spacing-v23-0-0:0.005em;
32
+ --magritte-typography-paragraph-2-regular-text-indent-v23-0-0:0px;
33
+ --magritte-typography-paragraph-2-regular-text-transform-v23-0-0:none;
34
+ --magritte-typography-paragraph-2-regular-text-decoration-v23-0-0:none;
35
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v23-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
36
+ --magritte-semantic-animation-ease-in-out-200-duration-v23-0-0:200ms;
37
+ --magritte-static-border-radius-600-v23-0-0:24px;
38
+ }
39
+
38
40
  .magritte-night-theme{
39
- --magritte-color-background-primary-v22-1-0:#1B1B1B;
40
- --magritte-color-background-secondary-v22-1-0:#303030;
41
- --magritte-color-background-accent-secondary-v22-1-0:#222D3D;
42
- --magritte-color-background-positive-secondary-v22-1-0:#16321F;
43
- --magritte-color-background-negative-secondary-v22-1-0:#3D2622;
44
- --magritte-color-background-warning-secondary-v22-1-0:#3D270E;
45
- --magritte-color-text-primary-v22-1-0:#ffffff;
46
- --magritte-color-text-secondary-v22-1-0:#ABABAB;
47
- --magritte-color-icon-tertiary-v22-1-0:#767676;
48
- --magritte-color-icon-accent-v22-1-0:#5e9eff;
49
- --magritte-color-icon-positive-v22-1-0:#10b55f;
50
- --magritte-color-icon-negative-v22-1-0:#ff4d3a;
51
- --magritte-color-icon-warning-secondary-v22-1-0:#9c5b03;
52
- --magritte-color-component-_overlay-background-content-v22-1-0:#26262699;
53
- }
41
+ --magritte-color-background-primary-v23-0-0:#1B1B1B;
42
+ --magritte-color-background-secondary-v23-0-0:#303030;
43
+ --magritte-color-background-accent-secondary-v23-0-0:#222D3D;
44
+ --magritte-color-background-positive-secondary-v23-0-0:#16321F;
45
+ --magritte-color-background-negative-secondary-v23-0-0:#3D2622;
46
+ --magritte-color-background-warning-secondary-v23-0-0:#3D270E;
47
+ --magritte-color-text-primary-v23-0-0:#ffffff;
48
+ --magritte-color-text-secondary-v23-0-0:#ABABAB;
49
+ --magritte-color-icon-tertiary-v23-0-0:#767676;
50
+ --magritte-color-icon-accent-v23-0-0:#5e9eff;
51
+ --magritte-color-icon-positive-v23-0-0:#10b55f;
52
+ --magritte-color-icon-negative-v23-0-0:#ff4d3a;
53
+ --magritte-color-icon-warning-secondary-v23-0-0:#9c5b03;
54
+ --magritte-color-component-_overlay-background-content-v23-0-0:#26262699;
55
+ }
56
+
54
57
  .magritte-zp-day-theme{
55
- --magritte-color-background-primary-v22-1-0:#ffffff;
56
- --magritte-color-background-secondary-v22-1-0:#F1F4F9;
57
- --magritte-color-background-accent-secondary-v22-1-0:#F1F4F7;
58
- --magritte-color-background-positive-secondary-v22-1-0:#E8F9EC;
59
- --magritte-color-background-negative-secondary-v22-1-0:#FEF2EF;
60
- --magritte-color-background-warning-secondary-v22-1-0:#FFF3E6;
61
- --magritte-color-text-primary-v22-1-0:#000000;
62
- --magritte-color-text-secondary-v22-1-0:#768694;
63
- --magritte-color-icon-tertiary-v22-1-0:#DCE3EB;
64
- --magritte-color-icon-accent-v22-1-0:#7195AF;
65
- --magritte-color-icon-positive-v22-1-0:#0dc267;
66
- --magritte-color-icon-negative-v22-1-0:#ff4d3a;
67
- --magritte-color-icon-warning-secondary-v22-1-0:#fdb972;
68
- --magritte-color-component-_overlay-background-content-v22-1-0:#20262b99;
69
- }
70
- .magritte-animation-timeout___cwIwT_3-0-0{
58
+ --magritte-color-background-primary-v23-0-0:#ffffff;
59
+ --magritte-color-background-secondary-v23-0-0:#F1F4F9;
60
+ --magritte-color-background-accent-secondary-v23-0-0:#F1F4F7;
61
+ --magritte-color-background-positive-secondary-v23-0-0:#E8F9EC;
62
+ --magritte-color-background-negative-secondary-v23-0-0:#FEF2EF;
63
+ --magritte-color-background-warning-secondary-v23-0-0:#FFF3E6;
64
+ --magritte-color-text-primary-v23-0-0:#000000;
65
+ --magritte-color-text-secondary-v23-0-0:#768694;
66
+ --magritte-color-icon-tertiary-v23-0-0:#DCE3EB;
67
+ --magritte-color-icon-accent-v23-0-0:#7195AF;
68
+ --magritte-color-icon-positive-v23-0-0:#0dc267;
69
+ --magritte-color-icon-negative-v23-0-0:#ff4d3a;
70
+ --magritte-color-icon-warning-secondary-v23-0-0:#fdb972;
71
+ --magritte-color-component-_overlay-background-content-v23-0-0:#20262b99;
72
+ }
73
+ .magritte-animation-timeout___cwIwT_3-0-2{
71
74
  --enter-animation-duration:0ms;
72
75
  --exit-animation-duration:0ms;
73
76
  }
74
77
  @media (prefers-reduced-motion: no-preference){
75
- .magritte-animation-timeout___cwIwT_3-0-0{
76
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
77
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v22-1-0);
78
+ .magritte-animation-timeout___cwIwT_3-0-2{
79
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-0-0);
80
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-0-0);
78
81
  }
79
82
  }
80
- .magritte-enter-animation-active___Qti02_3-0-0{
83
+ .magritte-enter-animation-active___Qti02_3-0-2{
81
84
  transition-property:transform, opacity;
82
85
  transition-duration:var(--enter-animation-duration);
83
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0);
86
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-0-0);
84
87
  }
85
- .magritte-exit-animation-active___deHqY_3-0-0{
88
+ .magritte-exit-animation-active___deHqY_3-0-2{
86
89
  transition-property:transform, opacity;
87
90
  transition-duration:var(--exit-animation-duration);
88
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0);
91
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-0-0);
89
92
  }
90
- .magritte-opacity-animation___m7RYi_3-0-0{
93
+ .magritte-opacity-animation___m7RYi_3-0-2{
91
94
  pointer-events:none;
92
95
  }
93
- .magritte-opacity-animation___m7RYi_3-0-0.magritte-enter-animation___CbUHN_3-0-0{
96
+ .magritte-opacity-animation___m7RYi_3-0-2.magritte-enter-animation___CbUHN_3-0-2{
94
97
  opacity:0;
95
98
  }
96
- .magritte-opacity-animation___m7RYi_3-0-0.magritte-enter-animation-active___Qti02_3-0-0{
99
+ .magritte-opacity-animation___m7RYi_3-0-2.magritte-enter-animation-active___Qti02_3-0-2{
97
100
  opacity:1;
98
101
  }
99
- .magritte-opacity-animation___m7RYi_3-0-0.magritte-exit-animation___d2AJ4_3-0-0{
102
+ .magritte-opacity-animation___m7RYi_3-0-2.magritte-exit-animation___d2AJ4_3-0-2{
100
103
  opacity:1;
101
104
  }
102
- .magritte-opacity-animation___m7RYi_3-0-0.magritte-exit-animation-active___deHqY_3-0-0{
105
+ .magritte-opacity-animation___m7RYi_3-0-2.magritte-exit-animation-active___deHqY_3-0-2{
103
106
  opacity:0;
104
107
  }
105
- .magritte-overlay___hMlKJ_3-0-0{
108
+ .magritte-overlay___hMlKJ_3-0-2{
106
109
  display:flex;
107
110
  align-items:center;
108
111
  justify-content:center;
109
112
  position:fixed;
110
113
  inset:0;
111
- background-color:var(--magritte-color-component-_overlay-background-content-v22-1-0);
114
+ background-color:var(--magritte-color-component-_overlay-background-content-v23-0-0);
112
115
  }
113
- .magritte-mobile-container___dQRCl_3-0-0,
114
- .magritte-desktop-container___26vkq_3-0-0{
115
- background-color:var(--magritte-color-background-primary-v22-1-0);
116
- border-radius:var(--magritte-static-border-radius-600-v22-1-0);
116
+ .magritte-mobile-container___dQRCl_3-0-2,
117
+ .magritte-desktop-container___26vkq_3-0-2{
118
+ background-color:var(--magritte-color-background-primary-v23-0-0);
119
+ border-radius:var(--magritte-static-border-radius-600-v23-0-0);
117
120
  }
118
- .magritte-mobile-container___dQRCl_3-0-0{
121
+ .magritte-mobile-container___dQRCl_3-0-2{
119
122
  position:fixed;
120
123
  inset:auto 12px 16px;
121
124
  max-width:400px;
122
125
  margin:auto;
123
126
  }
124
- .magritte-desktop-container___26vkq_3-0-0{
127
+ .magritte-desktop-container___26vkq_3-0-2{
125
128
  width:400px;
126
129
  }
127
- .magritte-main___iCU-E_3-0-0{
130
+ .magritte-main___iCU-E_3-0-2{
128
131
  display:flex;
129
132
  flex-direction:column;
130
133
  align-items:center;
131
134
  padding:32px 32px 12px;
132
135
  }
133
- .magritte-icon___fLpa-_3-0-0{
136
+ .magritte-icon___fLpa-_3-0-2{
134
137
  display:flex;
135
138
  align-items:center;
136
139
  justify-content:center;
@@ -139,56 +142,56 @@
139
142
  border-radius:50%;
140
143
  margin-bottom:24px;
141
144
  }
142
- .magritte-icon_neutral___Jyl3l_3-0-0{
143
- background-color:var(--magritte-color-background-secondary-v22-1-0);
144
- --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v22-1-0);
145
- }
146
- .magritte-icon_accent___Nn-T1_3-0-0{
147
- background-color:var(--magritte-color-background-accent-secondary-v22-1-0);
148
- --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v22-1-0);
149
- }
150
- .magritte-icon_positive___OU9Zu_3-0-0{
151
- background-color:var(--magritte-color-background-positive-secondary-v22-1-0);
152
- --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v22-1-0);
153
- }
154
- .magritte-icon_warning___7BbUi_3-0-0{
155
- background-color:var(--magritte-color-background-warning-secondary-v22-1-0);
156
- --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v22-1-0);
157
- }
158
- .magritte-icon_negative___s0OA8_3-0-0{
159
- background-color:var(--magritte-color-background-negative-secondary-v22-1-0);
160
- --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v22-1-0);
161
- }
162
- .magritte-title___yG219_3-0-0{
163
- font-family:var(--magritte-typography-title-4-semibold-font-family-v22-1-0);
164
- font-weight:var(--magritte-typography-title-4-semibold-font-weight-v22-1-0);
165
- line-height:var(--magritte-typography-title-4-semibold-line-height-v22-1-0);
166
- font-size:var(--magritte-typography-title-4-semibold-font-size-v22-1-0);
167
- letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v22-1-0);
168
- text-indent:var(--magritte-typography-title-4-semibold-text-indent-v22-1-0);
169
- text-transform:var(--magritte-typography-title-4-semibold-text-transform-v22-1-0);
170
- text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v22-1-0);
171
- color:var(--magritte-color-text-primary-v22-1-0);
145
+ .magritte-icon_neutral___Jyl3l_3-0-2{
146
+ background-color:var(--magritte-color-background-secondary-v23-0-0);
147
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v23-0-0);
148
+ }
149
+ .magritte-icon_accent___Nn-T1_3-0-2{
150
+ background-color:var(--magritte-color-background-accent-secondary-v23-0-0);
151
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v23-0-0);
152
+ }
153
+ .magritte-icon_positive___OU9Zu_3-0-2{
154
+ background-color:var(--magritte-color-background-positive-secondary-v23-0-0);
155
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v23-0-0);
156
+ }
157
+ .magritte-icon_warning___7BbUi_3-0-2{
158
+ background-color:var(--magritte-color-background-warning-secondary-v23-0-0);
159
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v23-0-0);
160
+ }
161
+ .magritte-icon_negative___s0OA8_3-0-2{
162
+ background-color:var(--magritte-color-background-negative-secondary-v23-0-0);
163
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v23-0-0);
164
+ }
165
+ .magritte-title___yG219_3-0-2{
166
+ font-family:var(--magritte-typography-title-4-semibold-font-family-v23-0-0);
167
+ font-weight:var(--magritte-typography-title-4-semibold-font-weight-v23-0-0);
168
+ line-height:var(--magritte-typography-title-4-semibold-line-height-v23-0-0);
169
+ font-size:var(--magritte-typography-title-4-semibold-font-size-v23-0-0);
170
+ letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v23-0-0);
171
+ text-indent:var(--magritte-typography-title-4-semibold-text-indent-v23-0-0);
172
+ text-transform:var(--magritte-typography-title-4-semibold-text-transform-v23-0-0);
173
+ text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v23-0-0);
174
+ color:var(--magritte-color-text-primary-v23-0-0);
172
175
  text-align:center;
173
176
  }
174
- .magritte-description___KeNoT_3-0-0{
175
- font-family:var(--magritte-typography-paragraph-2-regular-font-family-v22-1-0);
176
- font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v22-1-0);
177
- line-height:var(--magritte-typography-paragraph-2-regular-line-height-v22-1-0);
178
- font-size:var(--magritte-typography-paragraph-2-regular-font-size-v22-1-0);
179
- letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v22-1-0);
180
- text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v22-1-0);
181
- text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v22-1-0);
182
- text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v22-1-0);
183
- color:var(--magritte-color-text-secondary-v22-1-0);
177
+ .magritte-description___KeNoT_3-0-2{
178
+ font-family:var(--magritte-typography-paragraph-2-regular-font-family-v23-0-0);
179
+ font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v23-0-0);
180
+ line-height:var(--magritte-typography-paragraph-2-regular-line-height-v23-0-0);
181
+ font-size:var(--magritte-typography-paragraph-2-regular-font-size-v23-0-0);
182
+ letter-spacing:var(--magritte-typography-paragraph-2-regular-letter-spacing-v23-0-0);
183
+ text-indent:var(--magritte-typography-paragraph-2-regular-text-indent-v23-0-0);
184
+ text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v23-0-0);
185
+ text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v23-0-0);
186
+ color:var(--magritte-color-text-secondary-v23-0-0);
184
187
  text-align:center;
185
188
  margin-top:6px;
186
189
  }
187
- .magritte-buttons___lyxBC_3-0-0{
190
+ .magritte-buttons___lyxBC_3-0-2{
188
191
  display:flex;
189
192
  gap:12px;
190
193
  padding:12px;
191
194
  }
192
- .magritte-buttons_vertical___8lPCo_3-0-0{
195
+ .magritte-buttons_vertical___8lPCo_3-0-2{
193
196
  flex-direction:column;
194
197
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-alert",
3
- "version": "3.0.0",
3
+ "version": "3.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,9 +23,9 @@
23
23
  "@hh.ru/magritte-common-modal-helper": "1.2.10",
24
24
  "@hh.ru/magritte-common-mouse": "1.1.15",
25
25
  "@hh.ru/magritte-common-use-swipe": "3.1.6",
26
- "@hh.ru/magritte-design-tokens": "22.1.0",
26
+ "@hh.ru/magritte-design-tokens": "23.0.0",
27
27
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
28
- "@hh.ru/magritte-ui-breakpoint": "5.0.3",
28
+ "@hh.ru/magritte-ui-breakpoint": "6.0.0",
29
29
  "@hh.ru/magritte-ui-layer": "3.0.2"
30
30
  },
31
31
  "peerDependencies": {
@@ -37,5 +37,5 @@
37
37
  "publishConfig": {
38
38
  "access": "public"
39
39
  },
40
- "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
40
+ "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
41
41
  }