@hh.ru/magritte-ui-floating-button 1.2.4 → 1.2.5

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 (3) hide show
  1. package/FloatingButton.js +1 -1
  2. package/index.css +79 -79
  3. package/package.json +3 -3
package/FloatingButton.js CHANGED
@@ -10,7 +10,7 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
10
10
  import { Loader } from '@hh.ru/magritte-ui-loader';
11
11
  import { Text } from '@hh.ru/magritte-ui-typography';
12
12
 
13
- var styles = {"wrapper":"magritte-wrapper___7m9lC_1-2-4","animation-timeout":"magritte-animation-timeout___NL8n0_1-2-4","animationTimeout":"magritte-animation-timeout___NL8n0_1-2-4","button":"magritte-button___nL-Hn_1-2-4","loading":"magritte-loading___C0oPZ_1-2-4","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_1-2-4","right":"magritte-right___3n0Rz_1-2-4","content":"magritte-content___JNpTZ_1-2-4","left":"magritte-left___GnzU7_1-2-4","center":"magritte-center___MdA40_1-2-4","postfix":"magritte-postfix___r0EZ6_1-2-4","icon":"magritte-icon___VpqJt_1-2-4","textless":"magritte-textless___IbYgp_1-2-4","label":"magritte-label___EPgvj_1-2-4","withPostfix":"magritte-withPostfix___PmQAz_1-2-4","hideLabel":"magritte-hideLabel___K79XM_1-2-4","withLabelOnHover":"magritte-withLabelOnHover___1oktd_1-2-4","border-radius":"magritte-border-radius___ObLLb_1-2-4","borderRadius":"magritte-border-radius___ObLLb_1-2-4","loader":"magritte-loader___EPezG_1-2-4","enter-animation":"magritte-enter-animation___2sPz3_1-2-4","enterAnimation":"magritte-enter-animation___2sPz3_1-2-4","enter-animation-active":"magritte-enter-animation-active___Lq9eq_1-2-4","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_1-2-4","exit-animation":"magritte-exit-animation___h2-7a_1-2-4","exitAnimation":"magritte-exit-animation___h2-7a_1-2-4","exit-animation-active":"magritte-exit-animation-active___w0F1a_1-2-4","exitAnimationActive":"magritte-exit-animation-active___w0F1a_1-2-4","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-2-4","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-2-4","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-2-4","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-2-4"};
13
+ var styles = {"wrapper":"magritte-wrapper___7m9lC_1-2-5","animation-timeout":"magritte-animation-timeout___NL8n0_1-2-5","animationTimeout":"magritte-animation-timeout___NL8n0_1-2-5","button":"magritte-button___nL-Hn_1-2-5","loading":"magritte-loading___C0oPZ_1-2-5","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_1-2-5","right":"magritte-right___3n0Rz_1-2-5","content":"magritte-content___JNpTZ_1-2-5","left":"magritte-left___GnzU7_1-2-5","center":"magritte-center___MdA40_1-2-5","postfix":"magritte-postfix___r0EZ6_1-2-5","icon":"magritte-icon___VpqJt_1-2-5","textless":"magritte-textless___IbYgp_1-2-5","label":"magritte-label___EPgvj_1-2-5","withPostfix":"magritte-withPostfix___PmQAz_1-2-5","hideLabel":"magritte-hideLabel___K79XM_1-2-5","withLabelOnHover":"magritte-withLabelOnHover___1oktd_1-2-5","border-radius":"magritte-border-radius___ObLLb_1-2-5","borderRadius":"magritte-border-radius___ObLLb_1-2-5","loader":"magritte-loader___EPezG_1-2-5","enter-animation":"magritte-enter-animation___2sPz3_1-2-5","enterAnimation":"magritte-enter-animation___2sPz3_1-2-5","enter-animation-active":"magritte-enter-animation-active___Lq9eq_1-2-5","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_1-2-5","exit-animation":"magritte-exit-animation___h2-7a_1-2-5","exitAnimation":"magritte-exit-animation___h2-7a_1-2-5","exit-animation-active":"magritte-exit-animation-active___w0F1a_1-2-5","exitAnimationActive":"magritte-exit-animation-active___w0F1a_1-2-5","button_style-neutral":"magritte-button_style-neutral___bPUwu_1-2-5","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_1-2-5","button_style-inverse":"magritte-button_style-inverse___Xgf26_1-2-5","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_1-2-5"};
14
14
 
15
15
  const ALLOWED_BADGE_SIZES = ['small'];
16
16
  const FloatingButtonComponent = ({ Element = 'button', style = 'neutral', disabled, borderRadius, icon: IconComponent, postfix, loading, host, children, className, inlineStyle, visible, labelOnHover: _labelOnHover, hideLabel: _hideLabel, badge, position = 'right', 'data-qa': dataQa = 'floating-button', ...restProps }, ref) => {
package/index.css CHANGED
@@ -74,21 +74,21 @@
74
74
  --magritte-shadow-level-2-color-v23-2-3:#0000003d;
75
75
  --magritte-shadow-level-1-color-v23-2-3:#00000029;
76
76
  }
77
- .magritte-wrapper___7m9lC_1-2-4{
77
+ .magritte-wrapper___7m9lC_1-2-5{
78
78
  display:inline-block;
79
79
  position:fixed;
80
80
  }
81
- .magritte-wrapper___7m9lC_1-2-4,
82
- .magritte-animation-timeout___NL8n0_1-2-4{
81
+ .magritte-wrapper___7m9lC_1-2-5,
82
+ .magritte-animation-timeout___NL8n0_1-2-5{
83
83
  --animation-duration:0;
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference){
86
- .magritte-wrapper___7m9lC_1-2-4,
87
- .magritte-animation-timeout___NL8n0_1-2-4{
86
+ .magritte-wrapper___7m9lC_1-2-5,
87
+ .magritte-animation-timeout___NL8n0_1-2-5{
88
88
  --animation-duration:var(--magritte-semantic-animation-time-s-duration-v23-2-3);
89
89
  }
90
90
  }
91
- .magritte-button___nL-Hn_1-2-4{
91
+ .magritte-button___nL-Hn_1-2-5{
92
92
  display:inline-block;
93
93
  padding:12px;
94
94
  border-radius:24px;
@@ -96,87 +96,87 @@
96
96
  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v23-2-3);
97
97
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-3);
98
98
  }
99
- .magritte-button___nL-Hn_1-2-4:disabled,
100
- .magritte-button___nL-Hn_1-2-4[aria-disabled='true'],
101
- .magritte-button___nL-Hn_1-2-4.magritte-loading___C0oPZ_1-2-4{
99
+ .magritte-button___nL-Hn_1-2-5:disabled,
100
+ .magritte-button___nL-Hn_1-2-5[aria-disabled='true'],
101
+ .magritte-button___nL-Hn_1-2-5.magritte-loading___C0oPZ_1-2-5{
102
102
  pointer-events:none;
103
103
  cursor:not-allowed;
104
104
  }
105
- .magritte-button___nL-Hn_1-2-4:not(:disabled):active,
106
- .magritte-button___nL-Hn_1-2-4:not([aria-disabled='true']):active{
105
+ .magritte-button___nL-Hn_1-2-5:not(:disabled):active,
106
+ .magritte-button___nL-Hn_1-2-5:not([aria-disabled='true']):active{
107
107
  transform:scale(0.96);
108
108
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-3);
109
109
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-3);
110
110
  }
111
- .magritte-withIconAndLabel___Qa-lU_1-2-4{
111
+ .magritte-withIconAndLabel___Qa-lU_1-2-5{
112
112
  padding:12px 16px;
113
113
  }
114
- .magritte-right___3n0Rz_1-2-4{
114
+ .magritte-right___3n0Rz_1-2-5{
115
115
  right:16px;
116
116
  bottom:20px;
117
117
  }
118
118
  @media (min-width: 1020px){
119
- body.magritte-old-layout .magritte-right___3n0Rz_1-2-4{
119
+ body.magritte-old-layout .magritte-right___3n0Rz_1-2-5{
120
120
  right:36px;
121
121
  bottom:32px;
122
122
  }
123
123
  }
124
124
  @media (min-width: 1024px){
125
- body:not(.magritte-old-layout) .magritte-right___3n0Rz_1-2-4{
125
+ body:not(.magritte-old-layout) .magritte-right___3n0Rz_1-2-5{
126
126
  right:36px;
127
127
  bottom:32px;
128
128
  }
129
129
  }
130
- .magritte-right___3n0Rz_1-2-4 .magritte-content___JNpTZ_1-2-4{
130
+ .magritte-right___3n0Rz_1-2-5 .magritte-content___JNpTZ_1-2-5{
131
131
  justify-content:end;
132
132
  }
133
- .magritte-left___GnzU7_1-2-4{
133
+ .magritte-left___GnzU7_1-2-5{
134
134
  left:16px;
135
135
  bottom:20px;
136
136
  }
137
137
  @media (min-width: 1020px){
138
- body.magritte-old-layout .magritte-left___GnzU7_1-2-4{
138
+ body.magritte-old-layout .magritte-left___GnzU7_1-2-5{
139
139
  left:36px;
140
140
  bottom:32px;
141
141
  }
142
142
  }
143
143
  @media (min-width: 1024px){
144
- body:not(.magritte-old-layout) .magritte-left___GnzU7_1-2-4{
144
+ body:not(.magritte-old-layout) .magritte-left___GnzU7_1-2-5{
145
145
  left:36px;
146
146
  bottom:32px;
147
147
  }
148
148
  }
149
- .magritte-left___GnzU7_1-2-4 .magritte-content___JNpTZ_1-2-4{
149
+ .magritte-left___GnzU7_1-2-5 .magritte-content___JNpTZ_1-2-5{
150
150
  justify-content:start;
151
151
  }
152
- .magritte-center___MdA40_1-2-4{
152
+ .magritte-center___MdA40_1-2-5{
153
153
  left:50%;
154
154
  bottom:20px;
155
155
  transform:translateX(-50%);
156
156
  }
157
157
  @media (min-width: 1020px){
158
- body.magritte-old-layout .magritte-center___MdA40_1-2-4{
158
+ body.magritte-old-layout .magritte-center___MdA40_1-2-5{
159
159
  bottom:32px;
160
160
  }
161
161
  }
162
162
  @media (min-width: 1024px){
163
- body:not(.magritte-old-layout) .magritte-center___MdA40_1-2-4{
163
+ body:not(.magritte-old-layout) .magritte-center___MdA40_1-2-5{
164
164
  bottom:32px;
165
165
  }
166
166
  }
167
- .magritte-center___MdA40_1-2-4 .magritte-content___JNpTZ_1-2-4{
167
+ .magritte-center___MdA40_1-2-5 .magritte-content___JNpTZ_1-2-5{
168
168
  justify-content:space-between;
169
169
  }
170
- .magritte-postfix___r0EZ6_1-2-4{
170
+ .magritte-postfix___r0EZ6_1-2-5{
171
171
  padding:0 4px;
172
172
  }
173
- .magritte-icon___VpqJt_1-2-4{
173
+ .magritte-icon___VpqJt_1-2-5{
174
174
  margin-right:4px;
175
175
  }
176
- .magritte-textless___IbYgp_1-2-4 .magritte-icon___VpqJt_1-2-4{
176
+ .magritte-textless___IbYgp_1-2-5 .magritte-icon___VpqJt_1-2-5{
177
177
  margin:0;
178
178
  }
179
- .magritte-label___EPgvj_1-2-4{
179
+ .magritte-label___EPgvj_1-2-5{
180
180
  text-align:left;
181
181
  overflow:hidden;
182
182
  transition-property:padding;
@@ -184,7 +184,7 @@
184
184
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v23-2-3);
185
185
  padding:0 4px;
186
186
  }
187
- .magritte-content___JNpTZ_1-2-4{
187
+ .magritte-content___JNpTZ_1-2-5{
188
188
  display:inline-grid;
189
189
  justify-content:flex-end;
190
190
  grid-template-columns:max-content 1fr;
@@ -193,76 +193,76 @@
193
193
  transition-duration:var(--animation-duration);
194
194
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v23-2-3);
195
195
  }
196
- .magritte-withPostfix___PmQAz_1-2-4 .magritte-content___JNpTZ_1-2-4{
196
+ .magritte-withPostfix___PmQAz_1-2-5 .magritte-content___JNpTZ_1-2-5{
197
197
  grid-template-columns:max-content 1fr max-content;
198
198
  }
199
- .magritte-hideLabel___K79XM_1-2-4 .magritte-content___JNpTZ_1-2-4{
199
+ .magritte-hideLabel___K79XM_1-2-5 .magritte-content___JNpTZ_1-2-5{
200
200
  grid-template-columns:max-content 0fr;
201
201
  }
202
- .magritte-hideLabel___K79XM_1-2-4 .magritte-label___EPgvj_1-2-4{
202
+ .magritte-hideLabel___K79XM_1-2-5 .magritte-label___EPgvj_1-2-5{
203
203
  padding:0;
204
204
  }
205
- .magritte-hideLabel___K79XM_1-2-4.magritte-withPostfix___PmQAz_1-2-4 .magritte-content___JNpTZ_1-2-4{
205
+ .magritte-hideLabel___K79XM_1-2-5.magritte-withPostfix___PmQAz_1-2-5 .magritte-content___JNpTZ_1-2-5{
206
206
  grid-template-columns:max-content 0fr max-content;
207
207
  }
208
- .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4).magritte-withIconAndLabel___Qa-lU_1-2-4{
208
+ .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5).magritte-withIconAndLabel___Qa-lU_1-2-5{
209
209
  padding:12px;
210
210
  }
211
- .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):not(.magritte-withPostfix___PmQAz_1-2-4) .magritte-icon___VpqJt_1-2-4{
211
+ .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):not(.magritte-withPostfix___PmQAz_1-2-5) .magritte-icon___VpqJt_1-2-5{
212
212
  margin:0;
213
213
  }
214
- .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4) .magritte-content___JNpTZ_1-2-4{
214
+ .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5) .magritte-content___JNpTZ_1-2-5{
215
215
  grid-template-columns:max-content 0fr;
216
216
  }
217
- .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4).magritte-withPostfix___PmQAz_1-2-4 .magritte-content___JNpTZ_1-2-4{
217
+ .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5).magritte-withPostfix___PmQAz_1-2-5 .magritte-content___JNpTZ_1-2-5{
218
218
  grid-template-columns:max-content 0fr max-content;
219
219
  }
220
- .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4) .magritte-label___EPgvj_1-2-4{
220
+ .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5) .magritte-label___EPgvj_1-2-5{
221
221
  padding:0;
222
222
  }
223
223
  @media (min-width: 1020px){
224
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-4{
224
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-5{
225
225
  padding:12px 16px;
226
226
  }
227
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-4{
227
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-5{
228
228
  margin-right:4px;
229
229
  }
230
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-4{
230
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-5{
231
231
  grid-template-columns:max-content 1fr;
232
232
  }
233
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-4 .magritte-content___JNpTZ_1-2-4{
233
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-5 .magritte-content___JNpTZ_1-2-5{
234
234
  grid-template-columns:max-content 1fr max-content;
235
235
  }
236
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-4{
236
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-5{
237
237
  padding:0 4px;
238
238
  }
239
239
  }
240
240
  @media (min-width: 1024px){
241
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-4{
241
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_1-2-5{
242
242
  padding:12px 16px;
243
243
  }
244
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-4{
244
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_1-2-5{
245
245
  margin-right:4px;
246
246
  }
247
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-4{
247
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_1-2-5{
248
248
  grid-template-columns:max-content 1fr;
249
249
  }
250
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-4 .magritte-content___JNpTZ_1-2-4{
250
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_1-2-5 .magritte-content___JNpTZ_1-2-5{
251
251
  grid-template-columns:max-content 1fr max-content;
252
252
  }
253
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-4:not(.magritte-hideLabel___K79XM_1-2-4):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-4{
253
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_1-2-5:not(.magritte-hideLabel___K79XM_1-2-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_1-2-5{
254
254
  padding:0 4px;
255
255
  }
256
256
  }
257
- .magritte-loading___C0oPZ_1-2-4 .magritte-postfix___r0EZ6_1-2-4,
258
- .magritte-loading___C0oPZ_1-2-4 .magritte-icon___VpqJt_1-2-4,
259
- .magritte-loading___C0oPZ_1-2-4 .magritte-label___EPgvj_1-2-4{
257
+ .magritte-loading___C0oPZ_1-2-5 .magritte-postfix___r0EZ6_1-2-5,
258
+ .magritte-loading___C0oPZ_1-2-5 .magritte-icon___VpqJt_1-2-5,
259
+ .magritte-loading___C0oPZ_1-2-5 .magritte-label___EPgvj_1-2-5{
260
260
  visibility:hidden;
261
261
  }
262
- .magritte-border-radius___ObLLb_1-2-4{
262
+ .magritte-border-radius___ObLLb_1-2-5{
263
263
  border-radius:12px;
264
264
  }
265
- .magritte-loader___EPezG_1-2-4{
265
+ .magritte-loader___EPezG_1-2-5{
266
266
  position:absolute;
267
267
  left:50%;
268
268
  top:50%;
@@ -270,97 +270,97 @@
270
270
  line-height:0;
271
271
  overflow:hidden;
272
272
  }
273
- .magritte-enter-animation___2sPz3_1-2-4{
273
+ .magritte-enter-animation___2sPz3_1-2-5{
274
274
  opacity:0;
275
275
  }
276
- .magritte-enter-animation-active___Lq9eq_1-2-4{
276
+ .magritte-enter-animation-active___Lq9eq_1-2-5{
277
277
  opacity:1;
278
278
  transition-property:opacity;
279
279
  transition-duration:var(--animation-duration);
280
280
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v23-2-3);
281
281
  }
282
- .magritte-exit-animation___h2-7a_1-2-4{
282
+ .magritte-exit-animation___h2-7a_1-2-5{
283
283
  opacity:1;
284
284
  }
285
- .magritte-exit-animation-active___w0F1a_1-2-4{
285
+ .magritte-exit-animation-active___w0F1a_1-2-5{
286
286
  opacity:0;
287
287
  transition-property:opacity;
288
288
  transition-duration:var(--animation-duration);
289
289
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v23-2-3);
290
290
  }
291
- .magritte-button_style-neutral___bPUwu_1-2-4{
291
+ .magritte-button_style-neutral___bPUwu_1-2-5{
292
292
  background:var(--magritte-color-component-button-background-neutral-v23-2-3);
293
293
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v23-2-3);
294
294
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v23-2-3);
295
295
  box-shadow:var(--magritte-shadow-level-2-x-v23-2-3) var(--magritte-shadow-level-2-y-v23-2-3) var(--magritte-shadow-level-2-blur-v23-2-3) var(--magritte-shadow-level-2-spread-v23-2-3) var(--magritte-shadow-level-2-color-v23-2-3);
296
296
  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v23-2-3);
297
297
  }
298
- .magritte-button_style-neutral___bPUwu_1-2-4 .magritte-postfix___r0EZ6_1-2-4{
298
+ .magritte-button_style-neutral___bPUwu_1-2-5 .magritte-postfix___r0EZ6_1-2-5{
299
299
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v23-2-3);
300
300
  }
301
- .magritte-button_style-neutral___bPUwu_1-2-4.focus-visible{
301
+ .magritte-button_style-neutral___bPUwu_1-2-5.focus-visible{
302
302
  outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v23-2-3);
303
303
  background:var(--magritte-color-component-button-background-state-neutral-focused-v23-2-3);
304
304
  }
305
- .magritte-button_style-neutral___bPUwu_1-2-4:not(:disabled):active,
306
- .magritte-button_style-neutral___bPUwu_1-2-4:not([aria-disabled='true']):active{
305
+ .magritte-button_style-neutral___bPUwu_1-2-5:not(:disabled):active,
306
+ .magritte-button_style-neutral___bPUwu_1-2-5:not([aria-disabled='true']):active{
307
307
  background:var(--magritte-color-component-button-background-state-neutral-pressed-v23-2-3);
308
308
  }
309
- .magritte-button_style-neutral___bPUwu_1-2-4:disabled,
310
- .magritte-button_style-neutral___bPUwu_1-2-4[aria-disabled='true']{
309
+ .magritte-button_style-neutral___bPUwu_1-2-5:disabled,
310
+ .magritte-button_style-neutral___bPUwu_1-2-5[aria-disabled='true']{
311
311
  background:var(--magritte-color-component-button-background-state-neutral-disabled-v23-2-3);
312
312
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v23-2-3);
313
313
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v23-2-3);
314
314
  }
315
- .magritte-button_style-neutral___bPUwu_1-2-4:disabled .magritte-postfix___r0EZ6_1-2-4,
316
- .magritte-button_style-neutral___bPUwu_1-2-4[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-4{
315
+ .magritte-button_style-neutral___bPUwu_1-2-5:disabled .magritte-postfix___r0EZ6_1-2-5,
316
+ .magritte-button_style-neutral___bPUwu_1-2-5[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-5{
317
317
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v23-2-3);
318
318
  }
319
319
  @media (min-width: 1020px){
320
- body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-2-4:hover:not(:active):not(:disabled):not([aria-disabled='true']){
320
+ body.magritte-old-layout .magritte-button_style-neutral___bPUwu_1-2-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
321
  background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-3);
322
322
  }
323
323
  }
324
324
  @media (min-width: 1024px){
325
- body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-2-4:hover:not(:active):not(:disabled):not([aria-disabled='true']){
325
+ body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_1-2-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
326
  background:var(--magritte-color-component-button-background-state-neutral-hovered-v23-2-3);
327
327
  }
328
328
  }
329
- .magritte-button_style-inverse___Xgf26_1-2-4{
329
+ .magritte-button_style-inverse___Xgf26_1-2-5{
330
330
  background:var(--magritte-color-component-button-background-inverse-v23-2-3);
331
331
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v23-2-3);
332
332
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v23-2-3);
333
333
  box-shadow:var(--magritte-shadow-level-1-x-v23-2-3) var(--magritte-shadow-level-1-y-v23-2-3) var(--magritte-shadow-level-1-blur-v23-2-3) var(--magritte-shadow-level-1-spread-v23-2-3) var(--magritte-shadow-level-1-color-v23-2-3);
334
334
  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v23-2-3);
335
335
  }
336
- .magritte-button_style-inverse___Xgf26_1-2-4 .magritte-postfix___r0EZ6_1-2-4{
336
+ .magritte-button_style-inverse___Xgf26_1-2-5 .magritte-postfix___r0EZ6_1-2-5{
337
337
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v23-2-3);
338
338
  }
339
- .magritte-button_style-inverse___Xgf26_1-2-4.focus-visible{
339
+ .magritte-button_style-inverse___Xgf26_1-2-5.focus-visible{
340
340
  outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v23-2-3);
341
341
  background:var(--magritte-color-component-button-background-state-inverse-focused-v23-2-3);
342
342
  }
343
- .magritte-button_style-inverse___Xgf26_1-2-4:not(:disabled):active,
344
- .magritte-button_style-inverse___Xgf26_1-2-4:not([aria-disabled='true']):active{
343
+ .magritte-button_style-inverse___Xgf26_1-2-5:not(:disabled):active,
344
+ .magritte-button_style-inverse___Xgf26_1-2-5:not([aria-disabled='true']):active{
345
345
  background:var(--magritte-color-component-button-background-state-inverse-pressed-v23-2-3);
346
346
  }
347
- .magritte-button_style-inverse___Xgf26_1-2-4:disabled,
348
- .magritte-button_style-inverse___Xgf26_1-2-4[aria-disabled='true']{
347
+ .magritte-button_style-inverse___Xgf26_1-2-5:disabled,
348
+ .magritte-button_style-inverse___Xgf26_1-2-5[aria-disabled='true']{
349
349
  background:var(--magritte-color-component-button-background-state-inverse-disabled-v23-2-3);
350
350
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v23-2-3);
351
351
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v23-2-3);
352
352
  }
353
- .magritte-button_style-inverse___Xgf26_1-2-4:disabled .magritte-postfix___r0EZ6_1-2-4,
354
- .magritte-button_style-inverse___Xgf26_1-2-4[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-4{
353
+ .magritte-button_style-inverse___Xgf26_1-2-5:disabled .magritte-postfix___r0EZ6_1-2-5,
354
+ .magritte-button_style-inverse___Xgf26_1-2-5[aria-disabled='true'] .magritte-postfix___r0EZ6_1-2-5{
355
355
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v23-2-3);
356
356
  }
357
357
  @media (min-width: 1020px){
358
- body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-2-4:hover:not(:active):not(:disabled):not([aria-disabled='true']){
358
+ body.magritte-old-layout .magritte-button_style-inverse___Xgf26_1-2-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
359
359
  background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-3);
360
360
  }
361
361
  }
362
362
  @media (min-width: 1024px){
363
- body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-2-4:hover:not(:active):not(:disabled):not([aria-disabled='true']){
363
+ body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_1-2-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
364
364
  background:var(--magritte-color-component-button-background-state-inverse-hovered-v23-2-3);
365
365
  }
366
366
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-floating-button",
3
- "version": "1.2.4",
3
+ "version": "1.2.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,7 +25,7 @@
25
25
  "@hh.ru/magritte-ui-badge": "3.2.2",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.0.1",
27
27
  "@hh.ru/magritte-ui-layer": "3.0.5",
28
- "@hh.ru/magritte-ui-loader": "2.0.13",
28
+ "@hh.ru/magritte-ui-loader": "2.0.14",
29
29
  "@hh.ru/magritte-ui-mock-component": "1.1.5",
30
30
  "@hh.ru/magritte-ui-typography": "4.2.6"
31
31
  },
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "90a91eaf0ef55ef0ae534be060b7bf4c27736f36"
41
+ "gitHead": "c6aefab070e5566cf707fe10ca65bd94d1806b9d"
42
42
  }