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

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-BGVuSjxy.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-BGVuSjxy.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-BGVuSjxy.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-23{
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-23,
52
+ .magritte-snackbar___jgq4H_5-1-23{
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-23,
66
+ .magritte-snackbar___jgq4H_5-1-23{
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-23{
75
75
  display:none;
76
76
  }
77
- .magritte-snackbar___jgq4H_5-1-22{
77
+ .magritte-snackbar___jgq4H_5-1-23{
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-23{
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-23{
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-23{
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-23{
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-23{
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-23{
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-23{
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-23{
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-23{
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-23.magritte-snackbar_align-top___WWWbk_5-1-23{
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-23.magritte-snackbar_align-top___WWWbk_5-1-23{
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-23.magritte-snackbar_align-bottom___tCBBP_5-1-23{
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-23.magritte-snackbar_align-bottom___tCBBP_5-1-23{
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-23{
148
148
  display:flex;
149
149
  }
150
- .magritte-snackbar-addon___-eJn7_5-1-22{
150
+ .magritte-snackbar-addon___-eJn7_5-1-23{
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-23{
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-23{
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-23{
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-23 .magritte-snackbar-text___PCxnB_5-1-23{
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-23 .magritte-snackbar-content___MlP5J_5-1-23{
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-23 .magritte-snackbar-text-and-action___weegp_5-1-23{
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-23 .magritte-snackbar-close___U8YT5_5-1-23{
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-23{
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-23 .magritte-snackbar-content___MlP5J_5-1-23{
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-23 .magritte-snackbar-text-and-action___weegp_5-1-23{
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-23 .magritte-snackbar-close___U8YT5_5-1-23{
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-23{
211
211
  opacity:0;
212
212
  }
213
- .magritte-appear-active___Kl7by_5-1-22{
213
+ .magritte-appear-active___Kl7by_5-1-23{
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-23{
218
218
  opacity:1;
219
219
  }
220
- .magritte-exit___MsYCK_5-1-22{
220
+ .magritte-exit___MsYCK_5-1-23{
221
221
  opacity:1;
222
222
  }
223
- .magritte-exit-active___I4AYt_5-1-22{
223
+ .magritte-exit-active___I4AYt_5-1-23{
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-23{
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-23{
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-BGVuSjxy.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.23",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -28,9 +28,9 @@
28
28
  "@hh.ru/magritte-internal-layer-name": "3.0.2",
29
29
  "@hh.ru/magritte-ui-icon": "12.0.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.1",
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": "89aedbfa1b7f5abf2a91ce8a543286e75a78385f"
48
48
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_5-1-23","snackbarContainer":"magritte-snackbar-container___SeRql_5-1-23","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-23","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_5-1-23","snackbar":"magritte-snackbar___jgq4H_5-1-23","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_5-1-23","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_5-1-23","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_5-1-23","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_5-1-23","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_5-1-23","snackbarInBody":"magritte-snackbar-in-body___Zer4o_5-1-23","snackbar-content":"magritte-snackbar-content___MlP5J_5-1-23","snackbarContent":"magritte-snackbar-content___MlP5J_5-1-23","snackbar-addon":"magritte-snackbar-addon___-eJn7_5-1-23","snackbarAddon":"magritte-snackbar-addon___-eJn7_5-1-23","snackbar-text":"magritte-snackbar-text___PCxnB_5-1-23","snackbarText":"magritte-snackbar-text___PCxnB_5-1-23","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_5-1-23","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_5-1-23","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-23","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_5-1-23","snackbar-close":"magritte-snackbar-close___U8YT5_5-1-23","snackbarClose":"magritte-snackbar-close___U8YT5_5-1-23","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_5-1-23","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_5-1-23","appear":"magritte-appear___aGbJS_5-1-23","appear-active":"magritte-appear-active___Kl7by_5-1-23","appearActive":"magritte-appear-active___Kl7by_5-1-23","appear-done":"magritte-appear-done___3g7bl_5-1-23","appearDone":"magritte-appear-done___3g7bl_5-1-23","exit":"magritte-exit___MsYCK_5-1-23","exit-active":"magritte-exit-active___I4AYt_5-1-23","exitActive":"magritte-exit-active___I4AYt_5-1-23","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_5-1-23","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_5-1-23","exit-done":"magritte-exit-done___DK8l2_5-1-23","exitDone":"magritte-exit-done___DK8l2_5-1-23"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-BGVuSjxy.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-BGVuSjxy.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":";;;;"}