@hh.ru/magritte-ui-alert 3.1.9 → 3.1.10

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
@@ -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-9","animationTimeout":"magritte-animation-timeout___cwIwT_3-1-9","enter-animation-active":"magritte-enter-animation-active___Qti02_3-1-9","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-1-9","exit-animation-active":"magritte-exit-animation-active___deHqY_3-1-9","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-1-9","opacity-animation":"magritte-opacity-animation___m7RYi_3-1-9","opacityAnimation":"magritte-opacity-animation___m7RYi_3-1-9","enter-animation":"magritte-enter-animation___CbUHN_3-1-9","enterAnimation":"magritte-enter-animation___CbUHN_3-1-9","exit-animation":"magritte-exit-animation___d2AJ4_3-1-9","exitAnimation":"magritte-exit-animation___d2AJ4_3-1-9","overlay":"magritte-overlay___hMlKJ_3-1-9","mobile-container":"magritte-mobile-container___dQRCl_3-1-9","mobileContainer":"magritte-mobile-container___dQRCl_3-1-9","desktop-container":"magritte-desktop-container___26vkq_3-1-9","desktopContainer":"magritte-desktop-container___26vkq_3-1-9","main":"magritte-main___iCU-E_3-1-9","icon":"magritte-icon___fLpa-_3-1-9","icon_neutral":"magritte-icon_neutral___Jyl3l_3-1-9","iconNeutral":"magritte-icon_neutral___Jyl3l_3-1-9","icon_accent":"magritte-icon_accent___Nn-T1_3-1-9","iconAccent":"magritte-icon_accent___Nn-T1_3-1-9","icon_positive":"magritte-icon_positive___OU9Zu_3-1-9","iconPositive":"magritte-icon_positive___OU9Zu_3-1-9","icon_warning":"magritte-icon_warning___7BbUi_3-1-9","iconWarning":"magritte-icon_warning___7BbUi_3-1-9","icon_negative":"magritte-icon_negative___s0OA8_3-1-9","iconNegative":"magritte-icon_negative___s0OA8_3-1-9","title":"magritte-title___yG219_3-1-9","description":"magritte-description___KeNoT_3-1-9","buttons":"magritte-buttons___lyxBC_3-1-9","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-1-9","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-1-9"};
15
+ var styles = {"animation-timeout":"magritte-animation-timeout___cwIwT_3-1-10","animationTimeout":"magritte-animation-timeout___cwIwT_3-1-10","enter-animation-active":"magritte-enter-animation-active___Qti02_3-1-10","enterAnimationActive":"magritte-enter-animation-active___Qti02_3-1-10","exit-animation-active":"magritte-exit-animation-active___deHqY_3-1-10","exitAnimationActive":"magritte-exit-animation-active___deHqY_3-1-10","opacity-animation":"magritte-opacity-animation___m7RYi_3-1-10","opacityAnimation":"magritte-opacity-animation___m7RYi_3-1-10","enter-animation":"magritte-enter-animation___CbUHN_3-1-10","enterAnimation":"magritte-enter-animation___CbUHN_3-1-10","exit-animation":"magritte-exit-animation___d2AJ4_3-1-10","exitAnimation":"magritte-exit-animation___d2AJ4_3-1-10","overlay":"magritte-overlay___hMlKJ_3-1-10","mobile-container":"magritte-mobile-container___dQRCl_3-1-10","mobileContainer":"magritte-mobile-container___dQRCl_3-1-10","desktop-container":"magritte-desktop-container___26vkq_3-1-10","desktopContainer":"magritte-desktop-container___26vkq_3-1-10","main":"magritte-main___iCU-E_3-1-10","icon":"magritte-icon___fLpa-_3-1-10","icon_neutral":"magritte-icon_neutral___Jyl3l_3-1-10","iconNeutral":"magritte-icon_neutral___Jyl3l_3-1-10","icon_accent":"magritte-icon_accent___Nn-T1_3-1-10","iconAccent":"magritte-icon_accent___Nn-T1_3-1-10","icon_positive":"magritte-icon_positive___OU9Zu_3-1-10","iconPositive":"magritte-icon_positive___OU9Zu_3-1-10","icon_warning":"magritte-icon_warning___7BbUi_3-1-10","iconWarning":"magritte-icon_warning___7BbUi_3-1-10","icon_negative":"magritte-icon_negative___s0OA8_3-1-10","iconNegative":"magritte-icon_negative___s0OA8_3-1-10","title":"magritte-title___yG219_3-1-10","description":"magritte-description___KeNoT_3-1-10","buttons":"magritte-buttons___lyxBC_3-1-10","buttons_vertical":"magritte-buttons_vertical___8lPCo_3-1-10","buttonsVertical":"magritte-buttons_vertical___8lPCo_3-1-10"};
16
16
 
17
17
  const OPACITY_ANIMATION_CLASSES = {
18
18
  enter: classnames(styles.opacityAnimation, styles.enterAnimation),
package/index.css CHANGED
@@ -1,109 +1,109 @@
1
1
  :root{
2
- --magritte-color-background-primary-v24-0-2:#ffffff;
3
- --magritte-color-background-secondary-v24-0-2:#F1F4F9;
4
- --magritte-color-background-accent-secondary-v24-0-2:#EDF6FF;
5
- --magritte-color-background-positive-secondary-v24-0-2:#E8F9EC;
6
- --magritte-color-background-negative-secondary-v24-0-2:#FEF2EF;
7
- --magritte-color-background-warning-secondary-v24-0-2:#FFF3E6;
8
- --magritte-color-text-primary-v24-0-2:#000000;
9
- --magritte-color-text-secondary-v24-0-2:#768694;
10
- --magritte-color-icon-tertiary-v24-0-2:#AABBCA;
11
- --magritte-color-icon-accent-v24-0-2:#0070ff;
12
- --magritte-color-icon-positive-v24-0-2:#0dc267;
13
- --magritte-color-icon-negative-v24-0-2:#ff4d3a;
14
- --magritte-color-icon-warning-secondary-v24-0-2:#fdb972;
15
- --magritte-color-component-_overlay-background-content-v24-0-2:#20262b99;
2
+ --magritte-color-background-primary-v24-1-0:#ffffff;
3
+ --magritte-color-background-secondary-v24-1-0:#F1F4F9;
4
+ --magritte-color-background-accent-secondary-v24-1-0:#EDF6FF;
5
+ --magritte-color-background-positive-secondary-v24-1-0:#E8F9EC;
6
+ --magritte-color-background-negative-secondary-v24-1-0:#FEF2EF;
7
+ --magritte-color-background-warning-secondary-v24-1-0:#FFF3E6;
8
+ --magritte-color-text-primary-v24-1-0:#000000;
9
+ --magritte-color-text-secondary-v24-1-0:#768694;
10
+ --magritte-color-icon-tertiary-v24-1-0:#AABBCA;
11
+ --magritte-color-icon-accent-v24-1-0:#0070ff;
12
+ --magritte-color-icon-positive-v24-1-0:#0dc267;
13
+ --magritte-color-icon-negative-v24-1-0:#ff4d3a;
14
+ --magritte-color-icon-warning-secondary-v24-1-0:#fdb972;
15
+ --magritte-color-component-_overlay-background-content-v24-1-0:#20262b99;
16
16
  }
17
17
 
18
18
  :root{
19
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-0-2:cubic-bezier(0.25, 0.1, 0.25, 1);
20
- --magritte-semantic-animation-ease-in-out-200-duration-v24-0-2:200ms;
19
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
20
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-1-0:200ms;
21
21
  }
22
22
 
23
23
  .magritte-night-theme{
24
- --magritte-color-background-primary-v24-0-2:#1B1B1B;
25
- --magritte-color-background-secondary-v24-0-2:#303030;
26
- --magritte-color-background-accent-secondary-v24-0-2:#222D3D;
27
- --magritte-color-background-positive-secondary-v24-0-2:#16321F;
28
- --magritte-color-background-negative-secondary-v24-0-2:#3D2622;
29
- --magritte-color-background-warning-secondary-v24-0-2:#3D270E;
30
- --magritte-color-text-primary-v24-0-2:#ffffff;
31
- --magritte-color-text-secondary-v24-0-2:#ABABAB;
32
- --magritte-color-icon-tertiary-v24-0-2:#767676;
33
- --magritte-color-icon-accent-v24-0-2:#5e9eff;
34
- --magritte-color-icon-positive-v24-0-2:#10b55f;
35
- --magritte-color-icon-warning-secondary-v24-0-2:#9c5b03;
36
- --magritte-color-component-_overlay-background-content-v24-0-2:#26262699;
24
+ --magritte-color-background-primary-v24-1-0:#1B1B1B;
25
+ --magritte-color-background-secondary-v24-1-0:#303030;
26
+ --magritte-color-background-accent-secondary-v24-1-0:#222D3D;
27
+ --magritte-color-background-positive-secondary-v24-1-0:#16321F;
28
+ --magritte-color-background-negative-secondary-v24-1-0:#3D2622;
29
+ --magritte-color-background-warning-secondary-v24-1-0:#3D270E;
30
+ --magritte-color-text-primary-v24-1-0:#ffffff;
31
+ --magritte-color-text-secondary-v24-1-0:#ABABAB;
32
+ --magritte-color-icon-tertiary-v24-1-0:#767676;
33
+ --magritte-color-icon-accent-v24-1-0:#5e9eff;
34
+ --magritte-color-icon-positive-v24-1-0:#10b55f;
35
+ --magritte-color-icon-warning-secondary-v24-1-0:#9c5b03;
36
+ --magritte-color-component-_overlay-background-content-v24-1-0:#26262699;
37
37
  }
38
38
 
39
39
  .magritte-zp-day-theme{
40
- --magritte-color-background-accent-secondary-v24-0-2:#F1F4F7;
41
- --magritte-color-icon-accent-v24-0-2:#7195AF;
40
+ --magritte-color-background-accent-secondary-v24-1-0:#F1F4F7;
41
+ --magritte-color-icon-accent-v24-1-0:#7195AF;
42
42
  }
43
- .magritte-animation-timeout___cwIwT_3-1-9{
43
+ .magritte-animation-timeout___cwIwT_3-1-10{
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-1-9{
49
- --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-0-2);
50
- --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-0-2);
48
+ .magritte-animation-timeout___cwIwT_3-1-10{
49
+ --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-1-0);
50
+ --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-1-0);
51
51
  }
52
52
  }
53
- .magritte-enter-animation-active___Qti02_3-1-9{
53
+ .magritte-enter-animation-active___Qti02_3-1-10{
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-0-2);
56
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-1-0);
57
57
  }
58
- .magritte-exit-animation-active___deHqY_3-1-9{
58
+ .magritte-exit-animation-active___deHqY_3-1-10{
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-0-2);
61
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-1-0);
62
62
  }
63
- .magritte-opacity-animation___m7RYi_3-1-9{
63
+ .magritte-opacity-animation___m7RYi_3-1-10{
64
64
  pointer-events:none;
65
65
  }
66
- .magritte-opacity-animation___m7RYi_3-1-9.magritte-enter-animation___CbUHN_3-1-9{
66
+ .magritte-opacity-animation___m7RYi_3-1-10.magritte-enter-animation___CbUHN_3-1-10{
67
67
  opacity:0;
68
68
  }
69
- .magritte-opacity-animation___m7RYi_3-1-9.magritte-enter-animation-active___Qti02_3-1-9{
69
+ .magritte-opacity-animation___m7RYi_3-1-10.magritte-enter-animation-active___Qti02_3-1-10{
70
70
  opacity:1;
71
71
  }
72
- .magritte-opacity-animation___m7RYi_3-1-9.magritte-exit-animation___d2AJ4_3-1-9{
72
+ .magritte-opacity-animation___m7RYi_3-1-10.magritte-exit-animation___d2AJ4_3-1-10{
73
73
  opacity:1;
74
74
  }
75
- .magritte-opacity-animation___m7RYi_3-1-9.magritte-exit-animation-active___deHqY_3-1-9{
75
+ .magritte-opacity-animation___m7RYi_3-1-10.magritte-exit-animation-active___deHqY_3-1-10{
76
76
  opacity:0;
77
77
  }
78
- .magritte-overlay___hMlKJ_3-1-9{
78
+ .magritte-overlay___hMlKJ_3-1-10{
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-0-2);
84
+ background-color:var(--magritte-color-component-_overlay-background-content-v24-1-0);
85
85
  }
86
- .magritte-mobile-container___dQRCl_3-1-9,
87
- .magritte-desktop-container___26vkq_3-1-9{
88
- background-color:var(--magritte-color-background-primary-v24-0-2);
86
+ .magritte-mobile-container___dQRCl_3-1-10,
87
+ .magritte-desktop-container___26vkq_3-1-10{
88
+ background-color:var(--magritte-color-background-primary-v24-1-0);
89
89
  border-radius:24px;
90
90
  }
91
- .magritte-mobile-container___dQRCl_3-1-9{
91
+ .magritte-mobile-container___dQRCl_3-1-10{
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-1-9{
97
+ .magritte-desktop-container___26vkq_3-1-10{
98
98
  width:400px;
99
99
  }
100
- .magritte-main___iCU-E_3-1-9{
100
+ .magritte-main___iCU-E_3-1-10{
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-1-9{
106
+ .magritte-icon___fLpa-_3-1-10{
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-1-9{
116
- background-color:var(--magritte-color-background-secondary-v24-0-2);
117
- --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-0-2);
115
+ .magritte-icon_neutral___Jyl3l_3-1-10{
116
+ background-color:var(--magritte-color-background-secondary-v24-1-0);
117
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-tertiary-v24-1-0);
118
118
  }
119
- .magritte-icon_accent___Nn-T1_3-1-9{
120
- background-color:var(--magritte-color-background-accent-secondary-v24-0-2);
121
- --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-0-2);
119
+ .magritte-icon_accent___Nn-T1_3-1-10{
120
+ background-color:var(--magritte-color-background-accent-secondary-v24-1-0);
121
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-accent-v24-1-0);
122
122
  }
123
- .magritte-icon_positive___OU9Zu_3-1-9{
124
- background-color:var(--magritte-color-background-positive-secondary-v24-0-2);
125
- --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v24-0-2);
123
+ .magritte-icon_positive___OU9Zu_3-1-10{
124
+ background-color:var(--magritte-color-background-positive-secondary-v24-1-0);
125
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-positive-v24-1-0);
126
126
  }
127
- .magritte-icon_warning___7BbUi_3-1-9{
128
- background-color:var(--magritte-color-background-warning-secondary-v24-0-2);
129
- --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v24-0-2);
127
+ .magritte-icon_warning___7BbUi_3-1-10{
128
+ background-color:var(--magritte-color-background-warning-secondary-v24-1-0);
129
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-warning-secondary-v24-1-0);
130
130
  }
131
- .magritte-icon_negative___s0OA8_3-1-9{
132
- background-color:var(--magritte-color-background-negative-secondary-v24-0-2);
133
- --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v24-0-2);
131
+ .magritte-icon_negative___s0OA8_3-1-10{
132
+ background-color:var(--magritte-color-background-negative-secondary-v24-1-0);
133
+ --magritte-ui-icon-color-override:var(--magritte-color-icon-negative-v24-1-0);
134
134
  }
135
- .magritte-title___yG219_3-1-9{
135
+ .magritte-title___yG219_3-1-10{
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-0-2);
144
+ color:var(--magritte-color-text-primary-v24-1-0);
145
145
  text-align:center;
146
146
  }
147
- .magritte-description___KeNoT_3-1-9{
147
+ .magritte-description___KeNoT_3-1-10{
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-0-2);
156
+ color:var(--magritte-color-text-secondary-v24-1-0);
157
157
  text-align:center;
158
158
  margin-top:6px;
159
159
  }
160
- .magritte-buttons___lyxBC_3-1-9{
160
+ .magritte-buttons___lyxBC_3-1-10{
161
161
  display:flex;
162
162
  gap:12px;
163
163
  padding:12px;
164
164
  }
165
- .magritte-buttons_vertical___8lPCo_3-1-9{
165
+ .magritte-buttons_vertical___8lPCo_3-1-10{
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.1.9",
3
+ "version": "3.1.10",
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.7",
25
25
  "@hh.ru/magritte-common-use-swipe": "3.1.8",
26
- "@hh.ru/magritte-design-tokens": "24.0.2",
26
+ "@hh.ru/magritte-design-tokens": "24.1.0",
27
27
  "@hh.ru/magritte-internal-layer-name": "3.2.0",
28
28
  "@hh.ru/magritte-ui-breakpoint": "6.0.2",
29
29
  "@hh.ru/magritte-ui-layer": "3.1.0",
30
- "@hh.ru/magritte-ui-theme-wrapper": "1.1.6"
30
+ "@hh.ru/magritte-ui-theme-wrapper": "1.1.7"
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": "fb00ac076efc693c4d42541accc1b304078eca58"
41
+ "gitHead": "bcc47002e5afb62cdb3f71fee209867b84407086"
42
42
  }