@hh.ru/magritte-ui-snackbar 6.1.7 → 6.1.8

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