@hh.ru/magritte-ui-snackbar 6.4.17 → 6.4.18

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-3dgBaEyU.js';
5
+ import { s as styles } from './snackbar-CKhUW4ls.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-3dgBaEyU.js';
8
+ import { s as styles } from './snackbar-CKhUW4ls.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-3dgBaEyU.js';
18
+ import { s as styles } from './snackbar-CKhUW4ls.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-0:#2e2e2ef5;
18
18
  --magritte-color-component-snackbar-stroke-divider-v25-0-0:#ffffff29;
19
19
  }
20
- .magritte-snackbar-container___SeRql_6-4-17{
20
+ .magritte-snackbar-container___SeRql_6-4-18{
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-17,
27
- .magritte-snackbar___jgq4H_6-4-17{
26
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-18,
27
+ .magritte-snackbar___jgq4H_6-4-18{
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-17,
47
- .magritte-snackbar___jgq4H_6-4-17{
46
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-18,
47
+ .magritte-snackbar___jgq4H_6-4-18{
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-17,
58
- body.magritte-old-layout .magritte-snackbar___jgq4H_6-4-17{
57
+ body.magritte-old-layout .magritte-snackbar-animation-timeout___EQLvG_6-4-18,
58
+ body.magritte-old-layout .magritte-snackbar___jgq4H_6-4-18{
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-17,
64
- body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-4-17{
63
+ body:not(.magritte-old-layout) .magritte-snackbar-animation-timeout___EQLvG_6-4-18,
64
+ body:not(.magritte-old-layout) .magritte-snackbar___jgq4H_6-4-18{
65
65
  max-width:600px;
66
66
  }
67
67
  }
68
- .magritte-snackbar-animation-timeout___EQLvG_6-4-17{
68
+ .magritte-snackbar-animation-timeout___EQLvG_6-4-18{
69
69
  display:none;
70
70
  }
71
- .magritte-snackbar___jgq4H_6-4-17{
71
+ .magritte-snackbar___jgq4H_6-4-18{
72
72
  background:var(--magritte-color-component-snackbar-background-content-v25-0-0);
73
73
  color:var(--magritte-color-component-snackbar-text-content-v25-0-0);
74
74
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-snackbar-stroke-content-v25-0-0);
@@ -76,49 +76,49 @@
76
76
  pointer-events:auto;
77
77
  width:max-content;
78
78
  }
79
- .magritte-snackbar_stretched___xVhgJ_6-4-17{
79
+ .magritte-snackbar_stretched___xVhgJ_6-4-18{
80
80
  width:auto;
81
81
  }
82
- .magritte-snackbar_align-top___WWWbk_6-4-17{
82
+ .magritte-snackbar_align-top___WWWbk_6-4-18{
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-17{
86
+ body.magritte-old-layout .magritte-snackbar_align-top___WWWbk_6-4-18{
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-17{
91
+ body:not(.magritte-old-layout) .magritte-snackbar_align-top___WWWbk_6-4-18{
92
92
  inset:16px 16px auto 16px;
93
93
  }
94
94
  }
95
- .magritte-snackbar_align-bottom___tCBBP_6-4-17{
95
+ .magritte-snackbar_align-bottom___tCBBP_6-4-18{
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-17{
99
+ body.magritte-old-layout .magritte-snackbar_align-bottom___tCBBP_6-4-18{
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-17{
104
+ body:not(.magritte-old-layout) .magritte-snackbar_align-bottom___tCBBP_6-4-18{
105
105
  inset:auto 16px 16px 16px;
106
106
  }
107
107
  }
108
- .magritte-snackbar-in-body___Zer4o_6-4-17{
108
+ .magritte-snackbar-in-body___Zer4o_6-4-18{
109
109
  position:fixed;
110
110
  }
111
- .magritte-snackbar-content___MlP5J_6-4-17{
111
+ .magritte-snackbar-content___MlP5J_6-4-18{
112
112
  display:flex;
113
113
  align-items:center;
114
114
  }
115
- .magritte-snackbar-addon___-eJn7_6-4-17{
115
+ .magritte-snackbar-addon___-eJn7_6-4-18{
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-17{
121
+ .magritte-snackbar-text___PCxnB_6-4-18{
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-17{
132
+ .magritte-snackbar-text-wrapper___SH6YB_6-4-18{
133
133
  display:flex;
134
134
  width:100%;
135
135
  }
136
- .magritte-action___Yjp2t_6-4-17{
136
+ .magritte-action___Yjp2t_6-4-18{
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-0);
145
145
  --magritte-ui-link-text-color-pressed-override:var(--magritte-color-component-snackbar-text-state-action-pressed-v25-0-0);
146
146
  }
147
- .magritte-snackbar-close___U8YT5_6-4-17{
147
+ .magritte-snackbar-close___U8YT5_6-4-18{
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-17{
153
+ .magritte-divider___GQ492_6-4-18{
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-0);
160
160
  }
161
- .magritte-appearTop___UJQ6-_6-4-17{
161
+ .magritte-appearTop___UJQ6-_6-4-18{
162
162
  transform:translateY(calc(var(--snackbar-offset, 60px) * -1 + 16px * -1));
163
163
  }
164
- .magritte-appearBottom___wDoOa_6-4-17{
164
+ .magritte-appearBottom___wDoOa_6-4-18{
165
165
  transform:translateY(calc(var(--snackbar-offset, 60px) + 16px));
166
166
  }
167
- .magritte-appear-active___Kl7by_6-4-17{
167
+ .magritte-appear-active___Kl7by_6-4-18{
168
168
  transform:translateY(0);
169
169
  transition:opacity var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), transform var(--show-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
170
170
  }
171
- .magritte-appear-done___3g7bl_6-4-17{
171
+ .magritte-appear-done___3g7bl_6-4-18{
172
172
  transform:translateY(0);
173
173
  }
174
- .magritte-exit___MsYCK_6-4-17{
174
+ .magritte-exit___MsYCK_6-4-18{
175
175
  opacity:1;
176
176
  }
177
- .magritte-exit-active___I4AYt_6-4-17{
177
+ .magritte-exit-active___I4AYt_6-4-18{
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-0), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
181
181
  }
182
- .magritte-exit-active_autohide___jvdWc_6-4-17{
182
+ .magritte-exit-active_autohide___jvdWc_6-4-18{
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-0), transform var(--hide-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), top var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0), bottom var(--stack-animation-duration) var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
186
186
  }
187
- .magritte-exit-done___DK8l2_6-4-17{
187
+ .magritte-exit-done___DK8l2_6-4-18{
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-3dgBaEyU.js';
10
+ import './snackbar-CKhUW4ls.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.17",
3
+ "version": "6.4.18",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -29,7 +29,7 @@
29
29
  "@hh.ru/magritte-internal-layer-name": "3.4.1",
30
30
  "@hh.ru/magritte-ui-divider": "3.2.7",
31
31
  "@hh.ru/magritte-ui-icon": "15.0.2",
32
- "@hh.ru/magritte-ui-layer": "3.2.6",
32
+ "@hh.ru/magritte-ui-layer": "3.2.7",
33
33
  "@hh.ru/magritte-ui-link": "7.1.41",
34
34
  "@hh.ru/magritte-ui-theme-wrapper": "1.1.24",
35
35
  "@hh.ru/magritte-ui-timer": "1.2.83",
@@ -47,5 +47,5 @@
47
47
  "publishConfig": {
48
48
  "access": "public"
49
49
  },
50
- "gitHead": "0e795b6a368fd7f09ca979320f466b80b049e4ea"
50
+ "gitHead": "8bd183b41ef06524e721f0add554ff715f42b5a1"
51
51
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-4-18","snackbarContainer":"magritte-snackbar-container___SeRql_6-4-18","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-18","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-18","snackbar":"magritte-snackbar___jgq4H_6-4-18","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-4-18","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-4-18","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-4-18","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-4-18","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-4-18","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-4-18","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-4-18","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-4-18","snackbar-content":"magritte-snackbar-content___MlP5J_6-4-18","snackbarContent":"magritte-snackbar-content___MlP5J_6-4-18","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-4-18","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-4-18","snackbar-text":"magritte-snackbar-text___PCxnB_6-4-18","snackbarText":"magritte-snackbar-text___PCxnB_6-4-18","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-18","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-18","action":"magritte-action___Yjp2t_6-4-18","snackbar-close":"magritte-snackbar-close___U8YT5_6-4-18","snackbarClose":"magritte-snackbar-close___U8YT5_6-4-18","divider":"magritte-divider___GQ492_6-4-18","appearTop":"magritte-appearTop___UJQ6-_6-4-18","appearBottom":"magritte-appearBottom___wDoOa_6-4-18","appear-active":"magritte-appear-active___Kl7by_6-4-18","appearActive":"magritte-appear-active___Kl7by_6-4-18","appear-done":"magritte-appear-done___3g7bl_6-4-18","appearDone":"magritte-appear-done___3g7bl_6-4-18","exit":"magritte-exit___MsYCK_6-4-18","exit-active":"magritte-exit-active___I4AYt_6-4-18","exitActive":"magritte-exit-active___I4AYt_6-4-18","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-4-18","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-4-18","exit-done":"magritte-exit-done___DK8l2_6-4-18","exitDone":"magritte-exit-done___DK8l2_6-4-18"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=snackbar-CKhUW4ls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar-CKhUW4ls.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"snackbar-container":"magritte-snackbar-container___SeRql_6-4-17","snackbarContainer":"magritte-snackbar-container___SeRql_6-4-17","snackbar-animation-timeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-17","snackbarAnimationTimeout":"magritte-snackbar-animation-timeout___EQLvG_6-4-17","snackbar":"magritte-snackbar___jgq4H_6-4-17","snackbar_stretched":"magritte-snackbar_stretched___xVhgJ_6-4-17","snackbarStretched":"magritte-snackbar_stretched___xVhgJ_6-4-17","snackbar_align-top":"magritte-snackbar_align-top___WWWbk_6-4-17","snackbarAlignTop":"magritte-snackbar_align-top___WWWbk_6-4-17","snackbar_align-bottom":"magritte-snackbar_align-bottom___tCBBP_6-4-17","snackbarAlignBottom":"magritte-snackbar_align-bottom___tCBBP_6-4-17","snackbar-in-body":"magritte-snackbar-in-body___Zer4o_6-4-17","snackbarInBody":"magritte-snackbar-in-body___Zer4o_6-4-17","snackbar-content":"magritte-snackbar-content___MlP5J_6-4-17","snackbarContent":"magritte-snackbar-content___MlP5J_6-4-17","snackbar-addon":"magritte-snackbar-addon___-eJn7_6-4-17","snackbarAddon":"magritte-snackbar-addon___-eJn7_6-4-17","snackbar-text":"magritte-snackbar-text___PCxnB_6-4-17","snackbarText":"magritte-snackbar-text___PCxnB_6-4-17","snackbar-text-wrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-17","snackbarTextWrapper":"magritte-snackbar-text-wrapper___SH6YB_6-4-17","action":"magritte-action___Yjp2t_6-4-17","snackbar-close":"magritte-snackbar-close___U8YT5_6-4-17","snackbarClose":"magritte-snackbar-close___U8YT5_6-4-17","divider":"magritte-divider___GQ492_6-4-17","appearTop":"magritte-appearTop___UJQ6-_6-4-17","appearBottom":"magritte-appearBottom___wDoOa_6-4-17","appear-active":"magritte-appear-active___Kl7by_6-4-17","appearActive":"magritte-appear-active___Kl7by_6-4-17","appear-done":"magritte-appear-done___3g7bl_6-4-17","appearDone":"magritte-appear-done___3g7bl_6-4-17","exit":"magritte-exit___MsYCK_6-4-17","exit-active":"magritte-exit-active___I4AYt_6-4-17","exitActive":"magritte-exit-active___I4AYt_6-4-17","exit-active_autohide":"magritte-exit-active_autohide___jvdWc_6-4-17","exitActiveAutohide":"magritte-exit-active_autohide___jvdWc_6-4-17","exit-done":"magritte-exit-done___DK8l2_6-4-17","exitDone":"magritte-exit-done___DK8l2_6-4-17"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=snackbar-3dgBaEyU.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snackbar-3dgBaEyU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}