@hh.ru/magritte-ui-floating-button 3.0.5 → 3.0.6

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 (12) hide show
  1. package/FloatingButton.js +1 -1
  2. package/FloatingButtonStack.js +1 -1
  3. package/FloatingButtonStackItem.js +1 -1
  4. package/FloatingButtonStackItems.js +1 -1
  5. package/FloatingButtonStackUpButton.js +1 -1
  6. package/floating-button-stack-B0BYDRZr.js +5 -0
  7. package/floating-button-stack-B0BYDRZr.js.map +1 -0
  8. package/index.css +261 -261
  9. package/index.js +1 -1
  10. package/package.json +7 -7
  11. package/floating-button-stack-DR3osB9n.js +0 -5
  12. package/floating-button-stack-DR3osB9n.js.map +0 -1
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-5","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-5","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-5","button":"magritte-button___nL-Hn_3-0-5","loading":"magritte-loading___C0oPZ_3-0-5","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-5","right":"magritte-right___3n0Rz_3-0-5","content":"magritte-content___JNpTZ_3-0-5","left":"magritte-left___GnzU7_3-0-5","center":"magritte-center___MdA40_3-0-5","postfix":"magritte-postfix___r0EZ6_3-0-5","icon":"magritte-icon___VpqJt_3-0-5","textless":"magritte-textless___IbYgp_3-0-5","label":"magritte-label___EPgvj_3-0-5","withPostfix":"magritte-withPostfix___PmQAz_3-0-5","hideLabel":"magritte-hideLabel___K79XM_3-0-5","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-5","loader":"magritte-loader___EPezG_3-0-5","enter-animation":"magritte-enter-animation___2sPz3_3-0-5","enterAnimation":"magritte-enter-animation___2sPz3_3-0-5","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-5","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-5","exit-animation":"magritte-exit-animation___h2-7a_3-0-5","exitAnimation":"magritte-exit-animation___h2-7a_3-0-5","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-5","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-5","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-5","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-5","stackMode":"magritte-stackMode___RdOTJ_3-0-5","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-5","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-5"};
14
+ var styles = {"wrapper":"magritte-wrapper___7m9lC_3-0-6","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-6","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-6","button":"magritte-button___nL-Hn_3-0-6","loading":"magritte-loading___C0oPZ_3-0-6","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-6","right":"magritte-right___3n0Rz_3-0-6","content":"magritte-content___JNpTZ_3-0-6","left":"magritte-left___GnzU7_3-0-6","center":"magritte-center___MdA40_3-0-6","postfix":"magritte-postfix___r0EZ6_3-0-6","icon":"magritte-icon___VpqJt_3-0-6","textless":"magritte-textless___IbYgp_3-0-6","label":"magritte-label___EPgvj_3-0-6","withPostfix":"magritte-withPostfix___PmQAz_3-0-6","hideLabel":"magritte-hideLabel___K79XM_3-0-6","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-6","loader":"magritte-loader___EPezG_3-0-6","enter-animation":"magritte-enter-animation___2sPz3_3-0-6","enterAnimation":"magritte-enter-animation___2sPz3_3-0-6","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-6","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-6","exit-animation":"magritte-exit-animation___h2-7a_3-0-6","exitAnimation":"magritte-exit-animation___h2-7a_3-0-6","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-6","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-6","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-6","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-6","stackMode":"magritte-stackMode___RdOTJ_3-0-6","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-6","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-6"};
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) => {
package/FloatingButtonStack.js CHANGED
@@ -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-DR3osB9n.js';
12
+ import { s as styles } from './floating-button-stack-B0BYDRZr.js';
13
13
  import 'react-transition-group';
14
14
  import '@hh.ru/magritte-design-tokens/types';
15
15
  import './FloatingButton.js';
package/FloatingButtonStackItem.js CHANGED
@@ -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-DR3osB9n.js';
9
+ import { s as styles } from './floating-button-stack-B0BYDRZr.js';
10
10
  import 'react-dom';
11
11
  import '@hh.ru/magritte-common-is-server-env';
12
12
  import '@hh.ru/magritte-ui-badge';
package/FloatingButtonStackItems.js CHANGED
@@ -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-DR3osB9n.js';
5
+ import { s as styles } from './floating-button-stack-B0BYDRZr.js';
6
6
  import 'react';
7
7
 
8
8
  const FloatingButtonStackItems = ({ children }) => {
package/FloatingButtonStackUpButton.js CHANGED
@@ -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-DR3osB9n.js';
9
+ import { s as styles } from './floating-button-stack-B0BYDRZr.js';
10
10
 
11
11
  const FloatingButtonStackUpButton = ({ upButtonVisible, disabled = false, onUpButtonClick, 'data-qa': dataQa, }) => {
12
12
  const { animationsEnabled } = useFloatingButtonStack();
package/floating-button-stack-B0BYDRZr.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"stack":"magritte-stack___v7QhJ_3-0-6","right":"magritte-right___v4PFa_3-0-6","left":"magritte-left___JXzpq_3-0-6","center":"magritte-center___rV3kK_3-0-6","up-button":"magritte-up-button___M-Jgi_3-0-6","upButton":"magritte-up-button___M-Jgi_3-0-6","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-6","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-6","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-6","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-6","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-6","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-6","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-6","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-6","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-6","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-6","animated":"magritte-animated___z--5Y_3-0-6","visibled":"magritte-visibled___hHvF6_3-0-6","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-6","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-6","disabled":"magritte-disabled___XSSqS_3-0-6","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-6","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-6","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-6","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-6","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-6","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-6","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-6","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-6","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-6","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-6","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-6","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-6"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=floating-button-stack-B0BYDRZr.js.map
package/floating-button-stack-B0BYDRZr.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"floating-button-stack-B0BYDRZr.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -1,265 +1,265 @@
1
1
  :root{
2
- --magritte-color-component-button-background-neutral-v24-4-1:#000000;
3
- --magritte-color-component-button-background-inverse-v24-4-1:#ffffff;
4
- --magritte-color-component-button-background-state-neutral-disabled-v24-4-1:#DCE3EB;
5
- --magritte-color-component-button-background-state-neutral-hovered-v24-4-1:#343c43;
6
- --magritte-color-component-button-background-state-neutral-pressed-v24-4-1:#000000;
7
- --magritte-color-component-button-background-state-neutral-focused-v24-4-1:#000000;
8
- --magritte-color-component-button-background-state-inverse-hovered-v24-4-1:#EEF1F7;
9
- --magritte-color-component-button-background-state-inverse-pressed-v24-4-1:#ffffff;
10
- --magritte-color-component-button-background-state-inverse-focused-v24-4-1:#ffffff;
11
- --magritte-color-component-button-background-state-inverse-disabled-v24-4-1:#ffffff;
12
- --magritte-color-component-button-text-neutral-v24-4-1:#ffffff;
13
- --magritte-color-component-button-text-inverse-v24-4-1:#0d1115;
14
- --magritte-color-component-button-icon-neutral-v24-4-1:#ffffff;
15
- --magritte-color-component-button-icon-inverse-v24-4-1:#0d1115;
16
- --magritte-color-component-button-loader-icon-neutral-v24-4-1:#ffffff;
17
- --magritte-color-component-button-loader-icon-inverse-v24-4-1:#000000;
18
- --magritte-color-component-button-text-state-neutral-disabled-v24-4-1:#8293a2;
19
- --magritte-color-component-button-text-state-inverse-disabled-v24-4-1:#8da0b0;
20
- --magritte-color-component-button-icon-state-neutral-disabled-v24-4-1:#8293a2;
21
- --magritte-color-component-button-icon-state-inverse-disabled-v24-4-1:#8da0b0;
22
- --magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-4-1:#0070ff7a;
23
- --magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-4-1:#a4c9fe7a;
24
- --magritte-color-component-button-postfix-text-neutral-v24-4-1:#AABBCA;
25
- --magritte-color-component-button-postfix-text-inverse-v24-4-1:#0d1115;
26
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-1:#AABBCA;
27
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-1:#96aabb;
28
- --magritte-shadow-level-2-color-v24-4-1:#7090b03d;
29
- --magritte-shadow-level-2-x-v24-4-1:0px;
30
- --magritte-shadow-level-2-y-v24-4-1:8px;
31
- --magritte-shadow-level-2-blur-v24-4-1:16px;
32
- --magritte-shadow-level-2-spread-v24-4-1:0px;
33
- --magritte-shadow-level-1-color-v24-4-1:#7090b029;
34
- --magritte-shadow-level-1-x-v24-4-1:0px;
35
- --magritte-shadow-level-1-y-v24-4-1:4px;
36
- --magritte-shadow-level-1-blur-v24-4-1:12px;
37
- --magritte-shadow-level-1-spread-v24-4-1:0px;
2
+ --magritte-color-component-button-background-neutral-v24-4-2:#000000;
3
+ --magritte-color-component-button-background-inverse-v24-4-2:#ffffff;
4
+ --magritte-color-component-button-background-state-neutral-disabled-v24-4-2:#DCE3EB;
5
+ --magritte-color-component-button-background-state-neutral-hovered-v24-4-2:#343c43;
6
+ --magritte-color-component-button-background-state-neutral-pressed-v24-4-2:#000000;
7
+ --magritte-color-component-button-background-state-neutral-focused-v24-4-2:#000000;
8
+ --magritte-color-component-button-background-state-inverse-hovered-v24-4-2:#EEF1F7;
9
+ --magritte-color-component-button-background-state-inverse-pressed-v24-4-2:#ffffff;
10
+ --magritte-color-component-button-background-state-inverse-focused-v24-4-2:#ffffff;
11
+ --magritte-color-component-button-background-state-inverse-disabled-v24-4-2:#ffffff;
12
+ --magritte-color-component-button-text-neutral-v24-4-2:#ffffff;
13
+ --magritte-color-component-button-text-inverse-v24-4-2:#0d1115;
14
+ --magritte-color-component-button-icon-neutral-v24-4-2:#ffffff;
15
+ --magritte-color-component-button-icon-inverse-v24-4-2:#0d1115;
16
+ --magritte-color-component-button-loader-icon-neutral-v24-4-2:#ffffff;
17
+ --magritte-color-component-button-loader-icon-inverse-v24-4-2:#000000;
18
+ --magritte-color-component-button-text-state-neutral-disabled-v24-4-2:#8293a2;
19
+ --magritte-color-component-button-text-state-inverse-disabled-v24-4-2:#8da0b0;
20
+ --magritte-color-component-button-icon-state-neutral-disabled-v24-4-2:#8293a2;
21
+ --magritte-color-component-button-icon-state-inverse-disabled-v24-4-2:#8da0b0;
22
+ --magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-4-2:#0070ff7a;
23
+ --magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-4-2:#a4c9fe7a;
24
+ --magritte-color-component-button-postfix-text-neutral-v24-4-2:#AABBCA;
25
+ --magritte-color-component-button-postfix-text-inverse-v24-4-2:#0d1115;
26
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-2:#AABBCA;
27
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-2:#96aabb;
28
+ --magritte-shadow-level-2-color-v24-4-2:#7090b03d;
29
+ --magritte-shadow-level-2-x-v24-4-2:0px;
30
+ --magritte-shadow-level-2-y-v24-4-2:8px;
31
+ --magritte-shadow-level-2-blur-v24-4-2:16px;
32
+ --magritte-shadow-level-2-spread-v24-4-2:0px;
33
+ --magritte-shadow-level-1-color-v24-4-2:#7090b029;
34
+ --magritte-shadow-level-1-x-v24-4-2:0px;
35
+ --magritte-shadow-level-1-y-v24-4-2:4px;
36
+ --magritte-shadow-level-1-blur-v24-4-2:12px;
37
+ --magritte-shadow-level-1-spread-v24-4-2:0px;
38
38
  }
39
39
 
40
40
  :root{
41
- --magritte-semantic-animation-time-s-duration-v24-4-1:200ms;
42
- --magritte-semantic-animation-ease-base-timing-function-v24-4-1:cubic-bezier(0.4, 0.24, 0, 1);
43
- --magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
44
- --magritte-semantic-animation-ease-in-out-100-duration-v24-4-1:100ms;
45
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
46
- --magritte-semantic-animation-ease-in-out-200-duration-v24-4-1:200ms;
41
+ --magritte-semantic-animation-time-s-duration-v24-4-2:200ms;
42
+ --magritte-semantic-animation-ease-base-timing-function-v24-4-2:cubic-bezier(0.4, 0.24, 0, 1);
43
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-2:cubic-bezier(0.25, 0.1, 0.25, 1);
44
+ --magritte-semantic-animation-ease-in-out-100-duration-v24-4-2:100ms;
45
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-2:cubic-bezier(0.25, 0.1, 0.25, 1);
46
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-4-2:200ms;
47
47
  }
48
48
 
49
49
  .magritte-night-theme{
50
- --magritte-color-component-button-background-neutral-v24-4-1:#ffffff;
51
- --magritte-color-component-button-background-inverse-v24-4-1:#303030;
52
- --magritte-color-component-button-background-state-neutral-disabled-v24-4-1:#303030;
53
- --magritte-color-component-button-background-state-inverse-disabled-v24-4-1:#262626;
54
- --magritte-color-component-button-background-state-neutral-hovered-v24-4-1:#F1F1F1;
55
- --magritte-color-component-button-background-state-neutral-pressed-v24-4-1:#ffffff;
56
- --magritte-color-component-button-background-state-neutral-focused-v24-4-1:#ffffff;
57
- --magritte-color-component-button-background-state-inverse-hovered-v24-4-1:#3B3B3B;
58
- --magritte-color-component-button-background-state-inverse-pressed-v24-4-1:#303030;
59
- --magritte-color-component-button-background-state-inverse-focused-v24-4-1:#303030;
60
- --magritte-color-component-button-text-neutral-v24-4-1:#000000;
61
- --magritte-color-component-button-text-inverse-v24-4-1:#ffffff;
62
- --magritte-color-component-button-text-state-neutral-disabled-v24-4-1:#848484;
63
- --magritte-color-component-button-text-state-inverse-disabled-v24-4-1:#848484;
64
- --magritte-color-component-button-icon-state-neutral-disabled-v24-4-1:#848484;
65
- --magritte-color-component-button-icon-state-inverse-disabled-v24-4-1:#848484;
66
- --magritte-color-component-button-icon-neutral-v24-4-1:#000000;
67
- --magritte-color-component-button-icon-inverse-v24-4-1:#ffffff;
68
- --magritte-color-component-button-loader-icon-neutral-v24-4-1:#000000;
69
- --magritte-color-component-button-loader-icon-inverse-v24-4-1:#ffffff;
70
- --magritte-color-component-button-postfix-text-neutral-v24-4-1:#ABABAB;
71
- --magritte-color-component-button-postfix-text-inverse-v24-4-1:#ABABAB;
72
- --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-1:#535353;
73
- --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-1:#535353;
74
- --magritte-shadow-level-2-color-v24-4-1:#0000003d;
75
- --magritte-shadow-level-1-color-v24-4-1:#00000029;
76
- }
77
- .magritte-wrapper___7m9lC_3-0-5{
50
+ --magritte-color-component-button-background-neutral-v24-4-2:#ffffff;
51
+ --magritte-color-component-button-background-inverse-v24-4-2:#303030;
52
+ --magritte-color-component-button-background-state-neutral-disabled-v24-4-2:#303030;
53
+ --magritte-color-component-button-background-state-inverse-disabled-v24-4-2:#262626;
54
+ --magritte-color-component-button-background-state-neutral-hovered-v24-4-2:#F1F1F1;
55
+ --magritte-color-component-button-background-state-neutral-pressed-v24-4-2:#ffffff;
56
+ --magritte-color-component-button-background-state-neutral-focused-v24-4-2:#ffffff;
57
+ --magritte-color-component-button-background-state-inverse-hovered-v24-4-2:#3B3B3B;
58
+ --magritte-color-component-button-background-state-inverse-pressed-v24-4-2:#303030;
59
+ --magritte-color-component-button-background-state-inverse-focused-v24-4-2:#303030;
60
+ --magritte-color-component-button-text-neutral-v24-4-2:#000000;
61
+ --magritte-color-component-button-text-inverse-v24-4-2:#ffffff;
62
+ --magritte-color-component-button-text-state-neutral-disabled-v24-4-2:#848484;
63
+ --magritte-color-component-button-text-state-inverse-disabled-v24-4-2:#848484;
64
+ --magritte-color-component-button-icon-state-neutral-disabled-v24-4-2:#848484;
65
+ --magritte-color-component-button-icon-state-inverse-disabled-v24-4-2:#848484;
66
+ --magritte-color-component-button-icon-neutral-v24-4-2:#000000;
67
+ --magritte-color-component-button-icon-inverse-v24-4-2:#ffffff;
68
+ --magritte-color-component-button-loader-icon-neutral-v24-4-2:#000000;
69
+ --magritte-color-component-button-loader-icon-inverse-v24-4-2:#ffffff;
70
+ --magritte-color-component-button-postfix-text-neutral-v24-4-2:#ABABAB;
71
+ --magritte-color-component-button-postfix-text-inverse-v24-4-2:#ABABAB;
72
+ --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-2:#535353;
73
+ --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-2:#535353;
74
+ --magritte-shadow-level-2-color-v24-4-2:#0000003d;
75
+ --magritte-shadow-level-1-color-v24-4-2:#00000029;
76
+ }
77
+ .magritte-wrapper___7m9lC_3-0-6{
78
78
  display:inline-block;
79
79
  position:fixed;
80
80
  }
81
- .magritte-wrapper___7m9lC_3-0-5,
82
- .magritte-animation-timeout___NL8n0_3-0-5{
81
+ .magritte-wrapper___7m9lC_3-0-6,
82
+ .magritte-animation-timeout___NL8n0_3-0-6{
83
83
  --animation-duration:0;
84
84
  }
85
85
  @media (prefers-reduced-motion: no-preference){
86
- .magritte-wrapper___7m9lC_3-0-5,
87
- .magritte-animation-timeout___NL8n0_3-0-5{
88
- --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-4-1);
86
+ .magritte-wrapper___7m9lC_3-0-6,
87
+ .magritte-animation-timeout___NL8n0_3-0-6{
88
+ --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-4-2);
89
89
  }
90
90
  }
91
- .magritte-button___nL-Hn_3-0-5{
91
+ .magritte-button___nL-Hn_3-0-6{
92
92
  display:inline-block;
93
93
  padding:12px;
94
94
  border-radius:24px;
95
95
  transition-property:transform;
96
- transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-1);
97
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1);
96
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-2);
97
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-2);
98
98
  }
99
- .magritte-button___nL-Hn_3-0-5:disabled,
100
- .magritte-button___nL-Hn_3-0-5[aria-disabled='true'],
101
- .magritte-button___nL-Hn_3-0-5.magritte-loading___C0oPZ_3-0-5{
99
+ .magritte-button___nL-Hn_3-0-6:disabled,
100
+ .magritte-button___nL-Hn_3-0-6[aria-disabled='true'],
101
+ .magritte-button___nL-Hn_3-0-6.magritte-loading___C0oPZ_3-0-6{
102
102
  pointer-events:none;
103
103
  cursor:not-allowed;
104
104
  }
105
- .magritte-button___nL-Hn_3-0-5:not(:disabled):active,
106
- .magritte-button___nL-Hn_3-0-5:not([aria-disabled='true']):active{
105
+ .magritte-button___nL-Hn_3-0-6:not(:disabled):active,
106
+ .magritte-button___nL-Hn_3-0-6:not([aria-disabled='true']):active{
107
107
  transform:scale(0.96);
108
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-4-1);
109
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-1);
108
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-4-2);
109
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-4-2);
110
110
  }
111
- .magritte-withIconAndLabel___Qa-lU_3-0-5{
111
+ .magritte-withIconAndLabel___Qa-lU_3-0-6{
112
112
  padding:12px 16px;
113
113
  }
114
- .magritte-right___3n0Rz_3-0-5{
114
+ .magritte-right___3n0Rz_3-0-6{
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-5{
119
+ body.magritte-old-layout .magritte-right___3n0Rz_3-0-6{
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-5{
125
+ body:not(.magritte-old-layout) .magritte-right___3n0Rz_3-0-6{
126
126
  right:36px;
127
127
  bottom:32px;
128
128
  }
129
129
  }
130
- .magritte-right___3n0Rz_3-0-5 .magritte-content___JNpTZ_3-0-5{
130
+ .magritte-right___3n0Rz_3-0-6 .magritte-content___JNpTZ_3-0-6{
131
131
  justify-content:end;
132
132
  }
133
- .magritte-left___GnzU7_3-0-5{
133
+ .magritte-left___GnzU7_3-0-6{
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-5{
138
+ body.magritte-old-layout .magritte-left___GnzU7_3-0-6{
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-5{
144
+ body:not(.magritte-old-layout) .magritte-left___GnzU7_3-0-6{
145
145
  left:36px;
146
146
  bottom:32px;
147
147
  }
148
148
  }
149
- .magritte-left___GnzU7_3-0-5 .magritte-content___JNpTZ_3-0-5{
149
+ .magritte-left___GnzU7_3-0-6 .magritte-content___JNpTZ_3-0-6{
150
150
  justify-content:start;
151
151
  }
152
- .magritte-center___MdA40_3-0-5{
152
+ .magritte-center___MdA40_3-0-6{
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-5{
158
+ body.magritte-old-layout .magritte-center___MdA40_3-0-6{
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-5{
163
+ body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-6{
164
164
  bottom:32px;
165
165
  }
166
166
  }
167
- .magritte-center___MdA40_3-0-5 .magritte-content___JNpTZ_3-0-5{
167
+ .magritte-center___MdA40_3-0-6 .magritte-content___JNpTZ_3-0-6{
168
168
  justify-content:space-between;
169
169
  }
170
- .magritte-postfix___r0EZ6_3-0-5{
170
+ .magritte-postfix___r0EZ6_3-0-6{
171
171
  padding:0 4px;
172
172
  }
173
- .magritte-icon___VpqJt_3-0-5{
173
+ .magritte-icon___VpqJt_3-0-6{
174
174
  margin-right:4px;
175
175
  }
176
- .magritte-textless___IbYgp_3-0-5 .magritte-icon___VpqJt_3-0-5{
176
+ .magritte-textless___IbYgp_3-0-6 .magritte-icon___VpqJt_3-0-6{
177
177
  margin:0;
178
178
  }
179
- .magritte-label___EPgvj_3-0-5{
179
+ .magritte-label___EPgvj_3-0-6{
180
180
  text-align:left;
181
181
  overflow:hidden;
182
182
  transition-property:padding;
183
183
  transition-duration:var(--animation-duration);
184
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
184
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
185
185
  padding:0 4px;
186
186
  }
187
- .magritte-content___JNpTZ_3-0-5{
187
+ .magritte-content___JNpTZ_3-0-6{
188
188
  display:inline-grid;
189
189
  justify-content:flex-end;
190
190
  grid-template-columns:max-content 1fr;
191
191
  transition-property:grid-template-columns;
192
192
  min-height:24px;
193
193
  transition-duration:var(--animation-duration);
194
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
194
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
195
195
  }
196
- .magritte-withPostfix___PmQAz_3-0-5 .magritte-content___JNpTZ_3-0-5{
196
+ .magritte-withPostfix___PmQAz_3-0-6 .magritte-content___JNpTZ_3-0-6{
197
197
  grid-template-columns:max-content 1fr max-content;
198
198
  }
199
- .magritte-hideLabel___K79XM_3-0-5 .magritte-content___JNpTZ_3-0-5{
199
+ .magritte-hideLabel___K79XM_3-0-6 .magritte-content___JNpTZ_3-0-6{
200
200
  grid-template-columns:max-content 0fr;
201
201
  }
202
- .magritte-hideLabel___K79XM_3-0-5 .magritte-label___EPgvj_3-0-5{
202
+ .magritte-hideLabel___K79XM_3-0-6 .magritte-label___EPgvj_3-0-6{
203
203
  padding:0;
204
204
  }
205
- .magritte-hideLabel___K79XM_3-0-5.magritte-withPostfix___PmQAz_3-0-5 .magritte-content___JNpTZ_3-0-5{
205
+ .magritte-hideLabel___K79XM_3-0-6.magritte-withPostfix___PmQAz_3-0-6 .magritte-content___JNpTZ_3-0-6{
206
206
  grid-template-columns:max-content 0fr max-content;
207
207
  }
208
- .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5).magritte-withIconAndLabel___Qa-lU_3-0-5{
208
+ .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6).magritte-withIconAndLabel___Qa-lU_3-0-6{
209
209
  padding:12px;
210
210
  }
211
- .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):not(.magritte-withPostfix___PmQAz_3-0-5) .magritte-icon___VpqJt_3-0-5{
211
+ .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):not(.magritte-withPostfix___PmQAz_3-0-6) .magritte-icon___VpqJt_3-0-6{
212
212
  margin:0;
213
213
  }
214
- .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5) .magritte-content___JNpTZ_3-0-5{
214
+ .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6) .magritte-content___JNpTZ_3-0-6{
215
215
  grid-template-columns:max-content 0fr;
216
216
  }
217
- .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5).magritte-withPostfix___PmQAz_3-0-5 .magritte-content___JNpTZ_3-0-5{
217
+ .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6).magritte-withPostfix___PmQAz_3-0-6 .magritte-content___JNpTZ_3-0-6{
218
218
  grid-template-columns:max-content 0fr max-content;
219
219
  }
220
- .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5) .magritte-label___EPgvj_3-0-5{
220
+ .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6) .magritte-label___EPgvj_3-0-6{
221
221
  padding:0;
222
222
  }
223
223
  @media (min-width: 1020px){
224
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-5{
224
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-6{
225
225
  padding:12px 16px;
226
226
  }
227
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-5{
227
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-6{
228
228
  margin-right:4px;
229
229
  }
230
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-5{
230
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-6{
231
231
  grid-template-columns:max-content 1fr;
232
232
  }
233
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-5 .magritte-content___JNpTZ_3-0-5{
233
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-6 .magritte-content___JNpTZ_3-0-6{
234
234
  grid-template-columns:max-content 1fr max-content;
235
235
  }
236
- body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-5{
236
+ body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-6{
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-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-5{
241
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-6{
242
242
  padding:12px 16px;
243
243
  }
244
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-5{
244
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-6{
245
245
  margin-right:4px;
246
246
  }
247
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-5{
247
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-6{
248
248
  grid-template-columns:max-content 1fr;
249
249
  }
250
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-5 .magritte-content___JNpTZ_3-0-5{
250
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-6 .magritte-content___JNpTZ_3-0-6{
251
251
  grid-template-columns:max-content 1fr max-content;
252
252
  }
253
- body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-5:not(.magritte-hideLabel___K79XM_3-0-5):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-5{
253
+ body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-6:not(.magritte-hideLabel___K79XM_3-0-6):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-6{
254
254
  padding:0 4px;
255
255
  }
256
256
  }
257
- .magritte-loading___C0oPZ_3-0-5 .magritte-postfix___r0EZ6_3-0-5,
258
- .magritte-loading___C0oPZ_3-0-5 .magritte-icon___VpqJt_3-0-5,
259
- .magritte-loading___C0oPZ_3-0-5 .magritte-label___EPgvj_3-0-5{
257
+ .magritte-loading___C0oPZ_3-0-6 .magritte-postfix___r0EZ6_3-0-6,
258
+ .magritte-loading___C0oPZ_3-0-6 .magritte-icon___VpqJt_3-0-6,
259
+ .magritte-loading___C0oPZ_3-0-6 .magritte-label___EPgvj_3-0-6{
260
260
  visibility:hidden;
261
261
  }
262
- .magritte-loader___EPezG_3-0-5{
262
+ .magritte-loader___EPezG_3-0-6{
263
263
  position:absolute;
264
264
  left:50%;
265
265
  top:50%;
@@ -267,231 +267,231 @@
267
267
  line-height:0;
268
268
  overflow:hidden;
269
269
  }
270
- .magritte-enter-animation___2sPz3_3-0-5{
270
+ .magritte-enter-animation___2sPz3_3-0-6{
271
271
  opacity:0;
272
272
  }
273
- .magritte-enter-animation-active___Lq9eq_3-0-5{
273
+ .magritte-enter-animation-active___Lq9eq_3-0-6{
274
274
  opacity:1;
275
275
  transition-property:opacity;
276
276
  transition-duration:var(--animation-duration);
277
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
277
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
278
278
  }
279
- .magritte-exit-animation___h2-7a_3-0-5{
279
+ .magritte-exit-animation___h2-7a_3-0-6{
280
280
  opacity:1;
281
281
  }
282
- .magritte-exit-animation-active___w0F1a_3-0-5{
282
+ .magritte-exit-animation-active___w0F1a_3-0-6{
283
283
  opacity:0;
284
284
  transition-property:opacity;
285
285
  transition-duration:var(--animation-duration);
286
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
286
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
287
287
  }
288
- .magritte-button_style-neutral___bPUwu_3-0-5{
289
- background:var(--magritte-color-component-button-background-neutral-v24-4-1);
290
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-4-1);
291
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-4-1);
292
- box-shadow:var(--magritte-shadow-level-2-x-v24-4-1) var(--magritte-shadow-level-2-y-v24-4-1) var(--magritte-shadow-level-2-blur-v24-4-1) var(--magritte-shadow-level-2-spread-v24-4-1) var(--magritte-shadow-level-2-color-v24-4-1);
293
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-4-1);
288
+ .magritte-button_style-neutral___bPUwu_3-0-6{
289
+ background:var(--magritte-color-component-button-background-neutral-v24-4-2);
290
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-4-2);
291
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-4-2);
292
+ box-shadow:var(--magritte-shadow-level-2-x-v24-4-2) var(--magritte-shadow-level-2-y-v24-4-2) var(--magritte-shadow-level-2-blur-v24-4-2) var(--magritte-shadow-level-2-spread-v24-4-2) var(--magritte-shadow-level-2-color-v24-4-2);
293
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-4-2);
294
294
  }
295
- .magritte-button_style-neutral___bPUwu_3-0-5 .magritte-postfix___r0EZ6_3-0-5{
296
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-4-1);
295
+ .magritte-button_style-neutral___bPUwu_3-0-6 .magritte-postfix___r0EZ6_3-0-6{
296
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-4-2);
297
297
  }
298
- .magritte-button_style-neutral___bPUwu_3-0-5.magritte-stackMode___RdOTJ_3-0-5{
298
+ .magritte-button_style-neutral___bPUwu_3-0-6.magritte-stackMode___RdOTJ_3-0-6{
299
299
  box-shadow:none;
300
300
  }
301
- .magritte-button_style-neutral___bPUwu_3-0-5.focus-visible{
302
- outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-4-1);
303
- background:var(--magritte-color-component-button-background-state-neutral-focused-v24-4-1);
301
+ .magritte-button_style-neutral___bPUwu_3-0-6.focus-visible{
302
+ outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-4-2);
303
+ background:var(--magritte-color-component-button-background-state-neutral-focused-v24-4-2);
304
304
  }
305
- .magritte-button_style-neutral___bPUwu_3-0-5:not(:disabled):active,
306
- .magritte-button_style-neutral___bPUwu_3-0-5:not([aria-disabled='true']):active{
307
- background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-4-1);
305
+ .magritte-button_style-neutral___bPUwu_3-0-6:not(:disabled):active,
306
+ .magritte-button_style-neutral___bPUwu_3-0-6:not([aria-disabled='true']):active{
307
+ background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-4-2);
308
308
  }
309
- .magritte-button_style-neutral___bPUwu_3-0-5:disabled,
310
- .magritte-button_style-neutral___bPUwu_3-0-5[aria-disabled='true']{
311
- background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-4-1);
312
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-4-1);
313
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-4-1);
309
+ .magritte-button_style-neutral___bPUwu_3-0-6:disabled,
310
+ .magritte-button_style-neutral___bPUwu_3-0-6[aria-disabled='true']{
311
+ background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-4-2);
312
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-4-2);
313
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-4-2);
314
314
  }
315
- .magritte-button_style-neutral___bPUwu_3-0-5:disabled .magritte-postfix___r0EZ6_3-0-5,
316
- .magritte-button_style-neutral___bPUwu_3-0-5[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-5{
317
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-1);
315
+ .magritte-button_style-neutral___bPUwu_3-0-6:disabled .magritte-postfix___r0EZ6_3-0-6,
316
+ .magritte-button_style-neutral___bPUwu_3-0-6[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-6{
317
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-4-2);
318
318
  }
319
319
  @media (min-width: 1020px){
320
- body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
- background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-4-1));
320
+ body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
321
+ background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-4-2));
322
322
  }
323
323
  }
324
324
  @media (min-width: 1024px){
325
- body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
- background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-4-1));
325
+ body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
326
+ background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-4-2));
327
327
  }
328
328
  }
329
- .magritte-button_style-inverse___Xgf26_3-0-5{
330
- background:var(--magritte-color-component-button-background-inverse-v24-4-1);
331
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-4-1);
332
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-4-1);
333
- box-shadow:var(--magritte-shadow-level-1-x-v24-4-1) var(--magritte-shadow-level-1-y-v24-4-1) var(--magritte-shadow-level-1-blur-v24-4-1) var(--magritte-shadow-level-1-spread-v24-4-1) var(--magritte-shadow-level-1-color-v24-4-1);
334
- --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-4-1);
329
+ .magritte-button_style-inverse___Xgf26_3-0-6{
330
+ background:var(--magritte-color-component-button-background-inverse-v24-4-2);
331
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-4-2);
332
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-4-2);
333
+ box-shadow:var(--magritte-shadow-level-1-x-v24-4-2) var(--magritte-shadow-level-1-y-v24-4-2) var(--magritte-shadow-level-1-blur-v24-4-2) var(--magritte-shadow-level-1-spread-v24-4-2) var(--magritte-shadow-level-1-color-v24-4-2);
334
+ --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-4-2);
335
335
  }
336
- .magritte-button_style-inverse___Xgf26_3-0-5 .magritte-postfix___r0EZ6_3-0-5{
337
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-4-1);
336
+ .magritte-button_style-inverse___Xgf26_3-0-6 .magritte-postfix___r0EZ6_3-0-6{
337
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-4-2);
338
338
  }
339
- .magritte-button_style-inverse___Xgf26_3-0-5.magritte-stackMode___RdOTJ_3-0-5{
339
+ .magritte-button_style-inverse___Xgf26_3-0-6.magritte-stackMode___RdOTJ_3-0-6{
340
340
  box-shadow:none;
341
341
  }
342
- .magritte-button_style-inverse___Xgf26_3-0-5.focus-visible{
343
- outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-4-1);
344
- background:var(--magritte-color-component-button-background-state-inverse-focused-v24-4-1);
342
+ .magritte-button_style-inverse___Xgf26_3-0-6.focus-visible{
343
+ outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-4-2);
344
+ background:var(--magritte-color-component-button-background-state-inverse-focused-v24-4-2);
345
345
  }
346
- .magritte-button_style-inverse___Xgf26_3-0-5:not(:disabled):active,
347
- .magritte-button_style-inverse___Xgf26_3-0-5:not([aria-disabled='true']):active{
348
- background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-4-1);
346
+ .magritte-button_style-inverse___Xgf26_3-0-6:not(:disabled):active,
347
+ .magritte-button_style-inverse___Xgf26_3-0-6:not([aria-disabled='true']):active{
348
+ background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-4-2);
349
349
  }
350
- .magritte-button_style-inverse___Xgf26_3-0-5:disabled,
351
- .magritte-button_style-inverse___Xgf26_3-0-5[aria-disabled='true']{
352
- background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-4-1);
353
- --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-4-1);
354
- --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-4-1);
350
+ .magritte-button_style-inverse___Xgf26_3-0-6:disabled,
351
+ .magritte-button_style-inverse___Xgf26_3-0-6[aria-disabled='true']{
352
+ background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-4-2);
353
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-4-2);
354
+ --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-4-2);
355
355
  }
356
- .magritte-button_style-inverse___Xgf26_3-0-5:disabled .magritte-postfix___r0EZ6_3-0-5,
357
- .magritte-button_style-inverse___Xgf26_3-0-5[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-5{
358
- --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-1);
356
+ .magritte-button_style-inverse___Xgf26_3-0-6:disabled .magritte-postfix___r0EZ6_3-0-6,
357
+ .magritte-button_style-inverse___Xgf26_3-0-6[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-6{
358
+ --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-4-2);
359
359
  }
360
360
  @media (min-width: 1020px){
361
- body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
362
- background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-4-1));
361
+ body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
362
+ background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-4-2));
363
363
  }
364
364
  }
365
365
  @media (min-width: 1024px){
366
- body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-5:hover:not(:active):not(:disabled):not([aria-disabled='true']){
367
- background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-4-1));
366
+ body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-6:hover:not(:active):not(:disabled):not([aria-disabled='true']){
367
+ background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-4-2));
368
368
  }
369
369
  }
370
370
 
371
371
  :root{
372
- --magritte-color-component-button-background-neutral-v24-4-1:#000000;
373
- --magritte-color-component-button-background-inverse-v24-4-1:#ffffff;
374
- --magritte-color-component-button-background-state-neutral-disabled-v24-4-1:#DCE3EB;
375
- --magritte-color-component-button-background-state-inverse-disabled-v24-4-1:#ffffff;
376
- --magritte-shadow-level-2-color-v24-4-1:#7090b03d;
377
- --magritte-shadow-level-2-x-v24-4-1:0px;
378
- --magritte-shadow-level-2-y-v24-4-1:8px;
379
- --magritte-shadow-level-2-blur-v24-4-1:16px;
380
- --magritte-shadow-level-2-spread-v24-4-1:0px;
381
- --magritte-shadow-level-1-color-v24-4-1:#7090b029;
382
- --magritte-shadow-level-1-x-v24-4-1:0px;
383
- --magritte-shadow-level-1-y-v24-4-1:4px;
384
- --magritte-shadow-level-1-blur-v24-4-1:12px;
385
- --magritte-shadow-level-1-spread-v24-4-1:0px;
372
+ --magritte-color-component-button-background-neutral-v24-4-2:#000000;
373
+ --magritte-color-component-button-background-inverse-v24-4-2:#ffffff;
374
+ --magritte-color-component-button-background-state-neutral-disabled-v24-4-2:#DCE3EB;
375
+ --magritte-color-component-button-background-state-inverse-disabled-v24-4-2:#ffffff;
376
+ --magritte-shadow-level-2-color-v24-4-2:#7090b03d;
377
+ --magritte-shadow-level-2-x-v24-4-2:0px;
378
+ --magritte-shadow-level-2-y-v24-4-2:8px;
379
+ --magritte-shadow-level-2-blur-v24-4-2:16px;
380
+ --magritte-shadow-level-2-spread-v24-4-2:0px;
381
+ --magritte-shadow-level-1-color-v24-4-2:#7090b029;
382
+ --magritte-shadow-level-1-x-v24-4-2:0px;
383
+ --magritte-shadow-level-1-y-v24-4-2:4px;
384
+ --magritte-shadow-level-1-blur-v24-4-2:12px;
385
+ --magritte-shadow-level-1-spread-v24-4-2:0px;
386
386
  }
387
387
 
388
388
  :root{
389
- --magritte-semantic-animation-time-s-duration-v24-4-1:200ms;
390
- --magritte-semantic-animation-ease-base-timing-function-v24-4-1:cubic-bezier(0.4, 0.24, 0, 1);
389
+ --magritte-semantic-animation-time-s-duration-v24-4-2:200ms;
390
+ --magritte-semantic-animation-ease-base-timing-function-v24-4-2:cubic-bezier(0.4, 0.24, 0, 1);
391
391
  }
392
392
 
393
393
  .magritte-night-theme{
394
- --magritte-color-component-button-background-neutral-v24-4-1:#ffffff;
395
- --magritte-color-component-button-background-inverse-v24-4-1:#303030;
396
- --magritte-color-component-button-background-state-neutral-disabled-v24-4-1:#303030;
397
- --magritte-color-component-button-background-state-inverse-disabled-v24-4-1:#262626;
398
- --magritte-shadow-level-2-color-v24-4-1:#0000003d;
399
- --magritte-shadow-level-1-color-v24-4-1:#00000029;
400
- }
401
- .magritte-stack___v7QhJ_3-0-5{
394
+ --magritte-color-component-button-background-neutral-v24-4-2:#ffffff;
395
+ --magritte-color-component-button-background-inverse-v24-4-2:#303030;
396
+ --magritte-color-component-button-background-state-neutral-disabled-v24-4-2:#303030;
397
+ --magritte-color-component-button-background-state-inverse-disabled-v24-4-2:#262626;
398
+ --magritte-shadow-level-2-color-v24-4-2:#0000003d;
399
+ --magritte-shadow-level-1-color-v24-4-2:#00000029;
400
+ }
401
+ .magritte-stack___v7QhJ_3-0-6{
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-5{
409
- --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v24-4-1);
408
+ .magritte-stack___v7QhJ_3-0-6{
409
+ --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v24-4-2);
410
410
  }
411
411
  }
412
- .magritte-right___v4PFa_3-0-5{
412
+ .magritte-right___v4PFa_3-0-6{
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-5{
417
+ body.magritte-old-layout .magritte-right___v4PFa_3-0-6{
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-5{
423
+ body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-6{
424
424
  right:36px;
425
425
  bottom:32px;
426
426
  }
427
427
  }
428
- .magritte-left___JXzpq_3-0-5{
428
+ .magritte-left___JXzpq_3-0-6{
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-5{
433
+ body.magritte-old-layout .magritte-left___JXzpq_3-0-6{
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-5{
439
+ body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-6{
440
440
  left:36px;
441
441
  bottom:32px;
442
442
  }
443
443
  }
444
- .magritte-center___rV3kK_3-0-5{
444
+ .magritte-center___rV3kK_3-0-6{
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-5{
450
+ body.magritte-old-layout .magritte-center___rV3kK_3-0-6{
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-5{
455
+ body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-6{
456
456
  bottom:32px;
457
457
  }
458
458
  }
459
- .magritte-up-button___M-Jgi_3-0-5{
459
+ .magritte-up-button___M-Jgi_3-0-6{
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-5{
463
+ body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-6{
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-5{
468
+ body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-6{
469
469
  --up-button-height:72px;
470
470
  }
471
471
  }
472
- .magritte-enter-up-button-animation___-n3rG_3-0-5{
472
+ .magritte-enter-up-button-animation___-n3rG_3-0-6{
473
473
  opacity:0;
474
474
  height:0;
475
475
  }
476
- .magritte-enter-up-button-animation-active___8pejQ_3-0-5{
476
+ .magritte-enter-up-button-animation-active___8pejQ_3-0-6{
477
477
  transition-property:opacity, height;
478
478
  transition-duration:var(--animation-duration-floating-button-stack);
479
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
479
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
480
480
  opacity:1;
481
481
  height:var(--up-button-height);
482
482
  }
483
- .magritte-exit-up-button-animation___80DEE_3-0-5{
483
+ .magritte-exit-up-button-animation___80DEE_3-0-6{
484
484
  opacity:1;
485
485
  height:var(--up-button-height);
486
486
  }
487
- .magritte-exit-up-button-animation-active___f1LjL_3-0-5{
487
+ .magritte-exit-up-button-animation-active___f1LjL_3-0-6{
488
488
  transition-property:opacity, height;
489
489
  transition-duration:var(--animation-duration-floating-button-stack);
490
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
490
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
491
491
  opacity:0;
492
492
  height:0;
493
493
  }
494
- .magritte-floating-buttons___oi9Yx_3-0-5{
494
+ .magritte-floating-buttons___oi9Yx_3-0-6{
495
495
  display:flex;
496
496
  flex-direction:column;
497
497
  border-radius:40px;
@@ -500,74 +500,74 @@
500
500
  opacity:0;
501
501
  padding:0 4px;
502
502
  }
503
- .magritte-floating-buttons___oi9Yx_3-0-5.magritte-animated___z--5Y_3-0-5{
503
+ .magritte-floating-buttons___oi9Yx_3-0-6.magritte-animated___z--5Y_3-0-6{
504
504
  transition-property:opacity, margin-top, padding;
505
505
  transition-duration:var(--animation-duration-floating-button-stack);
506
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
506
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
507
507
  }
508
- .magritte-floating-buttons___oi9Yx_3-0-5.magritte-visibled___hHvF6_3-0-5{
508
+ .magritte-floating-buttons___oi9Yx_3-0-6.magritte-visibled___hHvF6_3-0-6{
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-5{
514
+ body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-6{
515
515
  padding:0 12px;
516
516
  }
517
- body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-5.magritte-visibled___hHvF6_3-0-5{
517
+ body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-6.magritte-visibled___hHvF6_3-0-6{
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-5{
522
+ body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-6{
523
523
  padding:0 12px;
524
524
  }
525
- body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-5.magritte-visibled___hHvF6_3-0-5{
525
+ body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-6.magritte-visibled___hHvF6_3-0-6{
526
526
  padding:12px;
527
527
  }
528
528
  }
529
- .magritte-floating-buttons_neutral___LCnTQ_3-0-5{
530
- background-color:var(--magritte-color-component-button-background-neutral-v24-4-1);
531
- box-shadow:var(--magritte-shadow-level-2-x-v24-4-1) var(--magritte-shadow-level-2-y-v24-4-1) var(--magritte-shadow-level-2-blur-v24-4-1) var(--magritte-shadow-level-2-spread-v24-4-1) var(--magritte-shadow-level-2-color-v24-4-1);
532
- --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v24-4-1);
533
- --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v24-4-1);
529
+ .magritte-floating-buttons_neutral___LCnTQ_3-0-6{
530
+ background-color:var(--magritte-color-component-button-background-neutral-v24-4-2);
531
+ box-shadow:var(--magritte-shadow-level-2-x-v24-4-2) var(--magritte-shadow-level-2-y-v24-4-2) var(--magritte-shadow-level-2-blur-v24-4-2) var(--magritte-shadow-level-2-spread-v24-4-2) var(--magritte-shadow-level-2-color-v24-4-2);
532
+ --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v24-4-2);
533
+ --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v24-4-2);
534
534
  }
535
- .magritte-floating-buttons_neutral___LCnTQ_3-0-5.magritte-disabled___XSSqS_3-0-5{
536
- background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v24-4-1);
535
+ .magritte-floating-buttons_neutral___LCnTQ_3-0-6.magritte-disabled___XSSqS_3-0-6{
536
+ background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v24-4-2);
537
537
  }
538
- .magritte-floating-buttons_inverse___xhm17_3-0-5{
539
- background-color:var(--magritte-color-component-button-background-inverse-v24-4-1);
540
- box-shadow:var(--magritte-shadow-level-1-x-v24-4-1) var(--magritte-shadow-level-1-y-v24-4-1) var(--magritte-shadow-level-1-blur-v24-4-1) var(--magritte-shadow-level-1-spread-v24-4-1) var(--magritte-shadow-level-1-color-v24-4-1);
541
- --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v24-4-1);
542
- --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v24-4-1);
538
+ .magritte-floating-buttons_inverse___xhm17_3-0-6{
539
+ background-color:var(--magritte-color-component-button-background-inverse-v24-4-2);
540
+ box-shadow:var(--magritte-shadow-level-1-x-v24-4-2) var(--magritte-shadow-level-1-y-v24-4-2) var(--magritte-shadow-level-1-blur-v24-4-2) var(--magritte-shadow-level-1-spread-v24-4-2) var(--magritte-shadow-level-1-color-v24-4-2);
541
+ --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v24-4-2);
542
+ --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v24-4-2);
543
543
  }
544
- .magritte-floating-buttons_inverse___xhm17_3-0-5.magritte-disabled___XSSqS_3-0-5{
545
- background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v24-4-1);
544
+ .magritte-floating-buttons_inverse___xhm17_3-0-6.magritte-disabled___XSSqS_3-0-6{
545
+ background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v24-4-2);
546
546
  }
547
- .magritte-floating-button-wrapper___HlTzE_3-0-5{
547
+ .magritte-floating-button-wrapper___HlTzE_3-0-6{
548
548
  overflow:hidden;
549
549
  padding:4px;
550
550
  margin:-4px;
551
551
  }
552
- .magritte-enter-floating-button-animation___nke2I_3-0-5{
552
+ .magritte-enter-floating-button-animation___nke2I_3-0-6{
553
553
  opacity:0;
554
554
  height:0;
555
555
  }
556
- .magritte-enter-floating-button-animation-active___AayrW_3-0-5{
556
+ .magritte-enter-floating-button-animation-active___AayrW_3-0-6{
557
557
  transition-property:opacity, height;
558
558
  transition-duration:var(--animation-duration-floating-button-stack);
559
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
559
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
560
560
  opacity:1;
561
561
  height:48px;
562
562
  }
563
- .magritte-exit-floating-button-animation___dXSTW_3-0-5{
563
+ .magritte-exit-floating-button-animation___dXSTW_3-0-6{
564
564
  opacity:1;
565
565
  height:48px;
566
566
  }
567
- .magritte-exit-floating-button-animation-active___DhIfE_3-0-5{
567
+ .magritte-exit-floating-button-animation-active___DhIfE_3-0-6{
568
568
  transition-property:opacity, height;
569
569
  transition-duration:var(--animation-duration-floating-button-stack);
570
- transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-1);
570
+ transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-4-2);
571
571
  opacity:0;
572
572
  height:0;
573
573
  }
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-DR3osB9n.js';
17
+ import './floating-button-stack-B0BYDRZr.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.5",
3
+ "version": "3.0.6",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,15 +20,15 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-is-server-env": "1.0.8",
23
- "@hh.ru/magritte-design-tokens": "24.4.1",
23
+ "@hh.ru/magritte-design-tokens": "24.4.2",
24
24
  "@hh.ru/magritte-types": "5.0.6",
25
- "@hh.ru/magritte-ui-badge": "4.0.6",
25
+ "@hh.ru/magritte-ui-badge": "4.0.7",
26
26
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
27
- "@hh.ru/magritte-ui-icon": "13.11.2",
27
+ "@hh.ru/magritte-ui-icon": "13.11.3",
28
28
  "@hh.ru/magritte-ui-layer": "3.2.2",
29
- "@hh.ru/magritte-ui-loader": "2.1.6",
29
+ "@hh.ru/magritte-ui-loader": "2.1.7",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
31
- "@hh.ru/magritte-ui-typography": "4.5.2"
31
+ "@hh.ru/magritte-ui-typography": "4.5.3"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "classnames": ">=2.3.2",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "dafbc85c0f36903ba695b8a635447f25cf569bc9"
42
+ "gitHead": "773d4352b733cf17fd5c2e1a5eb0a047d63fd8a0"
43
43
  }
package/floating-button-stack-DR3osB9n.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"stack":"magritte-stack___v7QhJ_3-0-5","right":"magritte-right___v4PFa_3-0-5","left":"magritte-left___JXzpq_3-0-5","center":"magritte-center___rV3kK_3-0-5","up-button":"magritte-up-button___M-Jgi_3-0-5","upButton":"magritte-up-button___M-Jgi_3-0-5","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-5","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-5","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-5","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-5","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-5","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-5","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-5","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-5","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-5","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-5","animated":"magritte-animated___z--5Y_3-0-5","visibled":"magritte-visibled___hHvF6_3-0-5","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-5","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-5","disabled":"magritte-disabled___XSSqS_3-0-5","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-5","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-5","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-5","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-5","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-5","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-5","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-5","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-5","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-5","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-5","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-5","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-5"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=floating-button-stack-DR3osB9n.js.map
package/floating-button-stack-DR3osB9n.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"floating-button-stack-DR3osB9n.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}