@itcase/ui 1.2.34 → 1.3.0

package/dist/Input-KgHOW5DR.js

@@ -1,191 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-
-var inputAppearance = {
-    dev: {
-        borderColor: 'surfaceBorderTertiary',
-        placeholderTextColor: 'surfaceTextSecondary',
-        shape: 'rounded',
-        size: 'm',
-        textColor: 'surfaceTextPrimary',
-        textSize: 'm',
-    },
-};
-var inputState = {
-    active: {
-        borderColor: 'surfaceBorderActive',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    activeFilled: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
-    },
-    disabled: {
-        borderColor: 'surfaceBorderDisabled',
-        borderColorHover: 'surfaceBorderDisabled',
-        placeholderTextColor: 'surfaceTextDisabled',
-        textColor: 'surfaceTextPrimary',
-    },
-    error: {
-        borderColor: 'errorBorderPrimary',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    errorFilled: {
-        borderColor: 'errorBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    filled: {
-        borderColor: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    normal: {
-        borderColor: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    readonly: {
-        borderColor: 'surfaceBorderDisabled',
-        textColor: 'surfaceTextPrimary',
-    },
-    require: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
-    },
-    success: {
-        borderColor: 'successBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var inputConfig = {
-    appearance: inputAppearance,
-    setAppearance: function (newComponent) {
-        inputConfig.appearance = newComponent;
-    },
-    state: inputState,
-    // eslint-disable-next-line perfectionist/sort-objects
-    setState: function (newComponent) {
-        inputConfig.state = newComponent;
-    },
-};
-var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'input_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'input_shape_',
-        propsKey: 'shape',
-    });
-    var textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'textSize',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_disabled_',
-        propsKey: 'textColor',
-    });
-    var caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'caret',
-    });
-    var placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderTextColor',
-    });
-    var placeholderTextColorDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_disabled_',
-        propsKey: 'placeholderTextColorDisabled',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderWidthDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_disabled_',
-        propsKey: 'borderWidthDisabled',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_disabled_',
-        propsKey: 'borderColorDisabled',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var appearanceConfig = appearance && inputConfig.appearance && inputConfig.appearance[appearance];
-    var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (jsxRuntime.jsx("input", { className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
-                "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass, !isDisabled ? borderWidthClass : borderWidthDisabledClass, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "input_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), placeholderTextColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor) &&
-                "placeholder-text-color_".concat(appearanceConfig.placeholderTextColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
-            ? borderColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                    "border-color_".concat(stateConfig.borderColor).replace(/([A-Z])/g, '-$1').toLowerCase())
-            : borderColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                    "border-color_disabled_".concat(stateConfig.borderColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase()), !isDisabled
-            ? placeholderTextColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                    "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase())
-            : placeholderTextColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                    "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase()), !isDisabled
-            ? textColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
-            : textColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), ref: ref, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
-        // @ts-ignore
-        index: index, placeholder: placeholder, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-Input.defaultProps = {
-    size: 'm',
-};
-
-exports.Input = Input;
-exports.inputConfig = inputConfig;

package/dist/Label-B06hLCqo.js

@@ -1,139 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-R6XNq6Ca.js');
-var Tooltip = require('./Tooltip-BswHy19O.js');
-
-var labelAppearance = {
-    dev: {
-        fill: 'surfaceSecondary',
-        label: 'Label',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextSize: 'm',
-        shape: 'rounded',
-        size: 'l',
-    },
-    accent: {
-        fill: 'accentPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        labelTextColor: 'primaryTextPrimary',
-        labelTextColorHover: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        labelTextColor: 'secondaryTextPrimary',
-        labelTextColorHover: 'secondaryTextPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
-    gradientPrimary: {
-        fill: 'gradientPrimary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-        labelTextWeight: 600,
-    },
-};
-
-var labelConfig = {
-    appearance: labelAppearance,
-    setAppearance: function (newComponent) {
-        labelConfig.appearance = newComponent;
-    },
-};
-function Label(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, _a = props.label, label = _a === void 0 ? 'Label' : _a, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, 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, type = props.type, onClick = props.onClick;
-    var tooltipRef = React.useRef(null);
-    var onMouseEnterLabel = React.useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.openTooltip();
-    }, []);
-    var onMouseLeaveLabel = React.useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
-    }, []);
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'label_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'label_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'label_width_',
-        propsKey: 'width',
-    });
-    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'word-wrap_',
-        propsKey: 'wrap',
-    });
-    // @ts-expect-error
-    var labelStyles = useStyles.useStyles(props).styles;
-    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'label', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "label_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderTypeClass, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), 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__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsxRuntime.jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: "label__tooltip", 
-                        // @ts-expect-error
-                        ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
-}
-
-exports.Label = Label;
-exports.labelAppearance = labelAppearance;
-exports.labelConfig = labelConfig;

package/dist/Label-zOLL6ePu.js

@@ -1,135 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-C4Bg2Mv6.js';
-import { T as Tooltip } from './Tooltip--c-4Qp04.js';
-
-var labelAppearance = {
-    dev: {
-        fill: 'surfaceSecondary',
-        label: 'Label',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextSize: 'm',
-        shape: 'rounded',
-        size: 'l',
-    },
-    accent: {
-        fill: 'accentPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        labelTextColor: 'primaryTextPrimary',
-        labelTextColorHover: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        labelTextColor: 'secondaryTextPrimary',
-        labelTextColorHover: 'secondaryTextPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
-    gradientPrimary: {
-        fill: 'gradientPrimary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-        labelTextWeight: 600,
-    },
-};
-
-var labelConfig = {
-    appearance: labelAppearance,
-    setAppearance: function (newComponent) {
-        labelConfig.appearance = newComponent;
-    },
-};
-function Label(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, _a = props.label, label = _a === void 0 ? 'Label' : _a, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, 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, type = props.type, onClick = props.onClick;
-    var tooltipRef = useRef(null);
-    var onMouseEnterLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.openTooltip();
-    }, []);
-    var onMouseLeaveLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
-    }, []);
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'label_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'label_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'label_width_',
-        propsKey: 'width',
-    });
-    var wrapClass = useDeviceTargetClass(props, {
-        prefix: 'word-wrap_',
-        propsKey: 'wrap',
-    });
-    // @ts-expect-error
-    var labelStyles = useStyles(props).styles;
-    var appearanceConfig = appearance && labelConfig.appearance && labelConfig.appearance[appearance];
-    return (jsxs("div", { className: clsx(className, 'label', fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
-                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "label_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass, borderTypeClass, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "label_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), wrapClass, widthClass, alignDirectionClass, alignClass, type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), 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__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsx(Tooltip, { className: "label__tooltip", 
-                        // @ts-expect-error
-                        ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
-}
-
-export { Label as L, labelAppearance as a, labelConfig as l };

package/dist/Link-CqWzwh8V.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-var linkConfig = {
-    LinkComponent: 'a',
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var children = props.children, after = props.after, before = props.before, className = props.className, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'link_direction_',
-        propsKey: 'direction',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'size',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_',
-        propsKey: 'svgFill',
-    });
-    var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'svg_fill_hover_',
-        propsKey: 'svgFillHover',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_hover_',
-        propsKey: 'textColorHover',
-    });
-    var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-style_',
-        propsKey: 'textColorHover',
-    });
-    var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-gradient_',
-        propsKey: 'textGradient',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            weightClass) &&
-            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-// 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"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntime.jsx(LinkComponent, tslib_es6.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntime.jsx(DefaultComponent, tslib_es6.__assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React.isValidElement(child) ? React.cloneElement(child, otherProps) : child;
-    });
-}
-
-exports.Link = Link;
-exports.LinkWrapper = LinkWrapper;
-exports.linkConfig = linkConfig;

package/dist/Loader-DHNcD09o.js

@@ -1,82 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-C4Bg2Mv6.js';
-
-var loaderAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        itemFill: 'accentItemPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        itemFill: 'surfaceItemPrimary',
-    },
-};
-
-// TODO: is better to use context?
-var loaderConfig = {
-    appearance: loaderAppearance,
-    setAppearance: function (newComponent) {
-        loaderConfig.appearance = newComponent;
-    },
-};
-function Loader(props) {
-    var _a, _b, _c;
-    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
-    var itemFillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'itemFill',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var loader = useStyles(props).styles;
-    var appearanceConfig = appearance && loaderConfig.appearance && loaderConfig.appearance[appearance];
-    return (jsxs("div", { className: clsx('loader', positionClass, widthClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.width) &&
-                "width_".concat(appearanceConfig.width).replace(/([A-Z])/g, '-$1').toLowerCase()), heightClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.height) &&
-                "height_".concat(appearanceConfig.height).replace(/([A-Z])/g, '-$1').toLowerCase()), fillClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
-                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_a = appearanceConfig.itemFill) === null || _a === void 0 ? void 0 : _a.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_b = appearanceConfig.itemFill) === null || _b === void 0 ? void 0 : _b.replace(/([A-Z])/g, '-$1')).toLowerCase())) }), jsx("span", { className: clsx('loader__item', itemFillClass ||
-                            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.itemFill) &&
-                                "fill_".concat((_c = appearanceConfig.itemFill) === null || _c === void 0 ? void 0 : _c.replace(/([A-Z])/g, '-$1')).toLowerCase())) })] })), text && (jsx(Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
-}
-
-export { Loader as L, loaderConfig as l };