@mirohq/design-system-link 2.4.2 → 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
@@ -16,10 +16,10 @@ const hoverSelector = "&:hover, &[data-hovered]";
16
16
  const StyledLink = designSystemStitches.styled(designSystemPrimitive.Primitive.a, {
17
17
  textDecoration: "underline",
18
18
  textDecorationThickness: "1px",
19
- textUnderlineOffset: "6px",
19
+ textUnderlineOffset: "$50",
20
20
  border: 0,
21
21
  cursor: "pointer",
22
- transition: "text-decoration-color ".concat(TRANSITION_TIME, ", color ").concat(TRANSITION_TIME),
22
+ transition: "color ".concat(TRANSITION_TIME),
23
23
  paddingX: "2px",
24
24
  ...designSystemStyles.focus.css({
25
25
  boxShadow: "$focus",
@@ -30,26 +30,20 @@ const StyledLink = designSystemStitches.styled(designSystemPrimitive.Primitive.a
30
30
  variant: {
31
31
  primary: {
32
32
  color: "$text-primary",
33
- textDecorationColor: "$border-primary",
34
33
  [hoverSelector]: {
35
- color: "$text-primary-hover",
36
- textDecorationColor: "$border-primary-hover"
34
+ color: "$text-primary-hover"
37
35
  },
38
36
  [activeSelector]: {
39
- color: "$text-primary-active",
40
- textDecorationColor: "$border-primary-active"
37
+ color: "$text-primary-active"
41
38
  }
42
39
  },
43
40
  secondary: {
44
41
  color: "$text-neutrals-subtle",
45
- textDecorationColor: "$border-neutrals-text-subtle",
46
42
  [hoverSelector]: {
47
- color: "$text-neutrals-subtle-hover",
48
- textDecorationColor: "$border-neutrals-text-subtle-hover"
43
+ color: "$text-neutrals-subtle-hover"
49
44
  },
50
45
  [activeSelector]: {
51
- color: "$text-neutrals-subtle-active",
52
- textDecorationColor: "$border-neutrals-text-subtle-active"
46
+ color: "$text-neutrals-subtle-active"
53
47
  }
54
48
  }
55
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: 'underline',\n textDecorationThickness: '1px',\n textUnderlineOffset: '6px',\n border: 0,\n cursor: 'pointer',\n transition: `text-decoration-color ${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 textDecorationColor: '$border-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n textDecorationColor: '$border-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n textDecorationColor: '$border-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n textDecorationColor: '$border-neutrals-text-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n textDecorationColor: '$border-neutrals-text-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n textDecorationColor: '$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":";;;;;;;;;;;;AAKA,MAAM,eAAA,GAAkB,OAAA;AAExB,MAAM,cAAA,GAAiB,2BAAA;AACvB,MAAM,aAAA,GAAgB,0BAAA;AAEf,MAAM,UAAA,GAAaA,2BAAA,CAAOC,+BAAA,CAAU,CAAA,EAAG;AAAA,EAC5C,cAAA,EAAgB,WAAA;AAAA,EAChB,uBAAA,EAAyB,KAAA;AAAA,EACzB,mBAAA,EAAqB,KAAA;AAAA,EACrB,MAAA,EAAQ,CAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY,wBAAA,CAAyB,MAAA,CAAA,eAAA,EAAe,UAAA,CAAA,CAAW,MAAA,CAAA,eAAA,CAAA;AAAA,EAC/D,QAAA,EAAU,KAAA;AAAA,EAEV,GAAGC,yBAAM,GAAA,CAAI;AAAA,IACX,SAAA,EAAW,QAAA;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,YAAA,EAAc;AAAA,GACf,CAAA;AAAA,EAED,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,mBAAA,EAAqB,iBAAA;AAAA,QACrB,CAAC,aAAa,GAAG;AAAA,UACf,KAAA,EAAO,qBAAA;AAAA,UACP,mBAAA,EAAqB;AAAA,SACvB;AAAA,QACA,CAAC,cAAc,GAAG;AAAA,UAChB,KAAA,EAAO,sBAAA;AAAA,UACP,mBAAA,EAAqB;AAAA;AACvB,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,KAAA,EAAO,uBAAA;AAAA,QACP,mBAAA,EAAqB,8BAAA;AAAA,QACrB,CAAC,aAAa,GAAG;AAAA,UACf,KAAA,EAAO,6BAAA;AAAA,UACP,mBAAA,EAAqB;AAAA,SACvB;AAAA,QACA,CAAC,cAAc,GAAG;AAAA,UAChB,KAAA,EAAO,8BAAA;AAAA,UACP,mBAAA,EAAqB;AAAA;AACvB;AACF,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,IAAA;AAAA,QACV,IAAA,EAAM;AAAA;AACR;AACF;AAEJ,CAAC,CAAA;;AC3BM,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACxB,CACE;AAAA,IACE,OAAA,GAAU,SAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,eAAA,EAAiB,YAAA;AAAA,IACjB,OAAA;AAAA,IACA,GAAA,GAAM,EAAA;AAAA,IACN,MAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,KAEL,UAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,IAAA,KAAS,MAAA,IAAa,OAAA,CAAQ,4BAAW,OAAO,CAAA;AACjE,IAAA,IAAI,YAAA,GAAmC,EAAE,GAAG,SAAA,EAAW,OAAA,EAAQ;AAE/D,IAAA,IAAI,QAAA,IAAYC,4BAAA,CAAW,YAAY,CAAA,EAAG;AACxC,MAAA,YAAA,GAAeC,kCAAA;AAAA,QACb,YAAA;AAAA,QACA,QAAA,GAAW,EAAC,GAAI,CAAC,UAAU,SAAS;AAAA,OACtC;AAAA,IACF;AAEA,IAAA,MAAM,EAAE,UAAA,EAAW,GAAIC,6BAAA,CAAS;AAAA,MAC9B,mBAAA,EAAqB,IAAA;AAAA,MACrB,QAAA,EAAU,QAAA,IAAYF,4BAAA,CAAW,YAAY,CAAA;AAAA,MAC7C,OAAA;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAED,IAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAU,GAAIG,qBAAA,CAAS;AAAA,MACzC,YAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,YAAA,GAAeC,gBAAA,CAAW,YAAY,UAAU,CAAA;AAEhD,IAAA,IAAI,OAAA,GAA8B,GAAA;AAElC,IAAA,IAAI,CAAC,QAAA,IAAY,MAAA,KAAW,QAAA,EAAU;AACpC,MAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,YAAY,CAAA,EAAG;AACnC,QAAA,OAAA,GAAU,aAAA,CAAc,MAAA,CAAA,OAAA,CAAA;AAAA,MAC1B;AAEA,MAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,UAAU,CAAA,EAAG;AACjC,QAAA,OAAA,GAAU,WAAA,CAAY,MAAA,CAAA,OAAA,CAAA;AAAA,MACxB;AAEA,MAAA,OAAA,GAAU,QAAQ,IAAA,EAAK;AAAA,IACzB;AAEA,IAAA,IAAI,YAAY,EAAA,EAAI;AAClB,MAAA,OAAA,GAAU,MAAA;AAAA,IACZ;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,cAAA,EAAc,YAAY,EAAA,GAAK,MAAA;AAAA,QAC/B,SAAS,QAAA,IAAY,OAAA;AAAA,QACrB,QAAA;AAAA,QACA,IAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA,EACE,QAAA,IAAYL,4BAAA,CAAW,YAAY,IAAI,MAAA,GAAS,MAAA;AAAA,QAElD,QAAA,EACE,YAAY,IAAA,GACR,QAAA,GACA,WACA,EAAA,GACA,OAAA,KAAY,IAAA,IAAQ,QAAA,GACpB,CAAA,GACA,MAAA;AAAA,QAEN,GAAA,EAAK,OAAA;AAAA,QACL,MAAA;AAAA,QAGA,GAAA,EAAK,UAAA;AAAA,QAOJ,qCAAWK,cAAA,CAAC,MAAA,EAAA,EAAK,IAAA,EAAK,QAAA,EAAU,UAAS,CAAA,GAAU;AAAA;AAAA,KACtD;AAAA,EAEJ;AACF;;;;"}
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
@@ -14,10 +14,10 @@ const hoverSelector = "&:hover, &[data-hovered]";
14
14
  const StyledLink = styled(Primitive.a, {
15
15
  textDecoration: "underline",
16
16
  textDecorationThickness: "1px",
17
- textUnderlineOffset: "6px",
17
+ textUnderlineOffset: "$50",
18
18
  border: 0,
19
19
  cursor: "pointer",
20
- transition: "text-decoration-color ".concat(TRANSITION_TIME, ", color ").concat(TRANSITION_TIME),
20
+ transition: "color ".concat(TRANSITION_TIME),
21
21
  paddingX: "2px",
22
22
  ...focus.css({
23
23
  boxShadow: "$focus",
@@ -28,26 +28,20 @@ const StyledLink = styled(Primitive.a, {
28
28
  variant: {
29
29
  primary: {
30
30
  color: "$text-primary",
31
- textDecorationColor: "$border-primary",
32
31
  [hoverSelector]: {
33
- color: "$text-primary-hover",
34
- textDecorationColor: "$border-primary-hover"
32
+ color: "$text-primary-hover"
35
33
  },
36
34
  [activeSelector]: {
37
- color: "$text-primary-active",
38
- textDecorationColor: "$border-primary-active"
35
+ color: "$text-primary-active"
39
36
  }
40
37
  },
41
38
  secondary: {
42
39
  color: "$text-neutrals-subtle",
43
- textDecorationColor: "$border-neutrals-text-subtle",
44
40
  [hoverSelector]: {
45
- color: "$text-neutrals-subtle-hover",
46
- textDecorationColor: "$border-neutrals-text-subtle-hover"
41
+ color: "$text-neutrals-subtle-hover"
47
42
  },
48
43
  [activeSelector]: {
49
- color: "$text-neutrals-subtle-active",
50
- textDecorationColor: "$border-neutrals-text-subtle-active"
44
+ color: "$text-neutrals-subtle-active"
51
45
  }
52
46
  }
53
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: 'underline',\n textDecorationThickness: '1px',\n textUnderlineOffset: '6px',\n border: 0,\n cursor: 'pointer',\n transition: `text-decoration-color ${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 textDecorationColor: '$border-primary',\n [hoverSelector]: {\n color: '$text-primary-hover',\n textDecorationColor: '$border-primary-hover',\n },\n [activeSelector]: {\n color: '$text-primary-active',\n textDecorationColor: '$border-primary-active',\n },\n },\n secondary: {\n color: '$text-neutrals-subtle',\n textDecorationColor: '$border-neutrals-text-subtle',\n [hoverSelector]: {\n color: '$text-neutrals-subtle-hover',\n textDecorationColor: '$border-neutrals-text-subtle-hover',\n },\n [activeSelector]: {\n color: '$text-neutrals-subtle-active',\n textDecorationColor: '$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":";;;;;;;;;;AAKA,MAAM,eAAA,GAAkB,OAAA;AAExB,MAAM,cAAA,GAAiB,2BAAA;AACvB,MAAM,aAAA,GAAgB,0BAAA;AAEf,MAAM,UAAA,GAAa,MAAA,CAAO,SAAA,CAAU,CAAA,EAAG;AAAA,EAC5C,cAAA,EAAgB,WAAA;AAAA,EAChB,uBAAA,EAAyB,KAAA;AAAA,EACzB,mBAAA,EAAqB,KAAA;AAAA,EACrB,MAAA,EAAQ,CAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,YAAY,QAAA,CAAS,MAAA,CAAA,eAAA,CAAA;AAAA,EACrB,QAAA,EAAU,KAAA;AAAA,EAEV,GAAG,MAAM,GAAA,CAAI;AAAA,IACX,SAAA,EAAW,QAAA;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,YAAA,EAAc;AAAA,GACf,CAAA;AAAA,EAED,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,CAAC,aAAa,GAAG;AAAA,UACf,KAAA,EAAO;AAAA,SACT;AAAA,QACA,CAAC,cAAc,GAAG;AAAA,UAChB,KAAA,EAAO;AAAA;AACT,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,KAAA,EAAO,uBAAA;AAAA,QACP,CAAC,aAAa,GAAG;AAAA,UACf,KAAA,EAAO;AAAA,SACT;AAAA,QACA,CAAC,cAAc,GAAG;AAAA,UAChB,KAAA,EAAO;AAAA;AACT;AACF,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,IAAA;AAAA,QACV,IAAA,EAAM;AAAA;AACR;AACF;AAEJ,CAAC,CAAA;;ACrBM,MAAM,OAAO,KAAA,CAAM,UAAA;AAAA,EACxB,CACE;AAAA,IACE,OAAA,GAAU,SAAA;AAAA,IACV,QAAA,GAAW,KAAA;AAAA,IACX,eAAA,EAAiB,YAAA;AAAA,IACjB,OAAA;AAAA,IACA,GAAA,GAAM,EAAA;AAAA,IACN,MAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,KAEL,UAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,IAAA,KAAS,MAAA,IAAa,OAAA,CAAQ,4BAAW,OAAO,CAAA;AACjE,IAAA,IAAI,YAAA,GAAmC,EAAE,GAAG,SAAA,EAAW,OAAA,EAAQ;AAE/D,IAAA,IAAI,QAAA,IAAY,UAAA,CAAW,YAAY,CAAA,EAAG;AACxC,MAAA,YAAA,GAAe,gBAAA;AAAA,QACb,YAAA;AAAA,QACA,QAAA,GAAW,EAAC,GAAI,CAAC,UAAU,SAAS;AAAA,OACtC;AAAA,IACF;AAEA,IAAA,MAAM,EAAE,UAAA,EAAW,GAAI,QAAA,CAAS;AAAA,MAC9B,mBAAA,EAAqB,IAAA;AAAA,MACrB,QAAA,EAAU,QAAA,IAAY,UAAA,CAAW,YAAY,CAAA;AAAA,MAC7C,OAAA;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAED,IAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAU,GAAI,QAAA,CAAS;AAAA,MACzC,YAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,YAAA,GAAe,UAAA,CAAW,YAAY,UAAU,CAAA;AAEhD,IAAA,IAAI,OAAA,GAA8B,GAAA;AAElC,IAAA,IAAI,CAAC,QAAA,IAAY,MAAA,KAAW,QAAA,EAAU;AACpC,MAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,YAAY,CAAA,EAAG;AACnC,QAAA,OAAA,GAAU,aAAA,CAAc,MAAA,CAAA,OAAA,CAAA;AAAA,MAC1B;AAEA,MAAA,IAAI,CAAC,OAAA,CAAQ,QAAA,CAAS,UAAU,CAAA,EAAG;AACjC,QAAA,OAAA,GAAU,WAAA,CAAY,MAAA,CAAA,OAAA,CAAA;AAAA,MACxB;AAEA,MAAA,OAAA,GAAU,QAAQ,IAAA,EAAK;AAAA,IACzB;AAEA,IAAA,IAAI,YAAY,EAAA,EAAI;AAClB,MAAA,OAAA,GAAU,MAAA;AAAA,IACZ;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,YAAA;AAAA,QACJ,cAAA,EAAc,YAAY,EAAA,GAAK,MAAA;AAAA,QAC/B,SAAS,QAAA,IAAY,OAAA;AAAA,QACrB,QAAA;AAAA,QACA,IAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA,EACE,QAAA,IAAY,UAAA,CAAW,YAAY,IAAI,MAAA,GAAS,MAAA;AAAA,QAElD,QAAA,EACE,YAAY,IAAA,GACR,QAAA,GACA,WACA,EAAA,GACA,OAAA,KAAY,IAAA,IAAQ,QAAA,GACpB,CAAA,GACA,MAAA;AAAA,QAEN,GAAA,EAAK,OAAA;AAAA,QACL,MAAA;AAAA,QAGA,GAAA,EAAK,UAAA;AAAA,QAOJ,qCAAW,GAAA,CAAC,MAAA,EAAA,EAAK,IAAA,EAAK,QAAA,EAAU,UAAS,CAAA,GAAU;AAAA;AAAA,KACtD;AAAA,EAEJ;AACF;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-link",
3
- "version": "2.4.2",
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.3.0",
34
- "@mirohq/design-system-use-press": "^1.1.2",
35
- "@mirohq/design-system-styles": "^3.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",