@hh.ru/magritte-ui-floating-button 3.0.36 → 3.0.38

package/FloatingButton.js

@@ -5,13 +5,13 @@ import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
 import { useServerEnv } from '@hh.ru/magritte-common-is-server-env';
-import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { ComponentWithBadge } from '@hh.ru/magritte-ui-badge';
 import { Layer } from '@hh.ru/magritte-ui-layer';
 import { Loader } from '@hh.ru/magritte-ui-loader';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"wrapper":"magritte-wrapper___7m9lC_3-0-36","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-36","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-36","button":"magritte-button___nL-Hn_3-0-36","loading":"magritte-loading___C0oPZ_3-0-36","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-36","right":"magritte-right___3n0Rz_3-0-36","content":"magritte-content___JNpTZ_3-0-36","left":"magritte-left___GnzU7_3-0-36","center":"magritte-center___MdA40_3-0-36","postfix":"magritte-postfix___r0EZ6_3-0-36","icon":"magritte-icon___VpqJt_3-0-36","textless":"magritte-textless___IbYgp_3-0-36","label":"magritte-label___EPgvj_3-0-36","withPostfix":"magritte-withPostfix___PmQAz_3-0-36","hideLabel":"magritte-hideLabel___K79XM_3-0-36","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-36","loader":"magritte-loader___EPezG_3-0-36","enter-animation":"magritte-enter-animation___2sPz3_3-0-36","enterAnimation":"magritte-enter-animation___2sPz3_3-0-36","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-36","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-36","exit-animation":"magritte-exit-animation___h2-7a_3-0-36","exitAnimation":"magritte-exit-animation___h2-7a_3-0-36","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-36","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-36","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-36","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-36","stackMode":"magritte-stackMode___RdOTJ_3-0-36","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-36","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-36"};
+var styles = {"wrapper":"magritte-wrapper___7m9lC_3-0-38","animation-timeout":"magritte-animation-timeout___NL8n0_3-0-38","animationTimeout":"magritte-animation-timeout___NL8n0_3-0-38","button":"magritte-button___nL-Hn_3-0-38","loading":"magritte-loading___C0oPZ_3-0-38","withIconAndLabel":"magritte-withIconAndLabel___Qa-lU_3-0-38","right":"magritte-right___3n0Rz_3-0-38","content":"magritte-content___JNpTZ_3-0-38","left":"magritte-left___GnzU7_3-0-38","center":"magritte-center___MdA40_3-0-38","postfix":"magritte-postfix___r0EZ6_3-0-38","icon":"magritte-icon___VpqJt_3-0-38","textless":"magritte-textless___IbYgp_3-0-38","label":"magritte-label___EPgvj_3-0-38","withPostfix":"magritte-withPostfix___PmQAz_3-0-38","hideLabel":"magritte-hideLabel___K79XM_3-0-38","withLabelOnHover":"magritte-withLabelOnHover___1oktd_3-0-38","loader":"magritte-loader___EPezG_3-0-38","enter-animation":"magritte-enter-animation___2sPz3_3-0-38","enterAnimation":"magritte-enter-animation___2sPz3_3-0-38","enter-animation-active":"magritte-enter-animation-active___Lq9eq_3-0-38","enterAnimationActive":"magritte-enter-animation-active___Lq9eq_3-0-38","exit-animation":"magritte-exit-animation___h2-7a_3-0-38","exitAnimation":"magritte-exit-animation___h2-7a_3-0-38","exit-animation-active":"magritte-exit-animation-active___w0F1a_3-0-38","exitAnimationActive":"magritte-exit-animation-active___w0F1a_3-0-38","button_style-neutral":"magritte-button_style-neutral___bPUwu_3-0-38","buttonStyleNeutral":"magritte-button_style-neutral___bPUwu_3-0-38","stackMode":"magritte-stackMode___RdOTJ_3-0-38","button_style-inverse":"magritte-button_style-inverse___Xgf26_3-0-38","buttonStyleInverse":"magritte-button_style-inverse___Xgf26_3-0-38"};
 
 const ALLOWED_BADGE_SIZES = ['small'];
 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) => {
@@ -55,7 +55,7 @@ const FloatingButtonComponent = ({ Element = 'button', style = 'neutral', disabl
             enterActive: styles.enterAnimationActive,
             exit: styles.exitAnimation,
             exitActive: styles.exitAnimationActive,
-        }, timeout: tokenSemanticAnimationTimeSDuration, unmountOnExit: true, children: jsx(Layer, { layer: "floating-button", children: jsx("div", { className: classnames(styles.wrapper, styles[`${position}`], className), ref: wrapperRef, style: inlineStyle, "data-qa": `${dataQa}-wrapper`, children: button }) }) }), host?.current || document.body);
+        }, timeout: CoreTokens['magritte-semantic-animation-time-s'].duration, unmountOnExit: true, children: jsx(Layer, { layer: "floating-button", children: jsx("div", { className: classnames(styles.wrapper, styles[`${position}`], className), ref: wrapperRef, style: inlineStyle, "data-qa": `${dataQa}-wrapper`, children: button }) }) }), host?.current || document.body);
 };
 const FloatingButtonWithStackMode = forwardRef(FloatingButtonComponent);
 const FloatingButton = forwardRef(FloatingButtonComponent);

package/FloatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButton.js","sources":["src/FloatingButton.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';\nimport type { PolymorphicComponentWithRef, PolymorphicForwardRefRenderFunc } from '@hh.ru/magritte-types';\nimport { BadgeSize, ComponentWithBadge } from '@hh.ru/magritte-ui-badge';\nimport type { FloatingButtonProps, FloatingButtonPropsWithStackMode } from '@hh.ru/magritte-ui-floating-button/types';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './floating-button.less';\n\nconst ALLOWED_BADGE_SIZES: BadgeSize[] = ['small'];\n\nconst FloatingButtonComponent: PolymorphicForwardRefRenderFunc<FloatingButtonPropsWithStackMode, 'button'> = (\n    {\n        Element = 'button',\n        style = 'neutral',\n        disabled,\n        borderRadius = 'halfHeight',\n        icon: IconComponent,\n        postfix,\n        loading,\n        host,\n        children,\n        className,\n        inlineStyle,\n        visible,\n        labelOnHover: _labelOnHover,\n        hideLabel: _hideLabel,\n        badge,\n        position = 'right',\n        'data-qa': dataQa = 'floating-button',\n        stackMode = false,\n        ...restProps\n    },\n    ref\n) => {\n    const labelOnHover = _labelOnHover && !!IconComponent;\n    const hideLabel = _hideLabel && !!IconComponent;\n    const isServerEnv = useServerEnv();\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    if (isServerEnv) {\n        return null;\n    }\n\n    const additionalAttributes: Record<string, unknown> = {\n        'data-qa': dataQa,\n    };\n    if (Element === 'button') {\n        additionalAttributes.type = 'button';\n    } else {\n        additionalAttributes.role = Element !== 'a' ? 'button' : undefined;\n        additionalAttributes['aria-disabled'] = disabled;\n    }\n    additionalAttributes.ref = ref;\n\n    let button = (\n        <Element\n            {...additionalAttributes}\n            {...restProps}\n            disabled={!!disabled}\n            tabIndex={disabled || loading ? -1 : 0}\n            className={classnames(styles.button, styles[`button_style-${style}`], {\n                [styles.loading]: !!loading,\n                [styles.withLabelOnHover]: !!labelOnHover,\n                [styles.hideLabel]: !!hideLabel || !children,\n                [styles.withPostfix]: !!postfix,\n                [styles.textless]: !postfix && (!children || !!hideLabel),\n                [styles.withIconAndLabel]: !!IconComponent && !!children && !hideLabel,\n                [styles.stackMode]: !!stackMode,\n            })}\n            style={{ borderRadius: borderRadius === 'halfHeight' ? '9999px' : `${borderRadius}px` }}\n        >\n            <span className={styles.content}>\n                {IconComponent && (\n                    <span className={styles.icon}>\n                        <IconComponent data-qa={`${dataQa}-icon`} />\n                    </span>\n                )}\n                <span className={styles.label} data-qa={`${dataQa}-label`}>\n                    <Text typography={'subtitle-1-semibold'}>{children}</Text>\n                </span>\n                {postfix && (\n                    <span className={styles.postfix} data-qa={`${dataQa}-postfix`}>\n                        <Text typography={'subtitle-1-semibold'}>{postfix}</Text>\n                    </span>\n                )}\n\n                {loading && (\n                    <span className={styles.loader}>\n                        <Loader size={24} />\n                    </span>\n                )}\n            </span>\n        </Element>\n    );\n\n    if (badge && !disabled) {\n        button = (\n            <ComponentWithBadge allowedSizes={ALLOWED_BADGE_SIZES} badge={badge} offset={stackMode ? 12 : 4} noClip>\n                {button}\n            </ComponentWithBadge>\n        );\n    }\n\n    if (stackMode) {\n        return button;\n    }\n\n    return createPortal(\n        <CSSTransition\n            appear\n            in={!!visible && !isServerEnv}\n            nodeRef={wrapperRef}\n            classNames={{\n                appear: styles.enterAnimation,\n                appearActive: styles.enterAnimationActive,\n                enter: styles.enterAnimation,\n                enterActive: styles.enterAnimationActive,\n                exit: styles.exitAnimation,\n                exitActive: styles.exitAnimationActive,\n            }}\n            timeout={tokenSemanticAnimationTimeSDuration}\n            unmountOnExit\n        >\n            <Layer layer=\"floating-button\">\n                <div\n                    className={classnames(styles.wrapper, styles[`${position}`], className)}\n                    ref={wrapperRef}\n                    style={inlineStyle}\n                    data-qa={`${dataQa}-wrapper`}\n                >\n                    {button}\n                </div>\n            </Layer>\n        </CSSTransition>,\n        host?.current || document.body\n    );\n};\n\nexport const FloatingButtonWithStackMode = forwardRef(FloatingButtonComponent) as PolymorphicComponentWithRef<\n    FloatingButtonPropsWithStackMode,\n    'button'\n>;\n\nexport const FloatingButton = forwardRef(FloatingButtonComponent) as PolymorphicComponentWithRef<\n    FloatingButtonProps,\n    'button'\n>;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"FloatingButton.js","sources":["src/FloatingButton.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport type { PolymorphicComponentWithRef, PolymorphicForwardRefRenderFunc } from '@hh.ru/magritte-types';\nimport { BadgeSize, ComponentWithBadge } from '@hh.ru/magritte-ui-badge';\nimport type { FloatingButtonProps, FloatingButtonPropsWithStackMode } from '@hh.ru/magritte-ui-floating-button/types';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './floating-button.less';\n\nconst ALLOWED_BADGE_SIZES: BadgeSize[] = ['small'];\n\nconst FloatingButtonComponent: PolymorphicForwardRefRenderFunc<FloatingButtonPropsWithStackMode, 'button'> = (\n    {\n        Element = 'button',\n        style = 'neutral',\n        disabled,\n        borderRadius = 'halfHeight',\n        icon: IconComponent,\n        postfix,\n        loading,\n        host,\n        children,\n        className,\n        inlineStyle,\n        visible,\n        labelOnHover: _labelOnHover,\n        hideLabel: _hideLabel,\n        badge,\n        position = 'right',\n        'data-qa': dataQa = 'floating-button',\n        stackMode = false,\n        ...restProps\n    },\n    ref\n) => {\n    const labelOnHover = _labelOnHover && !!IconComponent;\n    const hideLabel = _hideLabel && !!IconComponent;\n    const isServerEnv = useServerEnv();\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    if (isServerEnv) {\n        return null;\n    }\n\n    const additionalAttributes: Record<string, unknown> = {\n        'data-qa': dataQa,\n    };\n    if (Element === 'button') {\n        additionalAttributes.type = 'button';\n    } else {\n        additionalAttributes.role = Element !== 'a' ? 'button' : undefined;\n        additionalAttributes['aria-disabled'] = disabled;\n    }\n    additionalAttributes.ref = ref;\n\n    let button = (\n        <Element\n            {...additionalAttributes}\n            {...restProps}\n            disabled={!!disabled}\n            tabIndex={disabled || loading ? -1 : 0}\n            className={classnames(styles.button, styles[`button_style-${style}`], {\n                [styles.loading]: !!loading,\n                [styles.withLabelOnHover]: !!labelOnHover,\n                [styles.hideLabel]: !!hideLabel || !children,\n                [styles.withPostfix]: !!postfix,\n                [styles.textless]: !postfix && (!children || !!hideLabel),\n                [styles.withIconAndLabel]: !!IconComponent && !!children && !hideLabel,\n                [styles.stackMode]: !!stackMode,\n            })}\n            style={{ borderRadius: borderRadius === 'halfHeight' ? '9999px' : `${borderRadius}px` }}\n        >\n            <span className={styles.content}>\n                {IconComponent && (\n                    <span className={styles.icon}>\n                        <IconComponent data-qa={`${dataQa}-icon`} />\n                    </span>\n                )}\n                <span className={styles.label} data-qa={`${dataQa}-label`}>\n                    <Text typography={'subtitle-1-semibold'}>{children}</Text>\n                </span>\n                {postfix && (\n                    <span className={styles.postfix} data-qa={`${dataQa}-postfix`}>\n                        <Text typography={'subtitle-1-semibold'}>{postfix}</Text>\n                    </span>\n                )}\n\n                {loading && (\n                    <span className={styles.loader}>\n                        <Loader size={24} />\n                    </span>\n                )}\n            </span>\n        </Element>\n    );\n\n    if (badge && !disabled) {\n        button = (\n            <ComponentWithBadge allowedSizes={ALLOWED_BADGE_SIZES} badge={badge} offset={stackMode ? 12 : 4} noClip>\n                {button}\n            </ComponentWithBadge>\n        );\n    }\n\n    if (stackMode) {\n        return button;\n    }\n\n    return createPortal(\n        <CSSTransition\n            appear\n            in={!!visible && !isServerEnv}\n            nodeRef={wrapperRef}\n            classNames={{\n                appear: styles.enterAnimation,\n                appearActive: styles.enterAnimationActive,\n                enter: styles.enterAnimation,\n                enterActive: styles.enterAnimationActive,\n                exit: styles.exitAnimation,\n                exitActive: styles.exitAnimationActive,\n            }}\n            timeout={CoreTokens['magritte-semantic-animation-time-s'].duration}\n            unmountOnExit\n        >\n            <Layer layer=\"floating-button\">\n                <div\n                    className={classnames(styles.wrapper, styles[`${position}`], className)}\n                    ref={wrapperRef}\n                    style={inlineStyle}\n                    data-qa={`${dataQa}-wrapper`}\n                >\n                    {button}\n                </div>\n            </Layer>\n        </CSSTransition>,\n        host?.current || document.body\n    );\n};\n\nexport const FloatingButtonWithStackMode = forwardRef(FloatingButtonComponent) as PolymorphicComponentWithRef<\n    FloatingButtonPropsWithStackMode,\n    'button'\n>;\n\nexport const FloatingButton = forwardRef(FloatingButtonComponent) as PolymorphicComponentWithRef<\n    FloatingButtonProps,\n    'button'\n>;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/FloatingButtonStack.js

@@ -9,9 +9,9 @@ import { FloatingButtonStackItem } from './FloatingButtonStackItem.js';
 import { FloatingButtonStackItems } from './FloatingButtonStackItems.js';
 import { FloatingButtonStackUpButton } from './FloatingButtonStackUpButton.js';
 import { Layer } from '@hh.ru/magritte-ui-layer';
-import { s as styles } from './floating-button-stack-D1fzja7o.js';
+import { s as styles } from './floating-button-stack-rF6WsEqd.js';
 import 'react-transition-group';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import './FloatingButton.js';
 import '@hh.ru/magritte-ui-badge';
 import '@hh.ru/magritte-ui-loader';

package/FloatingButtonStackItem.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useId, useRef, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
-import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { FloatingButtonWithStackMode } from './FloatingButton.js';
 import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
-import { s as styles } from './floating-button-stack-D1fzja7o.js';
+import { s as styles } from './floating-button-stack-rF6WsEqd.js';
 import 'react-dom';
 import '@hh.ru/magritte-common-is-server-env';
 import '@hh.ru/magritte-ui-badge';
@@ -31,7 +31,7 @@ const FloatingButtonStackItemComponent = ({ Element = 'button', visible = false,
             enterActive: styles.enterFloatingButtonAnimationActive,
             exit: styles.exitFloatingButtonAnimation,
             exitActive: styles.exitFloatingButtonAnimationActive,
-        }, nodeRef: nodeRef, timeout: tokenSemanticAnimationTimeSDuration, unmountOnExit: true, children: jsx("div", { ref: nodeRef, className: classnames(styles.floatingButtonWrapper), children: jsx(FloatingButtonWithStackMode, { Element: Element, ref: ref, ...otherProps, style: style, disabled: disabled, stackMode: true }) }) }));
+        }, nodeRef: nodeRef, timeout: CoreTokens['magritte-semantic-animation-time-s'].duration, unmountOnExit: true, children: jsx("div", { ref: nodeRef, className: classnames(styles.floatingButtonWrapper), children: jsx(FloatingButtonWithStackMode, { Element: Element, ref: ref, ...otherProps, style: style, disabled: disabled, stackMode: true }) }) }));
 };
 const FloatingButtonStackItem = forwardRef(FloatingButtonStackItemComponent);
 

package/FloatingButtonStackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButtonStackItem.js","sources":["src/FloatingButtonStackItem.tsx"],"sourcesContent":["import { useEffect, useId, useRef, forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { FloatingButtonWithStackMode } from '@hh.ru/magritte-ui-floating-button/FloatingButton';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackItemProps } from '@hh.ru/magritte-ui-floating-button/types';\n\nimport styles from './floating-button-stack.less';\n\nconst FloatingButtonStackItemComponent: PolymorphicForwardRefRenderFunc<FloatingButtonStackItemProps, 'button'> = (\n    { Element = 'button', visible = false, ...otherProps },\n    ref\n) => {\n    const uid = useId();\n    const { setVisible, animationsEnabled, style, disabled } = useFloatingButtonStack();\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setVisible(uid, visible);\n    }, [uid, setVisible, visible]);\n\n    useEffect(() => {\n        return () => {\n            setVisible(uid, false);\n        };\n    }, [uid, setVisible]);\n\n    return (\n        <CSSTransition\n            in={visible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterFloatingButtonAnimation,\n                enterActive: styles.enterFloatingButtonAnimationActive,\n                exit: styles.exitFloatingButtonAnimation,\n                exitActive: styles.exitFloatingButtonAnimationActive,\n            }}\n            nodeRef={nodeRef}\n            timeout={tokenSemanticAnimationTimeSDuration}\n            unmountOnExit\n        >\n            <div ref={nodeRef} className={classnames(styles.floatingButtonWrapper)}>\n                <FloatingButtonWithStackMode\n                    Element={Element}\n                    ref={ref}\n                    {...otherProps}\n                    style={style}\n                    disabled={disabled}\n                    stackMode\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n\nexport const FloatingButtonStackItem = forwardRef(FloatingButtonStackItemComponent) as PolymorphicComponentWithRef<\n    FloatingButtonStackItemProps,\n    'button'\n>;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,gCAAgC,GAA4E,CAC9G,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,UAAU,EAAE,EACtD,GAAG,KACH;AACA,IAAA,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;AACpB,IAAA,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACpF,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KAC5B,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC3B,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;AAEtB,IAAA,QACIA,GAAC,CAAA,aAAa,EACV,EAAA,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,4BAA4B;YAC1C,WAAW,EAAE,MAAM,CAAC,kCAAkC;YACtD,IAAI,EAAE,MAAM,CAAC,2BAA2B;YACxC,UAAU,EAAE,MAAM,CAAC,iCAAiC;SACvD,EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,mCAAmC,EAC5C,aAAa,EAEb,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAClE,QAAA,EAAAA,GAAA,CAAC,2BAA2B,EACxB,EAAA,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACJ,GAAA,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EACX,IAAA,EAAA,CAAA,EAAA,CACA,EACM,CAAA,EAClB;AACN,CAAC,CAAC;MAEW,uBAAuB,GAAG,UAAU,CAAC,gCAAgC;;;;"}
+{"version":3,"file":"FloatingButtonStackItem.js","sources":["src/FloatingButtonStackItem.tsx"],"sourcesContent":["import { useEffect, useId, useRef, forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { FloatingButtonWithStackMode } from '@hh.ru/magritte-ui-floating-button/FloatingButton';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackItemProps } from '@hh.ru/magritte-ui-floating-button/types';\n\nimport styles from './floating-button-stack.less';\n\nconst FloatingButtonStackItemComponent: PolymorphicForwardRefRenderFunc<FloatingButtonStackItemProps, 'button'> = (\n    { Element = 'button', visible = false, ...otherProps },\n    ref\n) => {\n    const uid = useId();\n    const { setVisible, animationsEnabled, style, disabled } = useFloatingButtonStack();\n    const nodeRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setVisible(uid, visible);\n    }, [uid, setVisible, visible]);\n\n    useEffect(() => {\n        return () => {\n            setVisible(uid, false);\n        };\n    }, [uid, setVisible]);\n\n    return (\n        <CSSTransition\n            in={visible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterFloatingButtonAnimation,\n                enterActive: styles.enterFloatingButtonAnimationActive,\n                exit: styles.exitFloatingButtonAnimation,\n                exitActive: styles.exitFloatingButtonAnimationActive,\n            }}\n            nodeRef={nodeRef}\n            timeout={CoreTokens['magritte-semantic-animation-time-s'].duration}\n            unmountOnExit\n        >\n            <div ref={nodeRef} className={classnames(styles.floatingButtonWrapper)}>\n                <FloatingButtonWithStackMode\n                    Element={Element}\n                    ref={ref}\n                    {...otherProps}\n                    style={style}\n                    disabled={disabled}\n                    stackMode\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n\nexport const FloatingButtonStackItem = forwardRef(FloatingButtonStackItemComponent) as PolymorphicComponentWithRef<\n    FloatingButtonStackItemProps,\n    'button'\n>;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,gCAAgC,GAA4E,CAC9G,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,UAAU,EAAE,EACtD,GAAG,KACH;AACA,IAAA,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;AACpB,IAAA,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACpF,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KAC5B,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/B,SAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC3B,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;AAEtB,IAAA,QACIA,GAAC,CAAA,aAAa,EACV,EAAA,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,4BAA4B;YAC1C,WAAW,EAAE,MAAM,CAAC,kCAAkC;YACtD,IAAI,EAAE,MAAM,CAAC,2BAA2B;YACxC,UAAU,EAAE,MAAM,CAAC,iCAAiC;SACvD,EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,EAClE,aAAa,EAAA,IAAA,EAAA,QAAA,EAEbA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC,EAClE,QAAA,EAAAA,GAAA,CAAC,2BAA2B,EAAA,EACxB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EACX,IAAA,EAAA,CAAA,EAAA,CACA,EACM,CAAA,EAClB;AACN,CAAC,CAAC;MAEW,uBAAuB,GAAG,UAAU,CAAC,gCAAgC;;;;"}

package/FloatingButtonStackItems.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
-import { s as styles } from './floating-button-stack-D1fzja7o.js';
+import { s as styles } from './floating-button-stack-rF6WsEqd.js';
 import 'react';
 
 const FloatingButtonStackItems = ({ children }) => {

package/FloatingButtonStackUpButton.js

@@ -2,11 +2,11 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';
+import CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
 import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { useFloatingButtonStack } from './FloatingButtonStackContext.js';
 import { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';
-import { s as styles } from './floating-button-stack-D1fzja7o.js';
+import { s as styles } from './floating-button-stack-rF6WsEqd.js';
 
 const FloatingButtonStackUpButton = ({ upButtonVisible, disabled = false, onUpButtonClick, 'data-qa': dataQa, }) => {
     const { animationsEnabled } = useFloatingButtonStack();
@@ -17,7 +17,7 @@ const FloatingButtonStackUpButton = ({ upButtonVisible, disabled = false, onUpBu
             enterActive: styles.enterUpButtonAnimationActive,
             exit: styles.exitUpButtonAnimation,
             exitActive: styles.exitUpButtonAnimationActive,
-        }, nodeRef: upButtonRef, timeout: tokenSemanticAnimationTimeSDuration, unmountOnExit: true, children: jsx("div", { ref: upButtonRef, className: styles.upButton, children: jsx(ArrowUpOutlinedSize24, { padding: isMobile ? 16 : 24, onClick: onUpButtonClick, backgroundStyle: "secondary", borderRadius: 'halfHeight', disabled: disabled, "data-qa": `${dataQa}-up-button` }) }) }));
+        }, nodeRef: upButtonRef, timeout: CoreTokens['magritte-semantic-animation-time-s'].duration, unmountOnExit: true, children: jsx("div", { ref: upButtonRef, className: styles.upButton, children: jsx(ArrowUpOutlinedSize24, { padding: isMobile ? 16 : 24, onClick: onUpButtonClick, backgroundStyle: "secondary", borderRadius: 'halfHeight', disabled: disabled, "data-qa": `${dataQa}-up-button` }) }) }));
 };
 
 export { FloatingButtonStackUpButton };

package/FloatingButtonStackUpButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingButtonStackUpButton.js","sources":["src/FloatingButtonStackUpButton.tsx"],"sourcesContent":["import { useRef, type FC } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport { tokenSemanticAnimationTimeSDuration } from '@hh.ru/magritte-design-tokens/types';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackProps } from '@hh.ru/magritte-ui-floating-button/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\n\nimport styles from './floating-button-stack.less';\n\ntype FloatingButtonStackUpButtonProps = Pick<\n    FloatingButtonStackProps,\n    'upButtonVisible' | 'disabled' | 'onUpButtonClick' | 'data-qa'\n>;\n\nexport const FloatingButtonStackUpButton: FC<FloatingButtonStackUpButtonProps> = ({\n    upButtonVisible,\n    disabled = false,\n    onUpButtonClick,\n    'data-qa': dataQa,\n}) => {\n    const { animationsEnabled } = useFloatingButtonStack();\n    const { isMobile } = useBreakpoint();\n    const upButtonRef = useRef<HTMLDivElement>(null);\n\n    return (\n        <CSSTransition\n            in={upButtonVisible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterUpButtonAnimation,\n                enterActive: styles.enterUpButtonAnimationActive,\n                exit: styles.exitUpButtonAnimation,\n                exitActive: styles.exitUpButtonAnimationActive,\n            }}\n            nodeRef={upButtonRef}\n            timeout={tokenSemanticAnimationTimeSDuration}\n            unmountOnExit\n        >\n            <div ref={upButtonRef} className={styles.upButton}>\n                <ArrowUpOutlinedSize24\n                    padding={isMobile ? 16 : 24}\n                    onClick={onUpButtonClick}\n                    backgroundStyle=\"secondary\"\n                    borderRadius={'halfHeight'}\n                    disabled={disabled}\n                    data-qa={`${dataQa}-up-button`}\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAgBa,MAAA,2BAA2B,GAAyC,CAAC,EAC9E,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,SAAS,EAAE,MAAM,GACpB,KAAI;AACD,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACvD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEjD,IAAA,QACIA,GAAC,CAAA,aAAa,EACV,EAAA,EAAE,EAAE,eAAe,EACnB,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,sBAAsB;YACpC,WAAW,EAAE,MAAM,CAAC,4BAA4B;YAChD,IAAI,EAAE,MAAM,CAAC,qBAAqB;YAClC,UAAU,EAAE,MAAM,CAAC,2BAA2B;SACjD,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,mCAAmC,EAC5C,aAAa,EAEb,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC7CA,GAAC,CAAA,qBAAqB,EAClB,EAAA,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,EAAE,EAC3B,OAAO,EAAE,eAAe,EACxB,eAAe,EAAC,WAAW,EAC3B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EACT,SAAA,EAAA,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,EAChC,CAAA,EAAA,CACA,EACM,CAAA,EAClB;AACN;;;;"}
+{"version":3,"file":"FloatingButtonStackUpButton.js","sources":["src/FloatingButtonStackUpButton.tsx"],"sourcesContent":["import { useRef, type FC } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport CoreTokens from '@hh.ru/magritte-design-tokens/core-tokens';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { useFloatingButtonStack } from '@hh.ru/magritte-ui-floating-button/FloatingButtonStackContext';\nimport type { FloatingButtonStackProps } from '@hh.ru/magritte-ui-floating-button/types';\nimport { ArrowUpOutlinedSize24 } from '@hh.ru/magritte-ui-icon/variants/icon';\n\nimport styles from './floating-button-stack.less';\n\ntype FloatingButtonStackUpButtonProps = Pick<\n    FloatingButtonStackProps,\n    'upButtonVisible' | 'disabled' | 'onUpButtonClick' | 'data-qa'\n>;\n\nexport const FloatingButtonStackUpButton: FC<FloatingButtonStackUpButtonProps> = ({\n    upButtonVisible,\n    disabled = false,\n    onUpButtonClick,\n    'data-qa': dataQa,\n}) => {\n    const { animationsEnabled } = useFloatingButtonStack();\n    const { isMobile } = useBreakpoint();\n    const upButtonRef = useRef<HTMLDivElement>(null);\n\n    return (\n        <CSSTransition\n            in={upButtonVisible}\n            enter={animationsEnabled}\n            exit={animationsEnabled}\n            classNames={{\n                enter: styles.enterUpButtonAnimation,\n                enterActive: styles.enterUpButtonAnimationActive,\n                exit: styles.exitUpButtonAnimation,\n                exitActive: styles.exitUpButtonAnimationActive,\n            }}\n            nodeRef={upButtonRef}\n            timeout={CoreTokens['magritte-semantic-animation-time-s'].duration}\n            unmountOnExit\n        >\n            <div ref={upButtonRef} className={styles.upButton}>\n                <ArrowUpOutlinedSize24\n                    padding={isMobile ? 16 : 24}\n                    onClick={onUpButtonClick}\n                    backgroundStyle=\"secondary\"\n                    borderRadius={'halfHeight'}\n                    disabled={disabled}\n                    data-qa={`${dataQa}-up-button`}\n                />\n            </div>\n        </CSSTransition>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAgBa,MAAA,2BAA2B,GAAyC,CAAC,EAC9E,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,SAAS,EAAE,MAAM,GACpB,KAAI;AACD,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,sBAAsB,EAAE,CAAC;AACvD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AACrC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEjD,IAAA,QACIA,GAAC,CAAA,aAAa,EACV,EAAA,EAAE,EAAE,eAAe,EACnB,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,iBAAiB,EACvB,UAAU,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,sBAAsB;YACpC,WAAW,EAAE,MAAM,CAAC,4BAA4B;YAChD,IAAI,EAAE,MAAM,CAAC,qBAAqB;YAClC,UAAU,EAAE,MAAM,CAAC,2BAA2B;AACjD,SAAA,EACD,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,UAAU,CAAC,oCAAoC,CAAC,CAAC,QAAQ,EAClE,aAAa,EAAA,IAAA,EAAA,QAAA,EAEbA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC7C,QAAA,EAAAA,GAAA,CAAC,qBAAqB,EAAA,EAClB,OAAO,EAAE,QAAQ,GAAG,EAAE,GAAG,EAAE,EAC3B,OAAO,EAAE,eAAe,EACxB,eAAe,EAAC,WAAW,EAC3B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAAA,SAAA,EACT,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,EAAA,CAChC,EACA,CAAA,EAAA,CACM,EAClB;AACN;;;;"}

package/floating-button-stack-rF6WsEqd.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"stack":"magritte-stack___v7QhJ_3-0-38","right":"magritte-right___v4PFa_3-0-38","left":"magritte-left___JXzpq_3-0-38","center":"magritte-center___rV3kK_3-0-38","up-button":"magritte-up-button___M-Jgi_3-0-38","upButton":"magritte-up-button___M-Jgi_3-0-38","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-38","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-38","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-38","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-38","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-38","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-38","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-38","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-38","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-38","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-38","animated":"magritte-animated___z--5Y_3-0-38","visibled":"magritte-visibled___hHvF6_3-0-38","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-38","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-38","disabled":"magritte-disabled___XSSqS_3-0-38","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-38","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-38","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-38","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-38","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-38","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-38","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-38","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-38","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-38","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-38","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-38","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-38"};
+
+export { styles as s };
+//# sourceMappingURL=floating-button-stack-rF6WsEqd.js.map

package/floating-button-stack-rF6WsEqd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-button-stack-rF6WsEqd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.css

@@ -1,265 +1,265 @@
 :root{
-  --magritte-color-component-button-background-neutral-v24-8-1:#000000;
-  --magritte-color-component-button-background-inverse-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-neutral-disabled-v24-8-1:#DCE3EB;
-  --magritte-color-component-button-background-state-neutral-hovered-v24-8-1:#343c43;
-  --magritte-color-component-button-background-state-neutral-pressed-v24-8-1:#000000;
-  --magritte-color-component-button-background-state-neutral-focused-v24-8-1:#000000;
-  --magritte-color-component-button-background-state-inverse-hovered-v24-8-1:#EEF1F7;
-  --magritte-color-component-button-background-state-inverse-pressed-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-inverse-focused-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-inverse-disabled-v24-8-1:#ffffff;
-  --magritte-color-component-button-text-neutral-v24-8-1:#ffffff;
-  --magritte-color-component-button-text-inverse-v24-8-1:#0d1115;
-  --magritte-color-component-button-icon-neutral-v24-8-1:#ffffff;
-  --magritte-color-component-button-icon-inverse-v24-8-1:#0d1115;
-  --magritte-color-component-button-loader-icon-neutral-v24-8-1:#ffffff;
-  --magritte-color-component-button-loader-icon-inverse-v24-8-1:#000000;
-  --magritte-color-component-button-text-state-neutral-disabled-v24-8-1:#8293a2;
-  --magritte-color-component-button-text-state-inverse-disabled-v24-8-1:#8da0b0;
-  --magritte-color-component-button-icon-state-neutral-disabled-v24-8-1:#8293a2;
-  --magritte-color-component-button-icon-state-inverse-disabled-v24-8-1:#8da0b0;
-  --magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-8-1:#0070ff7a;
-  --magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-8-1:#a4c9fe7a;
-  --magritte-color-component-button-postfix-text-neutral-v24-8-1:#AABBCA;
-  --magritte-color-component-button-postfix-text-inverse-v24-8-1:#0d1115;
-  --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-8-1:#AABBCA;
-  --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-8-1:#96aabb;
-  --magritte-shadow-level-2-color-v24-8-1:#7090b03d;
-  --magritte-shadow-level-2-x-v24-8-1:0px;
-  --magritte-shadow-level-2-y-v24-8-1:8px;
-  --magritte-shadow-level-2-blur-v24-8-1:16px;
-  --magritte-shadow-level-2-spread-v24-8-1:0px;
-  --magritte-shadow-level-1-color-v24-8-1:#7090b029;
-  --magritte-shadow-level-1-x-v24-8-1:0px;
-  --magritte-shadow-level-1-y-v24-8-1:4px;
-  --magritte-shadow-level-1-blur-v24-8-1:12px;
-  --magritte-shadow-level-1-spread-v24-8-1:0px;
+  --magritte-color-component-button-background-neutral-v25-0-0:#000000;
+  --magritte-color-component-button-background-inverse-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-neutral-disabled-v25-0-0:#DCE3EB;
+  --magritte-color-component-button-background-state-neutral-hovered-v25-0-0:#343c43;
+  --magritte-color-component-button-background-state-neutral-pressed-v25-0-0:#000000;
+  --magritte-color-component-button-background-state-neutral-focused-v25-0-0:#000000;
+  --magritte-color-component-button-background-state-inverse-hovered-v25-0-0:#EEF1F7;
+  --magritte-color-component-button-background-state-inverse-pressed-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-inverse-focused-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-inverse-disabled-v25-0-0:#ffffff;
+  --magritte-color-component-button-text-neutral-v25-0-0:#ffffff;
+  --magritte-color-component-button-text-inverse-v25-0-0:#0d1115;
+  --magritte-color-component-button-icon-neutral-v25-0-0:#ffffff;
+  --magritte-color-component-button-icon-inverse-v25-0-0:#0d1115;
+  --magritte-color-component-button-loader-icon-neutral-v25-0-0:#ffffff;
+  --magritte-color-component-button-loader-icon-inverse-v25-0-0:#000000;
+  --magritte-color-component-button-text-state-neutral-disabled-v25-0-0:#8293a2;
+  --magritte-color-component-button-text-state-inverse-disabled-v25-0-0:#8da0b0;
+  --magritte-color-component-button-icon-state-neutral-disabled-v25-0-0:#8293a2;
+  --magritte-color-component-button-icon-state-inverse-disabled-v25-0-0:#8da0b0;
+  --magritte-color-component-button-stroke-state-neutral-focused-accessible-v25-0-0:#0070ff7a;
+  --magritte-color-component-button-stroke-state-inverse-focused-accessible-v25-0-0:#a4c9fe7a;
+  --magritte-color-component-button-postfix-text-neutral-v25-0-0:#AABBCA;
+  --magritte-color-component-button-postfix-text-inverse-v25-0-0:#0d1115;
+  --magritte-color-component-button-postfix-text-state-neutral-disabled-v25-0-0:#AABBCA;
+  --magritte-color-component-button-postfix-text-state-inverse-disabled-v25-0-0:#96aabb;
+  --magritte-shadow-level-2-color-v25-0-0:#7090b03d;
+  --magritte-shadow-level-2-x-v25-0-0:0px;
+  --magritte-shadow-level-2-y-v25-0-0:8px;
+  --magritte-shadow-level-2-blur-v25-0-0:16px;
+  --magritte-shadow-level-2-spread-v25-0-0:0px;
+  --magritte-shadow-level-1-color-v25-0-0:#7090b029;
+  --magritte-shadow-level-1-x-v25-0-0:0px;
+  --magritte-shadow-level-1-y-v25-0-0:4px;
+  --magritte-shadow-level-1-blur-v25-0-0:12px;
+  --magritte-shadow-level-1-spread-v25-0-0:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v24-8-1:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v24-8-1:cubic-bezier(0.4, 0.24, 0, 1);
-  --magritte-semantic-animation-ease-in-out-100-timing-function-v24-8-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-100-duration-v24-8-1:100ms;
-  --magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-1:cubic-bezier(0.25, 0.1, 0.25, 1);
-  --magritte-semantic-animation-ease-in-out-200-duration-v24-8-1:200ms;
+  --magritte-semantic-animation-time-s-duration-v25-0-0:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v25-0-0:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-ease-in-out-100-timing-function-v25-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-100-duration-v25-0-0:100ms;
+  --magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-200-duration-v25-0-0:200ms;
 }
 
 .magritte-night-theme{
-  --magritte-color-component-button-background-neutral-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-inverse-v24-8-1:#303030;
-  --magritte-color-component-button-background-state-neutral-disabled-v24-8-1:#303030;
-  --magritte-color-component-button-background-state-inverse-disabled-v24-8-1:#262626;
-  --magritte-color-component-button-background-state-neutral-hovered-v24-8-1:#F1F1F1;
-  --magritte-color-component-button-background-state-neutral-pressed-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-neutral-focused-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-inverse-hovered-v24-8-1:#3B3B3B;
-  --magritte-color-component-button-background-state-inverse-pressed-v24-8-1:#303030;
-  --magritte-color-component-button-background-state-inverse-focused-v24-8-1:#303030;
-  --magritte-color-component-button-text-neutral-v24-8-1:#000000;
-  --magritte-color-component-button-text-inverse-v24-8-1:#ffffff;
-  --magritte-color-component-button-text-state-neutral-disabled-v24-8-1:#848484;
-  --magritte-color-component-button-text-state-inverse-disabled-v24-8-1:#848484;
-  --magritte-color-component-button-icon-state-neutral-disabled-v24-8-1:#848484;
-  --magritte-color-component-button-icon-state-inverse-disabled-v24-8-1:#848484;
-  --magritte-color-component-button-icon-neutral-v24-8-1:#000000;
-  --magritte-color-component-button-icon-inverse-v24-8-1:#ffffff;
-  --magritte-color-component-button-loader-icon-neutral-v24-8-1:#000000;
-  --magritte-color-component-button-loader-icon-inverse-v24-8-1:#ffffff;
-  --magritte-color-component-button-postfix-text-neutral-v24-8-1:#ABABAB;
-  --magritte-color-component-button-postfix-text-inverse-v24-8-1:#ABABAB;
-  --magritte-color-component-button-postfix-text-state-neutral-disabled-v24-8-1:#535353;
-  --magritte-color-component-button-postfix-text-state-inverse-disabled-v24-8-1:#535353;
-  --magritte-shadow-level-2-color-v24-8-1:#0000003d;
-  --magritte-shadow-level-1-color-v24-8-1:#00000029;
-}
-.magritte-wrapper___7m9lC_3-0-36{
+  --magritte-color-component-button-background-neutral-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-inverse-v25-0-0:#303030;
+  --magritte-color-component-button-background-state-neutral-disabled-v25-0-0:#303030;
+  --magritte-color-component-button-background-state-inverse-disabled-v25-0-0:#262626;
+  --magritte-color-component-button-background-state-neutral-hovered-v25-0-0:#F1F1F1;
+  --magritte-color-component-button-background-state-neutral-pressed-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-neutral-focused-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-inverse-hovered-v25-0-0:#3B3B3B;
+  --magritte-color-component-button-background-state-inverse-pressed-v25-0-0:#303030;
+  --magritte-color-component-button-background-state-inverse-focused-v25-0-0:#303030;
+  --magritte-color-component-button-text-neutral-v25-0-0:#000000;
+  --magritte-color-component-button-text-inverse-v25-0-0:#ffffff;
+  --magritte-color-component-button-text-state-neutral-disabled-v25-0-0:#848484;
+  --magritte-color-component-button-text-state-inverse-disabled-v25-0-0:#848484;
+  --magritte-color-component-button-icon-state-neutral-disabled-v25-0-0:#848484;
+  --magritte-color-component-button-icon-state-inverse-disabled-v25-0-0:#848484;
+  --magritte-color-component-button-icon-neutral-v25-0-0:#000000;
+  --magritte-color-component-button-icon-inverse-v25-0-0:#ffffff;
+  --magritte-color-component-button-loader-icon-neutral-v25-0-0:#000000;
+  --magritte-color-component-button-loader-icon-inverse-v25-0-0:#ffffff;
+  --magritte-color-component-button-postfix-text-neutral-v25-0-0:#ABABAB;
+  --magritte-color-component-button-postfix-text-inverse-v25-0-0:#ABABAB;
+  --magritte-color-component-button-postfix-text-state-neutral-disabled-v25-0-0:#535353;
+  --magritte-color-component-button-postfix-text-state-inverse-disabled-v25-0-0:#535353;
+  --magritte-shadow-level-2-color-v25-0-0:#0000003d;
+  --magritte-shadow-level-1-color-v25-0-0:#00000029;
+}
+.magritte-wrapper___7m9lC_3-0-38{
   display:inline-block;
   position:fixed;
 }
-.magritte-wrapper___7m9lC_3-0-36,
-.magritte-animation-timeout___NL8n0_3-0-36{
+.magritte-wrapper___7m9lC_3-0-38,
+.magritte-animation-timeout___NL8n0_3-0-38{
   --animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-wrapper___7m9lC_3-0-36,
-  .magritte-animation-timeout___NL8n0_3-0-36{
-    --animation-duration:var(--magritte-semantic-animation-time-s-duration-v24-8-1);
+  .magritte-wrapper___7m9lC_3-0-38,
+  .magritte-animation-timeout___NL8n0_3-0-38{
+    --animation-duration:var(--magritte-semantic-animation-time-s-duration-v25-0-0);
   }
 }
-.magritte-button___nL-Hn_3-0-36{
+.magritte-button___nL-Hn_3-0-38{
   display:inline-block;
   padding:12px;
   border-radius:24px;
   transition-property:transform;
-  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v24-8-1);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-8-1);
+  transition-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-0);
 }
-.magritte-button___nL-Hn_3-0-36:disabled,
-.magritte-button___nL-Hn_3-0-36[aria-disabled='true'],
-.magritte-button___nL-Hn_3-0-36.magritte-loading___C0oPZ_3-0-36{
+.magritte-button___nL-Hn_3-0-38:disabled,
+.magritte-button___nL-Hn_3-0-38[aria-disabled='true'],
+.magritte-button___nL-Hn_3-0-38.magritte-loading___C0oPZ_3-0-38{
   pointer-events:none;
   cursor:not-allowed;
 }
-.magritte-button___nL-Hn_3-0-36:not(:disabled):active,
-.magritte-button___nL-Hn_3-0-36:not([aria-disabled='true']):active{
+.magritte-button___nL-Hn_3-0-38:not(:disabled):active,
+.magritte-button___nL-Hn_3-0-38:not([aria-disabled='true']):active{
   transform:scale(0.96);
-  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-8-1);
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-8-1);
+  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v25-0-0);
+  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v25-0-0);
 }
-.magritte-withIconAndLabel___Qa-lU_3-0-36{
+.magritte-withIconAndLabel___Qa-lU_3-0-38{
   padding:12px 16px;
 }
-.magritte-right___3n0Rz_3-0-36{
+.magritte-right___3n0Rz_3-0-38{
   right:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-right___3n0Rz_3-0-36{
+  body.magritte-old-layout .magritte-right___3n0Rz_3-0-38{
     right:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-right___3n0Rz_3-0-36{
+  body:not(.magritte-old-layout) .magritte-right___3n0Rz_3-0-38{
     right:36px;
     bottom:32px;
   }
 }
-.magritte-right___3n0Rz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-right___3n0Rz_3-0-38 .magritte-content___JNpTZ_3-0-38{
   justify-content:end;
 }
-.magritte-left___GnzU7_3-0-36{
+.magritte-left___GnzU7_3-0-38{
   left:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-left___GnzU7_3-0-36{
+  body.magritte-old-layout .magritte-left___GnzU7_3-0-38{
     left:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-left___GnzU7_3-0-36{
+  body:not(.magritte-old-layout) .magritte-left___GnzU7_3-0-38{
     left:36px;
     bottom:32px;
   }
 }
-.magritte-left___GnzU7_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-left___GnzU7_3-0-38 .magritte-content___JNpTZ_3-0-38{
   justify-content:start;
 }
-.magritte-center___MdA40_3-0-36{
+.magritte-center___MdA40_3-0-38{
   left:50%;
   bottom:20px;
   transform:translateX(-50%);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-center___MdA40_3-0-36{
+  body.magritte-old-layout .magritte-center___MdA40_3-0-38{
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-36{
+  body:not(.magritte-old-layout) .magritte-center___MdA40_3-0-38{
     bottom:32px;
   }
 }
-.magritte-center___MdA40_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-center___MdA40_3-0-38 .magritte-content___JNpTZ_3-0-38{
   justify-content:space-between;
 }
-.magritte-postfix___r0EZ6_3-0-36{
+.magritte-postfix___r0EZ6_3-0-38{
   padding:0 4px;
 }
-.magritte-icon___VpqJt_3-0-36{
+.magritte-icon___VpqJt_3-0-38{
   margin-right:4px;
 }
-.magritte-textless___IbYgp_3-0-36 .magritte-icon___VpqJt_3-0-36{
+.magritte-textless___IbYgp_3-0-38 .magritte-icon___VpqJt_3-0-38{
   margin:0;
 }
-.magritte-label___EPgvj_3-0-36{
+.magritte-label___EPgvj_3-0-38{
   text-align:left;
   overflow:hidden;
   transition-property:padding;
   transition-duration:var(--animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   padding:0 4px;
 }
-.magritte-content___JNpTZ_3-0-36{
+.magritte-content___JNpTZ_3-0-38{
   display:inline-grid;
   justify-content:flex-end;
   grid-template-columns:max-content 1fr;
   transition-property:grid-template-columns;
   min-height:24px;
   transition-duration:var(--animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
 }
-.magritte-withPostfix___PmQAz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-withPostfix___PmQAz_3-0-38 .magritte-content___JNpTZ_3-0-38{
   grid-template-columns:max-content 1fr max-content;
 }
-.magritte-hideLabel___K79XM_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-hideLabel___K79XM_3-0-38 .magritte-content___JNpTZ_3-0-38{
   grid-template-columns:max-content 0fr;
 }
-.magritte-hideLabel___K79XM_3-0-36 .magritte-label___EPgvj_3-0-36{
+.magritte-hideLabel___K79XM_3-0-38 .magritte-label___EPgvj_3-0-38{
   padding:0;
 }
-.magritte-hideLabel___K79XM_3-0-36.magritte-withPostfix___PmQAz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-hideLabel___K79XM_3-0-38.magritte-withPostfix___PmQAz_3-0-38 .magritte-content___JNpTZ_3-0-38{
   grid-template-columns:max-content 0fr max-content;
 }
-.magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36).magritte-withIconAndLabel___Qa-lU_3-0-36{
+.magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38).magritte-withIconAndLabel___Qa-lU_3-0-38{
   padding:12px;
 }
-.magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):not(.magritte-withPostfix___PmQAz_3-0-36) .magritte-icon___VpqJt_3-0-36{
+.magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):not(.magritte-withPostfix___PmQAz_3-0-38) .magritte-icon___VpqJt_3-0-38{
   margin:0;
 }
-.magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36) .magritte-content___JNpTZ_3-0-36{
+.magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38) .magritte-content___JNpTZ_3-0-38{
   grid-template-columns:max-content 0fr;
 }
-.magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36).magritte-withPostfix___PmQAz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+.magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38).magritte-withPostfix___PmQAz_3-0-38 .magritte-content___JNpTZ_3-0-38{
   grid-template-columns:max-content 0fr max-content;
 }
-.magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36) .magritte-label___EPgvj_3-0-36{
+.magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38) .magritte-label___EPgvj_3-0-38{
   padding:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-36{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-38{
     padding:12px 16px;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-36{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-38{
     margin-right:4px;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-36{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-38{
     grid-template-columns:max-content 1fr;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-38 .magritte-content___JNpTZ_3-0-38{
     grid-template-columns:max-content 1fr max-content;
   }
-  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-36{
+  body.magritte-old-layout .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-38{
     padding:0 4px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-36{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']).magritte-withIconAndLabel___Qa-lU_3-0-38{
     padding:12px 16px;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-36{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-icon___VpqJt_3-0-38{
     margin-right:4px;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-36{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-content___JNpTZ_3-0-38{
     grid-template-columns:max-content 1fr;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-36 .magritte-content___JNpTZ_3-0-36{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']).magritte-withPostfix___PmQAz_3-0-38 .magritte-content___JNpTZ_3-0-38{
     grid-template-columns:max-content 1fr max-content;
   }
-  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-36:not(.magritte-hideLabel___K79XM_3-0-36):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-36{
+  body:not(.magritte-old-layout) .magritte-withLabelOnHover___1oktd_3-0-38:not(.magritte-hideLabel___K79XM_3-0-38):hover:not(:disabled):not([aria-disabled='true']) .magritte-label___EPgvj_3-0-38{
     padding:0 4px;
   }
 }
-.magritte-loading___C0oPZ_3-0-36 .magritte-postfix___r0EZ6_3-0-36,
-.magritte-loading___C0oPZ_3-0-36 .magritte-icon___VpqJt_3-0-36,
-.magritte-loading___C0oPZ_3-0-36 .magritte-label___EPgvj_3-0-36{
+.magritte-loading___C0oPZ_3-0-38 .magritte-postfix___r0EZ6_3-0-38,
+.magritte-loading___C0oPZ_3-0-38 .magritte-icon___VpqJt_3-0-38,
+.magritte-loading___C0oPZ_3-0-38 .magritte-label___EPgvj_3-0-38{
   visibility:hidden;
 }
-.magritte-loader___EPezG_3-0-36{
+.magritte-loader___EPezG_3-0-38{
   position:absolute;
   left:50%;
   top:50%;
@@ -267,231 +267,231 @@
   line-height:0;
   overflow:hidden;
 }
-.magritte-enter-animation___2sPz3_3-0-36{
+.magritte-enter-animation___2sPz3_3-0-38{
   opacity:0;
 }
-.magritte-enter-animation-active___Lq9eq_3-0-36{
+.magritte-enter-animation-active___Lq9eq_3-0-38{
   opacity:1;
   transition-property:opacity;
   transition-duration:var(--animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
 }
-.magritte-exit-animation___h2-7a_3-0-36{
+.magritte-exit-animation___h2-7a_3-0-38{
   opacity:1;
 }
-.magritte-exit-animation-active___w0F1a_3-0-36{
+.magritte-exit-animation-active___w0F1a_3-0-38{
   opacity:0;
   transition-property:opacity;
   transition-duration:var(--animation-duration);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36{
-  background:var(--magritte-color-component-button-background-neutral-v24-8-1);
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v24-8-1);
-  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v24-8-1);
-  box-shadow:var(--magritte-shadow-level-2-x-v24-8-1) var(--magritte-shadow-level-2-y-v24-8-1) var(--magritte-shadow-level-2-blur-v24-8-1) var(--magritte-shadow-level-2-spread-v24-8-1) var(--magritte-shadow-level-2-color-v24-8-1);
-  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38{
+  background:var(--magritte-color-component-button-background-neutral-v25-0-0);
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-neutral-v25-0-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-neutral-v25-0-0);
+  box-shadow:var(--magritte-shadow-level-2-x-v25-0-0) var(--magritte-shadow-level-2-y-v25-0-0) var(--magritte-shadow-level-2-blur-v25-0-0) var(--magritte-shadow-level-2-spread-v25-0-0) var(--magritte-shadow-level-2-color-v25-0-0);
+  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-neutral-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36 .magritte-postfix___r0EZ6_3-0-36{
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38 .magritte-postfix___r0EZ6_3-0-38{
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-neutral-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36.magritte-stackMode___RdOTJ_3-0-36{
+.magritte-button_style-neutral___bPUwu_3-0-38.magritte-stackMode___RdOTJ_3-0-38{
   box-shadow:none;
 }
-.magritte-button_style-neutral___bPUwu_3-0-36.focus-visible{
-  outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v24-8-1);
-  background:var(--magritte-color-component-button-background-state-neutral-focused-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38.focus-visible{
+  outline:4px solid var(--magritte-color-component-button-stroke-state-neutral-focused-accessible-v25-0-0);
+  background:var(--magritte-color-component-button-background-state-neutral-focused-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36:not(:disabled):active,
-.magritte-button_style-neutral___bPUwu_3-0-36:not([aria-disabled='true']):active{
-  background:var(--magritte-color-component-button-background-state-neutral-pressed-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38:not(:disabled):active,
+.magritte-button_style-neutral___bPUwu_3-0-38:not([aria-disabled='true']):active{
+  background:var(--magritte-color-component-button-background-state-neutral-pressed-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36:disabled,
-.magritte-button_style-neutral___bPUwu_3-0-36[aria-disabled='true']{
-  background:var(--magritte-color-component-button-background-state-neutral-disabled-v24-8-1);
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v24-8-1);
-  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38:disabled,
+.magritte-button_style-neutral___bPUwu_3-0-38[aria-disabled='true']{
+  background:var(--magritte-color-component-button-background-state-neutral-disabled-v25-0-0);
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-neutral-disabled-v25-0-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-neutral-disabled-v25-0-0);
 }
-.magritte-button_style-neutral___bPUwu_3-0-36:disabled .magritte-postfix___r0EZ6_3-0-36,
-.magritte-button_style-neutral___bPUwu_3-0-36[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-36{
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v24-8-1);
+.magritte-button_style-neutral___bPUwu_3-0-38:disabled .magritte-postfix___r0EZ6_3-0-38,
+.magritte-button_style-neutral___bPUwu_3-0-38[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-38{
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-neutral-disabled-v25-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-36:hover:not(:active):not(:disabled):not([aria-disabled='true']){
-    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-8-1));
+  body.magritte-old-layout .magritte-button_style-neutral___bPUwu_3-0-38:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v25-0-0));
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-36:hover:not(:active):not(:disabled):not([aria-disabled='true']){
-    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v24-8-1));
+  body:not(.magritte-old-layout) .magritte-button_style-neutral___bPUwu_3-0-38:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-neutral-hovered-v25-0-0));
   }
 }
-.magritte-button_style-inverse___Xgf26_3-0-36{
-  background:var(--magritte-color-component-button-background-inverse-v24-8-1);
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v24-8-1);
-  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v24-8-1);
-  box-shadow:var(--magritte-shadow-level-1-x-v24-8-1) var(--magritte-shadow-level-1-y-v24-8-1) var(--magritte-shadow-level-1-blur-v24-8-1) var(--magritte-shadow-level-1-spread-v24-8-1) var(--magritte-shadow-level-1-color-v24-8-1);
-  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38{
+  background:var(--magritte-color-component-button-background-inverse-v25-0-0);
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-inverse-v25-0-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-inverse-v25-0-0);
+  box-shadow:var(--magritte-shadow-level-1-x-v25-0-0) var(--magritte-shadow-level-1-y-v25-0-0) var(--magritte-shadow-level-1-blur-v25-0-0) var(--magritte-shadow-level-1-spread-v25-0-0) var(--magritte-shadow-level-1-color-v25-0-0);
+  --magritte-ui-loader-color-override:var(--magritte-color-component-button-loader-icon-inverse-v25-0-0);
 }
-.magritte-button_style-inverse___Xgf26_3-0-36 .magritte-postfix___r0EZ6_3-0-36{
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38 .magritte-postfix___r0EZ6_3-0-38{
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-inverse-v25-0-0);
 }
-.magritte-button_style-inverse___Xgf26_3-0-36.magritte-stackMode___RdOTJ_3-0-36{
+.magritte-button_style-inverse___Xgf26_3-0-38.magritte-stackMode___RdOTJ_3-0-38{
   box-shadow:none;
 }
-.magritte-button_style-inverse___Xgf26_3-0-36.focus-visible{
-  outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v24-8-1);
-  background:var(--magritte-color-component-button-background-state-inverse-focused-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38.focus-visible{
+  outline:4px solid var(--magritte-color-component-button-stroke-state-inverse-focused-accessible-v25-0-0);
+  background:var(--magritte-color-component-button-background-state-inverse-focused-v25-0-0);
 }
-.magritte-button_style-inverse___Xgf26_3-0-36:not(:disabled):active,
-.magritte-button_style-inverse___Xgf26_3-0-36:not([aria-disabled='true']):active{
-  background:var(--magritte-color-component-button-background-state-inverse-pressed-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38:not(:disabled):active,
+.magritte-button_style-inverse___Xgf26_3-0-38:not([aria-disabled='true']):active{
+  background:var(--magritte-color-component-button-background-state-inverse-pressed-v25-0-0);
 }
-.magritte-button_style-inverse___Xgf26_3-0-36:disabled,
-.magritte-button_style-inverse___Xgf26_3-0-36[aria-disabled='true']{
-  background:var(--magritte-color-component-button-background-state-inverse-disabled-v24-8-1);
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v24-8-1);
-  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38:disabled,
+.magritte-button_style-inverse___Xgf26_3-0-38[aria-disabled='true']{
+  background:var(--magritte-color-component-button-background-state-inverse-disabled-v25-0-0);
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-text-state-inverse-disabled-v25-0-0);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-button-icon-state-inverse-disabled-v25-0-0);
 }
-.magritte-button_style-inverse___Xgf26_3-0-36:disabled .magritte-postfix___r0EZ6_3-0-36,
-.magritte-button_style-inverse___Xgf26_3-0-36[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-36{
-  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v24-8-1);
+.magritte-button_style-inverse___Xgf26_3-0-38:disabled .magritte-postfix___r0EZ6_3-0-38,
+.magritte-button_style-inverse___Xgf26_3-0-38[aria-disabled='true'] .magritte-postfix___r0EZ6_3-0-38{
+  --magritte-ui-text-color-override:var(--magritte-color-component-button-postfix-text-state-inverse-disabled-v25-0-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-36:hover:not(:active):not(:disabled):not([aria-disabled='true']){
-    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-8-1));
+  body.magritte-old-layout .magritte-button_style-inverse___Xgf26_3-0-38:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v25-0-0));
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-36:hover:not(:active):not(:disabled):not([aria-disabled='true']){
-    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v24-8-1));
+  body:not(.magritte-old-layout) .magritte-button_style-inverse___Xgf26_3-0-38:hover:not(:active):not(:disabled):not([aria-disabled='true']){
+    background:var(--magritte-ui-flb-background-color-hovered-override, var(--magritte-color-component-button-background-state-inverse-hovered-v25-0-0));
   }
 }
 
 :root{
-  --magritte-color-component-button-background-neutral-v24-8-1:#000000;
-  --magritte-color-component-button-background-inverse-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-state-neutral-disabled-v24-8-1:#DCE3EB;
-  --magritte-color-component-button-background-state-inverse-disabled-v24-8-1:#ffffff;
-  --magritte-shadow-level-2-color-v24-8-1:#7090b03d;
-  --magritte-shadow-level-2-x-v24-8-1:0px;
-  --magritte-shadow-level-2-y-v24-8-1:8px;
-  --magritte-shadow-level-2-blur-v24-8-1:16px;
-  --magritte-shadow-level-2-spread-v24-8-1:0px;
-  --magritte-shadow-level-1-color-v24-8-1:#7090b029;
-  --magritte-shadow-level-1-x-v24-8-1:0px;
-  --magritte-shadow-level-1-y-v24-8-1:4px;
-  --magritte-shadow-level-1-blur-v24-8-1:12px;
-  --magritte-shadow-level-1-spread-v24-8-1:0px;
+  --magritte-color-component-button-background-neutral-v25-0-0:#000000;
+  --magritte-color-component-button-background-inverse-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-state-neutral-disabled-v25-0-0:#DCE3EB;
+  --magritte-color-component-button-background-state-inverse-disabled-v25-0-0:#ffffff;
+  --magritte-shadow-level-2-color-v25-0-0:#7090b03d;
+  --magritte-shadow-level-2-x-v25-0-0:0px;
+  --magritte-shadow-level-2-y-v25-0-0:8px;
+  --magritte-shadow-level-2-blur-v25-0-0:16px;
+  --magritte-shadow-level-2-spread-v25-0-0:0px;
+  --magritte-shadow-level-1-color-v25-0-0:#7090b029;
+  --magritte-shadow-level-1-x-v25-0-0:0px;
+  --magritte-shadow-level-1-y-v25-0-0:4px;
+  --magritte-shadow-level-1-blur-v25-0-0:12px;
+  --magritte-shadow-level-1-spread-v25-0-0:0px;
 }
 
 :root{
-  --magritte-semantic-animation-time-s-duration-v24-8-1:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v24-8-1:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v25-0-0:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v25-0-0:cubic-bezier(0.4, 0.24, 0, 1);
 }
 
 .magritte-night-theme{
-  --magritte-color-component-button-background-neutral-v24-8-1:#ffffff;
-  --magritte-color-component-button-background-inverse-v24-8-1:#303030;
-  --magritte-color-component-button-background-state-neutral-disabled-v24-8-1:#303030;
-  --magritte-color-component-button-background-state-inverse-disabled-v24-8-1:#262626;
-  --magritte-shadow-level-2-color-v24-8-1:#0000003d;
-  --magritte-shadow-level-1-color-v24-8-1:#00000029;
-}
-.magritte-stack___v7QhJ_3-0-36{
+  --magritte-color-component-button-background-neutral-v25-0-0:#ffffff;
+  --magritte-color-component-button-background-inverse-v25-0-0:#303030;
+  --magritte-color-component-button-background-state-neutral-disabled-v25-0-0:#303030;
+  --magritte-color-component-button-background-state-inverse-disabled-v25-0-0:#262626;
+  --magritte-shadow-level-2-color-v25-0-0:#0000003d;
+  --magritte-shadow-level-1-color-v25-0-0:#00000029;
+}
+.magritte-stack___v7QhJ_3-0-38{
   display:inline-flex;
   position:fixed;
   flex-direction:column;
   --animation-duration-floating-button-stack:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-stack___v7QhJ_3-0-36{
-    --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v24-8-1);
+  .magritte-stack___v7QhJ_3-0-38{
+    --animation-duration-floating-button-stack:var(--magritte-semantic-animation-time-s-duration-v25-0-0);
   }
 }
-.magritte-right___v4PFa_3-0-36{
+.magritte-right___v4PFa_3-0-38{
   right:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-right___v4PFa_3-0-36{
+  body.magritte-old-layout .magritte-right___v4PFa_3-0-38{
     right:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-36{
+  body:not(.magritte-old-layout) .magritte-right___v4PFa_3-0-38{
     right:36px;
     bottom:32px;
   }
 }
-.magritte-left___JXzpq_3-0-36{
+.magritte-left___JXzpq_3-0-38{
   left:16px;
   bottom:20px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-left___JXzpq_3-0-36{
+  body.magritte-old-layout .magritte-left___JXzpq_3-0-38{
     left:36px;
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-36{
+  body:not(.magritte-old-layout) .magritte-left___JXzpq_3-0-38{
     left:36px;
     bottom:32px;
   }
 }
-.magritte-center___rV3kK_3-0-36{
+.magritte-center___rV3kK_3-0-38{
   left:50%;
   bottom:20px;
   transform:translateX(-50%);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-center___rV3kK_3-0-36{
+  body.magritte-old-layout .magritte-center___rV3kK_3-0-38{
     bottom:32px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-36{
+  body:not(.magritte-old-layout) .magritte-center___rV3kK_3-0-38{
     bottom:32px;
   }
 }
-.magritte-up-button___M-Jgi_3-0-36{
+.magritte-up-button___M-Jgi_3-0-38{
   --up-button-height:56px;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-36{
+  body.magritte-old-layout .magritte-up-button___M-Jgi_3-0-38{
     --up-button-height:72px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-36{
+  body:not(.magritte-old-layout) .magritte-up-button___M-Jgi_3-0-38{
     --up-button-height:72px;
   }
 }
-.magritte-enter-up-button-animation___-n3rG_3-0-36{
+.magritte-enter-up-button-animation___-n3rG_3-0-38{
   opacity:0;
   height:0;
 }
-.magritte-enter-up-button-animation-active___8pejQ_3-0-36{
+.magritte-enter-up-button-animation-active___8pejQ_3-0-38{
   transition-property:opacity, height;
   transition-duration:var(--animation-duration-floating-button-stack);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   opacity:1;
   height:var(--up-button-height);
 }
-.magritte-exit-up-button-animation___80DEE_3-0-36{
+.magritte-exit-up-button-animation___80DEE_3-0-38{
   opacity:1;
   height:var(--up-button-height);
 }
-.magritte-exit-up-button-animation-active___f1LjL_3-0-36{
+.magritte-exit-up-button-animation-active___f1LjL_3-0-38{
   transition-property:opacity, height;
   transition-duration:var(--animation-duration-floating-button-stack);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   opacity:0;
   height:0;
 }
-.magritte-floating-buttons___oi9Yx_3-0-36{
+.magritte-floating-buttons___oi9Yx_3-0-38{
   display:flex;
   flex-direction:column;
   border-radius:40px;
@@ -500,74 +500,74 @@
   opacity:0;
   padding:0 4px;
 }
-.magritte-floating-buttons___oi9Yx_3-0-36.magritte-animated___z--5Y_3-0-36{
+.magritte-floating-buttons___oi9Yx_3-0-38.magritte-animated___z--5Y_3-0-38{
   transition-property:opacity, margin-top, padding;
   transition-duration:var(--animation-duration-floating-button-stack);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
 }
-.magritte-floating-buttons___oi9Yx_3-0-36.magritte-visibled___hHvF6_3-0-36{
+.magritte-floating-buttons___oi9Yx_3-0-38.magritte-visibled___hHvF6_3-0-38{
   margin-top:12px;
   padding:4px;
   opacity:1;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-36{
+  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-38{
     padding:0 12px;
   }
-  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-36.magritte-visibled___hHvF6_3-0-36{
+  body.magritte-old-layout .magritte-floating-buttons___oi9Yx_3-0-38.magritte-visibled___hHvF6_3-0-38{
     padding:12px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-36{
+  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-38{
     padding:0 12px;
   }
-  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-36.magritte-visibled___hHvF6_3-0-36{
+  body:not(.magritte-old-layout) .magritte-floating-buttons___oi9Yx_3-0-38.magritte-visibled___hHvF6_3-0-38{
     padding:12px;
   }
 }
-.magritte-floating-buttons_neutral___LCnTQ_3-0-36{
-  background-color:var(--magritte-color-component-button-background-neutral-v24-8-1);
-  box-shadow:var(--magritte-shadow-level-2-x-v24-8-1) var(--magritte-shadow-level-2-y-v24-8-1) var(--magritte-shadow-level-2-blur-v24-8-1) var(--magritte-shadow-level-2-spread-v24-8-1) var(--magritte-shadow-level-2-color-v24-8-1);
-  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v24-8-1);
-  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v24-8-1);
+.magritte-floating-buttons_neutral___LCnTQ_3-0-38{
+  background-color:var(--magritte-color-component-button-background-neutral-v25-0-0);
+  box-shadow:var(--magritte-shadow-level-2-x-v25-0-0) var(--magritte-shadow-level-2-y-v25-0-0) var(--magritte-shadow-level-2-blur-v25-0-0) var(--magritte-shadow-level-2-spread-v25-0-0) var(--magritte-shadow-level-2-color-v25-0-0);
+  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-neutral-v25-0-0);
+  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-neutral-v25-0-0);
 }
-.magritte-floating-buttons_neutral___LCnTQ_3-0-36.magritte-disabled___XSSqS_3-0-36{
-  background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v24-8-1);
+.magritte-floating-buttons_neutral___LCnTQ_3-0-38.magritte-disabled___XSSqS_3-0-38{
+  background-color:var(--magritte-color-component-button-background-state-neutral-disabled-v25-0-0);
 }
-.magritte-floating-buttons_inverse___xhm17_3-0-36{
-  background-color:var(--magritte-color-component-button-background-inverse-v24-8-1);
-  box-shadow:var(--magritte-shadow-level-1-x-v24-8-1) var(--magritte-shadow-level-1-y-v24-8-1) var(--magritte-shadow-level-1-blur-v24-8-1) var(--magritte-shadow-level-1-spread-v24-8-1) var(--magritte-shadow-level-1-color-v24-8-1);
-  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v24-8-1);
-  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v24-8-1);
+.magritte-floating-buttons_inverse___xhm17_3-0-38{
+  background-color:var(--magritte-color-component-button-background-inverse-v25-0-0);
+  box-shadow:var(--magritte-shadow-level-1-x-v25-0-0) var(--magritte-shadow-level-1-y-v25-0-0) var(--magritte-shadow-level-1-blur-v25-0-0) var(--magritte-shadow-level-1-spread-v25-0-0) var(--magritte-shadow-level-1-color-v25-0-0);
+  --magritte-ui-flb-background-color-hovered-override:var(--magritte-color-component-button-background-inverse-v25-0-0);
+  --magritte-ui-badge-border-color-override:var(--magritte-color-component-button-background-inverse-v25-0-0);
 }
-.magritte-floating-buttons_inverse___xhm17_3-0-36.magritte-disabled___XSSqS_3-0-36{
-  background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v24-8-1);
+.magritte-floating-buttons_inverse___xhm17_3-0-38.magritte-disabled___XSSqS_3-0-38{
+  background-color:var(--magritte-color-component-button-background-state-inverse-disabled-v25-0-0);
 }
-.magritte-floating-button-wrapper___HlTzE_3-0-36{
+.magritte-floating-button-wrapper___HlTzE_3-0-38{
   overflow:hidden;
   padding:4px;
   margin:-4px;
 }
-.magritte-enter-floating-button-animation___nke2I_3-0-36{
+.magritte-enter-floating-button-animation___nke2I_3-0-38{
   opacity:0;
   height:0;
 }
-.magritte-enter-floating-button-animation-active___AayrW_3-0-36{
+.magritte-enter-floating-button-animation-active___AayrW_3-0-38{
   transition-property:opacity, height;
   transition-duration:var(--animation-duration-floating-button-stack);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   opacity:1;
   height:48px;
 }
-.magritte-exit-floating-button-animation___dXSTW_3-0-36{
+.magritte-exit-floating-button-animation___dXSTW_3-0-38{
   opacity:1;
   height:48px;
 }
-.magritte-exit-floating-button-animation-active___DhIfE_3-0-36{
+.magritte-exit-floating-button-animation-active___DhIfE_3-0-38{
   transition-property:opacity, height;
   transition-duration:var(--animation-duration-floating-button-stack);
-  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v24-8-1);
+  transition-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-0-0);
   opacity:0;
   height:0;
 }

package/index.js

@@ -7,14 +7,14 @@ import 'react-dom';
 import 'react-transition-group';
 import 'classnames';
 import '@hh.ru/magritte-common-is-server-env';
-import '@hh.ru/magritte-design-tokens/types';
+import '@hh.ru/magritte-design-tokens/core-tokens';
 import '@hh.ru/magritte-ui-badge';
 import '@hh.ru/magritte-ui-layer';
 import '@hh.ru/magritte-ui-loader';
 import '@hh.ru/magritte-ui-typography';
 import './FloatingButtonStackContext.js';
 import './FloatingButtonStackItem.js';
-import './floating-button-stack-D1fzja7o.js';
+import './floating-button-stack-rF6WsEqd.js';
 import './FloatingButtonStackItems.js';
 import './FloatingButtonStackUpButton.js';
 import '@hh.ru/magritte-ui-breakpoint';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-floating-button",
-  "version": "3.0.36",
+  "version": "3.0.38",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -20,15 +20,15 @@
   },
   "dependencies": {
     "@hh.ru/magritte-common-is-server-env": "1.0.8",
-    "@hh.ru/magritte-design-tokens": "24.8.1",
+    "@hh.ru/magritte-design-tokens": "25.0.0",
     "@hh.ru/magritte-types": "5.0.7",
-    "@hh.ru/magritte-ui-badge": "4.0.15",
+    "@hh.ru/magritte-ui-badge": "4.0.17",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
-    "@hh.ru/magritte-ui-icon": "14.3.0",
+    "@hh.ru/magritte-ui-icon": "15.0.0",
     "@hh.ru/magritte-ui-layer": "3.2.6",
-    "@hh.ru/magritte-ui-loader": "4.0.6",
+    "@hh.ru/magritte-ui-loader": "4.0.8",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-typography": "5.3.9"
+    "@hh.ru/magritte-ui-typography": "5.3.11"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a75eacf05a65406cd60e0fdf9fde2f4427939309"
+  "gitHead": "d2f817b284c3d3865462ffa386ed532ef6010269"
 }

package/floating-button-stack-D1fzja7o.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"stack":"magritte-stack___v7QhJ_3-0-36","right":"magritte-right___v4PFa_3-0-36","left":"magritte-left___JXzpq_3-0-36","center":"magritte-center___rV3kK_3-0-36","up-button":"magritte-up-button___M-Jgi_3-0-36","upButton":"magritte-up-button___M-Jgi_3-0-36","enter-up-button-animation":"magritte-enter-up-button-animation___-n3rG_3-0-36","enterUpButtonAnimation":"magritte-enter-up-button-animation___-n3rG_3-0-36","enter-up-button-animation-active":"magritte-enter-up-button-animation-active___8pejQ_3-0-36","enterUpButtonAnimationActive":"magritte-enter-up-button-animation-active___8pejQ_3-0-36","exit-up-button-animation":"magritte-exit-up-button-animation___80DEE_3-0-36","exitUpButtonAnimation":"magritte-exit-up-button-animation___80DEE_3-0-36","exit-up-button-animation-active":"magritte-exit-up-button-animation-active___f1LjL_3-0-36","exitUpButtonAnimationActive":"magritte-exit-up-button-animation-active___f1LjL_3-0-36","floating-buttons":"magritte-floating-buttons___oi9Yx_3-0-36","floatingButtons":"magritte-floating-buttons___oi9Yx_3-0-36","animated":"magritte-animated___z--5Y_3-0-36","visibled":"magritte-visibled___hHvF6_3-0-36","floating-buttons_neutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-36","floatingButtonsNeutral":"magritte-floating-buttons_neutral___LCnTQ_3-0-36","disabled":"magritte-disabled___XSSqS_3-0-36","floating-buttons_inverse":"magritte-floating-buttons_inverse___xhm17_3-0-36","floatingButtonsInverse":"magritte-floating-buttons_inverse___xhm17_3-0-36","floating-button-wrapper":"magritte-floating-button-wrapper___HlTzE_3-0-36","floatingButtonWrapper":"magritte-floating-button-wrapper___HlTzE_3-0-36","enter-floating-button-animation":"magritte-enter-floating-button-animation___nke2I_3-0-36","enterFloatingButtonAnimation":"magritte-enter-floating-button-animation___nke2I_3-0-36","enter-floating-button-animation-active":"magritte-enter-floating-button-animation-active___AayrW_3-0-36","enterFloatingButtonAnimationActive":"magritte-enter-floating-button-animation-active___AayrW_3-0-36","exit-floating-button-animation":"magritte-exit-floating-button-animation___dXSTW_3-0-36","exitFloatingButtonAnimation":"magritte-exit-floating-button-animation___dXSTW_3-0-36","exit-floating-button-animation-active":"magritte-exit-floating-button-animation-active___DhIfE_3-0-36","exitFloatingButtonAnimationActive":"magritte-exit-floating-button-animation-active___DhIfE_3-0-36"};
-
-export { styles as s };
-//# sourceMappingURL=floating-button-stack-D1fzja7o.js.map

package/floating-button-stack-D1fzja7o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floating-button-stack-D1fzja7o.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}