@hh.ru/magritte-ui-snackbar 6.4.19 → 6.4.20

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-B9t49Ohv.js';
5
+ import { s as styles } from './snackbar-BSMWmwGh.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-B9t49Ohv.js';
8
+ import { s as styles } from './snackbar-BSMWmwGh.js';
9
9
  import 'react-transition-group';
10
10
  import 'classnames';
11
11
  import '@hh.ru/magritte-common-focus-visible';
@@ -15,7 +15,7 @@ import { SnackbarTransitionName } from './types.js';
15
15
  import { useAriaSnackbar } from './useAriaSnackbar.js';
16
16
  import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
17
17
  import { useTimer, Timer } from '@hh.ru/magritte-ui-timer';
18
- import { s as styles } from './snackbar-B9t49Ohv.js';
18
+ import { s as styles } from './snackbar-BSMWmwGh.js';
19
19
 
20
20
  const OTHER_CLASS_NAMES = {
21
21
  [SnackbarTransitionName.Hide]: {
package/index.css CHANGED
@@ -17,14 +17,14 @@
17
17
  --magritte-color-component-snackbar-background-content-v25-0-1:#2e2e2ef5;
18
18
  --magritte-color-component-snackbar-stroke-divider-v25-0-1:#ffffff29;
19
19
  }
20
- .magritte-snackbar-container___SeRql_6-4-19{
20
+ .magritte-snackbar-container___SeRql_6-4-20{
21
21
  pointer-events:none;
22
22
  position:absolute;
23
23
  inset:0;
24
24
  overflow:var(--magritte-ui-snackbar-container-overflow-override, hidden);
25
25
  }
26
- .magritte-snackbar-animation-timeout___EQLvG_6-4-19,
27
- .magritte-snackbar___jgq4H_6-4-19{
26
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-20,
27
+ .magritte-snackbar___jgq4H_6-4-20{
28
28
  outline:none;
29
29
  padding:16px 20px;
30
30
  margin:0 auto;
@@ -43,8 +43,8 @@
43
43
  --removeImmediately-animation-duration:0;
44
44
  }
45
45
  @media (prefers-reduced-motion){
46
- .magritte-snackbar-animation-timeout___EQLvG_6-4-19,
47
- .magritte-snackbar___jgq4H_6-4-19{
46
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-20,
47
+ .magritte-snackbar___jgq4H_6-4-20{
48
48
  --show-animation-duration:0;
49
49
  --hide-animation-duration:0;
50
50
  --stack-animation-duration:0;
@@ -54,21 +54,21 @@
54
54
  }
55
55
  }
56
56
  @media (min-width: 700px){
57
- body.magritte-old-layout .magritte-snackbar-animation-timeout___EQLvG_6-4-19,
58
- body.magritte-old-layout .magritte-snackbar___jgq4H_6-4-19{
57
+ body.magritte-old-layout .magritte-snackbar-animation-timeout___EQLvG_6-4-20,
58
+ body.magritte-old-layout .magritte-snackbar___jgq4H_6-4-20{
59
59
  max-width:600px;
60
60
  }
61
61
  }
62
62
  @media (min-width: 600px){
63
- body:not(.magritte-old-layout) .magritte-snackbar-animation-timeout___EQLvG_6-4-19,
64
- body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-4-19{
63
+ body:not(.magritte-old-layout) .magritte-snackbar-animation-timeout___EQLvG_6-4-20,
64
+ body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-4-20{
65
65
  max-width:600px;
66
66
  }
67
67
  }
68
- .magritte-snackbar-animation-timeout___EQLvG_6-4-19{
68
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-20{
69
69
  display:none;
70
70
  }
71
- .magritte-snackbar___jgq4H_6-4-19{
71
+ .magritte-snackbar___jgq4H_6-4-20{
72
72
  background:var(--magritte-color-component-snackbar-background-content-v25-0-1);
73
73
  color:var(--magritte-color-component-snackbar-text-content-v25-0-1);
74
74
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-snackbar-stroke-content-v25-0-1);
@@ -76,49 +76,49 @@
76
76
  pointer-events:auto;
77
77
  width:max-content;
78
78
  }
79
- .magritte-snackbar_stretched___xVhgJ_6-4-19{
79
+ .magritte-snackbar_stretched___xVhgJ_6-4-20{
80
80
  width:auto;
81
81
  }
82
- .magritte-snackbar_align-top___WWWbk_6-4-19{
82
+ .magritte-snackbar_align-top___WWWbk_6-4-20{
83
83
  inset:16px 8px auto;
84
84
  }
85
85
  @media (min-width: 1020px){
86
- body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_6-4-19{
86
+ body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_6-4-20{
87
87
  inset:16px 16px auto 16px;
88
88
  }
89
89
  }
90
90
  @media (min-width: 1024px){
91
- body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_6-4-19{
91
+ body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_6-4-20{
92
92
  inset:16px 16px auto 16px;
93
93
  }
94
94
  }
95
- .magritte-snackbar_align-bottom___tCBBP_6-4-19{
95
+ .magritte-snackbar_align-bottom___tCBBP_6-4-20{
96
96
  inset:auto 8px 16px;
97
97
  }
98
98
  @media (min-width: 1020px){
99
- body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_6-4-19{
99
+ body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_6-4-20{
100
100
  inset:auto 16px 16px 16px;
101
101
  }
102
102
  }
103
103
  @media (min-width: 1024px){
104
- body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_6-4-19{
104
+ body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_6-4-20{
105
105
  inset:auto 16px 16px 16px;
106
106
  }
107
107
  }
108
- .magritte-snackbar-in-body___Zer4o_6-4-19{
108
+ .magritte-snackbar-in-body___Zer4o_6-4-20{
109
109
  position:fixed;
110
110
  }
111
- .magritte-snackbar-content___MlP5J_6-4-19{
111
+ .magritte-snackbar-content___MlP5J_6-4-20{
112
112
  display:flex;
113
113
  align-items:center;
114
114
  }
115
- .magritte-snackbar-addon___-eJn7_6-4-19{
115
+ .magritte-snackbar-addon___-eJn7_6-4-20{
116
116
  margin-right:12px;
117
117
  width:24px;
118
118
  height:24px;
119
119
  margin-left:-4px;
120
120
  }
121
- .magritte-snackbar-text___PCxnB_6-4-19{
121
+ .magritte-snackbar-text___PCxnB_6-4-20{
122
122
  font-family:"hh sans";
123
123
  font-weight:400;
124
124
  line-height:22px;
@@ -129,11 +129,11 @@
129
129
  text-decoration:none;
130
130
  margin-right:auto;
131
131
  }
132
- .magritte-snackbar-text-wrapper___SH6YB_6-4-19{
132
+ .magritte-snackbar-text-wrapper___SH6YB_6-4-20{
133
133
  display:flex;
134
134
  width:100%;
135
135
  }
136
- .magritte-action___Yjp2t_6-4-19{
136
+ .magritte-action___Yjp2t_6-4-20{
137
137
  display:flex;
138
138
  align-items:center;
139
139
  margin-left:8px;
@@ -144,13 +144,13 @@
144
144
  --magritte-ui-link-text-color-hovered-override:var(--magritte-color-component-snackbar-text-state-action-hovered-v25-0-1);
145
145
  --magritte-ui-link-text-color-pressed-override:var(--magritte-color-component-snackbar-text-state-action-pressed-v25-0-1);
146
146
  }
147
- .magritte-snackbar-close___U8YT5_6-4-19{
147
+ .magritte-snackbar-close___U8YT5_6-4-20{
148
148
  height:calc(24 * 1px);
149
149
  display:flex;
150
150
  align-items:center;
151
151
  margin-right:-12px;
152
152
  }
153
- .magritte-divider___GQ492_6-4-19{
153
+ .magritte-divider___GQ492_6-4-20{
154
154
  align-self:stretch;
155
155
  margin-top:-8px;
156
156
  margin-bottom:-8px;
@@ -158,33 +158,33 @@
158
158
  margin-right:8px;
159
159
  --magritte-ui-divider-color-override:var(--magritte-color-component-snackbar-stroke-divider-v25-0-1);
160
160
  }
161
- .magritte-appearTop___UJQ6-_6-4-19{
161
+ .magritte-appearTop___UJQ6-_6-4-20{
162
162
  transform:translateY(calc(var(--snackbar-offset, 60px) * -1 + 16px * -1));
163
163
  }
164
- .magritte-appearBottom___wDoOa_6-4-19{
164
+ .magritte-appearBottom___wDoOa_6-4-20{
165
165
  transform:translateY(calc(var(--snackbar-offset, 60px) + 16px));
166
166
  }
167
- .magritte-appear-active___Kl7by_6-4-19{
167
+ .magritte-appear-active___Kl7by_6-4-20{
168
168
  transform:translateY(0);
169
169
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), transform var(--show-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
170
170
  }
171
- .magritte-appear-done___3g7bl_6-4-19{
171
+ .magritte-appear-done___3g7bl_6-4-20{
172
172
  transform:translateY(0);
173
173
  }
174
- .magritte-exit___MsYCK_6-4-19{
174
+ .magritte-exit___MsYCK_6-4-20{
175
175
  opacity:1;
176
176
  }
177
- .magritte-exit-active___I4AYt_6-4-19{
177
+ .magritte-exit-active___I4AYt_6-4-20{
178
178
  opacity:0;
179
179
  transform:scale(0.75);
180
180
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
181
181
  }
182
- .magritte-exit-active_autohide___jvdWc_6-4-19{
182
+ .magritte-exit-active_autohide___jvdWc_6-4-20{
183
183
  opacity:0;
184
184
  transform:scale(0.75);
185
185
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-1);
186
186
  }
187
- .magritte-exit-done___DK8l2_6-4-19{
187
+ .magritte-exit-done___DK8l2_6-4-20{
188
188
  opacity:0;
189
189
  transform:scale(0.75);
190
190
  }
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-B9t49Ohv.js';
10
+ import './snackbar-BSMWmwGh.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": "6.4.19",
3
+ "version": "6.4.20",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,7 +21,7 @@
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-focus-visible": "0.1.10",
23
23
  "@hh.ru/magritte-common-func-utils": "1.3.15",
24
- "@hh.ru/magritte-common-keyboard": "4.3.4",
24
+ "@hh.ru/magritte-common-keyboard": "4.3.5",
25
25
  "@hh.ru/magritte-common-resize": "0.2.2",
26
26
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
27
27
  "@hh.ru/magritte-common-use-swipe": "3.1.9",
@@ -30,7 +30,7 @@
30
30
  "@hh.ru/magritte-ui-divider": "3.2.8",
31
31
  "@hh.ru/magritte-ui-icon": "15.0.3",
32
32
  "@hh.ru/magritte-ui-layer": "3.2.7",
33
- "@hh.ru/magritte-ui-link": "7.1.42",
33
+ "@hh.ru/magritte-ui-link": "7.1.43",
34
34
  "@hh.ru/magritte-ui-theme-wrapper": "1.1.25",
35
35
  "@hh.ru/magritte-ui-timer": "1.2.84",
36
36
  "@hh.ru/magritte-ui-typography": "5.3.12"
@@ -47,5 +47,5 @@
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "gitHead": "415ee07be8bac509b80f46aea4369cf674fb0b50"
50
+ "gitHead": "e658aeedfe7e60ec83de2b515c1459f47d5e91ee"
51
51
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-4-20","snackbarContainer":"magritte-snackbar-container___SeRql_6-4-20","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-20","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-20","snackbar":"magritte-snackbar___jgq4H_6-4-20","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-4-20","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-4-20","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-4-20","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-4-20","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-4-20","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-4-20","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-4-20","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-4-20","snackbar-content":"magritte-snackbar-content___MlP5J_6-4-20","snackbarContent":"magritte-snackbar-content___MlP5J_6-4-20","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-4-20","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-4-20","snackbar-text":"magritte-snackbar-text___PCxnB_6-4-20","snackbarText":"magritte-snackbar-text___PCxnB_6-4-20","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-20","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-20","action":"magritte-action___Yjp2t_6-4-20","snackbar-close":"magritte-snackbar-close___U8YT5_6-4-20","snackbarClose":"magritte-snackbar-close___U8YT5_6-4-20","divider":"magritte-divider___GQ492_6-4-20","appearTop":"magritte-appearTop___UJQ6-_6-4-20","appearBottom":"magritte-appearBottom___wDoOa_6-4-20","appear-active":"magritte-appear-active___Kl7by_6-4-20","appearActive":"magritte-appear-active___Kl7by_6-4-20","appear-done":"magritte-appear-done___3g7bl_6-4-20","appearDone":"magritte-appear-done___3g7bl_6-4-20","exit":"magritte-exit___MsYCK_6-4-20","exit-active":"magritte-exit-active___I4AYt_6-4-20","exitActive":"magritte-exit-active___I4AYt_6-4-20","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-4-20","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-4-20","exit-done":"magritte-exit-done___DK8l2_6-4-20","exitDone":"magritte-exit-done___DK8l2_6-4-20"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-BSMWmwGh.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-BSMWmwGh.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-4-19","snackbarContainer":"magritte-snackbar-container___SeRql_6-4-19","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-19","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-19","snackbar":"magritte-snackbar___jgq4H_6-4-19","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-4-19","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-4-19","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-4-19","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-4-19","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-4-19","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-4-19","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-4-19","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-4-19","snackbar-content":"magritte-snackbar-content___MlP5J_6-4-19","snackbarContent":"magritte-snackbar-content___MlP5J_6-4-19","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-4-19","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-4-19","snackbar-text":"magritte-snackbar-text___PCxnB_6-4-19","snackbarText":"magritte-snackbar-text___PCxnB_6-4-19","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-19","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-19","action":"magritte-action___Yjp2t_6-4-19","snackbar-close":"magritte-snackbar-close___U8YT5_6-4-19","snackbarClose":"magritte-snackbar-close___U8YT5_6-4-19","divider":"magritte-divider___GQ492_6-4-19","appearTop":"magritte-appearTop___UJQ6-_6-4-19","appearBottom":"magritte-appearBottom___wDoOa_6-4-19","appear-active":"magritte-appear-active___Kl7by_6-4-19","appearActive":"magritte-appear-active___Kl7by_6-4-19","appear-done":"magritte-appear-done___3g7bl_6-4-19","appearDone":"magritte-appear-done___3g7bl_6-4-19","exit":"magritte-exit___MsYCK_6-4-19","exit-active":"magritte-exit-active___I4AYt_6-4-19","exitActive":"magritte-exit-active___I4AYt_6-4-19","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-4-19","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-4-19","exit-done":"magritte-exit-done___DK8l2_6-4-19","exitDone":"magritte-exit-done___DK8l2_6-4-19"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=snackbar-B9t49Ohv.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snackbar-B9t49Ohv.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}