@mirohq/design-system-link 2.4.1 → 2.4.3

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/dist/main.js CHANGED
@@ -14,11 +14,12 @@ const TRANSITION_TIME = "250ms";
14
14
  const activeSelector = "&:active, &[data-pressed]";
15
15
  const hoverSelector = "&:hover, &[data-hovered]";
16
16
  const StyledLink = designSystemStitches.styled(designSystemPrimitive.Primitive.a, {
17
- textDecoration: "none",
17
+ textDecoration: "underline",
18
+ textDecorationThickness: "1px",
19
+ textUnderlineOffset: "$50",
18
20
  border: 0,
19
- borderBottom: "1px solid currentColor",
20
21
  cursor: "pointer",
21
- transition: "border ".concat(TRANSITION_TIME, ", color ").concat(TRANSITION_TIME),
22
+ transition: "color ".concat(TRANSITION_TIME),
22
23
  paddingX: "2px",
23
24
  ...designSystemStyles.focus.css({
24
25
  boxShadow: "$focus",
@@ -29,26 +30,20 @@ const StyledLink = designSystemStitches.styled(designSystemPrimitive.Primitive.a
29
30
  variant: {
30
31
  primary: {
31
32
  color: "$text-primary",
32
- borderColor: "$border-primary",
33
33
  [hoverSelector]: {
34
- color: "$text-primary-hover",
35
- borderColor: "$border-primary-hover"
34
+ color: "$text-primary-hover"
36
35
  },
37
36
  [activeSelector]: {
38
- color: "$text-primary-active",
39
- borderColor: "$border-primary-active"
37
+ color: "$text-primary-active"
40
38
  }
41
39
  },
42
40
  secondary: {
43
41
  color: "$text-neutrals-subtle",
44
- borderColor: "$border-neutrals-text-subtle",
45
42
  [hoverSelector]: {
46
- color: "$text-neutrals-subtle-hover",
47
- borderColor: "$border-neutrals-text-subtle-hover"
43
+ color: "$text-neutrals-subtle-hover"
48
44
  },
49
45
  [activeSelector]: {
50
- color: "$text-neutrals-subtle-active",
51
- borderColor: "$border-neutrals-text-subtle-active"
46
+ color: "$text-neutrals-subtle-active"
52
47
  }
53
48
  }
54
49
  },
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/link.styled.ts","../src/link.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst TRANSITION_TIME = '250ms'\n\nconst activeSelector = '&:active, &[data-pressed]'\nconst hoverSelector = '&:hover, &[data-hovered]'\n\nexport const StyledLink = styled(Primitive.a, {\n textDecoration: 'none',\n border: 0,\n borderBottom: '1px solid currentColor',\n cursor: 'pointer',\n transition: `border ${TRANSITION_TIME}, color ${TRANSITION_TIME}`,\n paddingX: '2px',\n\n ...focus.css({\n boxShadow: '$focus',\n outline: 'none',\n borderRadius: '2px',\n }),\n\n variants: {\n variant: {\n primary: {\n color: '$text-primary',\n borderColor: '$border-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n borderColor: '$border-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n borderColor: '$border-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n borderColor: '$border-neutrals-text-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n borderColor: '$border-neutrals-text-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n borderColor: '$border-neutrals-text-subtle-active',\n },\n },\n },\n asButton: {\n true: {\n background: 'none',\n paddingY: '$0',\n font: 'inherit',\n },\n },\n },\n})\n\nexport type StyledLinkProps = ComponentPropsWithRef<typeof StyledLink>\n","import React from 'react'\nimport type { ElementRef, ReactNode, DOMAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport type { StyledLinkProps } from './link.styled'\nimport { StyledLink } from './link.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\nexport interface LinkProps\n extends Omit<StyledLinkProps, 'asButton'>,\n PressProps,\n HoverEvents {\n /**\n * The content.\n */\n children: ReactNode\n\n /**\n * Change the link appearance.\n * @default 'primary'\n */\n variant?: StyledLinkProps['variant']\n}\n\nexport const Link = React.forwardRef<ElementRef<'a' | 'button'>, LinkProps>(\n (\n {\n variant = 'primary',\n disabled = false,\n 'aria-disabled': ariaDisabled,\n asChild,\n rel = '',\n target,\n href,\n onClick,\n onPress,\n children,\n tabIndex,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asButton = href === undefined && Boolean(onPress ?? onClick)\n let elementProps: DOMAttributes<any> = { ...restProps, onClick }\n\n if (disabled || booleanify(ariaDisabled)) {\n elementProps = removeEventProps(\n elementProps,\n disabled ? [] : ['onBlur', 'onFocus']\n )\n }\n\n const { pressProps } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n onPress,\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n let relProp: string | undefined = rel\n\n if (!asButton && target === '_blank') {\n if (!relProp.includes('noreferrer')) {\n relProp = `noreferrer ${relProp}`\n }\n\n if (!relProp.includes('noopener')) {\n relProp = `noopener ${relProp}`\n }\n\n relProp = relProp.trim()\n }\n\n if (relProp === '') {\n relProp = undefined\n }\n\n return (\n <StyledLink\n {...elementProps}\n data-hovered={isHovered ? '' : undefined}\n asChild={asButton || asChild}\n asButton={asButton}\n href={href}\n variant={variant}\n disabled={disabled}\n aria-disabled={\n disabled || booleanify(ariaDisabled) ? 'true' : undefined\n }\n tabIndex={\n tabIndex != null\n ? tabIndex\n : disabled\n ? -1\n : asChild === true || asButton\n ? 0\n : undefined\n }\n rel={relProp}\n target={target}\n // Link can be an <button> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {/*\n why not use a <button />?\n buttons break the read flow see the link\n https://codepen.io/ivanbanov/pen/WNVXMMx\n */}\n {asButton ? <span role='button'>{children}</span> : children}\n </StyledLink>\n )\n }\n)\n"],"names":["styled","Primitive","focus","booleanify","removeEventProps","usePress","useHover","mergeProps","jsx"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/link.styled.ts","../src/link.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst TRANSITION_TIME = '250ms'\n\nconst activeSelector = '&:active, &[data-pressed]'\nconst hoverSelector = '&:hover, &[data-hovered]'\n\nexport const StyledLink = styled(Primitive.a, {\n textDecoration: 'underline',\n textDecorationThickness: '1px',\n textUnderlineOffset: '$50',\n border: 0,\n cursor: 'pointer',\n transition: `color ${TRANSITION_TIME}`,\n paddingX: '2px',\n\n ...focus.css({\n boxShadow: '$focus',\n outline: 'none',\n borderRadius: '2px',\n }),\n\n variants: {\n variant: {\n primary: {\n color: '$text-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n },\n },\n },\n asButton: {\n true: {\n background: 'none',\n paddingY: '$0',\n font: 'inherit',\n },\n },\n },\n})\n\nexport type StyledLinkProps = ComponentPropsWithRef<typeof StyledLink>\n","import React from 'react'\nimport type { ElementRef, ReactNode, DOMAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport type { StyledLinkProps } from './link.styled'\nimport { StyledLink } from './link.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\nexport interface LinkProps\n extends Omit<StyledLinkProps, 'asButton'>,\n PressProps,\n HoverEvents {\n /**\n * The content.\n */\n children: ReactNode\n\n /**\n * Change the link appearance.\n * @default 'primary'\n */\n variant?: StyledLinkProps['variant']\n}\n\nexport const Link = React.forwardRef<ElementRef<'a' | 'button'>, LinkProps>(\n (\n {\n variant = 'primary',\n disabled = false,\n 'aria-disabled': ariaDisabled,\n asChild,\n rel = '',\n target,\n href,\n onClick,\n onPress,\n children,\n tabIndex,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asButton = href === undefined && Boolean(onPress ?? onClick)\n let elementProps: DOMAttributes<any> = { ...restProps, onClick }\n\n if (disabled || booleanify(ariaDisabled)) {\n elementProps = removeEventProps(\n elementProps,\n disabled ? [] : ['onBlur', 'onFocus']\n )\n }\n\n const { pressProps } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n onPress,\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n let relProp: string | undefined = rel\n\n if (!asButton && target === '_blank') {\n if (!relProp.includes('noreferrer')) {\n relProp = `noreferrer ${relProp}`\n }\n\n if (!relProp.includes('noopener')) {\n relProp = `noopener ${relProp}`\n }\n\n relProp = relProp.trim()\n }\n\n if (relProp === '') {\n relProp = undefined\n }\n\n return (\n <StyledLink\n {...elementProps}\n data-hovered={isHovered ? '' : undefined}\n asChild={asButton || asChild}\n asButton={asButton}\n href={href}\n variant={variant}\n disabled={disabled}\n aria-disabled={\n disabled || booleanify(ariaDisabled) ? 'true' : undefined\n }\n tabIndex={\n tabIndex != null\n ? tabIndex\n : disabled\n ? -1\n : asChild === true || asButton\n ? 0\n : undefined\n }\n rel={relProp}\n target={target}\n // Link can be an <button> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {/*\n why not use a <button />?\n buttons break the read flow see the link\n https://codepen.io/ivanbanov/pen/WNVXMMx\n */}\n {asButton ? <span role='button'>{children}</span> : children}\n </StyledLink>\n )\n }\n)\n"],"names":["styled","Primitive","focus","booleanify","removeEventProps","usePress","useHover","mergeProps","jsx"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -12,11 +12,12 @@ const TRANSITION_TIME = "250ms";
12
12
  const activeSelector = "&:active, &[data-pressed]";
13
13
  const hoverSelector = "&:hover, &[data-hovered]";
14
14
  const StyledLink = styled(Primitive.a, {
15
- textDecoration: "none",
15
+ textDecoration: "underline",
16
+ textDecorationThickness: "1px",
17
+ textUnderlineOffset: "$50",
16
18
  border: 0,
17
- borderBottom: "1px solid currentColor",
18
19
  cursor: "pointer",
19
- transition: "border ".concat(TRANSITION_TIME, ", color ").concat(TRANSITION_TIME),
20
+ transition: "color ".concat(TRANSITION_TIME),
20
21
  paddingX: "2px",
21
22
  ...focus.css({
22
23
  boxShadow: "$focus",
@@ -27,26 +28,20 @@ const StyledLink = styled(Primitive.a, {
27
28
  variant: {
28
29
  primary: {
29
30
  color: "$text-primary",
30
- borderColor: "$border-primary",
31
31
  [hoverSelector]: {
32
- color: "$text-primary-hover",
33
- borderColor: "$border-primary-hover"
32
+ color: "$text-primary-hover"
34
33
  },
35
34
  [activeSelector]: {
36
- color: "$text-primary-active",
37
- borderColor: "$border-primary-active"
35
+ color: "$text-primary-active"
38
36
  }
39
37
  },
40
38
  secondary: {
41
39
  color: "$text-neutrals-subtle",
42
- borderColor: "$border-neutrals-text-subtle",
43
40
  [hoverSelector]: {
44
- color: "$text-neutrals-subtle-hover",
45
- borderColor: "$border-neutrals-text-subtle-hover"
41
+ color: "$text-neutrals-subtle-hover"
46
42
  },
47
43
  [activeSelector]: {
48
- color: "$text-neutrals-subtle-active",
49
- borderColor: "$border-neutrals-text-subtle-active"
44
+ color: "$text-neutrals-subtle-active"
50
45
  }
51
46
  }
52
47
  },
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/link.styled.ts","../src/link.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst TRANSITION_TIME = '250ms'\n\nconst activeSelector = '&:active, &[data-pressed]'\nconst hoverSelector = '&:hover, &[data-hovered]'\n\nexport const StyledLink = styled(Primitive.a, {\n textDecoration: 'none',\n border: 0,\n borderBottom: '1px solid currentColor',\n cursor: 'pointer',\n transition: `border ${TRANSITION_TIME}, color ${TRANSITION_TIME}`,\n paddingX: '2px',\n\n ...focus.css({\n boxShadow: '$focus',\n outline: 'none',\n borderRadius: '2px',\n }),\n\n variants: {\n variant: {\n primary: {\n color: '$text-primary',\n borderColor: '$border-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n borderColor: '$border-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n borderColor: '$border-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n borderColor: '$border-neutrals-text-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n borderColor: '$border-neutrals-text-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n borderColor: '$border-neutrals-text-subtle-active',\n },\n },\n },\n asButton: {\n true: {\n background: 'none',\n paddingY: '$0',\n font: 'inherit',\n },\n },\n },\n})\n\nexport type StyledLinkProps = ComponentPropsWithRef<typeof StyledLink>\n","import React from 'react'\nimport type { ElementRef, ReactNode, DOMAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport type { StyledLinkProps } from './link.styled'\nimport { StyledLink } from './link.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\nexport interface LinkProps\n extends Omit<StyledLinkProps, 'asButton'>,\n PressProps,\n HoverEvents {\n /**\n * The content.\n */\n children: ReactNode\n\n /**\n * Change the link appearance.\n * @default 'primary'\n */\n variant?: StyledLinkProps['variant']\n}\n\nexport const Link = React.forwardRef<ElementRef<'a' | 'button'>, LinkProps>(\n (\n {\n variant = 'primary',\n disabled = false,\n 'aria-disabled': ariaDisabled,\n asChild,\n rel = '',\n target,\n href,\n onClick,\n onPress,\n children,\n tabIndex,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asButton = href === undefined && Boolean(onPress ?? onClick)\n let elementProps: DOMAttributes<any> = { ...restProps, onClick }\n\n if (disabled || booleanify(ariaDisabled)) {\n elementProps = removeEventProps(\n elementProps,\n disabled ? [] : ['onBlur', 'onFocus']\n )\n }\n\n const { pressProps } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n onPress,\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n let relProp: string | undefined = rel\n\n if (!asButton && target === '_blank') {\n if (!relProp.includes('noreferrer')) {\n relProp = `noreferrer ${relProp}`\n }\n\n if (!relProp.includes('noopener')) {\n relProp = `noopener ${relProp}`\n }\n\n relProp = relProp.trim()\n }\n\n if (relProp === '') {\n relProp = undefined\n }\n\n return (\n <StyledLink\n {...elementProps}\n data-hovered={isHovered ? '' : undefined}\n asChild={asButton || asChild}\n asButton={asButton}\n href={href}\n variant={variant}\n disabled={disabled}\n aria-disabled={\n disabled || booleanify(ariaDisabled) ? 'true' : undefined\n }\n tabIndex={\n tabIndex != null\n ? tabIndex\n : disabled\n ? -1\n : asChild === true || asButton\n ? 0\n : undefined\n }\n rel={relProp}\n target={target}\n // Link can be an <button> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {/*\n why not use a <button />?\n buttons break the read flow see the link\n https://codepen.io/ivanbanov/pen/WNVXMMx\n */}\n {asButton ? <span role='button'>{children}</span> : children}\n </StyledLink>\n )\n }\n)\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/link.styled.ts","../src/link.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst TRANSITION_TIME = '250ms'\n\nconst activeSelector = '&:active, &[data-pressed]'\nconst hoverSelector = '&:hover, &[data-hovered]'\n\nexport const StyledLink = styled(Primitive.a, {\n textDecoration: 'underline',\n textDecorationThickness: '1px',\n textUnderlineOffset: '$50',\n border: 0,\n cursor: 'pointer',\n transition: `color ${TRANSITION_TIME}`,\n paddingX: '2px',\n\n ...focus.css({\n boxShadow: '$focus',\n outline: 'none',\n borderRadius: '2px',\n }),\n\n variants: {\n variant: {\n primary: {\n color: '$text-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n },\n },\n },\n asButton: {\n true: {\n background: 'none',\n paddingY: '$0',\n font: 'inherit',\n },\n },\n },\n})\n\nexport type StyledLinkProps = ComponentPropsWithRef<typeof StyledLink>\n","import React from 'react'\nimport type { ElementRef, ReactNode, DOMAttributes } from 'react'\nimport { mergeProps } from '@react-aria/utils'\nimport { booleanify, removeEventProps } from '@mirohq/design-system-utils'\nimport { useHover } from '@react-aria/interactions'\nimport type { HoverEvents } from '@react-types/shared'\nimport { usePress } from '@mirohq/design-system-use-press'\nimport type { PressProps } from '@mirohq/design-system-use-press'\n\nimport type { StyledLinkProps } from './link.styled'\nimport { StyledLink } from './link.styled'\n\n// DO NOT export it in the index\n// Fix TS2742, option 3.1 in the comment bellow\n// https://github.com/microsoft/TypeScript/issues/47663#issuecomment-1519138189\nexport type { HoverEvents } from '@react-types/shared'\n\nexport interface LinkProps\n extends Omit<StyledLinkProps, 'asButton'>,\n PressProps,\n HoverEvents {\n /**\n * The content.\n */\n children: ReactNode\n\n /**\n * Change the link appearance.\n * @default 'primary'\n */\n variant?: StyledLinkProps['variant']\n}\n\nexport const Link = React.forwardRef<ElementRef<'a' | 'button'>, LinkProps>(\n (\n {\n variant = 'primary',\n disabled = false,\n 'aria-disabled': ariaDisabled,\n asChild,\n rel = '',\n target,\n href,\n onClick,\n onPress,\n children,\n tabIndex,\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n ...restProps\n },\n forwardRef\n ) => {\n const asButton = href === undefined && Boolean(onPress ?? onClick)\n let elementProps: DOMAttributes<any> = { ...restProps, onClick }\n\n if (disabled || booleanify(ariaDisabled)) {\n elementProps = removeEventProps(\n elementProps,\n disabled ? [] : ['onBlur', 'onFocus']\n )\n }\n\n const { pressProps } = usePress({\n preventFocusOnPress: true,\n disabled: disabled || booleanify(ariaDisabled),\n onPress,\n ...elementProps,\n })\n\n const { hoverProps, isHovered } = useHover({\n onHoverStart,\n onHoverEnd,\n onHoverChange,\n })\n\n elementProps = mergeProps(pressProps, hoverProps)\n\n let relProp: string | undefined = rel\n\n if (!asButton && target === '_blank') {\n if (!relProp.includes('noreferrer')) {\n relProp = `noreferrer ${relProp}`\n }\n\n if (!relProp.includes('noopener')) {\n relProp = `noopener ${relProp}`\n }\n\n relProp = relProp.trim()\n }\n\n if (relProp === '') {\n relProp = undefined\n }\n\n return (\n <StyledLink\n {...elementProps}\n data-hovered={isHovered ? '' : undefined}\n asChild={asButton || asChild}\n asButton={asButton}\n href={href}\n variant={variant}\n disabled={disabled}\n aria-disabled={\n disabled || booleanify(ariaDisabled) ? 'true' : undefined\n }\n tabIndex={\n tabIndex != null\n ? tabIndex\n : disabled\n ? -1\n : asChild === true || asButton\n ? 0\n : undefined\n }\n rel={relProp}\n target={target}\n // Link can be an <button> but TS will never know because it will only happen in runtime via asChild\n // @ts-expect-error\n ref={forwardRef}\n >\n {/*\n why not use a <button />?\n buttons break the read flow see the link\n https://codepen.io/ivanbanov/pen/WNVXMMx\n */}\n {asButton ? <span role='button'>{children}</span> : children}\n </StyledLink>\n )\n }\n)\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-link",
3
- "version": "2.4.1",
3
+ "version": "2.4.3",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,11 +29,11 @@
29
29
  "@react-aria/interactions": "^3.13.0",
30
30
  "@react-aria/utils": "^3.31.0",
31
31
  "@react-types/shared": "^3.16.0",
32
- "@mirohq/design-system-primitive": "^2.2.0",
33
- "@mirohq/design-system-stitches": "^3.2.1",
34
- "@mirohq/design-system-styles": "^3.1.1",
35
- "@mirohq/design-system-use-press": "^1.1.2",
36
- "@mirohq/design-system-utils": "^1.2.2"
32
+ "@mirohq/design-system-primitive": "^2.2.1",
33
+ "@mirohq/design-system-stitches": "^3.3.1",
34
+ "@mirohq/design-system-styles": "^3.1.3",
35
+ "@mirohq/design-system-use-press": "^1.1.3",
36
+ "@mirohq/design-system-utils": "^1.2.3"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rollup -c ../../../rollup.config.js",