@hh.ru/magritte-ui-link 4.1.1

package/CustomElementExample.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const CustomElementExample: FC<{
+    customElementTitle?: string;
+}>;
+export default CustomElementExample;

package/CustomElementExample.js

@@ -0,0 +1,12 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+
+const CustomElementExample = ({ customElementTitle, ...props }) => {
+    const handleClick = () => {
+        // custom follow logic
+    };
+    return jsx("span", { title: customElementTitle, onClick: handleClick, ...props });
+};
+
+export { CustomElementExample as default };
+//# sourceMappingURL=CustomElementExample.js.map

package/CustomElementExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomElementExample.js","sources":["../src/CustomElementExample.tsx"],"sourcesContent":["import { FC, MouseEventHandler } from 'react';\n\nconst CustomElementExample: FC<{ customElementTitle?: string }> = ({ customElementTitle, ...props }) => {\n    const handleClick: MouseEventHandler = () => {\n        // custom follow logic\n    };\n    return <span title={customElementTitle} onClick={handleClick} {...props} />;\n};\n\nexport default CustomElementExample;\n"],"names":["_jsx"],"mappings":";;AAEM,MAAA,oBAAoB,GAAwC,CAAC,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,KAAI;IACnG,MAAM,WAAW,GAAsB,MAAK;;AAE5C,KAAC,CAAC;IACF,OAAOA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,WAAW,EAAA,GAAM,KAAK,EAAA,CAAI,CAAC;AAChF;;;;"}

package/Link.d.ts

@@ -0,0 +1,3 @@
+import { LinkForwardRefRenderFuncWithCustomElement, LinkWithCustomElement } from './types';
+export declare const LinkForwardRefRenderFunc: LinkForwardRefRenderFuncWithCustomElement;
+export declare const Link: LinkWithCustomElement;

package/Link.js

@@ -0,0 +1,59 @@
+import './index.css';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import classnames from 'classnames';
+import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import VerticallyCenteredIcon from './VerticallyCenteredIcon.js';
+import { Text } from '@hh.ru/magritte-ui-typography';
+
+var styles = {"link":"magritte-link___b4rEM_4-1-1","link_enable-visited":"magritte-link_enable-visited___Biyib_4-1-1","linkEnableVisited":"magritte-link_enable-visited___Biyib_4-1-1","link_block":"magritte-link_block___Lk0iO_4-1-1","linkBlock":"magritte-link_block___Lk0iO_4-1-1","link__icon-left":"magritte-link__icon-left___1v4WO_4-1-1","linkIconLeft":"magritte-link__icon-left___1v4WO_4-1-1","link__icon-right":"magritte-link__icon-right___VVZpb_4-1-1","linkIconRight":"magritte-link__icon-right___VVZpb_4-1-1","link_big-icon":"magritte-link_big-icon___Z485G_4-1-1","linkBigIcon":"magritte-link_big-icon___Z485G_4-1-1","link_style_neutral":"magritte-link_style_neutral___iqoW0_4-1-1","linkStyleNeutral":"magritte-link_style_neutral___iqoW0_4-1-1","link_disabled":"magritte-link_disabled___sbFrN_4-1-1","linkDisabled":"magritte-link_disabled___sbFrN_4-1-1","text":"magritte-text___tkzIl_4-1-1","link_style_accent":"magritte-link_style_accent___r-MW4_4-1-1","linkStyleAccent":"magritte-link_style_accent___r-MW4_4-1-1","link_style_positive":"magritte-link_style_positive___LF2So_4-1-1","linkStylePositive":"magritte-link_style_positive___LF2So_4-1-1","link_style_negative":"magritte-link_style_negative___BFuGj_4-1-1","linkStyleNegative":"magritte-link_style_negative___BFuGj_4-1-1","link_style_warning":"magritte-link_style_warning___pYAyP_4-1-1","linkStyleWarning":"magritte-link_style_warning___pYAyP_4-1-1","link_style_contrast":"magritte-link_style_contrast___Qty1T_4-1-1","linkStyleContrast":"magritte-link_style_contrast___Qty1T_4-1-1"};
+
+const TYPOGRAPHY_WITH_ICON = ['subtitle-1-semibold', 'label-2-regular', 'label-3-regular'];
+const TYPOGRAPHY_WITH_BIG_ICON = ['subtitle-1-semibold'];
+const LinkForwardRefRenderFunc = (props, ref) => {
+    const { Element = 'a', children, style = 'accent', inline = false, disabled = false, iconLeft = null, iconRight = null, href, typography = 'label-2-regular', enableVisited = false, 'data-qa': dataQa = 'link', 'aria-label': ariaLabel, ...otherProps } = props;
+    const textRef = useRef(null);
+    const IconLeftComponent = iconLeft;
+    const IconRightComponent = iconRight;
+    const forceDisabled = useDisabled();
+    const isComponentDisabled = forceDisabled || disabled;
+    const withIcon = TYPOGRAPHY_WITH_ICON.includes(typography);
+    const withBigIcon = TYPOGRAPHY_WITH_BIG_ICON.includes(typography);
+    let additionalAttributes;
+    if (Element === 'button') {
+        additionalAttributes = {
+            type: 'button',
+        };
+    }
+    else {
+        additionalAttributes = {
+            tabIndex: isComponentDisabled ? -1 : 0,
+            href,
+        };
+    }
+    if (ref) {
+        additionalAttributes.ref = ref;
+    }
+    const handleKeyDown = (e) => {
+        // Поддержка перехода по ссылке при нажатии Enter в случае кастомного элемента
+        if (keyboardMatch(e.nativeEvent, keyboardKeys.Enter)) {
+            // Кликаю не по кастомному элементу, а внутри него, тк кастомный может не поддерживать ни ref, ни onClick
+            textRef.current?.click();
+            e.stopPropagation();
+            e.preventDefault();
+        }
+    };
+    const renderTextAndRightIcon = () => (jsxs(Fragment, { children: [jsx("span", { ref: textRef, "data-qa": `${dataQa}-text`, className: styles.text, children: children }), withIcon && IconRightComponent && (jsx("span", { className: styles.linkIconRight, children: jsx(VerticallyCenteredIcon, { icon: IconRightComponent, dataQa: `${dataQa}-icon-external` }) }))] }));
+    const render = () => (jsx(Element, { className: classnames(styles.link, styles[`link_style_${style}`], {
+            [styles.link_disabled]: isComponentDisabled,
+            [styles.linkBigIcon]: withBigIcon,
+            [styles.linkBlock]: !inline,
+            [styles.linkEnableVisited]: enableVisited,
+        }), "data-qa": dataQa, disabled: isComponentDisabled, "aria-label": ariaLabel, onKeyDown: handleKeyDown, ...additionalAttributes, ...otherProps, children: jsx(Text, { Element: "span", typography: typography, children: withIcon && IconLeftComponent ? (jsxs(Fragment, { children: [jsx("span", { className: styles.linkIconLeft, children: jsx(VerticallyCenteredIcon, { icon: IconLeftComponent, dataQa: `${dataQa}-icon-left` }) }), jsx("span", { children: renderTextAndRightIcon() })] })) : (renderTextAndRightIcon()) }) }));
+    return inline ? render() : jsx("div", { children: render() });
+};
+const Link = forwardRef(LinkForwardRefRenderFunc);
+
+export { Link, LinkForwardRefRenderFunc };
+//# sourceMappingURL=Link.js.map

package/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../src/Link.tsx"],"sourcesContent":["import { KeyboardEventHandler, forwardRef, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport VerticallyCenteredIcon from '@hh.ru/magritte-ui-link/VerticallyCenteredIcon';\nimport { LinkForwardRefRenderFuncWithCustomElement, LinkWithCustomElement } from '@hh.ru/magritte-ui-link/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './link.less';\n\nconst TYPOGRAPHY_WITH_ICON = ['subtitle-1-semibold', 'label-2-regular', 'label-3-regular'];\n\nconst TYPOGRAPHY_WITH_BIG_ICON = ['subtitle-1-semibold'];\n\nexport const LinkForwardRefRenderFunc: LinkForwardRefRenderFuncWithCustomElement = (props, ref) => {\n    const {\n        Element = 'a',\n        children,\n        style = 'accent',\n        inline = false,\n        disabled = false,\n        iconLeft = null,\n        iconRight = null,\n        href,\n        typography = 'label-2-regular',\n        enableVisited = false,\n        'data-qa': dataQa = 'link',\n        'aria-label': ariaLabel,\n        ...otherProps\n    } = props;\n\n    const textRef = useRef<HTMLSpanElement>(null);\n    const IconLeftComponent = iconLeft;\n    const IconRightComponent = iconRight;\n    const forceDisabled = useDisabled();\n    const isComponentDisabled = forceDisabled || disabled;\n    const withIcon = TYPOGRAPHY_WITH_ICON.includes(typography);\n    const withBigIcon = TYPOGRAPHY_WITH_BIG_ICON.includes(typography);\n    let additionalAttributes: Record<string, unknown>;\n\n    if (Element === 'button') {\n        additionalAttributes = {\n            type: 'button',\n        };\n    } else {\n        additionalAttributes = {\n            tabIndex: isComponentDisabled ? -1 : 0,\n            href,\n        };\n    }\n\n    if (ref) {\n        additionalAttributes.ref = ref;\n    }\n\n    const handleKeyDown: KeyboardEventHandler = (e) => {\n        // Поддержка перехода по ссылке при нажатии Enter в случае кастомного элемента\n        if (keyboardMatch(e.nativeEvent, keyboardKeys.Enter)) {\n            // Кликаю не по кастомному элементу, а внутри него, тк кастомный может не поддерживать ни ref, ни onClick\n            textRef.current?.click();\n            e.stopPropagation();\n            e.preventDefault();\n        }\n    };\n\n    const renderTextAndRightIcon = () => (\n        <>\n            <span ref={textRef} data-qa={`${dataQa}-text`} className={styles.text}>\n                {children}\n            </span>\n            {withIcon && IconRightComponent && (\n                <span className={styles.linkIconRight}>\n                    <VerticallyCenteredIcon icon={IconRightComponent} dataQa={`${dataQa}-icon-external`} />\n                </span>\n            )}\n        </>\n    );\n\n    const render = () => (\n        <Element\n            className={classnames(styles.link, styles[`link_style_${style}`], {\n                [styles.link_disabled]: isComponentDisabled,\n                [styles.linkBigIcon]: withBigIcon,\n                [styles.linkBlock]: !inline,\n                [styles.linkEnableVisited]: enableVisited,\n            })}\n            data-qa={dataQa}\n            disabled={isComponentDisabled}\n            aria-label={ariaLabel}\n            onKeyDown={handleKeyDown}\n            {...additionalAttributes}\n            {...otherProps}\n        >\n            <Text Element=\"span\" typography={typography}>\n                {withIcon && IconLeftComponent ? (\n                    <>\n                        <span className={styles.linkIconLeft}>\n                            <VerticallyCenteredIcon icon={IconLeftComponent} dataQa={`${dataQa}-icon-left`} />\n                        </span>\n                        <span>{renderTextAndRightIcon()}</span>\n                    </>\n                ) : (\n                    renderTextAndRightIcon()\n                )}\n            </Text>\n        </Element>\n    );\n\n    return inline ? render() : <div>{render()}</div>;\n};\n\nexport const Link = forwardRef(LinkForwardRefRenderFunc) as LinkWithCustomElement;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/VerticallyCenteredIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/src/iconTypes';
+interface VerticallyCenteredIconProps {
+    icon: IconWrapperComponent;
+    dataQa?: string;
+}
+declare const VerticallyCenteredIcon: FC<VerticallyCenteredIconProps>;
+export default VerticallyCenteredIcon;

package/VerticallyCenteredIcon.js

@@ -0,0 +1,12 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+
+var styles = {"vertically-centered-icon":"magritte-vertically-centered-icon___Zstk8_4-1-1","verticallyCenteredIcon":"magritte-vertically-centered-icon___Zstk8_4-1-1"};
+
+const VerticallyCenteredIcon = ({ icon, dataQa }) => {
+    const IconComponent = icon;
+    return (jsx("span", { className: styles.verticallyCenteredIcon, children: jsx(IconComponent, { "data-qa": dataQa }) }));
+};
+
+export { VerticallyCenteredIcon as default };
+//# sourceMappingURL=VerticallyCenteredIcon.js.map

package/VerticallyCenteredIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticallyCenteredIcon.js","sources":["../src/VerticallyCenteredIcon.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/src/iconTypes';\n\nimport styles from './vertically-centered-icon.less';\n\ninterface VerticallyCenteredIconProps {\n    icon: IconWrapperComponent;\n    dataQa?: string;\n}\n\nconst VerticallyCenteredIcon: FC<VerticallyCenteredIconProps> = ({ icon, dataQa }) => {\n    const IconComponent = icon;\n    return (\n        <span className={styles.verticallyCenteredIcon}>\n            <IconComponent data-qa={dataQa} />\n        </span>\n    );\n};\nexport default VerticallyCenteredIcon;\n"],"names":["_jsx"],"mappings":";;;;AAWM,MAAA,sBAAsB,GAAoC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAI;IACjF,MAAM,aAAa,GAAG,IAAI,CAAC;AAC3B,IAAA,QACIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAC1C,QAAA,EAAAA,GAAA,CAAC,aAAa,EAAU,EAAA,SAAA,EAAA,MAAM,EAAI,CAAA,EAAA,CAC/B,EACT;AACN;;;;"}

package/index.css

@@ -0,0 +1,536 @@
+.magritte-vertically-centered-icon___Zstk8_4-1-1{
+  position:absolute;
+  inset:0;
+  display:inline-flex;
+  align-items:center;
+  top:50%;
+  transform:translateY(-50%);
+}
+
+:root{
+  --magritte-color-component-link-text-neutral-v18-1-1:#000000;
+  --magritte-color-component-link-text-accent-v18-1-1:#0070ff;
+  --magritte-color-component-link-text-positive-v18-1-1:#0dc267;
+  --magritte-color-component-link-text-warning-v18-1-1:#e38805;
+  --magritte-color-component-link-text-negative-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-text-contrast-v18-1-1:#ffffff;
+  --magritte-color-component-link-text-state-neutral-hovered-v18-1-1:#54606a;
+  --magritte-color-component-link-text-state-neutral-pressed-v18-1-1:#49545d;
+  --magritte-color-component-link-text-state-neutral-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-accent-hovered-v18-1-1:#2b7fff;
+  --magritte-color-component-link-text-state-accent-pressed-v18-1-1:#0070ff;
+  --magritte-color-component-link-text-state-accent-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-positive-hovered-v18-1-1:#5bcf83;
+  --magritte-color-component-link-text-state-positive-pressed-v18-1-1:#0dc267;
+  --magritte-color-component-link-text-state-positive-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-warning-hovered-v18-1-1:#ff9900;
+  --magritte-color-component-link-text-state-warning-pressed-v18-1-1:#e38805;
+  --magritte-color-component-link-text-state-warning-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-negative-hovered-v18-1-1:#fe725f;
+  --magritte-color-component-link-text-state-negative-pressed-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-text-state-negative-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-contrast-hovered-v18-1-1:#F1F1F1;
+  --magritte-color-component-link-text-state-contrast-pressed-v18-1-1:#ffffff;
+  --magritte-color-component-link-text-state-contrast-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-text-state-neutral-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-neutral-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-neutral-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-accent-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-accent-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-accent-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-positive-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-positive-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-positive-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-warning-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-warning-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-warning-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-negative-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-negative-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-negative-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-contrast-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-contrast-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-text-state-contrast-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-neutral-v18-1-1:#000000;
+  --magritte-color-component-link-icon-accent-v18-1-1:#0070ff;
+  --magritte-color-component-link-icon-positive-v18-1-1:#0dc267;
+  --magritte-color-component-link-icon-warning-v18-1-1:#e38805;
+  --magritte-color-component-link-icon-negative-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-icon-contrast-v18-1-1:#ffffff;
+  --magritte-color-component-link-icon-state-neutral-hovered-v18-1-1:#54606a;
+  --magritte-color-component-link-icon-state-neutral-pressed-v18-1-1:#49545d;
+  --magritte-color-component-link-icon-state-neutral-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-accent-hovered-v18-1-1:#2b7fff;
+  --magritte-color-component-link-icon-state-accent-pressed-v18-1-1:#0070ff;
+  --magritte-color-component-link-icon-state-accent-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-positive-hovered-v18-1-1:#5bcf83;
+  --magritte-color-component-link-icon-state-positive-pressed-v18-1-1:#0dc267;
+  --magritte-color-component-link-icon-state-positive-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-warning-hovered-v18-1-1:#ff9900;
+  --magritte-color-component-link-icon-state-warning-pressed-v18-1-1:#e38805;
+  --magritte-color-component-link-icon-state-warning-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-negative-hovered-v18-1-1:#fe725f;
+  --magritte-color-component-link-icon-state-negative-pressed-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-icon-state-negative-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-contrast-hovered-v18-1-1:#F1F1F1;
+  --magritte-color-component-link-icon-state-contrast-pressed-v18-1-1:#ffffff;
+  --magritte-color-component-link-icon-state-contrast-disabled-v18-1-1:#AABBCA;
+  --magritte-color-component-link-icon-state-neutral-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-accent-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-positive-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-warning-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-negative-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-contrast-visited-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-1:#b99bf8;
+  --magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-1:#af8bf5;
+  --magritte-color-component-link-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
+}
+:root{
+  --magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-tiger-100-duration-v18-1-1:100ms;
+  --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
+  --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1:200ms;
+}
+.magritte-night-theme{
+  --magritte-color-component-link-text-neutral-v18-1-1:#ffffff;
+  --magritte-color-component-link-text-accent-v18-1-1:#5e9eff;
+  --magritte-color-component-link-text-positive-v18-1-1:#10b55f;
+  --magritte-color-component-link-text-warning-v18-1-1:#e38805;
+  --magritte-color-component-link-text-negative-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-text-contrast-v18-1-1:#E2E2E2;
+  --magritte-color-component-link-text-state-neutral-hovered-v18-1-1:#EEF1F7;
+  --magritte-color-component-link-text-state-neutral-pressed-v18-1-1:#DCE3EB;
+  --magritte-color-component-link-text-state-neutral-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-accent-hovered-v18-1-1:#76adfe;
+  --magritte-color-component-link-text-state-accent-pressed-v18-1-1:#5e9eff;
+  --magritte-color-component-link-text-state-accent-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-positive-hovered-v18-1-1:#0dc267;
+  --magritte-color-component-link-text-state-positive-pressed-v18-1-1:#10b55f;
+  --magritte-color-component-link-text-state-positive-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-warning-hovered-v18-1-1:#ff9900;
+  --magritte-color-component-link-text-state-warning-pressed-v18-1-1:#e38805;
+  --magritte-color-component-link-text-state-warning-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-negative-hovered-v18-1-1:#fe725f;
+  --magritte-color-component-link-text-state-negative-pressed-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-text-state-negative-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-contrast-hovered-v18-1-1:#ffffff;
+  --magritte-color-component-link-text-state-contrast-pressed-v18-1-1:#E2E2E2;
+  --magritte-color-component-link-text-state-contrast-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-text-state-neutral-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-neutral-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-neutral-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-accent-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-accent-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-accent-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-positive-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-positive-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-positive-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-warning-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-warning-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-warning-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-negative-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-negative-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-negative-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-contrast-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-text-state-contrast-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-text-state-contrast-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-neutral-v18-1-1:#ffffff;
+  --magritte-color-component-link-icon-accent-v18-1-1:#5e9eff;
+  --magritte-color-component-link-icon-positive-v18-1-1:#10b55f;
+  --magritte-color-component-link-icon-warning-v18-1-1:#e38805;
+  --magritte-color-component-link-icon-negative-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-icon-contrast-v18-1-1:#E2E2E2;
+  --magritte-color-component-link-icon-state-neutral-hovered-v18-1-1:#EEF1F7;
+  --magritte-color-component-link-icon-state-neutral-pressed-v18-1-1:#DCE3EB;
+  --magritte-color-component-link-icon-state-neutral-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-accent-hovered-v18-1-1:#76adfe;
+  --magritte-color-component-link-icon-state-accent-pressed-v18-1-1:#5e9eff;
+  --magritte-color-component-link-icon-state-accent-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-positive-hovered-v18-1-1:#0dc267;
+  --magritte-color-component-link-icon-state-positive-pressed-v18-1-1:#10b55f;
+  --magritte-color-component-link-icon-state-positive-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-warning-hovered-v18-1-1:#ff9900;
+  --magritte-color-component-link-icon-state-warning-pressed-v18-1-1:#e38805;
+  --magritte-color-component-link-icon-state-warning-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-negative-hovered-v18-1-1:#fe725f;
+  --magritte-color-component-link-icon-state-negative-pressed-v18-1-1:#ff4d3a;
+  --magritte-color-component-link-icon-state-negative-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-contrast-hovered-v18-1-1:#ffffff;
+  --magritte-color-component-link-icon-state-contrast-pressed-v18-1-1:#E2E2E2;
+  --magritte-color-component-link-icon-state-contrast-disabled-v18-1-1:#848484;
+  --magritte-color-component-link-icon-state-neutral-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-accent-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-positive-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-warning-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-negative-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-contrast-visited-v18-1-1:#a579f4;
+  --magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-1:#af8bf5;
+  --magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-1:#a579f4;
+  --magritte-color-component-link-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
+}
+.magritte-link___b4rEM_4-1-1{
+  text-decoration:none;
+  padding:var(--magritte-ui-link-padding-override, 0) 0;
+}
+.magritte-link___b4rEM_4-1-1:not(.magritte-link_enable-visited___Biyib_4-1-1){
+  --magritte-ui-text-transition-override:color var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v18-1-1) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v18-1-1);
+  --magritte-ui-icon-transition-override:all var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v18-1-1) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v18-1-1);
+}
+.magritte-link___b4rEM_4-1-1:not(.magritte-link_enable-visited___Biyib_4-1-1):active{
+  --magritte-ui-text-transition-override:color var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1) var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
+  --magritte-ui-icon-transition-override:all var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1) var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
+}
+.magritte-link_block___Lk0iO_4-1-1{
+  display:inline-block;
+}
+.magritte-link__icon-left___1v4WO_4-1-1{
+  display:inline;
+  margin-right:4px;
+  position:relative;
+  padding-left:16px;
+}
+.magritte-link__icon-right___VVZpb_4-1-1{
+  display:inline;
+  margin-left:4px;
+  position:relative;
+  padding-right:16px;
+}
+.magritte-link_big-icon___Z485G_4-1-1 .magritte-link__icon-left___1v4WO_4-1-1{
+  margin-right:6px;
+  padding-left:24px;
+}
+.magritte-link_big-icon___Z485G_4-1-1 .magritte-link__icon-right___VVZpb_4-1-1{
+  margin-left:6px;
+  padding-right:24px;
+}
+.magritte-link_style_neutral___iqoW0_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-neutral-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-neutral-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_neutral___iqoW0_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_neutral___iqoW0_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_neutral___iqoW0_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-neutral-visited-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-neutral-visited-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-neutral-visited-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-neutral-visited-hovered-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-neutral-visited-pressed-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-1);
+}
+.magritte-link_style_neutral___iqoW0_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}
+.magritte-link_style_accent___r-MW4_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-accent-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-accent-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_accent___r-MW4_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_accent___r-MW4_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_accent___r-MW4_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-accent-visited-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-accent-visited-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-accent-visited-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-accent-visited-hovered-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-accent-visited-pressed-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-1);
+}
+.magritte-link_style_accent___r-MW4_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}
+.magritte-link_style_positive___LF2So_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-positive-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-positive-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_positive___LF2So_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_positive___LF2So_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_positive___LF2So_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-positive-visited-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-positive-visited-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-positive-visited-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-positive-visited-hovered-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-positive-visited-pressed-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-1);
+}
+.magritte-link_style_positive___LF2So_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}
+.magritte-link_style_negative___BFuGj_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-negative-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-negative-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_negative___BFuGj_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_negative___BFuGj_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_negative___BFuGj_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-negative-visited-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-negative-visited-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-negative-visited-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-negative-visited-hovered-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-negative-visited-pressed-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-1);
+}
+.magritte-link_style_negative___BFuGj_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}
+.magritte-link_style_warning___pYAyP_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-warning-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-warning-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_warning___pYAyP_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_warning___pYAyP_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_warning___pYAyP_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-warning-visited-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-warning-visited-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-warning-visited-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-warning-visited-hovered-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-warning-visited-pressed-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-1);
+}
+.magritte-link_style_warning___pYAyP_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}
+.magritte-link_style_contrast___Qty1T_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-contrast-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-contrast-v18-1-1);
+  cursor:default;
+}
+.magritte-link_style_contrast___Qty1T_4-1-1:hover{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-hovered-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-hovered-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_contrast___Qty1T_4-1-1:active{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-pressed-v18-1-1);
+  cursor:pointer;
+}
+.magritte-link_style_contrast___Qty1T_4-1-1:focus-visible{
+  outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-1);
+  border-radius:9999px;
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-contrast-visited-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-contrast-visited-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-contrast-visited-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-contrast-visited-hovered-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:hover svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active .magritte-text___tkzIl_4-1-1{
+  color:var(--magritte-color-component-link-text-state-contrast-visited-pressed-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [stroke]{
+  stroke:var(--magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_enable-visited___Biyib_4-1-1:not(.magritte-link_disabled___sbFrN_4-1-1):visited:active svg [fill]{
+  fill:var(--magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-1);
+}
+.magritte-link_style_contrast___Qty1T_4-1-1.magritte-link_disabled___sbFrN_4-1-1{
+  --magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-disabled-v18-1-1);
+  cursor:not-allowed;
+  pointer-events:none;
+}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@hh.ru/magritte-ui-theme-provider';
+export * from './Link';
+export { type LinkStyle, type LinkProps } from './types';

package/index.js

@@ -0,0 +1,11 @@
+import './index.css';
+export * from '@hh.ru/magritte-ui-theme-provider';
+export { Link, LinkForwardRefRenderFunc } from './Link.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+import '@hh.ru/magritte-common-keyboard';
+import '@hh.ru/magritte-common-use-disabled';
+import './VerticallyCenteredIcon.js';
+import '@hh.ru/magritte-ui-typography';
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@hh.ru/magritte-ui-link",
+  "version": "4.1.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-common-keyboard": "3.0.2",
+    "@hh.ru/magritte-common-use-disabled": "1.0.8",
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-types": "4.0.1",
+    "@hh.ru/magritte-ui-icon": "7.1.3",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.21",
+    "@hh.ru/magritte-ui-typography": "3.0.8"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,30 @@
+import { ComponentWithCustomElement, ForwardRefRenderFuncWithCustomElement } from '@hh.ru/magritte-types';
+import { type IconWrapperComponentSize16, type IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon/src/iconTypes';
+import { TextTypography, HeadersTypography } from '@hh.ru/magritte-ui-typography';
+export type LinkStyle = 'neutral' | 'accent' | 'positive' | 'negative' | 'warning' | 'contrast';
+export interface LinkProps {
+    /** Кастомный элемент для линка */
+    Element: 'a' | 'button';
+    /** Расположение ссылки в тексте */
+    inline?: boolean;
+    /** Стиль компонента в зависимости от назначения */
+    style?: LinkStyle;
+    /** Отображение иконки с левой стороны ссылки */
+    iconLeft?: IconWrapperComponentSize16 | IconWrapperComponentSize24;
+    /** Отображение иконки с правой стороны ссылки */
+    iconRight?: IconWrapperComponentSize16 | IconWrapperComponentSize24;
+    /** Ссылка перестает реагировать на любое взаимодействие */
+    disabled?: boolean;
+    /** Типография */
+    typography?: TextTypography | HeadersTypography;
+    /** Ссылка */
+    href?: string;
+    /** Кастомный data-qa для тестирования */
+    'data-qa'?: string;
+    /** Вспомогательный лейбл для скринридеров */
+    'aria-label'?: string;
+    /** Флаг включения visited состояния */
+    enableVisited?: boolean;
+}
+export type LinkForwardRefRenderFuncWithCustomElement = ForwardRefRenderFuncWithCustomElement<LinkProps, 'a'>;
+export type LinkWithCustomElement = ComponentWithCustomElement<LinkProps, 'a'>;

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}