@itcase/ui 1.2.35 → 1.3.0

package/dist/Input--x3hPBiN.js

@@ -1,188 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './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(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'input_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'input_shape_',
-        propsKey: 'shape',
-    });
-    var textSizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'textSize',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_disabled_',
-        propsKey: 'textColor',
-    });
-    var caretClass = useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'caret',
-    });
-    var placeholderTextColorClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderTextColor',
-    });
-    var placeholderTextColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_disabled_',
-        propsKey: 'placeholderTextColorDisabled',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderWidthDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_disabled_',
-        propsKey: 'borderWidthDisabled',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_disabled_',
-        propsKey: 'borderColorDisabled',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var appearanceConfig = appearance && inputConfig.appearance && inputConfig.appearance[appearance];
-    var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (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',
-};
-
-export { Input as I, inputAppearance as a, inputState as b, inputConfig as i };

package/dist/Input-DG5yWwpp.js

@@ -1,193 +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.inputAppearance = inputAppearance;
-exports.inputConfig = inputConfig;
-exports.inputState = inputState;

package/dist/Label-Ddjf4F18.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-C-scXvy7.js');
-var Tooltip = require('./Tooltip-CUL79Nsx.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-Rq2ptfUd.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-DGEJa_FL.js';
-import { T as Tooltip } from './Tooltip-BsMYxi_I.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 };