@hh.ru/magritte-ui-alert 3.2.4 → 3.2.5

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