@semcore/link 5.44.2-prerelease.5 → 5.44.3-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [5.44.3] - 2025-05-09
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/core` [2.39.2 ~> 2.39.3]).
+
 ## [5.44.2] - 2025-04-04
 
 ### Changed

package/lib/cjs/Link.js

@@ -24,19 +24,21 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
 var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
-/*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLink_15i81_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_15i81_gg_:active,.___SLink_15i81_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_15i81_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_15i81_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_15i81_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_15i81_gg_.__active_15i81_gg_ .___SText_15i81_gg_,.___SLink_15i81_gg_:active .___SText_15i81_gg_{border-color:currentColor}@media (hover:hover){.___SLink_15i81_gg_:hover .___SText_15i81_gg_{border-color:currentColor}}.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_15i81_gg_.__keyboardFocused_15i81_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_15i81_gg_.__visually-disabled_15i81_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_15i81_gg_.__noWrapText_15i81_gg_{white-space:nowrap}.___SLink_15i81_gg_.__inline_15i81_gg_{display:inline}.___SAddon_15i81_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_15i81_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_15i81_gg_.__text-color_15i81_gg_{color:var(--text-color_15i81)}.___SLink_15i81_gg_.__text-color_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_.__text-color_15i81_gg_:active{color:var(--text-color_15i81);filter:brightness(.8)}@media (hover:hover){.___SLink_15i81_gg_.__text-color_15i81_gg_:hover{color:var(--text-color_15i81);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_15i81_gg_,.___SText_15i81_gg_{transition:none}}" /*__inner_css_end__*/, "15i81_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_15i81_gg_",
-  "_keyboardFocused": "__keyboardFocused_15i81_gg_",
-  "_visually-disabled": "__visually-disabled_15i81_gg_",
-  "_noWrapText": "__noWrapText_15i81_gg_",
-  "_inline": "__inline_15i81_gg_",
-  "__SAddon": "___SAddon_15i81_gg_",
-  "__SText": "___SText_15i81_gg_",
-  "_active": "__active_15i81_gg_",
-  "_enableVisited": "__enableVisited_15i81_gg_",
-  "_text-color": "__text-color_15i81_gg_",
-  "--text-color": "--text-color_15i81"
+/*!__reshadow-styles__:"./style/link.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLink_7ovi8_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_7ovi8_gg_:active,.___SLink_7ovi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_7ovi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_7ovi8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_7ovi8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_7ovi8_gg_.__active_7ovi8_gg_ .___SText_7ovi8_gg_,.___SLink_7ovi8_gg_:active .___SText_7ovi8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_7ovi8_gg_:hover .___SText_7ovi8_gg_{border-color:currentColor}}.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_7ovi8_gg_.__keyboardFocused_7ovi8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_7ovi8_gg_.__visually-disabled_7ovi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_7ovi8_gg_.__noWrapText_7ovi8_gg_{white-space:nowrap}.___SLink_7ovi8_gg_.__inline_7ovi8_gg_{display:inline}.___SAddon_7ovi8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_7ovi8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_{color:var(--text-color_7ovi8)}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:active{color:var(--text-color_7ovi8);filter:brightness(.8)}@media (hover:hover){.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:hover{color:var(--text-color_7ovi8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_7ovi8_gg_,.___SText_7ovi8_gg_{transition:none}}", /*__inner_css_end__*/"7ovi8_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLink": "___SLink_7ovi8_gg_",
+  "_keyboardFocused": "__keyboardFocused_7ovi8_gg_",
+  "_visually-disabled": "__visually-disabled_7ovi8_gg_",
+  "_noWrapText": "__noWrapText_7ovi8_gg_",
+  "_inline": "__inline_7ovi8_gg_",
+  "__SAddon": "___SAddon_7ovi8_gg_",
+  "__SText": "___SText_7ovi8_gg_",
+  "_active": "__active_7ovi8_gg_",
+  "_enableVisited": "__enableVisited_7ovi8_gg_",
+  "_text-color": "__text-color_7ovi8_gg_",
+  "--text-color": "--text-color_7ovi8"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLink, _Component);

package/lib/cjs/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_typography","_flexBox","_tooltip","_keyboardFocusEnhance","_addonTextChildren","_logger","_hasLabels","_resolveColorEnhance","style","_index","sstyled","insert","RootLink","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","visibleHint","setState","_createClass2","key","value","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Link","Addon","tag","addonTextChildren","Text","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","keyboardFocused","state","hintContent","Hint","timeout","visible","cn","render","_ref","_ref6","SLink","_this$asProps3","noWrap","color","resolveColor","disabled","href","hasChildren","children","_objectSpread2","assignProps","undefined","handleMouseEnterOnlyAddon","handleMouseLeaveOnlyAddon","Component","keyboardFocusEnhance","resolveColorEnhance","LinkText","props","_ref2","arguments[0]","_ref7","SText","Box","_ref3","_ref8","SAddon","createComponent","_default","exports"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/link.shadow.css';\n\nclass RootLink extends Component {\n  static displayName = 'Link';\n  static defaultProps = {\n    noWrap: true,\n  };\n  static style = style;\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n    visibleHint: false,\n  };\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`,\n        this.asProps['data-ui-name'] || RootLink.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  handleMouseEnterOnlyAddon = () => {\n    this.setState({ visibleHint: true });\n  };\n  handleMouseLeaveOnlyAddon = () => {\n    this.setState({ visibleHint: false });\n  };\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Link.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? <Link.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n      keyboardFocused,\n    } = this.asProps;\n    const { visibleHint } = this.state;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Link.Addon\n        tag={Hint}\n        title={hintContent}\n        timeout={[250, 50]}\n        visible={keyboardFocused || visibleHint}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Link.Addon>,\n    );\n  }\n\n  render() {\n    const SLink = Root;\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SLink\n        role='link'\n        tabIndex={disabled ? -1 : 0}\n        use:href={disabled ? undefined : href}\n        visually-disabled={disabled}\n        render={Text}\n        text-color={resolveColor(color)}\n        tag='a'\n        noWrapText={noWrap}\n        use:noWrap={false}\n        ref={this.containerRef}\n        __excludeProps={['disabled', 'aria-disabled']}\n        onMouseEnter={this.handleMouseEnterOnlyAddon}\n        onMouseLeave={this.handleMouseLeaveOnlyAddon}\n      >\n        {hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons()}\n      </SLink>,\n    );\n  }\n}\n\nfunction LinkText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Link = createComponent(RootLink, {\n  Text: LinkText,\n  Addon,\n});\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"Link.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_typography","_flexBox","_tooltip","_keyboardFocusEnhance","_addonTextChildren","_logger","_hasLabels","_resolveColorEnhance","style","_index","sstyled","insert","RootLink","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","visibleHint","setState","_createClass2","key","value","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Link","Addon","tag","addonTextChildren","Text","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","keyboardFocused","state","hintContent","Hint","timeout","visible","cn","render","_ref","_ref6","SLink","_this$asProps3","noWrap","color","resolveColor","disabled","href","hasChildren","children","_objectSpread2","assignProps","undefined","handleMouseEnterOnlyAddon","handleMouseLeaveOnlyAddon","Component","keyboardFocusEnhance","resolveColorEnhance","LinkText","props","_ref2","arguments[0]","_ref7","SText","Box","_ref3","_ref8","SAddon","createComponent","_default","exports"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/link.shadow.css';\n\nclass RootLink extends Component {\n  static displayName = 'Link';\n  static defaultProps = {\n    noWrap: true,\n  };\n  static style = style;\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n    visibleHint: false,\n  };\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`,\n        this.asProps['data-ui-name'] || RootLink.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  handleMouseEnterOnlyAddon = () => {\n    this.setState({ visibleHint: true });\n  };\n  handleMouseLeaveOnlyAddon = () => {\n    this.setState({ visibleHint: false });\n  };\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Link.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? <Link.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n      keyboardFocused,\n    } = this.asProps;\n    const { visibleHint } = this.state;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Link.Addon\n        tag={Hint}\n        title={hintContent}\n        timeout={[250, 50]}\n        visible={keyboardFocused || visibleHint}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Link.Addon>,\n    );\n  }\n\n  render() {\n    const SLink = Root;\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SLink\n        role='link'\n        tabIndex={disabled ? -1 : 0}\n        use:href={disabled ? undefined : href}\n        visually-disabled={disabled}\n        render={Text}\n        text-color={resolveColor(color)}\n        tag='a'\n        noWrapText={noWrap}\n        use:noWrap={false}\n        ref={this.containerRef}\n        __excludeProps={['disabled', 'aria-disabled']}\n        onMouseEnter={this.handleMouseEnterOnlyAddon}\n        onMouseLeave={this.handleMouseLeaveOnlyAddon}\n      >\n        {hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons()}\n      </SLink>,\n    );\n  }\n}\n\nfunction LinkText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Link = createComponent(RootLink, {\n  Text: LinkText,\n  Addon,\n});\n\nexport default Link;\n"],"mappings":"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"}

package/lib/es6/Link.js

@@ -19,19 +19,21 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
 import logger from '@semcore/utils/lib/logger';
 import hasLabels from '@semcore/utils/lib/hasLabels';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
-/*__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_15i81_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_15i81_gg_:active,.___SLink_15i81_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_15i81_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_15i81_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_15i81_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_15i81_gg_.__active_15i81_gg_ .___SText_15i81_gg_,.___SLink_15i81_gg_:active .___SText_15i81_gg_{border-color:currentColor}@media (hover:hover){.___SLink_15i81_gg_:hover .___SText_15i81_gg_{border-color:currentColor}}.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_15i81_gg_.__keyboardFocused_15i81_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_15i81_gg_.__visually-disabled_15i81_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_15i81_gg_.__noWrapText_15i81_gg_{white-space:nowrap}.___SLink_15i81_gg_.__inline_15i81_gg_{display:inline}.___SAddon_15i81_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_15i81_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_15i81_gg_.__text-color_15i81_gg_{color:var(--text-color_15i81)}.___SLink_15i81_gg_.__text-color_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_.__text-color_15i81_gg_:active{color:var(--text-color_15i81);filter:brightness(.8)}@media (hover:hover){.___SLink_15i81_gg_.__text-color_15i81_gg_:hover{color:var(--text-color_15i81);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_15i81_gg_,.___SText_15i81_gg_{transition:none}}" /*__inner_css_end__*/, "15i81_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_15i81_gg_",
-  "_keyboardFocused": "__keyboardFocused_15i81_gg_",
-  "_visually-disabled": "__visually-disabled_15i81_gg_",
-  "_noWrapText": "__noWrapText_15i81_gg_",
-  "_inline": "__inline_15i81_gg_",
-  "__SAddon": "___SAddon_15i81_gg_",
-  "__SText": "___SText_15i81_gg_",
-  "_active": "__active_15i81_gg_",
-  "_enableVisited": "__enableVisited_15i81_gg_",
-  "_text-color": "__text-color_15i81_gg_",
-  "--text-color": "--text-color_15i81"
+/*!__reshadow-styles__:"./style/link.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_7ovi8_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_7ovi8_gg_:active,.___SLink_7ovi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_7ovi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_7ovi8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_7ovi8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_7ovi8_gg_.__active_7ovi8_gg_ .___SText_7ovi8_gg_,.___SLink_7ovi8_gg_:active .___SText_7ovi8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_7ovi8_gg_:hover .___SText_7ovi8_gg_{border-color:currentColor}}.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_7ovi8_gg_.__keyboardFocused_7ovi8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_7ovi8_gg_.__visually-disabled_7ovi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_7ovi8_gg_.__noWrapText_7ovi8_gg_{white-space:nowrap}.___SLink_7ovi8_gg_.__inline_7ovi8_gg_{display:inline}.___SAddon_7ovi8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_7ovi8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_{color:var(--text-color_7ovi8)}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:active{color:var(--text-color_7ovi8);filter:brightness(.8)}@media (hover:hover){.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:hover{color:var(--text-color_7ovi8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_7ovi8_gg_,.___SText_7ovi8_gg_{transition:none}}", /*__inner_css_end__*/"7ovi8_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SLink": "___SLink_7ovi8_gg_",
+  "_keyboardFocused": "__keyboardFocused_7ovi8_gg_",
+  "_visually-disabled": "__visually-disabled_7ovi8_gg_",
+  "_noWrapText": "__noWrapText_7ovi8_gg_",
+  "_inline": "__inline_7ovi8_gg_",
+  "__SAddon": "___SAddon_7ovi8_gg_",
+  "__SText": "___SText_7ovi8_gg_",
+  "_active": "__active_7ovi8_gg_",
+  "_enableVisited": "__enableVisited_7ovi8_gg_",
+  "_text-color": "__text-color_7ovi8_gg_",
+  "--text-color": "--text-color_7ovi8"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);

package/lib/es6/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","createComponent","Component","Root","sstyled","Text","Box","Hint","keyboardFocusEnhance","addonTextChildren","logger","hasLabels","resolveColorEnhance","style","_sstyled","insert","RootLink","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","visibleHint","setState","_createClass","key","value","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Link","Addon","tag","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","keyboardFocused","state","hintContent","timeout","visible","cn","render","_ref","_ref6","SLink","_this$asProps3","noWrap","color","resolveColor","disabled","href","hasChildren","children","_objectSpread","_assignProps","undefined","handleMouseEnterOnlyAddon","handleMouseLeaveOnlyAddon","LinkText","props","_ref2","arguments[0]","_ref7","SText","_assignProps2","_ref3","_ref8","SAddon","_assignProps3"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/link.shadow.css';\n\nclass RootLink extends Component {\n  static displayName = 'Link';\n  static defaultProps = {\n    noWrap: true,\n  };\n  static style = style;\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n    visibleHint: false,\n  };\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`,\n        this.asProps['data-ui-name'] || RootLink.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  handleMouseEnterOnlyAddon = () => {\n    this.setState({ visibleHint: true });\n  };\n  handleMouseLeaveOnlyAddon = () => {\n    this.setState({ visibleHint: false });\n  };\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Link.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? <Link.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n      keyboardFocused,\n    } = this.asProps;\n    const { visibleHint } = this.state;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Link.Addon\n        tag={Hint}\n        title={hintContent}\n        timeout={[250, 50]}\n        visible={keyboardFocused || visibleHint}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Link.Addon>,\n    );\n  }\n\n  render() {\n    const SLink = Root;\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SLink\n        role='link'\n        tabIndex={disabled ? -1 : 0}\n        use:href={disabled ? undefined : href}\n        visually-disabled={disabled}\n        render={Text}\n        text-color={resolveColor(color)}\n        tag='a'\n        noWrapText={noWrap}\n        use:noWrap={false}\n        ref={this.containerRef}\n        __excludeProps={['disabled', 'aria-disabled']}\n        onMouseEnter={this.handleMouseEnterOnlyAddon}\n        onMouseLeave={this.handleMouseLeaveOnlyAddon}\n      >\n        {hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons()}\n      </SLink>,\n    );\n  }\n}\n\nfunction LinkText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Link = createComponent(RootLink, {\n  Text: LinkText,\n  Addon,\n});\n\nexport default Link;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,mBAAmB,MAAM,iDAAiD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,QAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAOGrB,KAAK,CAACkC,SAAS,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAExB;MACNc,qBAAqB,EAAE,EAAE;MACzBC,WAAW,EAAE;IACf,CAAC;IAAAJ,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAqB2B,YAAM;MAChCA,KAAA,CAAKgB,QAAQ,CAAC;QAAED,WAAW,EAAE;MAAK,CAAC,CAAC;IACtC,CAAC;IAAAJ,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAC2B,YAAM;MAChCA,KAAA,CAAKgB,QAAQ,CAAC;QAAED,WAAW,EAAE;MAAM,CAAC,CAAC;IACvC,CAAC;IAAA,OAAAf,KAAA;EAAA;EAAAiB,YAAA,CAAAtB,QAAA;IAAAuB,GAAA;IAAAC,KAAA,EAxBD,SAAAC,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzCnC,MAAM,CAACoC,IAAI,CACT,IAAI,CAACC,YAAY,CAACC,OAAO,IAAI,CAACrC,SAAS,CAAC,IAAI,CAACoC,YAAY,CAACC,OAAO,CAAC,oGAElE,IAAI,CAACC,OAAO,CAAC,cAAc,CAAC,IAAIjC,QAAQ,CAACkC,WAAW,CACrD;MACH;MAEA,IAAI,IAAI,CAACD,OAAO,CAAC,iBAAiB,CAAC,EAAE;QACnCE,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACfX,MAAI,CAACL,QAAQ,CAAC;YACZF,qBAAqB,GAAAiB,qBAAA,IAAAC,sBAAA,GACnBC,QAAQ,CAACC,cAAc,CAACb,MAAI,CAACO,OAAO,CAAC,iBAAiB,CAAC,CAAC,cAAAI,sBAAA,uBAAxDA,sBAAA,CAA0DG,WAAW,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI;UAC7E,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAb,GAAA;IAAAC,KAAA,EASD,SAAAiB,eAAA,EAAiB;MAAA,IAAAC,KAAA;MACf,IAAAC,aAAA,GAA2E,IAAI,CAACV,OAAO;QAA/EW,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAaC,SAAS,GAAAH,aAAA,CAApBI,SAAS;QAAyBC,UAAU,GAAAL,aAAA,CAAtBM,UAAU;MAE1D,OAAAP,KAAA,GAAOtD,OAAO,CAACyD,MAAM,CAAC,eACpB7D,KAAA,CAAAkE,aAAA,CAAAlE,KAAA,CAAAmE,QAAA,QACGL,SAAS,gBAAG9D,KAAA,CAAAkE,aAAA,CAACE,IAAI,CAACC,KAAK;QAACC,GAAG,EAAER;MAAU,EAAG,GAAG,IAAI,EACjDrD,iBAAiB,CAACmD,QAAQ,EAAEQ,IAAI,CAAC/D,IAAI,EAAE+D,IAAI,CAACC,KAAK,CAAC,EAClDL,UAAU,gBAAGhE,KAAA,CAAAkE,aAAA,CAACE,IAAI,CAACC,KAAK;QAACC,GAAG,EAAEN;MAAW,EAAG,GAAG,IAAI,CACnD;IAEP;EAAC;IAAAzB,GAAA;IAAAC,KAAA,EAED,SAAA+B,iBAAA,EAAmB;MAAA,IAAAC,KAAA,EAAAC,KAAA,EAAAC,MAAA;MACjB,IAAAC,cAAA,GAOI,IAAI,CAAC1B,OAAO;QANdY,MAAM,GAAAc,cAAA,CAANd,MAAM;QACKC,SAAS,GAAAa,cAAA,CAApBZ,SAAS;QACGC,UAAU,GAAAW,cAAA,CAAtBV,UAAU;QACVW,KAAK,GAAAD,cAAA,CAALC,KAAK;QACWC,SAAS,GAAAF,cAAA,CAAxB,YAAY;QACbG,eAAe,GAAAH,cAAA,CAAfG,eAAe;MAEjB,IAAQ1C,WAAW,GAAK,IAAI,CAAC2C,KAAK,CAA1B3C,WAAW;MAEnB,IAAM4C,WAAW,IAAAP,KAAA,IAAAC,MAAA,GAAGE,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIC,SAAS,cAAAH,MAAA,cAAAA,MAAA,GAAI,IAAI,CAACK,KAAK,CAAC5C,qBAAqB,cAAAsC,KAAA,cAAAA,KAAA,GAAI,EAAE;MAEhF,OAAAD,KAAA,GAAOpE,OAAO,CAACyD,MAAM,CAAC,eACpB7D,KAAA,CAAAkE,aAAA,CAACE,IAAI,CAACC,KAAK;QACTC,GAAG,EAAE/D,IAAK;QACVqE,KAAK,EAAEI,WAAY;QACnBC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAE;QACnBC,OAAO,EAAEJ,eAAe,IAAI1C;MAAY,GAEvC0B,SAAS,iBAAI9D,KAAA,CAAAkE,aAAA,CAACJ,SAAS,EAAAU,KAAA,CAAAW,EAAA,kBAAG,EAC1BnB,UAAU,iBAAIhE,KAAA,CAAAkE,aAAA,CAACF,UAAU,EAAAQ,KAAA,CAAAW,EAAA,mBAAG,CAClB;IAEjB;EAAC;IAAA5C,GAAA;IAAAC,KAAA,EAED,SAAA4C,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAApC,OAAA;QAAAqC,KAAA;MACP,IAAMC,KAAK,GAiBClF,IAAI;MAhBhB,IAAAmF,cAAA,GAQI,IAAI,CAACvC,OAAO;QAPdY,MAAM,GAAA2B,cAAA,CAAN3B,MAAM;QACN4B,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLC,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACZC,QAAQ,GAAAJ,cAAA,CAARI,QAAQ;QACRC,IAAI,GAAAL,cAAA,CAAJK,IAAI;QACMC,WAAW,GAAAN,cAAA,CAArBO,QAAQ;MAGV,OAAAT,KAAA,GAAOlF,OAAO,CAACyD,MAAM,CAAC,eACpB7D,KAAA,CAAAkE,aAAA,CAACqB,KAAK,EAAAD,KAAA,CAAAH,EAAA,UAAAa,aAAA,KAAAC,YAAA;QAAA,QACC,MAAM;QAAA,YACDL,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;QAAA,YACjBA,QAAQ,GAAGM,SAAS,GAAGL,IAAI;QAAA,qBAClBD,QAAQ;QAAA,cAEfD,YAAY,CAACD,KAAK,CAAC;QAAA,OAC3B,GAAG;QAAA,cACKD,MAAM;QAAA,cACN,KAAK;QAAA,OACZ,IAAI,CAAC1C,YAAY;QAAA,kBACN,CAAC,UAAU,EAAE,eAAe,CAAC;QAAA,gBAC/B,IAAI,CAACoD,yBAAyB;QAAA,gBAC9B,IAAI,CAACC;MAAyB,GAAAf,IAAA,KAE3CS,WAAW,KAAKI,SAAS,GAAG,IAAI,CAACzC,cAAc,EAAE,GAAG,IAAI,CAACc,gBAAgB,EAAE,CACtE;IAEZ;EAAC;EAAA,OAAAvD,QAAA;AAAA,EA7GoBd,SAAS;AAAA8B,eAAA,CAA1BhB,QAAQ,iBACS,MAAM;AAAAgB,eAAA,CADvBhB,QAAQ,kBAEU;EACpByE,MAAM,EAAE;AACV,CAAC;AAAAzD,eAAA,CAJGhB,QAAQ,WAKGH,KAAK;AAAAmB,eAAA,CALhBhB,QAAQ,aAMK,CAACR,oBAAoB,EAAE,EAAEI,mBAAmB,EAAE,CAAC;AA0GlE,SAASyF,QAAQA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvB,IAAMC,KAAK,GAE2BpG,GAAG;EADzC,IAAQuD,MAAM,GAAKyC,KAAK,CAAhBzC,MAAM;EACd,OAAA4C,KAAA,GAAOrG,OAAO,CAACyD,MAAM,CAAC,eAAC7D,KAAA,CAAAkE,aAAA,CAACwC,KAAK,EAAAD,KAAA,CAAAtB,EAAA,UAAAa,aAAA,KAAAW,aAAA;IAAA,OAAkB;EAAM,GAAAJ,KAAA,IAAG;AAC1D;AAEA,SAASlC,KAAKA,CAACiC,KAAK,EAAE;EAAA,IAAAM,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EACpB,IAAMC,MAAM,GAE2BxG,GAAG;EAD1C,IAAQuD,MAAM,GAAKyC,KAAK,CAAhBzC,MAAM;EACd,OAAAgD,KAAA,GAAOzG,OAAO,CAACyD,MAAM,CAAC,eAAC7D,KAAA,CAAAkE,aAAA,CAAC4C,MAAM,EAAAD,KAAA,CAAA1B,EAAA,WAAAa,aAAA,KAAAe,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AAC3D;AAEA,IAAMxC,IAAI,GAAGnE,eAAe,CAACe,QAAQ,EAAE;EACrCX,IAAI,EAAEgG,QAAQ;EACdhC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeD,IAAI"}
+{"version":3,"file":"Link.js","names":["React","createComponent","Component","Root","sstyled","Text","Box","Hint","keyboardFocusEnhance","addonTextChildren","logger","hasLabels","resolveColorEnhance","style","_sstyled","insert","RootLink","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","visibleHint","setState","_createClass","key","value","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Link","Addon","tag","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","keyboardFocused","state","hintContent","timeout","visible","cn","render","_ref","_ref6","SLink","_this$asProps3","noWrap","color","resolveColor","disabled","href","hasChildren","children","_objectSpread","_assignProps","undefined","handleMouseEnterOnlyAddon","handleMouseLeaveOnlyAddon","LinkText","props","_ref2","arguments[0]","_ref7","SText","_assignProps2","_ref3","_ref8","SAddon","_assignProps3"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/link.shadow.css';\n\nclass RootLink extends Component {\n  static displayName = 'Link';\n  static defaultProps = {\n    noWrap: true,\n  };\n  static style = style;\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n    visibleHint: false,\n  };\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`,\n        this.asProps['data-ui-name'] || RootLink.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  handleMouseEnterOnlyAddon = () => {\n    this.setState({ visibleHint: true });\n  };\n  handleMouseLeaveOnlyAddon = () => {\n    this.setState({ visibleHint: false });\n  };\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Link.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? <Link.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n      keyboardFocused,\n    } = this.asProps;\n    const { visibleHint } = this.state;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Link.Addon\n        tag={Hint}\n        title={hintContent}\n        timeout={[250, 50]}\n        visible={keyboardFocused || visibleHint}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Link.Addon>,\n    );\n  }\n\n  render() {\n    const SLink = Root;\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SLink\n        role='link'\n        tabIndex={disabled ? -1 : 0}\n        use:href={disabled ? undefined : href}\n        visually-disabled={disabled}\n        render={Text}\n        text-color={resolveColor(color)}\n        tag='a'\n        noWrapText={noWrap}\n        use:noWrap={false}\n        ref={this.containerRef}\n        __excludeProps={['disabled', 'aria-disabled']}\n        onMouseEnter={this.handleMouseEnterOnlyAddon}\n        onMouseLeave={this.handleMouseLeaveOnlyAddon}\n      >\n        {hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons()}\n      </SLink>,\n    );\n  }\n}\n\nfunction LinkText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Link = createComponent(RootLink, {\n  Text: LinkText,\n  Addon,\n});\n\nexport default Link;\n"],"mappings":"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"}

package/lib/esm/Link.mjs

@@ -1,136 +1,161 @@
-import y from "@babel/runtime/helpers/esm/objectSpread2";
-import A from "@babel/runtime/helpers/esm/classCallCheck";
-import C from "@babel/runtime/helpers/esm/createClass";
-import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import T from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import a from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as P } from "@semcore/utils/lib/core/index";
-import R, { sstyled as u, assignProps as k, Component as w } from "@semcore/core";
-import o from "react";
-import { Text as M } from "@semcore/typography";
-import { Box as S } from "@semcore/flex-box";
-import { Hint as O } from "@semcore/tooltip";
-import W from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import B from "@semcore/utils/lib/addonTextChildren";
-import F from "@semcore/utils/lib/logger";
-import H from "@semcore/utils/lib/hasLabels";
-import $ from "@semcore/utils/lib/enhances/resolveColorEnhance";
-var V = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Text } from "@semcore/typography";
+import { Box } from "@semcore/flex-box";
+import { Hint } from "@semcore/tooltip";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
+import logger from "@semcore/utils/lib/logger";
+import hasLabels from "@semcore/utils/lib/hasLabels";
+import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
+/*!__reshadow-styles__:"./style/link.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (P.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_15i81_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_15i81_gg_:active,.___SLink_15i81_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_15i81_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_15i81_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_15i81_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_15i81_gg_.__active_15i81_gg_ .___SText_15i81_gg_,.___SLink_15i81_gg_:active .___SText_15i81_gg_{border-color:currentColor}@media (hover:hover){.___SLink_15i81_gg_:hover .___SText_15i81_gg_{border-color:currentColor}}.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_15i81_gg_.__enableVisited_15i81_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_15i81_gg_.__keyboardFocused_15i81_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_15i81_gg_.__visually-disabled_15i81_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_15i81_gg_.__noWrapText_15i81_gg_{white-space:nowrap}.___SLink_15i81_gg_.__inline_15i81_gg_{display:inline}.___SAddon_15i81_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_15i81_gg_ .___SAddon_15i81_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_15i81_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_15i81_gg_.__text-color_15i81_gg_{color:var(--text-color_15i81)}.___SLink_15i81_gg_.__text-color_15i81_gg_.__active_15i81_gg_,.___SLink_15i81_gg_.__text-color_15i81_gg_:active{color:var(--text-color_15i81);filter:brightness(.8)}@media (hover:hover){.___SLink_15i81_gg_.__text-color_15i81_gg_:hover{color:var(--text-color_15i81);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_15i81_gg_,.___SText_15i81_gg_{transition:none}}",
-    "15i81_gg_"
-  ), {
-    __SLink: "___SLink_15i81_gg_",
-    _keyboardFocused: "__keyboardFocused_15i81_gg_",
-    "_visually-disabled": "__visually-disabled_15i81_gg_",
-    _noWrapText: "__noWrapText_15i81_gg_",
-    _inline: "__inline_15i81_gg_",
-    __SAddon: "___SAddon_15i81_gg_",
-    __SText: "___SText_15i81_gg_",
-    _active: "__active_15i81_gg_",
-    _enableVisited: "__enableVisited_15i81_gg_",
-    "_text-color": "__text-color_15i81_gg_",
-    "--text-color": "--text-color_15i81"
+    ".___SLink_7ovi8_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_7ovi8_gg_:active,.___SLink_7ovi8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_7ovi8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_7ovi8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_7ovi8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_7ovi8_gg_.__active_7ovi8_gg_ .___SText_7ovi8_gg_,.___SLink_7ovi8_gg_:active .___SText_7ovi8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_7ovi8_gg_:hover .___SText_7ovi8_gg_{border-color:currentColor}}.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_7ovi8_gg_.__enableVisited_7ovi8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_7ovi8_gg_.__keyboardFocused_7ovi8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_7ovi8_gg_.__visually-disabled_7ovi8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_7ovi8_gg_.__noWrapText_7ovi8_gg_{white-space:nowrap}.___SLink_7ovi8_gg_.__inline_7ovi8_gg_{display:inline}.___SAddon_7ovi8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_7ovi8_gg_ .___SAddon_7ovi8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_7ovi8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_{color:var(--text-color_7ovi8)}.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_.__active_7ovi8_gg_,.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:active{color:var(--text-color_7ovi8);filter:brightness(.8)}@media (hover:hover){.___SLink_7ovi8_gg_.__text-color_7ovi8_gg_:hover{color:var(--text-color_7ovi8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_7ovi8_gg_,.___SText_7ovi8_gg_{transition:none}}",
+    /*__inner_css_end__*/
+    "7ovi8_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLink": "___SLink_7ovi8_gg_",
+    "_keyboardFocused": "__keyboardFocused_7ovi8_gg_",
+    "_visually-disabled": "__visually-disabled_7ovi8_gg_",
+    "_noWrapText": "__noWrapText_7ovi8_gg_",
+    "_inline": "__inline_7ovi8_gg_",
+    "__SAddon": "___SAddon_7ovi8_gg_",
+    "__SText": "___SText_7ovi8_gg_",
+    "_active": "__active_7ovi8_gg_",
+    "_enableVisited": "__enableVisited_7ovi8_gg_",
+    "_text-color": "__text-color_7ovi8_gg_",
+    "--text-color": "--text-color_7ovi8"
   })
-), h = /* @__PURE__ */ function(d) {
-  T(n, d);
-  var l = E(n);
-  function n() {
-    var i;
-    A(this, n);
-    for (var e = arguments.length, r = new Array(e), _ = 0; _ < e; _++)
-      r[_] = arguments[_];
-    return i = l.call.apply(l, [this].concat(r)), a(f(i), "containerRef", /* @__PURE__ */ o.createRef()), a(f(i), "state", {
+);
+var RootLink = /* @__PURE__ */ function(_Component) {
+  _inherits(RootLink2, _Component);
+  var _super = _createSuper(RootLink2);
+  function RootLink2() {
+    var _this;
+    _classCallCheck(this, RootLink2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
       ariaLabelledByContent: "",
-      visibleHint: !1
-    }), a(f(i), "handleMouseEnterOnlyAddon", function() {
-      i.setState({
-        visibleHint: !0
+      visibleHint: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function() {
+      _this.setState({
+        visibleHint: true
       });
-    }), a(f(i), "handleMouseLeaveOnlyAddon", function() {
-      i.setState({
-        visibleHint: !1
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function() {
+      _this.setState({
+        visibleHint: false
       });
-    }), i;
+    });
+    return _this;
   }
-  return C(n, [{
+  _createClass(RootLink2, [{
     key: "componentDidMount",
-    value: function() {
-      var e = this;
-      process.env.NODE_ENV !== "production" && F.warn(this.containerRef.current && !H(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || n.displayName), this.asProps["aria-labelledby"] && setTimeout(function() {
-        var r, _;
-        e.setState({
-          ariaLabelledByContent: (r = (_ = document.getElementById(e.asProps["aria-labelledby"])) === null || _ === void 0 ? void 0 : _.textContent) !== null && r !== void 0 ? r : ""
-        });
-      }, 0);
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== "production") {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || RootLink2.displayName);
+      }
+      if (this.asProps["aria-labelledby"]) {
+        setTimeout(function() {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(_this2.asProps["aria-labelledby"])) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
+          });
+        }, 0);
+      }
     }
   }, {
     key: "renderChildren",
-    value: function() {
-      var e = this.asProps, r = e.Children, _ = e.styles, t = e.addonLeft, s = e.addonRight;
-      return u(_), /* @__PURE__ */ o.createElement(o.Fragment, null, t ? /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: t
-      }) : null, B(r, v.Text, v.Addon), s ? /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: s
+    value: function renderChildren() {
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight;
+      return sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, AddonLeft ? /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: AddonLeft
+      }) : null, addonTextChildren(Children, Link.Text, Link.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: AddonRight
       }) : null);
     }
   }, {
     key: "renderOnlyAddons",
-    value: function() {
-      var e, r, _, t = this.asProps, s = t.styles, m = t.addonLeft, p = t.addonRight, g = t.title, c = t["aria-label"], b = t.keyboardFocused, x = this.state.visibleHint, L = (r = (_ = g ?? c) !== null && _ !== void 0 ? _ : this.state.ariaLabelledByContent) !== null && r !== void 0 ? r : "";
-      return e = u(s), /* @__PURE__ */ o.createElement(v.Addon, {
-        tag: O,
-        title: L,
+    value: function renderOnlyAddons() {
+      var _ref5, _ref9, _ref10;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, AddonLeft = _this$asProps2.addonLeft, AddonRight = _this$asProps2.addonRight, title = _this$asProps2.title, ariaLabel = _this$asProps2["aria-label"], keyboardFocused = _this$asProps2.keyboardFocused;
+      var visibleHint = this.state.visibleHint;
+      var hintContent = (_ref9 = (_ref10 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref10 !== void 0 ? _ref10 : this.state.ariaLabelledByContent) !== null && _ref9 !== void 0 ? _ref9 : "";
+      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Link.Addon, {
+        tag: Hint,
+        title: hintContent,
         timeout: [250, 50],
-        visible: b || x
-      }, m && /* @__PURE__ */ o.createElement(m, e.cn("AddonLeft", {})), p && /* @__PURE__ */ o.createElement(p, e.cn("AddonRight", {})));
+        visible: keyboardFocused || visibleHint
+      }, AddonLeft && /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {})));
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, r, _ = M, t = this.asProps, s = t.styles, m = t.noWrap, p = t.color, g = t.resolveColor, c = t.disabled, b = t.href, x = t.children;
-      return r = u(s), /* @__PURE__ */ o.createElement(_, r.cn("SLink", y({}, k({
-        role: "link",
-        tabIndex: c ? -1 : 0,
-        "use:href": c ? void 0 : b,
-        "visually-disabled": c,
-        "text-color": g(p),
-        tag: "a",
-        noWrapText: m,
-        "use:noWrap": !1,
-        ref: this.containerRef,
-        __excludeProps: ["disabled", "aria-disabled"],
-        onMouseEnter: this.handleMouseEnterOnlyAddon,
-        onMouseLeave: this.handleMouseLeaveOnlyAddon
-      }, e))), x !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
+    value: function render() {
+      var _ref = this.asProps, _ref6;
+      var SLink = Text;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, noWrap = _this$asProps3.noWrap, color = _this$asProps3.color, resolveColor = _this$asProps3.resolveColor, disabled = _this$asProps3.disabled, href = _this$asProps3.href, hasChildren = _this$asProps3.children;
+      return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, assignProps({
+        "role": "link",
+        "tabIndex": disabled ? -1 : 0,
+        "use:href": disabled ? void 0 : href,
+        "visually-disabled": disabled,
+        "text-color": resolveColor(color),
+        "tag": "a",
+        "noWrapText": noWrap,
+        "use:noWrap": false,
+        "ref": this.containerRef,
+        "__excludeProps": ["disabled", "aria-disabled"],
+        "onMouseEnter": this.handleMouseEnterOnlyAddon,
+        "onMouseLeave": this.handleMouseLeaveOnlyAddon
+      }, _ref))), hasChildren !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
     }
-  }]), n;
-}(w);
-a(h, "displayName", "Link");
-a(h, "defaultProps", {
-  noWrap: !0
+  }]);
+  return RootLink2;
+}(Component);
+_defineProperty(RootLink, "displayName", "Link");
+_defineProperty(RootLink, "defaultProps", {
+  noWrap: true
 });
-a(h, "style", V);
-a(h, "enhance", [W(), $()]);
-function N(d) {
-  var l = arguments[0], n, i = S, e = d.styles;
-  return n = u(e), /* @__PURE__ */ o.createElement(i, n.cn("SText", y({}, k({
-    tag: "span"
-  }, l))));
+_defineProperty(RootLink, "style", style);
+_defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+function LinkText(props) {
+  var _ref2 = arguments[0], _ref7;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-function D(d) {
-  var l = arguments[0], n, i = S, e = d.styles;
-  return n = u(e), /* @__PURE__ */ o.createElement(i, n.cn("SAddon", y({}, k({
-    tag: "span"
-  }, l))));
+function Addon(props) {
+  var _ref3 = arguments[0], _ref8;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref3))));
 }
-var v = R(h, {
-  Text: N,
-  Addon: D
+var Link = createComponent(RootLink, {
+  Text: LinkText,
+  Addon
 });
 export {
-  v as default
+  Link as default
 };

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./Link.mjs";
+import { default as default2 } from "./Link.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/style/link.shadow.css

@@ -0,0 +1,112 @@
+SLink {
+  display: inline-block;
+  font-family: inherit;
+  color: var(--intergalactic-text-link, #006dca);
+  line-height: normal;
+  position: relative;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+  -webkit-tap-highlight-color: transparent;
+  outline: 0;
+  background: none;
+  transition: color 0.15s ease-in-out;
+
+  &:active,
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+  }
+
+  &::-moz-focus-inner {
+    border: none;
+    padding: 0;
+  }
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--intergalactic-text-link-hover-active, #044792);
+
+    & SText {
+      border-color: currentColor;
+    }
+  }
+
+  &[enableVisited]:visited,
+  &[enableVisited]:visited:hover {
+    color: var(--intergalactic-text-link-visited, #8649e1);
+  }
+}
+
+SLink[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
+  outline-style: solid;
+  outline-width: 3px;
+}
+
+SLink[visually-disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+  /* Disable link interactions */
+  pointer-events: none;
+}
+
+SLink[noWrapText] {
+  white-space: nowrap;
+}
+
+SLink[inline] {
+  display: inline;
+}
+
+SAddon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+  vertical-align: middle;
+  pointer-events: none;
+}
+
+SLink SAddon {
+  &:not(:only-child):first-child {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
+
+  &:not(:only-child):last-child {
+    margin-left: var(--intergalactic-spacing-1x, 4px);
+  }
+}
+
+SText {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-color: transparent;
+  transition: border-bottom-color 0.15s ease-in-out;
+}
+
+SLink[text-color] {
+  color: var(--text-color);
+
+  &[active],
+  &:hover,
+  &:active {
+    color: var(--text-color);
+    filter: brightness(0.8);
+  }
+}
+
+@media (prefers-reduced-motion) {
+  SLink {
+    transition: none;
+  }
+
+  SText {
+    transition: none;
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "5.44.2-prerelease.5",
+  "version": "5.44.3-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.2-prerelease.5",
-    "@semcore/typography": "5.52.2-prerelease.5",
-    "@semcore/flex-box": "5.41.2-prerelease.5",
-    "@semcore/tooltip": "6.49.2-prerelease.5"
+    "@semcore/utils": "4.48.4-prerelease.0",
+    "@semcore/typography": "5.53.1-prerelease.0",
+    "@semcore/flex-box": "5.41.3-prerelease.0",
+    "@semcore/tooltip": "6.49.3-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.2-prerelease.5",
+    "@semcore/core": "^2.39.3-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },