@hh.ru/magritte-ui-link 4.1.8 → 4.2.1

package/Link.js

@@ -7,12 +7,12 @@ 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-8","link_enable-visited":"magritte-link_enable-visited___Biyib_4-1-8","linkEnableVisited":"magritte-link_enable-visited___Biyib_4-1-8","link_block":"magritte-link_block___Lk0iO_4-1-8","linkBlock":"magritte-link_block___Lk0iO_4-1-8","link__icon-left":"magritte-link__icon-left___1v4WO_4-1-8","linkIconLeft":"magritte-link__icon-left___1v4WO_4-1-8","link__icon-right":"magritte-link__icon-right___VVZpb_4-1-8","linkIconRight":"magritte-link__icon-right___VVZpb_4-1-8","link_big-icon":"magritte-link_big-icon___Z485G_4-1-8","linkBigIcon":"magritte-link_big-icon___Z485G_4-1-8","link_style_neutral":"magritte-link_style_neutral___iqoW0_4-1-8","linkStyleNeutral":"magritte-link_style_neutral___iqoW0_4-1-8","link_disabled":"magritte-link_disabled___sbFrN_4-1-8","linkDisabled":"magritte-link_disabled___sbFrN_4-1-8","text":"magritte-text___tkzIl_4-1-8","link_style_accent":"magritte-link_style_accent___r-MW4_4-1-8","linkStyleAccent":"magritte-link_style_accent___r-MW4_4-1-8","link_style_positive":"magritte-link_style_positive___LF2So_4-1-8","linkStylePositive":"magritte-link_style_positive___LF2So_4-1-8","link_style_negative":"magritte-link_style_negative___BFuGj_4-1-8","linkStyleNegative":"magritte-link_style_negative___BFuGj_4-1-8","link_style_warning":"magritte-link_style_warning___pYAyP_4-1-8","linkStyleWarning":"magritte-link_style_warning___pYAyP_4-1-8","link_style_contrast":"magritte-link_style_contrast___Qty1T_4-1-8","linkStyleContrast":"magritte-link_style_contrast___Qty1T_4-1-8"};
+var styles = {"link":"magritte-link___b4rEM_4-2-1","link_enable-visited":"magritte-link_enable-visited___Biyib_4-2-1","linkEnableVisited":"magritte-link_enable-visited___Biyib_4-2-1","link_block":"magritte-link_block___Lk0iO_4-2-1","linkBlock":"magritte-link_block___Lk0iO_4-2-1","link__icon-left":"magritte-link__icon-left___1v4WO_4-2-1","linkIconLeft":"magritte-link__icon-left___1v4WO_4-2-1","link__icon-right":"magritte-link__icon-right___VVZpb_4-2-1","linkIconRight":"magritte-link__icon-right___VVZpb_4-2-1","link_big-icon":"magritte-link_big-icon___Z485G_4-2-1","linkBigIcon":"magritte-link_big-icon___Z485G_4-2-1","link_style_neutral":"magritte-link_style_neutral___iqoW0_4-2-1","linkStyleNeutral":"magritte-link_style_neutral___iqoW0_4-2-1","link_underlined":"magritte-link_underlined___OBHqe_4-2-1","linkUnderlined":"magritte-link_underlined___OBHqe_4-2-1","link_disabled":"magritte-link_disabled___sbFrN_4-2-1","linkDisabled":"magritte-link_disabled___sbFrN_4-2-1","text":"magritte-text___tkzIl_4-2-1","link_style_accent":"magritte-link_style_accent___r-MW4_4-2-1","linkStyleAccent":"magritte-link_style_accent___r-MW4_4-2-1","link_style_positive":"magritte-link_style_positive___LF2So_4-2-1","linkStylePositive":"magritte-link_style_positive___LF2So_4-2-1","link_style_negative":"magritte-link_style_negative___BFuGj_4-2-1","linkStyleNegative":"magritte-link_style_negative___BFuGj_4-2-1","link_style_warning":"magritte-link_style_warning___pYAyP_4-2-1","linkStyleWarning":"magritte-link_style_warning___pYAyP_4-2-1","link_style_contrast":"magritte-link_style_contrast___Qty1T_4-2-1","linkStyleContrast":"magritte-link_style_contrast___Qty1T_4-2-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 { Element = 'a', children, style = 'accent', inline = false, disabled = false, iconLeft = null, iconRight = null, href, typography = 'label-2-regular', enableVisited = false, underlined = false, 'data-qa': dataQa = 'link', 'aria-label': ariaLabel, ...otherProps } = props;
     const textRef = useRef(null);
     const IconLeftComponent = iconLeft;
     const IconRightComponent = iconRight;
@@ -50,6 +50,7 @@ const LinkForwardRefRenderFunc = (props, ref) => {
             [styles.linkBigIcon]: withBigIcon,
             [styles.linkBlock]: !inline,
             [styles.linkEnableVisited]: enableVisited,
+            [styles.linkUnderlined]: underlined,
         }), "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, "data-qa": `${dataQa}-icon-left` }) }), jsx("span", { children: renderTextAndRightIcon() })] })) : (renderTextAndRightIcon()) }) }));
     return inline ? render() : jsx("div", { children: render() });
 };

package/Link.js.map

@@ -1 +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} data-qa={`${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} data-qa={`${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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"}
+{"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        underlined = 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} data-qa={`${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                [styles.linkUnderlined]: underlined,\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} data-qa={`${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.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
 
-var styles = {"vertically-centered-icon":"magritte-vertically-centered-icon___Zstk8_4-1-8","verticallyCenteredIcon":"magritte-vertically-centered-icon___Zstk8_4-1-8"};
+var styles = {"vertically-centered-icon":"magritte-vertically-centered-icon___Zstk8_4-2-1","verticallyCenteredIcon":"magritte-vertically-centered-icon___Zstk8_4-2-1"};
 
 const VerticallyCenteredIcon = ({ icon, 'data-qa': dataQa }) => {
     const IconComponent = icon;

package/index.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-link",
-  "version": "4.1.8",
+  "version": "4.2.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "bdbcf07ae5f66002ea09633961d0c9c008c70cd6"
+  "gitHead": "c97e0bd946a456f07010b6db9fe4b1afca93c44c"
 }

package/types.d.ts

@@ -25,6 +25,8 @@ export interface LinkProps {
     'aria-label'?: string;
     /** Флаг включения visited состояния */
     enableVisited?: boolean;
+    /** Включает подчеркивание */
+    underlined?: boolean;
 }
 export type LinkForwardRefRenderFuncWithCustomElement = ForwardRefRenderFuncWithCustomElement<LinkProps, 'a'>;
 export type LinkWithCustomElement = ComponentWithCustomElement<LinkProps, 'a'>;