@semcore/link 5.44.4-prerelease.0 → 16.0.0-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.0.0] - 2025-05-19
+
+### Break
+
+- `keyboardFocusEnhance` to css `:focus-visible` property.
+
 ## [5.44.4] - 2025-05-13
 
 ### Changed
@@ -793,7 +799,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Added repository field to package.json file.
 
-## [3.4.1] - 2021-08-26
+## [3.4.1] - 2021-8-26
 
 ### Changed
 

package/lib/cjs/Link.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,32 +12,30 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
+var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _typography = require("@semcore/typography");
 var _flexBox = require("@semcore/flex-box");
 var _tooltip = require("@semcore/tooltip");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
-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"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/keyboardFocusEnhance"));
+var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
+var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
+var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
+var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLink_1slzv_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_1slzv_gg_:active,.___SLink_1slzv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1slzv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1slzv_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1slzv_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1slzv_gg_.__active_1slzv_gg_ .___SText_1slzv_gg_,.___SLink_1slzv_gg_:active .___SText_1slzv_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1slzv_gg_:hover .___SText_1slzv_gg_{border-color:currentColor}}.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1slzv_gg_.__keyboardFocused_1slzv_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1slzv_gg_.__visually-disabled_1slzv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1slzv_gg_.__noWrapText_1slzv_gg_{white-space:nowrap}.___SLink_1slzv_gg_.__inline_1slzv_gg_{display:inline}.___SAddon_1slzv_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1slzv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1slzv_gg_.__text-color_1slzv_gg_{color:var(--text-color_1slzv)}.___SLink_1slzv_gg_.__text-color_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_.__text-color_1slzv_gg_:active{color:var(--text-color_1slzv);filter:brightness(.8)}@media (hover:hover){.___SLink_1slzv_gg_.__text-color_1slzv_gg_:hover{color:var(--text-color_1slzv);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1slzv_gg_,.___SText_1slzv_gg_{transition:none}}", /*__inner_css_end__*/"1slzv_gg_"),
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLink_ypsez_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SLink_ypsez_gg_,.___SLink_ypsez_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_ypsez_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SLink_ypsez_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_ypsez_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_ypsez_gg_.__active_ypsez_gg_ .___SText_ypsez_gg_,.___SLink_ypsez_gg_:active .___SText_ypsez_gg_{border-color:currentColor}@media (hover:hover){.___SLink_ypsez_gg_:hover .___SText_ypsez_gg_{border-color:currentColor}}.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_ypsez_gg_.__visually-disabled_ypsez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_ypsez_gg_.__noWrapText_ypsez_gg_{white-space:nowrap}.___SLink_ypsez_gg_.__inline_ypsez_gg_{display:inline}.___SAddon_ypsez_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_ypsez_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_ypsez_gg_.__text-color_ypsez_gg_{color:var(--text-color_ypsez)}.___SLink_ypsez_gg_.__text-color_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_.__text-color_ypsez_gg_:active{color:var(--text-color_ypsez);filter:brightness(.8)}@media (hover:hover){.___SLink_ypsez_gg_.__text-color_ypsez_gg_:hover{color:var(--text-color_ypsez);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_ypsez_gg_,.___SText_ypsez_gg_{transition:none}}", /*__inner_css_end__*/"ypsez_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLink": "___SLink_1slzv_gg_",
-  "_keyboardFocused": "__keyboardFocused_1slzv_gg_",
-  "_visually-disabled": "__visually-disabled_1slzv_gg_",
-  "_noWrapText": "__noWrapText_1slzv_gg_",
-  "_inline": "__inline_1slzv_gg_",
-  "__SAddon": "___SAddon_1slzv_gg_",
-  "__SText": "___SText_1slzv_gg_",
-  "_active": "__active_1slzv_gg_",
-  "_enableVisited": "__enableVisited_1slzv_gg_",
-  "_text-color": "__text-color_1slzv_gg_",
-  "--text-color": "--text-color_1slzv"
+  "__SLink": "___SLink_ypsez_gg_",
+  "_visually-disabled": "__visually-disabled_ypsez_gg_",
+  "_noWrapText": "__noWrapText_ypsez_gg_",
+  "_inline": "__inline_ypsez_gg_",
+  "__SAddon": "___SAddon_ypsez_gg_",
+  "__SText": "___SText_ypsez_gg_",
+  "_active": "__active_ypsez_gg_",
+  "_enableVisited": "__enableVisited_ypsez_gg_",
+  "_text-color": "__text-color_ypsez_gg_",
+  "--text-color": "--text-color_ypsez"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLink, _Component);
@@ -52,18 +49,7 @@ var RootLink = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      ariaLabelledByContent: '',
-      visibleHint: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseEnterOnlyAddon", function () {
-      _this.setState({
-        visibleHint: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeaveOnlyAddon", function () {
-      _this.setState({
-        visibleHint: false
-      });
+      ariaLabelledByContent: ''
     });
     return _this;
   }
@@ -84,68 +70,80 @@ var RootLink = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "renderChildren",
-    value: function renderChildren() {
-      var _ref4;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        AddonLeft = _this$asProps.addonLeft,
-        AddonRight = _this$asProps.addonRight;
-      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, AddonLeft ? /*#__PURE__*/_react["default"].createElement(Link.Addon, {
-        tag: AddonLeft
-      }) : null, (0, _addonTextChildren["default"])(Children, Link.Text, Link.Addon), AddonRight ? /*#__PURE__*/_react["default"].createElement(Link.Addon, {
-        tag: AddonRight
-      }) : null);
+    key: "renderLink",
+    value: function renderLink(_ref10) {
+      var _ref = this.asProps,
+        _ref5;
+      var linkProps = _ref10.linkProps,
+        children = _ref10.children;
+      var styles = this.asProps.styles;
+      var SLink = _typography.Text;
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLink, _ref5.cn("SLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, linkProps), _ref))), children);
     }
   }, {
-    key: "renderOnlyAddons",
-    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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(Link.Addon, {
-        tag: _tooltip.Hint,
-        title: hintContent,
-        timeout: [250, 50],
-        visible: keyboardFocused || visibleHint
-      }, AddonLeft && /*#__PURE__*/_react["default"].createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /*#__PURE__*/_react["default"].createElement(AddonRight, _ref5.cn("AddonRight", {})));
+    key: "renderLinkWithHint",
+    value: function renderLinkWithHint(_ref11) {
+      var _ref2 = this.asProps,
+        _ref6;
+      var linkProps = _ref11.linkProps,
+        children = _ref11.children,
+        hintProps = _ref11.hintProps;
+      var styles = this.asProps.styles;
+      var SLink = _tooltip.Hint;
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLink, _ref6.cn("SLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, linkProps), hintProps), _ref2))), children);
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps,
-        _ref6;
-      var SLink = _typography.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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLink, _ref6.cn("SLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'link',
-        "tabIndex": disabled ? -1 : 0,
-        "use:href": disabled ? undefined : 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 !== undefined ? this.renderChildren() : this.renderOnlyAddons());
+      var _ref7, _ref12, _ref13;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        noWrap = _this$asProps.noWrap,
+        color = _this$asProps.color,
+        resolveColor = _this$asProps.resolveColor,
+        disabled = _this$asProps.disabled,
+        href = _this$asProps.href,
+        hasChildren = _this$asProps.children,
+        AddonLeft = _this$asProps.addonLeft,
+        AddonRight = _this$asProps.addonRight,
+        Children = _this$asProps.Children,
+        title = _this$asProps.title,
+        ariaLabel = _this$asProps['aria-label'],
+        hintPlacement = _this$asProps.hintPlacement;
+      // @ts-ignore
+      var Link = this[_core.CORE_INSTANCE];
+      var children = (_ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, AddonLeft ? /*#__PURE__*/_react["default"].createElement(Link.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonLeft, _ref7.cn("AddonLeft", {}))) : null, (0, _addonTextChildren["default"])(Children, Link.Text, Link.Addon), AddonRight ? /*#__PURE__*/_react["default"].createElement(Link.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonRight, _ref7.cn("AddonRight", {}))) : null));
+      var hintContent = (_ref12 = (_ref13 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref13 !== void 0 ? _ref13 : this.state.ariaLabelledByContent) !== null && _ref12 !== void 0 ? _ref12 : '';
+      var linkProps = {
+        role: 'link',
+        tabIndex: disabled ? -1 : 0,
+        'use:href': disabled ? undefined : href,
+        'visually-disabled': disabled,
+        render: _typography.Text,
+        'text-color': resolveColor(color),
+        tag: 'a',
+        noWrapText: noWrap,
+        'use:noWrap': false,
+        ref: this.containerRef,
+        __excludeProps: ['disabled', 'aria-disabled']
+      };
+      var hintProps = {
+        title: hintContent,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        __excludeProps: []
+      };
+      if (hasChildren === undefined || title) {
+        return this.renderLinkWithHint({
+          linkProps: linkProps,
+          hintProps: hintProps,
+          children: children
+        });
+      }
+      return this.renderLink({
+        linkProps: linkProps,
+        children: children
+      });
     }
   }]);
   return RootLink;
@@ -157,24 +155,24 @@ var RootLink = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootLink, "style", style);
 (0, _defineProperty2["default"])(RootLink, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _resolveColorEnhance["default"])()]);
 function LinkText(props) {
-  var _ref2 = arguments[0],
-    _ref7;
+  var _ref3 = arguments[0],
+    _ref8;
   var SText = _flexBox.Box;
   var styles = props.styles;
-  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref8.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref2))));
+  }, _ref3))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0],
-    _ref8;
+  var _ref4 = arguments[0],
+    _ref9;
   var SAddon = _flexBox.Box;
   var styles = props.styles;
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref8.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'span'
-  }, _ref3))));
+  }, _ref4))));
 }
-var Link = (0, _core["default"])(RootLink, {
+var Link = (0, _core.createComponent)(RootLink, {
   Text: LinkText,
   Addon: Addon
 });

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","require","_react","_interopRequireDefault","_typography","_flexBox","_tooltip","_keyboardFocusEnhance","_addonTextChildren","_logger","_hasLabels","_resolveColorEnhance","style","sstyled","insert","RootLink","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","ariaLabelledByContent","_createClass2","key","value","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderLink","_ref10","_ref","_ref5","linkProps","children","styles","SLink","Text","createElement","cn","_objectSpread2","assignProps","renderLinkWithHint","_ref11","_ref2","_ref6","hintProps","Hint","render","_ref7","_ref12","_ref13","_this$asProps","noWrap","color","resolveColor","disabled","href","hasChildren","AddonLeft","addonLeft","AddonRight","addonRight","Children","title","ariaLabel","hintPlacement","Link","CORE_INSTANCE","Fragment","Addon","addonTextChildren","hintContent","state","role","tabIndex","undefined","tag","noWrapText","ref","__excludeProps","timeout","placement","Component","keyboardFocusEnhance","resolveColorEnhance","LinkText","props","_ref3","arguments[0]","_ref8","SText","Box","_ref4","_ref9","SAddon","createComponent","_default","exports"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport resolveColorEnhance from '@semcore/core/lib/utils/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  };\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  renderLink({ linkProps, children }) {\n    const { styles } = this.asProps;\n    const SLink = Root;\n\n    return sstyled(styles)(\n      <SLink render={Text} {...linkProps}>\n        {children}\n      </SLink>,\n    );\n  }\n\n  renderLinkWithHint({ linkProps, children, hintProps }) {\n    const { styles } = this.asProps;\n    const SLink = Root;\n\n    return sstyled(styles)(\n      <SLink render={Hint} {...linkProps} {...hintProps}>\n        {children}\n      </SLink>,\n    );\n  }\n\n  render() {\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      Children,\n      title,\n      ['aria-label']: ariaLabel,\n      hintPlacement,\n    } = this.asProps;\n    // @ts-ignore\n    const Link = this[CORE_INSTANCE];\n\n    const children = sstyled(styles)(\n      <>\n        {AddonLeft ? (\n          <Link.Addon>\n            <AddonLeft />\n          </Link.Addon>\n        ) : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? (\n          <Link.Addon>\n            <AddonRight />\n          </Link.Addon>\n        ) : null}\n      </>,\n    );\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const linkProps = {\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    };\n\n    const hintProps = {\n      title: hintContent,\n      timeout: [250, 50],\n      placement: hintPlacement,\n      __excludeProps: [],\n    };\n\n    if (hasChildren === undefined || title) {\n      return this.renderLinkWithHint({ linkProps, hintProps, children });\n    }\n\n    return this.renderLink({ linkProps, children });\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/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { TextProps } from '@semcore/typography';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ILinkProps extends LinkProps, UnknownProperties {}\nexport type LinkProps = TextProps &\n  KeyboardFocusProps & {\n    /**\n     * CSS property of the display link (inline|inline-block)\n     * @default false\n     */\n    inline?: boolean;\n    /**\n     * Sets the link to the disabled state\n     */\n    disabled?: boolean;\n    /**\n     * Sets the link to the active state\n     */\n    active?: boolean;\n    /** This flag enables highlighting of the visited link\n     */\n    enableVisited?: boolean;\n    /** The text will not be moved to a new line\n     * @default true\n     */\n    noWrap?: boolean;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n  };\n\ndeclare const Link: Intergalactic.Component<'a', LinkProps> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { TextProps } from '@semcore/typography';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ILinkProps extends LinkProps, UnknownProperties {}\nexport type LinkProps = TextProps & {\n  /**\n   * CSS property of the display link (inline|inline-block)\n   * @default false\n   */\n  inline?: boolean;\n  /**\n   * Sets the link to the disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Sets the link to the active state\n   */\n  active?: boolean;\n  /** This flag enables highlighting of the visited link\n   */\n  enableVisited?: boolean;\n  /** The text will not be moved to a new line\n   * @default true\n   */\n  noWrap?: boolean;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n};\n\ndeclare const Link: Intergalactic.Component<'a', LinkProps> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":""}

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

@@ -11,14 +11,11 @@ SLink {
   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;
+  &:hover {
     text-decoration: none;
   }
 
@@ -43,12 +40,6 @@ SLink {
   }
 }
 
-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;

package/lib/es6/Link.js

@@ -5,35 +5,35 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';
 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';
+import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
+import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
+import logger from '@semcore/core/lib/utils/logger';
+import hasLabels from '@semcore/core/lib/utils/hasLabels';
+import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_1slzv_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_1slzv_gg_:active,.___SLink_1slzv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1slzv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1slzv_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1slzv_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1slzv_gg_.__active_1slzv_gg_ .___SText_1slzv_gg_,.___SLink_1slzv_gg_:active .___SText_1slzv_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1slzv_gg_:hover .___SText_1slzv_gg_{border-color:currentColor}}.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1slzv_gg_.__keyboardFocused_1slzv_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1slzv_gg_.__visually-disabled_1slzv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1slzv_gg_.__noWrapText_1slzv_gg_{white-space:nowrap}.___SLink_1slzv_gg_.__inline_1slzv_gg_{display:inline}.___SAddon_1slzv_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1slzv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1slzv_gg_.__text-color_1slzv_gg_{color:var(--text-color_1slzv)}.___SLink_1slzv_gg_.__text-color_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_.__text-color_1slzv_gg_:active{color:var(--text-color_1slzv);filter:brightness(.8)}@media (hover:hover){.___SLink_1slzv_gg_.__text-color_1slzv_gg_:hover{color:var(--text-color_1slzv);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1slzv_gg_,.___SText_1slzv_gg_{transition:none}}", /*__inner_css_end__*/"1slzv_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_ypsez_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SLink_ypsez_gg_,.___SLink_ypsez_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_ypsez_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SLink_ypsez_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_ypsez_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_ypsez_gg_.__active_ypsez_gg_ .___SText_ypsez_gg_,.___SLink_ypsez_gg_:active .___SText_ypsez_gg_{border-color:currentColor}@media (hover:hover){.___SLink_ypsez_gg_:hover .___SText_ypsez_gg_{border-color:currentColor}}.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_ypsez_gg_.__visually-disabled_ypsez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_ypsez_gg_.__noWrapText_ypsez_gg_{white-space:nowrap}.___SLink_ypsez_gg_.__inline_ypsez_gg_{display:inline}.___SAddon_ypsez_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_ypsez_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_ypsez_gg_.__text-color_ypsez_gg_{color:var(--text-color_ypsez)}.___SLink_ypsez_gg_.__text-color_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_.__text-color_ypsez_gg_:active{color:var(--text-color_ypsez);filter:brightness(.8)}@media (hover:hover){.___SLink_ypsez_gg_.__text-color_ypsez_gg_:hover{color:var(--text-color_ypsez);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_ypsez_gg_,.___SText_ypsez_gg_{transition:none}}", /*__inner_css_end__*/"ypsez_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLink": "___SLink_1slzv_gg_",
-  "_keyboardFocused": "__keyboardFocused_1slzv_gg_",
-  "_visually-disabled": "__visually-disabled_1slzv_gg_",
-  "_noWrapText": "__noWrapText_1slzv_gg_",
-  "_inline": "__inline_1slzv_gg_",
-  "__SAddon": "___SAddon_1slzv_gg_",
-  "__SText": "___SText_1slzv_gg_",
-  "_active": "__active_1slzv_gg_",
-  "_enableVisited": "__enableVisited_1slzv_gg_",
-  "_text-color": "__text-color_1slzv_gg_",
-  "--text-color": "--text-color_1slzv"
+  "__SLink": "___SLink_ypsez_gg_",
+  "_visually-disabled": "__visually-disabled_ypsez_gg_",
+  "_noWrapText": "__noWrapText_ypsez_gg_",
+  "_inline": "__inline_ypsez_gg_",
+  "__SAddon": "___SAddon_ypsez_gg_",
+  "__SText": "___SText_ypsez_gg_",
+  "_active": "__active_ypsez_gg_",
+  "_enableVisited": "__enableVisited_ypsez_gg_",
+  "_text-color": "__text-color_ypsez_gg_",
+  "--text-color": "--text-color_ypsez"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);
@@ -47,18 +47,7 @@ var RootLink = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "containerRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
-      ariaLabelledByContent: '',
-      visibleHint: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function () {
-      _this.setState({
-        visibleHint: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function () {
-      _this.setState({
-        visibleHint: false
-      });
+      ariaLabelledByContent: ''
     });
     return _this;
   }
@@ -79,68 +68,80 @@ var RootLink = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "renderChildren",
-    value: function renderChildren() {
-      var _ref4;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        AddonLeft = _this$asProps.addonLeft,
-        AddonRight = _this$asProps.addonRight;
-      return _ref4 = sstyled(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: "renderLink",
+    value: function renderLink(_ref10) {
+      var _ref = this.asProps,
+        _ref5;
+      var linkProps = _ref10.linkProps,
+        children = _ref10.children;
+      var styles = this.asProps.styles;
+      var SLink = Text;
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SLink, _ref5.cn("SLink", _objectSpread({}, _assignProps(_objectSpread({}, linkProps), _ref))), children);
     }
   }, {
-    key: "renderOnlyAddons",
-    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(styles), /*#__PURE__*/React.createElement(Link.Addon, {
-        tag: Hint,
-        title: hintContent,
-        timeout: [250, 50],
-        visible: keyboardFocused || visibleHint
-      }, AddonLeft && /*#__PURE__*/React.createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /*#__PURE__*/React.createElement(AddonRight, _ref5.cn("AddonRight", {})));
+    key: "renderLinkWithHint",
+    value: function renderLinkWithHint(_ref11) {
+      var _ref2 = this.asProps,
+        _ref6;
+      var linkProps = _ref11.linkProps,
+        children = _ref11.children,
+        hintProps = _ref11.hintProps;
+      var styles = this.asProps.styles;
+      var SLink = Hint;
+      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread({}, linkProps), hintProps), _ref2))), children);
     }
   }, {
     key: "render",
     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(styles), /*#__PURE__*/React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, _assignProps({
-        "role": 'link',
-        "tabIndex": disabled ? -1 : 0,
-        "use:href": disabled ? undefined : 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 !== undefined ? this.renderChildren() : this.renderOnlyAddons());
+      var _ref7, _ref12, _ref13;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        noWrap = _this$asProps.noWrap,
+        color = _this$asProps.color,
+        resolveColor = _this$asProps.resolveColor,
+        disabled = _this$asProps.disabled,
+        href = _this$asProps.href,
+        hasChildren = _this$asProps.children,
+        AddonLeft = _this$asProps.addonLeft,
+        AddonRight = _this$asProps.addonRight,
+        Children = _this$asProps.Children,
+        title = _this$asProps.title,
+        ariaLabel = _this$asProps['aria-label'],
+        hintPlacement = _this$asProps.hintPlacement;
+      // @ts-ignore
+      var Link = this[CORE_INSTANCE];
+      var children = (_ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, AddonLeft ? /*#__PURE__*/React.createElement(Link.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref7.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Link.Text, Link.Addon), AddonRight ? /*#__PURE__*/React.createElement(Link.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref7.cn("AddonRight", {}))) : null));
+      var hintContent = (_ref12 = (_ref13 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref13 !== void 0 ? _ref13 : this.state.ariaLabelledByContent) !== null && _ref12 !== void 0 ? _ref12 : '';
+      var linkProps = {
+        role: 'link',
+        tabIndex: disabled ? -1 : 0,
+        'use:href': disabled ? undefined : href,
+        'visually-disabled': disabled,
+        render: Text,
+        'text-color': resolveColor(color),
+        tag: 'a',
+        noWrapText: noWrap,
+        'use:noWrap': false,
+        ref: this.containerRef,
+        __excludeProps: ['disabled', 'aria-disabled']
+      };
+      var hintProps = {
+        title: hintContent,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        __excludeProps: []
+      };
+      if (hasChildren === undefined || title) {
+        return this.renderLinkWithHint({
+          linkProps: linkProps,
+          hintProps: hintProps,
+          children: children
+        });
+      }
+      return this.renderLink({
+        linkProps: linkProps,
+        children: children
+      });
     }
   }]);
   return RootLink;
@@ -152,22 +153,22 @@ _defineProperty(RootLink, "defaultProps", {
 _defineProperty(RootLink, "style", style);
 _defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
 function LinkText(props) {
-  var _ref2 = arguments[0],
-    _ref7;
+  var _ref3 = arguments[0],
+    _ref8;
   var SText = Box;
   var styles = props.styles;
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps2({
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref8.cn("SText", _objectSpread({}, _assignProps3({
     "tag": 'span'
-  }, _ref2))));
+  }, _ref3))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0],
-    _ref8;
+  var _ref4 = arguments[0],
+    _ref9;
   var SAddon = Box;
   var styles = props.styles;
-  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, _assignProps3({
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, _assignProps4({
     "tag": 'span'
-  }, _ref3))));
+  }, _ref4))));
 }
 var Link = createComponent(RootLink, {
   Text: LinkText,

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":"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"}
+{"version":3,"file":"Link.js","names":["React","createComponent","Component","Root","sstyled","CORE_INSTANCE","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","_createClass","key","value","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderLink","_ref10","_ref","_ref5","linkProps","children","styles","SLink","createElement","cn","_objectSpread","_assignProps","renderLinkWithHint","_ref11","_ref2","_ref6","hintProps","_assignProps2","render","_ref7","_ref12","_ref13","_this$asProps","noWrap","color","resolveColor","disabled","href","hasChildren","AddonLeft","addonLeft","AddonRight","addonRight","Children","title","ariaLabel","hintPlacement","Link","Fragment","Addon","hintContent","state","role","tabIndex","undefined","tag","noWrapText","ref","__excludeProps","timeout","placement","LinkText","props","_ref3","arguments[0]","_ref8","SText","_assignProps3","_ref4","_ref9","SAddon","_assignProps4"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport resolveColorEnhance from '@semcore/core/lib/utils/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  };\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  renderLink({ linkProps, children }) {\n    const { styles } = this.asProps;\n    const SLink = Root;\n\n    return sstyled(styles)(\n      <SLink render={Text} {...linkProps}>\n        {children}\n      </SLink>,\n    );\n  }\n\n  renderLinkWithHint({ linkProps, children, hintProps }) {\n    const { styles } = this.asProps;\n    const SLink = Root;\n\n    return sstyled(styles)(\n      <SLink render={Hint} {...linkProps} {...hintProps}>\n        {children}\n      </SLink>,\n    );\n  }\n\n  render() {\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      Children,\n      title,\n      ['aria-label']: ariaLabel,\n      hintPlacement,\n    } = this.asProps;\n    // @ts-ignore\n    const Link = this[CORE_INSTANCE];\n\n    const children = sstyled(styles)(\n      <>\n        {AddonLeft ? (\n          <Link.Addon>\n            <AddonLeft />\n          </Link.Addon>\n        ) : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? (\n          <Link.Addon>\n            <AddonRight />\n          </Link.Addon>\n        ) : null}\n      </>,\n    );\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const linkProps = {\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    };\n\n    const hintProps = {\n      title: hintContent,\n      timeout: [250, 50],\n      placement: hintPlacement,\n      __excludeProps: [],\n    };\n\n    if (hasChildren === undefined || title) {\n      return this.renderLinkWithHint({ linkProps, hintProps, children });\n    }\n\n    return this.renderLink({ linkProps, children });\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/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { TextProps } from '@semcore/typography';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ILinkProps extends LinkProps, UnknownProperties {}\nexport type LinkProps = TextProps &\n  KeyboardFocusProps & {\n    /**\n     * CSS property of the display link (inline|inline-block)\n     * @default false\n     */\n    inline?: boolean;\n    /**\n     * Sets the link to the disabled state\n     */\n    disabled?: boolean;\n    /**\n     * Sets the link to the active state\n     */\n    active?: boolean;\n    /** This flag enables highlighting of the visited link\n     */\n    enableVisited?: boolean;\n    /** The text will not be moved to a new line\n     * @default true\n     */\n    noWrap?: boolean;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n  };\n\ndeclare const Link: Intergalactic.Component<'a', LinkProps> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { TextProps } from '@semcore/typography';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ILinkProps extends LinkProps, UnknownProperties {}\nexport type LinkProps = TextProps & {\n  /**\n   * CSS property of the display link (inline|inline-block)\n   * @default false\n   */\n  inline?: boolean;\n  /**\n   * Sets the link to the disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Sets the link to the active state\n   */\n  active?: boolean;\n  /** This flag enables highlighting of the visited link\n   */\n  enableVisited?: boolean;\n  /** The text will not be moved to a new line\n   * @default true\n   */\n  noWrap?: boolean;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n};\n\ndeclare const Link: Intergalactic.Component<'a', LinkProps> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":""}

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

@@ -11,14 +11,11 @@ SLink {
   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;
+  &:hover {
     text-decoration: none;
   }
 
@@ -43,12 +40,6 @@ SLink {
   }
 }
 
-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;

package/lib/esm/Link.mjs

@@ -5,38 +5,36 @@ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitial
 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 { sstyled, createComponent, assignProps, CORE_INSTANCE, 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";
+import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import logger from "@semcore/core/lib/utils/logger";
+import hasLabels from "@semcore/core/lib/utils/hasLabels";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_1slzv_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_1slzv_gg_:active,.___SLink_1slzv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1slzv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_1slzv_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1slzv_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1slzv_gg_.__active_1slzv_gg_ .___SText_1slzv_gg_,.___SLink_1slzv_gg_:active .___SText_1slzv_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1slzv_gg_:hover .___SText_1slzv_gg_{border-color:currentColor}}.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1slzv_gg_.__enableVisited_1slzv_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1slzv_gg_.__keyboardFocused_1slzv_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_1slzv_gg_.__visually-disabled_1slzv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1slzv_gg_.__noWrapText_1slzv_gg_{white-space:nowrap}.___SLink_1slzv_gg_.__inline_1slzv_gg_{display:inline}.___SAddon_1slzv_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1slzv_gg_ .___SAddon_1slzv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1slzv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_1slzv_gg_.__text-color_1slzv_gg_{color:var(--text-color_1slzv)}.___SLink_1slzv_gg_.__text-color_1slzv_gg_.__active_1slzv_gg_,.___SLink_1slzv_gg_.__text-color_1slzv_gg_:active{color:var(--text-color_1slzv);filter:brightness(.8)}@media (hover:hover){.___SLink_1slzv_gg_.__text-color_1slzv_gg_:hover{color:var(--text-color_1slzv);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1slzv_gg_,.___SText_1slzv_gg_{transition:none}}",
+    ".___SLink_ypsez_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SLink_ypsez_gg_,.___SLink_ypsez_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_ypsez_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SLink_ypsez_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_ypsez_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_ypsez_gg_.__active_ypsez_gg_ .___SText_ypsez_gg_,.___SLink_ypsez_gg_:active .___SText_ypsez_gg_{border-color:currentColor}@media (hover:hover){.___SLink_ypsez_gg_:hover .___SText_ypsez_gg_{border-color:currentColor}}.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_ypsez_gg_.__enableVisited_ypsez_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_ypsez_gg_.__visually-disabled_ypsez_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_ypsez_gg_.__noWrapText_ypsez_gg_{white-space:nowrap}.___SLink_ypsez_gg_.__inline_ypsez_gg_{display:inline}.___SAddon_ypsez_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_ypsez_gg_ .___SAddon_ypsez_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_ypsez_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_ypsez_gg_.__text-color_ypsez_gg_{color:var(--text-color_ypsez)}.___SLink_ypsez_gg_.__text-color_ypsez_gg_.__active_ypsez_gg_,.___SLink_ypsez_gg_.__text-color_ypsez_gg_:active{color:var(--text-color_ypsez);filter:brightness(.8)}@media (hover:hover){.___SLink_ypsez_gg_.__text-color_ypsez_gg_:hover{color:var(--text-color_ypsez);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_ypsez_gg_,.___SText_ypsez_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "1slzv_gg_"
+    "ypsez_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLink": "___SLink_1slzv_gg_",
-    "_keyboardFocused": "__keyboardFocused_1slzv_gg_",
-    "_visually-disabled": "__visually-disabled_1slzv_gg_",
-    "_noWrapText": "__noWrapText_1slzv_gg_",
-    "_inline": "__inline_1slzv_gg_",
-    "__SAddon": "___SAddon_1slzv_gg_",
-    "__SText": "___SText_1slzv_gg_",
-    "_active": "__active_1slzv_gg_",
-    "_enableVisited": "__enableVisited_1slzv_gg_",
-    "_text-color": "__text-color_1slzv_gg_",
-    "--text-color": "--text-color_1slzv"
+    "__SLink": "___SLink_ypsez_gg_",
+    "_visually-disabled": "__visually-disabled_ypsez_gg_",
+    "_noWrapText": "__noWrapText_ypsez_gg_",
+    "_inline": "__inline_ypsez_gg_",
+    "__SAddon": "___SAddon_ypsez_gg_",
+    "__SText": "___SText_ypsez_gg_",
+    "_active": "__active_ypsez_gg_",
+    "_enableVisited": "__enableVisited_ypsez_gg_",
+    "_text-color": "__text-color_ypsez_gg_",
+    "--text-color": "--text-color_ypsez"
   })
 );
 var RootLink = /* @__PURE__ */ function(_Component) {
@@ -51,18 +49,7 @@ var RootLink = /* @__PURE__ */ function(_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
-      ariaLabelledByContent: "",
-      visibleHint: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function() {
-      _this.setState({
-        visibleHint: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function() {
-      _this.setState({
-        visibleHint: false
-      });
+      ariaLabelledByContent: ""
     });
     return _this;
   }
@@ -83,49 +70,61 @@ var RootLink = /* @__PURE__ */ function(_Component) {
       }
     }
   }, {
-    key: "renderChildren",
-    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: "renderLink",
+    value: function renderLink(_ref10) {
+      var _ref = this.asProps, _ref5;
+      var linkProps = _ref10.linkProps, children = _ref10.children;
+      var styles = this.asProps.styles;
+      var SLink = Text;
+      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SLink, _ref5.cn("SLink", _objectSpread({}, assignProps(_objectSpread({}, linkProps), _ref))), children);
     }
   }, {
-    key: "renderOnlyAddons",
-    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: keyboardFocused || visibleHint
-      }, AddonLeft && /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {})));
+    key: "renderLinkWithHint",
+    value: function renderLinkWithHint(_ref11) {
+      var _ref2 = this.asProps, _ref6;
+      var linkProps = _ref11.linkProps, children = _ref11.children, hintProps = _ref11.hintProps;
+      var styles = this.asProps.styles;
+      var SLink = Hint;
+      return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, linkProps), hintProps), _ref2))), children);
     }
   }, {
     key: "render",
     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,
+      var _ref7, _ref12, _ref13;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, noWrap = _this$asProps.noWrap, color = _this$asProps.color, resolveColor = _this$asProps.resolveColor, disabled = _this$asProps.disabled, href = _this$asProps.href, hasChildren = _this$asProps.children, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight, Children = _this$asProps.Children, title = _this$asProps.title, ariaLabel = _this$asProps["aria-label"], hintPlacement = _this$asProps.hintPlacement;
+      var Link2 = this[CORE_INSTANCE];
+      var children = (_ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, AddonLeft ? /* @__PURE__ */ React.createElement(Link2.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref7.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Link2.Text, Link2.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Link2.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref7.cn("AddonRight", {}))) : null));
+      var hintContent = (_ref12 = (_ref13 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref13 !== void 0 ? _ref13 : this.state.ariaLabelledByContent) !== null && _ref12 !== void 0 ? _ref12 : "";
+      var linkProps = {
+        role: "link",
+        tabIndex: disabled ? -1 : 0,
         "use:href": disabled ? void 0 : href,
         "visually-disabled": disabled,
+        render: Text,
         "text-color": resolveColor(color),
-        "tag": "a",
-        "noWrapText": noWrap,
+        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());
+        ref: this.containerRef,
+        __excludeProps: ["disabled", "aria-disabled"]
+      };
+      var hintProps = {
+        title: hintContent,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        __excludeProps: []
+      };
+      if (hasChildren === void 0 || title) {
+        return this.renderLinkWithHint({
+          linkProps,
+          hintProps,
+          children
+        });
+      }
+      return this.renderLink({
+        linkProps,
+        children
+      });
     }
   }]);
   return RootLink2;
@@ -137,20 +136,20 @@ _defineProperty(RootLink, "defaultProps", {
 _defineProperty(RootLink, "style", style);
 _defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
 function LinkText(props) {
-  var _ref2 = arguments[0], _ref7;
+  var _ref3 = arguments[0], _ref8;
   var SText = Box;
   var styles = props.styles;
-  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref8.cn("SText", _objectSpread({}, assignProps({
     "tag": "span"
-  }, _ref2))));
+  }, _ref3))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0], _ref8;
+  var _ref4 = arguments[0], _ref9;
   var SAddon = Box;
   var styles = props.styles;
-  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, assignProps({
     "tag": "span"
-  }, _ref3))));
+  }, _ref4))));
 }
 var Link = createComponent(RootLink, {
   Text: LinkText,

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

@@ -11,14 +11,11 @@ SLink {
   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;
+  &:hover {
     text-decoration: none;
   }
 
@@ -43,12 +40,6 @@ SLink {
   }
 }
 
-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;

package/lib/types/index.d.ts

@@ -2,37 +2,35 @@ import React from 'react';
 import { Intergalactic, UnknownProperties } from '@semcore/core';
 import { TextProps } from '@semcore/typography';
 import { BoxProps } from '@semcore/flex-box';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 
 /** @deprecated */
 export interface ILinkProps extends LinkProps, UnknownProperties {}
-export type LinkProps = TextProps &
-  KeyboardFocusProps & {
-    /**
-     * CSS property of the display link (inline|inline-block)
-     * @default false
-     */
-    inline?: boolean;
-    /**
-     * Sets the link to the disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Sets the link to the active state
-     */
-    active?: boolean;
-    /** This flag enables highlighting of the visited link
-     */
-    enableVisited?: boolean;
-    /** The text will not be moved to a new line
-     * @default true
-     */
-    noWrap?: boolean;
-    /** Left addon tag */
-    addonLeft?: React.ElementType;
-    /** Right addon tag */
-    addonRight?: React.ElementType;
-  };
+export type LinkProps = TextProps & {
+  /**
+   * CSS property of the display link (inline|inline-block)
+   * @default false
+   */
+  inline?: boolean;
+  /**
+   * Sets the link to the disabled state
+   */
+  disabled?: boolean;
+  /**
+   * Sets the link to the active state
+   */
+  active?: boolean;
+  /** This flag enables highlighting of the visited link
+   */
+  enableVisited?: boolean;
+  /** The text will not be moved to a new line
+   * @default true
+   */
+  noWrap?: boolean;
+  /** Left addon tag */
+  addonLeft?: React.ElementType;
+  /** Right addon tag */
+  addonRight?: React.ElementType;
+};
 
 declare const Link: Intergalactic.Component<'a', LinkProps> & {
   Text: Intergalactic.Component<'span', TextProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "5.44.4-prerelease.0",
+  "version": "16.0.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,15 +14,12 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5-prerelease.0",
-    "@semcore/typography": "5.53.2-prerelease.0",
-    "@semcore/flex-box": "5.41.4-prerelease.0",
-    "@semcore/tooltip": "6.49.4-prerelease.0"
+    "@semcore/typography": "16.0.0-prerelease.0",
+    "@semcore/tooltip": "16.0.0-prerelease.0",
+    "@semcore/flex-box": "16.0.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.0"
   },
   "repository": {
     "type": "git",