@cloud-ru/uikit-product-mobile-tooltip 0.4.65 → 0.4.67

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.4.67 (2025-11-13)
+
+### Only dependencies have been changed
+* [@cloud-ru/uikit-product-icons@15.1.3](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
+* [@cloud-ru/uikit-product-utils@7.0.2](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
+## 0.4.66 (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.4.65 (2025-11-12)
 
 ### Only dependencies have been changed

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

@@ -0,0 +1,7 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { QuestionTooltipProps, TooltipProps } from '@snack-uikit/tooltip';
+export type AdaptiveTooltipProps = WithLayoutType<TooltipProps>;
+export declare function AdaptiveTooltip({ layoutType, ...props }: AdaptiveTooltipProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptiveQuestionTooltipProps = WithLayoutType<QuestionTooltipProps>;
+export declare function AdaptiveQuestionTooltip({ layoutType, ...props }: AdaptiveQuestionTooltipProps): import("react/jsx-runtime").JSX.Element;
+export type { TooltipProps, QuestionTooltipProps };

package/dist/cjs/components/AdaptiveTooltip/AdaptiveTooltip.js

@@ -0,0 +1,29 @@
+"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.AdaptiveTooltip = AdaptiveTooltip;
+exports.AdaptiveQuestionTooltip = AdaptiveQuestionTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const MobileQuestionTooltip_1 = require("../MobileQuestionTooltip");
+const MobileTooltip_1 = require("../MobileTooltip");
+function AdaptiveTooltip(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileTooltip_1.MobileTooltip, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, Object.assign({}, props));
+}
+function AdaptiveQuestionTooltip(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? (0, jsx_runtime_1.jsx)(MobileQuestionTooltip_1.MobileQuestionTooltip, Object.assign({}, props)) : (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, Object.assign({}, props));
+}

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

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

package/dist/cjs/components/AdaptiveTooltip/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("./AdaptiveTooltip"), exports);

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

@@ -0,0 +1,14 @@
+import { MobileTooltipProps } from '../MobileTooltip';
+import { Size, Trigger } from './types';
+export type MobileQuestionTooltipProps = Omit<MobileTooltipProps, 'children' | 'triggerClassName' | 'trigger'> & {
+    /** Условие отображения подсказки */
+    trigger?: Trigger;
+    /** Размер */
+    size?: Size;
+    /** CSS-класс контейнера подсказки */
+    tooltipClassname?: string;
+    /** data-test-id для триггера */
+    triggerDataTestId?: string;
+    tabIndex?: number;
+};
+export declare function MobileQuestionTooltip({ size, trigger, tooltipClassname, className, triggerDataTestId, open, onOpenChange, tabIndex, ...rest }: MobileQuestionTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/MobileQuestionTooltip/MobileQuestionTooltip.js

@@ -0,0 +1,31 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileQuestionTooltip = MobileQuestionTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const uncontrollable_1 = require("uncontrollable");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const MobileTooltip_1 = require("../MobileTooltip");
+const constants_1 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileQuestionTooltip(_a) {
+    var { size = constants_1.SIZE.Xs, trigger = constants_1.TRIGGER.Hover, tooltipClassname, className, triggerDataTestId, open, onOpenChange, tabIndex = 0 } = _a, rest = __rest(_a, ["size", "trigger", "tooltipClassname", "className", "triggerDataTestId", "open", "onOpenChange", "tabIndex"]);
+    const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
+    return ((0, jsx_runtime_1.jsx)(MobileTooltip_1.MobileTooltip, Object.assign({}, rest, { className: tooltipClassname, open: isOpen, onOpenChange: setIsOpen, trigger: constants_1.TRIGGER_MAP[trigger], children: ({ getReferenceProps, ref }) => ((0, jsx_runtime_1.jsx)("span", Object.assign({}, getReferenceProps({
+            onClick: event => event.stopPropagation(),
+        }), { ref: ref, "data-size": size, "data-opened": isOpen, "data-trigger": trigger, className: (0, classnames_1.default)(styles_module_scss_1.default.questionTooltip, className), role: 'button', tabIndex: tabIndex, children: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.QuestionSVG, { size: constants_1.SIZES_MAP[size], "data-test-id": triggerDataTestId }) }))) })));
+}

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

@@ -0,0 +1,16 @@
+export declare const SIZE: {
+    readonly S: "s";
+    readonly Xs: "xs";
+};
+export declare const SIZES_MAP: {
+    xs: number;
+    s: number;
+};
+export declare const TRIGGER: {
+    readonly Hover: "hover";
+    readonly Click: "click";
+};
+export declare const TRIGGER_MAP: {
+    hover: "hoverAndFocusVisible";
+    click: "clickAndFocusVisible";
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRIGGER_MAP = exports.TRIGGER = exports.SIZES_MAP = exports.SIZE = void 0;
+const popover_private_1 = require("@snack-uikit/popover-private");
+exports.SIZE = {
+    S: 's',
+    Xs: 'xs',
+};
+exports.SIZES_MAP = {
+    [exports.SIZE.Xs]: 16,
+    [exports.SIZE.S]: 24,
+};
+exports.TRIGGER = {
+    Hover: 'hover',
+    Click: 'click',
+};
+exports.TRIGGER_MAP = {
+    [exports.TRIGGER.Hover]: popover_private_1.TRIGGER.HoverAndFocusVisible,
+    [exports.TRIGGER.Click]: popover_private_1.TRIGGER.ClickAndFocusVisible,
+};

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

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

package/dist/cjs/components/MobileQuestionTooltip/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("./MobileQuestionTooltip"), exports);

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

@@ -0,0 +1,38 @@
+.questionTooltip{
+  cursor:pointer;
+  display:inline-flex;
+  margin:0;
+  padding:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background:none;
+  border:0;
+}
+.questionTooltip:hover{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.questionTooltip: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, #1c1c24);
+}
+.questionTooltip[data-trigger=click][data-opened=true]{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.questionTooltip[data-trigger=click]:hover{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.questionTooltip[data-trigger=click]:active{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.questionTooltip[data-trigger=click]:focus-visible{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.questionTooltip[data-size=xs] svg{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+}
+.questionTooltip[data-size=s] svg{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}

package/dist/cjs/components/MobileQuestionTooltip/types.d.ts

@@ -0,0 +1,4 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { SIZE, TRIGGER } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type Trigger = ValueOf<typeof TRIGGER>;

package/dist/cjs/components/MobileQuestionTooltip/types.js

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { PopoverPrivateProps } from '@snack-uikit/popover-private';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type MobileTooltipProps = WithSupportProps<{
+    /** Содержимое тултипа */
+    tip: ReactNode;
+    /** Отключение ограничения ширины тултипа @default false */
+    disableMaxWidth?: boolean;
+} & Pick<PopoverPrivateProps, 'className' | 'triggerClassName' | 'offset' | 'open' | 'onOpenChange' | 'hoverDelayOpen' | 'hoverDelayClose' | 'triggerRef' | 'disableSpanWrapper' | 'fallbackPlacements'> & Partial<Pick<PopoverPrivateProps, 'trigger' | 'placement' | 'children'>>>;
+export declare function MobileTooltip({ tip, trigger, placement, children, disableMaxWidth, ...otherProps }: MobileTooltipProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/MobileTooltip/MobileTooltip.js

@@ -0,0 +1,28 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileTooltip = MobileTooltip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const popover_private_1 = require("@snack-uikit/popover-private");
+const constants_1 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function MobileTooltip(_a) {
+    var { tip, trigger = 'hoverAndFocusVisible', placement = 'top', children, disableMaxWidth = false } = _a, otherProps = __rest(_a, ["tip", "trigger", "placement", "children", "disableMaxWidth"]);
+    if (!children) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(popover_private_1.PopoverPrivate, Object.assign({ placement: placement, popoverContent: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tooltipContainer, "data-disable-max-width": disableMaxWidth, children: tip }), trigger: trigger, arrowContainerClassName: styles_module_scss_1.default.tooltipArrowContainer, arrowElementClassName: styles_module_scss_1.default.tooltipArrowElement, hasArrow: true, fallbackPlacements: constants_1.DEFAULT_FALLBACK_PLACEMENTS, className: styles_module_scss_1.default.tooltip }, otherProps, { children: children })));
+}

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

@@ -0,0 +1 @@
+export declare const DEFAULT_FALLBACK_PLACEMENTS: ("top" | "right" | "bottom" | "left")[];

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FALLBACK_PLACEMENTS = void 0;
+const popover_private_1 = require("@snack-uikit/popover-private");
+exports.DEFAULT_FALLBACK_PLACEMENTS = [popover_private_1.PLACEMENT.Top, popover_private_1.PLACEMENT.Right, popover_private_1.PLACEMENT.Bottom, popover_private_1.PLACEMENT.Left];

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

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

package/dist/cjs/components/MobileTooltip/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("./MobileTooltip"), exports);

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

@@ -0,0 +1,48 @@
+.tooltipContainer{
+  padding:var(--space-tooltip-padding-single, 8px);
+  border-radius:var(--radius-tooltip-container, 4px);
+  min-width:var(--size-tooltip-container-min-width, 20px);
+  max-width:var(--size-tooltip-container-max-width, 416px);
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  overflow:hidden;
+  box-sizing:border-box;
+  color:var(--sys-invert-neutral-text-main, #e6e8ef);
+  word-wrap:break-word;
+  background-color:var(--sys-invert-neutral-background, #30303c);
+  max-width:calc(100dvw - var(--dimension-4m, 32px));
+}
+
+.tooltip[data-placement=top] .tooltipContainer, .tooltip[data-placement=top-start] .tooltipContainer, .tooltip[data-placement=top-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) var(--dimension-2m, 16px) 0;
+}
+.tooltip[data-placement=bottom] .tooltipContainer, .tooltip[data-placement=bottom-start] .tooltipContainer, .tooltip[data-placement=bottom-end] .tooltipContainer{
+  margin:0 var(--dimension-2m, 16px) var(--dimension-2m, 16px);
+}
+.tooltip[data-placement=left] .tooltipContainer, .tooltip[data-placement=left-start] .tooltipContainer, .tooltip[data-placement=left-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) 0 var(--dimension-2m, 16px) var(--dimension-2m, 16px);
+}
+.tooltip[data-placement=right] .tooltipContainer, .tooltip[data-placement=right-start] .tooltipContainer, .tooltip[data-placement=right-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) var(--dimension-2m, 16px) var(--dimension-2m, 16px) 0;
+}
+
+.tooltipArrowContainer{
+  padding-left:var(--space-popover-popover-pointer-offset, 4px);
+  padding-top:var(--space-tooltip-tooltip-pointer-padding, 4px);
+  padding-bottom:var(--space-tooltip-tooltip-pointer-padding, 4px);
+  position:absolute;
+  display:flex;
+  padding-top:0;
+  padding-bottom:0;
+  color:var(--sys-invert-neutral-background, #30303c);
+}
+
+.tooltipArrowElement{
+  height:var(--size-tooltip-tooltip-pointer-arrow-height, 12px);
+  width:var(--size-tooltip-tooltip-pointer-arrow-width, 6px);
+  fill:currentColor;
+}

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

@@ -0,0 +1,3 @@
+export * from './AdaptiveTooltip';
+export * from './MobileTooltip';
+export * from './MobileQuestionTooltip';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"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("./AdaptiveTooltip"), exports);
+__exportStar(require("./MobileTooltip"), exports);
+__exportStar(require("./MobileQuestionTooltip"), 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/esm/components/AdaptiveTooltip/AdaptiveTooltip.d.ts

@@ -0,0 +1,7 @@
+import { WithLayoutType } from '@sbercloud/uikit-product-utils';
+import { QuestionTooltipProps, TooltipProps } from '@snack-uikit/tooltip';
+export type AdaptiveTooltipProps = WithLayoutType<TooltipProps>;
+export declare function AdaptiveTooltip({ layoutType, ...props }: AdaptiveTooltipProps): import("react/jsx-runtime").JSX.Element;
+export type AdaptiveQuestionTooltipProps = WithLayoutType<QuestionTooltipProps>;
+export declare function AdaptiveQuestionTooltip({ layoutType, ...props }: AdaptiveQuestionTooltipProps): import("react/jsx-runtime").JSX.Element;
+export type { TooltipProps, QuestionTooltipProps };

package/dist/esm/components/AdaptiveTooltip/AdaptiveTooltip.js

@@ -0,0 +1,25 @@
+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 { QuestionTooltip, Tooltip } from '@snack-uikit/tooltip';
+import { MobileQuestionTooltip } from '../MobileQuestionTooltip';
+import { MobileTooltip } from '../MobileTooltip';
+export function AdaptiveTooltip(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobileTooltip, Object.assign({}, props)) : _jsx(Tooltip, Object.assign({}, props));
+}
+export function AdaptiveQuestionTooltip(_a) {
+    var { layoutType } = _a, props = __rest(_a, ["layoutType"]);
+    const isMobile = layoutType === 'mobile';
+    return isMobile ? _jsx(MobileQuestionTooltip, Object.assign({}, props)) : _jsx(QuestionTooltip, Object.assign({}, props));
+}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { MobileTooltipProps } from '../MobileTooltip';
+import { Size, Trigger } from './types';
+export type MobileQuestionTooltipProps = Omit<MobileTooltipProps, 'children' | 'triggerClassName' | 'trigger'> & {
+    /** Условие отображения подсказки */
+    trigger?: Trigger;
+    /** Размер */
+    size?: Size;
+    /** CSS-класс контейнера подсказки */
+    tooltipClassname?: string;
+    /** data-test-id для триггера */
+    triggerDataTestId?: string;
+    tabIndex?: number;
+};
+export declare function MobileQuestionTooltip({ size, trigger, tooltipClassname, className, triggerDataTestId, open, onOpenChange, tabIndex, ...rest }: MobileQuestionTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/MobileQuestionTooltip/MobileQuestionTooltip.js

@@ -0,0 +1,25 @@
+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 cn from 'classnames';
+import { useUncontrolledProp } from 'uncontrollable';
+import { QuestionSVG } from '@sbercloud/uikit-product-icons';
+import { MobileTooltip } from '../MobileTooltip';
+import { SIZE, SIZES_MAP, TRIGGER, TRIGGER_MAP } from './constants';
+import styles from './styles.module.css';
+export function MobileQuestionTooltip(_a) {
+    var { size = SIZE.Xs, trigger = TRIGGER.Hover, tooltipClassname, className, triggerDataTestId, open, onOpenChange, tabIndex = 0 } = _a, rest = __rest(_a, ["size", "trigger", "tooltipClassname", "className", "triggerDataTestId", "open", "onOpenChange", "tabIndex"]);
+    const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
+    return (_jsx(MobileTooltip, Object.assign({}, rest, { className: tooltipClassname, open: isOpen, onOpenChange: setIsOpen, trigger: TRIGGER_MAP[trigger], children: ({ getReferenceProps, ref }) => (_jsx("span", Object.assign({}, getReferenceProps({
+            onClick: event => event.stopPropagation(),
+        }), { ref: ref, "data-size": size, "data-opened": isOpen, "data-trigger": trigger, className: cn(styles.questionTooltip, className), role: 'button', tabIndex: tabIndex, children: _jsx(QuestionSVG, { size: SIZES_MAP[size], "data-test-id": triggerDataTestId }) }))) })));
+}

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

@@ -0,0 +1,16 @@
+export declare const SIZE: {
+    readonly S: "s";
+    readonly Xs: "xs";
+};
+export declare const SIZES_MAP: {
+    xs: number;
+    s: number;
+};
+export declare const TRIGGER: {
+    readonly Hover: "hover";
+    readonly Click: "click";
+};
+export declare const TRIGGER_MAP: {
+    hover: "hoverAndFocusVisible";
+    click: "clickAndFocusVisible";
+};

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

@@ -0,0 +1,17 @@
+import { TRIGGER as POPOVER_TRIGGER } from '@snack-uikit/popover-private';
+export const SIZE = {
+    S: 's',
+    Xs: 'xs',
+};
+export const SIZES_MAP = {
+    [SIZE.Xs]: 16,
+    [SIZE.S]: 24,
+};
+export const TRIGGER = {
+    Hover: 'hover',
+    Click: 'click',
+};
+export const TRIGGER_MAP = {
+    [TRIGGER.Hover]: POPOVER_TRIGGER.HoverAndFocusVisible,
+    [TRIGGER.Click]: POPOVER_TRIGGER.ClickAndFocusVisible,
+};

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

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

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

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

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

@@ -0,0 +1,38 @@
+.questionTooltip{
+  cursor:pointer;
+  display:inline-flex;
+  margin:0;
+  padding:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background:none;
+  border:0;
+}
+.questionTooltip:hover{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.questionTooltip: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, #1c1c24);
+}
+.questionTooltip[data-trigger=click][data-opened=true]{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.questionTooltip[data-trigger=click]:hover{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.questionTooltip[data-trigger=click]:active{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.questionTooltip[data-trigger=click]:focus-visible{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.questionTooltip[data-size=xs] svg{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+}
+.questionTooltip[data-size=s] svg{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}

package/dist/esm/components/MobileQuestionTooltip/types.d.ts

@@ -0,0 +1,4 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { SIZE, TRIGGER } from './constants';
+export type Size = ValueOf<typeof SIZE>;
+export type Trigger = ValueOf<typeof TRIGGER>;

package/dist/esm/components/MobileQuestionTooltip/types.js

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { PopoverPrivateProps } from '@snack-uikit/popover-private';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type MobileTooltipProps = WithSupportProps<{
+    /** Содержимое тултипа */
+    tip: ReactNode;
+    /** Отключение ограничения ширины тултипа @default false */
+    disableMaxWidth?: boolean;
+} & Pick<PopoverPrivateProps, 'className' | 'triggerClassName' | 'offset' | 'open' | 'onOpenChange' | 'hoverDelayOpen' | 'hoverDelayClose' | 'triggerRef' | 'disableSpanWrapper' | 'fallbackPlacements'> & Partial<Pick<PopoverPrivateProps, 'trigger' | 'placement' | 'children'>>>;
+export declare function MobileTooltip({ tip, trigger, placement, children, disableMaxWidth, ...otherProps }: MobileTooltipProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/MobileTooltip/MobileTooltip.js

@@ -0,0 +1,22 @@
+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 { PopoverPrivate } from '@snack-uikit/popover-private';
+import { DEFAULT_FALLBACK_PLACEMENTS } from './constants';
+import styles from './styles.module.css';
+export function MobileTooltip(_a) {
+    var { tip, trigger = 'hoverAndFocusVisible', placement = 'top', children, disableMaxWidth = false } = _a, otherProps = __rest(_a, ["tip", "trigger", "placement", "children", "disableMaxWidth"]);
+    if (!children) {
+        return null;
+    }
+    return (_jsx(PopoverPrivate, Object.assign({ placement: placement, popoverContent: _jsx("div", { className: styles.tooltipContainer, "data-disable-max-width": disableMaxWidth, children: tip }), trigger: trigger, arrowContainerClassName: styles.tooltipArrowContainer, arrowElementClassName: styles.tooltipArrowElement, hasArrow: true, fallbackPlacements: DEFAULT_FALLBACK_PLACEMENTS, className: styles.tooltip }, otherProps, { children: children })));
+}

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

@@ -0,0 +1 @@
+export declare const DEFAULT_FALLBACK_PLACEMENTS: ("top" | "right" | "bottom" | "left")[];

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

@@ -0,0 +1,2 @@
+import { PLACEMENT } from '@snack-uikit/popover-private';
+export const DEFAULT_FALLBACK_PLACEMENTS = [PLACEMENT.Top, PLACEMENT.Right, PLACEMENT.Bottom, PLACEMENT.Left];

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

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

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

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

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

@@ -0,0 +1,48 @@
+.tooltipContainer{
+  padding:var(--space-tooltip-padding-single, 8px);
+  border-radius:var(--radius-tooltip-container, 4px);
+  min-width:var(--size-tooltip-container-min-width, 20px);
+  max-width:var(--size-tooltip-container-max-width, 416px);
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  overflow:hidden;
+  box-sizing:border-box;
+  color:var(--sys-invert-neutral-text-main, #e6e8ef);
+  word-wrap:break-word;
+  background-color:var(--sys-invert-neutral-background, #30303c);
+  max-width:calc(100dvw - var(--dimension-4m, 32px));
+}
+
+.tooltip[data-placement=top] .tooltipContainer, .tooltip[data-placement=top-start] .tooltipContainer, .tooltip[data-placement=top-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) var(--dimension-2m, 16px) 0;
+}
+.tooltip[data-placement=bottom] .tooltipContainer, .tooltip[data-placement=bottom-start] .tooltipContainer, .tooltip[data-placement=bottom-end] .tooltipContainer{
+  margin:0 var(--dimension-2m, 16px) var(--dimension-2m, 16px);
+}
+.tooltip[data-placement=left] .tooltipContainer, .tooltip[data-placement=left-start] .tooltipContainer, .tooltip[data-placement=left-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) 0 var(--dimension-2m, 16px) var(--dimension-2m, 16px);
+}
+.tooltip[data-placement=right] .tooltipContainer, .tooltip[data-placement=right-start] .tooltipContainer, .tooltip[data-placement=right-end] .tooltipContainer{
+  margin:var(--dimension-2m, 16px) var(--dimension-2m, 16px) var(--dimension-2m, 16px) 0;
+}
+
+.tooltipArrowContainer{
+  padding-left:var(--space-popover-popover-pointer-offset, 4px);
+  padding-top:var(--space-tooltip-tooltip-pointer-padding, 4px);
+  padding-bottom:var(--space-tooltip-tooltip-pointer-padding, 4px);
+  position:absolute;
+  display:flex;
+  padding-top:0;
+  padding-bottom:0;
+  color:var(--sys-invert-neutral-background, #30303c);
+}
+
+.tooltipArrowElement{
+  height:var(--size-tooltip-tooltip-pointer-arrow-height, 12px);
+  width:var(--size-tooltip-tooltip-pointer-arrow-width, 6px);
+  fill:currentColor;
+}

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

@@ -0,0 +1,3 @@
+export * from './AdaptiveTooltip';
+export * from './MobileTooltip';
+export * from './MobileQuestionTooltip';

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './AdaptiveTooltip';
+export * from './MobileTooltip';
+export * from './MobileQuestionTooltip';

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-mobile-tooltip",
   "title": "Mobile Tooltip",
-  "version": "0.4.65",
+  "version": "0.4.67",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,19 +30,20 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-icons": "15.1.3",
+    "@cloud-ru/uikit-product-utils": "7.0.2",
     "@snack-uikit/popover-private": "0.14.5",
     "@snack-uikit/tooltip": "0.18.3",
     "@snack-uikit/utils": "3.10.1",
     "classnames": "2.5.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }