@snack-uikit/link 0.17.16-preview-d1ce0cc3.0 → 0.17.17

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## <small>0.17.17 (2026-02-18)</small>
+
+### Only dependencies have been changed
+* [@snack-uikit/truncate-string@0.7.8]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
+## <small>0.17.16 (2026-01-19)</small>
+
+* chore(FF-6693): migrate tests from TestCafe to Playwright ([f32aff8](https://github.com/cloud-ru-tech/snack-uikit/commit/f32aff8))
+* chore(FF-6693): tune test configs ([d194f4d](https://github.com/cloud-ru-tech/snack-uikit/commit/d194f4d))
+* docs(FF-7788): readme update ([e3142b8](https://github.com/cloud-ru-tech/snack-uikit/commit/e3142b8))
+
+
+
+
+
 ## <small>0.17.15 (2025-11-28)</small>
 
 ### Only dependencies have been changed

package/README.md

@@ -6,7 +6,16 @@
 
 [Changelog](./CHANGELOG.md)
 
-## Example
+## Description
+
+- Компонент `Link` предоставляет стилизованную ссылку с гибкими настройками внешнего вида и поведения.
+- Поддерживает **разные размеры** (`size: 's' | 'm' | 'l'`) и **роли текста** (`purpose: 'display' | 'headline' | 'title' | 'label' | 'body'`) для адаптации под различные контексты использования.
+- Позволяет выбрать **внешний вид** (`appearance`) из широкой палитры цветов (neutral, primary, red, orange, yellow, green, blue, violet, pink, invert-neutral) для размещения на разных фонах.
+- Поддерживает **режимы отображения текста** (`textMode: 'default' | 'accent' | 'on-accent'`) для корректной читаемости на цветных поверхностях.
+- Может использоваться **внутри текста** (`insideText={true}`) с поддержкой переносов или как отдельный элемент с обрезанием длинного текста (`truncateVariant: 'end' | 'middle'`).
+- Является **полиморфным компонентом** (`as`), позволяя оформить любой React-компонент или HTML-элемент в стиль ссылки (например, для интеграции с роутерами вроде `react-router-dom`).
+- Автоматически добавляет атрибут `rel="noopener noreferrer"` при открытии ссылки в новой вкладке (`target="_blank"`) для безопасности.
+- Figma: [`Link`](https://www.figma.com/file/jtGxAPvFJOMir7V0eQFukN/Snack-UI-Kit-1.1.0?node-id=2%3A9&mode=design).
 
 ## Example
 

package/dist/cjs/components/styles.module.css

@@ -422,11 +422,6 @@
   opacity:var(--opacity-a080, 0.8);
   outline-color:var(--sys-available-on-complementary, #ffffff);
 }
-.link[data-size=s]{
-  height:var(--size-link-s, 16px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=s][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-s-font-family, SB Sans Interface);
   font-weight:var(--sans-display-s-font-weight, Semibold);
@@ -567,15 +562,15 @@
   -webkit-text-decoration:var(--link-body-s-text-decoration, underline);
           text-decoration:var(--link-body-s-text-decoration, underline);
 }
+.link[data-size=s]{
+  height:var(--size-link-s, 16px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=s] svg{
   width:var(--size-icon-container-xs, 16px) !important;
   height:var(--size-icon-container-xs, 16px) !important;
 }
-.link[data-size=m]{
-  height:var(--size-link-m, 20px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=m][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-m-font-family, SB Sans Interface);
   font-weight:var(--sans-display-m-font-weight, Semibold);
@@ -716,15 +711,15 @@
   -webkit-text-decoration:var(--link-body-m-text-decoration, underline);
           text-decoration:var(--link-body-m-text-decoration, underline);
 }
+.link[data-size=m]{
+  height:var(--size-link-m, 20px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=m] svg{
   width:var(--size-icon-container-s, 24px) !important;
   height:var(--size-icon-container-s, 24px) !important;
 }
-.link[data-size=l]{
-  height:var(--size-link-l, 24px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=l][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-l-font-family, SB Sans Interface);
   font-weight:var(--sans-display-l-font-weight, Bold);
@@ -865,6 +860,11 @@
   -webkit-text-decoration:var(--link-body-l-text-decoration, underline);
           text-decoration:var(--link-body-l-text-decoration, underline);
 }
+.link[data-size=l]{
+  height:var(--size-link-l, 24px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=l] svg{
   width:var(--size-icon-container-s, 24px) !important;
   height:var(--size-icon-container-s, 24px) !important;

package/dist/esm/components/styles.module.css

@@ -422,11 +422,6 @@
   opacity:var(--opacity-a080, 0.8);
   outline-color:var(--sys-available-on-complementary, #ffffff);
 }
-.link[data-size=s]{
-  height:var(--size-link-s, 16px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=s][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-s-font-family, SB Sans Interface);
   font-weight:var(--sans-display-s-font-weight, Semibold);
@@ -567,15 +562,15 @@
   -webkit-text-decoration:var(--link-body-s-text-decoration, underline);
           text-decoration:var(--link-body-s-text-decoration, underline);
 }
+.link[data-size=s]{
+  height:var(--size-link-s, 16px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=s] svg{
   width:var(--size-icon-container-xs, 16px) !important;
   height:var(--size-icon-container-xs, 16px) !important;
 }
-.link[data-size=m]{
-  height:var(--size-link-m, 20px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=m][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-m-font-family, SB Sans Interface);
   font-weight:var(--sans-display-m-font-weight, Semibold);
@@ -716,15 +711,15 @@
   -webkit-text-decoration:var(--link-body-m-text-decoration, underline);
           text-decoration:var(--link-body-m-text-decoration, underline);
 }
+.link[data-size=m]{
+  height:var(--size-link-m, 20px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=m] svg{
   width:var(--size-icon-container-s, 24px) !important;
   height:var(--size-icon-container-s, 24px) !important;
 }
-.link[data-size=l]{
-  height:var(--size-link-l, 24px);
-  gap:var(--space-link-gap-single, 0px);
-  height:auto;
-}
 .link[data-size=l][data-purpose=display][data-text-mode=default]{
   font-family:var(--sans-display-l-font-family, SB Sans Interface);
   font-weight:var(--sans-display-l-font-weight, Bold);
@@ -865,6 +860,11 @@
   -webkit-text-decoration:var(--link-body-l-text-decoration, underline);
           text-decoration:var(--link-body-l-text-decoration, underline);
 }
+.link[data-size=l]{
+  height:var(--size-link-l, 24px);
+  gap:var(--space-link-gap-single, 0px);
+  height:auto;
+}
 .link[data-size=l] svg{
   width:var(--size-icon-container-s, 24px) !important;
   height:var(--size-icon-container-s, 24px) !important;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Link",
-  "version": "0.17.16-preview-d1ce0cc3.0",
+  "version": "0.17.17",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,9 +36,9 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/truncate-string": "0.7.7-preview-d1ce0cc3.0",
-    "@snack-uikit/utils": "4.0.0",
+    "@snack-uikit/truncate-string": "0.7.8",
+    "@snack-uikit/utils": "4.0.1",
     "classnames": "2.5.1"
   },
-  "gitHead": "fb9ce21584a4374d0092f030928aaf48afe2ae9c"
+  "gitHead": "17b72086167d3d6503e4e74142358765230478c8"
 }