@hh.ru/magritte-ui-link 4.1.3 → 4.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Link.js +3 -3
- package/Link.js.map +1 -1
- package/VerticallyCenteredIcon.d.ts +1 -1
- package/VerticallyCenteredIcon.js +2 -2
- package/VerticallyCenteredIcon.js.map +1 -1
- package/index.css +93 -93
- package/package.json +3 -3
package/Link.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
|
7
7
|
import VerticallyCenteredIcon from './VerticallyCenteredIcon.js';
|
|
8
8
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
9
9
|
|
|
10
|
-
var styles = {"link":"magritte-link___b4rEM_4-1-
|
|
10
|
+
var styles = {"link":"magritte-link___b4rEM_4-1-4","link_enable-visited":"magritte-link_enable-visited___Biyib_4-1-4","linkEnableVisited":"magritte-link_enable-visited___Biyib_4-1-4","link_block":"magritte-link_block___Lk0iO_4-1-4","linkBlock":"magritte-link_block___Lk0iO_4-1-4","link__icon-left":"magritte-link__icon-left___1v4WO_4-1-4","linkIconLeft":"magritte-link__icon-left___1v4WO_4-1-4","link__icon-right":"magritte-link__icon-right___VVZpb_4-1-4","linkIconRight":"magritte-link__icon-right___VVZpb_4-1-4","link_big-icon":"magritte-link_big-icon___Z485G_4-1-4","linkBigIcon":"magritte-link_big-icon___Z485G_4-1-4","link_style_neutral":"magritte-link_style_neutral___iqoW0_4-1-4","linkStyleNeutral":"magritte-link_style_neutral___iqoW0_4-1-4","link_disabled":"magritte-link_disabled___sbFrN_4-1-4","linkDisabled":"magritte-link_disabled___sbFrN_4-1-4","text":"magritte-text___tkzIl_4-1-4","link_style_accent":"magritte-link_style_accent___r-MW4_4-1-4","linkStyleAccent":"magritte-link_style_accent___r-MW4_4-1-4","link_style_positive":"magritte-link_style_positive___LF2So_4-1-4","linkStylePositive":"magritte-link_style_positive___LF2So_4-1-4","link_style_negative":"magritte-link_style_negative___BFuGj_4-1-4","linkStyleNegative":"magritte-link_style_negative___BFuGj_4-1-4","link_style_warning":"magritte-link_style_warning___pYAyP_4-1-4","linkStyleWarning":"magritte-link_style_warning___pYAyP_4-1-4","link_style_contrast":"magritte-link_style_contrast___Qty1T_4-1-4","linkStyleContrast":"magritte-link_style_contrast___Qty1T_4-1-4"};
|
|
11
11
|
|
|
12
12
|
const TYPOGRAPHY_WITH_ICON = ['subtitle-1-semibold', 'label-2-regular', 'label-3-regular'];
|
|
13
13
|
const TYPOGRAPHY_WITH_BIG_ICON = ['subtitle-1-semibold'];
|
|
@@ -44,13 +44,13 @@ const LinkForwardRefRenderFunc = (props, ref) => {
|
|
|
44
44
|
e.preventDefault();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
-
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,
|
|
47
|
+
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, "data-qa": `${dataQa}-icon-external` }) }))] }));
|
|
48
48
|
const render = () => (jsx(Element, { className: classnames(styles.link, styles[`link_style_${style}`], {
|
|
49
49
|
[styles.link_disabled]: isComponentDisabled,
|
|
50
50
|
[styles.linkBigIcon]: withBigIcon,
|
|
51
51
|
[styles.linkBlock]: !inline,
|
|
52
52
|
[styles.linkEnableVisited]: enableVisited,
|
|
53
|
-
}), "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,
|
|
53
|
+
}), "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()) }) }));
|
|
54
54
|
return inline ? render() : jsx("div", { children: render() });
|
|
55
55
|
};
|
|
56
56
|
const Link = forwardRef(LinkForwardRefRenderFunc);
|
package/Link.js.map
CHANGED
|
@@ -1 +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}
|
|
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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"}
|
|
@@ -2,7 +2,7 @@ import { FC } from 'react';
|
|
|
2
2
|
import { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/src/iconTypes';
|
|
3
3
|
interface VerticallyCenteredIconProps {
|
|
4
4
|
icon: IconWrapperComponent;
|
|
5
|
-
|
|
5
|
+
'data-qa'?: string;
|
|
6
6
|
}
|
|
7
7
|
declare const VerticallyCenteredIcon: FC<VerticallyCenteredIconProps>;
|
|
8
8
|
export default VerticallyCenteredIcon;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
|
-
var styles = {"vertically-centered-icon":"magritte-vertically-centered-icon___Zstk8_4-1-
|
|
4
|
+
var styles = {"vertically-centered-icon":"magritte-vertically-centered-icon___Zstk8_4-1-4","verticallyCenteredIcon":"magritte-vertically-centered-icon___Zstk8_4-1-4"};
|
|
5
5
|
|
|
6
|
-
const VerticallyCenteredIcon = ({ icon, dataQa }) => {
|
|
6
|
+
const VerticallyCenteredIcon = ({ icon, 'data-qa': dataQa }) => {
|
|
7
7
|
const IconComponent = icon;
|
|
8
8
|
return (jsx("span", { className: styles.verticallyCenteredIcon, children: jsx(IconComponent, { "data-qa": dataQa }) }));
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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 'data-qa'?: string;\n}\n\nconst VerticallyCenteredIcon: FC<VerticallyCenteredIconProps> = ({ icon, 'data-qa': 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,SAAS,EAAE,MAAM,EAAE,KAAI;IAC5F,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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.magritte-vertically-centered-icon___Zstk8_4-1-
|
|
1
|
+
.magritte-vertically-centered-icon___Zstk8_4-1-4{
|
|
2
2
|
position:absolute;
|
|
3
3
|
inset:0;
|
|
4
4
|
display:inline-flex;
|
|
@@ -187,348 +187,348 @@
|
|
|
187
187
|
--magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-2:#a579f4;
|
|
188
188
|
--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2:#0070ff7a;
|
|
189
189
|
}
|
|
190
|
-
.magritte-link___b4rEM_4-1-
|
|
190
|
+
.magritte-link___b4rEM_4-1-4{
|
|
191
191
|
text-decoration:none;
|
|
192
192
|
padding:var(--magritte-ui-link-padding-override, 0) 0;
|
|
193
193
|
}
|
|
194
|
-
.magritte-link___b4rEM_4-1-
|
|
194
|
+
.magritte-link___b4rEM_4-1-4:not(.magritte-link_enable-visited___Biyib_4-1-4){
|
|
195
195
|
--magritte-ui-text-transition-override:color var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v18-1-2) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v18-1-2);
|
|
196
196
|
--magritte-ui-icon-transition-override:all var(--magritte-semantic-animation-ease-in-out-tiger-100-duration-v18-1-2) var(--magritte-semantic-animation-ease-in-out-tiger-100-timing-function-v18-1-2);
|
|
197
197
|
}
|
|
198
|
-
.magritte-link___b4rEM_4-1-
|
|
198
|
+
.magritte-link___b4rEM_4-1-4:not(.magritte-link_enable-visited___Biyib_4-1-4):active{
|
|
199
199
|
--magritte-ui-text-transition-override:color var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2) var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
|
|
200
200
|
--magritte-ui-icon-transition-override:all var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2) var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
|
|
201
201
|
}
|
|
202
|
-
.magritte-link_block___Lk0iO_4-1-
|
|
202
|
+
.magritte-link_block___Lk0iO_4-1-4{
|
|
203
203
|
display:inline-block;
|
|
204
204
|
}
|
|
205
|
-
.magritte-link__icon-left___1v4WO_4-1-
|
|
205
|
+
.magritte-link__icon-left___1v4WO_4-1-4{
|
|
206
206
|
display:inline;
|
|
207
207
|
margin-right:4px;
|
|
208
208
|
position:relative;
|
|
209
209
|
padding-left:16px;
|
|
210
210
|
}
|
|
211
|
-
.magritte-link__icon-right___VVZpb_4-1-
|
|
211
|
+
.magritte-link__icon-right___VVZpb_4-1-4{
|
|
212
212
|
display:inline;
|
|
213
213
|
margin-left:4px;
|
|
214
214
|
position:relative;
|
|
215
215
|
padding-right:16px;
|
|
216
216
|
}
|
|
217
|
-
.magritte-link_big-icon___Z485G_4-1-
|
|
217
|
+
.magritte-link_big-icon___Z485G_4-1-4 .magritte-link__icon-left___1v4WO_4-1-4{
|
|
218
218
|
margin-right:6px;
|
|
219
219
|
padding-left:24px;
|
|
220
220
|
}
|
|
221
|
-
.magritte-link_big-icon___Z485G_4-1-
|
|
221
|
+
.magritte-link_big-icon___Z485G_4-1-4 .magritte-link__icon-right___VVZpb_4-1-4{
|
|
222
222
|
margin-left:6px;
|
|
223
223
|
padding-right:24px;
|
|
224
224
|
}
|
|
225
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
225
|
+
.magritte-link_style_neutral___iqoW0_4-1-4{
|
|
226
226
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-neutral-v18-1-2);
|
|
227
227
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-neutral-v18-1-2);
|
|
228
228
|
cursor:default;
|
|
229
229
|
}
|
|
230
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
230
|
+
.magritte-link_style_neutral___iqoW0_4-1-4:hover{
|
|
231
231
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-hovered-v18-1-2);
|
|
232
232
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-hovered-v18-1-2);
|
|
233
233
|
cursor:pointer;
|
|
234
234
|
}
|
|
235
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
235
|
+
.magritte-link_style_neutral___iqoW0_4-1-4:active{
|
|
236
236
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-pressed-v18-1-2);
|
|
237
237
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-pressed-v18-1-2);
|
|
238
238
|
cursor:pointer;
|
|
239
239
|
}
|
|
240
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
240
|
+
.magritte-link_style_neutral___iqoW0_4-1-4:focus-visible{
|
|
241
241
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
242
242
|
border-radius:9999px;
|
|
243
243
|
}
|
|
244
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
244
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
245
245
|
color:var(--magritte-color-component-link-text-state-neutral-visited-v18-1-2);
|
|
246
246
|
}
|
|
247
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
247
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
248
248
|
stroke:var(--magritte-color-component-link-icon-state-neutral-visited-v18-1-2);
|
|
249
249
|
}
|
|
250
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
250
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
251
251
|
fill:var(--magritte-color-component-link-icon-state-neutral-visited-v18-1-2);
|
|
252
252
|
}
|
|
253
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
253
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
254
254
|
color:var(--magritte-color-component-link-text-state-neutral-visited-hovered-v18-1-2);
|
|
255
255
|
}
|
|
256
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
256
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
257
257
|
stroke:var(--magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-2);
|
|
258
258
|
}
|
|
259
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
259
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
260
260
|
fill:var(--magritte-color-component-link-icon-state-neutral-visited-hovered-v18-1-2);
|
|
261
261
|
}
|
|
262
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
262
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
263
263
|
color:var(--magritte-color-component-link-text-state-neutral-visited-pressed-v18-1-2);
|
|
264
264
|
}
|
|
265
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
265
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
266
266
|
stroke:var(--magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-2);
|
|
267
267
|
}
|
|
268
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
268
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
269
269
|
fill:var(--magritte-color-component-link-icon-state-neutral-visited-pressed-v18-1-2);
|
|
270
270
|
}
|
|
271
|
-
.magritte-link_style_neutral___iqoW0_4-1-
|
|
271
|
+
.magritte-link_style_neutral___iqoW0_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
272
272
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-neutral-disabled-v18-1-2);
|
|
273
273
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-neutral-disabled-v18-1-2);
|
|
274
274
|
cursor:not-allowed;
|
|
275
275
|
pointer-events:none;
|
|
276
276
|
}
|
|
277
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
277
|
+
.magritte-link_style_accent___r-MW4_4-1-4{
|
|
278
278
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-accent-v18-1-2);
|
|
279
279
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-accent-v18-1-2);
|
|
280
280
|
cursor:default;
|
|
281
281
|
}
|
|
282
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
282
|
+
.magritte-link_style_accent___r-MW4_4-1-4:hover{
|
|
283
283
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-hovered-v18-1-2);
|
|
284
284
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-hovered-v18-1-2);
|
|
285
285
|
cursor:pointer;
|
|
286
286
|
}
|
|
287
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
287
|
+
.magritte-link_style_accent___r-MW4_4-1-4:active{
|
|
288
288
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-pressed-v18-1-2);
|
|
289
289
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-pressed-v18-1-2);
|
|
290
290
|
cursor:pointer;
|
|
291
291
|
}
|
|
292
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
292
|
+
.magritte-link_style_accent___r-MW4_4-1-4:focus-visible{
|
|
293
293
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
294
294
|
border-radius:9999px;
|
|
295
295
|
}
|
|
296
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
296
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
297
297
|
color:var(--magritte-color-component-link-text-state-accent-visited-v18-1-2);
|
|
298
298
|
}
|
|
299
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
299
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
300
300
|
stroke:var(--magritte-color-component-link-icon-state-accent-visited-v18-1-2);
|
|
301
301
|
}
|
|
302
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
302
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
303
303
|
fill:var(--magritte-color-component-link-icon-state-accent-visited-v18-1-2);
|
|
304
304
|
}
|
|
305
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
305
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
306
306
|
color:var(--magritte-color-component-link-text-state-accent-visited-hovered-v18-1-2);
|
|
307
307
|
}
|
|
308
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
308
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
309
309
|
stroke:var(--magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-2);
|
|
310
310
|
}
|
|
311
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
311
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
312
312
|
fill:var(--magritte-color-component-link-icon-state-accent-visited-hovered-v18-1-2);
|
|
313
313
|
}
|
|
314
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
314
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
315
315
|
color:var(--magritte-color-component-link-text-state-accent-visited-pressed-v18-1-2);
|
|
316
316
|
}
|
|
317
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
317
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
318
318
|
stroke:var(--magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-2);
|
|
319
319
|
}
|
|
320
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
320
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
321
321
|
fill:var(--magritte-color-component-link-icon-state-accent-visited-pressed-v18-1-2);
|
|
322
322
|
}
|
|
323
|
-
.magritte-link_style_accent___r-MW4_4-1-
|
|
323
|
+
.magritte-link_style_accent___r-MW4_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
324
324
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-accent-disabled-v18-1-2);
|
|
325
325
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-accent-disabled-v18-1-2);
|
|
326
326
|
cursor:not-allowed;
|
|
327
327
|
pointer-events:none;
|
|
328
328
|
}
|
|
329
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
329
|
+
.magritte-link_style_positive___LF2So_4-1-4{
|
|
330
330
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-positive-v18-1-2);
|
|
331
331
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-positive-v18-1-2);
|
|
332
332
|
cursor:default;
|
|
333
333
|
}
|
|
334
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
334
|
+
.magritte-link_style_positive___LF2So_4-1-4:hover{
|
|
335
335
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-hovered-v18-1-2);
|
|
336
336
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-hovered-v18-1-2);
|
|
337
337
|
cursor:pointer;
|
|
338
338
|
}
|
|
339
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
339
|
+
.magritte-link_style_positive___LF2So_4-1-4:active{
|
|
340
340
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-pressed-v18-1-2);
|
|
341
341
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-pressed-v18-1-2);
|
|
342
342
|
cursor:pointer;
|
|
343
343
|
}
|
|
344
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
344
|
+
.magritte-link_style_positive___LF2So_4-1-4:focus-visible{
|
|
345
345
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
346
346
|
border-radius:9999px;
|
|
347
347
|
}
|
|
348
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
348
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
349
349
|
color:var(--magritte-color-component-link-text-state-positive-visited-v18-1-2);
|
|
350
350
|
}
|
|
351
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
351
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
352
352
|
stroke:var(--magritte-color-component-link-icon-state-positive-visited-v18-1-2);
|
|
353
353
|
}
|
|
354
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
354
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
355
355
|
fill:var(--magritte-color-component-link-icon-state-positive-visited-v18-1-2);
|
|
356
356
|
}
|
|
357
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
357
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
358
358
|
color:var(--magritte-color-component-link-text-state-positive-visited-hovered-v18-1-2);
|
|
359
359
|
}
|
|
360
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
360
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
361
361
|
stroke:var(--magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-2);
|
|
362
362
|
}
|
|
363
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
363
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
364
364
|
fill:var(--magritte-color-component-link-icon-state-positive-visited-hovered-v18-1-2);
|
|
365
365
|
}
|
|
366
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
366
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
367
367
|
color:var(--magritte-color-component-link-text-state-positive-visited-pressed-v18-1-2);
|
|
368
368
|
}
|
|
369
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
369
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
370
370
|
stroke:var(--magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-2);
|
|
371
371
|
}
|
|
372
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
372
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
373
373
|
fill:var(--magritte-color-component-link-icon-state-positive-visited-pressed-v18-1-2);
|
|
374
374
|
}
|
|
375
|
-
.magritte-link_style_positive___LF2So_4-1-
|
|
375
|
+
.magritte-link_style_positive___LF2So_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
376
376
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-positive-disabled-v18-1-2);
|
|
377
377
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-positive-disabled-v18-1-2);
|
|
378
378
|
cursor:not-allowed;
|
|
379
379
|
pointer-events:none;
|
|
380
380
|
}
|
|
381
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
381
|
+
.magritte-link_style_negative___BFuGj_4-1-4{
|
|
382
382
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-negative-v18-1-2);
|
|
383
383
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-negative-v18-1-2);
|
|
384
384
|
cursor:default;
|
|
385
385
|
}
|
|
386
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
386
|
+
.magritte-link_style_negative___BFuGj_4-1-4:hover{
|
|
387
387
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-hovered-v18-1-2);
|
|
388
388
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-hovered-v18-1-2);
|
|
389
389
|
cursor:pointer;
|
|
390
390
|
}
|
|
391
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
391
|
+
.magritte-link_style_negative___BFuGj_4-1-4:active{
|
|
392
392
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-pressed-v18-1-2);
|
|
393
393
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-pressed-v18-1-2);
|
|
394
394
|
cursor:pointer;
|
|
395
395
|
}
|
|
396
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
396
|
+
.magritte-link_style_negative___BFuGj_4-1-4:focus-visible{
|
|
397
397
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
398
398
|
border-radius:9999px;
|
|
399
399
|
}
|
|
400
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
400
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
401
401
|
color:var(--magritte-color-component-link-text-state-negative-visited-v18-1-2);
|
|
402
402
|
}
|
|
403
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
403
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
404
404
|
stroke:var(--magritte-color-component-link-icon-state-negative-visited-v18-1-2);
|
|
405
405
|
}
|
|
406
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
406
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
407
407
|
fill:var(--magritte-color-component-link-icon-state-negative-visited-v18-1-2);
|
|
408
408
|
}
|
|
409
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
409
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
410
410
|
color:var(--magritte-color-component-link-text-state-negative-visited-hovered-v18-1-2);
|
|
411
411
|
}
|
|
412
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
412
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
413
413
|
stroke:var(--magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-2);
|
|
414
414
|
}
|
|
415
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
415
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
416
416
|
fill:var(--magritte-color-component-link-icon-state-negative-visited-hovered-v18-1-2);
|
|
417
417
|
}
|
|
418
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
418
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
419
419
|
color:var(--magritte-color-component-link-text-state-negative-visited-pressed-v18-1-2);
|
|
420
420
|
}
|
|
421
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
421
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
422
422
|
stroke:var(--magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-2);
|
|
423
423
|
}
|
|
424
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
424
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
425
425
|
fill:var(--magritte-color-component-link-icon-state-negative-visited-pressed-v18-1-2);
|
|
426
426
|
}
|
|
427
|
-
.magritte-link_style_negative___BFuGj_4-1-
|
|
427
|
+
.magritte-link_style_negative___BFuGj_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
428
428
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-negative-disabled-v18-1-2);
|
|
429
429
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-negative-disabled-v18-1-2);
|
|
430
430
|
cursor:not-allowed;
|
|
431
431
|
pointer-events:none;
|
|
432
432
|
}
|
|
433
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
433
|
+
.magritte-link_style_warning___pYAyP_4-1-4{
|
|
434
434
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-warning-v18-1-2);
|
|
435
435
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-warning-v18-1-2);
|
|
436
436
|
cursor:default;
|
|
437
437
|
}
|
|
438
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
438
|
+
.magritte-link_style_warning___pYAyP_4-1-4:hover{
|
|
439
439
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-hovered-v18-1-2);
|
|
440
440
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-hovered-v18-1-2);
|
|
441
441
|
cursor:pointer;
|
|
442
442
|
}
|
|
443
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
443
|
+
.magritte-link_style_warning___pYAyP_4-1-4:active{
|
|
444
444
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-pressed-v18-1-2);
|
|
445
445
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-pressed-v18-1-2);
|
|
446
446
|
cursor:pointer;
|
|
447
447
|
}
|
|
448
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
448
|
+
.magritte-link_style_warning___pYAyP_4-1-4:focus-visible{
|
|
449
449
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
450
450
|
border-radius:9999px;
|
|
451
451
|
}
|
|
452
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
452
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
453
453
|
color:var(--magritte-color-component-link-text-state-warning-visited-v18-1-2);
|
|
454
454
|
}
|
|
455
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
455
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
456
456
|
stroke:var(--magritte-color-component-link-icon-state-warning-visited-v18-1-2);
|
|
457
457
|
}
|
|
458
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
458
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
459
459
|
fill:var(--magritte-color-component-link-icon-state-warning-visited-v18-1-2);
|
|
460
460
|
}
|
|
461
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
461
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
462
462
|
color:var(--magritte-color-component-link-text-state-warning-visited-hovered-v18-1-2);
|
|
463
463
|
}
|
|
464
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
464
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
465
465
|
stroke:var(--magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-2);
|
|
466
466
|
}
|
|
467
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
467
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
468
468
|
fill:var(--magritte-color-component-link-icon-state-warning-visited-hovered-v18-1-2);
|
|
469
469
|
}
|
|
470
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
470
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
471
471
|
color:var(--magritte-color-component-link-text-state-warning-visited-pressed-v18-1-2);
|
|
472
472
|
}
|
|
473
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
473
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
474
474
|
stroke:var(--magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-2);
|
|
475
475
|
}
|
|
476
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
476
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
477
477
|
fill:var(--magritte-color-component-link-icon-state-warning-visited-pressed-v18-1-2);
|
|
478
478
|
}
|
|
479
|
-
.magritte-link_style_warning___pYAyP_4-1-
|
|
479
|
+
.magritte-link_style_warning___pYAyP_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
480
480
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-warning-disabled-v18-1-2);
|
|
481
481
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-warning-disabled-v18-1-2);
|
|
482
482
|
cursor:not-allowed;
|
|
483
483
|
pointer-events:none;
|
|
484
484
|
}
|
|
485
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
485
|
+
.magritte-link_style_contrast___Qty1T_4-1-4{
|
|
486
486
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-contrast-v18-1-2);
|
|
487
487
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-contrast-v18-1-2);
|
|
488
488
|
cursor:default;
|
|
489
489
|
}
|
|
490
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
490
|
+
.magritte-link_style_contrast___Qty1T_4-1-4:hover{
|
|
491
491
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-hovered-v18-1-2);
|
|
492
492
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-hovered-v18-1-2);
|
|
493
493
|
cursor:pointer;
|
|
494
494
|
}
|
|
495
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
495
|
+
.magritte-link_style_contrast___Qty1T_4-1-4:active{
|
|
496
496
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-pressed-v18-1-2);
|
|
497
497
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-pressed-v18-1-2);
|
|
498
498
|
cursor:pointer;
|
|
499
499
|
}
|
|
500
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
500
|
+
.magritte-link_style_contrast___Qty1T_4-1-4:focus-visible{
|
|
501
501
|
outline:4px solid var(--magritte-color-component-link-stroke-state-focused-accessible-v18-1-2);
|
|
502
502
|
border-radius:9999px;
|
|
503
503
|
}
|
|
504
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
504
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited .magritte-text___tkzIl_4-1-4{
|
|
505
505
|
color:var(--magritte-color-component-link-text-state-contrast-visited-v18-1-2);
|
|
506
506
|
}
|
|
507
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
507
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [stroke]{
|
|
508
508
|
stroke:var(--magritte-color-component-link-icon-state-contrast-visited-v18-1-2);
|
|
509
509
|
}
|
|
510
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
510
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited svg [fill]{
|
|
511
511
|
fill:var(--magritte-color-component-link-icon-state-contrast-visited-v18-1-2);
|
|
512
512
|
}
|
|
513
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
513
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover .magritte-text___tkzIl_4-1-4{
|
|
514
514
|
color:var(--magritte-color-component-link-text-state-contrast-visited-hovered-v18-1-2);
|
|
515
515
|
}
|
|
516
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
516
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [stroke]{
|
|
517
517
|
stroke:var(--magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-2);
|
|
518
518
|
}
|
|
519
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
519
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:hover svg [fill]{
|
|
520
520
|
fill:var(--magritte-color-component-link-icon-state-contrast-visited-hovered-v18-1-2);
|
|
521
521
|
}
|
|
522
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
522
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active .magritte-text___tkzIl_4-1-4{
|
|
523
523
|
color:var(--magritte-color-component-link-text-state-contrast-visited-pressed-v18-1-2);
|
|
524
524
|
}
|
|
525
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
525
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [stroke]{
|
|
526
526
|
stroke:var(--magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-2);
|
|
527
527
|
}
|
|
528
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
528
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_enable-visited___Biyib_4-1-4:not(.magritte-link_disabled___sbFrN_4-1-4):visited:active svg [fill]{
|
|
529
529
|
fill:var(--magritte-color-component-link-icon-state-contrast-visited-pressed-v18-1-2);
|
|
530
530
|
}
|
|
531
|
-
.magritte-link_style_contrast___Qty1T_4-1-
|
|
531
|
+
.magritte-link_style_contrast___Qty1T_4-1-4.magritte-link_disabled___sbFrN_4-1-4{
|
|
532
532
|
--magritte-ui-text-color-override:var(--magritte-color-component-link-text-state-contrast-disabled-v18-1-2);
|
|
533
533
|
--magritte-ui-icon-color-override:var(--magritte-color-component-link-icon-state-contrast-disabled-v18-1-2);
|
|
534
534
|
cursor:not-allowed;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-link",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.4",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"@hh.ru/magritte-common-use-disabled": "1.0.8",
|
|
24
24
|
"@hh.ru/magritte-design-tokens": "18.1.2",
|
|
25
25
|
"@hh.ru/magritte-types": "4.0.1",
|
|
26
|
-
"@hh.ru/magritte-ui-icon": "7.1.
|
|
26
|
+
"@hh.ru/magritte-ui-icon": "7.1.6",
|
|
27
27
|
"@hh.ru/magritte-ui-theme-provider": "1.1.22",
|
|
28
28
|
"@hh.ru/magritte-ui-typography": "3.0.9"
|
|
29
29
|
},
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "77a359961872f43d688f9507b225fa72ba99a3e8"
|
|
38
38
|
}
|