@cloud-ru/uikit-product-site-tag 0.3.10 → 0.3.12

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.3.12 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.3.11 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.3.10 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Erid/Erid.d.ts

@@ -0,0 +1,13 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE_ERID } from './constants';
+type Appearance = ValueOf<typeof APPEARANCE_ERID>;
+export type EridProps = {
+    /** Текст в tooltip */
+    tip: string;
+    /** CSS-класс */
+    className?: string;
+    /** Внешний вид Erid */
+    appearance: Appearance;
+};
+export declare function Erid({ tip, className, appearance }: EridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/Erid/Erid.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Erid = Erid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Erid({ tip, className, appearance }) {
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { triggerClassName: className, tip: tip, children: (0, jsx_runtime_1.jsx)("span", { "data-appearance": appearance, className: styles_module_scss_1.default.root, 
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+            tabIndex: 0, children: (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.label, children: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430" }) }) }));
+}

package/dist/cjs/components/Erid/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const APPEARANCE_ERID: {
+    readonly Neutral: "neutral";
+    readonly InvertNeutral: "invert-neutral";
+};

package/dist/cjs/components/Erid/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APPEARANCE_ERID = void 0;
+exports.APPEARANCE_ERID = {
+    Neutral: 'neutral',
+    InvertNeutral: 'invert-neutral',
+};

package/dist/cjs/components/Erid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Erid';
+export { APPEARANCE_ERID } from './constants';

package/dist/cjs/components/Erid/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APPEARANCE_ERID = void 0;
+__exportStar(require("./Erid"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "APPEARANCE_ERID", { enumerable: true, get: function () { return constants_1.APPEARANCE_ERID; } });

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

@@ -0,0 +1,33 @@
+.label{
+  font-family:var(--light-label-s-font-family, SB Sans Text);
+  font-weight:var(--light-label-s-font-weight, Regular);
+  line-height:var(--light-label-s-line-height, 14px);
+  font-size:var(--light-label-s-font-size, 11px);
+  letter-spacing:var(--light-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+
+.root{
+  display:inline-flex;
+  align-items:center;
+  height:24px;
+  background:var(--sys-opacity-enabled, rgba(255, 255, 255, 0.1607843137));
+  padding:0 8px;
+  box-sizing:border-box;
+  max-width:100%;
+}
+.root:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-available-complementary, #15151b);
+}
+.root[data-appearance=invert-neutral]{
+  background:var(--sys-opacity-disabled, rgba(255, 255, 255, 0.0784313725));
+}
+.root[data-appearance=invert-neutral] .label{
+  color:var(--sys-invert-neutral-text-support, #bec2cf);
+}

package/dist/cjs/components/TagSpecial/TagSpecial.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { Appearance } from '../../types';
+export type TagSpecialProps = WithSupportProps<{
+    text: string;
+    appearance: Appearance;
+    tip?: ReactNode;
+    className?: string;
+}>;
+export declare function TagSpecial({ text, appearance, tip, className, ...rest }: TagSpecialProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/TagSpecial/TagSpecial.js

@@ -0,0 +1,22 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagSpecial = TagSpecial;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const promo_tag_1 = require("@snack-uikit/promo-tag");
+const helperComponents_1 = require("../../helperComponents");
+function TagSpecial(_a) {
+    var { text, appearance = 'neutral', tip, className } = _a, rest = __rest(_a, ["text", "appearance", "tip", "className"]);
+    return ((0, jsx_runtime_1.jsx)(promo_tag_1.PromoTag, Object.assign({ size: 'xs', text: text, appearance: appearance, color: 'decor', afterContent: tip && (0, jsx_runtime_1.jsx)(helperComponents_1.Tooltip, { appearance: appearance, tip: tip }), className: className }, (0, uikit_product_utils_1.extractSupportProps)(rest))));
+}

package/dist/cjs/components/TagSpecial/index.d.ts

@@ -0,0 +1 @@
+export * from './TagSpecial';

package/dist/cjs/components/TagSpecial/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TagSpecial"), exports);

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TagSpecial';
+export * from './Erid';

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TagSpecial"), exports);
+__exportStar(require("./Erid"), exports);

package/dist/cjs/helperComponents/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Appearance } from '../../types';
+export type TooltipProps = {
+    tip?: ReactNode;
+    appearance: Appearance;
+};
+export declare function Tooltip({ tip, appearance }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Tooltip/Tooltip.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = Tooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function Tooltip({ tip, appearance }) {
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, { "data-color": 'blue', className: styles_module_scss_1.default.tooltip, size: 'xs', tip: tip, trigger: 'hover', triggerSupportProps: {
+            'data-appearance': appearance,
+            'data-test-id': 'tag__tooltip',
+        } }));
+}

package/dist/cjs/helperComponents/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/cjs/helperComponents/Tooltip/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tooltip"), exports);

package/dist/cjs/helperComponents/Tooltip/styles.module.css

@@ -0,0 +1,60 @@
+.tooltip[data-appearance=neutral]{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.tooltip[data-appearance=neutral]:hover, .tooltip[data-appearance=neutral]:active, .tooltip[data-appearance=neutral]:focus-visible{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.tooltip[data-appearance=violet]{
+  color:var(--sys-violet-text-light, #b68bd5);
+}
+.tooltip[data-appearance=violet]:hover, .tooltip[data-appearance=violet]:focus-visible{
+  color:var(--sys-violet-text-support, #8c639b);
+}
+.tooltip[data-appearance=violet]:active, .tooltip[data-appearance=violet][data-opened=true]{
+  color:var(--sys-violet-text-main, #59446a);
+}
+.tooltip[data-appearance=blue]{
+  color:var(--sys-blue-text-light, #749eda);
+}
+.tooltip[data-appearance=blue]:hover, .tooltip[data-appearance=blue]:focus-visible{
+  color:var(--sys-blue-text-support, #4877b0);
+}
+.tooltip[data-appearance=blue]:active, .tooltip[data-appearance=blue][data-opened=true]{
+  color:var(--sys-blue-text-main, #2b537e);
+}
+.tooltip[data-appearance=green]{
+  color:var(--sys-green-text-light, #69b56f);
+}
+.tooltip[data-appearance=green]:hover, .tooltip[data-appearance=green]:focus-visible{
+  color:var(--sys-green-text-support, #55915a);
+}
+.tooltip[data-appearance=green]:active, .tooltip[data-appearance=green][data-opened=true]{
+  color:var(--sys-green-text-main, #3d6035);
+}
+.tooltip[data-appearance=orange]{
+  color:var(--sys-orange-text-light, #e78940);
+}
+.tooltip[data-appearance=orange]:hover, .tooltip[data-appearance=orange]:focus-visible{
+  color:var(--sys-orange-text-support, #bb733e);
+}
+.tooltip[data-appearance=orange]:active, .tooltip[data-appearance=orange][data-opened=true]{
+  color:var(--sys-orange-text-main, #884c23);
+}
+.tooltip[data-appearance=red]{
+  color:var(--sys-red-text-light, #e7756a);
+}
+.tooltip[data-appearance=red]:hover, .tooltip[data-appearance=red]:focus-visible{
+  color:var(--sys-red-text-support, #ae514c);
+}
+.tooltip[data-appearance=red]:active, .tooltip[data-appearance=red][data-opened=true]{
+  color:var(--sys-red-text-main, #7a2d2d);
+}
+.tooltip[data-appearance=pink]{
+  color:var(--sys-pink-text-light, #db85a2);
+}
+.tooltip[data-appearance=pink]:hover, .tooltip[data-appearance=pink]:focus-visible{
+  color:var(--sys-pink-text-support, #ae5e80);
+}
+.tooltip[data-appearance=pink]:active, .tooltip[data-appearance=pink][data-opened=true]{
+  color:var(--sys-pink-text-main, #754158);
+}

package/dist/cjs/helperComponents/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tooltip"), exports);

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/cjs/types.d.ts

@@ -0,0 +1,2 @@
+import { PromoTagProps } from '@snack-uikit/promo-tag';
+export type Appearance = NonNullable<Exclude<PromoTagProps['appearance'], 'primary' | 'yellow'>>;

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/components/Erid/Erid.d.ts

@@ -0,0 +1,13 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE_ERID } from './constants';
+type Appearance = ValueOf<typeof APPEARANCE_ERID>;
+export type EridProps = {
+    /** Текст в tooltip */
+    tip: string;
+    /** CSS-класс */
+    className?: string;
+    /** Внешний вид Erid */
+    appearance: Appearance;
+};
+export declare function Erid({ tip, className, appearance }: EridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/Erid/Erid.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip } from '@snack-uikit/tooltip';
+import styles from './styles.module.css';
+export function Erid({ tip, className, appearance }) {
+    return (_jsx(Tooltip, { triggerClassName: className, tip: tip, children: _jsx("span", { "data-appearance": appearance, className: styles.root, 
+            // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+            tabIndex: 0, children: _jsx("span", { className: styles.label, children: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430" }) }) }));
+}

package/dist/esm/components/Erid/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const APPEARANCE_ERID: {
+    readonly Neutral: "neutral";
+    readonly InvertNeutral: "invert-neutral";
+};

package/dist/esm/components/Erid/constants.js

@@ -0,0 +1,4 @@
+export const APPEARANCE_ERID = {
+    Neutral: 'neutral',
+    InvertNeutral: 'invert-neutral',
+};

package/dist/esm/components/Erid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Erid';
+export { APPEARANCE_ERID } from './constants';

package/dist/esm/components/Erid/index.js

@@ -0,0 +1,2 @@
+export * from './Erid';
+export { APPEARANCE_ERID } from './constants';

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

@@ -0,0 +1,33 @@
+.label{
+  font-family:var(--light-label-s-font-family, SB Sans Text);
+  font-weight:var(--light-label-s-font-weight, Regular);
+  line-height:var(--light-label-s-line-height, 14px);
+  font-size:var(--light-label-s-font-size, 11px);
+  letter-spacing:var(--light-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+
+.root{
+  display:inline-flex;
+  align-items:center;
+  height:24px;
+  background:var(--sys-opacity-enabled, rgba(255, 255, 255, 0.1607843137));
+  padding:0 8px;
+  box-sizing:border-box;
+  max-width:100%;
+}
+.root:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-available-complementary, #15151b);
+}
+.root[data-appearance=invert-neutral]{
+  background:var(--sys-opacity-disabled, rgba(255, 255, 255, 0.0784313725));
+}
+.root[data-appearance=invert-neutral] .label{
+  color:var(--sys-invert-neutral-text-support, #bec2cf);
+}

package/dist/esm/components/TagSpecial/TagSpecial.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { Appearance } from '../../types';
+export type TagSpecialProps = WithSupportProps<{
+    text: string;
+    appearance: Appearance;
+    tip?: ReactNode;
+    className?: string;
+}>;
+export declare function TagSpecial({ text, appearance, tip, className, ...rest }: TagSpecialProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/TagSpecial/TagSpecial.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { PromoTag } from '@snack-uikit/promo-tag';
+import { Tooltip } from '../../helperComponents';
+export function TagSpecial(_a) {
+    var { text, appearance = 'neutral', tip, className } = _a, rest = __rest(_a, ["text", "appearance", "tip", "className"]);
+    return (_jsx(PromoTag, Object.assign({ size: 'xs', text: text, appearance: appearance, color: 'decor', afterContent: tip && _jsx(Tooltip, { appearance: appearance, tip: tip }), className: className }, extractSupportProps(rest))));
+}

package/dist/esm/components/TagSpecial/index.d.ts

@@ -0,0 +1 @@
+export * from './TagSpecial';

package/dist/esm/components/TagSpecial/index.js

@@ -0,0 +1 @@
+export * from './TagSpecial';

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TagSpecial';
+export * from './Erid';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './TagSpecial';
+export * from './Erid';

package/dist/esm/helperComponents/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Appearance } from '../../types';
+export type TooltipProps = {
+    tip?: ReactNode;
+    appearance: Appearance;
+};
+export declare function Tooltip({ tip, appearance }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Tooltip/Tooltip.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QuestionTooltip } from '@snack-uikit/tooltip';
+import styles from './styles.module.css';
+export function Tooltip({ tip, appearance }) {
+    return (_jsx(QuestionTooltip, { "data-color": 'blue', className: styles.tooltip, size: 'xs', tip: tip, trigger: 'hover', triggerSupportProps: {
+            'data-appearance': appearance,
+            'data-test-id': 'tag__tooltip',
+        } }));
+}

package/dist/esm/helperComponents/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/esm/helperComponents/Tooltip/index.js

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/esm/helperComponents/Tooltip/styles.module.css

@@ -0,0 +1,60 @@
+.tooltip[data-appearance=neutral]{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.tooltip[data-appearance=neutral]:hover, .tooltip[data-appearance=neutral]:active, .tooltip[data-appearance=neutral]:focus-visible{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.tooltip[data-appearance=violet]{
+  color:var(--sys-violet-text-light, #b68bd5);
+}
+.tooltip[data-appearance=violet]:hover, .tooltip[data-appearance=violet]:focus-visible{
+  color:var(--sys-violet-text-support, #8c639b);
+}
+.tooltip[data-appearance=violet]:active, .tooltip[data-appearance=violet][data-opened=true]{
+  color:var(--sys-violet-text-main, #59446a);
+}
+.tooltip[data-appearance=blue]{
+  color:var(--sys-blue-text-light, #749eda);
+}
+.tooltip[data-appearance=blue]:hover, .tooltip[data-appearance=blue]:focus-visible{
+  color:var(--sys-blue-text-support, #4877b0);
+}
+.tooltip[data-appearance=blue]:active, .tooltip[data-appearance=blue][data-opened=true]{
+  color:var(--sys-blue-text-main, #2b537e);
+}
+.tooltip[data-appearance=green]{
+  color:var(--sys-green-text-light, #69b56f);
+}
+.tooltip[data-appearance=green]:hover, .tooltip[data-appearance=green]:focus-visible{
+  color:var(--sys-green-text-support, #55915a);
+}
+.tooltip[data-appearance=green]:active, .tooltip[data-appearance=green][data-opened=true]{
+  color:var(--sys-green-text-main, #3d6035);
+}
+.tooltip[data-appearance=orange]{
+  color:var(--sys-orange-text-light, #e78940);
+}
+.tooltip[data-appearance=orange]:hover, .tooltip[data-appearance=orange]:focus-visible{
+  color:var(--sys-orange-text-support, #bb733e);
+}
+.tooltip[data-appearance=orange]:active, .tooltip[data-appearance=orange][data-opened=true]{
+  color:var(--sys-orange-text-main, #884c23);
+}
+.tooltip[data-appearance=red]{
+  color:var(--sys-red-text-light, #e7756a);
+}
+.tooltip[data-appearance=red]:hover, .tooltip[data-appearance=red]:focus-visible{
+  color:var(--sys-red-text-support, #ae514c);
+}
+.tooltip[data-appearance=red]:active, .tooltip[data-appearance=red][data-opened=true]{
+  color:var(--sys-red-text-main, #7a2d2d);
+}
+.tooltip[data-appearance=pink]{
+  color:var(--sys-pink-text-light, #db85a2);
+}
+.tooltip[data-appearance=pink]:hover, .tooltip[data-appearance=pink]:focus-visible{
+  color:var(--sys-pink-text-support, #ae5e80);
+}
+.tooltip[data-appearance=pink]:active, .tooltip[data-appearance=pink][data-opened=true]{
+  color:var(--sys-pink-text-main, #754158);
+}

package/dist/esm/helperComponents/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/esm/helperComponents/index.js

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/types.d.ts

@@ -0,0 +1,2 @@
+import { PromoTagProps } from '@snack-uikit/promo-tag';
+export type Appearance = NonNullable<Exclude<PromoTagProps['appearance'], 'primary' | 'yellow'>>;

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-tag",
   "title": "Site Tag",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,16 +30,17 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-utils": "7.0.2",
     "@snack-uikit/promo-tag": "0.7.1",
     "@snack-uikit/tooltip": "0.16.2",
     "@snack-uikit/utils": "3.8.1"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }