@itcase/ui 1.9.65 → 1.9.67

package/dist/components/Textarea/Textarea.appearance.js

@@ -1,19 +0,0 @@
-import { textareaAppearanceDefault } from './appearance/textareaDefault';
-import { textareaAppearanceDisabled } from './appearance/textareaDisabled';
-import { textareaAppearanceError } from './appearance/textareaError';
-import { textareaAppearanceRequire } from './appearance/textareaRequire';
-import { textareaAppearanceShape } from './appearance/textareaShape';
-import { textareaAppearanceSize } from './appearance/textareaSize';
-import { textareaAppearanceStyle } from './appearance/textareaStyle';
-import { textareaAppearanceSuccess } from './appearance/textareaSuccess';
-const textareaAppearance = {
-    ...textareaAppearanceDefault,
-    ...textareaAppearanceShape,
-    ...textareaAppearanceError,
-    ...textareaAppearanceSuccess,
-    ...textareaAppearanceRequire,
-    ...textareaAppearanceDisabled,
-    ...textareaAppearanceSize,
-    ...textareaAppearanceStyle,
-};
-export { textareaAppearance };

package/dist/components/Textarea/Textarea.interface.js

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

package/dist/components/Textarea/Textarea.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { textareaAppearance } from './Textarea.appearance';
-const textareaConfig = {
-    appearance: textareaAppearance,
-    setAppearance: (appearanceConfig) => {
-        textareaConfig.appearance = appearanceConfig;
-    },
-};
-function Textarea(props) {
-    const { id, appearance, className, dataTestId, dataTour, name, placeholder, value, isDisabled, onBlur, onChange, onFocus, onKeyDown, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, textareaConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderHoverClass, borderWidthClass, textColorClass, textSizeClass, textWeightClass, caretClass, placeholderTextColorClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    return (_jsx("div", { className: clsx('textarea', className, sizeClass && `textarea_size_${sizeClass}`), "data-tour": dataTour, children: _jsx("textarea", { id: id, className: clsx('textarea__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && `caret-color_${caretClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderHoverClass && `border-color_hover_${borderHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, placeholderTextColorClass &&
-                `placeholder-text-color_${placeholderTextColorClass}`, textSizeClass && `text_size_${textSizeClass}`, textColorClass && `text-color_${textColorClass}`, textWeightClass && `text-weight_${textWeightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId || (name ? `${name}-textarea` : 'textarea'), disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }) }));
-}
-export { Textarea, textareaConfig };

package/dist/components/Textarea/appearance/textareaDefault.js

@@ -1,33 +0,0 @@
-const textareaAppearanceDefault = {
-    defaultPrimary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverTertiary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    defaultQuaternary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    defaultSecondary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverTertiary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    defaultTertiary: {
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-};
-export { textareaAppearanceDefault };

package/dist/components/Textarea/appearance/textareaDisabled.js

@@ -1,18 +0,0 @@
-const textareaAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'errorBorderQuaternary',
-        borderColorHover: 'errorBorderHoverQuaternary',
-        textColor: 'surfaceTextQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
-};
-export { textareaAppearanceDisabled };

package/dist/components/Textarea/appearance/textareaError.js

@@ -1,18 +0,0 @@
-const textareaAppearanceError = {
-    errorPrimary: {
-        fill: 'errorTertiary',
-        borderColor: 'errorBorderQuaternary',
-        borderColorHover: 'errorBorderHoverQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    errorSecondary: {
-        fill: 'errorSecondary',
-        borderColor: 'errorBorderTertiary',
-        borderColorHover: 'errorBorderHoverQuaternary',
-        iconClearFill: 'errorItemPrimary',
-        placeholderTextColor: 'errorTextSecondary',
-    },
-};
-export { textareaAppearanceError };

package/dist/components/Textarea/appearance/textareaRequire.js

@@ -1,18 +0,0 @@
-const textareaAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        borderColorHover: 'warningBorderHoverQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconClearFill: 'warningItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
-};
-export { textareaAppearanceRequire };

package/dist/components/Textarea/appearance/textareaShape.js

@@ -1,25 +0,0 @@
-const textareaAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { textareaAppearanceShape };

package/dist/components/Textarea/appearance/textareaSize.js

@@ -1,31 +0,0 @@
-const textareaAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        textSize: 'l',
-    },
-    sizeXL: {
-        size: 'xl',
-        textSize: 's',
-    },
-    sizeL: {
-        size: 'l',
-        textSize: 's',
-    },
-    sizeM: {
-        size: 'm',
-        textSize: 'm',
-    },
-    sizeS: {
-        size: 's',
-        textSize: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-        textSize: 's',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        textSize: 's',
-    },
-};
-export { textareaAppearanceSize };

package/dist/components/Textarea/appearance/textareaStyle.js

@@ -1,16 +0,0 @@
-const textareaAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-        borderColorHover: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-        borderColorHover: 'none',
-    },
-};
-export { textareaAppearanceStyle };

package/dist/components/Textarea/appearance/textareaSuccess.js

@@ -1,19 +0,0 @@
-const textareaAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successTertiary',
-        fillHover: 'successHoverTertiary',
-        borderColor: 'successBorderQuaternary',
-        borderColorHover: 'successBorderHoverQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconClearFill: 'successItemPrimary',
-        placeholderTextColor: 'surfaceTextQuaternary',
-    },
-    successSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderHoverQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
-        placeholderTextColor: 'surfaceTextSecondary',
-    },
-};
-export { textareaAppearanceSuccess };

package/dist/components/Textarea/index.js

@@ -1,2 +0,0 @@
-export { Textarea, textareaConfig } from './Textarea';
-export { textareaAppearance } from './Textarea.appearance';

package/dist/components/Tile/Tile.appearance.js

@@ -1,11 +0,0 @@
-import { tileAppearanceShape } from './appearance/tileShape';
-import { tileAppearanceSize } from './appearance/tileSize';
-import { tileAppearanceStyle } from './appearance/tileStyle';
-import { tileAppearanceSurface } from './appearance/tileSurface';
-const tileAppearance = {
-    ...tileAppearanceShape,
-    ...tileAppearanceSize,
-    ...tileAppearanceStyle,
-    ...tileAppearanceSurface,
-};
-export { tileAppearance };

package/dist/components/Tile/Tile.interface.js

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

package/dist/components/Tile/Tile.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { mergeAppearanceKeys } from 'src/utils';
-import { useAppearanceConfig } from '../../hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from '../../hooks/useDevicePropsGenerator';
-import { useStyles } from '../../hooks/useStyles';
-import { Badge } from '../Badge/Badge';
-import { Icon } from '../Icon';
-import { Text } from '../Text';
-import { Title } from '../Title';
-import { tileAppearance } from './Tile.appearance';
-const tileConfig = {
-    appearance: tileAppearance,
-    setAppearance: (appearanceConfig) => {
-        tileConfig.appearance = appearanceConfig;
-    },
-};
-function Tile(props) {
-    const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, iconClick, before, after, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, tileConfig);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: tileStyles } = useStyles(props);
-    return (_jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: _jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, _jsxs("div", { className: "tile__header", children: [_jsxs("div", { className: "tile__header-inner", children: [title && (_jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (_jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), _jsxs("div", { className: "tile__header-actions", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
-}
-export { Tile, tileConfig };

package/dist/components/Tile/appearance/tileShape.js

@@ -1,25 +0,0 @@
-const tileAppearanceShape = {
-    circular: {
-        shape: 'circular',
-    },
-    rounded: {
-        shape: 'rounded',
-    },
-    roundedXL: {
-        shape: 'rounded',
-        shapeStrength: '2m',
-    },
-    roundedL: {
-        shape: 'rounded',
-        shapeStrength: '1_5m',
-    },
-    roundedM: {
-        shape: 'rounded',
-        shapeStrength: '1m',
-    },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-};
-export { tileAppearanceShape };

package/dist/components/Tile/appearance/tileSize.js

@@ -1,51 +0,0 @@
-const tileAppearanceSize = {
-    sizeXL: {
-        size: 'xl',
-        titleTextSize: 'h4',
-        descTextSize: 'l',
-        badgeAppearanceSize: 'sizeM',
-        iconFillSize: '32',
-        iconSize: '24',
-    },
-    sizeL: {
-        size: 'l',
-        titleTextSize: 'h4',
-        descTextSize: 'l',
-        badgeAppearanceSize: 'sizeM',
-        iconFillSize: '24',
-        iconSize: '24',
-    },
-    sizeM: {
-        size: 'm',
-        titleTextSize: 'h4',
-        descTextSize: 'm',
-        badgeAppearanceSize: 'sizeM',
-        iconFillSize: '24',
-        iconSize: '24',
-    },
-    sizeS: {
-        size: 's',
-        titleTextSize: 'h4',
-        descTextSize: 's',
-        badgeAppearanceSize: 'sizeM',
-        iconFillSize: '24',
-        iconSize: '24',
-    },
-    sizeXS: {
-        size: 'xs',
-        titleTextSize: 'h6',
-        descTextSize: 'xs',
-        badgeAppearanceSize: 'sizeXXS',
-        iconFillSize: '12',
-        iconSize: '12',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        titleTextSize: 'h6',
-        descTextSize: 'xs',
-        badgeAppearanceSize: 'sizeXXS',
-        iconFillSize: '12',
-        iconSize: '12',
-    },
-};
-export { tileAppearanceSize };

package/dist/components/Tile/appearance/tileStyle.js

@@ -1,14 +0,0 @@
-const tileAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {},
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-export { tileAppearanceStyle };

package/dist/components/Tile/appearance/tileSurface.js

@@ -1,35 +0,0 @@
-const tileAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        badgeAppearance: 'accentPrimary',
-        iconAppearance: 'accentPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        badgeAppearance: 'accentPrimary',
-        iconAppearance: 'accentPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        badgeAppearance: 'accentPrimary',
-        iconAppearance: 'accentPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        titleTextColor: 'surfaceTextPrimary',
-        descTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderTertiary',
-        badgeAppearance: 'accentPrimary',
-        iconAppearance: 'accentPrimary',
-    },
-};
-export { tileAppearanceSurface };

package/dist/components/Tile/index.js

@@ -1,2 +0,0 @@
-export { Tile, tileConfig } from './Tile';
-export { tileAppearance } from './Tile.appearance';

package/dist/components/Title/Title.appearance.js

@@ -1,29 +0,0 @@
-import { titleAppearanceAccent } from './appearance/titleAccent';
-import { titleAppearanceDanger } from './appearance/titleDanger';
-import { titleAppearanceDisabled } from './appearance/titleDisabled';
-import { titleAppearanceError } from './appearance/titleError';
-import { titleAppearanceExtra } from './appearance/titleExtra';
-import { titleAppearanceInfo } from './appearance/titleInfo';
-import { titleAppearanceRequire } from './appearance/titleRequire';
-import { titleAppearanceSize } from './appearance/titleSize';
-import { titleAppearanceSpecial } from './appearance/titleSpecial';
-import { titleAppearanceStyle } from './appearance/titleStyle';
-import { titleAppearanceSuccess } from './appearance/titleSuccess';
-import { titleAppearanceSurface } from './appearance/titleSurface';
-import { titleAppearanceWarning } from './appearance/titleWarning';
-const titleAppearance = {
-    ...titleAppearanceSize,
-    ...titleAppearanceDisabled,
-    ...titleAppearanceStyle,
-    ...titleAppearanceAccent,
-    ...titleAppearanceDanger,
-    ...titleAppearanceError,
-    ...titleAppearanceInfo,
-    ...titleAppearanceSpecial,
-    ...titleAppearanceExtra,
-    ...titleAppearanceSuccess,
-    ...titleAppearanceSurface,
-    ...titleAppearanceWarning,
-    ...titleAppearanceRequire,
-};
-export { titleAppearance };

package/dist/components/Title/Title.interface.js

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

package/dist/components/Title/Title.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import clsx from 'clsx';
-import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
-import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
-import { useStyles } from 'src/hooks/useStyles';
-import { Icon } from 'src/components/Icon';
-import { titleAppearance } from './Title.appearance';
-const titleConfig = {
-    appearance: titleAppearance,
-    setAppearance: (appearanceConfig) => {
-        titleConfig.appearance = appearanceConfig;
-    },
-};
-function Title(props) {
-    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, onClickIconAfter, onClickIconBefore, } = propsGenerator;
-    const { styles: titleStyles, wrapper: titleWrapperStyles } = useStyles(props);
-    const Tag = useMemo(() => {
-        if (tag) {
-            return tag;
-        }
-        return size ? size : 'span';
-    }, [tag, size]);
-    return (_jsxs(Tag, { className: clsx(className, 'title', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, size && `title_size_${size}`, directionClass && `title_direction_${directionClass}`, isDisabled &&
-            textColorDisabledClass &&
-            `text-color_${textColorDisabledClass}`, !isActive &&
-            !isDisabled &&
-            textColorClass &&
-            `text text-color_${textColorClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, !isActive &&
-            !isDisabled &&
-            textColorHoverClass &&
-            `text-color_hover_${textColorHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveHoverClass &&
-            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, _jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore, onClick: onClickIconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter, onClick: onClickIconAfter }))] }), after] }));
-}
-export { Title, titleConfig };

package/dist/components/Title/appearance/titleAccent.js

@@ -1,11 +0,0 @@
-const titleAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-};
-export { titleAppearanceAccent };

package/dist/components/Title/appearance/titleDanger.js

@@ -1,7 +0,0 @@
-const titleAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-    },
-};
-export { titleAppearanceDanger };

package/dist/components/Title/appearance/titleDisabled.js

@@ -1,16 +0,0 @@
-const titleAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfacePrimary',
-        borderColor: 'errorBorderQuaternary',
-        borderHover: 'errorBorderHoverQuaternary',
-        textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderHoverQuaternary',
-        iconBeforeFill: 'surfaceQuaternary',
-    },
-};
-export { titleAppearanceDisabled };

package/dist/components/Title/appearance/titleError.js

@@ -1,9 +0,0 @@
-const titleAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        textColor: 'errorTextPrimary',
-        textColorHover: 'errorTextPrimary',
-    },
-};
-export { titleAppearanceError };

package/dist/components/Title/appearance/titleExtra.js

@@ -1,8 +0,0 @@
-const titleAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        textColor: 'extraTextPrimary',
-    },
-};
-export { titleAppearanceExtra };

package/dist/components/Title/appearance/titleInfo.js

@@ -1,11 +0,0 @@
-const titleAppearanceInfo = {
-    infoPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-    },
-};
-export { titleAppearanceInfo };

package/dist/components/Title/appearance/titleRequire.js

@@ -1,16 +0,0 @@
-const titleAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        borderHover: 'warningBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningQuaternary',
-    },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceQuaternary',
-    },
-};
-export { titleAppearanceRequire };

package/dist/components/Title/appearance/titleSize.js

@@ -1,45 +0,0 @@
-const titleAppearanceSize = {
-    h1: {
-        size: 'h1',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h2: {
-        size: 'h2',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h3: {
-        size: 'h3',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h4: {
-        size: 'h4',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    h5: {
-        size: 'h5',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
-    },
-    h6: {
-        size: 'h6',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
-    },
-};
-export { titleAppearanceSize };

package/dist/components/Title/appearance/titleSpecial.js

@@ -1,7 +0,0 @@
-const titleAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-    },
-};
-export { titleAppearanceSpecial };