@hh.ru/magritte-ui-snackbar 4.1.11 → 4.1.12

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-c0XGd_tc.js';
5
+ import { s as styles } from './snackbar-mQP2rCPI.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-c0XGd_tc.js';
8
+ import { s as styles } from './snackbar-mQP2rCPI.js';
9
9
  import 'react-transition-group';
10
10
  import 'classnames';
11
11
  import '@hh.ru/magritte-common-func-utils';
@@ -16,7 +16,7 @@ import { Link } from '@hh.ru/magritte-ui-link';
16
16
  import { SnackbarTransitionName, SnackbarLayout } from './types.js';
17
17
  import { useAriaSnackbar } from './useAriaSnackbar.js';
18
18
  import { useTimer, Timer } from '@hh.ru/magritte-ui-timer';
19
- import { s as styles } from './snackbar-c0XGd_tc.js';
19
+ import { s as styles } from './snackbar-mQP2rCPI.js';
20
20
 
21
21
  const CLASS_NAMES = {
22
22
  [SnackbarTransitionName.Show]: {
package/index.css CHANGED
@@ -34,13 +34,13 @@
34
34
  --magritte-color-component-snackbar-text-state-action-pressed-v19-1-2:#ffffff;
35
35
  --magritte-color-component-snackbar-text-state-action-disabled-v19-1-2:#AABBCA;
36
36
  }
37
- .magritte-snackbar-container___SeRql_4-1-11{
37
+ .magritte-snackbar-container___SeRql_4-1-12{
38
38
  pointer-events:none;
39
39
  position:absolute;
40
40
  inset:0;
41
41
  }
42
- .magritte-snackbar-animation-timeout___EQLvG_4-1-11,
43
- .magritte-snackbar___jgq4H_4-1-11{
42
+ .magritte-snackbar-animation-timeout___EQLvG_4-1-12,
43
+ .magritte-snackbar___jgq4H_4-1-12{
44
44
  outline:none;
45
45
  --show-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-300-duration-v19-1-2);
46
46
  --hide-animation-duration:var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v19-1-2);
@@ -53,8 +53,8 @@
53
53
  --magritte-color-component-action-icon-secondary-disabled-override:var(--magritte-color-component-snackbar-text-state-action-disabled-v19-1-2);
54
54
  }
55
55
  @media (prefers-reduced-motion){
56
- .magritte-snackbar-animation-timeout___EQLvG_4-1-11,
57
- .magritte-snackbar___jgq4H_4-1-11{
56
+ .magritte-snackbar-animation-timeout___EQLvG_4-1-12,
57
+ .magritte-snackbar___jgq4H_4-1-12{
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_4-1-11{
65
+ .magritte-snackbar-animation-timeout___EQLvG_4-1-12{
66
66
  display:none;
67
67
  }
68
- .magritte-snackbar___jgq4H_4-1-11{
68
+ .magritte-snackbar___jgq4H_4-1-12{
69
69
  background:var(--magritte-color-component-snackbar-background-content-v19-1-2);
70
70
  color:var(--magritte-color-component-snackbar-text-content-v19-1-2);
71
71
  outline:1px solid var(--magritte-color-component-snackbar-stroke-content-v19-1-2);
72
72
  position:absolute;
73
73
  pointer-events:auto;
74
74
  }
75
- .magritte-snackbar_align-top___WWWbk_4-1-11{
75
+ .magritte-snackbar_align-top___WWWbk_4-1-12{
76
76
  inset:16px 16px auto;
77
77
  }
78
78
  @media (min-width: 1020px){
79
- body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_4-1-11{
79
+ body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_4-1-12{
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_4-1-11{
84
+ body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_4-1-12{
85
85
  inset:0 0 auto;
86
86
  }
87
87
  }
88
- .magritte-snackbar_align-bottom___tCBBP_4-1-11{
88
+ .magritte-snackbar_align-bottom___tCBBP_4-1-12{
89
89
  inset:auto 16px 16px;
90
90
  }
91
91
  @media (min-width: 1020px){
92
- body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_4-1-11{
92
+ body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_4-1-12{
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_4-1-11{
97
+ body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_4-1-12{
98
98
  inset:auto 0 0;
99
99
  }
100
100
  }
101
- .magritte-snackbar-in-body___Zer4o_4-1-11{
101
+ .magritte-snackbar-in-body___Zer4o_4-1-12{
102
102
  position:fixed;
103
103
  }
104
104
  @media (min-width: 1020px){
105
- body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-1-11{
105
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-1-12{
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_4-1-11{
112
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-1-12{
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_4-1-11.magritte-snackbar_align-top___WWWbk_4-1-11{
119
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-1-12.magritte-snackbar_align-top___WWWbk_4-1-12{
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_4-1-11.magritte-snackbar_align-top___WWWbk_4-1-11{
124
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-1-12.magritte-snackbar_align-top___WWWbk_4-1-12{
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_4-1-11.magritte-snackbar_align-bottom___tCBBP_4-1-11{
129
+ body.magritte-old-layout .magritte-snackbar-in-body___Zer4o_4-1-12.magritte-snackbar_align-bottom___tCBBP_4-1-12{
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_4-1-11.magritte-snackbar_align-bottom___tCBBP_4-1-11{
134
+ body:not(.magritte-old-layout) .magritte-snackbar-in-body___Zer4o_4-1-12.magritte-snackbar_align-bottom___tCBBP_4-1-12{
135
135
  inset:auto 16px 48px 16px;
136
136
  }
137
137
  }
138
- .magritte-snackbar-content___MlP5J_4-1-11{
138
+ .magritte-snackbar-content___MlP5J_4-1-12{
139
139
  display:flex;
140
140
  }
141
- .magritte-snackbar-addon___-eJn7_4-1-11{
141
+ .magritte-snackbar-addon___-eJn7_4-1-12{
142
142
  margin-right:12px;
143
143
  width:24px;
144
144
  height:24px;
145
145
  }
146
- .magritte-snackbar-text___PCxnB_4-1-11{
146
+ .magritte-snackbar-text___PCxnB_4-1-12{
147
147
  font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-2);
148
148
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-2);
149
149
  line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-2);
@@ -154,71 +154,71 @@
154
154
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v19-1-2);
155
155
  margin-right:auto;
156
156
  }
157
- .magritte-snackbar-text-and-action___weegp_4-1-11{
157
+ .magritte-snackbar-text-and-action___weegp_4-1-12{
158
158
  display:flex;
159
159
  width:100%;
160
160
  }
161
- .magritte-snackbar-layout-horizontal___WrBPj_4-1-11{
161
+ .magritte-snackbar-layout-horizontal___WrBPj_4-1-12{
162
162
  padding:20px 24px;
163
163
  border-radius:calc((20px * 2 + calc(var(--magritte-core-line-heights-600-v19-1-2) * 1px)) / 2);
164
164
  }
165
- .magritte-snackbar-layout-horizontal___WrBPj_4-1-11 .magritte-snackbar-text___PCxnB_4-1-11{
165
+ .magritte-snackbar-layout-horizontal___WrBPj_4-1-12 .magritte-snackbar-text___PCxnB_4-1-12{
166
166
  line-height:calc(var(--magritte-core-line-heights-600-v19-1-2) * 1px);
167
167
  }
168
- .magritte-snackbar-layout-horizontal___WrBPj_4-1-11 .magritte-snackbar-content___MlP5J_4-1-11{
168
+ .magritte-snackbar-layout-horizontal___WrBPj_4-1-12 .magritte-snackbar-content___MlP5J_4-1-12{
169
169
  height:calc(var(--magritte-core-line-heights-600-v19-1-2) * 1px);
170
170
  align-items:center;
171
171
  }
172
- .magritte-snackbar-layout-horizontal___WrBPj_4-1-11 .magritte-snackbar-text-and-action___weegp_4-1-11{
172
+ .magritte-snackbar-layout-horizontal___WrBPj_4-1-12 .magritte-snackbar-text-and-action___weegp_4-1-12{
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_4-1-11 .magritte-snackbar-close___U8YT5_4-1-11{
179
+ .magritte-snackbar-layout-horizontal___WrBPj_4-1-12 .magritte-snackbar-close___U8YT5_4-1-12{
180
180
  margin-left:4px;
181
181
  margin-right:-12px;
182
182
  }
183
- .magritte-snackbar-layout-vertical___aR52S_4-1-11{
183
+ .magritte-snackbar-layout-vertical___aR52S_4-1-12{
184
184
  border-radius:var(--magritte-static-border-radius-600-v19-1-2);
185
185
  padding:24px;
186
186
  }
187
- .magritte-snackbar-layout-vertical___aR52S_4-1-11 .magritte-snackbar-content___MlP5J_4-1-11{
187
+ .magritte-snackbar-layout-vertical___aR52S_4-1-12 .magritte-snackbar-content___MlP5J_4-1-12{
188
188
  height:auto;
189
189
  align-items:flex-start;
190
190
  }
191
- .magritte-snackbar-layout-vertical___aR52S_4-1-11 .magritte-snackbar-text-and-action___weegp_4-1-11{
191
+ .magritte-snackbar-layout-vertical___aR52S_4-1-12 .magritte-snackbar-text-and-action___weegp_4-1-12{
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_4-1-11 .magritte-snackbar-close___U8YT5_4-1-11{
197
+ .magritte-snackbar-layout-vertical___aR52S_4-1-12 .magritte-snackbar-close___U8YT5_4-1-12{
198
198
  margin-top:-13px;
199
199
  margin-right:-13px;
200
200
  }
201
- .magritte-appear___aGbJS_4-1-11{
201
+ .magritte-appear___aGbJS_4-1-12{
202
202
  opacity:0;
203
203
  }
204
- .magritte-appear-active___Kl7by_4-1-11{
204
+ .magritte-appear-active___Kl7by_4-1-12{
205
205
  opacity:1;
206
206
  transition:opacity var(--show-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-300-timing-function-v19-1-2);
207
207
  }
208
- .magritte-appear-done___3g7bl_4-1-11{
208
+ .magritte-appear-done___3g7bl_4-1-12{
209
209
  opacity:1;
210
210
  }
211
- .magritte-exit___MsYCK_4-1-11{
211
+ .magritte-exit___MsYCK_4-1-12{
212
212
  opacity:1;
213
213
  }
214
- .magritte-exit-active___I4AYt_4-1-11{
214
+ .magritte-exit-active___I4AYt_4-1-12{
215
215
  opacity:0;
216
216
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v19-1-2);
217
217
  }
218
- .magritte-exit-active_autohide___jvdWc_4-1-11{
218
+ .magritte-exit-active_autohide___jvdWc_4-1-12{
219
219
  opacity:0;
220
220
  transition:opacity var(--autohide-animation-duration) var(--magritte-semantic-animation-ease-in-out-tiger-500-timing-function-v19-1-2);
221
221
  }
222
- .magritte-exit-done___DK8l2_4-1-11{
222
+ .magritte-exit-done___DK8l2_4-1-12{
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-c0XGd_tc.js';
10
+ import './snackbar-mQP2rCPI.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": "4.1.11",
3
+ "version": "4.1.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -27,12 +27,12 @@
27
27
  "@hh.ru/magritte-common-use-swipe": "3.1.2",
28
28
  "@hh.ru/magritte-design-tokens": "19.1.2",
29
29
  "@hh.ru/magritte-internal-layer-name": "2.2.0",
30
- "@hh.ru/magritte-ui-action": "4.4.12",
31
- "@hh.ru/magritte-ui-icon": "7.9.2",
30
+ "@hh.ru/magritte-ui-action": "4.4.13",
31
+ "@hh.ru/magritte-ui-icon": "7.9.3",
32
32
  "@hh.ru/magritte-ui-layer": "2.1.0",
33
- "@hh.ru/magritte-ui-link": "4.3.12",
33
+ "@hh.ru/magritte-ui-link": "4.3.13",
34
34
  "@hh.ru/magritte-ui-timer": "1.2.34",
35
- "@hh.ru/magritte-ui-typography": "3.0.18"
35
+ "@hh.ru/magritte-ui-typography": "3.0.19"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@hh.ru/magritte-ui-breakpoint": "4.0.4"
@@ -46,5 +46,5 @@
46
46
  "publishConfig": {
47
47
  "access": "public"
48
48
  },
49
- "gitHead": "1ac30fb3b6ed8df5e0683e4551925b6ab8bf08d9"
49
+ "gitHead": "34aa8b63db1d1af2d969ef765d060ac8f59cd9ff"
50
50
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_4-1-12","snackbarContainer":"magritte-snackbar-container___SeRql_4-1-12","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_4-1-12","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_4-1-12","snackbar":"magritte-snackbar___jgq4H_4-1-12","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_4-1-12","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_4-1-12","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_4-1-12","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_4-1-12","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_4-1-12","snackbarInBody":"magritte-snackbar-in-body___Zer4o_4-1-12","snackbar-content":"magritte-snackbar-content___MlP5J_4-1-12","snackbarContent":"magritte-snackbar-content___MlP5J_4-1-12","snackbar-addon":"magritte-snackbar-addon___-eJn7_4-1-12","snackbarAddon":"magritte-snackbar-addon___-eJn7_4-1-12","snackbar-text":"magritte-snackbar-text___PCxnB_4-1-12","snackbarText":"magritte-snackbar-text___PCxnB_4-1-12","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_4-1-12","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_4-1-12","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-1-12","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-1-12","snackbar-close":"magritte-snackbar-close___U8YT5_4-1-12","snackbarClose":"magritte-snackbar-close___U8YT5_4-1-12","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_4-1-12","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_4-1-12","appear":"magritte-appear___aGbJS_4-1-12","appear-active":"magritte-appear-active___Kl7by_4-1-12","appearActive":"magritte-appear-active___Kl7by_4-1-12","appear-done":"magritte-appear-done___3g7bl_4-1-12","appearDone":"magritte-appear-done___3g7bl_4-1-12","exit":"magritte-exit___MsYCK_4-1-12","exit-active":"magritte-exit-active___I4AYt_4-1-12","exitActive":"magritte-exit-active___I4AYt_4-1-12","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_4-1-12","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_4-1-12","exit-done":"magritte-exit-done___DK8l2_4-1-12","exitDone":"magritte-exit-done___DK8l2_4-1-12"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-mQP2rCPI.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-mQP2rCPI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_4-1-11","snackbarContainer":"magritte-snackbar-container___SeRql_4-1-11","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_4-1-11","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_4-1-11","snackbar":"magritte-snackbar___jgq4H_4-1-11","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_4-1-11","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_4-1-11","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_4-1-11","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_4-1-11","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_4-1-11","snackbarInBody":"magritte-snackbar-in-body___Zer4o_4-1-11","snackbar-content":"magritte-snackbar-content___MlP5J_4-1-11","snackbarContent":"magritte-snackbar-content___MlP5J_4-1-11","snackbar-addon":"magritte-snackbar-addon___-eJn7_4-1-11","snackbarAddon":"magritte-snackbar-addon___-eJn7_4-1-11","snackbar-text":"magritte-snackbar-text___PCxnB_4-1-11","snackbarText":"magritte-snackbar-text___PCxnB_4-1-11","snackbar-text-and-action":"magritte-snackbar-text-and-action___weegp_4-1-11","snackbarTextAndAction":"magritte-snackbar-text-and-action___weegp_4-1-11","snackbar-layout-horizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-1-11","snackbarLayoutHorizontal":"magritte-snackbar-layout-horizontal___WrBPj_4-1-11","snackbar-close":"magritte-snackbar-close___U8YT5_4-1-11","snackbarClose":"magritte-snackbar-close___U8YT5_4-1-11","snackbar-layout-vertical":"magritte-snackbar-layout-vertical___aR52S_4-1-11","snackbarLayoutVertical":"magritte-snackbar-layout-vertical___aR52S_4-1-11","appear":"magritte-appear___aGbJS_4-1-11","appear-active":"magritte-appear-active___Kl7by_4-1-11","appearActive":"magritte-appear-active___Kl7by_4-1-11","appear-done":"magritte-appear-done___3g7bl_4-1-11","appearDone":"magritte-appear-done___3g7bl_4-1-11","exit":"magritte-exit___MsYCK_4-1-11","exit-active":"magritte-exit-active___I4AYt_4-1-11","exitActive":"magritte-exit-active___I4AYt_4-1-11","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_4-1-11","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_4-1-11","exit-done":"magritte-exit-done___DK8l2_4-1-11","exitDone":"magritte-exit-done___DK8l2_4-1-11"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=snackbar-c0XGd_tc.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snackbar-c0XGd_tc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}