@semcore/link 5.44.4 → 5.45.0-prerelease.0

package/lib/esm/Link.mjs

@@ -1,72 +1,56 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
-import React from "react";
+import { 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 { 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 React from "react";
 /*!__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_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}}",
     /*__inner_css_end__*/
-    "1slzv_gg_"
+    "17c8v_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_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"
   })
 );
-var RootLink = /* @__PURE__ */ function(_Component) {
-  _inherits(RootLink2, _Component);
-  var _super = _createSuper(RootLink2);
+var RootLink = /* @__PURE__ */ (function(_Component) {
   function RootLink2() {
     var _this;
     _classCallCheck(this, RootLink2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      ariaLabelledByContent: "",
-      visibleHint: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function() {
-      _this.setState({
-        visibleHint: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function() {
-      _this.setState({
-        visibleHint: false
-      });
+    _this = _callSuper(this, RootLink2, [].concat(args));
+    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
+      ariaLabelledByContent: ""
     });
     return _this;
   }
-  _createClass(RootLink2, [{
+  _inherits(RootLink2, _Component);
+  return _createClass(RootLink2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -83,72 +67,60 @@ 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: "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: "getTextProps",
+    value: function getTextProps() {
+      return {
+        "hint:triggerRef": this.containerRef
+      };
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _ref6;
+      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 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",
+      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({
         "tabIndex": disabled ? -1 : 0,
         "use:href": disabled ? void 0 : href,
         "visually-disabled": disabled,
         "text-color": resolveColor(color),
         "tag": "a",
-        "noWrapText": noWrap,
-        "use:noWrap": false,
         "ref": this.containerRef,
-        "__excludeProps": ["disabled", "aria-disabled"],
-        "onMouseEnter": this.handleMouseEnterOnlyAddon,
-        "onMouseLeave": this.handleMouseLeaveOnlyAddon
-      }, _ref))), hasChildren !== void 0 ? this.renderChildren() : this.renderOnlyAddons());
+        "__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));
     }
   }]);
-  return RootLink2;
-}(Component);
+})(Component);
 _defineProperty(RootLink, "displayName", "Link");
-_defineProperty(RootLink, "defaultProps", {
-  noWrap: true
-});
 _defineProperty(RootLink, "style", style);
-_defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+_defineProperty(RootLink, "enhance", [resolveColorEnhance()]);
 function LinkText(props) {
-  var _ref2 = arguments[0], _ref7;
-  var SText = Box;
+  var _ref2 = arguments[0], _ref5;
+  var SText = Text;
   var styles = props.styles;
-  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref2))));
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({}, _ref2))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0], _ref8;
+  var _ref3 = arguments[0], _ref6;
   var SAddon = Box;
   var styles = props.styles;
-  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({
     "tag": "span"
   }, _ref3))));
 }

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

@@ -1,27 +1,14 @@
 SLink {
-  display: inline-block;
-  font-family: inherit;
-  color: var(--intergalactic-text-link, #006dca);
-  line-height: normal;
+  display: inline;
+  align-items: center;
+  color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
   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;
@@ -30,33 +17,27 @@ SLink {
   &[active],
   &:hover,
   &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
 
     & SText {
-      border-color: currentColor;
+      text-decoration-color: currentColor;
     }
   }
 
   &[enableVisited]:visited,
   &[enableVisited]:visited:hover {
-    color: var(--intergalactic-text-link-visited, #8649e1);
+    color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
   }
 }
 
-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);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   /* Disable link interactions */
   pointer-events: none;
 }
 
-SLink[noWrapText] {
+SLink[noWrap] {
   white-space: nowrap;
 }
 
@@ -64,13 +45,17 @@ SLink[inline] {
   display: inline;
 }
 
+SInner {
+  align-items: baseline;
+  height: 100%;
+  width: 100%;
+}
+
 SAddon {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: var(--intergalactic-spacing-05x, 2px);
-  vertical-align: middle;
   pointer-events: none;
+  vertical-align: middle;
+  display: inline-flex;
+  margin-top: -2.5px;
 }
 
 SLink SAddon {
@@ -84,10 +69,13 @@ SLink SAddon {
 }
 
 SText {
-  border-bottom-width: 1px;
-  border-bottom-style: solid;
-  border-color: transparent;
-  transition: border-bottom-color 0.15s ease-in-out;
+  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;
 }
 
 SLink[text-color] {

package/lib/types/Link.d.ts

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,35 @@
+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'];
+};

package/lib/types/index.d.ts

@@ -1,42 +1,3 @@
-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;
+import type { LinkProps } from './Link.types';
+export { default } from './Link';
+export type { LinkProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "5.44.4",
+  "version": "5.45.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5",
-    "@semcore/typography": "5.53.2",
-    "@semcore/flex-box": "5.41.4",
-    "@semcore/tooltip": "6.49.4"
+    "@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"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/index.d.js

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

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"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":""}

package/lib/es6/index.d.js

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

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"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":""}