@itcase/ui 1.9.58 → 1.9.60

package/dist/Link_cjs_Dn7UhCYe.js

@@ -1,277 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-
-const linkAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-    },
-};
-
-const linkAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-    },
-};
-
-const linkAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfaceDisabled',
-        borderColor: 'errorBorderQuaternary',
-        textColor: 'surfaceTextQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderQuaternary',
-    },
-};
-
-const linkAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-    },
-};
-
-const linkAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextPrimary',
-    },
-};
-
-const linkAppearanceInfo = {
-    infoPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-};
-
-const linkAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-    },
-};
-
-const linkAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xxl',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '14',
-        iconAfterSize: '14',
-        iconBeforeFillSize: '14',
-        iconBeforeSize: '14',
-    },
-};
-
-const linkAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextPrimary',
-    },
-};
-
-const linkAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {
-        borderColor: 'none',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const linkAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextSecondary',
-        labelTextColorHover: 'successTextSecondary',
-    },
-};
-
-const linkAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverPrimary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHoverQuaternary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceHoverTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-};
-
-const linkAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-    },
-};
-
-const linkAppearance = {
-    ...linkAppearanceSize,
-    ...linkAppearanceDisabled,
-    ...linkAppearanceRequire,
-    ...linkAppearanceStyle,
-    ...linkAppearanceAccent,
-    ...linkAppearanceDanger,
-    ...linkAppearanceError,
-    ...linkAppearanceInfo,
-    ...linkAppearanceSpecial,
-    ...linkAppearanceExtra,
-    ...linkAppearanceSuccess,
-    ...linkAppearanceSurface,
-    ...linkAppearanceWarning,
-};
-
-const linkConfig = {
-    appearance: linkAppearance,
-    LinkComponent: 'a',
-    setAppearance: (appearanceConfig) => {
-        linkConfig.appearance = appearanceConfig;
-    },
-    setLinkComponent: (newComponent) => {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    const { appearance, className, dataTestId, dataTour, text, href, link, LinkComponent, rel, style, target, before, after, isDisabled, onClick, onMouseDown, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, children, } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
-    const { styles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            textWeightClass) &&
-            'text', textColorClass && `text-color_${textColorClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, textGradientClass && `text-gradient_${textGradientClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `link_shape_${shapeClass}`), "data-testid": dataTestId, "data-tour": dataTour, href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onPointerCancel, onPointerDown: onPointerDown, onPointerLeave: onPointerLeave, onPointerUp: onPointerUp, children: [before, children || text, after] }));
-}
-function LinkWrapper(props) {
-    const { href, LinkComponent, rel, target, children, ...otherProps } = props;
-    if (href) {
-        const Component = LinkComponent || linkConfig.LinkComponent;
-        if (Component) {
-            return (jsxRuntime.jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
-        }
-    }
-    else if (LinkComponent) {
-        return jsxRuntime.jsx(LinkComponent, { ...otherProps, children: children });
-    }
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map((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_es_BDAmhIzd.js

@@ -1,272 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-const linkAppearanceAccent = {
-    accentPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextSecondary',
-        borderColor: 'accentBorderPrimary',
-    },
-};
-
-const linkAppearanceDanger = {
-    dangerPrimary: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerHoverPrimary',
-    },
-};
-
-const linkAppearanceDisabled = {
-    disabledPrimary: {
-        fill: 'surfaceDisabled',
-        borderColor: 'errorBorderQuaternary',
-        textColor: 'surfaceTextQuaternary',
-    },
-    disabledSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-        borderColorHover: 'surfaceBorderQuaternary',
-    },
-};
-
-const linkAppearanceError = {
-    errorPrimary: {
-        fill: 'errorPrimary',
-        fillHover: 'errorHoverPrimary',
-        labelTextColor: 'errorTextPrimary',
-        labelTextColorHover: 'errorTextPrimary',
-    },
-};
-
-const linkAppearanceExtra = {
-    extraPrimary: {
-        fill: 'extraPrimary',
-        fillHover: 'extraHoverPrimary',
-        labelTextColor: 'extraTextPrimary',
-    },
-};
-
-const linkAppearanceInfo = {
-    infoPrimary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        fillHover: 'accentHoverPrimary',
-        labelTextColor: 'accentTextSecondary',
-        labelTextColorHover: 'accentTextPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-};
-
-const linkAppearanceRequire = {
-    requirePrimary: {
-        fill: 'warningTertiary',
-        borderColor: 'warningBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    requireSecondary: {
-        fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderTertiary',
-    },
-};
-
-const linkAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xxl',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-        iconAfterFillSize: '20',
-        iconAfterSize: '20',
-        iconBeforeFillSize: '20',
-        iconBeforeSize: '20',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '16',
-        iconAfterSize: '16',
-        iconBeforeFillSize: '16',
-        iconBeforeSize: '16',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-        iconAfterFillSize: '14',
-        iconAfterSize: '14',
-        iconBeforeFillSize: '14',
-        iconBeforeSize: '14',
-    },
-};
-
-const linkAppearanceSpecial = {
-    specialPrimary: {
-        fill: 'specialPrimary',
-        fillHover: 'specialHoverPrimary',
-        labelTextColor: 'specialTextPrimary',
-    },
-};
-
-const linkAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
-    },
-    outlined: {
-        fill: 'none',
-    },
-    full: {
-        borderColor: 'none',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
-    },
-};
-
-const linkAppearanceSuccess = {
-    successPrimary: {
-        fill: 'successPrimary',
-        fillHover: 'successHoverPrimary',
-        labelTextColor: 'successTextSecondary',
-        labelTextColorHover: 'successTextSecondary',
-    },
-};
-
-const linkAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfaceHoverPrimary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceHoverQuaternary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceHoverSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceHoverTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-    },
-};
-
-const linkAppearanceWarning = {
-    warningPrimary: {
-        fill: 'warningPrimary',
-        fillHover: 'warningHoverPrimary',
-        labelTextColor: 'warningTextSecondary',
-        labelTextColorHover: 'warningTextSecondary',
-    },
-};
-
-const linkAppearance = {
-    ...linkAppearanceSize,
-    ...linkAppearanceDisabled,
-    ...linkAppearanceRequire,
-    ...linkAppearanceStyle,
-    ...linkAppearanceAccent,
-    ...linkAppearanceDanger,
-    ...linkAppearanceError,
-    ...linkAppearanceInfo,
-    ...linkAppearanceSpecial,
-    ...linkAppearanceExtra,
-    ...linkAppearanceSuccess,
-    ...linkAppearanceSurface,
-    ...linkAppearanceWarning,
-};
-
-const linkConfig = {
-    appearance: linkAppearance,
-    LinkComponent: 'a',
-    setAppearance: (appearanceConfig) => {
-        linkConfig.appearance = appearanceConfig;
-    },
-    setLinkComponent: (newComponent) => {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    const { appearance, className, dataTestId, dataTour, text, href, link, LinkComponent, rel, style, target, before, after, isDisabled, onClick, onMouseDown, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, linkConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { directionClass, fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, textColorClass, textColorHoverClass, textGradientClass, textStyleClass, textWeightClass, heightClass, shapeClass, sizeClass, svgFillClass, svgFillHoverClass, underline = 'underline', widthClass, } = propsGenerator;
-    const { styles } = useStyles(props);
-    return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, directionClass && `link_direction_${directionClass}`, sizeClass && `text_size_${sizeClass}`, svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`, underline && `link_underline_${underline}`, 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            textWeightClass) &&
-            'text', textColorClass && `text-color_${textColorClass}`, textColorHoverClass && `text-color_hover_${textColorHoverClass}`, textGradientClass && `text-gradient_${textGradientClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, shapeClass && `link_shape_${shapeClass}`), "data-testid": dataTestId, "data-tour": dataTour, href: href || link, LinkComponent: LinkComponent, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, onPointerCancel: onPointerCancel, onPointerDown: onPointerDown, onPointerLeave: onPointerLeave, onPointerUp: onPointerUp, children: [before, children || text, after] }));
-}
-function LinkWrapper(props) {
-    const { href, LinkComponent, rel, target, children, ...otherProps } = props;
-    if (href) {
-        const Component = LinkComponent || linkConfig.LinkComponent;
-        if (Component) {
-            return (jsx(Component, { href: href, rel: rel, target: target, ...otherProps, children: children }));
-        }
-    }
-    else if (LinkComponent) {
-        return jsx(LinkComponent, { ...otherProps, children: children });
-    }
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map((child) => {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, otherProps)
-            : child;
-    });
-}
-
-export { Link as L, LinkWrapper as a, linkConfig as b, linkAppearance as l };

package/dist/Text_cjs_erTy2pUN.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-
-const textAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-    },
-    sizeXL: {
-        size: 'xl',
-    },
-    sizeL: {
-        size: 'l',
-    },
-    sizeM: {
-        size: 'm',
-    },
-    sizeS: {
-        size: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-    },
-    sizeXXS: {
-        size: 'xxs',
-    },
-};
-
-const textAppearance = {
-    ...textAppearanceSize,
-};
-
-const textConfig = {
-    appearance: textAppearance,
-    setAppearance: (appearanceConfig) => {
-        textConfig.appearance = appearanceConfig;
-    },
-};
-function Text(props) {
-    const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: textStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
-            textColorDisabledClass &&
-            `text-color_${textColorDisabledClass}`, !isActive &&
-            !isDisabled &&
-            textColorClass &&
-            `text-color_${textColorClass}`, !isActive &&
-            !isDisabled &&
-            textColorHoverClass &&
-            `text-color_hover_${textColorHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveHoverClass &&
-            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
-exports.Text = Text;
-exports.textAppearance = textAppearance;
-exports.textConfig = textConfig;

package/dist/Text_es_DVNvU0m0.js

@@ -1,64 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-const textAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-    },
-    sizeXL: {
-        size: 'xl',
-    },
-    sizeL: {
-        size: 'l',
-    },
-    sizeM: {
-        size: 'm',
-    },
-    sizeS: {
-        size: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-    },
-    sizeXXS: {
-        size: 'xxs',
-    },
-};
-
-const textAppearance = {
-    ...textAppearanceSize,
-};
-
-const textConfig = {
-    appearance: textAppearance,
-    setAppearance: (appearanceConfig) => {
-        textConfig.appearance = appearanceConfig;
-    },
-};
-function Text(props) {
-    const { appearance, className, dataTestId, dataTour, cursor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
-    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: textStyles } = useStyles(props);
-    return (jsxs(Tag, { className: clsx(className, 'text', sizeClass && `text_size_${sizeClass}`, textWeightClass && `text-weight_${textWeightClass}`, textAlignClass && `text-align_${textAlignClass}`, isDisabled &&
-            textColorDisabledClass &&
-            `text-color_${textColorDisabledClass}`, !isActive &&
-            !isDisabled &&
-            textColorClass &&
-            `text-color_${textColorClass}`, !isActive &&
-            !isDisabled &&
-            textColorHoverClass &&
-            `text-color_hover_${textColorHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveHoverClass &&
-            `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
-            !isDisabled &&
-            textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
-export { Text as T, textConfig as a, textAppearance as t };