@semcore/link 16.0.11 → 17.0.0-prerelease.17

package/lib/esm/Link.mjs

@@ -1,154 +1,128 @@
-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 _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
+import { createComponent, sstyled, Component, CORE_INSTANCE, assignProps } from "@semcore/core";
+import { Box, Hint } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
-import keyboardFocusEnhance from "@semcore/core/lib/utils/enhances/keyboardFocusEnhance";
 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 { Box } from "@semcore/flex-box";
-import { Hint } from "@semcore/tooltip";
 import { Text } from "@semcore/typography";
 import React from "react";
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_7kc3r_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_7kc3r_gg_,.___SLink_7kc3r_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_7kc3r_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SLink_7kc3r_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_7kc3r_gg_.__active_7kc3r_gg_,.___SLink_7kc3r_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_7kc3r_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_7kc3r_gg_.__active_7kc3r_gg_ .___SText_7kc3r_gg_,.___SLink_7kc3r_gg_:active .___SText_7kc3r_gg_{border-color:currentColor}@media (hover:hover){.___SLink_7kc3r_gg_:hover .___SText_7kc3r_gg_{border-color:currentColor}}.___SLink_7kc3r_gg_.__enableVisited_7kc3r_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_7kc3r_gg_.__enableVisited_7kc3r_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_7kc3r_gg_.__visually-disabled_7kc3r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_7kc3r_gg_.__noWrapText_7kc3r_gg_{white-space:nowrap}.___SLink_7kc3r_gg_.__inline_7kc3r_gg_{display:inline}.___SAddon_7kc3r_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_7kc3r_gg_ .___SAddon_7kc3r_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_7kc3r_gg_ .___SAddon_7kc3r_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_7kc3r_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_7kc3r_gg_.__text-color_7kc3r_gg_{color:var(--text-color_7kc3r)}.___SLink_7kc3r_gg_.__text-color_7kc3r_gg_.__active_7kc3r_gg_,.___SLink_7kc3r_gg_.__text-color_7kc3r_gg_:active{color:var(--text-color_7kc3r);filter:brightness(.8)}@media (hover:hover){.___SLink_7kc3r_gg_.__text-color_7kc3r_gg_:hover{color:var(--text-color_7kc3r);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_7kc3r_gg_,.___SText_7kc3r_gg_{transition:none}}",
+    ".___SLink_1dx8e_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SLink_1dx8e_gg_,.___SLink_1dx8e_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_1dx8e_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SLink_1dx8e_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_1dx8e_gg_.__active_1dx8e_gg_,.___SLink_1dx8e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_1dx8e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_1dx8e_gg_.__active_1dx8e_gg_ .___SText_1dx8e_gg_,.___SLink_1dx8e_gg_:active .___SText_1dx8e_gg_{border-color:currentColor}@media (hover:hover){.___SLink_1dx8e_gg_:hover .___SText_1dx8e_gg_{border-color:currentColor}}.___SLink_1dx8e_gg_.__enableVisited_1dx8e_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_1dx8e_gg_.__enableVisited_1dx8e_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_1dx8e_gg_.__visually-disabled_1dx8e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_1dx8e_gg_.__noWrap_1dx8e_gg_{white-space:nowrap}.___SLink_1dx8e_gg_.__inline_1dx8e_gg_{display:inline}.___SInner_1dx8e_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_1dx8e_gg_{align-items:baseline;vertical-align:-2px;pointer-events:none;align-self:center}.___SLink_1dx8e_gg_ .___SAddon_1dx8e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_1dx8e_gg_ .___SAddon_1dx8e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_1dx8e_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SText_1dx8e_gg_.__ellipsis_1dx8e_gg_{vertical-align:middle}.___SLink_1dx8e_gg_.__text-color_1dx8e_gg_{color:var(--text-color_1dx8e)}.___SLink_1dx8e_gg_.__text-color_1dx8e_gg_.__active_1dx8e_gg_,.___SLink_1dx8e_gg_.__text-color_1dx8e_gg_:active{color:var(--text-color_1dx8e);filter:brightness(.8)}@media (hover:hover){.___SLink_1dx8e_gg_.__text-color_1dx8e_gg_:hover{color:var(--text-color_1dx8e);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_1dx8e_gg_,.___SText_1dx8e_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "7kc3r_gg_"
+    "1dx8e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLink": "___SLink_7kc3r_gg_",
-    "_visually-disabled": "__visually-disabled_7kc3r_gg_",
-    "_noWrapText": "__noWrapText_7kc3r_gg_",
-    "_inline": "__inline_7kc3r_gg_",
-    "__SAddon": "___SAddon_7kc3r_gg_",
-    "__SText": "___SText_7kc3r_gg_",
-    "_active": "__active_7kc3r_gg_",
-    "_enableVisited": "__enableVisited_7kc3r_gg_",
-    "_text-color": "__text-color_7kc3r_gg_",
-    "--text-color": "--text-color_7kc3r"
+    "__SLink": "___SLink_1dx8e_gg_",
+    "_visually-disabled": "__visually-disabled_1dx8e_gg_",
+    "_noWrap": "__noWrap_1dx8e_gg_",
+    "_inline": "__inline_1dx8e_gg_",
+    "__SInner": "___SInner_1dx8e_gg_",
+    "__SAddon": "___SAddon_1dx8e_gg_",
+    "__SText": "___SText_1dx8e_gg_",
+    "_ellipsis": "__ellipsis_1dx8e_gg_",
+    "_active": "__active_1dx8e_gg_",
+    "_enableVisited": "__enableVisited_1dx8e_gg_",
+    "_text-color": "__text-color_1dx8e_gg_",
+    "--text-color": "--text-color_1dx8e"
   })
 );
-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 = _callSuper(this, RootLink2, [].concat(args));
-    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "state", {
+class RootLink extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(this, "state", {
       ariaLabelledByContent: ""
     });
-    return _this;
   }
-  _inherits(RootLink2, _Component);
-  return _createClass(RootLink2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      if (process.env.NODE_ENV !== "production") {
-        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps["data-ui-name"] || RootLink2.displayName);
-      }
-      if (this.asProps["aria-labelledby"]) {
-        setTimeout(function() {
-          var _document$getElementB, _document$getElementB2;
-          _this2.setState({
-            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(_this2.asProps["aria-labelledby"])) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
-          });
-        }, 0);
-      }
-    }
-  }, {
-    key: "renderLink",
-    value: function renderLink(_ref0) {
-      var _ref = this.asProps, _ref5;
-      var linkProps = _ref0.linkProps, children = _ref0.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);
+  componentDidMount() {
+    if (process.env.NODE_ENV !== "production") {
+      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current), `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`, this.asProps["data-ui-name"] || RootLink.displayName);
     }
-  }, {
-    key: "renderLinkWithHint",
-    value: function renderLinkWithHint(_ref1) {
-      var _ref2 = this.asProps, _ref6;
-      var linkProps = _ref1.linkProps, children = _ref1.children, hintProps = _ref1.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);
+    if (this.asProps["aria-labelledby"]) {
+      setTimeout(() => {
+        var _a;
+        this.setState({
+          ariaLabelledByContent: ((_a = document.getElementById(this.asProps["aria-labelledby"])) == null ? void 0 : _a.textContent) ?? ""
+        });
+      }, 0);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref7, _ref10, _ref11;
-      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 = (_ref10 = (_ref11 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref11 !== void 0 ? _ref11 : this.state.ariaLabelledByContent) !== null && _ref10 !== void 0 ? _ref10 : "";
-      var linkProps = {
+  }
+  render() {
+    var _ref = this.asProps, _ref4;
+    const {
+      styles,
+      color,
+      resolveColor,
+      disabled,
+      href,
+      children,
+      addonLeft: AddonLeft,
+      addonRight: AddonRight,
+      Children,
+      title,
+      "aria-label": ariaLabel,
+      hintPlacement
+    } = this.asProps;
+    const Link2 = this[CORE_INSTANCE];
+    const SLink = Text;
+    const SInner = Box;
+    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? "";
+    const showHint = children === void 0 || title;
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SLink, _ref4.cn("SLink", {
+      ...assignProps({
         "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,
-        "use:noWrap": false,
         "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
-      });
-    }
-  }]);
-})(Component);
+        "__excludeProps": ["disabled", "aria-disabled"],
+        "aria-label": showHint ? hintContent : void 0
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
+      "tag": "span",
+      "data-ui-name": `${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));
+  }
+}
 _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 _ref3 = arguments[0], _ref8;
-  var SText = Box;
-  var styles = props.styles;
-  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref8.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref3))));
+  var _ref2 = arguments[0], _ref5;
+  const SText = Text;
+  const {
+    styles
+  } = props;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
+    ...assignProps({
+      "tag": "span"
+    }, _ref2)
+  }));
 }
 function Addon(props) {
-  var _ref4 = arguments[0], _ref9;
-  var SAddon = Box;
-  var styles = props.styles;
-  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref9.cn("SAddon", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref4))));
+  var _ref3 = arguments[0], _ref6;
+  const SAddon = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
+    ...assignProps({
+      "tag": "span"
+    }, _ref3)
+  }));
 }
-var Link = createComponent(RootLink, {
+const Link = createComponent(RootLink, {
   Text: LinkText,
   Addon
 });

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

@@ -1,15 +1,10 @@
 SLink {
-  display: inline-block;
-  font-family: inherit;
+  display: inline;
+  align-items: center;
   color: var(--intergalactic-text-link, #006dca);
-  line-height: normal;
   position: relative;
   cursor: pointer;
   text-decoration: none;
-  border: none;
-  padding: 0;
-  margin: 0;
-  box-shadow: none;
   -webkit-tap-highlight-color: transparent;
   background: none;
   transition: color 0.15s ease-in-out;
@@ -47,7 +42,7 @@ SLink[visually-disabled] {
   pointer-events: none;
 }
 
-SLink[noWrapText] {
+SLink[noWrap] {
   white-space: nowrap;
 }
 
@@ -55,13 +50,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;
+  align-items: baseline;
+  vertical-align: -2px;
   pointer-events: none;
+  align-self: center;
 }
 
 SLink SAddon {
@@ -80,6 +79,9 @@ SText {
   border-color: transparent;
   transition: border-bottom-color 0.15s ease-in-out;
 }
+SText[ellipsis] {
+  vertical-align: middle;
+}
 
 SLink[text-color] {
   color: var(--text-color);

package/lib/types/Link.d.ts

@@ -0,0 +1,25 @@
+import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import { Component } from '@semcore/core';
+import type { TextProps } 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;
+    render(): React.ReactNode;
+}
+declare const Link: Intergalactic.Component<"a", LinkProps, {}, typeof RootLink.enhance> & {
+    Text: Intergalactic.Component<"span", TextProps>;
+    Addon: Intergalactic.Component<"span", BoxProps>;
+};
+export default Link;

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

@@ -0,0 +1,36 @@
+import type { SimpleHintPopperProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
+import type { TextProps } from '@semcore/typography';
+import type React from 'react';
+export type LinkProps = Intergalactic.InternalTypings.EfficientOmit<TextProps, 'ellipsis' | 'hintProps'> & {
+    /**
+     * 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,40 +1,3 @@
-import type { Intergalactic, UnknownProperties } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
-import type { TextProps } from '@semcore/typography';
-import type React from 'react';
-
-/** @deprecated */
-export interface ILinkProps extends LinkProps, UnknownProperties {}
-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>;
-  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": "16.0.11",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.11",
-    "@semcore/tooltip": "16.0.11",
-    "@semcore/typography": "16.3.1"
+    "@semcore/tooltip": "^17.0.0-prerelease.17",
+    "@semcore/typography": "^16.3.3-prerelease.17"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -27,11 +26,12 @@
     "directory": "semcore/link"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1",
+    "@semcore/core": "17.0.0-prerelease.17",
+    "@semcore/base-components": "17.0.0-prerelease.17",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "16.7.2"
+    "@semcore/icon": "16.7.2-prerelease.17"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }

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 type { Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}

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 type { Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { TextProps } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}