@itcase/ui 1.4.13 → 1.5.0

package/dist/{Label-D-LcvthP.js → Label-CP8IAPOM.js}

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text-C49zj3jO.js');
-var Tooltip = require('./Tooltip-DRta8lK_.js');
+var Text = require('./Text-CEcBg-F5.js');
+var Tooltip = require('./Tooltip-Lhx-Fefx.js');
 
 var labelAppearanceAccent = {
     accent: {
@@ -211,7 +211,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, children = props.children, label = props.label, labelTextWrap = props.labelTextWrap, cursor = props.cursor, dataTour = props.dataTour, mode = props.mode, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, label = props.label, labelTextWrap = props.labelTextWrap, cursor = props.cursor, dataTour = props.dataTour, mode = props.mode, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
     var tooltipRef = React.useRef(null);
     var onMouseEnterLabel = React.useCallback(function () {
         var _a;
@@ -226,10 +226,10 @@ function Label(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultApperance), (_a = labelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error
     var labelStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "label_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "'word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), type && "label_type_".concat(type), mode && "label_mode_".concat(mode), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__text", textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, size: labelTextSize, children: label })) : (jsxRuntime.jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: "label__tooltip", appearance: tooltipAppearance, alignment: tooltipAlignment, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, arrowPosition: tooltipArrowPosition, ref: tooltipRef, children: tooltipContent }))] }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "label_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "'word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), type && "label_type_".concat(type), mode && "label_mode_".concat(mode), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxRuntime.jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: "label__tooltip", appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, ref: tooltipRef, children: tooltipContent }))] }), after] }));
 }
 
 exports.Label = Label;

package/dist/{Label-y2hx5Q81.js → Label-CfE08vBy.js}

@@ -1,11 +1,11 @@
-import { _ as __assign } from './tslib.es6-5FtW-kfi.js';
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text-C6NSmetx.js';
-import { T as Tooltip } from './Tooltip-5lQyt5-Y.js';
+import { T as Text } from './Text-CI2prtf6.js';
+import { T as Tooltip } from './Tooltip-EOu0a93a.js';
 
 var labelAppearanceAccent = {
     accent: {
@@ -209,7 +209,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, children = props.children, label = props.label, labelTextWrap = props.labelTextWrap, cursor = props.cursor, dataTour = props.dataTour, mode = props.mode, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, label = props.label, labelTextWrap = props.labelTextWrap, cursor = props.cursor, dataTour = props.dataTour, mode = props.mode, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
     var tooltipRef = useRef(null);
     var onMouseEnterLabel = useCallback(function () {
         var _a;
@@ -224,10 +224,10 @@ function Label(props) {
         return (__assign(__assign({}, resultApperance), (_a = labelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error
     var labelStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "label_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "'word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), type && "label_type_".concat(type), mode && "label_mode_".concat(mode), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, size: labelTextSize, children: label })) : (jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsx(Tooltip, { className: "label__tooltip", appearance: tooltipAppearance, alignment: tooltipAlignment, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, arrowPosition: tooltipArrowPosition, ref: tooltipRef, children: tooltipContent }))] }), after] }));
+    return (jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "label_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "'word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), type && "label_type_".concat(type), mode && "label_mode_".concat(mode), isSkeleton && "label_skeleton", onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__text", size: labelTextSize, textColor: labelTextColor, textColorHover: labelTextColorHover, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "label__text", children: label })), children, showTooltip && (jsx(Tooltip, { className: "label__tooltip", appearance: tooltipAppearance, alignment: tooltipAlignment, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize, arrowPosition: tooltipArrowPosition, ref: tooltipRef, children: tooltipContent }))] }), after] }));
 }
 
 export { Label as L, labelAppearance as a, labelConfig as l };

package/dist/{Link-BnqN6ysn.js → Link-C04g00r2.js}

@@ -7,22 +7,26 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 
+var linkAppearance = {
+    dev: {},
+};
+
 var linkConfig = {
+    appearance: linkAppearance,
     LinkComponent: 'a',
+    setAppearance: function (appearanceConfig) {
+        linkConfig.appearance = appearanceConfig;
+    },
     setLinkComponent: function (newComponent) {
         linkConfig.LinkComponent = newComponent;
     },
 };
-// const linkConfig: iLinkConfig = {
-//   appearance: linkAppearance,
-//   setAppearance: (appearanceConfig) => {
-//     linkConfig.appearance = appearanceConfig
-//   },
-// }
 function Link(props) {
-    var className = props.className, children = props.children, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    // @ts-expect-error
-    var appearanceConfig = linkConfig.appearance && linkConfig.appearance[appearance];
+    var className = props.className, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultAppearance), (_a = linkConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
@@ -36,7 +40,7 @@ function Link(props) {
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, otherProps = tslib_es6.__rest(props, ["children", "Component", "DefaultComponent", "href", "rel", "target"]);
+    var Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, children = props.children, otherProps = tslib_es6.__rest(props, ["Component", "DefaultComponent", "href", "rel", "target", "children"]);
     if (href) {
         // If href passed, make link-wrapper
         var LinkComponent = Component || linkConfig.LinkComponent;
@@ -52,10 +56,13 @@ function LinkWrapper(props) {
     return React.Children.toArray(children)
         .filter(Boolean)
         .map(function (child) {
-        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
+        return React.isValidElement(child)
+            ? React.cloneElement(child, otherProps)
+            : child;
     });
 }
 
 exports.Link = Link;
 exports.LinkWrapper = LinkWrapper;
+exports.linkAppearance = linkAppearance;
 exports.linkConfig = linkConfig;

package/dist/{Link-DaKqf1pb.js → Link-Sr03Kia9.js}

@@ -1,26 +1,30 @@
-import { a as __rest, _ as __assign } from './tslib.es6-5FtW-kfi.js';
+import { b as __rest, _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 
+var linkAppearance = {
+    dev: {},
+};
+
 var linkConfig = {
+    appearance: linkAppearance,
     LinkComponent: 'a',
+    setAppearance: function (appearanceConfig) {
+        linkConfig.appearance = appearanceConfig;
+    },
     setLinkComponent: function (newComponent) {
         linkConfig.LinkComponent = newComponent;
     },
 };
-// const linkConfig: iLinkConfig = {
-//   appearance: linkAppearance,
-//   setAppearance: (appearanceConfig) => {
-//     linkConfig.appearance = appearanceConfig
-//   },
-// }
 function Link(props) {
-    var className = props.className, children = props.children, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    // @ts-expect-error
-    var appearanceConfig = linkConfig.appearance && linkConfig.appearance[appearance];
+    var className = props.className, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultAppearance), (_a = linkConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
@@ -34,7 +38,7 @@ function Link(props) {
 }
 // Wrapper with "Link" by condition
 function LinkWrapper(props) {
-    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "rel", "target"]);
+    var Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, children = props.children, otherProps = __rest(props, ["Component", "DefaultComponent", "href", "rel", "target", "children"]);
     if (href) {
         // If href passed, make link-wrapper
         var LinkComponent = Component || linkConfig.LinkComponent;
@@ -50,8 +54,10 @@ function LinkWrapper(props) {
     return React.Children.toArray(children)
         .filter(Boolean)
         .map(function (child) {
-        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
+        return React.isValidElement(child)
+            ? React.cloneElement(child, otherProps)
+            : child;
     });
 }
 
-export { LinkWrapper as L, Link as a, linkConfig as l };
+export { Link as L, LinkWrapper as a, linkAppearance as b, linkConfig as l };

package/dist/{Loader-VK3q7PBN.js → Loader-CRN4MAbm.js}

@@ -1,9 +1,9 @@
-import { _ as __assign } from './tslib.es6-5FtW-kfi.js';
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text-C6NSmetx.js';
+import { T as Text } from './Text-CI2prtf6.js';
 
 var loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{Loader-DdKHrLnw.js → Loader-rzo8nnRI.js}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text-C49zj3jO.js');
+var Text = require('./Text-CEcBg-F5.js');
 
 var loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{Overlay-CZixnXZ6.js → Overlay-CRIofShk.js}

@@ -1,3 +1,4 @@
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -14,9 +15,11 @@ var overlayConfig = {
     },
 };
 function Overlay(props) {
-    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick, dataTestId = props.dataTestId, dataTour = props.dataTour;
-    // @ts-expect-error
-    var appearanceConfig = overlayConfig.appearance && overlayConfig.appearance[appearance];
+    var className = props.className, type = props.type, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, isOverlay = props.isOverlay, onClick = props.onClick;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultAppearance), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillGradientClass = propsGenerator.fillGradientClass, opacityClass = propsGenerator.opacityClass;
     // @ts-expect-error

package/dist/{Overlay-Myen2mqz.js → Overlay-CZFSerUl.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -16,9 +17,11 @@ var overlayConfig = {
     },
 };
 function Overlay(props) {
-    var isOverlay = props.isOverlay, appearance = props.appearance, className = props.className, type = props.type, onClick = props.onClick, dataTestId = props.dataTestId, dataTour = props.dataTour;
-    // @ts-expect-error
-    var appearanceConfig = overlayConfig.appearance && overlayConfig.appearance[appearance];
+    var className = props.className, type = props.type, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, isOverlay = props.isOverlay, onClick = props.onClick;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultAppearance), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillGradientClass = propsGenerator.fillGradientClass, opacityClass = propsGenerator.opacityClass;
     // @ts-expect-error

package/dist/{Scrollbar-Bo7z7ELm.js → Scrollbar-CThJeCLF.js}

@@ -3,12 +3,12 @@ import clsx from 'clsx';
 import { Scrollbar as Scrollbar$1 } from 'react-scrollbars-custom';
 
 function Scrollbar(props) {
-    var children = props.children, className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll;
-    return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, style: { height: scrollHeight + 'px' }, contentProps: {
+    var className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll, children = props.children;
+    return (jsx(Scrollbar$1, { className: clsx('scrollbar', className), contentProps: {
             className: 'scrollbar__scroll-content',
-        }, scrollerProps: {
+        }, noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, scrollerProps: {
             className: 'scrollbar__scroll',
-        }, thumbXProps: {
+        }, style: { height: scrollHeight + 'px' }, thumbXProps: {
             className: 'scrollbar__track-x-item',
         }, thumbYProps: {
             className: 'scrollbar__track-y-item',

package/dist/{Scrollbar-CKbA0jQU.js → Scrollbar-DcKOfcNp.js}

@@ -5,12 +5,12 @@ var clsx = require('clsx');
 var reactScrollbarsCustom = require('react-scrollbars-custom');
 
 function Scrollbar(props) {
-    var children = props.children, className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll;
-    return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, style: { height: scrollHeight + 'px' }, contentProps: {
+    var className = props.className, noDefaultStyles = props.noDefaultStyles, scrollbarWidth = props.scrollbarWidth, _a = props.scrollHeight, scrollHeight = _a === void 0 ? '200' : _a, onScroll = props.onScroll, children = props.children;
+    return (jsxRuntime.jsx(reactScrollbarsCustom.Scrollbar, { className: clsx('scrollbar', className), contentProps: {
             className: 'scrollbar__scroll-content',
-        }, scrollerProps: {
+        }, noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, scrollerProps: {
             className: 'scrollbar__scroll',
-        }, thumbXProps: {
+        }, style: { height: scrollHeight + 'px' }, thumbXProps: {
             className: 'scrollbar__track-x-item',
         }, thumbYProps: {
             className: 'scrollbar__track-y-item',

package/dist/{Text-C49zj3jO.js → Text-CEcBg-F5.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -19,9 +20,11 @@ var textConfig = {
     },
 };
 function Text(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, children = props.children, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick;
-    // @ts-expect-error
-    var appearanceConfig = textConfig.appearance && textConfig.appearance[appearance];
+    var className = props.className, type = props.type, appearance = props.appearance, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultAppearance), (_a = textConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error

package/dist/{Text-C6NSmetx.js → Text-CI2prtf6.js}

@@ -1,3 +1,4 @@
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
@@ -17,9 +18,11 @@ var textConfig = {
     },
 };
 function Text(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, children = props.children, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick;
-    // @ts-expect-error
-    var appearanceConfig = textConfig.appearance && textConfig.appearance[appearance];
+    var className = props.className, type = props.type, appearance = props.appearance, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, mode = props.mode, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
+        var _a;
+        return (__assign(__assign({}, resultAppearance), (_a = textConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
+    }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error

package/dist/{Title-BLGDdlnX.js → Title-C4xUtigh.js}

@@ -4,6 +4,7 @@ var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
+require('./cjs/context/Notifications.js');
 var UIContext = require('./cjs/context/UIContext.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
@@ -22,7 +23,7 @@ var titleConfig = {
 };
 function Title(props) {
     var className = props.className, appearance = props.appearance, _a = props.size, size = _a === void 0 ? 'h3' : _a, text = props.text, textWrap = props.textWrap, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var _c = UIContext.useUserDeviceContext(), isDesktop = _c.isDesktop, isMobile = _c.isMobile, isTablet = _c.isTablet;
+    var _c = UIContext.useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultAppearance), (_a = titleConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
@@ -46,7 +47,16 @@ function Title(props) {
             return sizeDesktop;
         }
         return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
+    }, [
+        tag,
+        isMobile,
+        sizeMobile,
+        isTablet,
+        sizeTablet,
+        isDesktop,
+        sizeDesktop,
+        size,
+    ]);
     return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 

package/dist/{Title-Byi9vhDt.js → Title-CaXw1KBQ.js}

@@ -1,7 +1,8 @@
-import { _ as __assign } from './tslib.es6-5FtW-kfi.js';
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
+import './context/Notifications.js';
 import { useUserDeviceContext } from './context/UIContext.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
@@ -20,7 +21,7 @@ var titleConfig = {
 };
 function Title(props) {
     var className = props.className, appearance = props.appearance, _a = props.size, size = _a === void 0 ? 'h3' : _a, text = props.text, textWrap = props.textWrap, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var _c = useUserDeviceContext(), isDesktop = _c.isDesktop, isMobile = _c.isMobile, isTablet = _c.isTablet;
+    var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultAppearance, appearance) {
         var _a;
         return (__assign(__assign({}, resultAppearance), (_a = titleConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
@@ -44,7 +45,16 @@ function Title(props) {
             return sizeDesktop;
         }
         return size ? size : 'span';
-    }, [isMobile, isTablet, isDesktop]);
+    }, [
+        tag,
+        isMobile,
+        sizeMobile,
+        isTablet,
+        sizeTablet,
+        isDesktop,
+        sizeDesktop,
+        size,
+    ]);
     return (jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
 }
 

package/dist/{Tooltip-5lQyt5-Y.js → Tooltip-EOu0a93a.js}

@@ -1,27 +1,27 @@
-import { _ as __assign } from './tslib.es6-5FtW-kfi.js';
+import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useRef, useState, useCallback, useImperativeHandle } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text-C6NSmetx.js';
-import { T as Title } from './Title-Byi9vhDt.js';
+import { T as Text } from './Text-CI2prtf6.js';
+import { T as Title } from './Title-CaXw1KBQ.js';
 
 var tooltipAppearance = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
 };
 
@@ -32,7 +32,7 @@ var tooltipConfig = {
     },
 };
 var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, children = props.children, text = props.text, title = props.title, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set;
+    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, title = props.title, text = props.text, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set, children = props.children;
     var tooltipElementRef = useRef(null);
     var tooltipTimeoutHideRef = useRef(null);
     var tooltipTimeoutShowRef = useRef(null);
@@ -83,11 +83,11 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
         return (__assign(__assign({}, resultApperance), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var tooltipStyles = useStyles(props).styles;
     return (jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition &&
-            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", textColor: titleTextColor, textWeight: titleTextWeight, size: titleSize, children: title })), text && (jsx(Text, { className: "tooltip__text", textColor: textColor, size: textSize, children: text })), children] }), after] }));
+            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxs("div", { className: "tooltip__inner", children: [title && (jsx(Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsx(Text, { className: "tooltip__text", size: textSize, textColor: textColor, children: text })), children] }), after] }));
 });
 
 export { Tooltip as T, tooltipAppearance as a, tooltipConfig as t };

package/dist/{Tooltip-DRta8lK_.js → Tooltip-Lhx-Fefx.js}

@@ -6,24 +6,24 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text-C49zj3jO.js');
-var Title = require('./Title-BLGDdlnX.js');
+var Text = require('./Text-CEcBg-F5.js');
+var Title = require('./Title-C4xUtigh.js');
 
 var tooltipAppearance = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
         titleTextColor: 'surfaceTextPrimary',
+        textColor: 'surfaceTextPrimary',
     },
 };
 
@@ -34,7 +34,7 @@ var tooltipConfig = {
     },
 };
 var Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, children = props.children, text = props.text, title = props.title, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set;
+    var className = props.className, type = props.type, appearance = props.appearance, alignPosition = props.alignPosition, initialIsVisible = props.initialIsVisible, title = props.title, text = props.text, arrowPosition = props.arrowPosition, before = props.before, after = props.after, _a = props.openTimeoutDelay, openTimeoutDelay = _a === void 0 ? 500 : _a, _b = props.closeTimeoutDelay, closeTimeoutDelay = _b === void 0 ? 250 : _b, set = props.set, children = props.children;
     var tooltipElementRef = React.useRef(null);
     var tooltipTimeoutHideRef = React.useRef(null);
     var tooltipTimeoutShowRef = React.useRef(null);
@@ -85,11 +85,11 @@ var Tooltip = React.forwardRef(function Tooltip(props, ref) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultApperance), (_a = tooltipConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, titleSize = propsGenerator.titleSize, titleTextColor = propsGenerator.titleTextColor, titleTextWeight = propsGenerator.titleTextWeight, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, elevationClass = propsGenerator.elevationClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var tooltipStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass && "fill_".concat(fillClass), shapeClass && "tooltip_shape_".concat(shapeClass), alignPosition && "tooltip_align-position_".concat(alignPosition), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), alignmentClass && "alignment_".concat(alignmentClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), sizeClass && "tooltip_size_".concat(sizeClass), arrowPosition &&
-            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", textColor: titleTextColor, textWeight: titleTextWeight, size: titleSize, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", textColor: textColor, size: textSize, children: text })), children] }), after] }));
+            "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass && "width_".concat(widthClass)), ref: tooltipElementRef, style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor, children: text })), children] }), after] }));
 });
 
 exports.Tooltip = Tooltip;