@semcore/link 17.0.0 → 17.0.1-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.1] - 2026-04-16
+
+### Fixed
+
+- Build processing to correct extract styles.
+
 ## [17.0.0] - 2026-04-15
 
 ### BREAK

package/lib/cjs/Link.js

@@ -15,20 +15,20 @@ var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
 var _typography = require("@semcore/typography");
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLink_10jj4_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_10jj4_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_10jj4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_10jj4_gg_.__active_10jj4_gg_ .___SText_10jj4_gg_,.___SLink_10jj4_gg_:active .___SText_10jj4_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_10jj4_gg_:hover .___SText_10jj4_gg_{text-decoration-color:currentColor}}.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_10jj4_gg_.__visually-disabled_10jj4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_10jj4_gg_.__noWrap_10jj4_gg_{white-space:nowrap}.___SLink_10jj4_gg_.__inline_10jj4_gg_{display:inline}.___SInner_10jj4_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_10jj4_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_10jj4_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_10jj4_gg_.__text-color_10jj4_gg_{color:var(--text-color_10jj4)}.___SLink_10jj4_gg_.__text-color_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_.__text-color_10jj4_gg_:active{color:var(--text-color_10jj4);filter:brightness(.8)}@media (hover:hover){.___SLink_10jj4_gg_.__text-color_10jj4_gg_:hover{color:var(--text-color_10jj4);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_10jj4_gg_,.___SText_10jj4_gg_{transition:none}}", /*__inner_css_end__*/"10jj4_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLink_13xky_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_13xky_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_13xky_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_13xky_gg_.__active_13xky_gg_ .___SText_13xky_gg_,.___SLink_13xky_gg_:active .___SText_13xky_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_13xky_gg_:hover .___SText_13xky_gg_{text-decoration-color:currentColor}}.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_13xky_gg_.__visually-disabled_13xky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_13xky_gg_.__noWrap_13xky_gg_{white-space:nowrap}.___SLink_13xky_gg_.__inline_13xky_gg_{display:inline}.___SInner_13xky_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_13xky_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_13xky_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_13xky_gg_.__text-color_13xky_gg_{color:var(--text-color_13xky)}.___SLink_13xky_gg_.__text-color_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_.__text-color_13xky_gg_:active{color:var(--text-color_13xky);filter:brightness(.8)}@media (hover:hover){.___SLink_13xky_gg_.__text-color_13xky_gg_:hover{color:var(--text-color_13xky);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_13xky_gg_,.___SText_13xky_gg_{transition:none}}", /*__inner_css_end__*/"13xky_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLink": "___SLink_10jj4_gg_",
-  "_visually-disabled": "__visually-disabled_10jj4_gg_",
-  "_noWrap": "__noWrap_10jj4_gg_",
-  "_inline": "__inline_10jj4_gg_",
-  "__SInner": "___SInner_10jj4_gg_",
-  "__SAddon": "___SAddon_10jj4_gg_",
-  "__SText": "___SText_10jj4_gg_",
-  "_active": "__active_10jj4_gg_",
-  "_enableVisited": "__enableVisited_10jj4_gg_",
-  "_text-color": "__text-color_10jj4_gg_",
-  "--text-color": "--text-color_10jj4"
+  "__SLink": "___SLink_13xky_gg_",
+  "_visually-disabled": "__visually-disabled_13xky_gg_",
+  "_noWrap": "__noWrap_13xky_gg_",
+  "_inline": "__inline_13xky_gg_",
+  "__SInner": "___SInner_13xky_gg_",
+  "__SAddon": "___SAddon_13xky_gg_",
+  "__SText": "___SText_13xky_gg_",
+  "_active": "__active_13xky_gg_",
+  "_enableVisited": "__enableVisited_13xky_gg_",
+  "_text-color": "__text-color_13xky_gg_",
+  "--text-color": "--text-color_13xky"
 });
 class RootLink extends _core.Component {
   constructor(...args) {

package/lib/cjs/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_resolveColorEnhance","_hasLabels","_logger","_typography","_react","style","sstyled","insert","RootLink","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","componentDidMount","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","asProps","displayName","setTimeout","setState","document","getElementById","textContent","getTextProps","render","_ref","_ref4","styles","color","resolveColor","disabled","href","children","addonLeft","AddonLeft","addonRight","AddonRight","Children","title","ariaLabel","hintPlacement","Link","CORE_INSTANCE","SLink","Text","SInner","Box","hintContent","state","showHint","undefined","excludeProps","push","createElement","Fragment","cn","assignProps","Addon","addonTextChildren","Hint","resolveColorEnhance","LinkText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/Link.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport { Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic, IRootComponentProps } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport type { TextProps, TextHintProps } from '@semcore/typography';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { LinkProps } from './Link.types';\nimport style from './style/link.shadow.css';\n\ntype State = {\n  ariaLabelledByContent: string;\n};\n\nclass RootLink extends Component<LinkProps, typeof RootLink.enhance, never, {}, State> {\n  static displayName = 'Link';\n\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  containerRef = React.createRef<HTMLElement | null>();\n\n  state: 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  getTextProps(): TextHintProps {\n    return {\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  render() {\n    const {\n      styles,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children,\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    const SLink = Root;\n    const SInner = Box;\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n    const showHint = children === undefined || title;\n\n    const excludeProps = ['title', 'aria-disabled'];\n    if (!this.asProps['use:disabled']) {\n      excludeProps.push('disabled');\n    }\n\n    return sstyled(styles)(\n      <>\n        <SLink\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          ref={this.containerRef}\n          __excludeProps={excludeProps}\n          aria-label={showHint ? hintContent : undefined}\n        >\n          <SInner\n            tag='span'\n            data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}\n          >\n            {AddonLeft\n              ? (\n                  <Link.Addon>\n                    <AddonLeft />\n                  </Link.Addon>\n                )\n              : null}\n            {addonTextChildren(Children, Link.Text, Link.Addon)}\n            {AddonRight\n              ? (\n                  <Link.Addon>\n                    <AddonRight />\n                  </Link.Addon>\n                )\n              : null}\n          </SInner>\n        </SLink>\n        {showHint && (\n          <Hint\n            triggerRef={this.containerRef}\n            timeout={[250, 50]}\n            placement={hintPlacement}\n          >\n            {hintContent}\n          </Hint>\n        )}\n      </>,\n    );\n  }\n}\n\nfunction LinkText(props: IRootComponentProps) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: IRootComponentProps) {\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}) as Intergalactic.Component<'a', LinkProps, {}, typeof RootLink.enhance> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Link.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_resolveColorEnhance","_hasLabels","_logger","_typography","_react","style","sstyled","insert","RootLink","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","componentDidMount","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","asProps","displayName","setTimeout","setState","document","getElementById","textContent","getTextProps","render","_ref","_ref4","styles","color","resolveColor","disabled","href","children","addonLeft","AddonLeft","addonRight","AddonRight","Children","title","ariaLabel","hintPlacement","Link","CORE_INSTANCE","SLink","Text","SInner","Box","hintContent","state","showHint","undefined","excludeProps","push","createElement","Fragment","cn","assignProps","Addon","addonTextChildren","Hint","resolveColorEnhance","LinkText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/Link.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport { Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic, IRootComponentProps } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport type { NSText } from '@semcore/typography';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { LinkProps } from './Link.types';\nimport style from './style/link.shadow.css';\n\ntype State = {\n  ariaLabelledByContent: string;\n};\n\nclass RootLink extends Component<LinkProps, typeof RootLink.enhance, never, {}, State> {\n  static displayName = 'Link';\n\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  containerRef = React.createRef<HTMLElement | null>();\n\n  state: 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  getTextProps(): NSText.HintProps {\n    return {\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  render() {\n    const {\n      styles,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children,\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    const SLink = Root;\n    const SInner = Box;\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n    const showHint = children === undefined || title;\n\n    const excludeProps = ['title', 'aria-disabled'];\n    if (!this.asProps['use:disabled']) {\n      excludeProps.push('disabled');\n    }\n\n    return sstyled(styles)(\n      <>\n        <SLink\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          ref={this.containerRef}\n          __excludeProps={excludeProps}\n          aria-label={showHint ? hintContent : undefined}\n        >\n          <SInner\n            tag='span'\n            data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}\n          >\n            {AddonLeft\n              ? (\n                  <Link.Addon>\n                    <AddonLeft />\n                  </Link.Addon>\n                )\n              : null}\n            {addonTextChildren(Children, Link.Text, Link.Addon)}\n            {AddonRight\n              ? (\n                  <Link.Addon>\n                    <AddonRight />\n                  </Link.Addon>\n                )\n              : null}\n          </SInner>\n        </SLink>\n        {showHint && (\n          <Hint\n            triggerRef={this.containerRef}\n            timeout={[250, 50]}\n            placement={hintPlacement}\n          >\n            {hintContent}\n          </Hint>\n        )}\n      </>,\n    );\n  }\n}\n\nfunction LinkText(props: IRootComponentProps) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: IRootComponentProps) {\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}) as Intergalactic.Component<'a', LinkProps, {}, typeof RootLink.enhance> & {\n  Text: Intergalactic.Component<'span', NSText.Props>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link.types.ts"],"sourcesContent":["import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { BaseTextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type LinkProps = BoxProps & BaseTextProps & {\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":[]}
+{"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.js

@@ -12,20 +12,20 @@ import logger from '@semcore/core/lib/utils/logger';
 import { Text } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./style/link.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLink_10jj4_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_10jj4_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_10jj4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_10jj4_gg_.__active_10jj4_gg_ .___SText_10jj4_gg_,.___SLink_10jj4_gg_:active .___SText_10jj4_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_10jj4_gg_:hover .___SText_10jj4_gg_{text-decoration-color:currentColor}}.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_10jj4_gg_.__visually-disabled_10jj4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_10jj4_gg_.__noWrap_10jj4_gg_{white-space:nowrap}.___SLink_10jj4_gg_.__inline_10jj4_gg_{display:inline}.___SInner_10jj4_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_10jj4_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_10jj4_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_10jj4_gg_.__text-color_10jj4_gg_{color:var(--text-color_10jj4)}.___SLink_10jj4_gg_.__text-color_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_.__text-color_10jj4_gg_:active{color:var(--text-color_10jj4);filter:brightness(.8)}@media (hover:hover){.___SLink_10jj4_gg_.__text-color_10jj4_gg_:hover{color:var(--text-color_10jj4);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_10jj4_gg_,.___SText_10jj4_gg_{transition:none}}", /*__inner_css_end__*/"10jj4_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLink_13xky_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_13xky_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_13xky_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_13xky_gg_.__active_13xky_gg_ .___SText_13xky_gg_,.___SLink_13xky_gg_:active .___SText_13xky_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_13xky_gg_:hover .___SText_13xky_gg_{text-decoration-color:currentColor}}.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_13xky_gg_.__visually-disabled_13xky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_13xky_gg_.__noWrap_13xky_gg_{white-space:nowrap}.___SLink_13xky_gg_.__inline_13xky_gg_{display:inline}.___SInner_13xky_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_13xky_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_13xky_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_13xky_gg_.__text-color_13xky_gg_{color:var(--text-color_13xky)}.___SLink_13xky_gg_.__text-color_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_.__text-color_13xky_gg_:active{color:var(--text-color_13xky);filter:brightness(.8)}@media (hover:hover){.___SLink_13xky_gg_.__text-color_13xky_gg_:hover{color:var(--text-color_13xky);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_13xky_gg_,.___SText_13xky_gg_{transition:none}}", /*__inner_css_end__*/"13xky_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLink": "___SLink_10jj4_gg_",
-  "_visually-disabled": "__visually-disabled_10jj4_gg_",
-  "_noWrap": "__noWrap_10jj4_gg_",
-  "_inline": "__inline_10jj4_gg_",
-  "__SInner": "___SInner_10jj4_gg_",
-  "__SAddon": "___SAddon_10jj4_gg_",
-  "__SText": "___SText_10jj4_gg_",
-  "_active": "__active_10jj4_gg_",
-  "_enableVisited": "__enableVisited_10jj4_gg_",
-  "_text-color": "__text-color_10jj4_gg_",
-  "--text-color": "--text-color_10jj4"
+  "__SLink": "___SLink_13xky_gg_",
+  "_visually-disabled": "__visually-disabled_13xky_gg_",
+  "_noWrap": "__noWrap_13xky_gg_",
+  "_inline": "__inline_13xky_gg_",
+  "__SInner": "___SInner_13xky_gg_",
+  "__SAddon": "___SAddon_13xky_gg_",
+  "__SText": "___SText_13xky_gg_",
+  "_active": "__active_13xky_gg_",
+  "_enableVisited": "__enableVisited_13xky_gg_",
+  "_text-color": "__text-color_13xky_gg_",
+  "--text-color": "--text-color_13xky"
 });
 class RootLink extends Component {
   constructor(...args) {

package/lib/es6/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["Box","Hint","createComponent","Component","Root","sstyled","CORE_INSTANCE","addonTextChildren","resolveColorEnhance","hasLabels","logger","Text","React","style","_sstyled","insert","RootLink","constructor","args","_defineProperty","createRef","ariaLabelledByContent","componentDidMount","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","setState","document","getElementById","textContent","getTextProps","render","_ref","_ref4","styles","color","resolveColor","disabled","href","children","addonLeft","AddonLeft","addonRight","AddonRight","Children","title","ariaLabel","hintPlacement","Link","SLink","SInner","hintContent","state","showHint","undefined","excludeProps","push","createElement","Fragment","cn","_assignProps","Addon","LinkText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/Link.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport { Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic, IRootComponentProps } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport type { TextProps, TextHintProps } from '@semcore/typography';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { LinkProps } from './Link.types';\nimport style from './style/link.shadow.css';\n\ntype State = {\n  ariaLabelledByContent: string;\n};\n\nclass RootLink extends Component<LinkProps, typeof RootLink.enhance, never, {}, State> {\n  static displayName = 'Link';\n\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  containerRef = React.createRef<HTMLElement | null>();\n\n  state: 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  getTextProps(): TextHintProps {\n    return {\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  render() {\n    const {\n      styles,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children,\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    const SLink = Root;\n    const SInner = Box;\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n    const showHint = children === undefined || title;\n\n    const excludeProps = ['title', 'aria-disabled'];\n    if (!this.asProps['use:disabled']) {\n      excludeProps.push('disabled');\n    }\n\n    return sstyled(styles)(\n      <>\n        <SLink\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          ref={this.containerRef}\n          __excludeProps={excludeProps}\n          aria-label={showHint ? hintContent : undefined}\n        >\n          <SInner\n            tag='span'\n            data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}\n          >\n            {AddonLeft\n              ? (\n                  <Link.Addon>\n                    <AddonLeft />\n                  </Link.Addon>\n                )\n              : null}\n            {addonTextChildren(Children, Link.Text, Link.Addon)}\n            {AddonRight\n              ? (\n                  <Link.Addon>\n                    <AddonRight />\n                  </Link.Addon>\n                )\n              : null}\n          </SInner>\n        </SLink>\n        {showHint && (\n          <Hint\n            triggerRef={this.containerRef}\n            timeout={[250, 50]}\n            placement={hintPlacement}\n          >\n            {hintContent}\n          </Hint>\n        )}\n      </>,\n    );\n  }\n}\n\nfunction LinkText(props: IRootComponentProps) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: IRootComponentProps) {\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}) as Intergalactic.Component<'a', LinkProps, {}, typeof RootLink.enhance> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Link.js","names":["Box","Hint","createComponent","Component","Root","sstyled","CORE_INSTANCE","addonTextChildren","resolveColorEnhance","hasLabels","logger","Text","React","style","_sstyled","insert","RootLink","constructor","args","_defineProperty","createRef","ariaLabelledByContent","componentDidMount","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","setState","document","getElementById","textContent","getTextProps","render","_ref","_ref4","styles","color","resolveColor","disabled","href","children","addonLeft","AddonLeft","addonRight","AddonRight","Children","title","ariaLabel","hintPlacement","Link","SLink","SInner","hintContent","state","showHint","undefined","excludeProps","push","createElement","Fragment","cn","_assignProps","Addon","LinkText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/Link.tsx"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport { Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic, IRootComponentProps } from '@semcore/core';\nimport { createComponent, Component, Root, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport type { NSText } from '@semcore/typography';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { LinkProps } from './Link.types';\nimport style from './style/link.shadow.css';\n\ntype State = {\n  ariaLabelledByContent: string;\n};\n\nclass RootLink extends Component<LinkProps, typeof RootLink.enhance, never, {}, State> {\n  static displayName = 'Link';\n\n  static style = style;\n  static enhance = [resolveColorEnhance()] as const;\n  containerRef = React.createRef<HTMLElement | null>();\n\n  state: 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  getTextProps(): NSText.HintProps {\n    return {\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  render() {\n    const {\n      styles,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children,\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    const SLink = Root;\n    const SInner = Box;\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n    const showHint = children === undefined || title;\n\n    const excludeProps = ['title', 'aria-disabled'];\n    if (!this.asProps['use:disabled']) {\n      excludeProps.push('disabled');\n    }\n\n    return sstyled(styles)(\n      <>\n        <SLink\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          ref={this.containerRef}\n          __excludeProps={excludeProps}\n          aria-label={showHint ? hintContent : undefined}\n        >\n          <SInner\n            tag='span'\n            data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}\n          >\n            {AddonLeft\n              ? (\n                  <Link.Addon>\n                    <AddonLeft />\n                  </Link.Addon>\n                )\n              : null}\n            {addonTextChildren(Children, Link.Text, Link.Addon)}\n            {AddonRight\n              ? (\n                  <Link.Addon>\n                    <AddonRight />\n                  </Link.Addon>\n                )\n              : null}\n          </SInner>\n        </SLink>\n        {showHint && (\n          <Hint\n            triggerRef={this.containerRef}\n            timeout={[250, 50]}\n            placement={hintPlacement}\n          >\n            {hintContent}\n          </Hint>\n        )}\n      </>,\n    );\n  }\n}\n\nfunction LinkText(props: IRootComponentProps) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: IRootComponentProps) {\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}) as Intergalactic.Component<'a', LinkProps, {}, typeof RootLink.enhance> & {\n  Text: Intergalactic.Component<'span', NSText.Props>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link.types.ts"],"sourcesContent":["import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { BaseTextProps } from '@semcore/typography';\nimport type React from 'react';\n\nexport type LinkProps = BoxProps & BaseTextProps & {\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":[]}
+{"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/esm/Link.mjs

@@ -7,26 +7,27 @@ import hasLabels from "@semcore/core/lib/utils/hasLabels";
 import logger from "@semcore/core/lib/utils/logger";
 import { Text } from "@semcore/typography";
 import React from "react";
+/*!__reshadow-styles__:"./style/link.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLink_10jj4_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_10jj4_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_10jj4_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_10jj4_gg_.__active_10jj4_gg_ .___SText_10jj4_gg_,.___SLink_10jj4_gg_:active .___SText_10jj4_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_10jj4_gg_:hover .___SText_10jj4_gg_{text-decoration-color:currentColor}}.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_10jj4_gg_.__enableVisited_10jj4_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_10jj4_gg_.__visually-disabled_10jj4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_10jj4_gg_.__noWrap_10jj4_gg_{white-space:nowrap}.___SLink_10jj4_gg_.__inline_10jj4_gg_{display:inline}.___SInner_10jj4_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_10jj4_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_10jj4_gg_ .___SAddon_10jj4_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_10jj4_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_10jj4_gg_.__text-color_10jj4_gg_{color:var(--text-color_10jj4)}.___SLink_10jj4_gg_.__text-color_10jj4_gg_.__active_10jj4_gg_,.___SLink_10jj4_gg_.__text-color_10jj4_gg_:active{color:var(--text-color_10jj4);filter:brightness(.8)}@media (hover:hover){.___SLink_10jj4_gg_.__text-color_10jj4_gg_:hover{color:var(--text-color_10jj4);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_10jj4_gg_,.___SText_10jj4_gg_{transition:none}}",
+    ".___SLink_13xky_gg_{display:inline;align-items:center;color:var(--intergalactic-text-link, #006dca);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_13xky_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_13xky_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_13xky_gg_.__active_13xky_gg_ .___SText_13xky_gg_,.___SLink_13xky_gg_:active .___SText_13xky_gg_{text-decoration-color:currentColor}@media (hover:hover){.___SLink_13xky_gg_:hover .___SText_13xky_gg_{text-decoration-color:currentColor}}.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_13xky_gg_.__enableVisited_13xky_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_13xky_gg_.__visually-disabled_13xky_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_13xky_gg_.__noWrap_13xky_gg_{white-space:nowrap}.___SLink_13xky_gg_.__inline_13xky_gg_{display:inline}.___SInner_13xky_gg_{align-items:baseline;height:100%;width:100%}.___SAddon_13xky_gg_{pointer-events:none;vertical-align:middle;display:inline-flex;margin-top:-2.5px}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_13xky_gg_ .___SAddon_13xky_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_13xky_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_13xky_gg_.__text-color_13xky_gg_{color:var(--text-color_13xky)}.___SLink_13xky_gg_.__text-color_13xky_gg_.__active_13xky_gg_,.___SLink_13xky_gg_.__text-color_13xky_gg_:active{color:var(--text-color_13xky);filter:brightness(.8)}@media (hover:hover){.___SLink_13xky_gg_.__text-color_13xky_gg_:hover{color:var(--text-color_13xky);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_13xky_gg_,.___SText_13xky_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "10jj4_gg_"
+    "13xky_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLink": "___SLink_10jj4_gg_",
-    "_visually-disabled": "__visually-disabled_10jj4_gg_",
-    "_noWrap": "__noWrap_10jj4_gg_",
-    "_inline": "__inline_10jj4_gg_",
-    "__SInner": "___SInner_10jj4_gg_",
-    "__SAddon": "___SAddon_10jj4_gg_",
-    "__SText": "___SText_10jj4_gg_",
-    "_active": "__active_10jj4_gg_",
-    "_enableVisited": "__enableVisited_10jj4_gg_",
-    "_text-color": "__text-color_10jj4_gg_",
-    "--text-color": "--text-color_10jj4"
+    "__SLink": "___SLink_13xky_gg_",
+    "_visually-disabled": "__visually-disabled_13xky_gg_",
+    "_noWrap": "__noWrap_13xky_gg_",
+    "_inline": "__inline_13xky_gg_",
+    "__SInner": "___SInner_13xky_gg_",
+    "__SAddon": "___SAddon_13xky_gg_",
+    "__SText": "___SText_13xky_gg_",
+    "_active": "__active_13xky_gg_",
+    "_enableVisited": "__enableVisited_13xky_gg_",
+    "_text-color": "__text-color_13xky_gg_",
+    "--text-color": "--text-color_13xky"
   })
 );
 class RootLink extends Component {

package/lib/types/Link.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
 import { Component } from '@semcore/core';
-import type { TextProps, TextHintProps } from '@semcore/typography';
+import type { NSText } from '@semcore/typography';
 import React from 'react';
 import type { LinkProps } from './Link.types';
 type State = {
@@ -16,11 +16,11 @@ declare class RootLink extends Component<LinkProps, typeof RootLink.enhance, nev
     containerRef: React.RefObject<HTMLElement | null>;
     state: State;
     componentDidMount(): void;
-    getTextProps(): TextHintProps;
+    getTextProps(): NSText.HintProps;
     render(): React.ReactNode;
 }
 declare const Link: Intergalactic.Component<"a", LinkProps, {}, typeof RootLink.enhance> & {
-    Text: Intergalactic.Component<"span", TextProps>;
+    Text: Intergalactic.Component<"span", NSText.Props>;
     Addon: Intergalactic.Component<"span", BoxProps>;
 };
 export default Link;

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

@@ -1,7 +1,7 @@
 import type { BoxProps, SimpleHintPopperProps } from '@semcore/base-components';
-import type { BaseTextProps } from '@semcore/typography';
+import type { NSText } from '@semcore/typography';
 import type React from 'react';
-export type LinkProps = BoxProps & BaseTextProps & {
+export type LinkProps = BoxProps & NSText.BaseProps & {
     /**
      * CSS property of the display link (inline|inline-block)
      * @default false

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/link",
   "description": "Semrush Link Component",
-  "version": "17.0.0",
+  "version": "17.0.1-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "require": "./lib/cjs/index.js"
   },
   "dependencies": {
-    "@semcore/typography": "^17.0.0"
+    "@semcore/typography": "^17.0.2-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.0 || ^17.0.0-0"
+    "@semcore/base-components": "^17.0.2"
   },
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
   },
   "devDependencies": {
     "@floating-ui/dom": "1.7.2",
-    "@semcore/core": "17.0.0",
-    "@semcore/base-components": "17.0.0",
+    "@semcore/core": "17.0.1",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "17.0.0"
+    "@semcore/base-components": "17.0.2-prerelease.0",
+    "@semcore/icon": "17.0.1-prerelease.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"