@itcase/ui 1.8.13 → 1.8.16

package/dist/Badge_es_uDX0eyDM.js

@@ -1,223 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_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 { I as Icon } from './Icon_es_B0sySEUu.js';
-import { T as Text } from './Text_es_FJGduy7Z.js';
-
-var badgeAppearanceAccent = {
-    accent: {
-        dotFill: 'accentItemPrimary',
-        iconFill: 'accentItemPrimary',
-    },
-    accentPrimary: {
-        dotFill: 'accentItemPrimary',
-    },
-    accentQuaternary: {
-        dotFill: 'accentItemPrimary',
-    },
-    accentSecondary: {
-        dotFill: 'accentItemPrimary',
-    },
-    accentTertiary: {
-        dotFill: 'accentItemPrimary',
-    },
-};
-
-var badgeAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerPrimary',
-        borderColor: 'dangerBorderPrimary',
-        textColor: 'dangerTextSecondary',
-        dotFill: 'dangerItemPrimary',
-        iconFill: 'dangerItemPrimary',
-    },
-};
-
-var badgeAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-        iconFill: 'errorItemPrimary',
-        loaderFill: 'errorPrimary',
-        loaderItemFill: 'errorItemPrimary',
-    },
-};
-
-var badgeAppearanceInfo = {
-    info: {
-        fill: 'infoPrimary',
-        fillHover: 'infoPrimaryHover',
-        borderColor: 'infoBorderSecondary',
-        textColor: 'infoTextPrimary',
-        dotFill: 'infoItemPrimary',
-        iconFill: 'infoItemPrimary',
-    },
-    infoSecondary: {
-        fill: 'infoSecondary',
-        fillHover: 'infoSecondaryHover',
-        borderColor: 'infoBorderSecondary',
-        textColor: 'infoTextSecondary',
-        dotFill: 'infoItemSecondary',
-    },
-};
-
-var badgeAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        borderColor: 'primaryBorderSecondary',
-        textColor: 'primaryTextPrimary',
-        dotFill: 'primaryItemPrimary',
-        iconFill: 'primaryItemPrimary',
-    },
-};
-
-var badgeAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        borderColor: 'secondaryBorderSecondary',
-        textColor: 'secondaryTextPrimary',
-        dotFill: 'secondaryItemPrimary',
-        iconFill: 'secondaryItemPrimary',
-    },
-};
-
-var badgeAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        textSize: 'xl',
-        iconSize: 24,
-    },
-    sizeXL: {
-        size: 'xl',
-        textSize: 'l',
-    },
-    sizeL: {
-        size: 'l',
-        textSize: 'l',
-    },
-    sizeM: {
-        size: 'm',
-        textSize: 'm',
-    },
-    sizeS: {
-        size: 's',
-        textSize: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-        textSize: 'xs',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        textSize: 'xs',
-    },
-};
-
-var badgeAppearanceStyle = {
-    full: {
-        borderColor: null,
-    },
-    ghost: {
-        fill: null,
-        borderColor: null,
-    },
-    outlined: {
-        fill: null,
-    },
-    solid: {
-        borderColor: null,
-    },
-};
-
-var badgeAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
-        borderColor: 'successBorderPrimary',
-        textColor: 'successTextPrimary',
-        dotFill: 'successItemPrimary',
-        iconFill: 'successItemPrimary',
-    },
-};
-
-var badgeAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-        dotFill: 'surfaceItemPrimary',
-        iconFill: 'surfaceItemPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'accentPrimary',
-        fillHover: 'surfaceTertiaryHover',
-        borderColor: 'surfaceBorderPrimary',
-        textColor: 'surfaceTextInverse',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
-        borderColor: 'surfaceBorderSecondary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        borderColor: 'surfaceBorderTertiary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var badgeAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimary',
-        borderColor: 'warningBorderPrimary',
-        textColor: 'warningTextSecondary',
-        dotFill: 'warningItemPrimary',
-        iconFill: 'warningItemPrimary',
-    },
-};
-
-var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceSurface), badgeAppearanceWarning);
-
-var badgeConfig = {
-    appearance: badgeAppearance,
-    setAppearance: function (appearanceConfig) {
-        badgeConfig.appearance = appearanceConfig;
-    },
-};
-function Badge(props) {
-    var className = props.className, appearance = props.appearance, dot = props.dot, icon = props.icon, iconSrc = props.iconSrc, value = props.value, isSkeleton = props.isSkeleton, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, _a = propsGenerator.shapeClass, shapeClass = _a === void 0 ? 'rounded' : _a, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b;
-    // @ts-expect-error
-    var badgeStyles = useStyles(props).styles;
-    var badgeTypeClass = value
-        ? icon
-            ? dot
-                ? 'badge_type_dot-icon-counter'
-                : 'badge_type_icon-counter'
-            : 'badge_type_counter'
-        : icon
-            ? 'badge_type_icon'
-            : dot
-                ? 'badge_type_dot'
-                : 'badge_type_fill';
-    return (jsxs("div", { className: clsx(className, 'badge', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass), badgeTypeClass, isSkeleton && 'badge_skeleton'), style: badgeStyles, children: [dot && (jsx("div", { className: clsx('badge__dot', dotFillClass && "svg_fill_".concat(dotFillClass)), children: jsx("svg", { width: "6", height: "6", viewBox: "0 0 6 6", xmlns: "http://www.w3.org/2000/svg", children: jsx("rect", { width: "6", height: "6", rx: "50" }) }) })), icon && (jsx(Icon, { className: "badge__icon", size: iconSize, iconFill: iconFill, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), children ||
-                (value && (jsx(Text, { className: "badge__value", size: textSize, textColor: textColor, children: value })))] }));
-}
-
-export { Badge as B, badgeConfig as a, badgeAppearance as b };

package/dist/Divider_cjs_DakITdTv.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-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 dividerAppearance = {
-    dev: {},
-};
-
-var dividerConfig = {
-    appearance: dividerAppearance,
-    setAppearance: function (appearanceConfig) {
-        dividerConfig.appearance = appearanceConfig;
-    },
-};
-function Divider(props) {
-    var className = props.className, appearance = props.appearance;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = dividerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'xs' : _a, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var hrStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
-}
-
-exports.Divider = Divider;
-exports.dividerAppearance = dividerAppearance;
-exports.dividerConfig = dividerConfig;

package/dist/Divider_es_CWsDM2Rm.js

@@ -1,30 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-var dividerAppearance = {
-    dev: {},
-};
-
-var dividerConfig = {
-    appearance: dividerAppearance,
-    setAppearance: function (appearanceConfig) {
-        dividerConfig.appearance = appearanceConfig;
-    },
-};
-function Divider(props) {
-    var className = props.className, appearance = props.appearance;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = dividerConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, _a = propsGenerator.sizeClass, sizeClass = _a === void 0 ? 'xs' : _a, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var hrStyles = useStyles(props).styles;
-    return (jsx("hr", { className: clsx(className, 'divider', widthClass && "width_".concat(widthClass), directionClass && "divider_direction_".concat(directionClass), sizeClass && "divider_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass)), style: hrStyles }));
-}
-
-export { Divider as D, dividerAppearance as a, dividerConfig as d };

package/dist/Icon_cjs_BaWMPaAR.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var SVG = require('react-inlinesvg');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Link = require('./Link_cjs_yht44xJv.js');
-var Tooltip = require('./Tooltip_cjs_CY4HOzhz.js');
-
-var iconAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        fillSize: 40,
-        iconFill: 'accentItemPrimary',
-        iconSize: 24,
-        imageSrc: 'img/filter.svg',
-    },
-};
-
-var iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: function (appearanceConfig) {
-        iconConfig.appearance = appearanceConfig;
-    },
-};
-var Icon = React.forwardRef(function Icon(props, ref) {
-    // TODO: Tooltip doesn't work that anymore
-    // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, className = props.className, width = props.width, height = props.height, Badge = props.Badge, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
-    var ImageComponent = React.useMemo(function () {
-        if (SvgImage) {
-            var sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, sizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
-            }
-            return jsxRuntime.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, width, height, imageSrc]);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, cursorClass = propsGenerator.cursorClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass;
-    // @ts-expect-error
-    var iconStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'icon', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillSizeClass && "icon_fill_size_".concat(fillSizeClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), iconFillClass && "icon_fill_".concat(iconFillClass), iconFillHoverClass && "icon_fill_hover_".concat(iconFillHoverClass), iconFillDisabledClass && "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), Badge && 'icon_type_with-badge', onClick && cursorClass && "cursor_".concat(cursorClass)), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
-});
-var removeFillStroke = function (code) {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/stroke=".*?"/g, 'stroke=""');
-};
-
-exports.Icon = Icon;
-exports.iconAppearance = iconAppearance;
-exports.iconConfig = iconConfig;

package/dist/Icon_es_B0sySEUu.js

@@ -1,63 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useMemo } from 'react';
-import clsx from 'clsx';
-import SVG from 'react-inlinesvg';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from './Link_es_DkW06IM-.js';
-import { T as Tooltip } from './Tooltip_es_B9hN4Zlm.js';
-
-var iconAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        fillSize: 40,
-        iconFill: 'accentItemPrimary',
-        iconSize: 24,
-        imageSrc: 'img/filter.svg',
-    },
-};
-
-var iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: function (appearanceConfig) {
-        iconConfig.appearance = appearanceConfig;
-    },
-};
-var Icon = React.forwardRef(function Icon(props, ref) {
-    // TODO: Tooltip doesn't work that anymore
-    // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, className = props.className, width = props.width, height = props.height, Badge = props.Badge, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, before = props.before, after = props.after, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
-    var ImageComponent = useMemo(function () {
-        if (SvgImage) {
-            var sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return jsx(SvgImage, __assign({}, sizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsx(SVG, { src: imageSrc, preProcessor: removeFillStroke });
-            }
-            return jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, width, height, imageSrc]);
-    var propsGenerator = useDevicePropsGenerator(props);
-    var alignmentClass = propsGenerator.alignmentClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, cursorClass = propsGenerator.cursorClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass;
-    // @ts-expect-error
-    var iconStyles = useStyles(props).styles;
-    return (jsxs("div", { id: id, className: clsx(className, 'icon', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillSizeClass && "icon_fill_size_".concat(fillSizeClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), iconFillClass && "icon_fill_".concat(iconFillClass), iconFillHoverClass && "icon_fill_hover_".concat(iconFillHoverClass), iconFillDisabledClass && "icon_fill_disabled_".concat(iconFillDisabledClass), shapeClass && "icon_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), Badge && 'icon_type_with-badge', onClick && cursorClass && "cursor_".concat(cursorClass)), "data-tour": dataTour, ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass && "icon_size_".concat(iconSizeClass)), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass && "alignment_".concat(alignmentClass)), appearance: tooltipAppearance, title: tooltipTitle, titleSize: tooltipTitleSize, text: tooltipText, textSize: tooltipTextSize }))] }), after] }));
-});
-var removeFillStroke = function (code) {
-    return code
-        .replace(/fill=".*?"/g, 'fill=""')
-        .replace(/stroke=".*?"/g, 'stroke=""');
-};
-
-export { Icon as I, iconAppearance as a, iconConfig as i };

package/dist/Overlay_cjs_BTSfcGrM.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-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 overlayAppearance = {
-    dev: {},
-};
-
-var overlayConfig = {
-    appearance: overlayAppearance,
-    setAppearance: function (appearanceConfig) {
-        overlayConfig.appearance = appearanceConfig;
-    },
-};
-function Overlay(props) {
-    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 (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillGradientClass = propsGenerator.fillGradientClass, opacityClass = propsGenerator.opacityClass;
-    var overlayStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-
-exports.Overlay = Overlay;
-exports.overlayAppearance = overlayAppearance;
-exports.overlayConfig = overlayConfig;

package/dist/Overlay_es_CR7d-ISF.js

@@ -1,29 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-var overlayAppearance = {
-    dev: {},
-};
-
-var overlayConfig = {
-    appearance: overlayAppearance,
-    setAppearance: function (appearanceConfig) {
-        overlayConfig.appearance = appearanceConfig;
-    },
-};
-function Overlay(props) {
-    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 (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = overlayConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillGradientClass = propsGenerator.fillGradientClass, opacityClass = propsGenerator.opacityClass;
-    var overlayStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'overlay', opacityClass && "opacity_".concat(opacityClass), isOverlay && 'overlay_state_visible', type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), fillGradientClass && "fill-gradient_".concat(fillGradientClass)), "data-testid": dataTestId, "data-tour": dataTour, style: overlayStyles, onClick: onClick, children: "\u00A0" }));
-}
-
-export { Overlay as O, overlayAppearance as a, overlayConfig as o };

package/dist/Title_cjs_ByPcFb15.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-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 titleAppearance = {
-    dev: {
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: function (appearanceConfig) {
-        titleConfig.appearance = appearanceConfig;
-    },
-};
-function Title(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = titleConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, dataTestId = propsGenerator.dataTestId, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
-    // @ts-expect-error
-    var _b = useStyles.useStyles(props), titleStyles = _b.styles, titleWrapperStyles = _b.wrapper;
-    // Element type (h1, h2, ..., h6)
-    var Tag = React.useMemo(function () {
-        if (tag) {
-            return tag;
-        }
-        return size ? size : 'span';
-    }, [tag, 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] }));
-}
-
-exports.Title = Title;
-exports.titleAppearance = titleAppearance;
-exports.titleConfig = titleConfig;

package/dist/Title_es_eejUqSJf.js

@@ -1,40 +0,0 @@
-import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-var titleAppearance = {
-    dev: {
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: function (appearanceConfig) {
-        titleConfig.appearance = appearanceConfig;
-    },
-};
-function Title(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = titleConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, dataTestId = propsGenerator.dataTestId, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
-    // @ts-expect-error
-    var _b = useStyles(props), titleStyles = _b.styles, titleWrapperStyles = _b.wrapper;
-    // Element type (h1, h2, ..., h6)
-    var Tag = useMemo(function () {
-        if (tag) {
-            return tag;
-        }
-        return size ? size : 'span';
-    }, [tag, 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] }));
-}
-
-export { Title as T, titleAppearance as a, titleConfig as t };