@hh.ru/magritte-ui-snackbar 6.4.12 → 6.4.13

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