@semcore/link 5.45.0-prerelease.0 → 5.45.0-prerelease.4

package/lib/esm/Link.mjs

@@ -1,56 +1,72 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
+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, CORE_INSTANCE, assignProps, Component, createComponent } from "@semcore/core";
-import { Box, Hint } from "@semcore/base-components";
-import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-import hasLabels from "@semcore/core/lib/utils/hasLabels";
-import logger from "@semcore/core/lib/utils/logger";
-import { Text } from "@semcore/typography";
+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__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_17c8v_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, rgb(36, 93, 229));position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SLink_17c8v_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_17c8v_gg_.__active_17c8v_gg_,.___SLink_17c8v_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SLink_17c8v_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SLink_17c8v_gg_.__active_17c8v_gg_ .___SText_17c8v_gg_,.___SLink_17c8v_gg_:active .___SText_17c8v_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_17c8v_gg_:hover .___SText_17c8v_gg_{text-decoration-color:currentColor}}.___SLink_17c8v_gg_.__enableVisited_17c8v_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SLink_17c8v_gg_.__enableVisited_17c8v_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SLink_17c8v_gg_.__visually-disabled_17c8v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLink_17c8v_gg_.__noWrap_17c8v_gg_{white-space:nowrap}.___SLink_17c8v_gg_.__inline_17c8v_gg_{display:inline}.___SInner_17c8v_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_17c8v_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_17c8v_gg_ .___SAddon_17c8v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_17c8v_gg_ .___SAddon_17c8v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_17c8v_gg_{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:17%;transition:text-decoration-color .15s ease-in-out}.___SLink_17c8v_gg_.__text-color_17c8v_gg_{color:var(--text-color_17c8v)}.___SLink_17c8v_gg_.__text-color_17c8v_gg_.__active_17c8v_gg_,.___SLink_17c8v_gg_.__text-color_17c8v_gg_:active{color:var(--text-color_17c8v);filter:brightness(.8)}@media (hover:hover){.___SLink_17c8v_gg_.__text-color_17c8v_gg_:hover{color:var(--text-color_17c8v);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_17c8v_gg_,.___SText_17c8v_gg_{transition:none}}",
+    ".___SLink_jkp44_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, rgb(35, 95, 226));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_jkp44_gg_:active,.___SLink_jkp44_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_jkp44_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_jkp44_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_jkp44_gg_.__active_jkp44_gg_,.___SLink_jkp44_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLink_jkp44_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLink_jkp44_gg_.__active_jkp44_gg_ .___SText_jkp44_gg_,.___SLink_jkp44_gg_:active .___SText_jkp44_gg_{border-color:currentColor}@media (hover:hover){.___SLink_jkp44_gg_:hover .___SText_jkp44_gg_{border-color:currentColor}}.___SLink_jkp44_gg_.__enableVisited_jkp44_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SLink_jkp44_gg_.__enableVisited_jkp44_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SLink_jkp44_gg_.__keyboardFocused_jkp44_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469));outline-style:solid;outline-width:3px}@supports (color:color(display-p3 0 0 0)){.___SLink_jkp44_gg_.__keyboardFocused_jkp44_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SLink_jkp44_gg_.__keyboardFocused_jkp44_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SLink_jkp44_gg_.__visually-disabled_jkp44_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLink_jkp44_gg_.__noWrapText_jkp44_gg_{white-space:nowrap}.___SLink_jkp44_gg_.__inline_jkp44_gg_{display:inline}.___SAddon_jkp44_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_jkp44_gg_ .___SAddon_jkp44_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_jkp44_gg_ .___SAddon_jkp44_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_jkp44_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_jkp44_gg_.__text-color_jkp44_gg_{color:var(--text-color_jkp44)}.___SLink_jkp44_gg_.__text-color_jkp44_gg_.__active_jkp44_gg_,.___SLink_jkp44_gg_.__text-color_jkp44_gg_:active{color:var(--text-color_jkp44);filter:brightness(.8)}@media (hover:hover){.___SLink_jkp44_gg_.__text-color_jkp44_gg_:hover{color:var(--text-color_jkp44);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_jkp44_gg_,.___SText_jkp44_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "17c8v_gg_"
+    "jkp44_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLink": "___SLink_17c8v_gg_",
-    "_visually-disabled": "__visually-disabled_17c8v_gg_",
-    "_noWrap": "__noWrap_17c8v_gg_",
-    "_inline": "__inline_17c8v_gg_",
-    "__SInner": "___SInner_17c8v_gg_",
-    "__SAddon": "___SAddon_17c8v_gg_",
-    "__SText": "___SText_17c8v_gg_",
-    "_active": "__active_17c8v_gg_",
-    "_enableVisited": "__enableVisited_17c8v_gg_",
-    "_text-color": "__text-color_17c8v_gg_",
-    "--text-color": "--text-color_17c8v"
+    "__SLink": "___SLink_jkp44_gg_",
+    "_keyboardFocused": "__keyboardFocused_jkp44_gg_",
+    "_visually-disabled": "__visually-disabled_jkp44_gg_",
+    "_noWrapText": "__noWrapText_jkp44_gg_",
+    "_inline": "__inline_jkp44_gg_",
+    "__SAddon": "___SAddon_jkp44_gg_",
+    "__SText": "___SText_jkp44_gg_",
+    "_active": "__active_jkp44_gg_",
+    "_enableVisited": "__enableVisited_jkp44_gg_",
+    "_text-color": "__text-color_jkp44_gg_",
+    "--text-color": "--text-color_jkp44"
   })
 );
-var RootLink = /* @__PURE__ */ (function(_Component) {
+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 = _callSuper(this, RootLink2, [].concat(args));
-    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "state", {
-      ariaLabelledByContent: ""
+    _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
+      });
     });
     return _this;
   }
-  _inherits(RootLink2, _Component);
-  return _createClass(RootLink2, [{
+  _createClass(RootLink2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -67,60 +83,72 @@ var RootLink = /* @__PURE__ */ (function(_Component) {
       }
     }
   }, {
-    key: "getTextProps",
-    value: function getTextProps() {
-      return {
-        "hint:triggerRef": this.containerRef
-      };
+    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: "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: "render",
     value: function render() {
-      var _ref = this.asProps, _ref4, _ref7, _ref8;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, color = _this$asProps.color, resolveColor = _this$asProps.resolveColor, disabled = _this$asProps.disabled, href = _this$asProps.href, children = _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 _ref = this.asProps, _ref6;
       var SLink = Text;
-      var SInner = Box;
-      var hintContent = (_ref7 = (_ref8 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref8 !== void 0 ? _ref8 : this.state.ariaLabelledByContent) !== null && _ref7 !== void 0 ? _ref7 : "";
-      var showHint = children === void 0 || title;
-      var excludeProps = ["title", "aria-disabled"];
-      if (!this.asProps["use:disabled"]) {
-        excludeProps.push("disabled");
-      }
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SLink, _ref4.cn("SLink", _objectSpread({}, assignProps({
+      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": excludeProps,
-        "aria-label": showHint ? hintContent : void 0
-      }, _ref))), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
-        "tag": "span",
-        "data-ui-name": "".concat(this.asProps["data-ui-name"], ".InnerWrapper")
-      }), AddonLeft ? /* @__PURE__ */ React.createElement(Link2.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Link2.Text, Link2.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Link2.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null)), showHint && /* @__PURE__ */ React.createElement(Hint, _ref4.cn("Hint", {
-        "triggerRef": this.containerRef,
-        "timeout": [250, 50],
-        "placement": hintPlacement
-      }), hintContent));
+        "__excludeProps": ["disabled", "aria-disabled"],
+        "onMouseEnter": this.handleMouseEnterOnlyAddon,
+        "onMouseLeave": this.handleMouseLeaveOnlyAddon
+      }, _ref))), hasChildren !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
     }
   }]);
-})(Component);
+  return RootLink2;
+}(Component);
 _defineProperty(RootLink, "displayName", "Link");
+_defineProperty(RootLink, "defaultProps", {
+  noWrap: true
+});
 _defineProperty(RootLink, "style", style);
-_defineProperty(RootLink, "enhance", [resolveColorEnhance()]);
+_defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
 function LinkText(props) {
-  var _ref2 = arguments[0], _ref5;
-  var SText = Text;
+  var _ref2 = arguments[0], _ref7;
+  var SText = Box;
   var styles = props.styles;
-  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({}, _ref2))));
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0], _ref6;
+  var _ref3 = arguments[0], _ref8;
   var SAddon = Box;
   var styles = props.styles;
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
     "tag": "span"
   }, _ref3))));
 }

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

@@ -1,14 +1,27 @@
 SLink {
-  display: inline;
-  align-items: center;
-  color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
+  display: inline-block;
+  font-family: inherit;
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+  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;
@@ -17,10 +30,10 @@ SLink {
   &[active],
   &:hover,
   &:active {
-    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
 
     & SText {
-      text-decoration-color: currentColor;
+      border-color: currentColor;
     }
   }
 
@@ -30,6 +43,12 @@ SLink {
   }
 }
 
+SLink[keyboardFocused] {
+  outline-color: var(--intergalactic-keyboard-focus-outline, oklch(0.424 0.269 264.2 / 0.469));
+  outline-style: solid;
+  outline-width: 3px;
+}
+
 SLink[visually-disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
@@ -37,7 +56,7 @@ SLink[visually-disabled] {
   pointer-events: none;
 }
 
-SLink[noWrap] {
+SLink[noWrapText] {
   white-space: nowrap;
 }
 
@@ -45,17 +64,13 @@ SLink[inline] {
   display: inline;
 }
 
-SInner {
-  align-items: baseline;
-  height: 100%;
-  width: 100%;
-}
-
 SAddon {
-  pointer-events: none;
-  vertical-align: middle;
   display: inline-flex;
-  margin-top: -2.5px;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-05x, 2px);
+  vertical-align: middle;
+  pointer-events: none;
 }
 
 SLink SAddon {
@@ -69,13 +84,10 @@ SLink SAddon {
 }
 
 SText {
-  text-decoration: underline;
-  text-decoration-style: solid;
-  text-decoration-thickness: 1px;
-  text-decoration-color: transparent;
-  text-underline-offset: 17%;
-
-  transition: text-decoration-color 0.15s ease-in-out;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-color: transparent;
+  transition: border-bottom-color 0.15s ease-in-out;
 }
 
 SLink[text-color] {

package/lib/types/index.d.ts

@@ -1,3 +1,42 @@
-import type { LinkProps } from './Link.types';
-export { default } from './Link';
-export type { LinkProps };
+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;
+  };
+
+declare const Link: Intergalactic.Component<'a', LinkProps> & {
+  Text: Intergalactic.Component<'span', TextProps>;
+  Addon: Intergalactic.Component<'span', BoxProps>;
+};
+
+export default Link;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "5.45.0-prerelease.0",
+  "version": "5.45.0-prerelease.4",
   "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.49.0-prerelease.0",
-    "@semcore/typography": "5.54.0-prerelease.0",
-    "@semcore/flex-box": "5.42.0-prerelease.0",
-    "@semcore/tooltip": "6.50.0-prerelease.0"
+    "@semcore/utils": "4.49.0-prerelease.4",
+    "@semcore/typography": "5.54.0-prerelease.4",
+    "@semcore/flex-box": "5.42.0-prerelease.4",
+    "@semcore/tooltip": "6.50.0-prerelease.4"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.4",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/Link.types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Link.types.js.map

package/lib/cjs/Link.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link.types.ts"],"sourcesContent":["import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type LinkProps = BoxProps & NSText.BaseProps & {\n  /**\n   * CSS property of the display link (inline|inline-block)\n   * @default false\n   * @deprecated. You should use default inline-flex for all cases.\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 false\n   */\n  noWrap?: boolean;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n  /**\n   * The position of the popper relative to the trigger that called it.\n   * @default top\n   */\n  hintPlacement?: SimpleHintPopperProps['placement'];\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/Link.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Link.types.js.map

package/lib/es6/Link.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link.types.ts"],"sourcesContent":["import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type LinkProps = BoxProps & NSText.BaseProps & {\n  /**\n   * CSS property of the display link (inline|inline-block)\n   * @default false\n   * @deprecated. You should use default inline-flex for all cases.\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 false\n   */\n  noWrap?: boolean;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n  /**\n   * The position of the popper relative to the trigger that called it.\n   * @default top\n   */\n  hintPlacement?: SimpleHintPopperProps['placement'];\n};\n"],"mappings":"","ignoreList":[]}

package/lib/types/Link.d.ts

@@ -1,26 +0,0 @@
-import type { BoxProps } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import { Component } from '@semcore/core';
-import type { NSText } from '@semcore/typography';
-import React from 'react';
-import type { LinkProps } from './Link.types';
-type State = {
-    ariaLabelledByContent: string;
-};
-declare class RootLink extends Component<LinkProps, typeof RootLink.enhance, never, {}, State> {
-    static displayName: string;
-    static style: {
-        [key: string]: string;
-    };
-    static enhance: readonly [(props: any) => any];
-    containerRef: React.RefObject<HTMLElement | null>;
-    state: State;
-    componentDidMount(): void;
-    getTextProps(): NSText.HintProps;
-    render(): React.ReactNode;
-}
-declare const Link: Intergalactic.Component<"a", LinkProps, {}, typeof RootLink.enhance> & {
-    Text: Intergalactic.Component<"span", NSText.Props>;
-    Addon: Intergalactic.Component<"span", BoxProps>;
-};
-export default Link;

package/lib/types/Link.types.d.ts

@@ -1,35 +0,0 @@
-import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';
-import type { NSText } from '@semcore/typography';
-import type React from 'react';
-export type LinkProps = BoxProps & NSText.BaseProps & {
-    /**
-     * CSS property of the display link (inline|inline-block)
-     * @default false
-     * @deprecated. You should use default inline-flex for all cases.
-     */
-    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 false
-     */
-    noWrap?: boolean;
-    /** Left addon tag */
-    addonLeft?: React.ElementType;
-    /** Right addon tag */
-    addonRight?: React.ElementType;
-    /**
-     * The position of the popper relative to the trigger that called it.
-     * @default top
-     */
-    hintPlacement?: SimpleHintPopperProps['placement'];
-};