@hh.ru/magritte-ui-floating-button 3.0.17 → 3.0.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.
package/FloatingButton.js CHANGED
@@ -11,7 +11,7 @@ import { Layer } from '@hh.ru/magritte-ui-layer';
11
11
  import { Loader } from '@hh.ru/magritte-ui-loader';
12
12
  import { Text } from '@hh.ru/magritte-ui-typography';
13
13
 
14
- var styles = {"wrapper":"magritte-wrapper___7m9lC_3-0-17","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-17","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-17","button":"magritte-button___nL-Hn_3-0-17","loading":"magritte-loading___C0oPZ_3-0-17","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-17","right":"magritte-right___3n0Rz_3-0-17","content":"magritte-content___JNpTZ_3-0-17","left":"magritte-left___GnzU7_3-0-17","center":"magritte-center___MdA40_3-0-17","postfix":"magritte-postfix___r0EZ6_3-0-17","icon":"magritte-icon___VpqJt_3-0-17","textless":"magritte-textless___IbYgp_3-0-17","label":"magritte-label___EPgvj_3-0-17","withPostfix":"magritte-withPostfix___PmQAz_3-0-17","hideLabel":"magritte-hideLabel___K79XM_3-0-17","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-17","loader":"magritte-loader___EPezG_3-0-17","enter-animation":"magritte-enter-animation___2sPz3_3-0-17","enterAnimation":"magritte-enter-animation___2sPz3_3-0-17","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-17","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-17","exit-animation":"magritte-exit-animation___h2-7a_3-0-17","exitAnimation":"magritte-exit-animation___h2-7a_3-0-17","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-17","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-17","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-17","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-17","stackMode":"magritte-stackMode___RdOTJ_3-0-17","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-17","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-17"};
14
+ var styles = {"wrapper":"magritte-wrapper___7m9lC_3-0-18","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-18","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-18","button":"magritte-button___nL-Hn_3-0-18","loading":"magritte-loading___C0oPZ_3-0-18","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-18","right":"magritte-right___3n0Rz_3-0-18","content":"magritte-content___JNpTZ_3-0-18","left":"magritte-left___GnzU7_3-0-18","center":"magritte-center___MdA40_3-0-18","postfix":"magritte-postfix___r0EZ6_3-0-18","icon":"magritte-icon___VpqJt_3-0-18","textless":"magritte-textless___IbYgp_3-0-18","label":"magritte-label___EPgvj_3-0-18","withPostfix":"magritte-withPostfix___PmQAz_3-0-18","hideLabel":"magritte-hideLabel___K79XM_3-0-18","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-18","loader":"magritte-loader___EPezG_3-0-18","enter-animation":"magritte-enter-animation___2sPz3_3-0-18","enterAnimation":"magritte-enter-animation___2sPz3_3-0-18","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-18","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-18","exit-animation":"magritte-exit-animation___h2-7a_3-0-18","exitAnimation":"magritte-exit-animation___h2-7a_3-0-18","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-18","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-18","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-18","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-18","stackMode":"magritte-stackMode___RdOTJ_3-0-18","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-18","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-18"};
15
15
 
16
16
  const ALLOWED_BADGE_SIZES = ['small'];
17
17
  const FloatingButtonComponent = ({ Element = 'button', style = 'neutral', disabled, borderRadius = 'halfHeight', icon: IconComponent, postfix, loading, host, children, className, inlineStyle, visible, labelOnHover: _labelOnHover, hideLabel: _hideLabel, badge, position = 'right', 'data-qa': dataQa = 'floating-button', stackMode = false, ...restProps }, ref) => {
@@ -9,7 +9,7 @@ import { FloatingButtonStackItem } from './FloatingButtonStackItem.js';
9
9
  import { FloatingButtonStackItems } from './FloatingButtonStackItems.js';
10
10
  import { FloatingButtonStackUpButton } from './FloatingButtonStackUpButton.js';
11
11
  import { Layer } from '@hh.ru/magritte-ui-layer';
12
- import { s as styles } from './floating-button-stack-p5d9TVd-.js';
12
+ import { s as styles } from './floating-button-stack-BUaazahb.js';
13
13
  import 'react-transition-group';
14
14
  import '@hh.ru/magritte-design-tokens/types';
15
15
  import './FloatingButton.js';
@@ -6,7 +6,7 @@ import classnames from 'classnames';
6
6
  import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
7
7
  import { FloatingButtonWithStackMode } from './FloatingButton.js';
8
8
  import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
9
- import { s as styles } from './floating-button-stack-p5d9TVd-.js';
9
+ import { s as styles } from './floating-button-stack-BUaazahb.js';
10
10
  import 'react-dom';
11
11
  import '@hh.ru/magritte-common-is-server-env';
12
12
  import '@hh.ru/magritte-ui-badge';
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
5
- import { s as styles } from './floating-button-stack-p5d9TVd-.js';
5
+ import { s as styles } from './floating-button-stack-BUaazahb.js';
6
6
  import 'react';
7
7
 
8
8
  const FloatingButtonStackItems = ({ children }) => {
@@ -6,7 +6,7 @@ import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-toke
6
6
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
7
7
  import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
8
8
  import { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';
9
- import { s as styles } from './floating-button-stack-p5d9TVd-.js';
9
+ import { s as styles } from './floating-button-stack-BUaazahb.js';
10
10
 
11
11
  const FloatingButtonStackUpButton = ({ upButtonVisible, disabled = false, onUpButtonClick, 'data-qa': dataQa, }) => {
12
12
  const { animationsEnabled } = useFloatingButtonStack();
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"stack":"magritte-stack___v7QhJ_3-0-18","right":"magritte-right___v4PFa_3-0-18","left":"magritte-left___JXzpq_3-0-18","center":"magritte-center___rV3kK_3-0-18","up-button":"magritte-up-button___M-Jgi_3-0-18","upButton":"magritte-up-button___M-Jgi_3-0-18","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-18","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-18","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-18","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-18","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-18","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-18","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-18","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-18","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-18","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-18","animated":"magritte-animated___z--5Y_3-0-18","visibled":"magritte-visibled___hHvF6_3-0-18","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-18","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-18","disabled":"magritte-disabled___XSSqS_3-0-18","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-18","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-18","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-18","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-18","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-18","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-18","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-18","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-18","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-18","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-18","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-18","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-18"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=floating-button-stack-BUaazahb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"floating-button-stack-BUaazahb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -74,21 +74,21 @@
74
74
  --magritte-shadow-level-2-color-v24-7-0:#0000003d;
75
75
  --magritte-shadow-level-1-color-v24-7-0:#00000029;
76
76
  }
77
- .magritte-wrapper___7m9lC_3-0-17{
77
+ .magritte-wrapper___7m9lC_3-0-18{
78
78
  display:inline-block;
79
79
  position:fixed;
80
80
  }
81
- .magritte-wrapper___7m9lC_3-0-17,
82
- .magritte-animation-timeout___NL8n0_3-0-17{
81
+ .magritte-wrapper___7m9lC_3-0-18,
82
+ .magritte-animation-timeout___NL8n0_3-0-18{
83
83
  --animation-duration:0;
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference){
86
- .magritte-wrapper___7m9lC_3-0-17,
87
- .magritte-animation-timeout___NL8n0_3-0-17{
86
+ .magritte-wrapper___7m9lC_3-0-18,
87
+ .magritte-animation-timeout___NL8n0_3-0-18{
88
88
  --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-7-0);
89
89
  }
90
90
  }
91
- .magritte-button___nL-Hn_3-0-17{
91
+ .magritte-button___nL-Hn_3-0-18{
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-v24-7-0);
97
97
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-7-0);
98
98
  }
99
- .magritte-button___nL-Hn_3-0-17:disabled,
100
- .magritte-button___nL-Hn_3-0-17[aria-disabled='true'],
101
- .magritte-button___nL-Hn_3-0-17.magritte-loading___C0oPZ_3-0-17{
99
+ .magritte-button___nL-Hn_3-0-18:disabled,
100
+ .magritte-button___nL-Hn_3-0-18[aria-disabled='true'],
101
+ .magritte-button___nL-Hn_3-0-18.magritte-loading___C0oPZ_3-0-18{
102
102
  pointer-events:none;
103
103
  cursor:not-allowed;
104
104
  }
105
- .magritte-button___nL-Hn_3-0-17:not(:disabled):active,
106
- .magritte-button___nL-Hn_3-0-17:not([aria-disabled='true']):active{
105
+ .magritte-button___nL-Hn_3-0-18:not(:disabled):active,
106
+ .magritte-button___nL-Hn_3-0-18:not([aria-disabled='true']):active{
107
107
  transform:scale(0.96);
108
108
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-7-0);
109
109
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-7-0);
110
110
  }
111
- .magritte-withIconAndLabel___Qa-lU_3-0-17{
111
+ .magritte-withIconAndLabel___Qa-lU_3-0-18{
112
112
  padding:12px 16px;
113
113
  }
114
- .magritte-right___3n0Rz_3-0-17{
114
+ .magritte-right___3n0Rz_3-0-18{
115
115
  right:16px;
116
116
  bottom:20px;
117
117
  }
118
118
  @media (min-width: 1020px){
119
- body.magritte-old-layout .magritte-right___3n0Rz_3-0-17{
119
+ body.magritte-old-layout .magritte-right___3n0Rz_3-0-18{
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_3-0-17{
125
+ body:not(.magritte-old-layout) .magritte-right___3n0Rz_3-0-18{
126
126
  right:36px;
127
127
  bottom:32px;
128
128
  }
129
129
  }
130
- .magritte-right___3n0Rz_3-0-17 .magritte-content___JNpTZ_3-0-17{
130
+ .magritte-right___3n0Rz_3-0-18 .magritte-content___JNpTZ_3-0-18{
131
131
  justify-content:end;
132
132
  }
133
- .magritte-left___GnzU7_3-0-17{
133
+ .magritte-left___GnzU7_3-0-18{
134
134
  left:16px;
135
135
  bottom:20px;
136
136
  }
137
137
  @media (min-width: 1020px){
138
- body.magritte-old-layout .magritte-left___GnzU7_3-0-17{
138
+ body.magritte-old-layout .magritte-left___GnzU7_3-0-18{
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_3-0-17{
144
+ body:not(.magritte-old-layout) .magritte-left___GnzU7_3-0-18{
145
145
  left:36px;
146
146
  bottom:32px;
147
147
  }
148
148
  }
149
- .magritte-left___GnzU7_3-0-17 .magritte-content___JNpTZ_3-0-17{
149
+ .magritte-left___GnzU7_3-0-18 .magritte-content___JNpTZ_3-0-18{
150
150
  justify-content:start;
151
151
  }
152
- .magritte-center___MdA40_3-0-17{
152
+ .magritte-center___MdA40_3-0-18{
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_3-0-17{
158
+ body.magritte-old-layout .magritte-center___MdA40_3-0-18{
159
159
  bottom:32px;
160
160
  }
161
161
  }
162
162
  @media (min-width: 1024px){
163
- body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-17{
163
+ body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-18{
164
164
  bottom:32px;
165
165
  }
166
166
  }
167
- .magritte-center___MdA40_3-0-17 .magritte-content___JNpTZ_3-0-17{
167
+ .magritte-center___MdA40_3-0-18 .magritte-content___JNpTZ_3-0-18{
168
168
  justify-content:space-between;
169
169
  }
170
- .magritte-postfix___r0EZ6_3-0-17{
170
+ .magritte-postfix___r0EZ6_3-0-18{
171
171
  padding:0 4px;
172
172
  }
173
- .magritte-icon___VpqJt_3-0-17{
173
+ .magritte-icon___VpqJt_3-0-18{
174
174
  margin-right:4px;
175
175
  }
176
- .magritte-textless___IbYgp_3-0-17 .magritte-icon___VpqJt_3-0-17{
176
+ .magritte-textless___IbYgp_3-0-18 .magritte-icon___VpqJt_3-0-18{
177
177
  margin:0;
178
178
  }
179
- .magritte-label___EPgvj_3-0-17{
179
+ .magritte-label___EPgvj_3-0-18{
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-v24-7-0);
185
185
  padding:0 4px;
186
186
  }
187
- .magritte-content___JNpTZ_3-0-17{
187
+ .magritte-content___JNpTZ_3-0-18{
188
188
  display:inline-grid;
189
189
  justify-content:flex-end;
190
190
  grid-template-columns:max-content 1fr;
@@ -193,73 +193,73 @@
193
193
  transition-duration:var(--animation-duration);
194
194
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
195
195
  }
196
- .magritte-withPostfix___PmQAz_3-0-17 .magritte-content___JNpTZ_3-0-17{
196
+ .magritte-withPostfix___PmQAz_3-0-18 .magritte-content___JNpTZ_3-0-18{
197
197
  grid-template-columns:max-content 1fr max-content;
198
198
  }
199
- .magritte-hideLabel___K79XM_3-0-17 .magritte-content___JNpTZ_3-0-17{
199
+ .magritte-hideLabel___K79XM_3-0-18 .magritte-content___JNpTZ_3-0-18{
200
200
  grid-template-columns:max-content 0fr;
201
201
  }
202
- .magritte-hideLabel___K79XM_3-0-17 .magritte-label___EPgvj_3-0-17{
202
+ .magritte-hideLabel___K79XM_3-0-18 .magritte-label___EPgvj_3-0-18{
203
203
  padding:0;
204
204
  }
205
- .magritte-hideLabel___K79XM_3-0-17.magritte-withPostfix___PmQAz_3-0-17 .magritte-content___JNpTZ_3-0-17{
205
+ .magritte-hideLabel___K79XM_3-0-18.magritte-withPostfix___PmQAz_3-0-18 .magritte-content___JNpTZ_3-0-18{
206
206
  grid-template-columns:max-content 0fr max-content;
207
207
  }
208
- .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17).magritte-withIconAndLabel___Qa-lU_3-0-17{
208
+ .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18).magritte-withIconAndLabel___Qa-lU_3-0-18{
209
209
  padding:12px;
210
210
  }
211
- .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):not(.magritte-withPostfix___PmQAz_3-0-17) .magritte-icon___VpqJt_3-0-17{
211
+ .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):not(.magritte-withPostfix___PmQAz_3-0-18) .magritte-icon___VpqJt_3-0-18{
212
212
  margin:0;
213
213
  }
214
- .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17) .magritte-content___JNpTZ_3-0-17{
214
+ .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18) .magritte-content___JNpTZ_3-0-18{
215
215
  grid-template-columns:max-content 0fr;
216
216
  }
217
- .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17).magritte-withPostfix___PmQAz_3-0-17 .magritte-content___JNpTZ_3-0-17{
217
+ .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18).magritte-withPostfix___PmQAz_3-0-18 .magritte-content___JNpTZ_3-0-18{
218
218
  grid-template-columns:max-content 0fr max-content;
219
219
  }
220
- .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17) .magritte-label___EPgvj_3-0-17{
220
+ .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18) .magritte-label___EPgvj_3-0-18{
221
221
  padding:0;
222
222
  }
223
223
  @media (min-width: 1020px){
224
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-17{
224
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-18{
225
225
  padding:12px 16px;
226
226
  }
227
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-17{
227
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-18{
228
228
  margin-right:4px;
229
229
  }
230
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-17{
230
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-18{
231
231
  grid-template-columns:max-content 1fr;
232
232
  }
233
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-17 .magritte-content___JNpTZ_3-0-17{
233
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-18 .magritte-content___JNpTZ_3-0-18{
234
234
  grid-template-columns:max-content 1fr max-content;
235
235
  }
236
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-17{
236
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-18{
237
237
  padding:0 4px;
238
238
  }
239
239
  }
240
240
  @media (min-width: 1024px){
241
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-17{
241
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-18{
242
242
  padding:12px 16px;
243
243
  }
244
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-17{
244
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-18{
245
245
  margin-right:4px;
246
246
  }
247
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-17{
247
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-18{
248
248
  grid-template-columns:max-content 1fr;
249
249
  }
250
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-17 .magritte-content___JNpTZ_3-0-17{
250
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-18 .magritte-content___JNpTZ_3-0-18{
251
251
  grid-template-columns:max-content 1fr max-content;
252
252
  }
253
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-17:not(.magritte-hideLabel___K79XM_3-0-17):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-17{
253
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-18:not(.magritte-hideLabel___K79XM_3-0-18):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-18{
254
254
  padding:0 4px;
255
255
  }
256
256
  }
257
- .magritte-loading___C0oPZ_3-0-17 .magritte-postfix___r0EZ6_3-0-17,
258
- .magritte-loading___C0oPZ_3-0-17 .magritte-icon___VpqJt_3-0-17,
259
- .magritte-loading___C0oPZ_3-0-17 .magritte-label___EPgvj_3-0-17{
257
+ .magritte-loading___C0oPZ_3-0-18 .magritte-postfix___r0EZ6_3-0-18,
258
+ .magritte-loading___C0oPZ_3-0-18 .magritte-icon___VpqJt_3-0-18,
259
+ .magritte-loading___C0oPZ_3-0-18 .magritte-label___EPgvj_3-0-18{
260
260
  visibility:hidden;
261
261
  }
262
- .magritte-loader___EPezG_3-0-17{
262
+ .magritte-loader___EPezG_3-0-18{
263
263
  position:absolute;
264
264
  left:50%;
265
265
  top:50%;
@@ -267,103 +267,103 @@
267
267
  line-height:0;
268
268
  overflow:hidden;
269
269
  }
270
- .magritte-enter-animation___2sPz3_3-0-17{
270
+ .magritte-enter-animation___2sPz3_3-0-18{
271
271
  opacity:0;
272
272
  }
273
- .magritte-enter-animation-active___Lq9eq_3-0-17{
273
+ .magritte-enter-animation-active___Lq9eq_3-0-18{
274
274
  opacity:1;
275
275
  transition-property:opacity;
276
276
  transition-duration:var(--animation-duration);
277
277
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
278
278
  }
279
- .magritte-exit-animation___h2-7a_3-0-17{
279
+ .magritte-exit-animation___h2-7a_3-0-18{
280
280
  opacity:1;
281
281
  }
282
- .magritte-exit-animation-active___w0F1a_3-0-17{
282
+ .magritte-exit-animation-active___w0F1a_3-0-18{
283
283
  opacity:0;
284
284
  transition-property:opacity;
285
285
  transition-duration:var(--animation-duration);
286
286
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
287
287
  }
288
- .magritte-button_style-neutral___bPUwu_3-0-17{
288
+ .magritte-button_style-neutral___bPUwu_3-0-18{
289
289
  background:var(--magritte-color-component-button-background-neutral-v24-7-0);
290
290
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-7-0);
291
291
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-7-0);
292
292
  box-shadow:var(--magritte-shadow-level-2-x-v24-7-0) var(--magritte-shadow-level-2-y-v24-7-0) var(--magritte-shadow-level-2-blur-v24-7-0) var(--magritte-shadow-level-2-spread-v24-7-0) var(--magritte-shadow-level-2-color-v24-7-0);
293
293
  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-7-0);
294
294
  }
295
- .magritte-button_style-neutral___bPUwu_3-0-17 .magritte-postfix___r0EZ6_3-0-17{
295
+ .magritte-button_style-neutral___bPUwu_3-0-18 .magritte-postfix___r0EZ6_3-0-18{
296
296
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-7-0);
297
297
  }
298
- .magritte-button_style-neutral___bPUwu_3-0-17.magritte-stackMode___RdOTJ_3-0-17{
298
+ .magritte-button_style-neutral___bPUwu_3-0-18.magritte-stackMode___RdOTJ_3-0-18{
299
299
  box-shadow:none;
300
300
  }
301
- .magritte-button_style-neutral___bPUwu_3-0-17.focus-visible{
301
+ .magritte-button_style-neutral___bPUwu_3-0-18.focus-visible{
302
302
  outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-7-0);
303
303
  background:var(--magritte-color-component-button-background-state-neutral-focused-v24-7-0);
304
304
  }
305
- .magritte-button_style-neutral___bPUwu_3-0-17:not(:disabled):active,
306
- .magritte-button_style-neutral___bPUwu_3-0-17:not([aria-disabled='true']):active{
305
+ .magritte-button_style-neutral___bPUwu_3-0-18:not(:disabled):active,
306
+ .magritte-button_style-neutral___bPUwu_3-0-18:not([aria-disabled='true']):active{
307
307
  background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-7-0);
308
308
  }
309
- .magritte-button_style-neutral___bPUwu_3-0-17:disabled,
310
- .magritte-button_style-neutral___bPUwu_3-0-17[aria-disabled='true']{
309
+ .magritte-button_style-neutral___bPUwu_3-0-18:disabled,
310
+ .magritte-button_style-neutral___bPUwu_3-0-18[aria-disabled='true']{
311
311
  background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-7-0);
312
312
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-7-0);
313
313
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-7-0);
314
314
  }
315
- .magritte-button_style-neutral___bPUwu_3-0-17:disabled .magritte-postfix___r0EZ6_3-0-17,
316
- .magritte-button_style-neutral___bPUwu_3-0-17[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-17{
315
+ .magritte-button_style-neutral___bPUwu_3-0-18:disabled .magritte-postfix___r0EZ6_3-0-18,
316
+ .magritte-button_style-neutral___bPUwu_3-0-18[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-18{
317
317
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-7-0);
318
318
  }
319
319
  @media (min-width: 1020px){
320
- body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-17:hover:not(:active):not(:disabled):not([aria-disabled='true']){
320
+ body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-18:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
321
  background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-7-0));
322
322
  }
323
323
  }
324
324
  @media (min-width: 1024px){
325
- body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-17:hover:not(:active):not(:disabled):not([aria-disabled='true']){
325
+ body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-18:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
326
  background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-7-0));
327
327
  }
328
328
  }
329
- .magritte-button_style-inverse___Xgf26_3-0-17{
329
+ .magritte-button_style-inverse___Xgf26_3-0-18{
330
330
  background:var(--magritte-color-component-button-background-inverse-v24-7-0);
331
331
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-7-0);
332
332
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-7-0);
333
333
  box-shadow:var(--magritte-shadow-level-1-x-v24-7-0) var(--magritte-shadow-level-1-y-v24-7-0) var(--magritte-shadow-level-1-blur-v24-7-0) var(--magritte-shadow-level-1-spread-v24-7-0) var(--magritte-shadow-level-1-color-v24-7-0);
334
334
  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-7-0);
335
335
  }
336
- .magritte-button_style-inverse___Xgf26_3-0-17 .magritte-postfix___r0EZ6_3-0-17{
336
+ .magritte-button_style-inverse___Xgf26_3-0-18 .magritte-postfix___r0EZ6_3-0-18{
337
337
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-7-0);
338
338
  }
339
- .magritte-button_style-inverse___Xgf26_3-0-17.magritte-stackMode___RdOTJ_3-0-17{
339
+ .magritte-button_style-inverse___Xgf26_3-0-18.magritte-stackMode___RdOTJ_3-0-18{
340
340
  box-shadow:none;
341
341
  }
342
- .magritte-button_style-inverse___Xgf26_3-0-17.focus-visible{
342
+ .magritte-button_style-inverse___Xgf26_3-0-18.focus-visible{
343
343
  outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-7-0);
344
344
  background:var(--magritte-color-component-button-background-state-inverse-focused-v24-7-0);
345
345
  }
346
- .magritte-button_style-inverse___Xgf26_3-0-17:not(:disabled):active,
347
- .magritte-button_style-inverse___Xgf26_3-0-17:not([aria-disabled='true']):active{
346
+ .magritte-button_style-inverse___Xgf26_3-0-18:not(:disabled):active,
347
+ .magritte-button_style-inverse___Xgf26_3-0-18:not([aria-disabled='true']):active{
348
348
  background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-7-0);
349
349
  }
350
- .magritte-button_style-inverse___Xgf26_3-0-17:disabled,
351
- .magritte-button_style-inverse___Xgf26_3-0-17[aria-disabled='true']{
350
+ .magritte-button_style-inverse___Xgf26_3-0-18:disabled,
351
+ .magritte-button_style-inverse___Xgf26_3-0-18[aria-disabled='true']{
352
352
  background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-7-0);
353
353
  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-7-0);
354
354
  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-7-0);
355
355
  }
356
- .magritte-button_style-inverse___Xgf26_3-0-17:disabled .magritte-postfix___r0EZ6_3-0-17,
357
- .magritte-button_style-inverse___Xgf26_3-0-17[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-17{
356
+ .magritte-button_style-inverse___Xgf26_3-0-18:disabled .magritte-postfix___r0EZ6_3-0-18,
357
+ .magritte-button_style-inverse___Xgf26_3-0-18[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-18{
358
358
  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-7-0);
359
359
  }
360
360
  @media (min-width: 1020px){
361
- body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-17:hover:not(:active):not(:disabled):not([aria-disabled='true']){
361
+ body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-18:hover:not(:active):not(:disabled):not([aria-disabled='true']){
362
362
  background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-7-0));
363
363
  }
364
364
  }
365
365
  @media (min-width: 1024px){
366
- body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-17:hover:not(:active):not(:disabled):not([aria-disabled='true']){
366
+ body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-18:hover:not(:active):not(:disabled):not([aria-disabled='true']){
367
367
  background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-7-0));
368
368
  }
369
369
  }
@@ -398,100 +398,100 @@
398
398
  --magritte-shadow-level-2-color-v24-7-0:#0000003d;
399
399
  --magritte-shadow-level-1-color-v24-7-0:#00000029;
400
400
  }
401
- .magritte-stack___v7QhJ_3-0-17{
401
+ .magritte-stack___v7QhJ_3-0-18{
402
402
  display:inline-flex;
403
403
  position:fixed;
404
404
  flex-direction:column;
405
405
  --animation-duration-floating-button-stack:0;
406
406
  }
407
407
  @media (prefers-reduced-motion: no-preference){
408
- .magritte-stack___v7QhJ_3-0-17{
408
+ .magritte-stack___v7QhJ_3-0-18{
409
409
  --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v24-7-0);
410
410
  }
411
411
  }
412
- .magritte-right___v4PFa_3-0-17{
412
+ .magritte-right___v4PFa_3-0-18{
413
413
  right:16px;
414
414
  bottom:20px;
415
415
  }
416
416
  @media (min-width: 1020px){
417
- body.magritte-old-layout .magritte-right___v4PFa_3-0-17{
417
+ body.magritte-old-layout .magritte-right___v4PFa_3-0-18{
418
418
  right:36px;
419
419
  bottom:32px;
420
420
  }
421
421
  }
422
422
  @media (min-width: 1024px){
423
- body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-17{
423
+ body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-18{
424
424
  right:36px;
425
425
  bottom:32px;
426
426
  }
427
427
  }
428
- .magritte-left___JXzpq_3-0-17{
428
+ .magritte-left___JXzpq_3-0-18{
429
429
  left:16px;
430
430
  bottom:20px;
431
431
  }
432
432
  @media (min-width: 1020px){
433
- body.magritte-old-layout .magritte-left___JXzpq_3-0-17{
433
+ body.magritte-old-layout .magritte-left___JXzpq_3-0-18{
434
434
  left:36px;
435
435
  bottom:32px;
436
436
  }
437
437
  }
438
438
  @media (min-width: 1024px){
439
- body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-17{
439
+ body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-18{
440
440
  left:36px;
441
441
  bottom:32px;
442
442
  }
443
443
  }
444
- .magritte-center___rV3kK_3-0-17{
444
+ .magritte-center___rV3kK_3-0-18{
445
445
  left:50%;
446
446
  bottom:20px;
447
447
  transform:translateX(-50%);
448
448
  }
449
449
  @media (min-width: 1020px){
450
- body.magritte-old-layout .magritte-center___rV3kK_3-0-17{
450
+ body.magritte-old-layout .magritte-center___rV3kK_3-0-18{
451
451
  bottom:32px;
452
452
  }
453
453
  }
454
454
  @media (min-width: 1024px){
455
- body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-17{
455
+ body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-18{
456
456
  bottom:32px;
457
457
  }
458
458
  }
459
- .magritte-up-button___M-Jgi_3-0-17{
459
+ .magritte-up-button___M-Jgi_3-0-18{
460
460
  --up-button-height:56px;
461
461
  }
462
462
  @media (min-width: 1020px){
463
- body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-17{
463
+ body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-18{
464
464
  --up-button-height:72px;
465
465
  }
466
466
  }
467
467
  @media (min-width: 1024px){
468
- body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-17{
468
+ body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-18{
469
469
  --up-button-height:72px;
470
470
  }
471
471
  }
472
- .magritte-enter-up-button-animation___-n3rG_3-0-17{
472
+ .magritte-enter-up-button-animation___-n3rG_3-0-18{
473
473
  opacity:0;
474
474
  height:0;
475
475
  }
476
- .magritte-enter-up-button-animation-active___8pejQ_3-0-17{
476
+ .magritte-enter-up-button-animation-active___8pejQ_3-0-18{
477
477
  transition-property:opacity, height;
478
478
  transition-duration:var(--animation-duration-floating-button-stack);
479
479
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
480
480
  opacity:1;
481
481
  height:var(--up-button-height);
482
482
  }
483
- .magritte-exit-up-button-animation___80DEE_3-0-17{
483
+ .magritte-exit-up-button-animation___80DEE_3-0-18{
484
484
  opacity:1;
485
485
  height:var(--up-button-height);
486
486
  }
487
- .magritte-exit-up-button-animation-active___f1LjL_3-0-17{
487
+ .magritte-exit-up-button-animation-active___f1LjL_3-0-18{
488
488
  transition-property:opacity, height;
489
489
  transition-duration:var(--animation-duration-floating-button-stack);
490
490
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
491
491
  opacity:0;
492
492
  height:0;
493
493
  }
494
- .magritte-floating-buttons___oi9Yx_3-0-17{
494
+ .magritte-floating-buttons___oi9Yx_3-0-18{
495
495
  display:flex;
496
496
  flex-direction:column;
497
497
  border-radius:40px;
@@ -500,71 +500,71 @@
500
500
  opacity:0;
501
501
  padding:0 4px;
502
502
  }
503
- .magritte-floating-buttons___oi9Yx_3-0-17.magritte-animated___z--5Y_3-0-17{
503
+ .magritte-floating-buttons___oi9Yx_3-0-18.magritte-animated___z--5Y_3-0-18{
504
504
  transition-property:opacity, margin-top, padding;
505
505
  transition-duration:var(--animation-duration-floating-button-stack);
506
506
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
507
507
  }
508
- .magritte-floating-buttons___oi9Yx_3-0-17.magritte-visibled___hHvF6_3-0-17{
508
+ .magritte-floating-buttons___oi9Yx_3-0-18.magritte-visibled___hHvF6_3-0-18{
509
509
  margin-top:12px;
510
510
  padding:4px;
511
511
  opacity:1;
512
512
  }
513
513
  @media (min-width: 1020px){
514
- body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-17{
514
+ body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-18{
515
515
  padding:0 12px;
516
516
  }
517
- body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-17.magritte-visibled___hHvF6_3-0-17{
517
+ body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-18.magritte-visibled___hHvF6_3-0-18{
518
518
  padding:12px;
519
519
  }
520
520
  }
521
521
  @media (min-width: 1024px){
522
- body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-17{
522
+ body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-18{
523
523
  padding:0 12px;
524
524
  }
525
- body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-17.magritte-visibled___hHvF6_3-0-17{
525
+ body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-18.magritte-visibled___hHvF6_3-0-18{
526
526
  padding:12px;
527
527
  }
528
528
  }
529
- .magritte-floating-buttons_neutral___LCnTQ_3-0-17{
529
+ .magritte-floating-buttons_neutral___LCnTQ_3-0-18{
530
530
  background-color:var(--magritte-color-component-button-background-neutral-v24-7-0);
531
531
  box-shadow:var(--magritte-shadow-level-2-x-v24-7-0) var(--magritte-shadow-level-2-y-v24-7-0) var(--magritte-shadow-level-2-blur-v24-7-0) var(--magritte-shadow-level-2-spread-v24-7-0) var(--magritte-shadow-level-2-color-v24-7-0);
532
532
  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v24-7-0);
533
533
  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v24-7-0);
534
534
  }
535
- .magritte-floating-buttons_neutral___LCnTQ_3-0-17.magritte-disabled___XSSqS_3-0-17{
535
+ .magritte-floating-buttons_neutral___LCnTQ_3-0-18.magritte-disabled___XSSqS_3-0-18{
536
536
  background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v24-7-0);
537
537
  }
538
- .magritte-floating-buttons_inverse___xhm17_3-0-17{
538
+ .magritte-floating-buttons_inverse___xhm17_3-0-18{
539
539
  background-color:var(--magritte-color-component-button-background-inverse-v24-7-0);
540
540
  box-shadow:var(--magritte-shadow-level-1-x-v24-7-0) var(--magritte-shadow-level-1-y-v24-7-0) var(--magritte-shadow-level-1-blur-v24-7-0) var(--magritte-shadow-level-1-spread-v24-7-0) var(--magritte-shadow-level-1-color-v24-7-0);
541
541
  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v24-7-0);
542
542
  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v24-7-0);
543
543
  }
544
- .magritte-floating-buttons_inverse___xhm17_3-0-17.magritte-disabled___XSSqS_3-0-17{
544
+ .magritte-floating-buttons_inverse___xhm17_3-0-18.magritte-disabled___XSSqS_3-0-18{
545
545
  background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v24-7-0);
546
546
  }
547
- .magritte-floating-button-wrapper___HlTzE_3-0-17{
547
+ .magritte-floating-button-wrapper___HlTzE_3-0-18{
548
548
  overflow:hidden;
549
549
  padding:4px;
550
550
  margin:-4px;
551
551
  }
552
- .magritte-enter-floating-button-animation___nke2I_3-0-17{
552
+ .magritte-enter-floating-button-animation___nke2I_3-0-18{
553
553
  opacity:0;
554
554
  height:0;
555
555
  }
556
- .magritte-enter-floating-button-animation-active___AayrW_3-0-17{
556
+ .magritte-enter-floating-button-animation-active___AayrW_3-0-18{
557
557
  transition-property:opacity, height;
558
558
  transition-duration:var(--animation-duration-floating-button-stack);
559
559
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
560
560
  opacity:1;
561
561
  height:48px;
562
562
  }
563
- .magritte-exit-floating-button-animation___dXSTW_3-0-17{
563
+ .magritte-exit-floating-button-animation___dXSTW_3-0-18{
564
564
  opacity:1;
565
565
  height:48px;
566
566
  }
567
- .magritte-exit-floating-button-animation-active___DhIfE_3-0-17{
567
+ .magritte-exit-floating-button-animation-active___DhIfE_3-0-18{
568
568
  transition-property:opacity, height;
569
569
  transition-duration:var(--animation-duration-floating-button-stack);
570
570
  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-7-0);
package/index.js CHANGED
@@ -14,7 +14,7 @@ import '@hh.ru/magritte-ui-loader';
14
14
  import '@hh.ru/magritte-ui-typography';
15
15
  import './FloatingButtonStackContext.js';
16
16
  import './FloatingButtonStackItem.js';
17
- import './floating-button-stack-p5d9TVd-.js';
17
+ import './floating-button-stack-BUaazahb.js';
18
18
  import './FloatingButtonStackItems.js';
19
19
  import './FloatingButtonStackUpButton.js';
20
20
  import '@hh.ru/magritte-ui-breakpoint';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-floating-button",
3
- "version": "3.0.17",
3
+ "version": "3.0.18",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,9 +24,9 @@
24
24
  "@hh.ru/magritte-types": "5.0.6",
25
25
  "@hh.ru/magritte-ui-badge": "4.0.10",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
27
- "@hh.ru/magritte-ui-icon": "14.2.2",
27
+ "@hh.ru/magritte-ui-icon": "14.2.3",
28
28
  "@hh.ru/magritte-ui-layer": "3.2.4",
29
- "@hh.ru/magritte-ui-loader": "3.0.4",
29
+ "@hh.ru/magritte-ui-loader": "3.0.5",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
31
31
  "@hh.ru/magritte-ui-typography": "5.3.0"
32
32
  },
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "51be7ed6961adec8151cea784853cb439bcf92c8"
42
+ "gitHead": "bad255ca4e0d842305bd20775a2409554eb0e6c6"
43
43
  }
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"stack":"magritte-stack___v7QhJ_3-0-17","right":"magritte-right___v4PFa_3-0-17","left":"magritte-left___JXzpq_3-0-17","center":"magritte-center___rV3kK_3-0-17","up-button":"magritte-up-button___M-Jgi_3-0-17","upButton":"magritte-up-button___M-Jgi_3-0-17","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-17","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-17","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-17","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-17","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-17","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-17","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-17","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-17","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-17","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-17","animated":"magritte-animated___z--5Y_3-0-17","visibled":"magritte-visibled___hHvF6_3-0-17","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-17","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-17","disabled":"magritte-disabled___XSSqS_3-0-17","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-17","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-17","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-17","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-17","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-17","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-17","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-17","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-17","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-17","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-17","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-17","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-17"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=floating-button-stack-p5d9TVd-.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"floating-button-stack-p5d9TVd-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}