@hh.ru/magritte-ui-snackbar 5.1.22 → 5.1.24

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