@hh.ru/magritte-ui-snackbar 5.1.26 → 5.1.27

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.
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useContext, useCallback, Fragment } from 'react';
4
4
  import { SnackbarContext } from './context.js';
5
- import { s as styles } from './snackbar-BcgOzarJ.js';
5
+ import { s as styles } from './snackbar-X_1fpNJg.js';
6
6
 
7
7
  const SnackbarContainer = ({ children, id, ...props }) => {
8
8
  const context = useContext(SnackbarContext);
@@ -5,7 +5,7 @@ import { createPortal } from 'react-dom';
5
5
  import { SnackbarRenderer } from './SnackbarRenderer.js';
6
6
  import { SnackbarContext } from './context.js';
7
7
  import { SnackbarTransitionName } from './types.js';
8
- import { s as styles } from './snackbar-BcgOzarJ.js';
8
+ import { s as styles } from './snackbar-X_1fpNJg.js';
9
9
  import 'react-transition-group';
10
10
  import 'classnames';
11
11
  import '@hh.ru/magritte-common-func-utils';
@@ -14,7 +14,7 @@ import { Link } from '@hh.ru/magritte-ui-link';
14
14
  import { SnackbarTransitionName, SnackbarLayout } from './types.js';
15
15
  import { useAriaSnackbar } from './useAriaSnackbar.js';
16
16
  import { useTimer, Timer } from '@hh.ru/magritte-ui-timer';
17
- import { s as styles } from './snackbar-BcgOzarJ.js';
17
+ import { s as styles } from './snackbar-X_1fpNJg.js';
18
18
 
19
19
  const CLASS_NAMES = {
20
20
  [SnackbarTransitionName.Show]: {
package/index.css CHANGED
@@ -46,13 +46,13 @@
46
46
  --magritte-color-component-snackbar-text-state-action-pressed-v23-0-0:#78c0ff;
47
47
  --magritte-color-component-snackbar-text-state-action-disabled-v23-0-0:#AABBCA;
48
48
  }
49
- .magritte-snackbar-container___SeRql_5-1-26{
49
+ .magritte-snackbar-container___SeRql_5-1-27{
50
50
  pointer-events:none;
51
51
  position:absolute;
52
52
  inset:0;
53
53
  }
54
- .magritte-snackbar-animation-timeout___EQLvG_5-1-26,
55
- .magritte-snackbar___jgq4H_5-1-26{
54
+ .magritte-snackbar-animation-timeout___EQLvG_5-1-27,
55
+ .magritte-snackbar___jgq4H_5-1-27{
56
56
  outline:none;
57
57
  --show-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v23-0-0);
58
58
  --hide-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v23-0-0);
@@ -65,8 +65,8 @@
65
65
  --magritte-color-component-action-icon-secondary-disabled-override:var(--magritte-color-component-snackbar-text-state-action-disabled-v23-0-0);
66
66
  }
67
67
  @media (prefers-reduced-motion){
68
- .magritte-snackbar-animation-timeout___EQLvG_5-1-26,
69
- .magritte-snackbar___jgq4H_5-1-26{
68
+ .magritte-snackbar-animation-timeout___EQLvG_5-1-27,
69
+ .magritte-snackbar___jgq4H_5-1-27{
70
70
  --show-animation-duration:0;
71
71
  --hide-animation-duration:0;
72
72
  --autohide-animation-duration:0;
@@ -74,88 +74,88 @@
74
74
  --removeImmediately-animation-duration:0;
75
75
  }
76
76
  }
77
- .magritte-snackbar-animation-timeout___EQLvG_5-1-26{
77
+ .magritte-snackbar-animation-timeout___EQLvG_5-1-27{
78
78
  display:none;
79
79
  }
80
- .magritte-snackbar___jgq4H_5-1-26{
80
+ .magritte-snackbar___jgq4H_5-1-27{
81
81
  background:var(--magritte-color-component-snackbar-background-content-v23-0-0);
82
82
  color:var(--magritte-color-component-snackbar-text-content-v23-0-0);
83
83
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-snackbar-stroke-content-v23-0-0);
84
84
  position:absolute;
85
85
  pointer-events:auto;
86
86
  }
87
- .magritte-snackbar_align-top___WWWbk_5-1-26{
87
+ .magritte-snackbar_align-top___WWWbk_5-1-27{
88
88
  inset:16px 16px auto;
89
89
  }
90
90
  @media (min-width: 1020px){
91
- body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_5-1-26{
91
+ body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_5-1-27{
92
92
  inset:0 0 auto;
93
93
  }
94
94
  }
95
95
  @media (min-width: 1024px){
96
- body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_5-1-26{
96
+ body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_5-1-27{
97
97
  inset:0 0 auto;
98
98
  }
99
99
  }
100
- .magritte-snackbar_align-bottom___tCBBP_5-1-26{
100
+ .magritte-snackbar_align-bottom___tCBBP_5-1-27{
101
101
  inset:auto 16px 16px;
102
102
  }
103
103
  @media (min-width: 1020px){
104
- body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_5-1-26{
104
+ body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_5-1-27{
105
105
  inset:auto 0 0;
106
106
  }
107
107
  }
108
108
  @media (min-width: 1024px){
109
- body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_5-1-26{
109
+ body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_5-1-27{
110
110
  inset:auto 0 0;
111
111
  }
112
112
  }
113
- .magritte-snackbar-in-body___Zer4o_5-1-26{
113
+ .magritte-snackbar-in-body___Zer4o_5-1-27{
114
114
  position:fixed;
115
115
  }
116
116
  @media (min-width: 1020px){
117
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-26{
117
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-27{
118
118
  box-sizing:border-box;
119
119
  margin:auto;
120
120
  max-width:600px;
121
121
  }
122
122
  }
123
123
  @media (min-width: 1024px){
124
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-26{
124
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-27{
125
125
  box-sizing:border-box;
126
126
  margin:auto;
127
127
  max-width:600px;
128
128
  }
129
129
  }
130
130
  @media (min-width: 1020px){
131
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-26.magritte-snackbar_align-top___WWWbk_5-1-26{
131
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-27.magritte-snackbar_align-top___WWWbk_5-1-27{
132
132
  inset:48px 16px auto 16px;
133
133
  }
134
134
  }
135
135
  @media (min-width: 1024px){
136
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-26.magritte-snackbar_align-top___WWWbk_5-1-26{
136
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-27.magritte-snackbar_align-top___WWWbk_5-1-27{
137
137
  inset:48px 16px auto 16px;
138
138
  }
139
139
  }
140
140
  @media (min-width: 1020px){
141
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-26.magritte-snackbar_align-bottom___tCBBP_5-1-26{
141
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_5-1-27.magritte-snackbar_align-bottom___tCBBP_5-1-27{
142
142
  inset:auto 16px 48px 16px;
143
143
  }
144
144
  }
145
145
  @media (min-width: 1024px){
146
- body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-26.magritte-snackbar_align-bottom___tCBBP_5-1-26{
146
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_5-1-27.magritte-snackbar_align-bottom___tCBBP_5-1-27{
147
147
  inset:auto 16px 48px 16px;
148
148
  }
149
149
  }
150
- .magritte-snackbar-content___MlP5J_5-1-26{
150
+ .magritte-snackbar-content___MlP5J_5-1-27{
151
151
  display:flex;
152
152
  }
153
- .magritte-snackbar-addon___-eJn7_5-1-26{
153
+ .magritte-snackbar-addon___-eJn7_5-1-27{
154
154
  margin-right:12px;
155
155
  width:24px;
156
156
  height:24px;
157
157
  }
158
- .magritte-snackbar-text___PCxnB_5-1-26{
158
+ .magritte-snackbar-text___PCxnB_5-1-27{
159
159
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
160
160
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
161
161
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
@@ -166,71 +166,71 @@
166
166
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
167
167
  margin-right:auto;
168
168
  }
169
- .magritte-snackbar-text-and-action___weegp_5-1-26{
169
+ .magritte-snackbar-text-and-action___weegp_5-1-27{
170
170
  display:flex;
171
171
  width:100%;
172
172
  }
173
- .magritte-snackbar-layout-horizontal___WrBPj_5-1-26{
173
+ .magritte-snackbar-layout-horizontal___WrBPj_5-1-27{
174
174
  padding:20px 24px;
175
175
  border-radius:calc((20px * 2 + calc(var(--magritte-core-line-heights-600-v23-0-0) * 1px)) / 2);
176
176
  }
177
- .magritte-snackbar-layout-horizontal___WrBPj_5-1-26 .magritte-snackbar-text___PCxnB_5-1-26{
177
+ .magritte-snackbar-layout-horizontal___WrBPj_5-1-27 .magritte-snackbar-text___PCxnB_5-1-27{
178
178
  line-height:calc(var(--magritte-core-line-heights-600-v23-0-0) * 1px);
179
179
  }
180
- .magritte-snackbar-layout-horizontal___WrBPj_5-1-26 .magritte-snackbar-content___MlP5J_5-1-26{
180
+ .magritte-snackbar-layout-horizontal___WrBPj_5-1-27 .magritte-snackbar-content___MlP5J_5-1-27{
181
181
  height:calc(var(--magritte-core-line-heights-600-v23-0-0) * 1px);
182
182
  align-items:center;
183
183
  }
184
- .magritte-snackbar-layout-horizontal___WrBPj_5-1-26 .magritte-snackbar-text-and-action___weegp_5-1-26{
184
+ .magritte-snackbar-layout-horizontal___WrBPj_5-1-27 .magritte-snackbar-text-and-action___weegp_5-1-27{
185
185
  align-items:center;
186
186
  gap:8px;
187
187
  flex-direction:row;
188
188
  justify-content:space-between;
189
189
  --magritte-ui-link-padding-override:11px;
190
190
  }
191
- .magritte-snackbar-layout-horizontal___WrBPj_5-1-26 .magritte-snackbar-close___U8YT5_5-1-26{
191
+ .magritte-snackbar-layout-horizontal___WrBPj_5-1-27 .magritte-snackbar-close___U8YT5_5-1-27{
192
192
  margin-left:4px;
193
193
  margin-right:-12px;
194
194
  }
195
- .magritte-snackbar-layout-vertical___aR52S_5-1-26{
195
+ .magritte-snackbar-layout-vertical___aR52S_5-1-27{
196
196
  border-radius:var(--magritte-static-border-radius-600-v23-0-0);
197
197
  padding:24px;
198
198
  }
199
- .magritte-snackbar-layout-vertical___aR52S_5-1-26 .magritte-snackbar-content___MlP5J_5-1-26{
199
+ .magritte-snackbar-layout-vertical___aR52S_5-1-27 .magritte-snackbar-content___MlP5J_5-1-27{
200
200
  height:auto;
201
201
  align-items:flex-start;
202
202
  }
203
- .magritte-snackbar-layout-vertical___aR52S_5-1-26 .magritte-snackbar-text-and-action___weegp_5-1-26{
203
+ .magritte-snackbar-layout-vertical___aR52S_5-1-27 .magritte-snackbar-text-and-action___weegp_5-1-27{
204
204
  gap:12px;
205
205
  flex-direction:column;
206
206
  align-items:flex-start;
207
207
  --magritte-ui-link-padding-override:3px;
208
208
  }
209
- .magritte-snackbar-layout-vertical___aR52S_5-1-26 .magritte-snackbar-close___U8YT5_5-1-26{
209
+ .magritte-snackbar-layout-vertical___aR52S_5-1-27 .magritte-snackbar-close___U8YT5_5-1-27{
210
210
  margin-top:-13px;
211
211
  margin-right:-13px;
212
212
  }
213
- .magritte-appear___aGbJS_5-1-26{
213
+ .magritte-appear___aGbJS_5-1-27{
214
214
  opacity:0;
215
215
  }
216
- .magritte-appear-active___Kl7by_5-1-26{
216
+ .magritte-appear-active___Kl7by_5-1-27{
217
217
  opacity:1;
218
218
  transition:opacity var(--show-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v23-0-0);
219
219
  }
220
- .magritte-appear-done___3g7bl_5-1-26{
220
+ .magritte-appear-done___3g7bl_5-1-27{
221
221
  opacity:1;
222
222
  }
223
- .magritte-exit___MsYCK_5-1-26{
223
+ .magritte-exit___MsYCK_5-1-27{
224
224
  opacity:1;
225
225
  }
226
- .magritte-exit-active___I4AYt_5-1-26{
226
+ .magritte-exit-active___I4AYt_5-1-27{
227
227
  opacity:0;
228
228
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v23-0-0);
229
229
  }
230
- .magritte-exit-active_autohide___jvdWc_5-1-26{
230
+ .magritte-exit-active_autohide___jvdWc_5-1-27{
231
231
  opacity:0;
232
232
  transition:opacity var(--autohide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v23-0-0);
233
233
  }
234
- .magritte-exit-done___DK8l2_5-1-26{
234
+ .magritte-exit-done___DK8l2_5-1-27{
235
235
  opacity:0;
236
236
  }
package/index.js CHANGED
@@ -7,7 +7,7 @@ import 'react';
7
7
  import './context.js';
8
8
  import './types.js';
9
9
  import 'react/jsx-runtime';
10
- import './snackbar-BcgOzarJ.js';
10
+ import './snackbar-X_1fpNJg.js';
11
11
  import 'react-dom';
12
12
  import './SnackbarRenderer.js';
13
13
  import 'react-transition-group';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-snackbar",
3
- "version": "5.1.26",
3
+ "version": "5.1.27",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -26,9 +26,9 @@
26
26
  "@hh.ru/magritte-common-use-swipe": "3.1.6",
27
27
  "@hh.ru/magritte-design-tokens": "23.0.0",
28
28
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
29
- "@hh.ru/magritte-ui-icon": "12.2.1",
29
+ "@hh.ru/magritte-ui-icon": "12.2.2",
30
30
  "@hh.ru/magritte-ui-layer": "3.0.2",
31
- "@hh.ru/magritte-ui-link": "6.0.4",
31
+ "@hh.ru/magritte-ui-link": "6.0.5",
32
32
  "@hh.ru/magritte-ui-timer": "1.2.57",
33
33
  "@hh.ru/magritte-ui-typography": "4.1.1"
34
34
  },
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
47
+ "gitHead": "195120715c60ddd17f5b43c579c15a7457983504"
48
48
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_5-1-27","snackbarContainer":"magritte-snackbar-container___SeRql_5-1-27","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-27","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-27","snackbar":"magritte-snackbar___jgq4H_5-1-27","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_5-1-27","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_5-1-27","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_5-1-27","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_5-1-27","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_5-1-27","snackbarInBody":"magritte-snackbar-in-body___Zer4o_5-1-27","snackbar-content":"magritte-snackbar-content___MlP5J_5-1-27","snackbarContent":"magritte-snackbar-content___MlP5J_5-1-27","snackbar-addon":"magritte-snackbar-addon___-eJn7_5-1-27","snackbarAddon":"magritte-snackbar-addon___-eJn7_5-1-27","snackbar-text":"magritte-snackbar-text___PCxnB_5-1-27","snackbarText":"magritte-snackbar-text___PCxnB_5-1-27","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_5-1-27","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_5-1-27","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-27","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-27","snackbar-close":"magritte-snackbar-close___U8YT5_5-1-27","snackbarClose":"magritte-snackbar-close___U8YT5_5-1-27","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_5-1-27","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_5-1-27","appear":"magritte-appear___aGbJS_5-1-27","appear-active":"magritte-appear-active___Kl7by_5-1-27","appearActive":"magritte-appear-active___Kl7by_5-1-27","appear-done":"magritte-appear-done___3g7bl_5-1-27","appearDone":"magritte-appear-done___3g7bl_5-1-27","exit":"magritte-exit___MsYCK_5-1-27","exit-active":"magritte-exit-active___I4AYt_5-1-27","exitActive":"magritte-exit-active___I4AYt_5-1-27","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_5-1-27","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_5-1-27","exit-done":"magritte-exit-done___DK8l2_5-1-27","exitDone":"magritte-exit-done___DK8l2_5-1-27"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-X_1fpNJg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-X_1fpNJg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_5-1-26","snackbarContainer":"magritte-snackbar-container___SeRql_5-1-26","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-26","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-26","snackbar":"magritte-snackbar___jgq4H_5-1-26","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_5-1-26","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_5-1-26","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_5-1-26","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_5-1-26","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_5-1-26","snackbarInBody":"magritte-snackbar-in-body___Zer4o_5-1-26","snackbar-content":"magritte-snackbar-content___MlP5J_5-1-26","snackbarContent":"magritte-snackbar-content___MlP5J_5-1-26","snackbar-addon":"magritte-snackbar-addon___-eJn7_5-1-26","snackbarAddon":"magritte-snackbar-addon___-eJn7_5-1-26","snackbar-text":"magritte-snackbar-text___PCxnB_5-1-26","snackbarText":"magritte-snackbar-text___PCxnB_5-1-26","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_5-1-26","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_5-1-26","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-26","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-26","snackbar-close":"magritte-snackbar-close___U8YT5_5-1-26","snackbarClose":"magritte-snackbar-close___U8YT5_5-1-26","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_5-1-26","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_5-1-26","appear":"magritte-appear___aGbJS_5-1-26","appear-active":"magritte-appear-active___Kl7by_5-1-26","appearActive":"magritte-appear-active___Kl7by_5-1-26","appear-done":"magritte-appear-done___3g7bl_5-1-26","appearDone":"magritte-appear-done___3g7bl_5-1-26","exit":"magritte-exit___MsYCK_5-1-26","exit-active":"magritte-exit-active___I4AYt_5-1-26","exitActive":"magritte-exit-active___I4AYt_5-1-26","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_5-1-26","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_5-1-26","exit-done":"magritte-exit-done___DK8l2_5-1-26","exitDone":"magritte-exit-done___DK8l2_5-1-26"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=snackbar-BcgOzarJ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snackbar-BcgOzarJ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}