@hh.ru/magritte-ui-snackbar 5.1.13 → 5.1.14

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