@snack-uikit/link 0.9.3 → 0.10.1

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.10.1 (2024-01-23)
+
+### Only dependencies have been changed
+* [@snack-uikit/icons@0.20.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/icons/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.4.5](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
+# 0.10.0 (2023-12-28)
+
+
+### BREAKING CHANGES
+
+
+* **FF-3960:** rename props onSurface (background, decor, accent) -> textMode (accent, default, on-accent); onColor -> appearance ([5190b9b](https://github.com/cloud-ru-tech/snack-uikit/commit/5190b9bc9fb174f5edef8c93c2c510b4574d50d4))
+
+
+
+
 ## 0.9.3 (2023-12-25)
 
 ### Only dependencies have been changed

package/README.md

@@ -37,8 +37,8 @@ import { Link } from '@snack-uikit/link';
 | onClick | `MouseEventHandler<HTMLAnchorElement>` | - | Колбек обработки клика |
 | size | enum Size: `"s"`, `"m"`, `"l"` | s | Размер |
 | external | `boolean` | - | Ведет ли ссылка на внешний ресурс (добавляет иконку если true) |
-| onColor | enum OnColor: `"invert-neutral"`, `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Стилизует ссылку для размещения на цветном фоне |
-| onSurface | enum OnSurface: `"background"`, `"decor"`, `"accent"` | background | Тип поверхности, на которой размещена ссылка |
+| appearance | enum Appearance: `"invert-neutral"`, `"neutral"`, `"primary"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Стилизует ссылку для размещения на цветном фоне |
+| textMode | enum TextMode: `"default"`, `"accent"`, `"on-accent"` | default | Тип поверхности, на которой размещена ссылка |
 
 
 [//]: DOCUMENTATION_SECTION_END

package/dist/components/Link.d.ts

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes, MouseEventHandler } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { OnColor, OnSurface, Size } from './types';
+import { Appearance, Size, TextMode } from './types';
 export type LinkProps = WithSupportProps<{
     /** Текст ссылки */
     text?: string;
@@ -14,14 +14,20 @@ export type LinkProps = WithSupportProps<{
     download?: string;
     /** Колбек обработки клика */
     onClick?: MouseEventHandler<HTMLAnchorElement>;
-    /** Размер */
+    /** Размер
+     * @default 's'
+     */
     size?: Size;
     /** Ведет ли ссылка на внешний ресурс (добавляет иконку если true) */
     external?: boolean;
-    /** Стилизует ссылку для размещения на цветном фоне */
-    onColor?: OnColor;
-    /** Тип поверхности, на которой размещена ссылка */
-    onSurface?: OnSurface;
+    /** Стилизует ссылку для размещения на цветном фоне
+     * @default 'primary'
+     */
+    appearance?: Appearance;
+    /** Тип поверхности, на которой размещена ссылка
+     * @default 'default'
+     */
+    textMode?: TextMode;
 }>;
 /** Компонент ссылка */
-export declare function Link({ text, className, href, target, download, onClick, onSurface, size, external, onColor, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ text, className, href, target, download, onClick, textMode, size, external, appearance, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Link.js

@@ -14,10 +14,10 @@ import cn from 'classnames';
 import { ArrowLinksSVG } from '@snack-uikit/icons';
 import { TruncateString } from '@snack-uikit/truncate-string';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { ON_COLOR, ON_SURFACE, SIZE } from './constants';
+import { APPEARANCE, SIZE, TEXT_MODE } from './constants';
 import styles from './styles.module.css';
 /** Компонент ссылка */
 export function Link(_a) {
-    var { text = '', className, href = '#', target = '_blank', download, onClick, onSurface = ON_SURFACE.Background, size = SIZE.S, external, onColor = ON_COLOR.Primary } = _a, rest = __rest(_a, ["text", "className", "href", "target", "download", "onClick", "onSurface", "size", "external", "onColor"]);
-    return (_jsxs("a", Object.assign({ className: cn(styles.link, className), href: href, target: target, download: download, onClick: onClick }, extractSupportProps(rest), { "data-size": size, "data-on-surface": onSurface, "data-color": onColor, rel: target === '_blank' ? 'noopener noreferrer' : undefined, children: [_jsx(TruncateString, { text: text, maxLines: 1 }), external && _jsx(ArrowLinksSVG, { "data-test-id": 'link__external-icon', className: styles.icon })] })));
+    var { text = '', className, href = '#', target = '_blank', download, onClick, textMode = TEXT_MODE.Default, size = SIZE.S, external, appearance = APPEARANCE.Primary } = _a, rest = __rest(_a, ["text", "className", "href", "target", "download", "onClick", "textMode", "size", "external", "appearance"]);
+    return (_jsxs("a", Object.assign({ className: cn(styles.link, className), href: href, target: target, download: download, onClick: onClick }, extractSupportProps(rest), { "data-size": size, "data-text-mode": textMode, "data-appearance": appearance, rel: target === '_blank' ? 'noopener noreferrer' : undefined, children: [_jsx(TruncateString, { text: text, maxLines: 1 }), external && _jsx(ArrowLinksSVG, { "data-test-id": 'link__external-icon', className: styles.icon })] })));
 }

package/dist/components/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const ON_COLOR: {
+export declare const APPEARANCE: {
     readonly InvertNeutral: "invert-neutral";
     readonly Neutral: "neutral";
     readonly Primary: "primary";
@@ -21,8 +21,8 @@ export declare const TARGET: {
     readonly Parent: "_parent";
     readonly Top: "_top";
 };
-export declare const ON_SURFACE: {
-    readonly Background: "background";
-    readonly Decor: "decor";
+export declare const TEXT_MODE: {
+    readonly Default: "default";
     readonly Accent: "accent";
+    readonly OnAccent: "on-accent";
 };

package/dist/components/constants.js

@@ -1,4 +1,4 @@
-export const ON_COLOR = {
+export const APPEARANCE = {
     InvertNeutral: 'invert-neutral',
     Neutral: 'neutral',
     Primary: 'primary',
@@ -21,8 +21,8 @@ export const TARGET = {
     Parent: '_parent',
     Top: '_top',
 };
-export const ON_SURFACE = {
-    Background: 'background',
-    Decor: 'decor',
+export const TEXT_MODE = {
+    Default: 'default',
     Accent: 'accent',
+    OnAccent: 'on-accent',
 };

package/dist/components/index.d.ts

@@ -1,2 +1 @@
 export * from './Link';
-export { ON_COLOR } from './constants';

package/dist/components/index.js

@@ -1,2 +1 @@
 export * from './Link';
-export { ON_COLOR } from './constants';