@hh.ru/magritte-ui-alert 3.1.2 → 3.1.4

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